Pārlūkot izejas kodu

fix: 人员分组-取消el-card

louhangfei 10 mēneši atpakaļ
vecāks
revīzija
78ea3f8560
1 mainītis faili ar 11 papildinājumiem un 13 dzēšanām
  1. 11 13
      src/views/system/person-group/PersonGroup.vue

+ 11 - 13
src/views/system/person-group/PersonGroup.vue

@@ -4,19 +4,17 @@
       <Breadcrumb />
     </template>
     <div>
-      <el-card shadow="never">
-        <template #header>
-          <el-button type="primary" @click="openEditDrawer()" v-permission="PERM_NOTICE.PERSONNEL_GROUP">
-            <template #icon>
-              <el-icon>
-                <PlusOutlined />
-              </el-icon>
-            </template>
-            新建人员分组
-          </el-button>
-        </template>
+      <div style="margin: 20px">
+        <el-button type="primary" @click="openEditDrawer()" v-permission="PERM_NOTICE.PERSONNEL_GROUP">
+          <template #icon>
+            <el-icon>
+              <PlusOutlined />
+            </el-icon>
+          </template>
+          新建人员分组
+        </el-button>
 
-        <el-table :data="personGroupList">
+        <el-table :data="personGroupList" style="margin-top: 20px">
           <el-table-column label="分组名" prop="name" />
           <el-table-column label="分组描述" prop="description" />
           <el-table-column label="人员数量" prop="total" />
@@ -50,7 +48,7 @@
         </section>
         <PersonGroupEditDrawer :title="drawerTitle" ref="editDrawerInstance" @submitted="onSubmit" />
         <PersonGroupExhibitionDrawer :title="drawerTitle" ref="exhibitionDrawerInstance" />
-      </el-card>
+      </div>
     </div>
   </VerticalFlexLayout>
 </template>