Sfoglia il codice sorgente

style: [账号管理]样式修改

louhangfei 10 mesi fa
parent
commit
4f26495a0f

+ 1 - 1
src/views/system/user/component/SearchForm.vue

@@ -119,6 +119,6 @@
     margin-right: 40px;
   }
   .el-form {
-    padding: 20px 0 20px 20px;
+    padding: 20px 0 0 20px;
   }
 </style>

+ 29 - 31
src/views/system/user/user.vue

@@ -12,36 +12,28 @@
         @get-table-data="onSearchCommit"
         @reset-form="onResetForm"
       />
-      <el-card shadow="never">
-        <template #header>
-          <el-space align="center">
-            <el-button type="primary" @click="openAddSingleDrawer" v-permission="PERM_USER.ACCOUNT_MANAGE">
-              <template #icon>
-                <el-icon>
-                  <Plus />
-                </el-icon>
-              </template>
-              添加用户
-            </el-button>
-
-            <el-button
-              color="#1890FF"
-              @click="openAddMultipleDrawer"
-              style="margin-left: 18px"
-              plain
-              v-permission="PERM_USER.ACCOUNT_MANAGE"
-            >
-              <template #icon>
-                <el-icon>
-                  <DocumentAdd />
-                </el-icon>
-              </template>
-              批量导入
-            </el-button>
-          </el-space>
-        </template>
-
-        <el-table :data="userList" row-key="id">
+      <div class="content-wrapper">
+        <div v-permission="PERM_USER.ACCOUNT_MANAGE">
+          <el-button type="primary" @click="openAddSingleDrawer">
+            <template #icon>
+              <el-icon>
+                <Plus />
+              </el-icon>
+            </template>
+            添加用户
+          </el-button>
+
+          <el-button color="#1890FF" @click="openAddMultipleDrawer" style="margin-left: 18px" plain>
+            <template #icon>
+              <el-icon>
+                <DocumentAdd />
+              </el-icon>
+            </template>
+            批量导入
+          </el-button>
+        </div>
+
+        <el-table :data="userList" row-key="id" style="margin-top: 10px">
           <el-table-column label="工号" prop="staffNo">
             <template #default="scope">
               <div>
@@ -138,7 +130,8 @@
             @change="loadPageData"
           />
         </section>
-      </el-card>
+      </div>
+
       <CreateDrawer
         ref="createDrawerRef"
         :title="drawerTitle"
@@ -356,6 +349,11 @@
     background-color: #ffffff;
   }
 
+  .content-wrapper {
+    padding: 20px;
+    padding-top: 0;
+  }
+
   .user-list {
     padding: 0 21px;
   }