各模块样式等布局优化，运行分析接口联调

web/src/views/system/user.vue

@@ -1,11 +1,6 @@
 <template>
   <div class="user">
-    <searchBox
-      :btn-option-list="btnOptionList"
-      @onSearch="onSearch"
-      :search-options="searchOptions"
-      @operateForm="operateForm"
-    ></searchBox>
+    <searchBox :btn-option-list="btnOptionList" @operateForm="operateForm"></searchBox>
 
     <div class="content-table">
       <ComTable
@@ -26,7 +21,13 @@
         </template>
       </ComTable>
     </div>
-    <a-modal v-model:open="formModal" width="750px" style="top: 20px" :footer="null">
+    <a-modal
+      v-model:open="formModal"
+      width="750px"
+      style="top: 20px"
+      :footer="null"
+      :destroy-on-close="true"
+    >
       <!-- action:edit add -->
       <EditCom
         :record="record"
@@ -48,13 +49,13 @@ import { createVNode } from 'vue'
 export default {
   name: '',
   components: {
-    EditCom,
+    EditCom
   },
   props: {},
   data() {
     return {
       tableOption: {
-        select:false
+        select: false
       },
       formModal: false,
       formState: {},
@@ -134,9 +135,9 @@ export default {
         this.formState = record
         this.getRuleFormInfo(record)
         break
-    
+
       case 'del':
-        this.handleDelete([record.user_id],this.getList)
+        this.handleDelete([record.user_id], this.getList)
 
         break
 
@@ -150,7 +151,7 @@ export default {
       }
     },
     //  删除操作
-    async handleDelete(id,callback) {
+    async handleDelete(id, callback) {
       const that = this
       this.$Modal.confirm({
         title: '你确认删除数据吗?',
@@ -158,10 +159,10 @@ export default {
 
         async onOk() {
           try {
-            const res = await getReq('/deleteUser',{user_id:id})
+            const res = await getReq('/deleteUser', { user_id: id })
             if (res.errcode === 0) {
               this.$message.success(res.errmsg)
-              this.pageOption.page=1
+              this.pageOption.page = 1
               callback()
             } else {
               throw res
@@ -170,8 +171,7 @@ export default {
             callback()
           }
         },
-        onCancel() {
-        },
+        onCancel() {},
         class: 'test'
       })
     },
@@ -193,7 +193,6 @@ export default {
       }
       userOptions.forEach((e, index) => {
         e.list.forEach((i) => {
-          
           e.ruleForm[i.key] = row ? row[i.key] : ''
           e.ruleForm.id = row.id
         })
@@ -211,10 +210,9 @@ export default {
 <style lang="scss" scoped>
 .user {
   height: 100%;
-
+  padding: 0 20px;
   .content-table {
-    height: calc(100% - 70px);
-    padding: 10px;
+    height: calc(100% - 92px);
   }
 }
 </style>