diff --git a/src/views/admin/audit/index.vue b/src/views/admin/audit/index.vue
index f274f949..4a599297 100644
--- a/src/views/admin/audit/index.vue
+++ b/src/views/admin/audit/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="layout-padding">
-    <el-card class="layout-padding-auto">
+    <div class="layout-padding-auto layout-padding-view">
       <el-row v-show="showSearch" class="mb8">
         <el-form :model="state.queryForm" ref="queryRef" :inline="true" @keyup.enter="getDataList">
           <el-form-item :label="$t('audit.auditName')" prop="auditName">
@@ -57,7 +57,7 @@
         </el-table-column>
       </el-table>
       <pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" v-bind="state.pagination" />
-    </el-card>
+    </div>
   </div>
 </template>
 
diff --git a/src/views/admin/client/index.vue b/src/views/admin/client/index.vue
index db18d367..9acc56f7 100644
--- a/src/views/admin/client/index.vue
+++ b/src/views/admin/client/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="layout-padding">
-    <el-card class="layout-padding-auto">
+    <div class="layout-padding-auto layout-padding-view">
       <el-row v-show="showSearch" class="mb8">
         <el-form :model="state.queryForm" ref="queryRef" :inline="true" @keyup.enter="getDataList">
           <el-form-item :label="$t('client.clientId')" prop="clientId">
@@ -65,8 +65,7 @@
         </el-table-column>
       </el-table>
       <pagination v-bind="state.pagination" @size-change="sizeChangeHandle" @current-change="currentChangeHandle" />
-    </el-card>
-
+    </div>
     <!-- 编辑、新增  -->
     <form-dialog ref="formDialogRef" @refresh="getDataList()" />
   </div>
diff --git a/src/views/admin/dept/index.vue b/src/views/admin/dept/index.vue
index b59b9a9c..b35e1cb7 100644
--- a/src/views/admin/dept/index.vue
+++ b/src/views/admin/dept/index.vue
@@ -1,6 +1,6 @@
 <template>
 	<div class="layout-padding">
-		<el-card shadow="hover" class="layout-padding-auto">
+    <div class="layout-padding-auto layout-padding-view">
 			<div class="mb15">
         <el-form :model="state.queryForm" ref="queryRef" :inline="true" @keyup.enter="getDataList">
           <el-form-item prop="deptName">
@@ -44,8 +44,8 @@
 					</template>
 				</el-table-column>
 			</el-table>
-		</el-card>
-		<dept-form ref="deptDialogRef" @refresh="getDataList()" />
+    </div>
+    <dept-form ref="deptDialogRef" @refresh="getDataList()" />
     <upload-excel ref="excelUploadRef" :title="$t('sysdept.importTip')" url="/admin/dept/import"
                   temp-url="/admin/sys-file/local/file/dept.xlsx" @refreshDataList="getDataList" />
 	</div>
diff --git a/src/views/admin/dict/dictItem/index.vue b/src/views/admin/dict/dictItem/index.vue
index 2ad271d5..40dbd34a 100644
--- a/src/views/admin/dict/dictItem/index.vue
+++ b/src/views/admin/dict/dictItem/index.vue
@@ -1,6 +1,6 @@
 <template>
   <el-drawer v-model="visible" :title="$t('sysdict.dictItem')" size="80%">
-    <el-card shadow="hover" class="layout-padding-auto">
+    <div class="layout-padding-auto layout-padding-view">
       <el-row>
         <div class="mb8" style="width: 100%">
           <el-button icon="folder-add" type="primary" class="ml10" @click="dictformRef.openDialog(null,state.queryForm)">
@@ -31,7 +31,7 @@
         <pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" v-bind="state.pagination">
         </pagination>
       </el-row>
-    </el-card>
+    </div>
     <dict-form ref="dictformRef" @refresh="getDataList"></dict-form>
 
   </el-drawer>
diff --git a/src/views/admin/dict/index.vue b/src/views/admin/dict/index.vue
index fc2ed50b..4921820f 100644
--- a/src/views/admin/dict/index.vue
+++ b/src/views/admin/dict/index.vue
@@ -1,15 +1,16 @@
 <template>
   <div class="layout-padding">
-    <el-card shadow="hover" class="layout-padding-auto">
+    <div class="layout-padding-auto layout-padding-view">
       <el-row v-show="showSearch" class="mb8">
         <el-form :model="state.queryForm" ref="queryRef" :inline="true" @keyup.enter="getDataList">
           <el-form-item :label="$t('sysdict.dictType')" prop="dictType">
-            <el-input :placeholder="$t('sysdict.inputDictTypeTip')" v-model="state.queryForm.dictType" style="max-width: 180px" />
+            <el-input :placeholder="$t('sysdict.inputDictTypeTip')" v-model="state.queryForm.dictType"
+                      style="max-width: 180px"/>
           </el-form-item>
           <el-form-item :label="$t('sysdict.systemFlag')" prop="systemFlag">
             <el-select v-model="state.queryForm.systemFlag" clearable>
               <el-option v-for="(item, index) in dict_type" :label="item.label" :value="item.value"
-                :key="index"></el-option>
+                         :key="index"></el-option>
             </el-select>
           </el-form-item>
           <el-form-item class="ml2">
@@ -26,43 +27,48 @@
             {{ $t('common.addBtn') }}
           </el-button>
           <el-button :disabled="multiple" icon="Delete" type="primary" class="ml10" v-auth="'sys_dict_del'"
-            @click="handleDelete(selectObjs)">
+                     @click="handleDelete(selectObjs)">
             {{ $t('common.delBtn') }}
           </el-button>
           <el-button class="ml10" icon="refresh-left" type="primary" @click="handleRefreshCache()">
             {{ $t('common.refreshCacheBtn') }}
           </el-button>
           <right-toolbar v-model:showSearch="showSearch" class="ml10" style="float: right;margin-right: 20px"
-            @queryTable="getDataList"></right-toolbar>
+                         @queryTable="getDataList"></right-toolbar>
         </div>
       </el-row>
       <el-table :data="state.dataList" v-loading="state.loading" style="width: 100%"
-        @selection-change="handleSelectionChange">
+                @selection-change="handleSelectionChange">
         <el-table-column align="center" type="selection" :selectable='handleSelectable' width="50">
         </el-table-column>
-        <el-table-column type="index" :label="$t('sysdict.index')" width="80" />
+        <el-table-column type="index" :label="$t('sysdict.index')" width="80"/>
         <el-table-column :label="$t('sysdict.dictType')" show-overflow-tooltip>
           <template #default="scope">
             <el-button text type="primary" @click="showDictITem(scope.row)">{{ scope.row.dictType }}</el-button>
           </template>
         </el-table-column>
-        <el-table-column prop="description" :label="$t('sysdict.description')"  show-overflow-tooltip sortable></el-table-column>
+        <el-table-column prop="description" :label="$t('sysdict.description')" show-overflow-tooltip
+                         sortable></el-table-column>
         <el-table-column prop="systemFlag" :label="$t('sysdict.systemFlag')" show-overflow-tooltip>
           <template #default="scope">
             <dict-tag :options="dict_type" :value="scope.row.systemFlag"></dict-tag>
           </template>
         </el-table-column>
         <el-table-column prop="remarks" :label="$t('sysdict.remarks')" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="createTime" :label="$t('sysdict.createTime')" show-overflow-tooltip sortable></el-table-column>
+        <el-table-column prop="createTime" :label="$t('sysdict.createTime')" show-overflow-tooltip
+                         sortable></el-table-column>
         <el-table-column :label="$t('common.action')" width="200">
           <template #default="scope">
             <el-button text type="primary" @click="showDictITem(scope.row)">{{ $t('sysdict.dictItem') }}</el-button>
-            <el-button text type="primary" @click="onOpenEditDic('edit', scope.row)">{{ $t('common.editBtn') }}</el-button>
+            <el-button text type="primary" @click="onOpenEditDic('edit', scope.row)">{{
+                $t('common.editBtn')
+              }}
+            </el-button>
             <el-tooltip :content="$t('sysdict.deleteDisabledTip')" :disabled="scope.row.systemFlag === 1"
-              placement="top">
+                        placement="top">
               <span style="margin-left: 12px">
                 <el-button text type="primary" :disabled="scope.row.systemFlag !== 1"
-                  @click="handleDelete([scope.row.id])">
+                           @click="handleDelete([scope.row.id])">
                   {{ $t('common.delBtn') }}
                 </el-button>
               </span>
@@ -70,24 +76,25 @@
           </template>
         </el-table-column>
       </el-table>
-      <pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" v-bind="state.pagination" />
-    </el-card>
-    <DicDialog ref="dicDialogRef" @refresh="getDataList()" />
+      <pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" v-bind="state.pagination"/>
+    </div>
+    <DicDialog ref="dicDialogRef" @refresh="getDataList()"/>
     <dict-item-dialog ref="dictItemDialogRef"></dict-item-dialog>
   </div>
 </template>
 
 <script setup lang="ts" name="systemDic">
-import { BasicTableProps, useTable } from "/@/hooks/table";
-import { delObj, fetchList, refreshCache } from "/@/api/admin/dict";
-import { useMessage, useMessageBox } from "/@/hooks/message";
-import { useDict } from "/@/hooks/dict";
-import { useI18n } from "vue-i18n";
-const { dict_type } = useDict('dict_type')
+import {BasicTableProps, useTable} from "/@/hooks/table";
+import {delObj, fetchList, refreshCache} from "/@/api/admin/dict";
+import {useMessage, useMessageBox} from "/@/hooks/message";
+import {useDict} from "/@/hooks/dict";
+import {useI18n} from "vue-i18n";
+
+const {dict_type} = useDict('dict_type')
 // 引入组件
 const DicDialog = defineAsyncComponent(() => import('./form.vue'));
 const DictItemDialog = defineAsyncComponent(() => import('./dictItem/index.vue'))
-const { t } = useI18n()
+const {t} = useI18n()
 // 定义变量内容
 const dicDialogRef = ref();
 const dictItemDialogRef = ref()
@@ -139,22 +146,22 @@ const handleSelectionChange = (objs: any) => {
   multiple.value = !objs.length
 }
 //刷新缓存
-const handleRefreshCache = () =>{
-   refreshCache().then(() =>{
-     useMessage().success('同步成功')
+const handleRefreshCache = () => {
+  refreshCache().then(() => {
+    useMessage().success('同步成功')
   })
 }
 
 // 删除操作
 const handleDelete = (ids: string[]) => {
   useMessageBox().confirm(t('common.delConfirmText'))
-    .then(() => {
-      delObj(ids).then(() => {
-        getDataList();
-        useMessage().success(t('common.delSuccessText'));
-      }).catch((err: any) => {
-        useMessage().error(err.msg)
+      .then(() => {
+        delObj(ids).then(() => {
+          getDataList();
+          useMessage().success(t('common.delSuccessText'));
+        }).catch((err: any) => {
+          useMessage().error(err.msg)
+        })
       })
-    })
 };
 </script>
diff --git a/src/views/admin/i18n/index.vue b/src/views/admin/i18n/index.vue
index b7535eb9..b725e996 100644
--- a/src/views/admin/i18n/index.vue
+++ b/src/views/admin/i18n/index.vue
@@ -1,19 +1,19 @@
 <template>
     <div class="layout-padding">
-        <el-card class="layout-padding-auto">
+        <div class="layout-padding-auto layout-padding-view">
             <el-row class="mb8" v-show="showSearch">
                 <el-form :inline="true" :model="state.queryForm" @keyup.enter="getDataList" ref="queryRef">
                     <el-form-item :label="$t('i18n.name')" prop="name">
                         <el-input :placeholder="t('i18n.inputKeyTip')" style="max-width: 180px"
-                                  v-model="state.queryForm.name"/>
+                            v-model="state.queryForm.name" />
                     </el-form-item>
                     <el-form-item :label="$t('i18n.zhCn')" prop="zh-cn">
                         <el-input :placeholder="t('i18n.inputZhCnTip')" style="max-width: 180px"
-                                  v-model="state.queryForm.zhCn"/>
+                            v-model="state.queryForm.zhCn" />
                     </el-form-item>
                     <el-form-item :label="$t('i18n.en')" prop="en">
                         <el-input :placeholder="t('i18n.inputEnTip')" style="max-width: 180px"
-                                  v-model="state.queryForm.en"/>
+                            v-model="state.queryForm.en" />
                     </el-form-item>
                     <el-form-item class="ml2">
                         <el-button @click="getDataList" formDialogRef icon="search" type="primary">
@@ -27,128 +27,127 @@
             <el-row>
                 <div class="mb8" style="width: 100%">
                     <el-button @click="formDialogRef.openDialog()" class="ml10" formDialogRef icon="folder-add"
-                               type="primary"
-                               v-auth="'admin_i18n_add'">
+                        type="primary" v-auth="'admin_i18n_add'">
                         {{ $t('common.addBtn') }}
                     </el-button>
                     <el-button @click="exportExcel" class="ml10" formDialogRef icon="Download" type="primary"
-                               v-auth="'admin_i18n_export'">
+                        v-auth="'admin_i18n_export'">
                         {{ $t('common.exportBtn') }}
                     </el-button>
-                    <el-button :disabled="multiple" @click="handleDelete(selectObjs)" class="ml10" formDialogRef icon="Delete"
-                               type="primary" v-auth="'admin_i18n_del'">
+                    <el-button :disabled="multiple" @click="handleDelete(selectObjs)" class="ml10" formDialogRef
+                        icon="Delete" type="primary" v-auth="'admin_i18n_del'">
                         {{ $t('common.delBtn') }}
                     </el-button>
                     <right-toolbar @queryTable="getDataList" class="ml10" style="float: right;margin-right: 20px"
-                                   v-model:showSearch="showSearch"></right-toolbar>
+                        v-model:showSearch="showSearch"></right-toolbar>
                 </div>
             </el-row>
             <el-table :data="state.dataList" @selection-change="handleSelectionChange" @sort-change="sortChangeHandle"
-                      style="width: 100%" v-loading="state.loading">
-                <el-table-column align="center" type="selection" width="60"/>
-                <el-table-column :label="t('i18n.name')" prop="name" show-overflow-tooltip/>
-                <el-table-column :label="t('i18n.zhCn')" prop="zhCn" show-overflow-tooltip/>
-                <el-table-column :label="t('i18n.en')" prop="en" show-overflow-tooltip/>
-                <el-table-column :label="t('i18n.createBy')" prop="createBy" show-overflow-tooltip/>
-                <el-table-column :label="t('i18n.createTime')" prop="createTime" show-overflow-tooltip/>
+                style="width: 100%" v-loading="state.loading">
+                <el-table-column align="center" type="selection" width="60" />
+                <el-table-column type="index" :label="t('file.index')" width="80" />
+                <el-table-column :label="t('i18n.name')" prop="name" show-overflow-tooltip />
+                <el-table-column :label="t('i18n.zhCn')" prop="zhCn" show-overflow-tooltip />
+                <el-table-column :label="t('i18n.en')" prop="en" show-overflow-tooltip />
+                <el-table-column :label="t('i18n.createBy')" prop="createBy" show-overflow-tooltip />
+                <el-table-column :label="t('i18n.createTime')" prop="createTime" show-overflow-tooltip />
                 <el-table-column :label="$t('common.action')" width="150">
                     <template #default="scope">
                         <el-button @click="formDialogRef.openDialog(scope.row.id)" text type="primary"
-                                   v-auth="'admin_i18n_edit'">{{
-                            $t('common.editBtn')
+                            v-auth="'admin_i18n_edit'">{{
+                                $t('common.editBtn')
                             }}
                         </el-button>
                         <el-button @click="handleDelete([scope.row.id])" text type="primary" v-auth="'admin_i18n_del'">
                             {{
-                            $t('common.delBtn')
+                                $t('common.delBtn')
                             }}
                         </el-button>
                     </template>
                 </el-table-column>
             </el-table>
-            <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle"
-                        v-bind="state.pagination"/>
-        </el-card>
+            <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle" v-bind="state.pagination" />
+        </div>
 
         <!-- 编辑、新增  -->
-        <form-dialog @refresh="getDataList()" ref="formDialogRef"/>
+        <form-dialog @refresh="getDataList()" ref="formDialogRef" />
     </div>
 </template>
 
 <script lang="ts" name="systemSysI18n" setup>
-    import {BasicTableProps, useTable} from "/@/hooks/table";
-    import {delObj, fetchList} from "/@/api/admin/i18n";
-    import {useMessage, useMessageBox} from "/@/hooks/message";
-    import {useI18n} from "vue-i18n";
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { delObj, fetchList } from "/@/api/admin/i18n";
+import { useMessage, useMessageBox } from "/@/hooks/message";
+import { useI18n } from "vue-i18n";
 
-    // 引入组件
-    const FormDialog = defineAsyncComponent(() => import('./form.vue'));
-    const {t} = useI18n()
-    // 定义查询字典
+// 引入组件
+const FormDialog = defineAsyncComponent(() => import('./form.vue'));
+const { t } = useI18n()
+// 定义查询字典
 
-    // 定义变量内容
-    const formDialogRef = ref()
-    // 搜索变量
-    const queryRef = ref()
-    const showSearch = ref(true)
-    // 多选变量
-    const selectObjs = ref([]) as any
-    const multiple = ref(true)
+// 定义变量内容
+const formDialogRef = ref()
+// 搜索变量
+const queryRef = ref()
+const showSearch = ref(true)
+// 多选变量
+const selectObjs = ref([]) as any
+const multiple = ref(true)
 
-    const state: BasicTableProps = reactive<BasicTableProps>({
-        queryForm: {
-            name: '',
-            zhCn: '',
-            en: ''
-        },
-        pageList: fetchList,
-        descs: ['create_time']
-    })
+const state: BasicTableProps = reactive<BasicTableProps>({
+    queryForm: {
+        name: '',
+        zhCn: '',
+        en: ''
+    },
+    pageList: fetchList,
+    descs: ['create_time']
+})
 
-    //  table hook
-    const {
-        getDataList,
-        currentChangeHandle,
-        sizeChangeHandle,
-        sortChangeHandle,
-        downBlobFile
-    } = useTable(state)
+//  table hook
+const {
+    getDataList,
+    currentChangeHandle,
+    sizeChangeHandle,
+    sortChangeHandle,
+    downBlobFile
+} = useTable(state)
 
+// 清空搜索条件
+const resetQuery = () => {
     // 清空搜索条件
-    const resetQuery = () => {
-        // 清空搜索条件
-        queryRef.value.resetFields()
-        // 清空排序规则
-        state.queryForm!.descs = []
-        state.queryForm!.ascs = []
-        // 清空多选
-        selectObjs.value = []
-        getDataList()
-    }
+    queryRef.value.resetFields()
+    // 清空排序规则
+    state.queryForm!.descs = []
+    state.queryForm!.ascs = []
+    // 清空多选
+    selectObjs.value = []
+    getDataList()
+}
 
-    // 导出excel
-    const exportExcel = () => {
-        downBlobFile('/admin/i18n/export', state.queryForm, 'i18n.xlsx')
-    }
+// 导出excel
+const exportExcel = () => {
+    downBlobFile('/admin/i18n/export', state.queryForm, 'i18n.xlsx')
+}
 
-    // 多选事件
-    const handleSelectionChange = (objs: any) => {
-        objs.forEach((val: any) => {
-            selectObjs.value.push(val.id)
-        });
-        multiple.value = !objs.length
-    }
+// 多选事件
+const handleSelectionChange = (objs: any) => {
+    objs.forEach((val: any) => {
+        selectObjs.value.push(val.id)
+    });
+    multiple.value = !objs.length
+}
 
-    // 删除操作
-    const handleDelete = (ids: string[]) => {
-        useMessageBox().confirm(t('common.delConfirmText'))
-            .then(() => {
-                delObj(ids).then(() => {
-                    getDataList();
-                    useMessage().success(t('common.delSuccessText'));
-                }).catch((err: any) => {
-                    useMessage().error(err.msg)
-                })
+// 删除操作
+const handleDelete = (ids: string[]) => {
+    useMessageBox().confirm(t('common.delConfirmText'))
+        .then(() => {
+            delObj(ids).then(() => {
+                getDataList();
+                useMessage().success(t('common.delSuccessText'));
+            }).catch((err: any) => {
+                useMessage().error(err.msg)
             })
-    };
+        })
+};
 </script>
diff --git a/src/views/admin/log/index.vue b/src/views/admin/log/index.vue
index 0d74d1a4..76e25c10 100644
--- a/src/views/admin/log/index.vue
+++ b/src/views/admin/log/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="layout-padding">
-        <div class="layout-padding-auto layout-padding-view" shadow="hover">
+        <div class="layout-padding-auto layout-padding-view">
             <el-row class="mb8" v-show="showSearch">
                 <el-form :inline="true" :model="state.queryForm" @keyup.enter="getDataList" ref="queryRef">
                     <el-form-item :label="$t('syslog.logType')" prop="logType">
@@ -138,4 +138,4 @@ const handleDelete = (ids: string[]) => {
         })
     })
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/src/views/admin/menu/index.vue b/src/views/admin/menu/index.vue
index a4c161cf..e3f50a67 100644
--- a/src/views/admin/menu/index.vue
+++ b/src/views/admin/menu/index.vue
@@ -1,27 +1,27 @@
 <template>
 	<div class="layout-padding">
-		<el-card shadow="hover">
+		<div class="layout-padding-auto layout-padding-view">
 			<div class="mb15">
-        <el-form :model="state.queryForm" ref="queryRef" :inline="true" @keyup.enter="getDataList">
-          <el-form-item :label="$t('sysmenu.name')" prop="menuName" >
-            <el-input :placeholder="$t('sysmenu.inputNameTip')" style="max-width: 180px"
-                      clearable v-model="state.queryForm.menuName"/>
-          </el-form-item>
-          <el-form-item>
-            <el-button icon="search" type="primary" class="ml10" @click="getDataList">
-              {{ $t('common.queryBtn') }}
-            </el-button>
-            <el-button icon="folder-add" type="primary" class="ml10" @click="onOpenAddMenu" v-auth="'sys_menu_add'">
-              {{ $t('common.addBtn') }}
-            </el-button>
-          </el-form-item>
-        </el-form>
+				<el-form :model="state.queryForm" ref="queryRef" :inline="true" @keyup.enter="getDataList">
+					<el-form-item :label="$t('sysmenu.name')" prop="menuName">
+						<el-input :placeholder="$t('sysmenu.inputNameTip')" style="max-width: 180px" clearable
+							v-model="state.queryForm.menuName" />
+					</el-form-item>
+					<el-form-item>
+						<el-button icon="search" type="primary" class="ml10" @click="getDataList">
+							{{ $t('common.queryBtn') }}
+						</el-button>
+						<el-button icon="folder-add" type="primary" class="ml10" @click="onOpenAddMenu"
+							v-auth="'sys_menu_add'">
+							{{ $t('common.addBtn') }}
+						</el-button>
+					</el-form-item>
+				</el-form>
 			</div>
 			<el-table :data="state.dataList" v-loading="state.loading" style="width: 100%" row-key="path"
 				:tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
 				<el-table-column prop="name" :label="$t('sysmenu.name')" show-overflow-tooltip></el-table-column>
-				<el-table-column prop="sortOrder" :label="$t('sysmenu.sortOrder')"
-					show-overflow-tooltip></el-table-column>
+				<el-table-column prop="sortOrder" :label="$t('sysmenu.sortOrder')" show-overflow-tooltip></el-table-column>
 				<el-table-column prop="icon" :label="$t('sysmenu.icon')" show-overflow-tooltip>
 					<template #default="scope">
 						<SvgIcon :name="scope.row.icon" />
@@ -45,14 +45,14 @@
 					:show-overflow-tooltip="true"></el-table-column>
 				<el-table-column :label="$t('common.action')" show-overflow-tooltip width="200">
 					<template #default="scope">
-						<el-button text type="primary" @click="onOpenAddMenu('add',scope.row)" v-auth="'sys_menu_add'"> {{
+						<el-button text type="primary" @click="onOpenAddMenu('add', scope.row)" v-auth="'sys_menu_add'"> {{
 							$t('common.addBtn')
 						}}</el-button>
 						<el-button text type="primary" @click="onOpenEditMenu('edit', scope.row)"
 							v-auth="'sys_menu_edit'">{{ $t('common.editBtn') }}</el-button>
 
-						<el-tooltip :content="$t('sysmenu.deleteDisabledTip')"
-							:disabled="!deleteMenuDisabled(scope.row)" placement="top">
+						<el-tooltip :content="$t('sysmenu.deleteDisabledTip')" :disabled="!deleteMenuDisabled(scope.row)"
+							placement="top">
 							<span style="margin-left: 12px">
 								<el-button text type="primary" :disabled="deleteMenuDisabled(scope.row)"
 									@click="onTabelRowDel(scope.row)" v-auth="'sys_menu_del'">
@@ -63,7 +63,7 @@
 					</template>
 				</el-table-column>
 			</el-table>
-		</el-card>
+		</div>
 		<MenuDialog ref="menuDialogRef" @refresh="getDataList()" />
 	</div>
 </template>
@@ -90,8 +90,8 @@ const {
 } = useTable(state)
 
 // 打开新增菜单弹窗
-const onOpenAddMenu = (type: string,row?: any) => {
-	menuDialogRef.value.openDialog(type,row);
+const onOpenAddMenu = (type: string, row?: any) => {
+	menuDialogRef.value.openDialog(type, row);
 };
 // 打开编辑菜单弹窗
 const onOpenEditMenu = (type: string, row: any) => {
diff --git a/src/views/admin/param/index.vue b/src/views/admin/param/index.vue
index 3c54209a..9af5db63 100644
--- a/src/views/admin/param/index.vue
+++ b/src/views/admin/param/index.vue
@@ -1,12 +1,12 @@
 <template>
     <div class="layout-padding">
-        <el-card class="layout-padding-auto">
+        <div class="layout-padding-auto layout-padding-view">
             <el-row class="mb8" v-show="showSearch">
                 <el-form :inline="true" :model="state.queryForm" ref="queryRef">
                     <el-form-item :label="t('param.systemFlag')" class="ml2" prop="systemFlag">
                         <el-select :placeholder="t('param.inputsystemFlagTip')" v-model="state.queryForm.systemFlag">
                             <el-option :key="index" :label="item.label" :value="item.value"
-                                       v-for="(item, index) in dict_type"></el-option>
+                                v-for="(item, index) in dict_type"></el-option>
                         </el-select>
                     </el-form-item>
                     <el-form-item class="ml2">
@@ -20,39 +20,37 @@
             </el-row>
             <el-row>
                 <div class="mb8" style="width: 100%">
-                    <el-button @click="formDialogRef.openDialog()" class="ml10" icon="folder-add"
-                               type="primary">
+                    <el-button @click="formDialogRef.openDialog()" class="ml10" icon="folder-add" type="primary">
                         {{ $t('common.addBtn') }}
                     </el-button>
                     <el-button @click="exportExcel" class="ml10" icon="Download" type="primary">
                         {{ $t('common.exportBtn') }}
                     </el-button>
                     <el-button :disabled="multiple" @click="handleDelete(selectObjs)" class="ml10" icon="Delete"
-                               type="primary">
+                        type="primary">
                         {{ $t('common.delBtn') }}
                     </el-button>
-                    <el-button @click="handleRefreshCache()" class="ml10" icon="refresh-left"
-                               type="primary">
+                    <el-button @click="handleRefreshCache()" class="ml10" icon="refresh-left" type="primary">
                         {{ $t('common.refreshCacheBtn') }}
                     </el-button>
                     <right-toolbar @queryTable="getDataList" class="ml10" style="float: right;margin-right: 20px"
-                                   v-model:showSearch="showSearch"></right-toolbar>
+                        v-model:showSearch="showSearch"></right-toolbar>
                 </div>
             </el-row>
             <el-table :data="state.dataList" @selection-change="handleSelectionChange" style="width: 100%"
-                      v-loading="state.loading">
+                v-loading="state.loading">
                 <el-table-column :selectable='handleSelectable' align="center" type="selection" width="50">
                 </el-table-column>
-                <el-table-column :label="t('param.index')" type="index" width="80"/>
-                <el-table-column :label="t('param.publicName')" prop="publicName" show-overflow-tooltip/>
-                <el-table-column :label="t('param.publicKey')" prop="publicKey" show-overflow-tooltip/>
-                <el-table-column :label="t('param.publicValue')" prop="publicValue" show-overflow-tooltip/>
+                <el-table-column :label="t('param.index')" type="index" width="80" />
+                <el-table-column :label="t('param.publicName')" prop="publicName" show-overflow-tooltip />
+                <el-table-column :label="t('param.publicKey')" prop="publicKey" show-overflow-tooltip />
+                <el-table-column :label="t('param.publicValue')" prop="publicValue" show-overflow-tooltip />
                 <el-table-column :label="t('param.status')" prop="status" show-overflow-tooltip>
                     <template #default="scope">
                         <dict-tag :options="status_type" :value="scope.row.status"></dict-tag>
                     </template>
                 </el-table-column>
-                <el-table-column :label="t('param.createTime')" prop="createTime" show-overflow-tooltip/>
+                <el-table-column :label="t('param.createTime')" prop="createTime" show-overflow-tooltip />
                 <el-table-column :label="t('param.systemFlag')" prop="systemFlag" show-overflow-tooltip>
                     <template #default="scope">
                         <dict-tag :options="dict_type" :value="scope.row.systemFlag"></dict-tag>
@@ -62,109 +60,108 @@
                     <template #default="scope">
                         <el-button @click="formDialogRef.openDialog(scope.row.publicId)" text type="primary">{{
                             $t('common.editBtn')
-                            }}
+                        }}
                         </el-button>
 
                         <el-tooltip :content="$t('sysdict.deleteDisabledTip')" :disabled="scope.row.systemFlag === 1"
-                                    placement="top">
-              <span style="margin-left: 12px">
-                <el-button :disabled="scope.row.systemFlag !== 1" @click="handleDelete([scope.row.publicId])" text
-                           type="primary">
-                  {{ $t('common.delBtn') }}
-                </el-button>
-              </span>
+                            placement="top">
+                            <span style="margin-left: 12px">
+                                <el-button :disabled="scope.row.systemFlag !== 1"
+                                    @click="handleDelete([scope.row.publicId])" text type="primary">
+                                    {{ $t('common.delBtn') }}
+                                </el-button>
+                            </span>
                         </el-tooltip>
                     </template>
                 </el-table-column>
             </el-table>
-            <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle"
-                        v-bind="state.pagination"/>
-        </el-card>
+            <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle" v-bind="state.pagination" />
+        </div>
 
         <!-- 编辑、新增  -->
-        <form-dialog @refresh="getDataList()" ref="formDialogRef"/>
+        <form-dialog @refresh="getDataList()" ref="formDialogRef" />
     </div>
 </template>
 
 <script lang="ts" name="systemSysPublicParam" setup>
-    import {BasicTableProps, useTable} from "/@/hooks/table";
-    import {delObj, fetchList, refreshCache} from "/@/api/admin/param";
-    import {useMessage, useMessageBox} from "/@/hooks/message";
-    import {useDict} from '/@/hooks/dict';
-    import {useI18n} from "vue-i18n";
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { delObj, fetchList, refreshCache } from "/@/api/admin/param";
+import { useMessage, useMessageBox } from "/@/hooks/message";
+import { useDict } from '/@/hooks/dict';
+import { useI18n } from "vue-i18n";
 
-    // 引入组件
-    const FormDialog = defineAsyncComponent(() => import('./form.vue'));
-    const {t} = useI18n()
-    // 定义查询字典
+// 引入组件
+const FormDialog = defineAsyncComponent(() => import('./form.vue'));
+const { t } = useI18n()
+// 定义查询字典
 
-    const {dict_type, status_type} = useDict('dict_type', 'status_type')
-    // 定义变量内容
-    const formDialogRef = ref()
-    // 搜索变量
-    const queryRef = ref()
-    const showSearch = ref(true)
-    // 多选变量
-    const selectObjs = ref([]) as any
-    const multiple = ref(true)
+const { dict_type, status_type } = useDict('dict_type', 'status_type')
+// 定义变量内容
+const formDialogRef = ref()
+// 搜索变量
+const queryRef = ref()
+const showSearch = ref(true)
+// 多选变量
+const selectObjs = ref([]) as any
+const multiple = ref(true)
 
-    const state: BasicTableProps = reactive<BasicTableProps>({
-        queryForm: {
-            systemFlag: ''
-        },
-        pageList: fetchList,
-        descs: ['create_time']
+const state: BasicTableProps = reactive<BasicTableProps>({
+    queryForm: {
+        systemFlag: ''
+    },
+    pageList: fetchList,
+    descs: ['create_time']
+})
+
+//  table hook
+const {
+    getDataList,
+    currentChangeHandle,
+    sizeChangeHandle,
+    downBlobFile
+} = useTable(state)
+
+
+// 清空搜索条件
+const resetQuery = () => {
+    queryRef.value.resetFields()
+    getDataList()
+}
+
+// 是否可以多选
+const handleSelectable = (row: any) => {
+    // 系统类不可多选删除
+    return row.systemFlag !== '1'
+}
+
+// 导出excel
+const exportExcel = () => {
+    downBlobFile('/admin/param/export', state.queryForm, 'param.xlsx')
+}
+
+// 多选事件
+const handleSelectionChange = (objs: any) => {
+    objs.forEach((val: any) => {
+        selectObjs.value.push(val.publicId)
+    });
+    multiple.value = !objs.length
+}
+const handleRefreshCache = () => {
+    refreshCache().then(() => {
+        useMessage().success('同步成功')
     })
+}
 
-    //  table hook
-    const {
-        getDataList,
-        currentChangeHandle,
-        sizeChangeHandle,
-        downBlobFile
-    } = useTable(state)
-
-
-    // 清空搜索条件
-    const resetQuery = () => {
-        queryRef.value.resetFields()
-        getDataList()
-    }
-
-    // 是否可以多选
-    const handleSelectable = (row: any) => {
-        // 系统类不可多选删除
-        return row.systemFlag !== '1'
-    }
-
-    // 导出excel
-    const exportExcel = () => {
-        downBlobFile('/admin/param/export', state.queryForm, 'param.xlsx')
-    }
-
-    // 多选事件
-    const handleSelectionChange = (objs: any) => {
-        objs.forEach((val: any) => {
-            selectObjs.value.push(val.publicId)
-        });
-        multiple.value = !objs.length
-    }
-    const handleRefreshCache = () => {
-        refreshCache().then(() => {
-            useMessage().success('同步成功')
-        })
-    }
-
-    // 删除操作
-    const handleDelete = (ids: string[]) => {
-        useMessageBox().confirm(t('common.delConfirmText'))
-            .then(() => {
-                delObj(ids).then(() => {
-                    getDataList();
-                    useMessage().success(t('common.delSuccessText'));
-                }).catch((err: any) => {
-                    useMessage().error(err.msg)
-                })
+// 删除操作
+const handleDelete = (ids: string[]) => {
+    useMessageBox().confirm(t('common.delConfirmText'))
+        .then(() => {
+            delObj(ids).then(() => {
+                getDataList();
+                useMessage().success(t('common.delSuccessText'));
+            }).catch((err: any) => {
+                useMessage().error(err.msg)
             })
-    };
+        })
+};
 </script>
diff --git a/src/views/admin/post/index.vue b/src/views/admin/post/index.vue
index f99e51ce..25d4f7c7 100644
--- a/src/views/admin/post/index.vue
+++ b/src/views/admin/post/index.vue
@@ -1,11 +1,11 @@
 <template>
     <div class="layout-padding">
-        <el-card class="layout-padding-auto">
+        <div class="layout-padding-auto layout-padding-view">
             <el-row class="mb8" v-show="showSearch">
                 <el-form :inline="true" :model="state.queryForm" @keyup.enter="getDataList" ref="queryRef">
                     <el-form-item :label="$t('post.postName')" prop="postName">
                         <el-input :placeholder="$t('post.inputpostNameTip')" style="max-width: 180px"
-                                  v-model="state.queryForm.postName"/>
+                            v-model="state.queryForm.postName" />
                     </el-form-item>
                     <el-form-item class="ml2">
                         <el-button @click="getDataList" icon="search" type="primary">
@@ -18,122 +18,119 @@
             <el-row>
                 <div class="mb8" style="width: 100%">
                     <el-button @click="formDialogRef.openDialog()" class="ml10" icon="folder-add" type="primary"
-                               v-auth="'sys_post_add'">
+                        v-auth="'sys_post_add'">
                         {{ $t('common.addBtn') }}
                     </el-button>
                     <el-button @click="excelUploadRef.show()" class="ml10" icon="upload-filled" type="primary"
-                               v-auth="'sys_post_add'">
+                        v-auth="'sys_post_add'">
                         {{ $t('common.importBtn') }}
                     </el-button>
-                    <el-button @click="exportExcel" class="ml10" icon="Download" type="primary"
-                               v-auth="'sys_post_export'">
+                    <el-button @click="exportExcel" class="ml10" icon="Download" type="primary" v-auth="'sys_post_export'">
                         {{ $t('common.exportBtn') }}
                     </el-button>
-                    <el-button :disabled="multiple" @click="handleDelete(selectObjs)" class="ml10" icon="Delete" type="primary"
-                               v-auth="'sys_post_del'">
+                    <el-button :disabled="multiple" @click="handleDelete(selectObjs)" class="ml10" icon="Delete"
+                        type="primary" v-auth="'sys_post_del'">
                         {{ $t('common.delBtn') }}
                     </el-button>
                     <right-toolbar @queryTable="getDataList" class="ml10" style="float: right;margin-right: 20px"
-                                   v-model:showSearch="showSearch"></right-toolbar>
+                        v-model:showSearch="showSearch"></right-toolbar>
                 </div>
             </el-row>
             <el-table :data="state.dataList" @selection-change="handleSelectionChange" style="width: 100%"
-                      v-loading="state.loading">
-                <el-table-column align="center" type="selection" width="50"/>
-                <el-table-column :label="t('post.index')" type="index" width="80"/>
-                <el-table-column :label="t('post.postCode')" prop="postCode" show-overflow-tooltip/>
-                <el-table-column :label="t('post.postName')" prop="postName" show-overflow-tooltip/>
-                <el-table-column :label="t('post.postSort')" prop="postSort" show-overflow-tooltip/>
-                <el-table-column :label="t('post.remark')" prop="remark" show-overflow-tooltip/>
+                v-loading="state.loading">
+                <el-table-column align="center" type="selection" width="50" />
+                <el-table-column :label="t('post.index')" type="index" width="80" />
+                <el-table-column :label="t('post.postCode')" prop="postCode" show-overflow-tooltip />
+                <el-table-column :label="t('post.postName')" prop="postName" show-overflow-tooltip />
+                <el-table-column :label="t('post.postSort')" prop="postSort" show-overflow-tooltip />
+                <el-table-column :label="t('post.remark')" prop="remark" show-overflow-tooltip />
                 <el-table-column :label="$t('common.action')" width="150">
                     <template #default="scope">
                         <el-button @click="formDialogRef.openDialog(scope.row.postId)" text type="primary"
-                                   v-auth="'sys_post_edit'">{{ $t('common.editBtn') }}
+                            v-auth="'sys_post_edit'">{{ $t('common.editBtn') }}
                         </el-button>
 
-                        <el-button @click="handleDelete([scope.row.postId])" text type="primary"
-                                   v-auth="'sys_post_del'">{{
+                        <el-button @click="handleDelete([scope.row.postId])" text type="primary" v-auth="'sys_post_del'">{{
                             $t('common.delBtn')
-                            }}
+                        }}
                         </el-button>
                     </template>
                 </el-table-column>
             </el-table>
-            <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle"
-                        v-bind="state.pagination"/>
-        </el-card>
+            <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle" v-bind="state.pagination" />
+        </div>
 
         <!-- 编辑、新增  -->
-        <form-dialog @refresh="getDataList()" ref="formDialogRef"/>
+        <form-dialog @refresh="getDataList()" ref="formDialogRef" />
         <!-- 导入excel -->
         <upload-excel :title="$t('post.importPostTip')" @refreshDataList="getDataList" ref="excelUploadRef"
-                      temp-url="/admin/sys-file/local/file/post.xlsx" url="/admin/post/import"/>
+            temp-url="/admin/sys-file/local/file/post.xlsx" url="/admin/post/import" />
     </div>
 </template>
 
 <script lang="ts" name="systemPost" setup>
-    import {BasicTableProps, useTable} from "/@/hooks/table";
-    import {delObj, fetchList} from "/@/api/admin/post";
-    import {useMessage, useMessageBox} from "/@/hooks/message";
-    import {useI18n} from "vue-i18n";
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { delObj, fetchList } from "/@/api/admin/post";
+import { useMessage, useMessageBox } from "/@/hooks/message";
+import { useI18n } from "vue-i18n";
 
-    // 引入组件
-    const FormDialog = defineAsyncComponent(() => import('./form.vue'));
-    const {t} = useI18n()
+// 引入组件
+const FormDialog = defineAsyncComponent(() => import('./form.vue'));
+const { t } = useI18n()
 
-    // 定义变量内容
-    const formDialogRef = ref()
-    const excelUploadRef = ref()
-    // 搜索变量
-    const queryRef = ref()
-    const showSearch = ref(true)
-    // 多选变量
-    const selectObjs = ref([]) as any
-    const multiple = ref(true)
+// 定义变量内容
+const formDialogRef = ref()
+const excelUploadRef = ref()
+// 搜索变量
+const queryRef = ref()
+const showSearch = ref(true)
+// 多选变量
+const selectObjs = ref([]) as any
+const multiple = ref(true)
 
-    const state: BasicTableProps = reactive<BasicTableProps>({
-        queryForm: {},
-        pageList: fetchList
-    })
+const state: BasicTableProps = reactive<BasicTableProps>({
+    queryForm: {},
+    pageList: fetchList
+})
 
-    //  table hook
-    const {
-        getDataList,
-        currentChangeHandle,
-        sizeChangeHandle,
-        downBlobFile
-    } = useTable(state)
+//  table hook
+const {
+    getDataList,
+    currentChangeHandle,
+    sizeChangeHandle,
+    downBlobFile
+} = useTable(state)
 
 
-    // 清空搜索条件
-    const resetQuery = () => {
-        queryRef.value.resetFields()
-        getDataList()
-    }
+// 清空搜索条件
+const resetQuery = () => {
+    queryRef.value.resetFields()
+    getDataList()
+}
 
-    // 导出excel
-    const exportExcel = () => {
-        downBlobFile('/admin/post/export', state.queryForm, 'post.xlsx')
-    }
+// 导出excel
+const exportExcel = () => {
+    downBlobFile('/admin/post/export', state.queryForm, 'post.xlsx')
+}
 
-    // 多选事件
-    const handleSelectionChange = (objs: any) => {
-        objs.forEach((val: any) => {
-            selectObjs.value.push(val.postId)
-        });
-        multiple.value = !objs.length
-    }
+// 多选事件
+const handleSelectionChange = (objs: any) => {
+    objs.forEach((val: any) => {
+        selectObjs.value.push(val.postId)
+    });
+    multiple.value = !objs.length
+}
 
-    // 删除操作
-    const handleDelete = (ids: string[]) => {
-        useMessageBox().confirm(t('common.delConfirmText'))
-            .then(() => {
-                delObj(ids).then(() => {
-                    getDataList();
-                    useMessage().success(t('common.delSuccessText'));
-                }).catch((err: any) => {
-                    useMessage().error(err.msg)
-                })
+// 删除操作
+const handleDelete = (ids: string[]) => {
+    useMessageBox().confirm(t('common.delConfirmText'))
+        .then(() => {
+            delObj(ids).then(() => {
+                getDataList();
+                useMessage().success(t('common.delSuccessText'));
+            }).catch((err: any) => {
+                useMessage().error(err.msg)
             })
-    };
+        })
+};
 </script>
diff --git a/src/views/admin/role/index.vue b/src/views/admin/role/index.vue
index ff86a9a1..6d676bb7 100644
--- a/src/views/admin/role/index.vue
+++ b/src/views/admin/role/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="layout-padding">
-    <el-card shadow="hover" class="layout-padding-auto">
+    <div class="layout-padding-auto layout-padding-view">
       <el-row shadow="hover" v-show="showSearch" class="mb8">
         <el-form :model="state.queryForm" ref="queryRef" :inline="true" @keyup.enter="getDataList">
           <el-form-item :label="$t('sysrole.roleName')" prop="roleName">
@@ -43,7 +43,7 @@
         <el-table-column prop="roleName" :label="$t('sysrole.roleName')" show-overflow-tooltip></el-table-column>
         <el-table-column prop="roleCode" :label="$t('sysrole.roleCode')" show-overflow-tooltip></el-table-column>
         <el-table-column prop="roleDesc" :label="$t('sysrole.roleDesc')" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="data_authority" :label="$t('sysrole.data_authority')"  show-overflow-tooltip>
+        <el-table-column prop="data_authority" :label="$t('sysrole.data_authority')" show-overflow-tooltip>
           <template #default="scope">
             <dict-tag :options="dictType" :value="scope.row.dsType"></dict-tag>
           </template>
@@ -51,8 +51,8 @@
         <el-table-column prop="createTime" :label="$t('sysrole.createTime')" show-overflow-tooltip></el-table-column>
         <el-table-column :label="$t('common.action')" width="150">
           <template #default="scope">
-            <el-button text type="primary" v-auth="'sys_role_edit'"
-              @click="roleDialogRef.openDialog(scope.row.roleId)">{{ $t('common.editBtn') }}</el-button>
+            <el-button text type="primary" v-auth="'sys_role_edit'" @click="roleDialogRef.openDialog(scope.row.roleId)">{{
+              $t('common.editBtn') }}</el-button>
 
             <el-button text type="primary" v-auth="'sys_role_del'" @click="permessionRef.openDialog(scope.row)">{{
               $t('sysrole.permissionTip')
@@ -72,7 +72,7 @@
         </el-table-column>
       </el-table>
       <pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" v-bind="state.pagination" />
-    </el-card>
+    </div>
 
     <!-- 角色编辑、新增  -->
     <role-dialog ref="roleDialogRef" @refresh="getDataList()" />
diff --git a/src/views/admin/social/index.vue b/src/views/admin/social/index.vue
index 993f3528..d42ab07f 100644
--- a/src/views/admin/social/index.vue
+++ b/src/views/admin/social/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="layout-padding">
-    <el-card class="layout-padding-auto">
+    <div class="layout-padding-auto layout-padding-view">
       <el-row v-show="showSearch" class="mb8">
         <el-form ref="queryRef" :inline="true" :model="state.queryForm">
           <el-form-item :label="t('social.type')" class="ml2" prop="type">
@@ -26,8 +26,8 @@
           <el-button class="ml10" icon="Download" type="primary" @click="exportExcel">
             {{ $t('common.exportBtn') }}
           </el-button>
-          <el-button v-auth="'sys_social_details_del'" :disabled="multiple" class="ml10" icon="Delete"
-            type="primary" @click="handleDelete(selectObjs)">
+          <el-button v-auth="'sys_social_details_del'" :disabled="multiple" class="ml10" icon="Delete" type="primary"
+            @click="handleDelete(selectObjs)">
             {{ $t('common.delBtn') }}
           </el-button>
           <right-toolbar v-model:showSearch="showSearch" class="ml10" style="float: right;margin-right: 20px"
@@ -60,7 +60,7 @@
         </el-table-column>
       </el-table>
       <pagination v-bind="state.pagination" @size-change="sizeChangeHandle" @current-change="currentChangeHandle" />
-    </el-card>
+    </div>
 
     <!-- 编辑、新增  -->
     <form-dialog ref="formDialogRef" @refresh="getDataList()" />
diff --git a/src/views/admin/tenant/index.vue b/src/views/admin/tenant/index.vue
index 93c60a80..448159f5 100644
--- a/src/views/admin/tenant/index.vue
+++ b/src/views/admin/tenant/index.vue
@@ -1,11 +1,11 @@
 <template>
     <div class="layout-padding">
-        <el-card class="layout-padding-auto" shadow="hover">
+        <div class="layout-padding-auto layout-padding-view">
             <el-row class="mb8" shadow="hover" v-show="showSearch">
                 <el-form :inline="true" :model="state.queryForm" @keyup.enter="getDataList" ref="queryRef">
                     <el-form-item :label="$t('tenant.name')" prop="name">
                         <el-input :placeholder="$t('tenant.inputnameTip')" style="max-width: 180px"
-                                  v-model="state.queryForm.name"/>
+                            v-model="state.queryForm.name" />
                     </el-form-item>
                     <el-form-item class="ml2">
                         <el-button @click="getDataList" icon="search" type="primary">
@@ -18,36 +18,35 @@
             <el-row>
                 <div class="mb8" style="width: 100%">
                     <el-button @click="formDialogRef.openDialog()" class="ml10" icon="folder-add" type="primary"
-                               v-auth="'admin_systenant_add'">
+                        v-auth="'admin_systenant_add'">
                         {{ $t('common.addBtn') }}
                     </el-button>
 
                     <el-button @click="exportExcel" class="ml10" icon="Download" type="primary"
-                               v-auth="'admin_systenant_add'">
+                        v-auth="'admin_systenant_add'">
                         {{ $t('common.exportBtn') }}
                     </el-button>
 
                     <el-button :disabled="multiple" @click="handleDelete(selectObjs)" class="ml10" icon="Delete"
-                               type="primary"
-                               v-auth="'admin_systenant_del'">
+                        type="primary" v-auth="'admin_systenant_del'">
                         {{ $t('common.delBtn') }}
                     </el-button>
 
                     <el-button @click="handleTenantMenu()" class="ml10" type="primary"
-                               v-auth="'admin_systenant_tenantmenu'">
+                        v-auth="'admin_systenant_tenantmenu'">
                         {{ $t('tenantmenu.name') }}
                     </el-button>
                     <right-toolbar @queryTable="getDataList" class="ml10" style="float: right;margin-right: 20px"
-                                   v-model:showSearch="showSearch"></right-toolbar>
+                        v-model:showSearch="showSearch"></right-toolbar>
                 </div>
             </el-row>
             <el-table :data="state.dataList" @selection-change="handleSelectionChange" style="width: 100%"
-                      v-loading="state.loading">
-                <el-table-column :selectable='handleSelectable' align="center" type="selection" width="50"/>
-                <el-table-column :label="t('tenant.index')" type="index" width="80"/>
-                <el-table-column :label="t('tenant.name')" prop="name" show-overflow-tooltip/>
-                <el-table-column :label="t('tenant.code')" prop="code" show-overflow-tooltip/>
-                <el-table-column :label="t('tenant.tenantDomain')" prop="tenantDomain" show-overflow-tooltip/>
+                v-loading="state.loading">
+                <el-table-column :selectable='handleSelectable' align="center" type="selection" width="50" />
+                <el-table-column :label="t('tenant.index')" type="index" width="80" />
+                <el-table-column :label="t('tenant.name')" prop="name" show-overflow-tooltip />
+                <el-table-column :label="t('tenant.code')" prop="code" show-overflow-tooltip />
+                <el-table-column :label="t('tenant.tenantDomain')" prop="tenantDomain" show-overflow-tooltip />
                 <el-table-column :label="t('tenant.startTime')" prop="startTime" show-overflow-tooltip>
                     <template #default="scope">
                         <span>{{ parseDate(scope.row.startTime) }}</span>
@@ -66,117 +65,116 @@
                 <el-table-column :label="$t('common.action')" width="150">
                     <template #default="scope">
                         <el-button @click="formDialogRef.openDialog(scope.row.id)" text type="primary"
-                                   v-auth="'admin_systenant_edit'">{{
-                            $t('common.editBtn')
+                            v-auth="'admin_systenant_edit'">{{
+                                $t('common.editBtn')
                             }}
                         </el-button>
 
                         <el-tooltip :content="$t('tenant.deleteDisabledTip')" :disabled="scope.row.id !== '1'"
-                                    placement="top">
-              <span style="margin-left: 12px">
-                <el-button :disabled="scope.row.id === '1'" @click="handleDelete([scope.row.id])" text type="primary"
-                           v-auth="'admin_systenant_del'">{{
-                    $t('common.delBtn')
-                  }}
-                </el-button>
-              </span>
+                            placement="top">
+                            <span style="margin-left: 12px">
+                                <el-button :disabled="scope.row.id === '1'" @click="handleDelete([scope.row.id])" text
+                                    type="primary" v-auth="'admin_systenant_del'">{{
+                                        $t('common.delBtn')
+                                    }}
+                                </el-button>
+                            </span>
                         </el-tooltip>
                     </template>
                 </el-table-column>
             </el-table>
-            <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle"
-                        v-bind="state.pagination"/>
-        </el-card>
+            <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle" v-bind="state.pagination" />
+        </div>
 
         <!-- 编辑、新增  -->
-        <form-dialog @refresh="getDataList()" ref="formDialogRef"/>
+        <form-dialog @refresh="getDataList()" ref="formDialogRef" />
         <!-- 导入excel -->
         <upload-excel :title="$t('tenant.importTenantTip')" @refreshDataList="getDataList" ref="excelUploadRef"
-                      temp-url="/admin/sys-file/local/file/tenant.xlsx" url="/admin/tenant/import"/>
+            temp-url="/admin/sys-file/local/file/tenant.xlsx" url="/admin/tenant/import" />
 
         <tenant-menu ref="TenantMenuRef"></tenant-menu>
     </div>
 </template>
 
 <script lang="ts" name="systemTenant" setup>
-    import {BasicTableProps, useTable} from "/@/hooks/table";
-    import {delObj, fetchPage} from "/@/api/admin/tenant";
-    import {useMessage, useMessageBox} from "/@/hooks/message";
-    import {useI18n} from "vue-i18n";
-    import {useDict} from "/@/hooks/dict";
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { delObj, fetchPage } from "/@/api/admin/tenant";
+import { useMessage, useMessageBox } from "/@/hooks/message";
+import { useI18n } from "vue-i18n";
+import { useDict } from "/@/hooks/dict";
 
-    // 引入组件
-    const FormDialog = defineAsyncComponent(() => import('./form.vue'));
-    const TenantMenu = defineAsyncComponent(() => import('./tenantMenu/index.vue'))
-    const {t} = useI18n()
+// 引入组件
+const FormDialog = defineAsyncComponent(() => import('./form.vue'));
+const TenantMenu = defineAsyncComponent(() => import('./tenantMenu/index.vue'))
+const { t } = useI18n()
 
-    // 定义变量内容
-    const formDialogRef = ref()
-    const excelUploadRef = ref()
-    const TenantMenuRef = ref()
-    // 搜索变量
-    const queryRef = ref()
-    const showSearch = ref(true)
-    // 多选变量
-    const selectObjs = ref([]) as any
-    const multiple = ref(true)
+// 定义变量内容
+const formDialogRef = ref()
+const excelUploadRef = ref()
+const TenantMenuRef = ref()
+// 搜索变量
+const queryRef = ref()
+const showSearch = ref(true)
+// 多选变量
+const selectObjs = ref([]) as any
+const multiple = ref(true)
 
-    // 字典
-    const {status_type} = useDict('status_type')
+// 字典
+const { status_type } = useDict('status_type')
 
-    const state: BasicTableProps = reactive<BasicTableProps>({
-        queryForm: {},
-        pageList: fetchPage
-    })
+const state: BasicTableProps = reactive<BasicTableProps>({
+    queryForm: {},
+    pageList: fetchPage
+})
 
-    //  table hook
-    const {
-        getDataList,
-        currentChangeHandle,
-        sizeChangeHandle,
-        downBlobFile
-    } = useTable(state)
+//  table hook
+const {
+    getDataList,
+    currentChangeHandle,
+    sizeChangeHandle,
+    downBlobFile
+} = useTable(state)
 
 
-    // 清空搜索条件
-    const resetQuery = () => {
-        queryRef.value.resetFields()
-        getDataList()
-    }
+// 清空搜索条件
+const resetQuery = () => {
+    queryRef.value.resetFields()
+    getDataList()
+}
 
-    // 是否可以多选
-    const handleSelectable = (row: any) => {
-        return row.id !== '1'
-    }
+// 是否可以多选
+const handleSelectable = (row: any) => {
+    return row.id !== '1'
+}
 
-    // 导出excel
-    const exportExcel = () => {
-        downBlobFile('/admin/tenant/export', state.queryForm, 'tenant.xlsx')
-    }
+// 导出excel
+const exportExcel = () => {
+    downBlobFile('/admin/tenant/export', state.queryForm, 'tenant.xlsx')
+}
 
-    // 多选事件
-    const handleSelectionChange = (objs: any) => {
-        objs.forEach((val: any) => {
-            selectObjs.value.push(val.id)
-        });
-        multiple.value = !objs.length
-    }
+// 多选事件
+const handleSelectionChange = (objs: any) => {
+    objs.forEach((val: any) => {
+        selectObjs.value.push(val.id)
+    });
+    multiple.value = !objs.length
+}
 
-    // 删除操作
-    const handleDelete = (ids: string[]) => {
-        useMessageBox().confirm(t('common.delConfirmText'))
-            .then(() => {
-                delObj(ids).then(() => {
-                    getDataList();
-                    useMessage().success(t('common.delSuccessText'));
-                }).catch((err: any) => {
-                    useMessage().error(err.msg)
-                })
+// 删除操作
+const handleDelete = (ids: string[]) => {
+    useMessageBox().confirm(t('common.delConfirmText'))
+        .then(() => {
+            delObj(ids).then(() => {
+                getDataList();
+                useMessage().success(t('common.delSuccessText'));
+            }).catch((err: any) => {
+                useMessage().error(err.msg)
             })
-    };
+        })
+};
 
-    const handleTenantMenu = () => {
-        TenantMenuRef.value.open()
-    }
+const handleTenantMenu = () => {
+    TenantMenuRef.value.open()
+}
 
 </script>
diff --git a/src/views/admin/tenant/tenantMenu/index.vue b/src/views/admin/tenant/tenantMenu/index.vue
index b14d1211..509be29e 100644
--- a/src/views/admin/tenant/tenantMenu/index.vue
+++ b/src/views/admin/tenant/tenantMenu/index.vue
@@ -1,14 +1,14 @@
 <template>
   <el-drawer v-model="visible" title="租户套餐" size="80%">
-    <el-card shadow="hover" class="layout-padding-auto">
+    <div class="layout-padding-auto layout-padding-view">
       <el-row>
         <div class="mb8" style="width: 100%">
           <el-button icon="folder-add" type="primary" class="ml10" @click="tenantMenuDialogRef.openDialog()"
-                     v-auth="'admin_systenantmenu_add'">
+            v-auth="'admin_systenantmenu_add'">
             {{ $t('common.addBtn') }}
           </el-button>
           <right-toolbar :search='false' class="ml10" style="float: right;margin-right: 20px"
-                         @queryTable="getDataList"></right-toolbar>
+            @queryTable="getDataList"></right-toolbar>
         </div>
 
       </el-row>
@@ -20,12 +20,11 @@
             <dict-tag :options="status_type" :value="scope.row.status"></dict-tag>
           </template>
         </el-table-column>
-        <el-table-column prop="createTime" :label="$t('tenantmenu.createTime')"
-                         show-overflow-tooltip></el-table-column>
+        <el-table-column prop="createTime" :label="$t('tenantmenu.createTime')" show-overflow-tooltip></el-table-column>
         <el-table-column :label="$t('common.action')" width="150">
           <template #default="scope">
-            <el-button   text type="primary" @click="tenantMenuDialogRef.openDialog(scope.row.id)"
-                         v-auth="'admin_systenantmenu_edit'"> {{
+            <el-button text type="primary" @click="tenantMenuDialogRef.openDialog(scope.row.id)"
+              v-auth="'admin_systenantmenu_edit'"> {{
                 $t('common.editBtn')
               }}
             </el-button>
@@ -38,16 +37,16 @@
       <pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" v-bind="state.pagination">
       </pagination>
       <tenant-menu-dialog ref="tenantMenuDialogRef" @refresh="getDataList"></tenant-menu-dialog>
-    </el-card>
+    </div>
   </el-drawer>
 </template>
 
 <script setup lang="ts" name="tenant-menu">
-import {BasicTableProps, useTable} from "/@/hooks/table";
-import { fetchList,delObj } from "/@/api/admin/tenant-menu";
-import {useDict} from "/@/hooks/dict";
-import {useMessage, useMessageBox} from "/@/hooks/message";
-import {useI18n} from "vue-i18n";
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { fetchList, delObj } from "/@/api/admin/tenant-menu";
+import { useDict } from "/@/hooks/dict";
+import { useMessage, useMessageBox } from "/@/hooks/message";
+import { useI18n } from "vue-i18n";
 const { t } = useI18n()
 const TenantMenuDialog = defineAsyncComponent(() => import('./form.vue'))
 
@@ -86,6 +85,4 @@ defineExpose({
 });
 </script>
 
-<style scoped>
-
-</style>
+<style scoped></style>
diff --git a/src/views/admin/token/index.vue b/src/views/admin/token/index.vue
index 18ac9b51..2d6f75c6 100644
--- a/src/views/admin/token/index.vue
+++ b/src/views/admin/token/index.vue
@@ -1,7 +1,6 @@
 <template>
     <div class="layout-padding">
-
-        <el-card class="layout-padding-auto" shadow="hover">
+        <div class="layout-padding-auto layout-padding-view">
             <el-row class="mb8" v-show="showSearch">
                 <el-form :inline="true" :model="state.queryForm" @keyup.enter="getDataList" ref="queryRef">
                     <el-form-item :label="$t('systoken.username')" prop="username">
@@ -53,7 +52,7 @@
 
             <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle" v-bind="state.pagination">
             </pagination>
-        </el-card>
+        </div>
     </div>
 </template>
 
diff --git a/src/views/admin/user/index.vue b/src/views/admin/user/index.vue
index 21b34882..80e8ee0d 100644
--- a/src/views/admin/user/index.vue
+++ b/src/views/admin/user/index.vue
@@ -8,7 +8,7 @@
         </el-card>
       </el-col>
       <el-col :span="20" :xs="24">
-        <el-card shadow="hover" class="layout-padding-auto">
+        <div class="layout-padding-auto layout-padding-view">
           <el-row v-show="showSearch" class="mb8">
             <el-form :model="state.queryForm" ref="queryRef" :inline="true" @keyup.enter="getDataList">
               <el-form-item :label="$t('sysuser.username')" prop="username">
@@ -70,8 +70,7 @@
                 <dict-tag :options="lock_flag" :value="scope.row.lockFlag"></dict-tag>
               </template>
             </el-table-column>
-            <el-table-column prop="createTime" :label="$t('sysuser.createTime')"
-              show-overflow-tooltip></el-table-column>
+            <el-table-column prop="createTime" :label="$t('sysuser.createTime')" show-overflow-tooltip></el-table-column>
             <el-table-column :label="$t('common.action')" width="150">
               <template #default="scope">
                 <el-button text type="primary" @click="userDialogRef.openDialog(scope.row.userId)"
@@ -95,8 +94,7 @@
 
           <pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" v-bind="state.pagination">
           </pagination>
-
-        </el-card>
+        </div>
       </el-col>
     </el-row>
 
diff --git a/src/views/app/appmenu/index.vue b/src/views/app/appmenu/index.vue
index 27f86bec..ad9cad61 100644
--- a/src/views/app/appmenu/index.vue
+++ b/src/views/app/appmenu/index.vue
@@ -1,9 +1,9 @@
 <template>
     <div class="layout-padding">
-        <el-card shadow="hover">
+        <div class="layout-padding-auto layout-padding-view">
             <div @keyup.enter="getDataList" class="mb15">
                 <el-input :placeholder="$t('appmenu.inputNameTip')" style="max-width: 180px"
-                          v-model="state.queryForm.menuName"></el-input>
+                    v-model="state.queryForm.menuName"></el-input>
                 <el-button @click="getDataList" class="ml10" icon="search" type="primary">
                     {{ $t('common.queryBtn') }}
                 </el-button>
@@ -11,18 +11,16 @@
                     {{ $t('common.addBtn') }}
                 </el-button>
                 <el-button :disabled="multiple" @click="handleDelete(selectObjs)" class="ml10" icon="Delete" type="primary"
-                           v-auth="'sys_post_del'">
+                    v-auth="'sys_post_del'">
                     {{ $t('common.delBtn') }}
                 </el-button>
 
             </div>
-            <el-table :data="state.dataList" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }" @selection-change="handleSelectionChange" row-key="path"
-                      style="width: 100%"
-                      v-loading="state.loading">
-                <el-table-column align="center" type="selection" width="50"/>
+            <el-table :data="state.dataList" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
+                @selection-change="handleSelectionChange" row-key="path" style="width: 100%" v-loading="state.loading">
+                <el-table-column align="center" type="selection" width="50" />
                 <el-table-column :label="$t('appmenu.name')" prop="name" show-overflow-tooltip></el-table-column>
-                <el-table-column :label="$t('appmenu.sortOrder')" prop="sortOrder"
-                                 show-overflow-tooltip></el-table-column>
+                <el-table-column :label="$t('appmenu.sortOrder')" prop="sortOrder" show-overflow-tooltip></el-table-column>
                 <el-table-column :label="$t('appmenu.path')" prop="path" show-overflow-tooltip></el-table-column>
                 <el-table-column :label="$t('appmenu.menuType')" show-overflow-tooltip>
                     <template #default="scope">
@@ -37,85 +35,85 @@
                     </template>
                 </el-table-column>
                 <el-table-column :label="$t('appmenu.permission')" :show-overflow-tooltip="true"
-                                 prop="permission"></el-table-column>
+                    prop="permission"></el-table-column>
                 <el-table-column :label="$t('common.action')" show-overflow-tooltip width="200">
                     <template #default="scope">
-                        <el-button @click="onOpenAddMenu('add',scope.row)" text type="primary" v-auth="'sys_menu_add'">
+                        <el-button @click="onOpenAddMenu('add', scope.row)" text type="primary" v-auth="'sys_menu_add'">
                             {{
-                            $t('common.addBtn')
+                                $t('common.addBtn')
                             }}
                         </el-button>
                         <el-button @click="onOpenEditMenu('edit', scope.row)" text type="primary"
-                                   v-auth="'sys_menu_edit'">{{ $t('common.editBtn') }}
+                            v-auth="'sys_menu_edit'">{{ $t('common.editBtn') }}
                         </el-button>
                         <el-button @click="handleDelete([scope.row.id])" text type="primary" v-auth="'sys_menu_del'">{{
                             $t('common.delBtn')
-                            }}
+                        }}
                         </el-button>
                     </template>
                 </el-table-column>
             </el-table>
-        </el-card>
-        <MenuDialog @refresh="getDataList()" ref="menuDialogRef"/>
+        </div>
+        <MenuDialog @refresh="getDataList()" ref="menuDialogRef" />
     </div>
 </template>
 
 <script lang="ts" name="systemMenu" setup>
-    import {delObj, pageList} from '/@/api/app/appmenu'
-    import {BasicTableProps, useTable} from "/@/hooks/table";
-    import {useMessage, useMessageBox} from "/@/hooks/message";
-    import {useI18n} from "vue-i18n";
-    // 引入组件
-    const MenuDialog = defineAsyncComponent(() => import('./form.vue'));
-    const {t} = useI18n();
+import { delObj, pageList } from '/@/api/app/appmenu'
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { useMessage, useMessageBox } from "/@/hooks/message";
+import { useI18n } from "vue-i18n";
+// 引入组件
+const MenuDialog = defineAsyncComponent(() => import('./form.vue'));
+const { t } = useI18n();
 
-    // 定义变量内容
-    const menuDialogRef = ref<InstanceType<typeof MenuDialog>>();
-    const state: BasicTableProps = reactive<BasicTableProps>({
-        pageList: pageList, // H
-        queryForm: {
-            menuName: ''
-        },
-        isPage: false
+// 定义变量内容
+const menuDialogRef = ref<InstanceType<typeof MenuDialog>>();
+const state: BasicTableProps = reactive<BasicTableProps>({
+    pageList: pageList, // H
+    queryForm: {
+        menuName: ''
+    },
+    isPage: false
+});
+
+// 多选变量
+const selectObjs = ref([]) as any
+const multiple = ref(true)
+
+
+// 多选事件
+const handleSelectionChange = (objs: any) => {
+    selectObjs.value = []
+    objs.forEach((val: any) => {
+        selectObjs.value.push(val.id)
     });
+    multiple.value = !objs.length
+}
 
-    // 多选变量
-    const selectObjs = ref([]) as any
-    const multiple = ref(true)
-
-
-    // 多选事件
-    const handleSelectionChange = (objs: any) => {
-        selectObjs.value = []
-        objs.forEach((val: any) => {
-            selectObjs.value.push(val.id)
-        });
-        multiple.value = !objs.length
-    }
-
-    // 删除操作
-    const handleDelete = (ids: string[]) => {
-        useMessageBox().confirm(t('common.delConfirmText'))
-            .then(() => {
-                delObj(ids).then(() => {
-                    getDataList();
-                    useMessage().success(t('common.delSuccessText'));
-                }).catch((err: any) => {
-                    useMessage().error(err.msg)
-                })
+// 删除操作
+const handleDelete = (ids: string[]) => {
+    useMessageBox().confirm(t('common.delConfirmText'))
+        .then(() => {
+            delObj(ids).then(() => {
+                getDataList();
+                useMessage().success(t('common.delSuccessText'));
+            }).catch((err: any) => {
+                useMessage().error(err.msg)
             })
-    };
+        })
+};
 
-    const {
-        getDataList,
-    } = useTable(state)
+const {
+    getDataList,
+} = useTable(state)
 
-    // 打开新增菜单弹窗
-    const onOpenAddMenu = (type: string, row: any) => {
-        menuDialogRef.value.openDialog(type, row);
-    };
-    // 打开编辑菜单弹窗
-    const onOpenEditMenu = (type: string, row: any) => {
-        menuDialogRef.value.openDialog(type, row);
-    };
+// 打开新增菜单弹窗
+const onOpenAddMenu = (type: string, row: any) => {
+    menuDialogRef.value.openDialog(type, row);
+};
+// 打开编辑菜单弹窗
+const onOpenEditMenu = (type: string, row: any) => {
+    menuDialogRef.value.openDialog(type, row);
+};
 </script>
diff --git a/src/views/app/approle/index.vue b/src/views/app/approle/index.vue
index 0b36081f..2c0dab04 100644
--- a/src/views/app/approle/index.vue
+++ b/src/views/app/approle/index.vue
@@ -1,11 +1,11 @@
 <template>
     <div class="layout-padding">
-        <el-card class="layout-padding-auto" shadow="hover">
+        <div class="layout-padding-auto layout-padding-view">
             <el-row class="mb8" shadow="hover" v-show="showSearch">
                 <el-form :inline="true" :model="state.queryForm" @keyup.enter="getDataList" ref="queryRef">
                     <el-form-item :label="$t('approle.roleName')" prop="roleName">
                         <el-input :placeholder="$t('approle.inputRoleNameTip')" style="max-width: 180px"
-                                  v-model="state.queryForm.roleName"/>
+                            v-model="state.queryForm.roleName" />
                     </el-form-item>
                     <el-form-item class="ml2">
                         <el-button @click="getDataList" icon="search" type="primary">
@@ -18,143 +18,138 @@
             <el-row>
                 <div class="mb8" style="width: 100%">
                     <el-button @click="roleDialogRef.openDialog()" class="ml10" icon="folder-add" type="primary"
-                               v-auth="'app_approle_add'">
+                        v-auth="'app_approle_add'">
                         {{ $t('common.addBtn') }}
                     </el-button>
                     <el-button @click="excelUploadRef.show()" class="ml10" icon="upload-filled" type="primary"
-                               v-auth="'app_approle_export'">
+                        v-auth="'app_approle_export'">
                         {{ $t('common.importBtn') }}
                     </el-button>
                     <el-button @click="exportExcel" class="ml10" icon="Download" type="primary">
                         {{ $t('common.exportBtn') }}
                     </el-button>
-                    <el-button :disabled="multiple" @click="handleDelete(selectObjs)" class="ml10" icon="Delete" type="primary"
-                               v-auth="'app_approle_del'">
+                    <el-button :disabled="multiple" @click="handleDelete(selectObjs)" class="ml10" icon="Delete"
+                        type="primary" v-auth="'app_approle_del'">
                         {{ $t('common.delBtn') }}
                     </el-button>
                     <right-toolbar @queryTable="getDataList" class="ml10" style="float: right;margin-right: 20px"
-                                   v-model:showSearch="showSearch"></right-toolbar>
+                        v-model:showSearch="showSearch"></right-toolbar>
                 </div>
             </el-row>
             <el-table :data="state.dataList" @selection-change="handleSelectionChange" style="width: 100%"
-                      v-loading="state.loading">
-                <el-table-column align="center" type="selection" width="50"/>
-                <el-table-column :label="$t('approle.index')" type="index" width="80"/>
-                <el-table-column :label="$t('approle.roleName')" prop="roleName"
-                                 show-overflow-tooltip></el-table-column>
-                <el-table-column :label="$t('approle.roleCode')" prop="roleCode"
-                                 show-overflow-tooltip></el-table-column>
-                <el-table-column :label="$t('approle.roleDesc')" prop="roleDesc"
-                                 show-overflow-tooltip></el-table-column>
+                v-loading="state.loading">
+                <el-table-column align="center" type="selection" width="50" />
+                <el-table-column :label="$t('approle.index')" type="index" width="80" />
+                <el-table-column :label="$t('approle.roleName')" prop="roleName" show-overflow-tooltip></el-table-column>
+                <el-table-column :label="$t('approle.roleCode')" prop="roleCode" show-overflow-tooltip></el-table-column>
+                <el-table-column :label="$t('approle.roleDesc')" prop="roleDesc" show-overflow-tooltip></el-table-column>
                 <el-table-column :label="$t('approle.createTime')" prop="createTime"
-                                 show-overflow-tooltip></el-table-column>
+                    show-overflow-tooltip></el-table-column>
                 <el-table-column :label="$t('common.action')" width="150">
                     <template #default="scope">
                         <el-button @click="roleDialogRef.openDialog(scope.row.roleId)" text type="primary"
-                                   v-auth="'app_approle_edit'">{{ $t('common.editBtn') }}
+                            v-auth="'app_approle_edit'">{{ $t('common.editBtn') }}
                         </el-button>
 
                         <el-button @click="handleDelete([scope.row.roleId])" text type="primary"
-                                   v-auth="'app_approle_del'">{{
-                            $t('common.delBtn')
+                            v-auth="'app_approle_del'">{{
+                                $t('common.delBtn')
                             }}
                         </el-button>
 
                         <el-button @click="permessionRef.openDialog(scope.row)" text type="primary"
-                                   v-auth="'app_approle_perm'">{{
-                            $t('approle.permissionTip')
+                            v-auth="'app_approle_perm'">{{
+                                $t('approle.permissionTip')
                             }}
                         </el-button>
                     </template>
                 </el-table-column>
             </el-table>
-            <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle"
-                        v-bind="state.pagination"/>
-        </el-card>
-
+            <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle" v-bind="state.pagination" />
+        </div>
         <!-- 角色编辑、新增  -->
-        <role-dialog @refresh="getDataList()" ref="roleDialogRef"/>
+        <role-dialog @refresh="getDataList()" ref="roleDialogRef" />
         <!-- 导入角色 -->
         <upload-excel :title="$t('sysuser.importUserTip')" @refreshDataList="getDataList" ref="excelUploadRef"
-                      temp-url="/admin/sys-file/local/file/role.xlsx" url="/admin/role/import"/>
+            temp-url="/admin/sys-file/local/file/role.xlsx" url="/admin/role/import" />
         <!-- 授权 -->
-        <permession ref="permessionRef"/>
+        <permession ref="permessionRef" />
     </div>
 </template>
 
 <script lang="ts" name="systemRole" setup>
-    import {BasicTableProps, useTable} from "/@/hooks/table";
-    import {delObj, fetchList} from "/@/api/app/approle";
-    import {useMessage, useMessageBox} from "/@/hooks/message";
-    import {useI18n} from "vue-i18n";
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { delObj, fetchList } from "/@/api/app/approle";
+import { useMessage, useMessageBox } from "/@/hooks/message";
+import { useI18n } from "vue-i18n";
 
-    // 引入组件
-    const RoleDialog = defineAsyncComponent(() => import('./form.vue'));
-    const Permession = defineAsyncComponent(() => import('./permession.vue'))
-    const {t} = useI18n()
+// 引入组件
+const RoleDialog = defineAsyncComponent(() => import('./form.vue'));
+const Permession = defineAsyncComponent(() => import('./permession.vue'))
+const { t } = useI18n()
 
-    // 定义变量内容
-    const roleDialogRef = ref()
-    const permessionRef = ref()
-    const excelUploadRef = ref()
-    const queryRef = ref()
-    const showSearch = ref(true)
-    // 多选rows
-    const selectObjs = ref([]) as any
+// 定义变量内容
+const roleDialogRef = ref()
+const permessionRef = ref()
+const excelUploadRef = ref()
+const queryRef = ref()
+const showSearch = ref(true)
+// 多选rows
+const selectObjs = ref([]) as any
 
-    // 是否可以多选
-    const multiple = ref(true)
+// 是否可以多选
+const multiple = ref(true)
 
-    const state: BasicTableProps = reactive<BasicTableProps>({
-        queryForm: {
-            roleName: ''
-        },
-        pageList: fetchList ,// H
-        descs: ['create_time']
+const state: BasicTableProps = reactive<BasicTableProps>({
+    queryForm: {
+        roleName: ''
+    },
+    pageList: fetchList,// H
+    descs: ['create_time']
+});
+
+
+//  table hook
+const {
+    getDataList,
+    currentChangeHandle,
+    sizeChangeHandle,
+    downBlobFile
+} = useTable(state)
+
+
+// 清空搜索条件
+const resetQuery = () => {
+    queryRef.value.resetFields()
+    getDataList()
+}
+
+// 多选事件
+const handleSelectionChange = (objs: any) => {
+    selectObjs.value = []
+    objs.forEach((val: any) => {
+        selectObjs.value.push(val.roleId)
     });
+    multiple.value = !objs.length
+}
+
+// 导出excel
+const exportExcel = () => {
+    downBlobFile('/admin/approle/export', state.queryForm, 'approle.xlsx')
+}
 
 
-    //  table hook
-    const {
-        getDataList,
-        currentChangeHandle,
-        sizeChangeHandle,
-        downBlobFile
-    } = useTable(state)
-
-
-    // 清空搜索条件
-    const resetQuery = () => {
-        queryRef.value.resetFields()
-        getDataList()
-    }
-
-    // 多选事件
-    const handleSelectionChange = (objs: any) => {
-        selectObjs.value = []
-        objs.forEach((val: any) => {
-            selectObjs.value.push(val.roleId)
-        });
-        multiple.value = !objs.length
-    }
-
-    // 导出excel
-    const exportExcel = () => {
-        downBlobFile('/admin/approle/export', state.queryForm, 'approle.xlsx')
-    }
-
-
-    // 删除操作
-    const handleDelete = (ids: string[]) => {
-        useMessageBox().confirm(t('common.delConfirmText'))
-            .then(() => {
-                delObj(ids).then(() => {
-                    getDataList();
-                    useMessage().success(t('common.delSuccessText'));
-                }).catch((err: any) => {
-                    useMessage().error(err.msg)
-                })
+// 删除操作
+const handleDelete = (ids: string[]) => {
+    useMessageBox().confirm(t('common.delConfirmText'))
+        .then(() => {
+            delObj(ids).then(() => {
+                getDataList();
+                useMessage().success(t('common.delSuccessText'));
+            }).catch((err: any) => {
+                useMessage().error(err.msg)
             })
-    };
+        })
+};
 
 </script>
diff --git a/src/views/app/appsocial/index.vue b/src/views/app/appsocial/index.vue
index 512eaa01..1630855f 100644
--- a/src/views/app/appsocial/index.vue
+++ b/src/views/app/appsocial/index.vue
@@ -1,12 +1,12 @@
 <template>
     <div class="layout-padding">
-        <el-card class="layout-padding-auto">
+        <div class="layout-padding-auto layout-padding-view">
             <el-row class="mb8" v-show="showSearch">
                 <el-form :inline="true" :model="state.queryForm" @keyup.enter="getDataList" ref="queryRef">
                     <el-form-item :label="t('appsocial.type')" class="ml2" prop="type">
                         <el-select :placeholder="t('appsocial.inputTypeTip')" v-model="state.queryForm.type">
                             <el-option :key="index" :label="item.label" :value="item.value"
-                                       v-for="(item, index) in app_social_type"></el-option>
+                                v-for="(item, index) in app_social_type"></el-option>
                         </el-select>
                     </el-form-item>
                     <el-form-item class="ml2">
@@ -21,129 +21,127 @@
             <el-row>
                 <div class="mb8" style="width: 100%">
                     <el-button @click="formDialogRef.openDialog()" class="ml10" formDialogRef icon="folder-add"
-                               type="primary"
-                               v-auth="'app_social_details_add'">
+                        type="primary" v-auth="'app_social_details_add'">
                         {{ $t('common.addBtn') }}
                     </el-button>
                     <el-button @click="exportExcel" class="ml10" formDialogRef icon="Download" type="primary">
                         {{ $t('common.exportBtn') }}
                     </el-button>
-                    <el-button :disabled="multiple" @click="handleDelete(selectObjs)" class="ml10" formDialogRef icon="Delete"
-                               type="primary" v-auth="'app_social_details_del'">
+                    <el-button :disabled="multiple" @click="handleDelete(selectObjs)" class="ml10" formDialogRef
+                        icon="Delete" type="primary" v-auth="'app_social_details_del'">
                         {{ $t('common.delBtn') }}
                     </el-button>
                     <right-toolbar @queryTable="getDataList" class="ml10" style="float: right;margin-right: 20px"
-                                   v-model:showSearch="showSearch"></right-toolbar>
+                        v-model:showSearch="showSearch"></right-toolbar>
                 </div>
             </el-row>
             <el-table :data="state.dataList" @selection-change="handleSelectionChange" @sort-change="sortChangeHandle"
-                      style="width: 100%" v-loading="state.loading">
-                <el-table-column align="center" type="selection" width="60"/>
-                <el-table-column :label="t('appsocial.index')" type="index" width="80"/>
+                style="width: 100%" v-loading="state.loading">
+                <el-table-column align="center" type="selection" width="60" />
+                <el-table-column :label="t('appsocial.index')" type="index" width="80" />
                 <el-table-column :label="t('appsocial.type')" prop="type" show-overflow-tooltip>
                     <template #default="scope">
                         <dict-tag :options="app_social_type" :value="scope.row.type"></dict-tag>
                     </template>
                 </el-table-column>
-                <el-table-column :label="t('appsocial.remark')" prop="remark" show-overflow-tooltip/>
-                <el-table-column :label="t('appsocial.appId')" prop="appId" show-overflow-tooltip/>
-                <el-table-column :label="t('appsocial.appSecret')" prop="appSecret" show-overflow-tooltip/>
-                <el-table-column :label="t('appsocial.createTime')" prop="createTime" show-overflow-tooltip/>
+                <el-table-column :label="t('appsocial.remark')" prop="remark" show-overflow-tooltip />
+                <el-table-column :label="t('appsocial.appId')" prop="appId" show-overflow-tooltip />
+                <el-table-column :label="t('appsocial.appSecret')" prop="appSecret" show-overflow-tooltip />
+                <el-table-column :label="t('appsocial.createTime')" prop="createTime" show-overflow-tooltip />
                 <el-table-column :label="$t('common.action')" width="150">
                     <template #default="scope">
                         <el-button @click="formDialogRef.openDialog(scope.row.id)" text type="primary"
-                                   v-auth="'app_social_details_edit'">{{ $t('common.editBtn') }}
+                            v-auth="'app_social_details_edit'">{{ $t('common.editBtn') }}
                         </el-button>
                         <el-button @click="handleDelete([scope.row.id])" text type="primary"
-                                   v-auth="'app_social_details_del'">{{
-                            $t('common.delBtn')
+                            v-auth="'app_social_details_del'">{{
+                                $t('common.delBtn')
                             }}
                         </el-button>
                     </template>
                 </el-table-column>
             </el-table>
-            <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle"
-                        v-bind="state.pagination"/>
-        </el-card>
+            <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle" v-bind="state.pagination" />
+        </div>
 
         <!-- 编辑、新增  -->
-        <form-dialog @refresh="getDataList()" ref="formDialogRef"/>
+        <form-dialog @refresh="getDataList()" ref="formDialogRef" />
     </div>
 </template>
 
 <script lang="ts" name="systemAppSocialDetails" setup>
-    import {BasicTableProps, useTable} from "/@/hooks/table";
-    import {delObj, fetchList} from "/@/api/app/appsocial";
-    import {useMessage, useMessageBox} from "/@/hooks/message";
-    import {useDict} from '/@/hooks/dict';
-    import {useI18n} from "vue-i18n";
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { delObj, fetchList } from "/@/api/app/appsocial";
+import { useMessage, useMessageBox } from "/@/hooks/message";
+import { useDict } from '/@/hooks/dict';
+import { useI18n } from "vue-i18n";
 
-    // 引入组件
-    const FormDialog = defineAsyncComponent(() => import('./form.vue'));
-    const {t} = useI18n()
-    // 定义查询字典
+// 引入组件
+const FormDialog = defineAsyncComponent(() => import('./form.vue'));
+const { t } = useI18n()
+// 定义查询字典
 
-    const {app_social_type} = useDict('app_social_type')
-    // 定义变量内容
-    const formDialogRef = ref()
-    // 搜索变量
-    const queryRef = ref()
-    const showSearch = ref(true)
-    // 多选变量
-    const selectObjs = ref([]) as any
-    const multiple = ref(true)
+const { app_social_type } = useDict('app_social_type')
+// 定义变量内容
+const formDialogRef = ref()
+// 搜索变量
+const queryRef = ref()
+const showSearch = ref(true)
+// 多选变量
+const selectObjs = ref([]) as any
+const multiple = ref(true)
 
-    const state: BasicTableProps = reactive<BasicTableProps>({
-        queryForm: {
-            type: ''
-        },
-        pageList: fetchList,
-        descs: ['create_time']
-    })
+const state: BasicTableProps = reactive<BasicTableProps>({
+    queryForm: {
+        type: ''
+    },
+    pageList: fetchList,
+    descs: ['create_time']
+})
 
-    //  table hook
-    const {
-        getDataList,
-        currentChangeHandle,
-        sizeChangeHandle,
-        sortChangeHandle,
-        downBlobFile
-    } = useTable(state)
+//  table hook
+const {
+    getDataList,
+    currentChangeHandle,
+    sizeChangeHandle,
+    sortChangeHandle,
+    downBlobFile
+} = useTable(state)
 
 
+// 清空搜索条件
+const resetQuery = () => {
     // 清空搜索条件
-    const resetQuery = () => {
-        // 清空搜索条件
-        queryRef.value.resetFields()
-        // 清空多选
-        selectObjs.value = []
-        getDataList()
-    }
+    queryRef.value.resetFields()
+    // 清空多选
+    selectObjs.value = []
+    getDataList()
+}
 
-    // 多选事件
-    const handleSelectionChange = (objs: any) => {
-        selectObjs.value = []
-        objs.forEach((val: any) => {
-            selectObjs.value.push(val.id)
-        });
-        multiple.value = !objs.length
-    }
+// 多选事件
+const handleSelectionChange = (objs: any) => {
+    selectObjs.value = []
+    objs.forEach((val: any) => {
+        selectObjs.value.push(val.id)
+    });
+    multiple.value = !objs.length
+}
 
-    // 导出excel
-    const exportExcel = () => {
-        downBlobFile('/app/appsocial/export', state.queryForm, 'appsocial.xlsx')
-    }
+// 导出excel
+const exportExcel = () => {
+    downBlobFile('/app/appsocial/export', state.queryForm, 'appsocial.xlsx')
+}
 
-    // 删除操作
-    const handleDelete = (ids: any) => {
-        useMessageBox().confirm(t('common.delConfirmText'))
-            .then(() => {
-                delObj(ids).then(() => {
-                    getDataList();
-                    useMessage().success(t('common.delSuccessText'));
-                }).catch((err: any) => {
-                    useMessage().error(err.msg)
-                })
+// 删除操作
+const handleDelete = (ids: any) => {
+    useMessageBox().confirm(t('common.delConfirmText'))
+        .then(() => {
+            delObj(ids).then(() => {
+                getDataList();
+                useMessage().success(t('common.delSuccessText'));
+            }).catch((err: any) => {
+                useMessage().error(err.msg)
             })
-    };
+        })
+};
 </script>
diff --git a/src/views/app/appuser/index.vue b/src/views/app/appuser/index.vue
index c9b8f00a..5f9f9660 100644
--- a/src/views/app/appuser/index.vue
+++ b/src/views/app/appuser/index.vue
@@ -1,16 +1,15 @@
 <template>
     <div class="layout-padding">
-        <el-card class="layout-padding-auto" shadow="hover">
+        <div class="layout-padding-auto layout-padding-view">
             <el-row class="mb8" v-show="showSearch">
                 <el-form :inline="true" :model="state.queryForm" @keyup.enter="getDataList" ref="queryRef">
                     <el-form-item :label="$t('appuser.username')" prop="username">
-                        <el-input :placeholder="$t('appuser.inputUsernameTip')" @keyup.enter="getDataList"
-                                  clearable
-                                  style="width: 240px" v-model="state.queryForm.username"/>
+                        <el-input :placeholder="$t('appuser.inputUsernameTip')" @keyup.enter="getDataList" clearable
+                            style="width: 240px" v-model="state.queryForm.username" />
                     </el-form-item>
                     <el-form-item :label="$t('appuser.phone')" prop="phone">
                         <el-input :placeholder="$t('appuser.inputPhoneTip')" @keyup.enter="getDataList" clearable
-                                  style="width: 240px" v-model="state.queryForm.phone"/>
+                            style="width: 240px" v-model="state.queryForm.phone" />
                     </el-form-item>
                     <el-form-item>
                         <el-button @click="getDataList" icon="Search" type="primary">{{ $t('common.queryBtn') }}
@@ -22,37 +21,35 @@
             <el-row>
                 <div class="mb8" style="width: 100%">
                     <el-button @click="userDialogRef.openDialog()" class="ml10" icon="folder-add" type="primary"
-                               v-auth="'sys_user_add'">
+                        v-auth="'sys_user_add'">
                         {{ $t('common.addBtn') }}
                     </el-button>
                     <el-button @click="excelUploadRef.show()" class="ml10" icon="upload-filled" type="primary"
-                               v-auth="'sys_user_add'">
+                        v-auth="'sys_user_add'">
                         {{ $t('common.importBtn') }}
                     </el-button>
-                    <el-button @click="exportExcel" class="ml10" icon="Download" type="primary"
-                               v-auth="'sys_user_export'">
+                    <el-button @click="exportExcel" class="ml10" icon="Download" type="primary" v-auth="'sys_user_export'">
                         {{ $t('common.exportBtn') }}
                     </el-button>
-                    <el-button :disabled="multiple" @click="handleDelete(selectObjs)" class="ml10" icon="Delete" type="primary"
-                               v-auth="'sys_user_del'">
+                    <el-button :disabled="multiple" @click="handleDelete(selectObjs)" class="ml10" icon="Delete"
+                        type="primary" v-auth="'sys_user_del'">
                         {{ $t('common.delBtn') }}
                     </el-button>
                     <right-toolbar @queryTable="getDataList" class="ml10" style="float: right;margin-right: 20px"
-                                   v-model:showSearch="showSearch"></right-toolbar>
+                        v-model:showSearch="showSearch"></right-toolbar>
                 </div>
             </el-row>
             <el-table :data="state.dataList" @selection-change="handleSelectionChange" style="width: 100%"
-                      v-loading="state.loading">
-                <el-table-column align="center" type="selection" width="50"/>
-                <el-table-column :label="$t('appuser.index')" type="index" width="80"/>
-                <el-table-column :label="$t('appuser.username')" prop="username"
-                                 show-overflow-tooltip></el-table-column>
+                v-loading="state.loading">
+                <el-table-column align="center" type="selection" width="50" />
+                <el-table-column :label="$t('appuser.index')" type="index" width="80" />
+                <el-table-column :label="$t('appuser.username')" prop="username" show-overflow-tooltip></el-table-column>
                 <el-table-column :label="$t('appuser.name')" prop="name" show-overflow-tooltip></el-table-column>
                 <el-table-column :label="$t('appuser.phone')" prop="phone" show-overflow-tooltip></el-table-column>
                 <el-table-column :label="$t('appuser.role')" show-overflow-tooltip>
                     <template #default="scope">
                         <el-tag :key="index" type="success" v-for="(item, index) in scope.row.roleList">{{ item.roleName
-                            }}
+                        }}
                         </el-tag>
                     </template>
                 </el-table-column>
@@ -62,16 +59,15 @@
                     </template>
                 </el-table-column>
                 <el-table-column :label="$t('appuser.createTime')" prop="createTime"
-                                 show-overflow-tooltip></el-table-column>
+                    show-overflow-tooltip></el-table-column>
                 <el-table-column :label="$t('common.action')" width="150">
                     <template #default="scope">
                         <el-button @click="userDialogRef.openDialog(scope.row.userId)" text type="primary"
-                                   v-auth="'sys_user_edit'"> {{
-                            $t('common.editBtn')
+                            v-auth="'sys_user_edit'"> {{
+                                $t('common.editBtn')
                             }}
                         </el-button>
-                        <el-button @click="handleDelete([scope.row.userId])" text type="primary"
-                                   v-auth="'sys_user_del'">
+                        <el-button @click="handleDelete([scope.row.userId])" text type="primary" v-auth="'sys_user_del'">
                             {{ $t('common.delBtn') }}
                         </el-button>
                     </template>
@@ -81,89 +77,89 @@
             <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle" v-bind="state.pagination">
             </pagination>
 
-        </el-card>
-        <user-form @refresh="getDataList()" ref="userDialogRef"/>
+        </div>
+        <user-form @refresh="getDataList()" ref="userDialogRef" />
 
         <upload-excel :title="$t('appuser.importUserTip')" @refreshDataList="getDataList" ref="excelUploadRef"
-                      temp-url="/admin/sys-file/local/file/user.xlsx" url="/admin/user/import"/>
+            temp-url="/admin/sys-file/local/file/user.xlsx" url="/admin/user/import" />
     </div>
 </template>
 
 <script lang="ts" name="systemUser" setup>
-    import {delObj, fetchList} from '/@/api/app/appuser'
-    import {BasicTableProps, useTable} from '/@/hooks/table'
-    import {useDict} from '/@/hooks/dict'
-    import {useMessage, useMessageBox} from '/@/hooks/message'
-    import {useI18n} from 'vue-i18n'
+import { delObj, fetchList } from '/@/api/app/appuser'
+import { BasicTableProps, useTable } from '/@/hooks/table'
+import { useDict } from '/@/hooks/dict'
+import { useMessage, useMessageBox } from '/@/hooks/message'
+import { useI18n } from 'vue-i18n'
 
-    // 动态引入组件
-    const UserForm = defineAsyncComponent(() => import('./form.vue'));
+// 动态引入组件
+const UserForm = defineAsyncComponent(() => import('./form.vue'));
 
-    const {lock_flag} = useDict('lock_flag')
-    const {t} = useI18n()
+const { lock_flag } = useDict('lock_flag')
+const { t } = useI18n()
 
-    // 定义变量内容
-    const userDialogRef = ref();
-    const excelUploadRef = ref();
-    const queryRef = ref();
-    const showSearch = ref(true)
+// 定义变量内容
+const userDialogRef = ref();
+const excelUploadRef = ref();
+const queryRef = ref();
+const showSearch = ref(true)
 
 
-    // 多选rows
-    const selectObjs = ref([]) as any;
-    // 是否可以多选
-    const multiple = ref(true);
+// 多选rows
+const selectObjs = ref([]) as any;
+// 是否可以多选
+const multiple = ref(true);
 
-    // 定义表格查询、后台调用的API
-    const state: BasicTableProps = reactive<BasicTableProps>({
-        queryForm: {
-            username: '',
-            phone: ''
-        },
-        pageList: fetchList,
-        descs: ['create_time']
+// 定义表格查询、后台调用的API
+const state: BasicTableProps = reactive<BasicTableProps>({
+    queryForm: {
+        username: '',
+        phone: ''
+    },
+    pageList: fetchList,
+    descs: ['create_time']
+});
+
+
+//  table hook
+const {
+    getDataList,
+    currentChangeHandle,
+    sizeChangeHandle,
+    downBlobFile
+} = useTable(state)
+
+// 清空搜索条件
+const resetQuery = () => {
+    queryRef.value.resetFields()
+    getDataList()
+}
+
+
+// 多选事件
+const handleSelectionChange = (objs: any) => {
+    selectObjs.value = []
+    objs.forEach((val: any) => {
+        selectObjs.value.push(val.userId)
     });
+    multiple.value = !objs.length
+}
 
+// 导出excel
+const exportExcel = () => {
+    downBlobFile('/admin/appuser/export', state.queryForm, 'users.xlsx')
+}
 
-    //  table hook
-    const {
-        getDataList,
-        currentChangeHandle,
-        sizeChangeHandle,
-        downBlobFile
-    } = useTable(state)
-
-    // 清空搜索条件
-    const resetQuery = () => {
-        queryRef.value.resetFields()
-        getDataList()
-    }
-
-
-    // 多选事件
-    const handleSelectionChange = (objs: any) => {
-        selectObjs.value = []
-        objs.forEach((val: any) => {
-            selectObjs.value.push(val.userId)
-        });
-        multiple.value = !objs.length
-    }
-
-    // 导出excel
-    const exportExcel = () => {
-        downBlobFile('/admin/appuser/export', state.queryForm, 'users.xlsx')
-    }
-
-    // 删除用户
-    const handleDelete = (ids: string[]) => {
-        useMessageBox().confirm(t('common.delConfirmText')).then(() => {
-            // 删除用户的接口
-            delObj(ids).then(() => {
-                getDataList();
-                useMessage().success(t('common.delSuccessText'))
-            }).catch(err => {
-                useMessage().error(err.msg)
-            })
+// 删除用户
+const handleDelete = (ids: string[]) => {
+    useMessageBox().confirm(t('common.delConfirmText')).then(() => {
+        // 删除用户的接口
+        delObj(ids).then(() => {
+            getDataList();
+            useMessage().success(t('common.delSuccessText'))
+        }).catch(err => {
+            useMessage().error(err.msg)
         })
-    };
+    })
+};
 </script>
diff --git a/src/views/daemon/job-manage/index.vue b/src/views/daemon/job-manage/index.vue
index 08b75bec..7d28250d 100644
--- a/src/views/daemon/job-manage/index.vue
+++ b/src/views/daemon/job-manage/index.vue
@@ -1,27 +1,27 @@
 <template>
   <div class="layout-padding">
-    <el-card class="layout-padding-auto">
+    <div class="layout-padding-auto layout-padding-view">
       <el-row v-show="showSearch" class="mb8">
         <el-form :model="state.queryForm" ref="queryRef" :inline="true">
           <el-form-item :label="$t('job.jobName')" prop="jobName">
             <el-input v-model="state.queryForm.jobName" :placeholder="$t('job.inputjobNameTip')" clearable
-                      style="width: 240px" @keyup.enter="getDataList" />
+              style="width: 240px" @keyup.enter="getDataList" />
           </el-form-item>
           <el-form-item :label="$t('job.jobGroup')" prop="jobGroup">
             <el-input v-model="state.queryForm.jobGroup" :placeholder="$t('job.inputjobGroupTip')" clearable
-                      style="width: 240px" @keyup.enter="getDataList" />
+              style="width: 240px" @keyup.enter="getDataList" />
           </el-form-item>
 
           <el-form-item :label="t('job.jobStatus')" prop="jobStatus">
             <el-select v-model="state.queryForm.jobStatus" :placeholder="t('job.inputjobStatusTip')">
               <el-option v-for="(item, index) in job_status" :key="index" :label="item.label"
-                         :value="item.value"></el-option>
+                :value="item.value"></el-option>
             </el-select>
           </el-form-item>
           <el-form-item :label="t('job.jobExecuteStatus')" prop="jobExecuteStatus">
             <el-select v-model="state.queryForm.jobExecuteStatus" :placeholder="t('job.inputjobExecuteStatusTip')">
               <el-option v-for="(item, index) in job_execute_status" :key="index" :label="item.label"
-                         :value="item.value"></el-option>
+                :value="item.value"></el-option>
             </el-select>
           </el-form-item>
 
@@ -39,20 +39,19 @@
           <el-button class="ml10" icon="Download" type="primary" @click="exportExcel">
             {{ $t('common.exportBtn') }}
           </el-button>
-          <el-button :disabled="multiple" class="ml10" icon="Delete" type="primary"
-                     @click="handleDelete(undefined)">
+          <el-button :disabled="multiple" class="ml10" icon="Delete" type="primary" @click="handleDelete(undefined)">
             {{ $t('common.delBtn') }}
           </el-button>
           <right-toolbar v-model:showSearch="showSearch" class="ml10" style="float: right;margin-right: 20px"
-                         @queryTable="getDataList"></right-toolbar>
+            @queryTable="getDataList"></right-toolbar>
         </div>
       </el-row>
       <el-table v-loading="state.loading" :data="state.dataList" style="width: 100%"
-                @selection-change="handleSelectionChange">
-        <el-table-column align="center" type="selection" width="50"/>
-        <el-table-column :label="t('job.index')" type="index" width="80" fixed="left"/>
-        <el-table-column :label="t('job.jobName')" prop="jobName" show-overflow-tooltip width="120" fixed="left"/>
-        <el-table-column :label="t('job.jobGroup')" prop="jobGroup" show-overflow-tooltip width="120"/>
+        @selection-change="handleSelectionChange">
+        <el-table-column align="center" type="selection" width="50" />
+        <el-table-column :label="t('job.index')" type="index" width="80" fixed="left" />
+        <el-table-column :label="t('job.jobName')" prop="jobName" show-overflow-tooltip width="120" fixed="left" />
+        <el-table-column :label="t('job.jobGroup')" prop="jobGroup" show-overflow-tooltip width="120" />
         <el-table-column :label="t('job.jobStatus')" prop="jobStatus" show-overflow-tooltip width="120">
           <template #default="scope">
             <dict-tag :options="job_status" :value="scope.row.jobStatus"></dict-tag>
@@ -64,20 +63,20 @@
           </template>
         </el-table-column>
 
-        <el-table-column :label="t('job.startTime')" prop="startTime" show-overflow-tooltip width="120"/>
+        <el-table-column :label="t('job.startTime')" prop="startTime" show-overflow-tooltip width="120" />
 
-        <el-table-column :label="t('job.previousTime')" prop="previousTime" show-overflow-tooltip width="120"/>
-        <el-table-column :label="t('job.nextTime')" prop="nextTime" show-overflow-tooltip width="120"/>
+        <el-table-column :label="t('job.previousTime')" prop="previousTime" show-overflow-tooltip width="120" />
+        <el-table-column :label="t('job.nextTime')" prop="nextTime" show-overflow-tooltip width="120" />
         <el-table-column :label="t('job.jobType')" prop="jobType" show-overflow-tooltip width="120">
           <template #default="scope">
             <dict-tag :options="job_type" :value="scope.row.jobType"></dict-tag>
           </template>
         </el-table-column>
-        <el-table-column :label="t('job.executePath')" prop="executePath" show-overflow-tooltip width="120"/>
-        <el-table-column :label="t('job.className')" prop="className" show-overflow-tooltip width="120"/>
-        <el-table-column :label="t('job.methodName')" prop="methodName" show-overflow-tooltip width="120"/>
-        <el-table-column :label="t('job.methodParamsValue')" prop="methodParamsValue" show-overflow-tooltip width="120"/>
-        <el-table-column :label="t('job.cronExpression')" prop="cronExpression" show-overflow-tooltip width="120"/>
+        <el-table-column :label="t('job.executePath')" prop="executePath" show-overflow-tooltip width="120" />
+        <el-table-column :label="t('job.className')" prop="className" show-overflow-tooltip width="120" />
+        <el-table-column :label="t('job.methodName')" prop="methodName" show-overflow-tooltip width="120" />
+        <el-table-column :label="t('job.methodParamsValue')" prop="methodParamsValue" show-overflow-tooltip width="120" />
+        <el-table-column :label="t('job.cronExpression')" prop="cronExpression" show-overflow-tooltip width="120" />
         <el-table-column :label="t('job.misfirePolicy')" prop="misfirePolicy" show-overflow-tooltip width="200">
           <template #default="scope">
             <dict-tag :options="misfire_policy" :value="scope.row.misfirePolicy"></dict-tag>
@@ -92,38 +91,40 @@
 
             <el-button size="small" text type="primary" @click="handleShutDownJob(scope.row)">暂停</el-button>
 
-            <el-button size="small" text type="primary" @click="handleEditJob(scope.row)">{{ $t('common.editBtn') }}</el-button>
+            <el-button size="small" text type="primary" @click="handleEditJob(scope.row)">{{ $t('common.editBtn')
+            }}</el-button>
 
             <el-button size="small" text type="primary" @click="handleRunJob(scope.row)">执行</el-button>
 
 
-            <el-button size="small" text type="primary" @click="handleDelete(scope.row)">{{$t('common.delBtn') }}</el-button>
+            <el-button size="small" text type="primary" @click="handleDelete(scope.row)">{{ $t('common.delBtn')
+            }}</el-button>
           </template>
         </el-table-column>
       </el-table>
-      <pagination v-bind="state.pagination" @size-change="sizeChangeHandle" @current-change="currentChangeHandle"/>
-    </el-card>
+      <pagination v-bind="state.pagination" @size-change="sizeChangeHandle" @current-change="currentChangeHandle" />
+    </div>
 
     <!-- 编辑、新增  -->
-    <form-dialog ref="formDialogRef" @refresh="getDataList()"/>
+    <form-dialog ref="formDialogRef" @refresh="getDataList()" />
     <job-log ref="jobLogRef"></job-log>
   </div>
 </template>
 
 <script lang="ts" name="systemSysJob" setup>
-import {BasicTableProps, useTable} from "/@/hooks/table";
-import {delObj, fetchList, startJobRa, runJobRa, shutDownJobRa} from "/@/api/daemon/job";
-import {useMessage, useMessageBox} from "/@/hooks/message";
-import {useDict} from '/@/hooks/dict';
-import {useI18n} from "vue-i18n";
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { delObj, fetchList, startJobRa, runJobRa, shutDownJobRa } from "/@/api/daemon/job";
+import { useMessage, useMessageBox } from "/@/hooks/message";
+import { useDict } from '/@/hooks/dict';
+import { useI18n } from "vue-i18n";
 
 // 引入组件
 const FormDialog = defineAsyncComponent(() => import('./form.vue'));
 const JobLog = defineAsyncComponent(() => import('./job-log.vue'));
-const {t} = useI18n()
+const { t } = useI18n()
 // 定义查询字典
 
-const {job_status, job_execute_status,misfire_policy,job_type} = useDict('job_status', 'job_execute_status','misfire_policy','job_type')
+const { job_status, job_execute_status, misfire_policy, job_type } = useDict('job_status', 'job_execute_status', 'misfire_policy', 'job_type')
 // 定义变量内容
 const formDialogRef = ref()
 const jobLogRef = ref()
@@ -178,15 +179,15 @@ const handleEditJob = (row: any) => {
   const jobStatus = row.jobStatus;
   if (jobStatus === "1" || jobStatus === "3") {
     formDialogRef.value.openDialog(row.jobId)
-  }else {
+  } else {
     useMessage().error("运行中定时任务不可修改，请先暂停后操作")
   }
 
 }
 
-const handleStartJob = (row: any) =>{
+const handleStartJob = (row: any) => {
   const jobStatus = row.jobStatus;
-  if (jobStatus === "1" || jobStatus === "3"){
+  if (jobStatus === "1" || jobStatus === "3") {
     useMessageBox().confirm("即将发布或启动(任务名称:" + row.jobName + "), 是否继续?").then(() => {
       startJobRa(row.jobId).then(() => {
         getDataList();
@@ -195,7 +196,7 @@ const handleStartJob = (row: any) =>{
         useMessage().error(err.msg)
       })
     })
-  }else{
+  } else {
     useMessage().error("定时任务已运行");
   }
 
@@ -212,7 +213,7 @@ const handleShutDownJob = (row: any) => {
         useMessage().error(err.msg)
       })
     })
-  }else {
+  } else {
     useMessage().error("已暂停，不要重复操作")
   }
 }
@@ -239,14 +240,14 @@ const handleDelete = (row: any) => {
     });
     return
   }
-  useMessageBox().confirm(t('common.delConfirmText') +"(任务名称:" + row.jobName + ")")
-      .then(() => {
-        delObj(row.jobId).then(() => {
-          getDataList();
-          useMessage().success(t('common.delSuccessText'));
-        }).catch((err: any) => {
-          useMessage().error(err.msg)
-        })
+  useMessageBox().confirm(t('common.delConfirmText') + "(任务名称:" + row.jobName + ")")
+    .then(() => {
+      delObj(row.jobId).then(() => {
+        getDataList();
+        useMessage().success(t('common.delSuccessText'));
+      }).catch((err: any) => {
+        useMessage().error(err.msg)
       })
+    })
 };
 </script>
diff --git a/src/views/daemon/job-manage/job-log.vue b/src/views/daemon/job-manage/job-log.vue
index fd1f0551..9b7a3131 100644
--- a/src/views/daemon/job-manage/job-log.vue
+++ b/src/views/daemon/job-manage/job-log.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog v-model="visible" :close-on-click-modal="false" fullscreen title="运行日志" draggable>
-    <el-card class="layout-padding-auto">
+    <div class="layout-padding-auto layout-padding-view">
       <el-row>
         <div class="mb8" style="width: 100%">
           <el-button formDialogRef :disabled="multiple" icon="Delete" type="primary" class="ml10" v-auth="'sys_log_del'"
@@ -38,7 +38,7 @@
         </el-table-column>
       </el-table>
       <pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" v-bind="state.pagination" />
-    </el-card>
+    </div>
   </el-dialog>
 </template>
 
@@ -111,6 +111,4 @@ defineExpose({
 });
 </script>
 
-<style scoped>
-
-</style>
+<style scoped></style>
diff --git a/src/views/demo/form.vue b/src/views/demo/form.vue
deleted file mode 100644
index d3172ab2..00000000
--- a/src/views/demo/form.vue
+++ /dev/null
@@ -1,59 +0,0 @@
-<template>
-  <div class="layout-padding">
-    <el-card shadow="hover">
-      <el-form ref="dataFormRef" :model="dataForm"  label-width="100px">
-        <el-row :gutter="20">
-          <el-col :span="12" class="mb20">
-            <el-form-item label="用户名" prop="username">
-              <el-input v-model="dataForm.username" placeholder="请输入用户名"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" class="mb20">
-            <el-form-item label="图片" prop="username">
-              <upload-img v-model="dataForm.image"></upload-img>
-            </el-form-item>
-          </el-col>
-
-          <el-col :span="12" class="mb20">
-            <el-form-item label="文件" prop="username">
-              <upload-file v-model="dataForm.fileList"></upload-file>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" class="mb20">
-            <el-form-item label="文件" prop="username">
-              <upload-file v-model="dataForm.fileList" type="simple"></upload-file>
-            </el-form-item>
-          </el-col>
-          <el-col :span="24" class="mb20">
-            <el-form-item label="富文本" prop="text">
-              <editor v-model:get-html="dataForm.text"></editor>
-            </el-form-item>
-          </el-col>
-          </el-row>
-      </el-form>
-      {{dataForm}}
-    </el-card>
-  </div>
-</template>
-
-<script setup lang="ts" name="form-demo">
-
-const dataForm = reactive({
-  username: '',
-  fileList: '',
-  image: '',
-  text: ''
-})
-
-onMounted(() => {
-  Object.assign(dataForm,{
-    "username": "123123",
-    "fileList": "/admin/sys-file/local/f3f2513c46e74448b33f8fbc54a079ec.pdf",
-    "image": "/admin/sys-file/local/b7d73a0fb7404ab9baf09a496291bec6.jpg"
-  })
-})
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/error/401.vue b/src/views/error/401.vue
index 7635f841..9497289d 100644
--- a/src/views/error/401.vue
+++ b/src/views/error/401.vue
@@ -8,14 +8,13 @@
 						<div class="left-item-animation left-item-title">{{ $t('noAccess.accessTitle') }}</div>
 						<div class="left-item-animation left-item-msg">{{ $t('noAccess.accessMsg') }}</div>
 						<div class="left-item-animation left-item-btn">
-							<el-button type="primary"  round @click="onSetAuth">{{ $t('noAccess.accessBtn') }}</el-button>
+							<el-button type="primary" round @click="onSetAuth">{{ $t('noAccess.accessBtn') }}</el-button>
 						</div>
 					</div>
 				</div>
 				<div class="right">
 					<img
-						src="https://img-blog.csdnimg.cn/3333f265772a4fa89287993500ecbf96.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbHl0LXRvcA==,size_16,color_FFFFFF,t_70,g_se,x_16"
-					/>
+						src="https://img-blog.csdnimg.cn/3333f265772a4fa89287993500ecbf96.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbHl0LXRvcA==,size_16,color_FFFFFF,t_70,g_se,x_16" />
 				</div>
 			</div>
 		</div>
@@ -36,16 +35,19 @@ const onSetAuth = () => {
 <style scoped lang="scss">
 .error {
 	height: 100%;
+
 	.error-flex {
 		margin: auto;
 		display: flex;
 		height: 350px;
 		width: 900px;
+
 		.left {
 			flex: 1;
 			height: 100%;
 			align-items: center;
 			display: flex;
+
 			.left-item {
 				.left-item-animation {
 					opacity: 0;
@@ -53,33 +55,39 @@ const onSetAuth = () => {
 					animation-duration: 0.5s;
 					animation-fill-mode: forwards;
 				}
+
 				.left-item-num {
 					color: var(--el-color-info);
 					font-size: 55px;
 				}
+
 				.left-item-title {
 					font-size: 20px;
 					color: var(--el-text-color-primary);
 					margin: 15px 0 5px 0;
 					animation-delay: 0.1s;
 				}
+
 				.left-item-msg {
 					color: var(--el-text-color-secondary);
 					font-size: 12px;
 					margin-bottom: 30px;
 					animation-delay: 0.2s;
 				}
+
 				.left-item-btn {
 					animation-delay: 0.2s;
 				}
 			}
 		}
+
 		.right {
 			flex: 1;
 			opacity: 0;
 			animation-name: error-img;
 			animation-duration: 2s;
 			animation-fill-mode: forwards;
+
 			img {
 				width: 100%;
 				height: 100%;
diff --git a/src/views/error/404.vue b/src/views/error/404.vue
index 1f717f20..86d868d6 100644
--- a/src/views/error/404.vue
+++ b/src/views/error/404.vue
@@ -8,14 +8,13 @@
 						<div class="left-item-animation left-item-title">{{ $t('notFound.foundTitle') }}</div>
 						<div class="left-item-animation left-item-msg">{{ $t('notFound.foundMsg') }}</div>
 						<div class="left-item-animation left-item-btn">
-							<el-button type="primary"  round @click="onGoHome">{{ $t('notFound.foundBtn') }}</el-button>
+							<el-button type="primary" round @click="onGoHome">{{ $t('notFound.foundBtn') }}</el-button>
 						</div>
 					</div>
 				</div>
 				<div class="right">
 					<img
-						src="https://img-blog.csdnimg.cn/9eb1d85a417f4ed1ba7107f149ce3da1.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbHl0LXRvcA==,size_16,color_FFFFFF,t_70,g_se,x_16"
-					/>
+						src="https://img-blog.csdnimg.cn/9eb1d85a417f4ed1ba7107f149ce3da1.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbHl0LXRvcA==,size_16,color_FFFFFF,t_70,g_se,x_16" />
 				</div>
 			</div>
 		</div>
@@ -37,16 +36,19 @@ const onGoHome = () => {
 <style scoped lang="scss">
 .error {
 	height: 100%;
+
 	.error-flex {
 		margin: auto;
 		display: flex;
 		height: 350px;
 		width: 900px;
+
 		.left {
 			flex: 1;
 			height: 100%;
 			align-items: center;
 			display: flex;
+
 			.left-item {
 				.left-item-animation {
 					opacity: 0;
@@ -54,33 +56,39 @@ const onGoHome = () => {
 					animation-duration: 0.5s;
 					animation-fill-mode: forwards;
 				}
+
 				.left-item-num {
 					color: var(--el-color-info);
 					font-size: 55px;
 				}
+
 				.left-item-title {
 					font-size: 20px;
 					color: var(--el-text-color-primary);
 					margin: 15px 0 5px 0;
 					animation-delay: 0.1s;
 				}
+
 				.left-item-msg {
 					color: var(--el-text-color-secondary);
 					font-size: 12px;
 					margin-bottom: 30px;
 					animation-delay: 0.2s;
 				}
+
 				.left-item-btn {
 					animation-delay: 0.2s;
 				}
 			}
 		}
+
 		.right {
 			flex: 1;
 			opacity: 0;
 			animation-name: error-img;
 			animation-duration: 2s;
 			animation-fill-mode: forwards;
+
 			img {
 				width: 100%;
 				height: 100%;
diff --git a/src/views/gen/datasource/index.vue b/src/views/gen/datasource/index.vue
index f6c00a6b..3d9d51a8 100644
--- a/src/views/gen/datasource/index.vue
+++ b/src/views/gen/datasource/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="layout-padding">
-        <el-card class="layout-padding-auto">
+        <div class="layout-padding-auto layout-padding-view">
             <el-row class="mb8" v-show="showSearch">
                 <el-form :inline="true" :model="state.queryForm" @keyup.enter="getDataList" ref="queryRef">
                     <el-form-item :label="$t('datasourceconf.dsName')" prop="dsName">
@@ -59,7 +59,7 @@
                 </el-table-column>
             </el-table>
             <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle" v-bind="state.pagination" />
-        </el-card>
+        </div>
 
         <!-- 编辑、新增  -->
         <form-dialog @refresh="getDataList()" ref="formDialogRef" />
diff --git a/src/views/gen/design/index.vue b/src/views/gen/design/index.vue
index e9166328..6007cc64 100644
--- a/src/views/gen/design/index.vue
+++ b/src/views/gen/design/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="layout-padding">
-    <el-card class="layout-padding-auto">
+    <div class="layout-padding-auto layout-padding-view">
       <v-form-designer ref="vfDesignerRef" :banned-widgets="bannedWidgets" :designer-config="designerConfig">
         <template #customToolButtons>
           <el-button link type="primary" @click="exportJsonConfig">
@@ -8,7 +8,7 @@
           </el-button>
         </template>
       </v-form-designer>
-    </el-card>
+    </div>
   </div>
 </template>
 
diff --git a/src/views/gen/field-type/index.vue b/src/views/gen/field-type/index.vue
index 207474db..b64d60ce 100644
--- a/src/views/gen/field-type/index.vue
+++ b/src/views/gen/field-type/index.vue
@@ -1,11 +1,11 @@
 <template>
     <div class="layout-padding">
-        <el-card class="layout-padding-auto">
+        <div class="layout-padding-auto layout-padding-view">
             <el-row class="mb8" v-show="showSearch">
                 <el-form :inline="true" :model="state.queryForm" @keyup.enter="getDataList" ref="queryRef">
                     <el-form-item :label="$t('fieldtype.columnType')" prop="columnType">
-                        <el-input :placeholder="$t('fieldtype.inputcolumnTypeTip')" formDialogRef
-                                  style="max-width: 180px" v-model="state.queryForm.columnType"/>
+                        <el-input :placeholder="$t('fieldtype.inputcolumnTypeTip')" formDialogRef style="max-width: 180px"
+                            v-model="state.queryForm.columnType" />
                     </el-form-item>
                     <el-form-item class="ml2">
                         <el-button @click="getDataList" icon="search" type="primary">
@@ -25,112 +25,111 @@
                         {{ $t('common.exportBtn') }}
                     </el-button>
                     <el-button :disabled="multiple" @click="handleDelete(undefined)" class="ml10" icon="Delete"
-                               type="primary">
+                        type="primary">
                         {{ $t('common.delBtn') }}
                     </el-button>
                     <right-toolbar @queryTable="getDataList" class="ml10" style="float: right;margin-right: 20px"
-                                   v-model:showSearch="showSearch"></right-toolbar>
+                        v-model:showSearch="showSearch"></right-toolbar>
                 </div>
             </el-row>
             <el-table :data="state.dataList" @selection-change="handleSelectionChange" style="width: 100%"
-                      v-loading="state.loading">
-                <el-table-column align="center" type="selection" width="50"/>
-                <el-table-column :label="t('fieldtype.index')" type="index" width="80"/>
-                <el-table-column :label="t('fieldtype.columnType')" prop="columnType" show-overflow-tooltip/>
-                <el-table-column :label="t('fieldtype.attrType')" prop="attrType" show-overflow-tooltip/>
-                <el-table-column :label="t('fieldtype.packageName')" prop="packageName" show-overflow-tooltip/>
-                <el-table-column :label="t('fieldtype.createTime')" prop="createTime" show-overflow-tooltip/>
+                v-loading="state.loading">
+                <el-table-column align="center" type="selection" width="50" />
+                <el-table-column :label="t('fieldtype.index')" type="index" width="80" />
+                <el-table-column :label="t('fieldtype.columnType')" prop="columnType" show-overflow-tooltip />
+                <el-table-column :label="t('fieldtype.attrType')" prop="attrType" show-overflow-tooltip />
+                <el-table-column :label="t('fieldtype.packageName')" prop="packageName" show-overflow-tooltip />
+                <el-table-column :label="t('fieldtype.createTime')" prop="createTime" show-overflow-tooltip />
                 <el-table-column :label="$t('common.action')" width="150">
                     <template #default="scope">
                         <el-button @click="formDialogRef.openDialog(scope.row.id)" text type="primary">{{
                             $t('common.editBtn')
-                            }}
+                        }}
                         </el-button>
 
                         <el-button @click="handleDelete(scope.row)" text type="primary">{{
                             $t('common.delBtn')
-                            }}
+                        }}
                         </el-button>
                     </template>
                 </el-table-column>
             </el-table>
-            <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle"
-                        v-bind="state.pagination"/>
-        </el-card>
+            <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle" v-bind="state.pagination" />
+        </div>
 
         <!-- 编辑、新增  -->
-        <form-dialog @refresh="getDataList()" ref="formDialogRef"/>
+        <form-dialog @refresh="getDataList()" ref="formDialogRef" />
     </div>
 </template>
 
 <script lang="ts" name="systemFieldType" setup>
-    import {BasicTableProps, useTable} from "/@/hooks/table";
-    import {delObj, fetchList} from "/@/api/gen/fieldtype";
-    import {useMessage, useMessageBox} from "/@/hooks/message";
-    import {useI18n} from "vue-i18n";
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { delObj, fetchList } from "/@/api/gen/fieldtype";
+import { useMessage, useMessageBox } from "/@/hooks/message";
+import { useI18n } from "vue-i18n";
 
-    // 引入组件
-    const FormDialog = defineAsyncComponent(() => import('./form.vue'));
-    const {t} = useI18n()
+// 引入组件
+const FormDialog = defineAsyncComponent(() => import('./form.vue'));
+const { t } = useI18n()
 
-    // 定义变量内容
-    const formDialogRef = ref()
-    // 搜索变量
-    const queryRef = ref()
-    const showSearch = ref(true)
-    // 多选变量
-    const selectObjs = ref([])
-    const multiple = ref(true)
+// 定义变量内容
+const formDialogRef = ref()
+// 搜索变量
+const queryRef = ref()
+const showSearch = ref(true)
+// 多选变量
+const selectObjs = ref([])
+const multiple = ref(true)
 
-    const state: BasicTableProps = reactive<BasicTableProps>({
-        queryForm: {},
-        pageList: fetchList,
-        descs: ['create_time']
-    })
+const state: BasicTableProps = reactive<BasicTableProps>({
+    queryForm: {},
+    pageList: fetchList,
+    descs: ['create_time']
+})
 
-    //  table hook
-    const {
-        getDataList,
-        currentChangeHandle,
-        sizeChangeHandle,
-        downBlobFile
-    } = useTable(state)
+//  table hook
+const {
+    getDataList,
+    currentChangeHandle,
+    sizeChangeHandle,
+    downBlobFile
+} = useTable(state)
 
 
-    // 清空搜索条件
-    const resetQuery = () => {
-        queryRef.value.resetFields()
-        getDataList()
+// 清空搜索条件
+const resetQuery = () => {
+    queryRef.value.resetFields()
+    getDataList()
+}
+
+// 多选事件
+const handleSelectionChange = (val: any) => {
+    selectObjs.value = val
+    multiple.value = !val.length
+}
+
+// 导出excel
+const exportExcel = () => {
+    downBlobFile('/gen/fieldtype/export', state.queryForm, 'fieldtype.xlsx')
+}
+
+// 删除操作
+const handleDelete = (row: any) => {
+    if (!row) {
+        selectObjs.value.forEach((val: any) => {
+            handleDelete(val)
+        });
+        return
     }
 
-    // 多选事件
-    const handleSelectionChange = (val: any) => {
-        selectObjs.value = val
-        multiple.value = !val.length
-    }
-
-    // 导出excel
-    const exportExcel = () => {
-        downBlobFile('/gen/fieldtype/export', state.queryForm, 'fieldtype.xlsx')
-    }
-
-    // 删除操作
-    const handleDelete = (row: any) => {
-        if (!row) {
-            selectObjs.value.forEach((val: any) => {
-                handleDelete(val)
-            });
-            return
-        }
-
-        useMessageBox().confirm(t('common.delConfirmText') + row.id)
-            .then(() => {
-                delObj(row.id).then(() => {
-                    getDataList();
-                    useMessage().success(t('common.delSuccessText'));
-                }).catch((err: any) => {
-                    useMessage().error(err.msg)
-                })
+    useMessageBox().confirm(t('common.delConfirmText') + row.id)
+        .then(() => {
+            delObj(row.id).then(() => {
+                getDataList();
+                useMessage().success(t('common.delSuccessText'));
+            }).catch((err: any) => {
+                useMessage().error(err.msg)
             })
-    };
+        })
+};
 </script>
diff --git a/src/views/gen/gener/index.vue b/src/views/gen/gener/index.vue
index 545b5a10..8412a7a4 100644
--- a/src/views/gen/gener/index.vue
+++ b/src/views/gen/gener/index.vue
@@ -1,11 +1,11 @@
 <template>
   <div class="layout-padding">
-    <el-card class="layout-padding-auto" shadow="hover">
+    <div class="layout-padding-auto layout-padding-view">
       <el-steps :active="active" finish-status="success" simple style="margin-top: 20px">
         <el-step title="基础信息" />
         <el-step title="数据修改" />
       </el-steps>
-    </el-card>
+    </div>
     <el-card class="layout-padding-auto" style="margin-top: 20px" shadow="hover" v-if="active === 0">
       <generator ref="generatorRef" :tableName="tableName" :dsName="dsName"></generator>
     </el-card>
diff --git a/src/views/gen/group/index.vue b/src/views/gen/group/index.vue
index e8f21d9b..17c98685 100644
--- a/src/views/gen/group/index.vue
+++ b/src/views/gen/group/index.vue
@@ -1,15 +1,15 @@
 <template>
     <div class="layout-padding">
-        <el-card class="layout-padding-auto">
+        <div class="layout-padding-auto layout-padding-view">
             <el-row class="mb8" v-show="showSearch">
                 <el-form :inline="true" :model="state.queryForm" @keyup.enter="getDataList" ref="queryRef">
                     <el-form-item :label="$t('group.id')" prop="id">
                         <el-input :placeholder="t('group.inputIdTip')" style="max-width: 180px"
-                                  v-model="state.queryForm.id"/>
+                            v-model="state.queryForm.id" />
                     </el-form-item>
                     <el-form-item :label="$t('group.groupName')" prop="groupName">
                         <el-input :placeholder="t('group.inputGroupNameTip')" style="max-width: 180px"
-                                  v-model="state.queryForm.groupName"/>
+                            v-model="state.queryForm.groupName" />
                     </el-form-item>
                     <el-form-item class="ml2">
                         <el-button @click="getDataList" formDialogRef icon="search" type="primary">
@@ -23,117 +23,114 @@
             <el-row>
                 <div class="mb8" style="width: 100%">
                     <el-button @click="formDialogRef.openDialog()" class="ml10" formDialogRef icon="folder-add"
-                               type="primary"
-                               v-auth="'codegen_group_add'">
+                        type="primary" v-auth="'codegen_group_add'">
                         {{ $t('common.addBtn') }}
                     </el-button>
                     <el-button @click="exportExcel" class="ml10" formDialogRef icon="Download" type="primary"
-                               v-auth="'codegen_group_export'">
+                        v-auth="'codegen_group_export'">
                         {{ $t('common.exportBtn') }}
                     </el-button>
-                    <el-button :disabled="multiple" @click="handleDelete(selectObjs)" class="ml10" formDialogRef icon="Delete"
-                               type="primary" v-auth="'codegen_group_del'">
+                    <el-button :disabled="multiple" @click="handleDelete(selectObjs)" class="ml10" formDialogRef
+                        icon="Delete" type="primary" v-auth="'codegen_group_del'">
                         {{ $t('common.delBtn') }}
                     </el-button>
                     <right-toolbar @queryTable="getDataList" class="ml10" style="float: right;margin-right: 20px"
-                                   v-model:showSearch="showSearch"></right-toolbar>
+                        v-model:showSearch="showSearch"></right-toolbar>
                 </div>
             </el-row>
             <el-table :data="state.dataList" @selection-change="handleSelectionChange" @sort-change="sortChangeHandle"
-                      style="width: 100%" v-loading="state.loading">
-                <el-table-column align="center" type="selection" width="60"/>
-                <el-table-column :label="t('group.index')" type="index" width="80"/>
-                <el-table-column :label="t('group.groupName')" prop="groupName" show-overflow-tooltip/>
-                <el-table-column :label="t('group.groupDesc')" prop="groupDesc" show-overflow-tooltip/>
+                style="width: 100%" v-loading="state.loading">
+                <el-table-column align="center" type="selection" width="60" />
+                <el-table-column :label="t('group.index')" type="index" width="80" />
+                <el-table-column :label="t('group.groupName')" prop="groupName" show-overflow-tooltip />
+                <el-table-column :label="t('group.groupDesc')" prop="groupDesc" show-overflow-tooltip />
                 <el-table-column :label="$t('common.action')" width="150">
                     <template #default="scope">
                         <el-button @click="formDialogRef.openDialog(scope.row.id)" text type="primary"
-                                   v-auth="'codegen_group_edit'">{{ $t('common.editBtn') }}
+                            v-auth="'codegen_group_edit'">{{ $t('common.editBtn') }}
                         </el-button>
-                        <el-button @click="handleDelete([scope.row.id])" text type="primary"
-                                   v-auth="'codegen_group_del'">{{
+                        <el-button @click="handleDelete([scope.row.id])" text type="primary" v-auth="'codegen_group_del'">{{
                             $t('common.delBtn')
-                            }}
+                        }}
                         </el-button>
                     </template>
                 </el-table-column>
             </el-table>
-            <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle"
-                        v-bind="state.pagination"/>
-        </el-card>
+            <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle" v-bind="state.pagination" />
+        </div>
 
         <!-- 编辑、新增  -->
-        <form-dialog @refresh="getDataList()" ref="formDialogRef"/>
+        <form-dialog @refresh="getDataList()" ref="formDialogRef" />
     </div>
 </template>
 
 <script lang="ts" name="systemGenGroup" setup>
-    import {BasicTableProps, useTable} from "/@/hooks/table";
-    import {delObjs, fetchList} from "/@/api/gen/group";
-    import {useMessage, useMessageBox} from "/@/hooks/message";
-    import {useI18n} from "vue-i18n";
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { delObjs, fetchList } from "/@/api/gen/group";
+import { useMessage, useMessageBox } from "/@/hooks/message";
+import { useI18n } from "vue-i18n";
 
-    // 引入组件
-    const FormDialog = defineAsyncComponent(() => import('./form.vue'));
-    const {t} = useI18n()
-    // 定义查询字典
+// 引入组件
+const FormDialog = defineAsyncComponent(() => import('./form.vue'));
+const { t } = useI18n()
+// 定义查询字典
 
-    // 定义变量内容
-    const formDialogRef = ref()
-    // 搜索变量
-    const queryRef = ref()
-    const showSearch = ref(true)
-    // 多选变量
-    const selectObjs = ref([]) as any
-    const multiple = ref(true)
+// 定义变量内容
+const formDialogRef = ref()
+// 搜索变量
+const queryRef = ref()
+const showSearch = ref(true)
+// 多选变量
+const selectObjs = ref([]) as any
+const multiple = ref(true)
 
-    const state: BasicTableProps = reactive<BasicTableProps>({
-        queryForm: {},
-        pageList: fetchList
-    })
+const state: BasicTableProps = reactive<BasicTableProps>({
+    queryForm: {},
+    pageList: fetchList
+})
 
-    //  table hook
-    const {
-        getDataList,
-        currentChangeHandle,
-        sizeChangeHandle,
-        sortChangeHandle,
-        downBlobFile
-    } = useTable(state)
+//  table hook
+const {
+    getDataList,
+    currentChangeHandle,
+    sizeChangeHandle,
+    sortChangeHandle,
+    downBlobFile
+} = useTable(state)
 
+// 清空搜索条件
+const resetQuery = () => {
     // 清空搜索条件
-    const resetQuery = () => {
-        // 清空搜索条件
-        queryRef.value.resetFields()
-        // 清空多选
-        selectObjs.value = []
-        getDataList()
-    }
+    queryRef.value.resetFields()
+    // 清空多选
+    selectObjs.value = []
+    getDataList()
+}
 
-    // 导出excel
-    const exportExcel = () => {
-        downBlobFile('/codegen/group/export', state.queryForm, 'group.xlsx')
-    }
+// 导出excel
+const exportExcel = () => {
+    downBlobFile('/codegen/group/export', state.queryForm, 'group.xlsx')
+}
 
-    // 多选事件
-    const handleSelectionChange = (objs: any) => {
-        selectObjs.value = []
-        objs.forEach((val: any) => {
-            selectObjs.value.push(val.id)
-        });
-        multiple.value = !objs.length
-    }
+// 多选事件
+const handleSelectionChange = (objs: any) => {
+    selectObjs.value = []
+    objs.forEach((val: any) => {
+        selectObjs.value.push(val.id)
+    });
+    multiple.value = !objs.length
+}
 
-    // 删除操作
-    const handleDelete = (ids: string[]) => {
-        useMessageBox().confirm(t('common.delConfirmText'))
-            .then(() => {
-                delObjs(ids).then(() => {
-                    getDataList();
-                    useMessage().success(t('common.delSuccessText'));
-                }).catch((err: any) => {
-                    useMessage().error(err.msg)
-                })
+// 删除操作
+const handleDelete = (ids: string[]) => {
+    useMessageBox().confirm(t('common.delConfirmText'))
+        .then(() => {
+            delObjs(ids).then(() => {
+                getDataList();
+                useMessage().success(t('common.delSuccessText'));
+            }).catch((err: any) => {
+                useMessage().error(err.msg)
             })
-    };
+        })
+};
 </script>
diff --git a/src/views/gen/table/generator.vue b/src/views/gen/table/generator.vue
index acb59441..439497e8 100644
--- a/src/views/gen/table/generator.vue
+++ b/src/views/gen/table/generator.vue
@@ -46,7 +46,7 @@
                 <el-form-item label="代码风格" prop="style">
                     <el-select v-model="dataForm.style">
                         <el-option :key="index" :label="item.groupName" :value="item.id"
-                                   v-for="(item, index) in groupDataList"></el-option>
+                            v-for="(item, index) in groupDataList"></el-option>
                     </el-select>
                 </el-form-item>
             </el-col>
@@ -82,137 +82,137 @@
 </template>
 
 <script lang="ts" setup>
-    import {useI18n} from 'vue-i18n';
-    import {putObj, useTableApi} from '/@/api/gen/table'
-    import {useMessage} from '/@/hooks/message';
-    import {list as groupList} from '/@/api/gen/group'
+import { useI18n } from 'vue-i18n';
+import { putObj, useTableApi } from '/@/api/gen/table'
+import { useMessage } from '/@/hooks/message';
+import { list as groupList } from '/@/api/gen/group'
 
-    const props = defineProps({
-        tableName: {
-            type: String
-        },
-        dsName: {
-            type: String
-        }
-    })
+const props = defineProps({
+    tableName: {
+        type: String
+    },
+    dsName: {
+        type: String
+    }
+})
 
 
-    const emit = defineEmits(['refreshDataList'])
-    const {t} = useI18n()
+const emit = defineEmits(['refreshDataList'])
+const { t } = useI18n()
 
-    const visible = ref(false)
-    const loading = ref(false)
-    const dataFormRef = ref()
-    const dataForm = reactive({
-        id: '',
-        generatorType: 0,
-        formLayout: 1,
-        backendPath: '',
-        frontendPath: '',
-        packageName: '',
-        email: '',
-        author: '',
-        version: '',
-        moduleName: '',
-        functionName: '',
-        className: '',
-        tableComment: '',
-        tableName: '' as string,
-        dsName: '' as string,
-        style: '', //  默认风格 element-plus
-    })
+const visible = ref(false)
+const loading = ref(false)
+const dataFormRef = ref()
+const dataForm = reactive({
+    id: '',
+    generatorType: 0,
+    formLayout: 1,
+    backendPath: '',
+    frontendPath: '',
+    packageName: '',
+    email: '',
+    author: '',
+    version: '',
+    moduleName: '',
+    functionName: '',
+    className: '',
+    tableComment: '',
+    tableName: '' as string,
+    dsName: '' as string,
+    style: '', //  默认风格 element-plus
+})
 
-    const groupDataList = ref([])
+const groupDataList = ref([])
 
-    const openDialog = (dName: string, tName: string) => {
-        visible.value = true
-        dataForm.id = ''
-        dataForm.tableName = tName
-        dataForm.dsName = dName
+const openDialog = (dName: string, tName: string) => {
+    visible.value = true
+    dataForm.id = ''
+    dataForm.tableName = tName
+    dataForm.dsName = dName
 
-        // 重置表单数据
-        if (dataFormRef.value) {
-            dataFormRef.value.resetFields()
-        }
-
-        getTable(dName, tName)
+    // 重置表单数据
+    if (dataFormRef.value) {
+        dataFormRef.value.resetFields()
     }
 
-    const getTable = (dsName: string, tableName: string) => {
-        loading.value = true
-        useTableApi(dsName, tableName).then(res => {
-            Object.assign(dataForm, res.data)
-            let list = res.data.groupList
-            dataForm.style = list[0].id
+    getTable(dName, tName)
+}
 
-        }).finally(() => {
-            loading.value = false
-        })
-    }
+const getTable = (dsName: string, tableName: string) => {
+    loading.value = true
+    useTableApi(dsName, tableName).then(res => {
+        Object.assign(dataForm, res.data)
+        let list = res.data.groupList
+        dataForm.style = list[0].id
 
-    const dataRules = ref({
-        tableName: [{required: true, message: '必填项不能为空', trigger: 'blur'}],
-        tableComment: [{required: true, message: '必填项不能为空', trigger: 'blur'}],
-        className: [{required: true, message: '必填项不能为空', trigger: 'blur'}],
-        packageName: [{required: true, message: '必填项不能为空', trigger: 'blur'}],
-        author: [{required: true, message: '必填项不能为空', trigger: 'blur'}],
-        moduleName: [{required: true, message: '必填项不能为空', trigger: 'blur'}],
-        functionName: [{required: true, message: '必填项不能为空', trigger: 'blur'}],
-        generatorType: [{required: true, message: '必填项不能为空', trigger: 'blur'}],
-        formLayout: [{required: true, message: '必填项不能为空', trigger: 'blur'}],
-        backendPath: [{required: true, message: '必填项不能为空', trigger: 'blur'}],
-        frontendPath: [{required: true, message: '必填项不能为空', trigger: 'blur'}],
-        style: [{required: true, message: '必填项不能为空', trigger: 'blur'}]
+    }).finally(() => {
+        loading.value = false
     })
+}
 
-    // 保存
-    const submitHandle = () => {
-        return new Promise((resolve, reject) => {
-            dataFormRef.value.validate((valid: boolean) => {
-                if (!valid) {
-                    reject()
-                    return false
-                }
-                loading.value = true
-                putObj(dataForm).then(() => {
-                    visible.value = false
-                    emit('refreshDataList')
-                    useMessage().success(t('common.optSuccessText'))
-                    resolve(dataForm)
-                }).finally(() => {
-                    loading.value = false
-                })
+const dataRules = ref({
+    tableName: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
+    tableComment: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
+    className: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
+    packageName: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
+    author: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
+    moduleName: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
+    functionName: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
+    generatorType: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
+    formLayout: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
+    backendPath: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
+    frontendPath: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
+    style: [{ required: true, message: '必填项不能为空', trigger: 'blur' }]
+})
+
+// 保存
+const submitHandle = () => {
+    return new Promise((resolve, reject) => {
+        dataFormRef.value.validate((valid: boolean) => {
+            if (!valid) {
+                reject()
+                return false
+            }
+            loading.value = true
+            putObj(dataForm).then(() => {
+                visible.value = false
+                emit('refreshDataList')
+                useMessage().success(t('common.optSuccessText'))
+                resolve(dataForm)
+            }).finally(() => {
+                loading.value = false
             })
         })
-    }
-
-    const genGroupList = () => {
-        groupList().then(res => {
-            groupDataList.value = res.data
-        })
-    }
-
-    onMounted(() => {
-        // 重置表单数据
-        if (dataFormRef.value) {
-            dataFormRef.value.resetFields()
-        }
-        dataForm.id = ''
-        dataForm.tableName = String(props.tableName)
-        dataForm.dsName = String(props.dsName)
-
-        getTable(dataForm.dsName, dataForm.tableName)
-        genGroupList()
     })
+}
 
-    defineExpose({
-        openDialog,
-        submitHandle
+const genGroupList = () => {
+    groupList().then(res => {
+        groupDataList.value = res.data
     })
+}
+
+onMounted(() => {
+    // 重置表单数据
+    if (dataFormRef.value) {
+        dataFormRef.value.resetFields()
+    }
+    dataForm.id = ''
+    dataForm.tableName = String(props.tableName)
+    dataForm.dsName = String(props.dsName)
+
+    getTable(dataForm.dsName, dataForm.tableName)
+    genGroupList()
+})
+
+defineExpose({
+    openDialog,
+    submitHandle
+})
 </script>
 
 <style lang="scss" scoped>
-    .generator-code .el-dialog__body {
-        padding: 15px 30px 0 20px;
-    }
+.generator-code .el-dialog__body {
+    padding: 15px 30px 0 20px;
+}
 </style>
diff --git a/src/views/gen/table/index.vue b/src/views/gen/table/index.vue
index a9c1cd3c..c2ff15ae 100644
--- a/src/views/gen/table/index.vue
+++ b/src/views/gen/table/index.vue
@@ -1,11 +1,11 @@
 <template>
     <div class="layout-padding">
-        <el-card class="layout-padding-auto">
+        <div class="layout-padding-auto layout-padding-view">
             <el-row class="mb8" v-show="showSearch">
                 <el-form :inline="true" :model="state.queryForm" @keyup.enter="getDataList" ref="queryRef">
                     <el-form-item label="数据源" prop="name">
                         <el-select @change="getDataList" placeholder="请选择数据源" style="width: 100%"
-                                   v-model="state.queryForm.dsName">
+                            v-model="state.queryForm.dsName">
                             <el-option label="默认数据源" value="master"></el-option>
                             <el-option :key="ds.id" :label="ds.name" :value="ds.name" v-for="ds in datasourceList">
                             </el-option>
@@ -13,7 +13,7 @@
                     </el-form-item>
                     <el-form-item :label="$t('table.tableName')" prop="tableName">
                         <el-input :placeholder="$t('table.inputtableNameTip')" style="max-width: 180px"
-                                  v-model="state.queryForm.tableName"/>
+                            v-model="state.queryForm.tableName" />
                     </el-form-item>
                     <el-form-item class="ml2">
                         <el-button @click="getDataList" icon="search" type="primary">
@@ -29,121 +29,119 @@
                         {{ $t('common.exportBtn') }}
                     </el-button>
                     <right-toolbar @queryTable="getDataList" class="ml10" style="float: right;margin-right: 20px"
-                                   v-model:showSearch="showSearch"></right-toolbar>
+                        v-model:showSearch="showSearch"></right-toolbar>
                 </div>
             </el-row>
             <el-table :data="state.dataList" style="width: 100%" v-loading="state.loading">
-                <el-table-column :label="t('table.index')" type="index" width="80"/>
-                <el-table-column :label="t('table.tableName')" prop="tableName" show-overflow-tooltip/>
-                <el-table-column :label="t('table.tableDesc')" prop="tableComment" show-overflow-tooltip/>
-                <el-table-column :label="t('table.createTime')" prop="createTime" show-overflow-tooltip/>
+                <el-table-column :label="t('table.index')" type="index" width="80" />
+                <el-table-column :label="t('table.tableName')" prop="tableName" show-overflow-tooltip />
+                <el-table-column :label="t('table.tableDesc')" prop="tableComment" show-overflow-tooltip />
+                <el-table-column :label="t('table.createTime')" prop="createTime" show-overflow-tooltip />
                 <el-table-column :label="$t('common.action')" width="200">
                     <template #default="scope">
                         <el-button @click="syncTable(state.queryForm.dsName, scope.row.tableName)" text type="primary">
                             {{
-                            $t('gen.syncBtn')
+                                $t('gen.syncBtn')
                             }}
                         </el-button>
                         <el-button @click="openGen(scope.row)" text type="primary">{{
                             $t('gen.genBtn')
-                            }}
+                        }}
                         </el-button>
                         <el-button @click="openDesign(scope.row)" text type="primary">{{
                             $t('gen.designBtn')
-                            }}
+                        }}
                         </el-button>
                     </template>
                 </el-table-column>
             </el-table>
-            <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle"
-                        v-bind="state.pagination"/>
-        </el-card>
-
+            <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle" v-bind="state.pagination" />
+        </div>
     </div>
 </template>
 
 <script lang="ts" name="systemTable" setup>
-    import {BasicTableProps, useTable} from "/@/hooks/table";
-    import {fetchList, useSyncTableApi} from "/@/api/gen/table";
-    import {list} from '/@/api/gen/datasource'
-    import {useMessage} from "/@/hooks/message";
-    import {useI18n} from "vue-i18n";
-    import {useRouter} from 'vue-router';
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { fetchList, useSyncTableApi } from "/@/api/gen/table";
+import { list } from '/@/api/gen/datasource'
+import { useMessage } from "/@/hooks/message";
+import { useI18n } from "vue-i18n";
+import { useRouter } from 'vue-router';
 
-    // 定义变量内容
-    const router = useRouter();
+// 定义变量内容
+const router = useRouter();
 
-    // 引入组件
-    const {t} = useI18n()
+// 引入组件
+const { t } = useI18n()
 
-    // 搜索变量
-    const queryRef = ref()
-    const showSearch = ref(true)
-    // 多选变量
-    const datasourceList = ref()
+// 搜索变量
+const queryRef = ref()
+const showSearch = ref(true)
+// 多选变量
+const datasourceList = ref()
 
-    const state: BasicTableProps = reactive<BasicTableProps>({
-        queryForm: {
-            dsName: 'master'
-        },
-        pageList: fetchList,
-        createdIsNeed: false,
-        descs: ['create_time']
-    })
+const state: BasicTableProps = reactive<BasicTableProps>({
+    queryForm: {
+        dsName: 'master'
+    },
+    pageList: fetchList,
+    createdIsNeed: false,
+    descs: ['create_time']
+})
 
-    //  table hook
-    const {
-        getDataList,
-        currentChangeHandle,
-        sizeChangeHandle,
-        downBlobFile
-    } = useTable(state)
+//  table hook
+const {
+    getDataList,
+    currentChangeHandle,
+    sizeChangeHandle,
+    downBlobFile
+} = useTable(state)
 
-    // 初始化数据
-    onMounted(() => {
-        list().then(res => {
-            datasourceList.value = res.data
-            // 默认去第一个数据源
-            state.queryForm.dsName = datasourceList.value[0].name
-            getDataList()
-        })
-    })
-
-    const openGen = (row) => {
-        router.push({
-            path: '/gen/gener/index',
-            query: {
-                tableName: row.tableName,
-                dsName: state.queryForm.dsName
-            }
-        })
-    }
-
-    const openDesign = (row) => {
-        router.push({
-            path: '/gen/design/index',
-            query: {
-                tableName: row.tableName,
-                dsName: state.queryForm.dsName
-            }
-        })
-    }
-
-    // 同步表数据
-    const syncTable = (dsName: string, tableName: string) => {
-        useSyncTableApi(dsName, tableName).then(() => {
-            useMessage().success(t('common.optSuccessText'));
-        })
-    }
-
-    // 清空搜索条件
-    const resetQuery = () => {
-        queryRef.value.resetFields()
+// 初始化数据
+onMounted(() => {
+    list().then(res => {
+        datasourceList.value = res.data
+        // 默认去第一个数据源
+        state.queryForm.dsName = datasourceList.value[0].name
         getDataList()
-    }
+    })
+})
 
-    // 导出excel
-    const exportExcel = () => {
-        downBlobFile('/gen/table/export', state.queryForm, 'table.xlsx')
-    }
+const openGen = (row) => {
+    router.push({
+        path: '/gen/gener/index',
+        query: {
+            tableName: row.tableName,
+            dsName: state.queryForm.dsName
+        }
+    })
+}
+
+const openDesign = (row) => {
+    router.push({
+        path: '/gen/design/index',
+        query: {
+            tableName: row.tableName,
+            dsName: state.queryForm.dsName
+        }
+    })
+}
+
+// 同步表数据
+const syncTable = (dsName: string, tableName: string) => {
+    useSyncTableApi(dsName, tableName).then(() => {
+        useMessage().success(t('common.optSuccessText'));
+    })
+}
+
+// 清空搜索条件
+const resetQuery = () => {
+    queryRef.value.resetFields()
+    getDataList()
+}
+
+// 导出excel
+const exportExcel = () => {
+    downBlobFile('/gen/table/export', state.queryForm, 'table.xlsx')
+}
 </script>
diff --git a/src/views/gen/table/preview.vue b/src/views/gen/table/preview.vue
index 87e8e6b5..478c9569 100644
--- a/src/views/gen/table/preview.vue
+++ b/src/views/gen/table/preview.vue
@@ -14,7 +14,7 @@
                     <el-tab-pane v-for="item in previewCodegen"
                         :label="item.codePath.substring(item.codePath.lastIndexOf('/') + 1)" :name="item.codePath"
                         :key="item.codePath">
-                      <highlightjs autodetect :code="item.code" />
+                        <highlightjs autodetect :code="item.code" />
                     </el-tab-pane>
                 </el-tabs>
             </el-col>
@@ -57,7 +57,7 @@ const getGenCodeFile = (id: string) => {
         const files = handleFiles(fileTreeOriginal)
         preview.fileTree = handleTree(files, 'id', 'parentId', 'children', '/')
     }).finally(() => {
-      loading.value = false
+        loading.value = false
     })
 }
 
diff --git a/src/views/gen/template/index.vue b/src/views/gen/template/index.vue
index 530d08dd..895f7689 100644
--- a/src/views/gen/template/index.vue
+++ b/src/views/gen/template/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="layout-padding">
-        <el-card class="layout-padding-auto">
+        <div class="layout-padding-auto layout-padding-view">
             <el-row class="mb8" v-show="showSearch">
                 <el-form :inline="true" :model="state.queryForm" ref="queryRef" @keyup.enter="getDataList">
                     <el-form-item :label="$t('template.id')" prop="id">
@@ -22,16 +22,16 @@
             </el-row>
             <el-row>
                 <div class="mb8" style="width: 100%">
-                    <el-button @click="formDialogRef.openDialog()" class="ml10" icon="folder-add"
-                        type="primary" v-auth="'codegen_template_add'">
+                    <el-button @click="formDialogRef.openDialog()" class="ml10" icon="folder-add" type="primary"
+                        v-auth="'codegen_template_add'">
                         {{ $t('common.addBtn') }}
                     </el-button>
                     <el-button @click="exportExcel" class="ml10" icon="Download" type="primary"
                         v-auth="'codegen_template_export'">
                         {{ $t('common.exportBtn') }}
                     </el-button>
-                    <el-button :disabled="multiple" @click="handleDelete(selectObjs)" class="ml10"
-                        icon="Delete" type="primary" v-auth="'codegen_template_del'">
+                    <el-button :disabled="multiple" @click="handleDelete(selectObjs)" class="ml10" icon="Delete"
+                        type="primary" v-auth="'codegen_template_del'">
                         {{ $t('common.delBtn') }}
                     </el-button>
                     <right-toolbar @queryTable="getDataList" class="ml10" style="float: right;margin-right: 20px"
@@ -59,7 +59,7 @@
                 </el-table-column>
             </el-table>
             <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle" v-bind="state.pagination" />
-        </el-card>
+        </div>
 
         <!-- 编辑、新增  -->
         <form-dialog @refresh="getDataList()" ref="formDialogRef" />
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 57a1eec9..0e3fdb63 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,40 +1,33 @@
 <template>
 	<div class="home-container layout-pd">
-    <el-row :gutter="15" class="home-card-three">
-      <el-col :xs="24" :sm="10" :md="10" :lg="8" :xl="8">
-        <div class="home-card-item">
-          <div class="home-card-item-title">快捷导航工具</div>
-          <div class="home-monitor">
-            <div class="flex-warp">
-              <div class="flex-warp-item" v-for="(v, k) in favoriteRoutes" :key="k">
-                <div class="flex-warp-item-box">
-                  <div class="flex-margin">
-                    <i :class="v.meta.icon"></i>
-                    <el-tag :key="v.path" @click="HandleRoute(v)" class="mx-1" closable :type="v.path" @close="handleCloseFavorite(v)">{{ $t(v.name) }}</el-tag>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </el-col>
-      <el-col :xs="24" :sm="14" :md="14" :lg="16" :xl="16" class="home-media">
-        <div class="home-card-item">
-          <div style="height: 100%" ref="homeBarRef"></div>
-        </div>
-      </el-col>
-    </el-row>
+		<el-row :gutter="15" class="home-card-three">
+			<el-col :xs="24" :sm="10" :md="10" :lg="8" :xl="8">
+				<div class="home-card-item">
+					<div class="home-card-item-title">快捷导航工具</div>
+					<div class="home-monitor">
+						<div class="flex-warp">
+							<div class="flex-warp-item" v-for="(v, k) in favoriteRoutes" :key="k">
+								<div class="flex-warp-item-box">
+									<div class="flex-margin">
+										<i :class="v.meta.icon"></i>
+										<el-tag :key="v.path" @click="HandleRoute(v)" class="mx-1" closable :type="v.path"
+											@close="handleCloseFavorite(v)">{{ $t(v.name) }}</el-tag>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</el-col>
+			<el-col :xs="24" :sm="14" :md="14" :lg="16" :xl="16" class="home-media">
+				<div class="home-card-item">
+					<div style="height: 100%" ref="homeBarRef"></div>
+				</div>
+			</el-col>
+		</el-row>
 		<el-row :gutter="15" class="home-card-one mb15">
-			<el-col
-				:xs="24"
-				:sm="12"
-				:md="12"
-				:lg="6"
-				:xl="6"
-				v-for="(v, k) in state.homeOne"
-				:key="k"
-				:class="{ 'home-media home-media-lg': k > 1, 'home-media-sm': k === 1 }"
-			>
+			<el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-for="(v, k) in state.homeOne" :key="k"
+				:class="{ 'home-media home-media-lg': k > 1, 'home-media-sm': k === 1 }">
 				<div class="home-card-item flex">
 					<div class="flex-margin flex w100" :class="` home-one-animation${k}`">
 						<div class="flex-auto">
@@ -79,7 +72,7 @@ const homeBarRef = ref();
 const storesTagsViewRoutes = useTagsViewRoutes();
 const storesThemeConfig = useThemeConfig();
 const { themeConfig } = storeToRefs(storesThemeConfig);
-const { isTagsViewCurrenFull,favoriteRoutes } = storeToRefs(storesTagsViewRoutes);
+const { isTagsViewCurrenFull, favoriteRoutes } = storeToRefs(storesTagsViewRoutes);
 const state = reactive({
 	global: {
 		homeChartOne: null,
@@ -134,11 +127,11 @@ const state = reactive({
 });
 
 const HandleRoute = (item: any) => {
-  router.push(item.path)
+	router.push(item.path)
 }
 
 const handleCloseFavorite = (item: any) => {
-  storesTagsViewRoutes.delFavoriteRoutes(item)
+	storesTagsViewRoutes.delFavoriteRoutes(item)
 }
 
 
@@ -497,8 +490,10 @@ watch(
 
 <style scoped lang="scss">
 $homeNavLengh: 8;
+
 .home-container {
 	overflow: hidden;
+
 	.home-card-one,
 	.home-card-two,
 	.home-card-three {
@@ -512,19 +507,23 @@ $homeNavLengh: 8;
 			background: var(--el-color-white);
 			color: var(--el-text-color-primary);
 			border: 1px solid var(--next-border-color-light);
+
 			&:hover {
 				box-shadow: 0 2px 12px var(--next-color-dark-hover);
 				transition: all ease 0.3s;
 			}
+
 			&-icon {
 				width: 70px;
 				height: 70px;
 				border-radius: 100%;
 				flex-shrink: 1;
+
 				i {
 					color: var(--el-text-color-placeholder);
 				}
 			}
+
 			&-title {
 				font-size: 15px;
 				font-weight: bold;
@@ -532,6 +531,7 @@ $homeNavLengh: 8;
 			}
 		}
 	}
+
 	.home-card-one {
 		@for $i from 0 through 3 {
 			.home-one-animation#{$i} {
@@ -543,18 +543,22 @@ $homeNavLengh: 8;
 			}
 		}
 	}
+
 	.home-card-two,
 	.home-card-three {
 		.home-card-item {
 			height: 400px;
 			width: 100%;
 			overflow: hidden;
+
 			.home-monitor {
 				height: 100%;
+
 				.flex-warp-item {
 					width: 25%;
 					height: 56px;
 					display: flex;
+
 					.flex-warp-item-box {
 						margin: auto;
 						text-align: center;
@@ -564,11 +568,13 @@ $homeNavLengh: 8;
 						background: var(--next-bg-color);
 						cursor: pointer;
 						transition: all 0.3s ease;
+
 						&:hover {
 							background: var(--el-color-primary-light-9);
 							transition: all 0.3s ease;
 						}
 					}
+
 					@for $i from 0 through $homeNavLengh {
 						.home-animation#{$i} {
 							opacity: 0;
diff --git a/src/views/mp/wx-account-fans/index.vue b/src/views/mp/wx-account-fans/index.vue
index 009821b1..a98bcd0c 100644
--- a/src/views/mp/wx-account-fans/index.vue
+++ b/src/views/mp/wx-account-fans/index.vue
@@ -1,15 +1,15 @@
 <template>
   <div class="layout-padding">
-    <el-card class="layout-padding-auto">
+    <div class="layout-padding-auto layout-padding-view">
       <el-row v-show="showSearch" class="mb8">
         <el-form ref="queryRef" :inline="true" :model="state.queryForm" @keyup.enter="getDataList">
           <el-form-item :label="$t('fans.nickname')" prop="nickname">
-            <el-input v-model="state.queryForm.nickname"
-                      style="max-width: 180px"/>
+            <el-input v-model="state.queryForm.nickname" style="max-width: 180px" />
           </el-form-item>
           <el-form-item :label="$t('fans.wxAccountName')" prop="wxAccountAppid">
-            <el-select v-model="state.queryForm.wxAccountAppid" :placeholder="$t('fans.wxAccountName')" clearable class="w100">
-              <el-option v-for="item in accountList" :key="item.appid" :label="item.name" :value="item.appid"/>
+            <el-select v-model="state.queryForm.wxAccountAppid" :placeholder="$t('fans.wxAccountName')" clearable
+              class="w100">
+              <el-option v-for="item in accountList" :key="item.appid" :label="item.name" :value="item.appid" />
             </el-select>
           </el-form-item>
           <el-form-item class="ml2">
@@ -24,27 +24,27 @@
       <el-row>
         <div class="mb8" style="width: 100%">
           <el-button v-auth="'mp_fans_export'" class="ml10" formDialogRef icon="Download" type="primary"
-                     @click="exportExcel">
+            @click="exportExcel">
             {{ $t('common.exportBtn') }}
           </el-button>
           <right-toolbar v-model:showSearch="showSearch" class="ml10" style="float: right;margin-right: 20px"
-                         @queryTable="getDataList"></right-toolbar>
+            @queryTable="getDataList"></right-toolbar>
         </div>
       </el-row>
       <el-table v-loading="state.loading" :data="state.dataList" style="width: 100%"
-                @selection-change="handleSelectionChange" @sort-change="sortChangeHandle">
-        <el-table-column align="center" type="selection" width="60"/>
-        <el-table-column :label="t('fans.index')" type="index" width="80"/>
-        <el-table-column :label="t('fans.id')" prop="id" show-overflow-tooltip/>
-        <el-table-column :label="t('fans.openid')" prop="openid" show-overflow-tooltip/>
+        @selection-change="handleSelectionChange" @sort-change="sortChangeHandle">
+        <el-table-column align="center" type="selection" width="60" />
+        <el-table-column :label="t('fans.index')" type="index" width="80" />
+        <el-table-column :label="t('fans.id')" prop="id" show-overflow-tooltip />
+        <el-table-column :label="t('fans.openid')" prop="openid" show-overflow-tooltip />
         <el-table-column :label="t('fans.subscribeStatus')" prop="subscribeStatus" show-overflow-tooltip>
           <template #default="scope">
             <dict-tag :options="subscribe" :value="scope.row.subscribeStatus"></dict-tag>
           </template>
         </el-table-column>
-        <el-table-column :label="t('fans.subscribeTime')" prop="subscribeTime" show-overflow-tooltip/>
-        <el-table-column :label="t('fans.nickname')" prop="nickname" show-overflow-tooltip/>
-        <el-table-column :label="t('fans.language')" prop="language" show-overflow-tooltip/>
+        <el-table-column :label="t('fans.subscribeTime')" prop="subscribeTime" show-overflow-tooltip />
+        <el-table-column :label="t('fans.nickname')" prop="nickname" show-overflow-tooltip />
+        <el-table-column :label="t('fans.language')" prop="language" show-overflow-tooltip />
         <el-table-column :label="t('fans.tagIds')" prop="tagIds" show-overflow-tooltip width="200">
           <template #default="scope">
             <span v-for="(tag, index) in scope.row.tagList" :key="index">
@@ -52,40 +52,40 @@
             </span>
           </template>
         </el-table-column>
-        <el-table-column :label="t('fans.remark')" prop="remark" show-overflow-tooltip/>
-        <el-table-column :label="t('fans.wxAccountName')" prop="wxAccountName" show-overflow-tooltip/>
+        <el-table-column :label="t('fans.remark')" prop="remark" show-overflow-tooltip />
+        <el-table-column :label="t('fans.wxAccountName')" prop="wxAccountName" show-overflow-tooltip />
         <el-table-column :label="$t('common.action')" width="150">
           <template #default="scope">
-            <el-button text type="primary"
-                       @click="formDialogRef.openDialog(scope.row,state.queryForm.wxAccountAppid)">{{ $t('common.editBtn') }}
+            <el-button text type="primary" @click="formDialogRef.openDialog(scope.row, state.queryForm.wxAccountAppid)">{{
+              $t('common.editBtn') }}
             </el-button>
             <el-button text type="primary" @click="handleDelete([scope.row.id])">{{
-                $t('common.delBtn')
-              }}
+              $t('common.delBtn')
+            }}
             </el-button>
           </template>
         </el-table-column>
       </el-table>
-      <pagination v-bind="state.pagination" @size-change="sizeChangeHandle" @current-change="currentChangeHandle"/>
+      <pagination v-bind="state.pagination" @size-change="sizeChangeHandle" @current-change="currentChangeHandle" />
       <form-dialog ref="formDialogRef" @refresh="getDataList"></form-dialog>
-    </el-card>
+    </div>
   </div>
 </template>
 
 <script lang="ts" name="systemWxAccountFans" setup>
-import {BasicTableProps, useTable} from "/@/hooks/table";
-import {delObjs, fetchList, sync} from "/@/api/mp/wx-account-fans";
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { delObjs, fetchList, sync } from "/@/api/mp/wx-account-fans";
 import { fetchAccountList } from '/@/api/mp/wx-account'
-import {useMessage, useMessageBox} from "/@/hooks/message";
-import {useI18n} from "vue-i18n";
-import {useDict} from "/@/hooks/dict";
+import { useMessage, useMessageBox } from "/@/hooks/message";
+import { useI18n } from "vue-i18n";
+import { useDict } from "/@/hooks/dict";
 
 const FormDialog = defineAsyncComponent(() => import("./form.vue"))
 
 const { subscribe } = useDict('subscribe')
 
 // 引入组件
-const {t} = useI18n()
+const { t } = useI18n()
 // 定义查询字典
 
 // 定义变量内容
@@ -117,24 +117,24 @@ const accountList = ref([])
 const getAccountList = () => {
   fetchAccountList().then(res => {
     accountList.value = res.data
-    if(accountList.value.length > 0){
+    if (accountList.value.length > 0) {
       state.queryForm.wxAccountAppid = accountList.value[0].appid
       getDataList()
     }
   })
 }
 
-watch(() => state.queryForm.wxAccountAppid,() => {
+watch(() => state.queryForm.wxAccountAppid, () => {
   getDataList()
 })
 
 const asyncFans = () => {
-  if(state.queryForm.wxAccountAppid){
+  if (state.queryForm.wxAccountAppid) {
     sync(state.queryForm.wxAccountAppid).then(() => {
       useMessage().success("已开始从微信同步粉丝信息，建议等待后查询")
       getDataList()
     })
-  }else{
+  } else {
     useMessage().error("请选择公众号")
   }
 }
@@ -169,13 +169,13 @@ const handleSelectionChange = (objs: any) => {
 // 删除操作
 const handleDelete = (ids: string[]) => {
   useMessageBox().confirm(t('common.delConfirmText'))
-      .then(() => {
-        delObjs(ids).then(() => {
-          getDataList(false);
-          useMessage().success(t('common.delSuccessText'));
-        }).catch((err: any) => {
-          useMessage().error(err.msg)
-        })
+    .then(() => {
+      delObjs(ids).then(() => {
+        getDataList(false);
+        useMessage().success(t('common.delSuccessText'));
+      }).catch((err: any) => {
+        useMessage().error(err.msg)
       })
+    })
 };
 </script>
diff --git a/src/views/mp/wx-account-tag/index.vue b/src/views/mp/wx-account-tag/index.vue
index 5229a4ee..86835a70 100644
--- a/src/views/mp/wx-account-tag/index.vue
+++ b/src/views/mp/wx-account-tag/index.vue
@@ -1,15 +1,16 @@
 <template>
   <div class="layout-padding">
-    <el-card class="layout-padding-auto">
+    <div class="layout-padding-auto layout-padding-view">
       <el-row v-show="showSearch" class="mb8">
         <el-form ref="queryRef" :inline="true" :model="state.queryForm" @keyup.enter="getDataList">
           <el-form-item :label="$t('wxAccountTag.tag')" prop="tag">
             <el-input v-model="state.queryForm.tag" :placeholder="t('wxAccountTag.inputTagTip')"
-                      style="max-width: 180px"/>
+              style="max-width: 180px" />
           </el-form-item>
           <el-form-item :label="$t('wxAccountTag.wxAccountAppid')" prop="wxAccountAppid">
-            <el-select v-model="state.queryForm.wxAccountAppid" :placeholder="t('wxAccountTag.inputWxAccountAppidTip')" clearable class="w100">
-              <el-option v-for="item in accountList" :key="item.appid" :label="item.name" :value="item.appid"/>
+            <el-select v-model="state.queryForm.wxAccountAppid" :placeholder="t('wxAccountTag.inputWxAccountAppidTip')"
+              clearable class="w100">
+              <el-option v-for="item in accountList" :key="item.appid" :label="item.name" :value="item.appid" />
             </el-select>
           </el-form-item>
           <el-form-item class="ml2">
@@ -23,55 +24,56 @@
       <el-row>
         <div class="mb8" style="width: 100%">
           <el-button v-auth="'mp_wx_account_tag_add'" class="ml10" formDialogRef icon="folder-add" type="primary"
-                     @click="formDialogRef.openDialog(null,state.queryForm.wxAccountAppid)">
+            @click="formDialogRef.openDialog(null, state.queryForm.wxAccountAppid)">
             {{ $t('common.addBtn') }}
           </el-button>
           <el-button v-auth="'mp_wx_account_tag_export'" class="ml10" formDialogRef icon="Download" type="primary"
-                     @click="exportExcel">
+            @click="exportExcel">
             {{ $t('common.exportBtn') }}
           </el-button>
           <el-button v-auth="'mp_wx_account_tag_del'" :disabled="multiple" class="ml10" formDialogRef icon="Delete"
-                     type="primary" @click="handleDelete(selectObjs)">
+            type="primary" @click="handleDelete(selectObjs)">
             {{ $t('common.delBtn') }}
           </el-button>
           <right-toolbar v-model:showSearch="showSearch" class="ml10" style="float: right;margin-right: 20px"
-                         @queryTable="getDataList"></right-toolbar>
+            @queryTable="getDataList"></right-toolbar>
         </div>
       </el-row>
       <el-table v-loading="state.loading" :data="state.dataList" style="width: 100%"
-                @selection-change="handleSelectionChange" @sort-change="sortChangeHandle">
-        <el-table-column align="center" type="selection" width="60"/>
-        <el-table-column :label="t('wxAccountTag.index')" type="index" width="80"/>
-        <el-table-column :label="t('wxAccountTag.tag')" prop="tag" show-overflow-tooltip/>
-        <el-table-column :label="t('wxAccountTag.wxAccountId')" prop="wxAccountId" show-overflow-tooltip/>
-        <el-table-column :label="t('wxAccountTag.wxAccountName')" prop="wxAccountName" show-overflow-tooltip/>
-        <el-table-column :label="t('wxAccountTag.wxAccountAppid')" prop="wxAccountAppid" show-overflow-tooltip/>
-        <el-table-column :label="t('wxAccountTag.tagId')" prop="tagId" show-overflow-tooltip/>
+        @selection-change="handleSelectionChange" @sort-change="sortChangeHandle">
+        <el-table-column align="center" type="selection" width="60" />
+        <el-table-column :label="t('wxAccountTag.index')" type="index" width="80" />
+        <el-table-column :label="t('wxAccountTag.tag')" prop="tag" show-overflow-tooltip />
+        <el-table-column :label="t('wxAccountTag.wxAccountId')" prop="wxAccountId" show-overflow-tooltip />
+        <el-table-column :label="t('wxAccountTag.wxAccountName')" prop="wxAccountName" show-overflow-tooltip />
+        <el-table-column :label="t('wxAccountTag.wxAccountAppid')" prop="wxAccountAppid" show-overflow-tooltip />
+        <el-table-column :label="t('wxAccountTag.tagId')" prop="tagId" show-overflow-tooltip />
         <el-table-column :label="$t('common.action')" width="150">
           <template #default="scope">
-            <el-button text type="primary" @click="formDialogRef.openDialog(scope.row,state.queryForm.wxAccountAppid)">{{ $t('common.editBtn') }}</el-button>
-            <el-button text type="primary" @click="handleDelete(scope.row)">{{$t('common.delBtn') }}</el-button>
+            <el-button text type="primary" @click="formDialogRef.openDialog(scope.row, state.queryForm.wxAccountAppid)">{{
+              $t('common.editBtn') }}</el-button>
+            <el-button text type="primary" @click="handleDelete(scope.row)">{{ $t('common.delBtn') }}</el-button>
           </template>
         </el-table-column>
       </el-table>
-      <pagination v-bind="state.pagination" @size-change="sizeChangeHandle" @current-change="currentChangeHandle"/>
-    </el-card>
+      <pagination v-bind="state.pagination" @size-change="sizeChangeHandle" @current-change="currentChangeHandle" />
+    </div>
 
     <!-- 编辑、新增  -->
-    <form-dialog ref="formDialogRef" @refresh="getDataList(false)"/>
+    <form-dialog ref="formDialogRef" @refresh="getDataList(false)" />
   </div>
 </template>
 
 <script lang="ts" name="systemWxAccountTag" setup>
-import {BasicTableProps, useTable} from "/@/hooks/table";
-import {delObjs, getPage} from "/@/api/mp/wx-account-tag";
-import {useMessage, useMessageBox} from "/@/hooks/message";
-import {useI18n} from "vue-i18n";
-import {fetchAccountList} from "/@/api/mp/wx-account";
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { delObjs, getPage } from "/@/api/mp/wx-account-tag";
+import { useMessage, useMessageBox } from "/@/hooks/message";
+import { useI18n } from "vue-i18n";
+import { fetchAccountList } from "/@/api/mp/wx-account";
 
 // 引入组件
 const FormDialog = defineAsyncComponent(() => import('./form.vue'));
-const {t} = useI18n()
+const { t } = useI18n()
 // 定义查询字典
 
 // 定义变量内容
@@ -94,7 +96,7 @@ const accountList = ref([])
 const getAccountList = () => {
   fetchAccountList().then(res => {
     accountList.value = res.data
-    if(accountList.value.length > 0){
+    if (accountList.value.length > 0) {
       state.queryForm.wxAccountAppid = accountList.value[0].appid
       getDataList()
     }
@@ -105,7 +107,7 @@ onMounted(() => {
   getAccountList()
 })
 
-watch(() => state.queryForm.wxAccountAppid,() => {
+watch(() => state.queryForm.wxAccountAppid, () => {
   getDataList()
 })
 
@@ -143,16 +145,16 @@ const handleSelectionChange = (objs: any) => {
 // 删除操作
 const handleDelete = (row: any) => {
   useMessageBox().confirm(t('common.delConfirmText'))
-      .then(() => {
-        delObjs({
-          id: row.id,
-          wxAccountAppid: row.wxAccountAppid
-        }).then(() => {
-          getDataList(false);
-          useMessage().success(t('common.delSuccessText'));
-        }).catch((err: any) => {
-          useMessage().error(err.msg)
-        })
+    .then(() => {
+      delObjs({
+        id: row.id,
+        wxAccountAppid: row.wxAccountAppid
+      }).then(() => {
+        getDataList(false);
+        useMessage().success(t('common.delSuccessText'));
+      }).catch((err: any) => {
+        useMessage().error(err.msg)
       })
+    })
 };
 </script>
diff --git a/src/views/mp/wx-account/index.vue b/src/views/mp/wx-account/index.vue
index b93dc1a8..cdb34af3 100644
--- a/src/views/mp/wx-account/index.vue
+++ b/src/views/mp/wx-account/index.vue
@@ -1,15 +1,14 @@
 <template>
   <div class="layout-padding">
-    <el-card class="layout-padding-auto">
+    <div class="layout-padding-auto layout-padding-view">
       <el-row v-show="showSearch" class="mb8">
         <el-form ref="queryRef" :inline="true" :model="state.queryForm">
           <el-form-item :label="$t('account.name')" prop="name">
-            <el-input v-model="state.queryForm.name" :placeholder="t('account.inputNameTip')"
-                      style="max-width: 180px"/>
+            <el-input v-model="state.queryForm.name" :placeholder="t('account.inputNameTip')" style="max-width: 180px" />
           </el-form-item>
           <el-form-item :label="$t('account.account')" prop="account">
             <el-input v-model="state.queryForm.account" :placeholder="t('account.inputAccountTip')"
-                      style="max-width: 180px"/>
+              style="max-width: 180px" />
           </el-form-item>
           <el-form-item class="ml2">
             <el-button formDialogRef icon="search" type="primary" @click="getDataList">
@@ -22,32 +21,32 @@
       <el-row>
         <div class="mb8" style="width: 100%">
           <el-button v-auth="'mp_wxaccount_add'" class="ml10" formDialogRef icon="folder-add" type="primary"
-                     @click="formDialogRef.openDialog()">
+            @click="formDialogRef.openDialog()">
             {{ $t('common.addBtn') }}
           </el-button>
           <el-button v-auth="'mp_wxaccount_export'" class="ml10" formDialogRef icon="Download" type="primary"
-                     @click="exportExcel">
+            @click="exportExcel">
             {{ $t('common.exportBtn') }}
           </el-button>
           <el-button v-auth="'mp_wxaccount_del'" :disabled="multiple" class="ml10" formDialogRef icon="Delete"
-                     type="primary" @click="handleDelete(selectObjs)">
+            type="primary" @click="handleDelete(selectObjs)">
             {{ $t('common.delBtn') }}
           </el-button>
           <right-toolbar v-model:showSearch="showSearch" class="ml10" style="float: right;margin-right: 20px"
-                         @queryTable="getDataList"></right-toolbar>
+            @queryTable="getDataList"></right-toolbar>
         </div>
       </el-row>
       <el-table v-loading="state.loading" :data="state.dataList" style="width: 100%"
-                @selection-change="handleSelectionChange" @sort-change="sortChangeHandle">
-        <el-table-column align="center" type="selection" width="60"/>
-        <el-table-column :label="t('account.index')" type="index" width="80"/>
-        <el-table-column :label="t('account.name')" prop="name" show-overflow-tooltip/>
-        <el-table-column :label="t('account.account')" prop="account" show-overflow-tooltip/>
-        <el-table-column :label="t('account.appid')" prop="appid" show-overflow-tooltip/>
-        <el-table-column :label="t('account.appsecret')" prop="appsecret" show-overflow-tooltip/>
-        <el-table-column :label="t('account.url')" prop="url" show-overflow-tooltip/>
-        <el-table-column :label="t('account.token')" prop="token" show-overflow-tooltip/>
-        <el-table-column :label="t('account.aeskey')" prop="aeskey" show-overflow-tooltip/>
+        @selection-change="handleSelectionChange" @sort-change="sortChangeHandle">
+        <el-table-column align="center" type="selection" width="60" />
+        <el-table-column :label="t('account.index')" type="index" width="80" />
+        <el-table-column :label="t('account.name')" prop="name" show-overflow-tooltip />
+        <el-table-column :label="t('account.account')" prop="account" show-overflow-tooltip />
+        <el-table-column :label="t('account.appid')" prop="appid" show-overflow-tooltip />
+        <el-table-column :label="t('account.appsecret')" prop="appsecret" show-overflow-tooltip />
+        <el-table-column :label="t('account.url')" prop="url" show-overflow-tooltip />
+        <el-table-column :label="t('account.token')" prop="token" show-overflow-tooltip />
+        <el-table-column :label="t('account.aeskey')" prop="aeskey" show-overflow-tooltip />
         <el-table-column :label="t('account.qrUrl')" prop="qrUrl" show-overflow-tooltip>
           <template #default="scope">
             <a target="_blank" :href="scope.row.qrUrl"><img :src="scope.row.qrUrl" style="width: 100px"></a>
@@ -55,41 +54,43 @@
         </el-table-column>
         <el-table-column :label="$t('common.action')" width="200">
           <template #default="scope">
-            <el-button v-auth="'mp_wxaccount_edit'" text type="primary" @click="formDialogRef.openDialog(scope.row.id)">{{ $t('common.editBtn') }}</el-button>
-            <el-button v-auth="'mp_wxaccount_del'" text type="primary" @click="handleDelete([scope.row.id])">{{$t('common.delBtn') }}</el-button>
-            <el-button text type="primary" @click="access(scope.row,scope.index)">接入</el-button>
-            <el-button text type="primary" @click="generate(scope.row,scope.index)">二维码</el-button>
-            <el-button text type="primary" @click="quota(scope.row,scope.index)">quota</el-button>
+            <el-button v-auth="'mp_wxaccount_edit'" text type="primary" @click="formDialogRef.openDialog(scope.row.id)">{{
+              $t('common.editBtn') }}</el-button>
+            <el-button v-auth="'mp_wxaccount_del'" text type="primary" @click="handleDelete([scope.row.id])">{{
+              $t('common.delBtn') }}</el-button>
+            <el-button text type="primary" @click="access(scope.row, scope.index)">接入</el-button>
+            <el-button text type="primary" @click="generate(scope.row, scope.index)">二维码</el-button>
+            <el-button text type="primary" @click="quota(scope.row, scope.index)">quota</el-button>
           </template>
         </el-table-column>
       </el-table>
-      <pagination v-bind="state.pagination" @size-change="sizeChangeHandle" @current-change="currentChangeHandle"/>
-    </el-card>
+      <pagination v-bind="state.pagination" @size-change="sizeChangeHandle" @current-change="currentChangeHandle" />
+    </div>
 
     <!-- 编辑、新增  -->
-    <form-dialog ref="formDialogRef" @refresh="getDataList(false)"/>
+    <form-dialog ref="formDialogRef" @refresh="getDataList(false)" />
 
     <el-dialog v-model="dialogFormVisible" title="接入">
-        <el-input v-model="wxurl" readonly>
-          <template #append>
-            <el-button @click="copyText(wxurl)">复制链接</el-button>
-          </template>
-        </el-input>
+      <el-input v-model="wxurl" readonly>
+        <template #append>
+          <el-button @click="copyText(wxurl)">复制链接</el-button>
+        </template>
+      </el-input>
     </el-dialog>
   </div>
 </template>
 
 <script lang="ts" name="systemWxAccount" setup>
-import {BasicTableProps, useTable} from "/@/hooks/table";
-import {clearQuota, delObjs, fetchList, generateQr} from "/@/api/mp/wx-account";
-import {useMessage, useMessageBox} from "/@/hooks/message";
-import {useI18n} from "vue-i18n";
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { clearQuota, delObjs, fetchList, generateQr } from "/@/api/mp/wx-account";
+import { useMessage, useMessageBox } from "/@/hooks/message";
+import { useI18n } from "vue-i18n";
 import commonFunction from '/@/utils/commonFunction';
 
 const { copyText } = commonFunction();
 // 引入组件
 const FormDialog = defineAsyncComponent(() => import('./form.vue'));
-const {t} = useI18n()
+const { t } = useI18n()
 // 定义查询字典
 
 // 定义变量内容
@@ -140,21 +141,21 @@ const handleSelectionChange = (objs: any) => {
 // 删除操作
 const handleDelete = (ids: string[]) => {
   useMessageBox().confirm(t('common.delConfirmText'))
-      .then(() => {
-        delObjs(ids).then(() => {
-          getDataList(false);
-          useMessage().success(t('common.delSuccessText'));
-        }).catch((err: any) => {
-          useMessage().error(err.msg)
-        })
+    .then(() => {
+      delObjs(ids).then(() => {
+        getDataList(false);
+        useMessage().success(t('common.delSuccessText'));
+      }).catch((err: any) => {
+        useMessage().error(err.msg)
       })
+    })
 };
 
 const dialogFormVisible = ref(false)
 const wxurl = ref("")
 const access = (row: any) => {
-    dialogFormVisible.value = true
-    wxurl.value = row.url + '/mp/' + row.appid + '/portal'
+  dialogFormVisible.value = true
+  wxurl.value = row.url + '/mp/' + row.appid + '/portal'
 }
 
 const generate = (row: any) => {
diff --git a/src/views/mp/wx-auto-reply/index.vue b/src/views/mp/wx-auto-reply/index.vue
index e1cb50c7..d99c5cb3 100644
--- a/src/views/mp/wx-auto-reply/index.vue
+++ b/src/views/mp/wx-auto-reply/index.vue
@@ -3,126 +3,113 @@
     <el-row :gutter="20">
       <el-col :span="4" :xs="24">
         <el-card class="layout-padding-auto" shadow="hover">
-          <query-tree :query="deptData.queryList"
-                      @node-click="handleNodeClick"/>
+          <query-tree :query="deptData.queryList" @node-click="handleNodeClick" />
         </el-card>
       </el-col>
       <el-col :md="20">
-        <el-card class="layout-padding-auto" shadow="hover">
+        <div class="layout-padding-auto layout-padding-view">
           <el-tabs v-model="type" @tab-click="handleClick">
-          <el-tab-pane name="1" label="1">
-            <template #label>关注时回复</template>
-            <el-row>
-              <div class="mb8" style="width: 100%">
-                <el-button class="ml10" icon="folder-add" type="primary" @click="handleAdd">
-                  {{ $t('common.addBtn') }}
-                </el-button>
-              </div>
-            </el-row>
-            <el-table v-loading="state.loading" :data="state.dataList" style="width: 100%" @sort-change="sortChangeHandle">
-              <el-table-column label="序号" type="index" width="80"/>
-              <el-table-column label="回复消息类型" prop="repType" show-overflow-tooltip>
-                <template #default="scope">
-                  <dict-tag :options="dicDataRepType" :value="scope.row.repType"></dict-tag>
-                </template>
-              </el-table-column>
-              <el-table-column label="操作" prop="action" show-overflow-tooltip>
-                <template #default="scope">
-                  <el-button
-                      link
-                      icon="el-icon-edit"
-                      @click="handleEdit(scope.row)">编辑
+            <el-tab-pane name="1" label="1">
+              <template #label>关注时回复</template>
+              <el-row>
+                <div class="mb8" style="width: 100%">
+                  <el-button class="ml10" icon="folder-add" type="primary" @click="handleAdd">
+                    {{ $t('common.addBtn') }}
                   </el-button>
-                  <el-button
-                      link
-                      icon="el-icon-delete"
-                      @click="handleDel(scope.row)">删除
+                </div>
+              </el-row>
+              <el-table v-loading="state.loading" :data="state.dataList" style="width: 100%"
+                @sort-change="sortChangeHandle">
+                <el-table-column label="序号" type="index" width="80" />
+                <el-table-column label="回复消息类型" prop="repType" show-overflow-tooltip>
+                  <template #default="scope">
+                    <dict-tag :options="dicDataRepType" :value="scope.row.repType"></dict-tag>
+                  </template>
+                </el-table-column>
+                <el-table-column label="操作" prop="action" show-overflow-tooltip>
+                  <template #default="scope">
+                    <el-button link icon="el-icon-edit" @click="handleEdit(scope.row)">编辑
+                    </el-button>
+                    <el-button link icon="el-icon-delete" @click="handleDel(scope.row)">删除
+                    </el-button>
+                  </template>
+                </el-table-column>
+              </el-table>
+              <pagination v-bind="state.pagination" @size-change="sizeChangeHandle"
+                @current-change="currentChangeHandle" />
+            </el-tab-pane>
+            <el-tab-pane name="2" label="2">
+              <template #label>消息回复</template>
+              <el-row>
+                <div class="mb8" style="width: 100%">
+                  <el-button class="ml10" icon="folder-add" type="primary" @click="handleAdd">
+                    {{ $t('common.addBtn') }}
                   </el-button>
-                </template>
-              </el-table-column>
-            </el-table>
-            <pagination v-bind="state.pagination" @size-change="sizeChangeHandle" @current-change="currentChangeHandle"/>
-          </el-tab-pane>
-          <el-tab-pane name="2" label="2">
-            <template #label>消息回复</template>
-            <el-row>
-              <div class="mb8" style="width: 100%">
-                <el-button class="ml10" icon="folder-add" type="primary" @click="handleAdd">
-                  {{ $t('common.addBtn') }}
-                </el-button>
-              </div>
-            </el-row>
-            <el-table v-loading="state.loading" :data="state.dataList" style="width: 100%" @sort-change="sortChangeHandle">
-              <el-table-column label="序号" type="index" width="80"/>
-              <el-table-column label="请求消息类型" prop="reqType" show-overflow-tooltip>
-                <template #default="scope">
-                  <dict-tag :options="dicDataReqType" :value="scope.row.reqType"></dict-tag>
-                </template>
-              </el-table-column>
-              <el-table-column label="回复消息类型" prop="repType" show-overflow-tooltip>
-                <template #default="scope">
-                  <dict-tag :options="dicDataRepType" :value="scope.row.repType"></dict-tag>
-                </template>
-              </el-table-column>
-              <el-table-column label="操作" prop="action" show-overflow-tooltip>
-                <template #default="scope">
-                  <el-button
-                      icon="el-icon-edit"
-                      link
-                      @click="handleEdit(scope.row)">编辑
+                </div>
+              </el-row>
+              <el-table v-loading="state.loading" :data="state.dataList" style="width: 100%"
+                @sort-change="sortChangeHandle">
+                <el-table-column label="序号" type="index" width="80" />
+                <el-table-column label="请求消息类型" prop="reqType" show-overflow-tooltip>
+                  <template #default="scope">
+                    <dict-tag :options="dicDataReqType" :value="scope.row.reqType"></dict-tag>
+                  </template>
+                </el-table-column>
+                <el-table-column label="回复消息类型" prop="repType" show-overflow-tooltip>
+                  <template #default="scope">
+                    <dict-tag :options="dicDataRepType" :value="scope.row.repType"></dict-tag>
+                  </template>
+                </el-table-column>
+                <el-table-column label="操作" prop="action" show-overflow-tooltip>
+                  <template #default="scope">
+                    <el-button icon="el-icon-edit" link @click="handleEdit(scope.row)">编辑
+                    </el-button>
+                    <el-button icon="el-icon-delete" link @click="handleDel(scope.row)">删除
+                    </el-button>
+                  </template>
+                </el-table-column>
+              </el-table>
+              <pagination v-bind="state.pagination" @size-change="sizeChangeHandle"
+                @current-change="currentChangeHandle" />
+            </el-tab-pane>
+            <el-tab-pane name="3" label="3">
+              <template #label>关键词回复</template>
+              <el-row>
+                <div class="mb8" style="width: 100%">
+                  <el-button class="ml10" icon="folder-add" type="primary" @click="handleAdd">
+                    {{ $t('common.addBtn') }}
                   </el-button>
-                  <el-button
-                      icon="el-icon-delete"
-                      link
-                      @click="handleDel(scope.row)">删除
-                  </el-button>
-                </template>
-              </el-table-column>
-            </el-table>
-            <pagination v-bind="state.pagination" @size-change="sizeChangeHandle" @current-change="currentChangeHandle"/>
-          </el-tab-pane>
-          <el-tab-pane name="3" label="3">
-            <template #label>关键词回复</template>
-            <el-row>
-              <div class="mb8" style="width: 100%">
-                <el-button class="ml10" icon="folder-add" type="primary" @click="handleAdd">
-                  {{ $t('common.addBtn') }}
-                </el-button>
-              </div>
-            </el-row>
-            <el-table v-loading="state.loading" :data="state.dataList" style="width: 100%" @sort-change="sortChangeHandle">
-              <el-table-column label="序号" type="index" width="80"/>
-              <el-table-column label="关键词" prop="reqKey" show-overflow-tooltip>
-              </el-table-column>
-              <el-table-column label="匹配类型" prop="repMate" show-overflow-tooltip>
-                <template #default="scope">
-                  <dict-tag :options="dicRepMate" :value="scope.row.repMate"></dict-tag>
-                </template>
-              </el-table-column>
-              <el-table-column label="匹配类型" prop="repMate" show-overflow-tooltip>
-                <template #default="scope">
-                  <dict-tag :options="dicDataRepType" :value="scope.row.repType"></dict-tag>
-                </template>
-              </el-table-column>
-              <el-table-column label="操作" prop="action" show-overflow-tooltip>
-                <template #default="scope">
-                  <el-button
-                      icon="el-icon-edit"
-                      link
-                      @click="handleEdit(scope.row)">编辑
-                  </el-button>
-                  <el-button
-                      icon="el-icon-delete"
-                      link
-                      @click="handleDel(scope.row)">删除
-                  </el-button>
-                </template>
-              </el-table-column>
-            </el-table>
-            <pagination v-bind="state.pagination" @size-change="sizeChangeHandle" @current-change="currentChangeHandle"/>
-          </el-tab-pane>
-        </el-tabs>
-        </el-card>
+                </div>
+              </el-row>
+              <el-table v-loading="state.loading" :data="state.dataList" style="width: 100%"
+                @sort-change="sortChangeHandle">
+                <el-table-column label="序号" type="index" width="80" />
+                <el-table-column label="关键词" prop="reqKey" show-overflow-tooltip>
+                </el-table-column>
+                <el-table-column label="匹配类型" prop="repMate" show-overflow-tooltip>
+                  <template #default="scope">
+                    <dict-tag :options="dicRepMate" :value="scope.row.repMate"></dict-tag>
+                  </template>
+                </el-table-column>
+                <el-table-column label="匹配类型" prop="repMate" show-overflow-tooltip>
+                  <template #default="scope">
+                    <dict-tag :options="dicDataRepType" :value="scope.row.repType"></dict-tag>
+                  </template>
+                </el-table-column>
+                <el-table-column label="操作" prop="action" show-overflow-tooltip>
+                  <template #default="scope">
+                    <el-button icon="el-icon-edit" link @click="handleEdit(scope.row)">编辑
+                    </el-button>
+                    <el-button icon="el-icon-delete" link @click="handleDel(scope.row)">删除
+                    </el-button>
+                  </template>
+                </el-table-column>
+              </el-table>
+              <pagination v-bind="state.pagination" @size-change="sizeChangeHandle"
+                @current-change="currentChangeHandle" />
+            </el-tab-pane>
+          </el-tabs>
+        </div>
       </el-col>
     </el-row>
     <el-dialog :title="handleType === 'add' ? '新增回复消息' : '修改回复消息'" v-model="dialog1Visible" width="50%">
@@ -130,12 +117,8 @@
         <el-form-item v-if="type === '2'" label="请求消息类型">
           <el-select v-model="objData.reqType" placeholder="请选择">
             <template v-for="item in dicDataReqType">
-              <el-option
-                  v-if="item.value !== 'event'"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                  :disabled="item.disabled">
+              <el-option v-if="item.value !== 'event'" :key="item.value" :label="item.label" :value="item.value"
+                :disabled="item.disabled">
               </el-option>
             </template>
 
@@ -143,11 +126,7 @@
         </el-form-item>
         <el-form-item v-if="type === '3'" label="匹配类型">
           <el-select v-model="objData.repMate" placeholder="请选择" style="width: 100px">
-            <el-option
-                v-for="item in dicRepMate"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value">
+            <el-option v-for="item in dicRepMate" :key="item.value" :label="item.label" :value="item.value">
             </el-option>
           </el-select>
         </el-form-item>
@@ -158,7 +137,7 @@
           <WxReply v-if="hackResetWxReplySelect" :obj-data="objData"></WxReply>
         </el-form-item>
       </el-form>
-      <template #footer >
+      <template #footer>
         <el-button @click="dialog1Visible = false">取 消</el-button>
         <el-button type="primary" @click="handleSubmit">确 定</el-button>
       </template>
@@ -168,10 +147,10 @@
 
 <script setup lang="ts" name="wx-auto-reply">
 
-import {fetchAccountList} from "/@/api/mp/wx-account";
-import {BasicTableProps, useTable} from "/@/hooks/table";
-import {useMessage, useMessageBox} from "/@/hooks/message";
-import {getPage,delObj,addObj,putObj} from '/@/api/mp/wx-auto-reply'
+import { fetchAccountList } from "/@/api/mp/wx-account";
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { useMessage, useMessageBox } from "/@/hooks/message";
+import { getPage, delObj, addObj, putObj } from '/@/api/mp/wx-auto-reply'
 
 const QueryTree = defineAsyncComponent(() => import('/@/components/QueryTree/index.vue'))
 
@@ -297,7 +276,7 @@ const handleEdit = (row: any) => {
 
 const handleDel = (row) => {
   useMessageBox().confirm("是否确认删除此数据?").then(() => {
-    delObj(row.id).then(() =>{
+    delObj(row.id).then(() => {
       useMessage().success("删除成功")
       getDataList()
     })
@@ -342,6 +321,4 @@ const handleAdd = () => {
 
 </script>
 
-<style scoped>
-
-</style>
+<style scoped></style>
diff --git a/src/views/mp/wx-fans-msg/index.vue b/src/views/mp/wx-fans-msg/index.vue
index 3686607b..1f8062bc 100644
--- a/src/views/mp/wx-fans-msg/index.vue
+++ b/src/views/mp/wx-fans-msg/index.vue
@@ -1,20 +1,20 @@
 <template>
   <div class="layout-padding">
-    <el-card class="layout-padding-auto">
+    <div class="layout-padding-auto layout-padding-view">
       <el-row v-show="showSearch" class="mb8">
         <el-form ref="queryRef" :inline="true" :model="state.queryForm" @keyup.enter="getDataList">
           <el-form-item :label="$t('wxFansMsg.appName')" prop="wxAccountAppid">
             <el-select v-model="state.queryForm.wxAccountAppid" :placeholder="$t('fans.appName')" clearable class="w100">
-              <el-option v-for="item in accountList" :key="item.appid" :label="item.name" :value="item.appid"/>
+              <el-option v-for="item in accountList" :key="item.appid" :label="item.name" :value="item.appid" />
             </el-select>
           </el-form-item>
           <el-form-item :label="$t('wxFansMsg.nickName')" prop="nickName">
             <el-input v-model="state.queryForm.nickName" :placeholder="t('wxFansMsg.inputNickNameTip')"
-                      style="max-width: 180px"/>
+              style="max-width: 180px" />
           </el-form-item>
           <el-form-item :label="$t('wxFansMsg.repType')" prop="repType">
             <el-select v-model="state.queryForm.repType" :placeholder="$t('wxFansMsg.repType')" clearable class="w100">
-              <el-option v-for="item in repType" :key="item.value" :label="item.label" :value="item.value"/>
+              <el-option v-for="item in repType" :key="item.value" :label="item.label" :value="item.value" />
             </el-select>
           </el-form-item>
           <el-form-item class="ml2">
@@ -28,37 +28,43 @@
       <el-row>
         <div class="mb8" style="width: 100%">
           <el-button v-auth="'mp_wxFansMsg_export'" class="ml10" formDialogRef icon="Download" type="primary"
-                     @click="exportExcel">
+            @click="exportExcel">
             {{ $t('common.exportBtn') }}
           </el-button>
-          <el-button v-auth="'mp_wxmsg_del'" :disabled="multiple" class="ml10" formDialogRef icon="Delete"
-                     type="primary" @click="handleDelete(selectObjs)">
+          <el-button v-auth="'mp_wxmsg_del'" :disabled="multiple" class="ml10" formDialogRef icon="Delete" type="primary"
+            @click="handleDelete(selectObjs)">
             {{ $t('common.delBtn') }}
           </el-button>
           <right-toolbar v-model:showSearch="showSearch" class="ml10" style="float: right;margin-right: 20px"
-                         @queryTable="getDataList"></right-toolbar>
+            @queryTable="getDataList"></right-toolbar>
         </div>
       </el-row>
       <el-table v-loading="state.loading" :data="state.dataList" style="width: 100%"
-                @selection-change="handleSelectionChange" @sort-change="sortChangeHandle">
-        <el-table-column align="center" type="selection" width="60"/>
-        <el-table-column :label="t('wxFansMsg.index')" type="index" width="80"/>
-        <el-table-column :label="t('wxFansMsg.appName')" prop="appName" show-overflow-tooltip/>
-        <el-table-column :label="t('wxFansMsg.repType')" prop="repType" show-overflow-tooltip/>
-        <el-table-column :label="t('wxFansMsg.openId')" prop="openId" show-overflow-tooltip/>
+        @selection-change="handleSelectionChange" @sort-change="sortChangeHandle">
+        <el-table-column align="center" type="selection" width="60" />
+        <el-table-column :label="t('wxFansMsg.index')" type="index" width="80" />
+        <el-table-column :label="t('wxFansMsg.appName')" prop="appName" show-overflow-tooltip />
+        <el-table-column :label="t('wxFansMsg.repType')" prop="repType" show-overflow-tooltip />
+        <el-table-column :label="t('wxFansMsg.openId')" prop="openId" show-overflow-tooltip />
         <el-table-column :label="t('wxFansMsg.repContent')" prop="repContent" show-overflow-tooltip>
           <template #default="scope">
-            <div v-if="scope.row.repType === 'event' && scope.row.repEvent === 'subscribe'"><el-tag type="success" size="mini">关注</el-tag></div>
-            <div v-if="scope.row.repType === 'event' && scope.row.repEvent === 'unsubscribe'"><el-tag type="danger" size="mini">取消关注</el-tag></div>
-            <div v-if="scope.row.repType === 'event' && scope.row.repEvent === 'CLICK'"><el-tag size="mini">点击菜单</el-tag>：【{{ scope.row.repName }}】</div>
-            <div v-if="scope.row.repType === 'event' && scope.row.repEvent === 'VIEW'"><el-tag size="mini">点击菜单链接</el-tag>：【{{ scope.row.repUrl }}】</div>
-            <div v-if="scope.row.repType === 'event' && scope.row.repEvent === 'scancode_waitmsg'"><el-tag size="mini">扫码结果：</el-tag>：【{{ scope.row.repContent }}】</div>
+            <div v-if="scope.row.repType === 'event' && scope.row.repEvent === 'subscribe'"><el-tag type="success"
+                size="mini">关注</el-tag></div>
+            <div v-if="scope.row.repType === 'event' && scope.row.repEvent === 'unsubscribe'"><el-tag type="danger"
+                size="mini">取消关注</el-tag></div>
+            <div v-if="scope.row.repType === 'event' && scope.row.repEvent === 'CLICK'"><el-tag
+                size="mini">点击菜单</el-tag>：【{{ scope.row.repName }}】</div>
+            <div v-if="scope.row.repType === 'event' && scope.row.repEvent === 'VIEW'"><el-tag
+                size="mini">点击菜单链接</el-tag>：【{{ scope.row.repUrl }}】</div>
+            <div v-if="scope.row.repType === 'event' && scope.row.repEvent === 'scancode_waitmsg'"><el-tag
+                size="mini">扫码结果：</el-tag>：【{{ scope.row.repContent }}】</div>
             <div v-if="scope.row.repType === 'text'">{{ scope.row.repContent }}</div>
             <div v-if="scope.row.repType === 'image'">
               <a target="_blank" :href="scope.row.repUrl"><img :src="scope.row.repUrl" style="width: 100px"></a>
             </div>
-            <div v-if="['video','voice','link','shortvideo'].includes(scope.row.repType)">
-              <el-tag>链接</el-tag>：<a :href="scope.row.repUrl" target="_blank">{{ scope.row.repName }}</a></div>
+            <div v-if="['video', 'voice', 'link', 'shortvideo'].includes(scope.row.repType)">
+              <el-tag>链接</el-tag>：<a :href="scope.row.repUrl" target="_blank">{{ scope.row.repName }}</a>
+            </div>
           </template>
         </el-table-column>
         <el-table-column :label="t('wxFansMsg.readFlag')" prop="readFlag" show-overflow-tooltip>
@@ -66,33 +72,33 @@
             <dict-tag :options="readFlag" :value="scope.row.readFlag"></dict-tag>
           </template>
         </el-table-column>
-        <el-table-column :label="t('wxFansMsg.createTime')" prop="createTime" show-overflow-tooltip/>
+        <el-table-column :label="t('wxFansMsg.createTime')" prop="createTime" show-overflow-tooltip />
         <el-table-column :label="$t('common.action')" width="150">
           <template #default="scope">
-            <el-button link type="primary" @click="wxMsgDo(scope.row,scope.index)">消息</el-button>
+            <el-button link type="primary" @click="wxMsgDo(scope.row, scope.index)">消息</el-button>
           </template>
         </el-table-column>
       </el-table>
-      <pagination v-bind="state.pagination" @size-change="sizeChangeHandle" @current-change="currentChangeHandle"/>
-    </el-card>
+      <pagination v-bind="state.pagination" @size-change="sizeChangeHandle" @current-change="currentChangeHandle" />
+    </div>
     <wx-msg ref="WxmsgRef"></wx-msg>
   </div>
 </template>
 
 <script lang="ts" name="systemWxMsg" setup>
-import {BasicTableProps, useTable} from "/@/hooks/table";
-import {delObjs, fetchList} from "/@/api/mp/wx-fans-msg";
-import {useMessage, useMessageBox} from "/@/hooks/message";
-import {useDict} from '/@/hooks/dict';
-import {useI18n} from "vue-i18n";
-import {fetchAccountList} from "/@/api/mp/wx-account";
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { delObjs, fetchList } from "/@/api/mp/wx-fans-msg";
+import { useMessage, useMessageBox } from "/@/hooks/message";
+import { useDict } from '/@/hooks/dict';
+import { useI18n } from "vue-i18n";
+import { fetchAccountList } from "/@/api/mp/wx-account";
 
 const WxMsg = defineAsyncComponent(() => import("/@/components/wechart/wx-msg/index.vue"))
 
-const {t} = useI18n()
+const { t } = useI18n()
 // 定义查询字典
 
-const {repType} = useDict('repType')
+const { repType } = useDict('repType')
 
 const readFlag = ref([
   {
@@ -142,14 +148,14 @@ const accountList = ref([])
 const getAccountList = () => {
   fetchAccountList().then(res => {
     accountList.value = res.data
-    if(accountList.value.length > 0){
+    if (accountList.value.length > 0) {
       state.queryForm.wxAccountAppid = accountList.value[0].appid
       getDataList()
     }
   })
 }
 
-watch(() => state.queryForm.wxAccountAppid,() => {
+watch(() => state.queryForm.wxAccountAppid, () => {
   getDataList()
 })
 
@@ -174,14 +180,14 @@ const handleSelectionChange = (objs: any) => {
 // 删除操作
 const handleDelete = (ids: string[]) => {
   useMessageBox().confirm(t('common.delConfirmText'))
-      .then(() => {
-        delObjs(ids).then(() => {
-          getDataList(false);
-          useMessage().success(t('common.delSuccessText'));
-        }).catch((err: any) => {
-          useMessage().error(err.msg)
-        })
+    .then(() => {
+      delObjs(ids).then(() => {
+        getDataList(false);
+        useMessage().success(t('common.delSuccessText'));
+      }).catch((err: any) => {
+        useMessage().error(err.msg)
       })
+    })
 };
 
 const wxMsgDo = (row) => {
diff --git a/src/views/mp/wx-material/index.vue b/src/views/mp/wx-material/index.vue
index 87d1c25b..2ee4d425 100644
--- a/src/views/mp/wx-material/index.vue
+++ b/src/views/mp/wx-material/index.vue
@@ -3,17 +3,17 @@
     <el-row :gutter="20">
       <el-col :md="4">
         <el-card class="layout-padding-auto" shadow="hover">
-          <query-tree :query="deptData.queryList"
-                      @node-click="handleNodeClick"/>
+          <query-tree :query="deptData.queryList" @node-click="handleNodeClick" />
         </el-card>
       </el-col>
       <el-col :span="20">
-        <el-card class="layout-padding-auto" shadow="hover">
+        <div class="layout-padding-auto layout-padding-view">
           <el-tabs v-model="materialType" @tab-click="handleClick">
             <el-tab-pane name="image" label="image">
               <template #label><i class="el-icon-picture"></i> 图片</template>
               <div class="add_but">
-                <wx-file-upload @success="getDataList" :uploadData="uploadData" :type="['image/jpeg','image/png','image/gif','image/bmp','image/jpg']"></wx-file-upload>
+                <wx-file-upload @success="getDataList" :uploadData="uploadData"
+                  :type="['image/jpeg', 'image/png', 'image/gif', 'image/bmp', 'image/jpg']"></wx-file-upload>
               </div>
               <div v-loading="state.loading" class="waterfall">
                 <div v-for="item in state.dataList" :key="item.id" class="waterfall-item">
@@ -26,53 +26,35 @@
                   </el-row>
                 </div>
               </div>
-              <div v-if="state.dataList.length <=0 && !state.loading" class="el-table__empty-block">
+              <div v-if="state.dataList.length <= 0 && !state.loading" class="el-table__empty-block">
                 <span class="el-table__empty-text">暂无数据</span>
               </div>
-              <pagination v-bind="state.pagination" @size-change="sizeChangeHandle" @current-change="currentChangeHandle"/>
+              <pagination v-bind="state.pagination" @size-change="sizeChangeHandle"
+                @current-change="currentChangeHandle" />
             </el-tab-pane>
             <el-tab-pane name="voice" label="voice">
               <template #label><i class="el-icon-microphone"></i> 语音</template>
               <div class="add_but">
                 <wx-file-upload @success="getDataList" :uploadData="uploadData"></wx-file-upload>
               </div>
-              <el-table
-                  v-loading="state.loading"
-                  :data="state.dataList"
-                  stripe
-                  border>
-                <el-table-column
-                    prop="mediaId"
-                    label="media_id">
+              <el-table v-loading="state.loading" :data="state.dataList" stripe border>
+                <el-table-column prop="mediaId" label="media_id">
                 </el-table-column>
-                <el-table-column
-                    prop="name"
-                    label="名称">
+                <el-table-column prop="name" label="名称">
                 </el-table-column>
-                <el-table-column
-                    prop="updateTime"
-                    label="更新时间">
+                <el-table-column prop="updateTime" label="更新时间">
                 </el-table-column>
-                <el-table-column
-                    fixed="right"
-                    label="操作">
+                <el-table-column fixed="right" label="操作">
                   <template v-slot="scope">
-                    <el-button
-                        type="text"
-                        icon="el-icon-download"
-                        plain
-                        @click="handleDown(scope.row)">下载
+                    <el-button type="text" icon="el-icon-download" plain @click="handleDown(scope.row)">下载
                     </el-button>
-                    <el-button
-                        type="text"
-                        icon="el-icon-delete"
-                        plain
-                        @click="delMaterial(scope.row)">删除
+                    <el-button type="text" icon="el-icon-delete" plain @click="delMaterial(scope.row)">删除
                     </el-button>
                   </template>
                 </el-table-column>
               </el-table>
-              <pagination v-bind="state.pagination" @size-change="sizeChangeHandle" @current-change="currentChangeHandle"/>
+              <pagination v-bind="state.pagination" @size-change="sizeChangeHandle"
+                @current-change="currentChangeHandle" />
             </el-tab-pane>
             <el-tab-pane name="video" label="video">
               <template #label><i class="el-icon-video-play"></i> 视频</template>
@@ -80,21 +62,15 @@
                 <el-button type="primary" @click="handleAddVideo">新建</el-button>
               </div>
               <el-dialog title="新建视频" v-model="dialogVideoVisible">
-                <wx-file-upload @success="getDataList" :uploadData="uploadData" :auto-upload="false" ref="uploadFileVideo" :type="['video/mp4']"></wx-file-upload>
-                <el-form
-                    ref="uploadForm"
-                    :model="uploadData"
-                    v-loading="addMaterialLoading"
-                    :rules="uploadRules">
+                <wx-file-upload @success="getDataList" :uploadData="uploadData" :auto-upload="false" ref="uploadFileVideo"
+                  :type="['video/mp4']"></wx-file-upload>
+                <el-form ref="uploadForm" :model="uploadData" v-loading="addMaterialLoading" :rules="uploadRules">
                   <el-form-item label="标题" prop="title">
                     <el-input v-model="uploadData.title" placeholder="标题将展示在相关播放页面，建议填写清晰、准确、生动的标题"></el-input>
                   </el-form-item>
                   <el-form-item label="描述" prop="introduction">
-                    <el-input
-                        v-model="uploadData.introduction"
-                        :rows="3"
-                        type="textarea"
-                        placeholder="介绍语将展示在相关播放页面，建议填写简洁明确、有信息量的内容"></el-input>
+                    <el-input v-model="uploadData.introduction" :rows="3" type="textarea"
+                      placeholder="介绍语将展示在相关播放页面，建议填写简洁明确、有信息量的内容"></el-input>
                   </el-form-item>
                 </el-form>
                 <template #footer>
@@ -102,26 +78,14 @@
                   <el-button type="primary" @click="subVideo">提 交</el-button>
                 </template>
               </el-dialog>
-              <el-table
-                  v-loading="state.loading"
-                  :data="state.dataList"
-                  stripe
-                  border>
-                <el-table-column
-                    prop="mediaId"
-                    label="media_id">
+              <el-table v-loading="state.loading" :data="state.dataList" stripe border>
+                <el-table-column prop="mediaId" label="media_id">
                 </el-table-column>
-                <el-table-column
-                    prop="name"
-                    label="名称">
+                <el-table-column prop="name" label="名称">
                 </el-table-column>
-                <el-table-column
-                    prop="updateTime"
-                    label="更新时间">
+                <el-table-column prop="updateTime" label="更新时间">
                 </el-table-column>
-                <el-table-column
-                    fixed="right"
-                    label="操作">
+                <el-table-column fixed="right" label="操作">
                   <template v-slot="scope">
                     <el-button type="text" icon="el-icon-view" @click="handleInfo(scope.row)">查看
                     </el-button>
@@ -130,7 +94,8 @@
                   </template>
                 </el-table-column>
               </el-table>
-              <pagination v-bind="state.pagination" @size-change="sizeChangeHandle" @current-change="currentChangeHandle"/>
+              <pagination v-bind="state.pagination" @size-change="sizeChangeHandle"
+                @current-change="currentChangeHandle" />
             </el-tab-pane>
             <el-tab-pane name="news" label="news">
               <template #label><i class="el-icon-news"></i> 图文</template>
@@ -139,10 +104,7 @@
               </div>
               <news-form ref="dialogNewsRef" @ok="getDataList"></news-form>
               <div v-loading="state.loading" class="waterfall">
-                <div
-                    v-for="item in state.dataList"
-                    :key="item.id"
-                    class="waterfall-item">
+                <div v-for="item in state.dataList" :key="item.id" class="waterfall-item">
                   <wx-news :obj-data="item.content.newsItem"></wx-news>
                   <el-row class="ope-row">
                     <el-button type="primary" icon="el-icon-edit" circle @click="handleEditNews(item)"></el-button>
@@ -150,25 +112,23 @@
                   </el-row>
                 </div>
               </div>
-              <div v-if="state.dataList.length <=0 && !state.loading" class="el-table__empty-block">
+              <div v-if="state.dataList.length <= 0 && !state.loading" class="el-table__empty-block">
                 <span class="el-table__empty-text">暂无数据</span>
               </div>
             </el-tab-pane>
           </el-tabs>
-        </el-card>
+        </div>
       </el-col>
     </el-row>
   </div>
-
-
 </template>
 
 <script setup lang="ts" name="wx-material">
 
 import { fetchAccountList } from "/@/api/mp/wx-account";
-import {useMessage, useMessageBox} from "/@/hooks/message";
-import {BasicTableProps, useTable} from "/@/hooks/table";
-import {delObj, getMaterialVideo, getPage} from '/@/api/mp/wx-material'
+import { useMessage, useMessageBox } from "/@/hooks/message";
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { delObj, getMaterialVideo, getPage } from '/@/api/mp/wx-material'
 
 const QueryTree = defineAsyncComponent(() => import('/@/components/QueryTree/index.vue'))
 const NewsForm = defineAsyncComponent(() => import("./components/news-form.vue"))
@@ -203,7 +163,7 @@ const handleNodeClick = (data: any) => {
 }
 
 
-const handleClick = (tab) =>  {
+const handleClick = (tab) => {
   if (checkAppId.value) {
     // getPage(this.page)
   } else {
@@ -241,7 +201,7 @@ const delMaterial = (item: any) => {
       id: item.mediaId,
       appId: checkAppId.value
     }).then(() => {
-        getDataList()
+      getDataList()
     })
   })
 }
@@ -295,7 +255,7 @@ const handleAddNews = () => {
 const handleEditNews = (item) => {
   dialogNewsRef.value.openDialog({
     accountId: checkAppId.value,
-  },JSON.parse(JSON.stringify(item.content.newsItem)),item.mediaId,'edit')
+  }, JSON.parse(JSON.stringify(item.content.newsItem)), item.mediaId, 'edit')
 }
 
 const handleInfo = (row) => {
@@ -424,6 +384,7 @@ p {
   .waterfall {
     column-count: 3;
   }
+
   p {
     color: red;
   }
@@ -433,6 +394,7 @@ p {
   .waterfall {
     column-count: 2;
   }
+
   p {
     color: orange;
   }
diff --git a/src/views/mp/wx-menu/index.vue b/src/views/mp/wx-menu/index.vue
index ac6b8aaf..ccbde421 100644
--- a/src/views/mp/wx-menu/index.vue
+++ b/src/views/mp/wx-menu/index.vue
@@ -3,12 +3,11 @@
     <el-row :gutter="20">
       <el-col :span="4" :xs="24">
         <el-card class="layout-padding-auto" shadow="hover">
-          <query-tree :query="deptData.queryList"
-                      @node-click="handleNodeClick"/>
+          <query-tree :query="deptData.queryList" @node-click="handleNodeClick" />
         </el-card>
       </el-col>
       <el-col :span="20">
-        <el-card class="layout-padding-auto" shadow="hover">
+        <div class="layout-padding-auto layout-padding-view">
           <div v-loading="loading" class="public-account-management clearfix">
             <div class="left">
               <div class="weixin-hd">
@@ -24,16 +23,16 @@
                     <template v-for="(subItem, k) in item.children">
                       <div v-if="item.children" :key="k" class="subtitle menu_bottom">
                         <div :class="{ active: isSubMenuActive === i + '' + k }" class="menu_subItem"
-                             @click="subMenuClick(subItem, i, k)">
+                          @click="subMenuClick(subItem, i, k)">
                           {{ subItem.name }}
                         </div>
                       </div>
                     </template>
                     <!-- 二级菜单加号， 当长度 小于 5 才显示二级菜单的加号  -->
                     <div v-if="!item.children || item.children.length < 5" class="menu_bottom menu_addicon"
-                         @click="addSubMenu(i, item)">
+                      @click="addSubMenu(i, item)">
                       <el-icon>
-                        <el-icon-plus/>
+                        <el-icon-plus />
                       </el-icon>
                     </div>
                   </div>
@@ -41,7 +40,7 @@
                 <!-- 一级菜单加号 -->
                 <div v-if="menuList.length < 3" class="menu_bottom menu_addicon" @click="addMenu">
                   <el-icon>
-                    <el-icon-plus/>
+                    <el-icon-plus />
                   </el-icon>
                 </div>
               </div>
@@ -59,17 +58,17 @@
                 </div>
                 <div>
                   <span>菜单名称：</span>
-                  <el-input v-model="tempObj.name" class="input_width" clearable placeholder="请输入菜单名称"/>
+                  <el-input v-model="tempObj.name" class="input_width" clearable placeholder="请输入菜单名称" />
                 </div>
                 <div v-if="showConfigureContent">
                   <div class="menu_content">
                     <span>菜单标识：</span>
-                    <el-input v-model="tempObj.menuKey" class="input_width" clearable placeholder="请输入菜单 KEY"/>
+                    <el-input v-model="tempObj.menuKey" class="input_width" clearable placeholder="请输入菜单 KEY" />
                   </div>
                   <div class="menu_content">
                     <span>菜单内容：</span>
                     <el-select v-model="tempObj.type" class="menu_option" clearable placeholder="请选择">
-                      <el-option v-for="item in menuOptions" :key="item.value" :label="item.label" :value="item.value"/>
+                      <el-option v-for="item in menuOptions" :key="item.value" :label="item.label" :value="item.value" />
                     </el-select>
                   </div>
                   <div class="configur_content" v-if="tempObj.type === 'view'">
@@ -79,12 +78,13 @@
                   <div class="configur_content" v-if="tempObj.type === 'miniprogram'">
                     <div class="applet">
                       <span>小程序的 appid ：</span>
-                      <el-input class="input_width" v-model="tempObj.miniProgramAppId" placeholder="请输入小程序的appid" clearable />
+                      <el-input class="input_width" v-model="tempObj.miniProgramAppId" placeholder="请输入小程序的appid"
+                        clearable />
                     </div>
                     <div class="applet">
                       <span>小程序的页面路径：</span>
                       <el-input class="input_width" v-model="tempObj.miniProgramPagePath"
-                                placeholder="请输入小程序的页面路径，如：pages/index" clearable />
+                        placeholder="请输入小程序的页面路径，如：pages/index" clearable />
                     </div>
                     <div class="applet">
                       <span>小程序的备用网页：</span>
@@ -109,29 +109,29 @@
                           </el-col>
                         </el-row>
                       </div>
-                      <wx-material-select ref="dialogNewsRef"  @selectMaterial="selectMaterial" />
+                      <wx-material-select ref="dialogNewsRef" @selectMaterial="selectMaterial" />
 
                     </el-row>
                   </div>
                   <div class="configur_content" v-if="tempObj.type === 'click' || tempObj.type === 'scancode_waitmsg'">
-                    <wx-reply :objData="tempObj" v-if="hackResetWxReplySelect"/>
+                    <wx-reply :objData="tempObj" v-if="hackResetWxReplySelect" />
                   </div>
                 </div>
               </div>
             </div>
           </div>
-        </el-card>
+        </div>
       </el-col>
     </el-row>
   </div>
 </template>
 
 <script lang="ts" name="wx-menu" setup>
-import { saveObj,getObj } from '/@/api/mp/wx-menu'
+import { saveObj, getObj } from '/@/api/mp/wx-menu'
 
 // 部门树使用的数据
-import {fetchAccountList} from "/@/api/mp/wx-account";
-import {useMessage, useMessageBox} from "/@/hooks/message";
+import { fetchAccountList } from "/@/api/mp/wx-account";
+import { useMessage, useMessageBox } from "/@/hooks/message";
 
 const WxMaterialSelect = defineAsyncComponent(() => import("/@/components/wechart/wx-material-select/main.vue"))
 
@@ -233,12 +233,12 @@ const tempSelfObj = reactive({
   secondIndex: '' // 表示二级菜单索引
 })
 
-const getMenuFun = () =>  {
+const getMenuFun = () => {
   getObj(accountId.value).then((res) => {
     if (res.data) {
       const data = JSON.parse(res.data)
       if (data && data.button) {
-        Object.assign(menuList,data.button)
+        Object.assign(menuList, data.button)
       }
     }
   })
@@ -317,13 +317,13 @@ const addMenu = () => {
 const deleteMenu = () => {
   useMessageBox().confirm("确定要删除吗?").then(() => {
 
-    if(tempSelfObj.grand === '1'){
+    if (tempSelfObj.grand === '1') {
       menuList.splice(tempSelfObj.index, 1)
-    }else if(tempSelfObj.grand === '2'){
+    } else if (tempSelfObj.grand === '2') {
       menuList[tempSelfObj.index].children.splice(tempSelfObj.secondIndex, 1)
     }
     useMessage().success("删除成功")
-    Object.assign(tempObj,{})
+    Object.assign(tempObj, {})
     showRightFlag.value = false
     isActive.value = -1
     isSubMenuActive.value = '-1'
@@ -332,13 +332,13 @@ const deleteMenu = () => {
 }
 
 const handleSave = () => {
- useMessageBox().confirm("确定要保存该菜单吗?").then(() => {
-   saveObj(accountId.value, {
-     button: menuList
-   }).then(() => {
-     useMessage().success("保存成功")
-   });
- })
+  useMessageBox().confirm("确定要保存该菜单吗?").then(() => {
+    saveObj(accountId.value, {
+      button: menuList
+    }).then(() => {
+      useMessage().success("保存成功")
+    });
+  })
 }
 
 
@@ -350,7 +350,7 @@ const deleteMaterial = () => {
 
 const dialogNewsRef = ref()
 const openMaterial = () => {
-  dialogNewsRef.value.openDialog({type: 'news', accountId: accountId.value})
+  dialogNewsRef.value.openDialog({ type: 'news', accountId: accountId.value })
 }
 
 const selectMaterial = (item) => {
@@ -448,6 +448,7 @@ div {
     padding: 518px 25px 88px;
     position: relative;
     box-sizing: border-box;
+
     /*第一级菜单*/
     .menu_main {
       .menu_bottom {
@@ -517,6 +518,7 @@ div {
       }
     }
   }
+
   /*右边菜单内容*/
   .right {
     float: left;
@@ -526,14 +528,17 @@ div {
     margin-left: 20px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
+
     .configure_page {
       .delete_btn {
         text-align: right;
         margin-bottom: 15px;
       }
+
       .menu_content {
         margin-top: 20px;
       }
+
       .configur_content {
         margin-top: 20px;
         background-color: #fff;
@@ -569,6 +574,7 @@ div {
       }
     }
   }
+
   .el-input {
     width: 70%;
     margin-right: 2%;
@@ -581,21 +587,25 @@ div {
   text-align: right;
   margin-right: 25px;
 }
+
 .select-item {
   width: 280px;
   padding: 10px;
   margin: 0 auto 10px auto;
   border: 1px solid #eaeaea;
 }
+
 .select-item2 {
   padding: 10px;
   margin: 0 auto 10px auto;
   border: 1px solid #eaeaea;
 }
+
 .ope-row {
   padding-top: 10px;
   text-align: center;
 }
+
 .item-name {
   font-size: 12px;
   overflow: hidden;
diff --git a/src/views/mp/wx-statistics/index.vue b/src/views/mp/wx-statistics/index.vue
index 04d49959..a47f2125 100644
--- a/src/views/mp/wx-statistics/index.vue
+++ b/src/views/mp/wx-statistics/index.vue
@@ -1,26 +1,17 @@
 <template>
   <div class="layout-padding">
-    <el-card class="layout-padding-auto">
+    <div class="layout-padding-auto layout-padding-view">
       <el-row>
         <div class="mb8" style="width: 100%">
-          <el-date-picker
-              v-model="beginTime"
-              class="input_width"
-              placeholder="选择开始时间"
-              @change="check">
+          <el-date-picker v-model="beginTime" class="input_width" placeholder="选择开始时间" @change="check">
           </el-date-picker>
-          <el-date-picker
-              v-model="endTime"
-              class="input_width"
-              placeholder="选择结束时间"
-              @change="check">
+          <el-date-picker v-model="endTime" class="input_width" placeholder="选择结束时间" @change="check">
           </el-date-picker>
         </div>
       </el-row>
-      <el-row >
+      <el-row>
         <el-col :span="4" :xs="24">
-          <query-tree :query="deptData.queryList"
-                      @node-click="handleNodeClick"/>
+          <query-tree :query="deptData.queryList" @node-click="handleNodeClick" />
         </el-col>
         <el-col :span="20">
           <el-row :gutter="15" class="home-card-two mb15">
@@ -51,15 +42,15 @@
           </el-row>
         </el-col>
       </el-row>
-    </el-card>
+    </div>
   </div>
 </template>
 
 <script setup lang="ts" name="wx-statistics">
 
-import {useMessage} from "/@/hooks/message";
-import {fetchAccountList, fetchStatistics} from "/@/api/mp/wx-account";
-import {markRaw} from "vue";
+import { useMessage } from "/@/hooks/message";
+import { fetchAccountList, fetchStatistics } from "/@/api/mp/wx-account";
+import { markRaw } from "vue";
 import * as echarts from "echarts";
 
 const QueryTree = defineAsyncComponent(() => import('/@/components/QueryTree/index.vue'))
@@ -67,7 +58,7 @@ const QueryTree = defineAsyncComponent(() => import('/@/components/QueryTree/ind
 const beginTime = ref(new Date().getTime() - 3600 * 1000 * 24 * 7)
 const endTime = ref(new Date().getTime() - 3600 * 1000 * 24)
 
-const check = () =>  {
+const check = () => {
   const start = new Date(beginTime.value)
   const end = new Date(endTime.value)
   if (end.getTime() >= new Date().getTime()) {
@@ -202,7 +193,7 @@ const interfaceSummary = () => {
 
 
 const LintData = ref([
-    [],[],[],[],[],[],[],[]
+  [], [], [], [], [], [], [], []
 ])
 
 
@@ -222,7 +213,7 @@ const initdata = () => {
 </script>
 
 <style scoped>
-.home-card-item{
+.home-card-item {
   width: 100%;
   height: 400px;
   border-radius: 4px;
@@ -234,5 +225,4 @@ const initdata = () => {
   border: 1px solid var(--next-border-color-light);
   margin-top: 20px;
 }
-
 </style>
diff --git a/src/views/pay/channel/index.vue b/src/views/pay/channel/index.vue
index d2d8f388..dee433ed 100644
--- a/src/views/pay/channel/index.vue
+++ b/src/views/pay/channel/index.vue
@@ -1,16 +1,16 @@
 <template>
     <div class="layout-padding">
-        <el-card class="layout-padding-auto">
+        <div class="layout-padding-auto layout-padding-view">
             <el-row class="mb8" v-show="showSearch">
                 <el-form :inline="true" :model="state.queryForm" @keyup.enter="getDataList" ref="queryRef">
                     <el-form-item :label="$t('channel.channelName')" prop="channelName">
                         <el-input :placeholder="t('channel.inputChannelNameTip')" style="max-width: 180px"
-                                  v-model="state.queryForm.channelName"/>
+                            v-model="state.queryForm.channelName" />
                     </el-form-item>
                     <el-form-item :label="t('channel.state')" prop="state">
                         <el-select v-model="state.queryForm.state">
                             <el-option :key="item.value" :label="item.label" :value="item.value"
-                                       v-for="item in status_type">
+                                v-for="item in status_type">
                             </el-option>
                         </el-select>
                     </el-form-item>
@@ -26,133 +26,129 @@
             <el-row>
                 <div class="mb8" style="width: 100%">
                     <el-button @click="formDialogRef.openDialog()" class="ml10" formDialogRef icon="folder-add"
-                               type="primary"
-                               v-auth="'pay_channel_add'">
+                        type="primary" v-auth="'pay_channel_add'">
                         {{ $t('common.addBtn') }}
                     </el-button>
                     <el-button @click="exportExcel" class="ml10" formDialogRef icon="Download" type="primary"
-                               v-auth="'pay_channel_export'">
+                        v-auth="'pay_channel_export'">
                         {{ $t('common.exportBtn') }}
                     </el-button>
                     <el-button :disabled="multiple" @click="handleDelete(selectObjs)" class="ml10" formDialogRef
-                               icon="Delete"
-                               type="primary" v-auth="'pay_channel_del'">
+                        icon="Delete" type="primary" v-auth="'pay_channel_del'">
                         {{ $t('common.delBtn') }}
                     </el-button>
                     <right-toolbar @queryTable="getDataList" class="ml10" style="float: right;margin-right: 20px"
-                                   v-model:showSearch="showSearch"></right-toolbar>
+                        v-model:showSearch="showSearch"></right-toolbar>
                 </div>
             </el-row>
             <el-table :data="state.dataList" @selection-change="handleSelectionChange" @sort-change="sortChangeHandle"
-                      border max-height="300" style="width: 100%" v-loading="state.loading">
-                <el-table-column align="center" type="selection" width="60"/>
-                <el-table-column :label="t('channel.index')" fixed type="index" width="80"/>
-                <el-table-column :label="t('channel.appId')" prop="appId" show-overflow-tooltip width="160"/>
-                <el-table-column :label="t('channel.channelName')" prop="channelName" show-overflow-tooltip
-                                 width="100"/>
-                <el-table-column :label="t('channel.mchId')" prop="mchId" show-overflow-tooltip width="120"/>
+                border max-height="300" style="width: 100%" v-loading="state.loading">
+                <el-table-column align="center" type="selection" width="60" />
+                <el-table-column :label="t('channel.index')" fixed type="index" width="80" />
+                <el-table-column :label="t('channel.appId')" prop="appId" show-overflow-tooltip width="160" />
+                <el-table-column :label="t('channel.channelName')" prop="channelName" show-overflow-tooltip width="100" />
+                <el-table-column :label="t('channel.mchId')" prop="mchId" show-overflow-tooltip width="120" />
                 <el-table-column :label="t('channel.state')" prop="state" show-overflow-tooltip width="100">
                     <template #default="scope">
                         <dict-tag :options="status_type" :value="scope.row.state"></dict-tag>
                     </template>
                 </el-table-column>
-                <el-table-column :label="t('channel.returnUrl')" prop="returnUrl" show-overflow-tooltip width="200"/>
-                <el-table-column :label="t('channel.notifyUrl')" prop="notifyUrl" show-overflow-tooltip width="200"/>
-                <el-table-column :label="t('channel.remark')" prop="remark" show-overflow-tooltip width="120"/>
-                <el-table-column :label="t('channel.param')" prop="param" show-overflow-tooltip width="160"/>
-                <el-table-column :label="t('channel.createTime')" prop="createTime" show-overflow-tooltip width="180"/>
+                <el-table-column :label="t('channel.returnUrl')" prop="returnUrl" show-overflow-tooltip width="200" />
+                <el-table-column :label="t('channel.notifyUrl')" prop="notifyUrl" show-overflow-tooltip width="200" />
+                <el-table-column :label="t('channel.remark')" prop="remark" show-overflow-tooltip width="120" />
+                <el-table-column :label="t('channel.param')" prop="param" show-overflow-tooltip width="160" />
+                <el-table-column :label="t('channel.createTime')" prop="createTime" show-overflow-tooltip width="180" />
 
                 <el-table-column :label="$t('common.action')" fixed="right" width="150">
                     <template #default="scope">
                         <el-button @click="formDialogRef.openDialog(scope.row.id)" text type="primary"
-                                   v-auth="'pay_channel_edit'">{{ $t('common.editBtn') }}
+                            v-auth="'pay_channel_edit'">{{ $t('common.editBtn') }}
                         </el-button>
                         <el-button @click="handleDelete([scope.row.id])" text type="primary" v-auth="'pay_channel_del'">
                             {{
-                            $t('common.delBtn')
+                                $t('common.delBtn')
                             }}
                         </el-button>
                     </template>
                 </el-table-column>
             </el-table>
-            <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle"
-                        v-bind="state.pagination"/>
-        </el-card>
+            <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle" v-bind="state.pagination" />
+        </div>
 
         <!-- 编辑、新增  -->
-        <form-dialog @refresh="getDataList(false)" ref="formDialogRef"/>
+        <form-dialog @refresh="getDataList(false)" ref="formDialogRef" />
     </div>
 </template>
 
 <script lang="ts" name="systemPayChannel" setup>
-    import {BasicTableProps, useTable} from "/@/hooks/table";
-    import {delObjs, fetchList} from "/@/api/pay/channel";
-    import {useMessage, useMessageBox} from "/@/hooks/message";
-    import {useI18n} from "vue-i18n";
-    import {useDict} from "/@/hooks/dict";
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { delObjs, fetchList } from "/@/api/pay/channel";
+import { useMessage, useMessageBox } from "/@/hooks/message";
+import { useI18n } from "vue-i18n";
+import { useDict } from "/@/hooks/dict";
 
-    // 引入组件
-    const FormDialog = defineAsyncComponent(() => import('./form.vue'));
-    const {t} = useI18n()
-    // 定义查询字典
-    const {status_type} = useDict('status_type')
-    // 定义变量内容
-    const formDialogRef = ref()
-    // 搜索变量
-    const queryRef = ref()
-    const showSearch = ref(true)
-    // 多选变量
-    const selectObjs = ref([]) as any
-    const multiple = ref(true)
+// 引入组件
+const FormDialog = defineAsyncComponent(() => import('./form.vue'));
+const { t } = useI18n()
+// 定义查询字典
+const { status_type } = useDict('status_type')
+// 定义变量内容
+const formDialogRef = ref()
+// 搜索变量
+const queryRef = ref()
+const showSearch = ref(true)
+// 多选变量
+const selectObjs = ref([]) as any
+const multiple = ref(true)
 
-    const state: BasicTableProps = reactive<BasicTableProps>({
-        queryForm: {},
-        pageList: fetchList,
-        descs: ['create_time']
-    })
+const state: BasicTableProps = reactive<BasicTableProps>({
+    queryForm: {},
+    pageList: fetchList,
+    descs: ['create_time']
+})
 
-    //  table hook
-    const {
-        getDataList,
-        currentChangeHandle,
-        sizeChangeHandle,
-        sortChangeHandle,
-        downBlobFile
-    } = useTable(state)
+//  table hook
+const {
+    getDataList,
+    currentChangeHandle,
+    sizeChangeHandle,
+    sortChangeHandle,
+    downBlobFile
+} = useTable(state)
 
+// 清空搜索条件
+const resetQuery = () => {
     // 清空搜索条件
-    const resetQuery = () => {
-        // 清空搜索条件
-        queryRef.value.resetFields()
-        // 清空多选
-        selectObjs.value = []
-        getDataList()
-    }
+    queryRef.value.resetFields()
+    // 清空多选
+    selectObjs.value = []
+    getDataList()
+}
 
-    // 导出excel
-    const exportExcel = () => {
-        downBlobFile('/admin/channel/export', state.queryForm, 'channel.xlsx')
-    }
+// 导出excel
+const exportExcel = () => {
+    downBlobFile('/admin/channel/export', state.queryForm, 'channel.xlsx')
+}
 
-    // 多选事件
-    const handleSelectionChange = (objs: any) => {
-        selectObjs.value = []
-        objs.forEach((val: any) => {
-            selectObjs.value.push(val.id)
-        });
-        multiple.value = !objs.length
-    }
+// 多选事件
+const handleSelectionChange = (objs: any) => {
+    selectObjs.value = []
+    objs.forEach((val: any) => {
+        selectObjs.value.push(val.id)
+    });
+    multiple.value = !objs.length
+}
 
-    // 删除操作
-    const handleDelete = (ids: string[]) => {
-        useMessageBox().confirm(t('common.delConfirmText'))
-            .then(() => {
-                delObjs(ids).then(() => {
-                    getDataList(false);
-                    useMessage().success(t('common.delSuccessText'));
-                }).catch((err: any) => {
-                    useMessage().error(err.msg)
-                })
+// 删除操作
+const handleDelete = (ids: string[]) => {
+    useMessageBox().confirm(t('common.delConfirmText'))
+        .then(() => {
+            delObjs(ids).then(() => {
+                getDataList(false);
+                useMessage().success(t('common.delSuccessText'));
+            }).catch((err: any) => {
+                useMessage().error(err.msg)
             })
-    };
+        })
+};
 </script>
diff --git a/src/views/pay/order/index.vue b/src/views/pay/order/index.vue
index 6e7efba9..6cd9b116 100644
--- a/src/views/pay/order/index.vue
+++ b/src/views/pay/order/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="layout-padding">
-    <el-card class="layout-padding-auto">
+    <div class="layout-padding-auto layout-padding-view">
       <el-row class="mb8" v-show="showSearch">
         <el-form :inline="true" :model="state.queryForm" @keyup.enter="getDataList" ref="queryRef">
 
@@ -13,7 +13,7 @@
 
           <el-form-item :label="$t('order.payOrderId')" prop="payOrderId">
             <el-input :placeholder="t('order.inputPayOrderIdTip')" style="max-width: 180px"
-                      v-model="state.queryForm.payOrderId"/>
+              v-model="state.queryForm.payOrderId" />
           </el-form-item>
           <el-form-item class="ml2">
             <el-button @click="getDataList" formDialogRef icon="search" type="primary">
@@ -27,56 +27,55 @@
       <el-row>
         <div class="mb8" style="width: 100%">
           <el-button @click="exportExcel" class="ml10" formDialogRef icon="Download" type="primary"
-                     v-auth="'pay_order_export'">
+            v-auth="'pay_order_export'">
             {{ $t('common.exportBtn') }}
           </el-button>
-          <el-button :disabled="multiple" @click="handleDelete(selectObjs)" class="ml10" formDialogRef
-                     icon="Delete" type="primary" v-auth="'pay_order_del'">
+          <el-button :disabled="multiple" @click="handleDelete(selectObjs)" class="ml10" formDialogRef icon="Delete"
+            type="primary" v-auth="'pay_order_del'">
             {{ $t('common.delBtn') }}
           </el-button>
           <right-toolbar @queryTable="getDataList" class="ml10" style="float: right;margin-right: 20px"
-                         v-model:showSearch="showSearch"></right-toolbar>
+            v-model:showSearch="showSearch"></right-toolbar>
         </div>
       </el-row>
-      <el-table :data="state.dataList" @selection-change="handleSelectionChange" @sort-change="sortChangeHandle"
-                border style="width: 100%" v-loading="state.loading">
-        <el-table-column align="center" type="selection" width="60"/>
-        <el-table-column :label="t('order.index')" type="index" width="80"/>
-        <el-table-column :label="t('order.goodsId')" prop="goodsId" show-overflow-tooltip/>
-        <el-table-column :label="t('order.goodsName')" prop="goodsName" show-overflow-tooltip/>
-        <el-table-column :label="t('order.amount')" prop="amount" show-overflow-tooltip/>
+      <el-table :data="state.dataList" @selection-change="handleSelectionChange" @sort-change="sortChangeHandle" border
+        style="width: 100%" v-loading="state.loading">
+        <el-table-column align="center" type="selection" width="60" />
+        <el-table-column :label="t('order.index')" type="index" width="80" />
+        <el-table-column :label="t('order.goodsId')" prop="goodsId" show-overflow-tooltip />
+        <el-table-column :label="t('order.goodsName')" prop="goodsName" show-overflow-tooltip />
+        <el-table-column :label="t('order.amount')" prop="amount" show-overflow-tooltip />
         <el-table-column :label="t('order.status')" prop="status" show-overflow-tooltip>
           <template #default="scope">
             <dict-tag :options="dictType" :value="scope.row.status"></dict-tag>
           </template>
         </el-table-column>
-        <el-table-column :label="t('order.payOrderId')" prop="payOrderId" show-overflow-tooltip/>
-        <el-table-column :label="t('order.createTime')" prop="createTime" show-overflow-tooltip/>
+        <el-table-column :label="t('order.payOrderId')" prop="payOrderId" show-overflow-tooltip />
+        <el-table-column :label="t('order.createTime')" prop="createTime" show-overflow-tooltip />
 
 
         <el-table-column :label="$t('common.action')" width="150">
           <template #default="scope">
-            <el-button @click="handleDelete([scope.row.goodsOrderId])" text type="primary"
-                       v-auth="'pay_order_del'">{{
-                $t('common.delBtn')
-              }}
+            <el-button @click="handleDelete([scope.row.goodsOrderId])" text type="primary" v-auth="'pay_order_del'">{{
+              $t('common.delBtn')
+            }}
             </el-button>
           </template>
         </el-table-column>
       </el-table>
-      <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle" v-bind="state.pagination"/>
-    </el-card>
+      <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle" v-bind="state.pagination" />
+    </div>
   </div>
 </template>
 
 <script lang="ts" name="systemPayGoodsOrder" setup>
-import {BasicTableProps, useTable} from "/@/hooks/table";
-import {delObjs, fetchList} from "/@/api/pay/goods";
-import {useMessage, useMessageBox} from "/@/hooks/message";
-import {useI18n} from "vue-i18n";
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { delObjs, fetchList } from "/@/api/pay/goods";
+import { useMessage, useMessageBox } from "/@/hooks/message";
+import { useI18n } from "vue-i18n";
 
 // 引入组件
-const {t} = useI18n()
+const { t } = useI18n()
 // 搜索变量
 const queryRef = ref()
 const showSearch = ref(true)
@@ -143,13 +142,13 @@ const handleSelectionChange = (objs: any) => {
 // 删除操作
 const handleDelete = (ids: string[]) => {
   useMessageBox().confirm(t('common.delConfirmText'))
-      .then(() => {
-        delObjs(ids).then(() => {
-          getDataList(false);
-          useMessage().success(t('common.delSuccessText'));
-        }).catch((err: any) => {
-          useMessage().error(err.msg)
-        })
+    .then(() => {
+      delObjs(ids).then(() => {
+        getDataList(false);
+        useMessage().success(t('common.delSuccessText'));
+      }).catch((err: any) => {
+        useMessage().error(err.msg)
       })
+    })
 };
 </script>
diff --git a/src/views/pay/record/index.vue b/src/views/pay/record/index.vue
index c874cb8f..6f501a01 100644
--- a/src/views/pay/record/index.vue
+++ b/src/views/pay/record/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="layout-padding">
-        <el-card class="layout-padding-auto">
+        <div class="layout-padding-auto layout-padding-view">
             <el-row class="mb8" v-show="showSearch">
                 <el-form :inline="true" :model="state.queryForm" @keyup.enter="getDataList" ref="queryRef">
                     <el-form-item :label="$t('record.notifyId')" prop="notifyId">
@@ -54,7 +54,7 @@
                 </el-table-column>
             </el-table>
             <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle" v-bind="state.pagination" />
-        </el-card>
+        </div>
     </div>
 </template>
 
diff --git a/src/views/pay/refund/index.vue b/src/views/pay/refund/index.vue
index 2c88961b..bed3bfb1 100644
--- a/src/views/pay/refund/index.vue
+++ b/src/views/pay/refund/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="layout-padding">
-        <el-card class="layout-padding-auto">
+        <div class="layout-padding-auto layout-padding-view">
             <el-row class="mb8" v-show="showSearch">
                 <el-form :inline="true" :model="state.queryForm" @keyup.enter="getDataList" ref="queryRef">
                     <el-form-item :label="$t('refund.refundOrderId')" prop="refundOrderId">
@@ -60,7 +60,7 @@
                 </el-table-column>
             </el-table>
             <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle" v-bind="state.pagination" />
-        </el-card>
+        </div>
     </div>
 </template>
 
diff --git a/src/views/pay/trade/index.vue b/src/views/pay/trade/index.vue
index 0629fcbb..d2da0686 100644
--- a/src/views/pay/trade/index.vue
+++ b/src/views/pay/trade/index.vue
@@ -1,11 +1,11 @@
 <template>
   <div class="layout-padding">
-    <el-card class="layout-padding-auto">
+    <div class="layout-padding-auto layout-padding-view">
       <el-row class="mb8" v-show="showSearch">
         <el-form :inline="true" :model="state.queryForm" @keyup.enter="getDataList" ref="queryRef">
           <el-form-item :label="$t('trade.orderId')" prop="orderId">
             <el-input :placeholder="t('trade.inputOrderIdTip')" style="max-width: 180px"
-                      v-model="state.queryForm.orderId"/>
+              v-model="state.queryForm.orderId" />
           </el-form-item>
 
           <el-form-item :label="t('trade.status')" prop="status">
@@ -27,69 +27,66 @@
       <el-row>
         <div class="mb8" style="width: 100%">
           <el-button @click="exportExcel" class="ml10" formDialogRef icon="Download" type="primary"
-                     v-auth="'pay_trade_export'">
+            v-auth="'pay_trade_export'">
             {{ $t('common.exportBtn') }}
           </el-button>
-          <el-button :disabled="multiple" @click="handleDelete(selectObjs)" class="ml10" formDialogRef
-                     icon="Delete" type="primary" v-auth="'pay_trade_del'">
+          <el-button :disabled="multiple" @click="handleDelete(selectObjs)" class="ml10" formDialogRef icon="Delete"
+            type="primary" v-auth="'pay_trade_del'">
             {{ $t('common.delBtn') }}
           </el-button>
           <right-toolbar @queryTable="getDataList" class="ml10" style="float: right;margin-right: 20px"
-                         v-model:showSearch="showSearch"></right-toolbar>
+            v-model:showSearch="showSearch"></right-toolbar>
         </div>
       </el-row>
-      <el-table :data="state.dataList" @selection-change="handleSelectionChange" @sort-change="sortChangeHandle"
-                border style="width: 100%" v-loading="state.loading">
-        <el-table-column align="center" type="selection" width="60"/>
-        <el-table-column :label="t('trade.index')" fixed type="index" width="80"/>
-        <el-table-column :label="t('trade.orderId')" prop="orderId" show-overflow-tooltip width="120"/>
-        <el-table-column :label="t('trade.channelId')" prop="channelId" show-overflow-tooltip width="120"/>
-        <el-table-column :label="t('trade.channelMchId')" prop="channelMchId" show-overflow-tooltip width="120"/>
-        <el-table-column :label="t('trade.channelOrderNo')" prop="channelOrderNo" show-overflow-tooltip
-                         width="120"/>
-        <el-table-column :label="t('trade.body')" prop="body" show-overflow-tooltip width="120"/>
-        <el-table-column :label="t('trade.amount')" prop="amount" show-overflow-tooltip width="120"/>
+      <el-table :data="state.dataList" @selection-change="handleSelectionChange" @sort-change="sortChangeHandle" border
+        style="width: 100%" v-loading="state.loading">
+        <el-table-column align="center" type="selection" width="60" />
+        <el-table-column :label="t('trade.index')" fixed type="index" width="80" />
+        <el-table-column :label="t('trade.orderId')" prop="orderId" show-overflow-tooltip width="120" />
+        <el-table-column :label="t('trade.channelId')" prop="channelId" show-overflow-tooltip width="120" />
+        <el-table-column :label="t('trade.channelMchId')" prop="channelMchId" show-overflow-tooltip width="120" />
+        <el-table-column :label="t('trade.channelOrderNo')" prop="channelOrderNo" show-overflow-tooltip width="120" />
+        <el-table-column :label="t('trade.body')" prop="body" show-overflow-tooltip width="120" />
+        <el-table-column :label="t('trade.amount')" prop="amount" show-overflow-tooltip width="120" />
         <el-table-column :label="t('trade.status')" prop="status" show-overflow-tooltip width="120">
           <template #default="scope">
             <dict-tag :options="dictType" :value="scope.row.status"></dict-tag>
           </template>
         </el-table-column>
-        <el-table-column :label="t('trade.clientIp')" prop="clientIp" show-overflow-tooltip width="120"/>
-        <el-table-column :label="t('trade.paySuccTime')" prop="paySuccTime" show-overflow-tooltip width="120"/>
-        <el-table-column :label="t('trade.createTime')" prop="createTime" show-overflow-tooltip width="160"/>
+        <el-table-column :label="t('trade.clientIp')" prop="clientIp" show-overflow-tooltip width="120" />
+        <el-table-column :label="t('trade.paySuccTime')" prop="paySuccTime" show-overflow-tooltip width="120" />
+        <el-table-column :label="t('trade.createTime')" prop="createTime" show-overflow-tooltip width="160" />
 
         <el-table-column :label="$t('common.action')" fixed="right" width="150">
           <template #default="scope">
             <el-button @click="refundDialogRef.openDialog(scope.row.orderId)" text type="primary"
-                       v-if="scope.row.status === '1'"
-                       v-auth="'pay_trade_del'">{{
+              v-if="scope.row.status === '1'" v-auth="'pay_trade_del'">{{
                 $t('trade.refundBtn')
               }}
             </el-button>
-            <el-button @click="handleDelete([scope.row.orderId])" text type="primary"
-                       v-auth="'pay_trade_del'">{{
-                $t('common.delBtn')
-              }}
+            <el-button @click="handleDelete([scope.row.orderId])" text type="primary" v-auth="'pay_trade_del'">{{
+              $t('common.delBtn')
+            }}
             </el-button>
           </template>
         </el-table-column>
       </el-table>
-      <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle" v-bind="state.pagination"/>
-    </el-card>
+      <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle" v-bind="state.pagination" />
+    </div>
 
-    <refund-dialog @refresh="getDataList(false)" ref="refundDialogRef"/>
+    <refund-dialog @refresh="getDataList(false)" ref="refundDialogRef" />
   </div>
 </template>
 
 <script lang="ts" name="systemPayTradeOrder" setup>
-import {BasicTableProps, useTable} from "/@/hooks/table";
-import {delObjs, fetchList} from "/@/api/pay/trade";
-import {useMessage, useMessageBox} from "/@/hooks/message";
-import {useI18n} from "vue-i18n";
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { delObjs, fetchList } from "/@/api/pay/trade";
+import { useMessage, useMessageBox } from "/@/hooks/message";
+import { useI18n } from "vue-i18n";
 
 // 引入组件
 const RefundDialog = defineAsyncComponent(() => import('./refund.vue'));
-const {t} = useI18n()
+const { t } = useI18n()
 // 定义查询字典
 
 // 定义变量内容
@@ -163,13 +160,13 @@ const handleSelectionChange = (objs: any) => {
 // 删除操作
 const handleDelete = (ids: string[]) => {
   useMessageBox().confirm(t('common.delConfirmText'))
-      .then(() => {
-        delObjs(ids).then(() => {
-          getDataList(false);
-          useMessage().success(t('common.delSuccessText'));
-        }).catch((err: any) => {
-          useMessage().error(err.msg)
-        })
+    .then(() => {
+      delObjs(ids).then(() => {
+        getDataList(false);
+        useMessage().success(t('common.delSuccessText'));
+      }).catch((err: any) => {
+        useMessage().error(err.msg)
       })
+    })
 };
 </script>