diff --git a/src/api/app/appmenu.ts b/src/api/app/appmenu.ts
index 125a959e..3a3193d4 100644
--- a/src/api/app/appmenu.ts
+++ b/src/api/app/appmenu.ts
@@ -1,49 +1,94 @@
 import request from "/@/utils/request";
+import {getDetailsByPhone} from "/@/api/admin/user";
 
 export const pageList = (params?: Object) => {
-  return request({
-    url: '/admin/appmenu/tree',
-    method: "get",
-    params
-  })
+    return request({
+        url: '/admin/appmenu/tree',
+        method: "get",
+        params
+    })
 }
 
 export const info = (id: String) => {
-  return request({
-    url: `/admin/appmenu/${id}`,
-    method: "get",
-  })
+    return request({
+        url: `/admin/appmenu/${id}`,
+        method: "get",
+    })
 }
 
 export const save = (data: Object) => {
-  return request({
-    url: '/admin/appmenu',
-    method: "post",
-    data: data
-  })
+    return request({
+        url: '/admin/appmenu',
+        method: "post",
+        data: data
+    })
 }
 
 export const update = (data: Object) => {
-  return request({
-    url: '/admin/appmenu',
-    method: "put",
-    data: data
-  })
+    return request({
+        url: '/admin/appmenu',
+        method: "put",
+        data: data
+    })
 }
 
 export const addObj = (data: Object) => {
-  return request({
-    url: '/admin/appmenu',
-    method: "post",
-    data: data
-  })
+    return request({
+        url: '/admin/appmenu',
+        method: "post",
+        data: data
+    })
 }
 
-export function delObj (ids?:object)  {
-  return request({
-    url: '/admin/appmenu',
-    method: 'delete',
-    data:ids
-  })
+export function delObj(ids?: object) {
+    return request({
+        url: '/admin/appmenu',
+        method: 'delete',
+        data: ids
+    })
+}
+
+export function getDetails(obj: Object) {
+    return request({
+        url: '/admin/appmenu/details/' + obj,
+        method: 'get'
+    })
+}
+
+
+export function getDetailsByName(obj: Object) {
+    return request({
+        url: '/admin/appmenu/detailsByName/' + obj,
+        method: 'get'
+    })
+}
+
+export function validatePermission(rule: any, value: any, callback: any, isEdit: boolean) {
+    if (isEdit) {
+        return callback()
+    }
+
+    getDetails(value).then(response => {
+        const result = response.data
+        if (result !== null) {
+            callback(new Error('权限标识已经存在'))
+        } else {
+            callback()
+        }
+    })
+}
+
+export function validateByName(rule: any, value: any, callback: any, isEdit: boolean) {
+    if (isEdit) {
+        return callback()
+    }
+    getDetailsByName(value).then(response => {
+        const result = response.data
+        if (result !== null) {
+            callback(new Error('菜单名称已经存在'))
+        } else {
+            callback()
+        }
+    })
 }
 
diff --git a/src/api/app/approle.ts b/src/api/app/approle.ts
index 9d3c3127..726a94eb 100644
--- a/src/api/app/approle.ts
+++ b/src/api/app/approle.ts
@@ -1,65 +1,115 @@
 import request from "/@/utils/request";
 
 export function fetchList(query: any) {
-  return request({
-    url: '/admin/approle/page',
-    method: 'get',
-    params: query
-  })
+    return request({
+        url: '/admin/approle/page',
+        method: 'get',
+        params: query
+    })
 }
 
 export function list() {
-  return request({
-    url: '/admin/approle/list',
-    method: 'get'
-  })
+    return request({
+        url: '/admin/approle/list',
+        method: 'get'
+    })
 }
 
 export function addObj(obj: any) {
-  return request({
-    url: '/admin/approle',
-    method: 'post',
-    data: obj
-  })
+    return request({
+        url: '/admin/approle',
+        method: 'post',
+        data: obj
+    })
 }
 
 export function getObj(id: string) {
-  return request({
-    url: '/admin/approle/' + id,
-    method: 'get'
-  })
+    return request({
+        url: '/admin/approle/' + id,
+        method: 'get'
+    })
 }
 
-export function delObj( ids?:object ) {
-  return request({
-    url: '/admin/approle',
-    method: 'delete',
-    data:ids
-  })
+export function delObj(ids?: object) {
+    return request({
+        url: '/admin/approle',
+        method: 'delete',
+        data: ids
+    })
 }
 
 export function putObj(obj: any) {
-  return request({
-    url: '/admin/approle',
-    method: 'put',
-    data: obj
-  })
+    return request({
+        url: '/admin/approle',
+        method: 'put',
+        data: obj
+    })
 }
 
 export function fetchRoleTree(roleId: string) {
-  return request({
-    url: '/admin/appmenu/tree/' + roleId,
-    method: 'get'
-  })
+    return request({
+        url: '/admin/appmenu/tree/' + roleId,
+        method: 'get'
+    })
 }
 
 export function permissionUpd(roleId: string, menuIds: string) {
-  return request({
-    url: '/admin/approle/menu',
-    method: 'put',
-    data: {
-      roleId: roleId,
-      menuIds: menuIds
-    }
-  })
+    return request({
+        url: '/admin/approle/menu',
+        method: 'put',
+        data: {
+            roleId: roleId,
+            menuIds: menuIds
+        }
+    })
+}
+
+export function getDetails(obj: Object) {
+    return request({
+        url: '/admin/approle/details/' + obj,
+        method: 'get'
+    })
+}
+
+
+export function getDetailsByPhone(obj: Object) {
+    return request({
+        url: '/admin/approle/detailsByCode/' + obj,
+        method: 'get'
+    })
+}
+
+
+export function validateApproleName(rule: any, value: any, callback: any, isEdit: boolean) {
+    const flag = new RegExp(/^([a-z\u4e00-\u9fa5\d]+?)$/).test(value)
+    if (!flag) {
+        callback(new Error('用户名支持小写英文、数字、中文'))
+    }
+
+    if (isEdit) {
+        return callback()
+    }
+
+    getDetails(value).then(response => {
+        const result = response.data
+        if (result !== null) {
+            callback(new Error('用户名已经存在'))
+        } else {
+            callback()
+        }
+    })
+}
+
+export function validateAppRoleCode(rule: any, value: any, callback: any, isEdit: boolean) {
+    if (isEdit) {
+        return callback()
+    }
+    getDetailsByPhone(value).then(response => {
+        const result = response.data
+        if (result !== null) {
+            callback(new Error('角色标识已经存在'))
+        } else {
+            callback()
+        }
+    })
 }
diff --git a/src/api/app/appuser.ts b/src/api/app/appuser.ts
index 9909cb3f..f2902dd3 100644
--- a/src/api/app/appuser.ts
+++ b/src/api/app/appuser.ts
@@ -1,40 +1,92 @@
 import request from "/@/utils/request"
 
 export function fetchList(query: any) {
-  return request({
-    url: '/admin/appuser/page',
-    method: 'get',
-    params: query
-  })
+    return request({
+        url: '/admin/appuser/page',
+        method: 'get',
+        params: query
+    })
 }
 
 export function addObj(obj: any) {
-  return request({
-    url: '/admin/appuser',
-    method: 'post',
-    data: obj
-  })
+    return request({
+        url: '/admin/appuser',
+        method: 'post',
+        data: obj
+    })
 }
 
 export function getObj(id: string) {
-  return request({
-    url: '/admin/appuser/' + id,
-    method: 'get'
-  })
+    return request({
+        url: '/admin/appuser/' + id,
+        method: 'get'
+    })
 }
 
 export function delObj(ids?: object) {
-  return request({
-    url: '/admin/appuser/',
-    method: 'delete',
-    data:ids
-  })
+    return request({
+        url: '/admin/appuser/',
+        method: 'delete',
+        data: ids
+    })
 }
 
 export function putObj(obj: any) {
-  return request({
-    url: '/admin/appuser',
-    method: 'put',
-    data: obj
-  })
+    return request({
+        url: '/admin/appuser',
+        method: 'put',
+        data: obj
+    })
 }
+
+
+export function getDetails(obj: Object) {
+    return request({
+        url: '/admin/appuser/details/' + obj,
+        method: 'get'
+    })
+}
+
+
+export function getDetailsByPhone(obj: Object) {
+    return request({
+        url: '/admin/appuser/detailsByPhone/' + obj,
+        method: 'get'
+    })
+}
+
+export function validateUsername(rule: any, value: any, callback: any, isEdit: boolean) {
+    const flag = new RegExp(/^([a-z\u4e00-\u9fa5\d]+?)$/).test(value)
+    if (!flag) {
+        callback(new Error('用户名支持小写英文、数字、中文'))
+    }
+
+    if (isEdit) {
+        return callback()
+    }
+
+    getDetails(value).then(response => {
+        const result = response.data
+        if (result !== null) {
+            callback(new Error('用户名已经存在'))
+        } else {
+            callback()
+        }
+    })
+}
+
+export function validatePhone(rule: any, value: any, callback: any, isEdit: boolean) {
+    if (isEdit) {
+        return callback()
+    }
+    getDetailsByPhone(value).then(response => {
+        const result = response.data
+        if (result !== null) {
+            callback(new Error('手机号已经存在'))
+        } else {
+            callback()
+        }
+    })
+}
+
+
diff --git a/src/api/oa/leave-bill.ts b/src/api/oa/leave-bill.ts
new file mode 100644
index 00000000..de553bf0
--- /dev/null
+++ b/src/api/oa/leave-bill.ts
@@ -0,0 +1,46 @@
+import request from '/@/utils/request';
+
+export function fetchList(query) {
+  return request({
+    url: '/admin/leave-bill/page',
+    method: 'get',
+    params: query
+  })
+}
+
+export function addObj(obj) {
+  return request({
+    url: '/admin/leave-bill',
+    method: 'post',
+    data: obj
+  })
+}
+
+export function getObj(id) {
+  return request({
+    url: '/admin/leave-bill/' + id,
+    method: 'get'
+  })
+}
+
+export function submit(id) {
+  return request({
+    url: '/admin/leave-bill/submit/' + id,
+    method: 'get'
+  })
+}
+
+export function delObj(id) {
+  return request({
+    url: '/admin/leave-bill/' + id,
+    method: 'delete'
+  })
+}
+
+export function putObj(obj) {
+  return request({
+    url: '/admin/leave-bill/',
+    method: 'put',
+    data: obj
+  })
+}
diff --git a/src/api/oa/model.ts b/src/api/oa/model.ts
new file mode 100644
index 00000000..4de5bd3e
--- /dev/null
+++ b/src/api/oa/model.ts
@@ -0,0 +1,46 @@
+import request from '/@/utils/request';
+
+export function fetchList(query) {
+  return request({
+    url: '/admin/model',
+    method: 'get',
+    params: query
+  })
+}
+
+export function delObj(id) {
+  return request({
+    url: '/admin/model/' + id,
+    method: 'delete'
+  })
+}
+
+export function deploy(id) {
+  return request({
+    url: '/admin/model/deploy/' + id,
+    method: 'post'
+  })
+}
+
+export function addObj(obj) {
+  return request({
+    url: '/admin/model/insert',
+    method: 'post',
+    data: obj
+  })
+}
+
+export function getObj(id) {
+  return request({
+    url: '/admin/log/' + id,
+    method: 'get'
+  })
+}
+
+export function putObj(obj) {
+  return request({
+    url: '/admin/log/',
+    method: 'put',
+    data: obj
+  })
+}
diff --git a/src/api/oa/process.ts b/src/api/oa/process.ts
new file mode 100644
index 00000000..3369e76c
--- /dev/null
+++ b/src/api/oa/process.ts
@@ -0,0 +1,23 @@
+import request from '/@/utils/request';
+
+export function fetchList(query) {
+  return request({
+    url: '/admin/process',
+    method: 'get',
+    params: query
+  })
+}
+
+export function delObj(id) {
+  return request({
+    url: '/admin/process/' + id,
+    method: 'delete'
+  })
+}
+
+export function status(id, type) {
+  return request({
+    url: '/admin/process/status/' + id + '/' + type,
+    method: 'put'
+  })
+}
diff --git a/src/api/oa/task.ts b/src/api/oa/task.ts
new file mode 100644
index 00000000..689cdf19
--- /dev/null
+++ b/src/api/oa/task.ts
@@ -0,0 +1,31 @@
+import request from '/@/utils/request';
+
+export function fetchList(query) {
+  return request({
+    url: '/admin/task/todo',
+    method: 'get',
+    params: query
+  })
+}
+
+export function fetchDetail(id) {
+  return request({
+    url: '/admin/task/' + id,
+    method: 'get'
+  })
+}
+
+export function fetchComment(id) {
+  return request({
+    url: '/admin/task/comment/' + id,
+    method: 'get'
+  })
+}
+
+export function doTask(obj) {
+  return request({
+    url: '/admin/task',
+    method: 'post',
+    data: obj
+  })
+}
diff --git a/src/i18n/pages/form/en.ts b/src/i18n/pages/form/en.ts
index 6a367d0d..193d784e 100644
--- a/src/i18n/pages/form/en.ts
+++ b/src/i18n/pages/form/en.ts
@@ -13,6 +13,7 @@ export default {
 		resetBtn: 'reset',
 		action:'action',
 		optSuccessText: 'operation success',
+		optConfirmText: 'Confirm this operation	',
 		editSuccessText: 'edit success',
 		addSuccessText: 'add success',
 		delSuccessText: 'delete success',
diff --git a/src/i18n/pages/form/zh-cn.ts b/src/i18n/pages/form/zh-cn.ts
index 4b74b3dd..ca3ff167 100644
--- a/src/i18n/pages/form/zh-cn.ts
+++ b/src/i18n/pages/form/zh-cn.ts
@@ -16,6 +16,7 @@ export default {
         addSuccessText: '添加成功',
         delSuccessText: '删除成功',
         delConfirmText: '此操作将永久删除',
+        optConfirmText: '是否确认本操作',
         confirmButtonText: '确认',
         cancelButtonText: '取消',
         download: '下载'
diff --git a/src/i18n/pages/login/en.ts b/src/i18n/pages/login/en.ts
index 8be616e9..b4d2d54c 100644
--- a/src/i18n/pages/login/en.ts
+++ b/src/i18n/pages/login/en.ts
@@ -10,7 +10,7 @@ export default {
         one3: 'Third party login',
         two4: 'Links',
     },
-    account: {
+    password: {
         accountPlaceholder1: 'The user name admin or not is common',
         accountPlaceholder2: 'Password: 123456',
         accountPlaceholder3: 'Please enter the verification code',
@@ -23,11 +23,10 @@ export default {
         placeholder2: 'Please enter the verification code',
         codeText: 'Get code',
         btnText: 'Sign in',
-        msgText:
-            'Warm tip: it is recommended to use Google, Microsoft edge, version 79.0.1072.62 and above browsers, and 360 browser, please use speed mode',
     },
     scan: {
         text: 'Open the mobile phone to scan and quickly log in / register',
     },
     signInText: 'welcome back!',
+    browserMsgText: 'Warm tip: it is recommended to use Google, Microsoft edge, version 79.0.1072.62 and above browsers, and 360 browser, please use speed mode',
 };
diff --git a/src/i18n/pages/login/zh-cn.ts b/src/i18n/pages/login/zh-cn.ts
index 823e32ce..f8e70a50 100644
--- a/src/i18n/pages/login/zh-cn.ts
+++ b/src/i18n/pages/login/zh-cn.ts
@@ -10,7 +10,7 @@ export default {
         one3: '第三方登录',
         two4: '友情链接',
     },
-    account: {
+    password: {
         accountPlaceholder1: '请输入用户名',
         accountPlaceholder2: '请输入密码',
         accountPlaceholder3: '请输入验证码',
@@ -23,10 +23,10 @@ export default {
         placeholder2: '请输入验证码',
         codeText: '获取验证码',
         btnText: '登 录',
-        msgText: '* 温馨提示：建议使用谷歌、Microsoft Edge，版本 79.0.1072.62 及以上浏览器，360浏览器请使用极速模式',
     },
     scan: {
         text: '打开手机扫一扫，快速登录/注册',
     },
     signInText: '欢迎回来！',
+    browserMsgText: '* 温馨提示：建议使用谷歌、Microsoft Edge，版本 79.0.1072.62 及以上浏览器，360浏览器请使用极速模式',
 };
diff --git a/src/layout/navBars/breadcrumb/user.vue b/src/layout/navBars/breadcrumb/user.vue
index 95c15e10..98cd66a9 100644
--- a/src/layout/navBars/breadcrumb/user.vue
+++ b/src/layout/navBars/breadcrumb/user.vue
@@ -101,7 +101,7 @@ const GlobalWebsocket = defineAsyncComponent(() => import('/@/components/Websock
 const UserNews = defineAsyncComponent(() => import('/@/layout/navBars/breadcrumb/userNews.vue'));
 const Search = defineAsyncComponent(() => import('/@/layout/navBars/breadcrumb/search.vue'));
 
-const personalDrawer = defineAsyncComponent(() => import("/@/views/personal/index.vue"))
+const personalDrawer = defineAsyncComponent(() => import("/@/views/admin/user/personal.vue"))
 
 // 定义变量内容
 const { locale, t } = useI18n();
diff --git a/src/router/route.ts b/src/router/route.ts
index 4703fce6..241a8902 100644
--- a/src/router/route.ts
+++ b/src/router/route.ts
@@ -101,7 +101,7 @@ export const staticConfigRoutes: Array<RouteRecordRaw> = [
     {
         path: '/personal',
         name: 'personal',
-        component: () => import('/@/views/personal/index.vue'),
+        component: () => import('/@/views/admin/user/personal.vue'),
         meta: {
             "title": "router.personal",
             "isHide": true
diff --git a/src/stores/themeConfig.ts b/src/stores/themeConfig.ts
index b7989ac3..3d2e2537 100644
--- a/src/stores/themeConfig.ts
+++ b/src/stores/themeConfig.ts
@@ -133,11 +133,11 @@ export const useThemeConfig = defineStore('themeConfig', {
              * 全局网站标题 / 副标题
              */
             // 网站主标题（菜单导航、浏览器当前网页标题、登录form顶部右侧）
-            globalTitle: 'PigX 快速开发框架1',
+            globalTitle: 'PigX 快速开发框架',
             // 网站副标题（登录左侧底部页顶部文字）
-            globalViceTitle: 'PigX 快速开发框架2',
+            globalViceTitle: 'PigX 快速开发框架',
             // 网站副标题（登录页顶部文字）
-            globalViceTitleMsg: '专注、免费、开源、维护、解疑3',
+            globalViceTitleMsg: '专注、免费、开源、维护、解疑',
             // 默认初始语言，可选值"<zh-cn|en|zh-tw>"，默认 zh-cn
             globalI18n: 'zh-cn',
             // 默认全局组件大小，可选值"<large|'default'|small>"，默认 'large'
diff --git a/src/theme/app.scss b/src/theme/app.scss
index 5ecae09e..f65a8f55 100644
--- a/src/theme/app.scss
+++ b/src/theme/app.scss
@@ -93,11 +93,13 @@ body,
 		position: absolute;
 		left: 0;
 		top: 0;
+		height: 100%;
 		overflow: hidden;
 		@extend .layout-flex;
 		&-auto {
 			height: inherit;
 			@extend .layout-flex;
+			padding: 10px;
 		}
 		&-view {
 			background: var(--el-color-white);
diff --git a/src/utils/storage.ts b/src/utils/storage.ts
index 09213b4e..28daae33 100644
--- a/src/utils/storage.ts
+++ b/src/utils/storage.ts
@@ -41,24 +41,27 @@ export const Local = {
  */
 export const Session = {
 	// 设置临时缓存
-	set<T>(key: string, val: T) {
-		if (key === 'token') return Cookies.set(key, val);
-		window.sessionStorage.setItem(Local.setKey(key), JSON.stringify(val));
+	set(key: string, val: any) {
+		if (key === 'token' || key === 'refresh_token') {
+			Cookies.set(key, val)
+		}
+		window.sessionStorage.setItem(key, JSON.stringify(val));
 	},
 	// 获取临时缓存
 	get(key: string) {
-		if (key === 'token') return Cookies.get(key);
-		let json = <string>window.sessionStorage.getItem(Local.setKey(key));
+		if (key === 'token' || key === 'refresh_token') return Cookies.get(key);
+		let json = <string>window.sessionStorage.getItem(key);
 		return JSON.parse(json);
 	},
 	// 移除临时缓存
 	remove(key: string) {
-		if (key === 'token') return Cookies.remove(key);
-		window.sessionStorage.removeItem(Local.setKey(key));
+		if (key === 'token' || key === 'refresh_token') return Cookies.remove(key);
+		window.sessionStorage.removeItem(key);
 	},
 	// 移除全部临时缓存
 	clear() {
 		Cookies.remove('token');
+		Cookies.remove('refresh_token');
 		window.sessionStorage.clear();
 	},
 };
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/form.vue b/src/views/admin/client/form.vue
index 6cafe9e2..e57c0d18 100644
--- a/src/views/admin/client/form.vue
+++ b/src/views/admin/client/form.vue
@@ -1,251 +1,263 @@
 <template>
-  <el-dialog v-model="visible" :close-on-click-modal="false"
-             :title="form.id ? $t('common.editBtn') : $t('common.addBtn')" draggable>
-    <el-form ref="dataFormRef" :model="form" :rules="dataRules" formDialogRef label-width="120px">
-      <el-row :gutter="20">
+    <el-dialog :close-on-click-modal="false" :title="form.id ? $t('common.editBtn') : $t('common.addBtn')"
+               draggable v-model="visible">
+        <el-form :model="form" :rules="dataRules" formDialogRef label-width="120px" ref="dataFormRef">
+            <el-row :gutter="20">
 
-        <el-col :span="12" class="mb20">
-          <el-form-item :label="t('client.clientId')" prop="clientId">
-            <el-input v-model="form.clientId" :placeholder="t('client.inputClientIdTip')"/>
-          </el-form-item>
-        </el-col>
+                <el-col :span="12" class="mb20">
+                    <el-form-item :label="t('client.clientId')" prop="clientId">
+                        <el-input :placeholder="t('client.inputClientIdTip')" v-model="form.clientId"/>
+                    </el-form-item>
+                </el-col>
 
 
-        <el-col :span="12" class="mb20">
-          <el-form-item :label="t('client.clientSecret')" prop="clientSecret">
-            <el-input v-model="form.clientSecret" :placeholder="t('client.inputClientSecretTip')"/>
-          </el-form-item>
-        </el-col>
+                <el-col :span="12" class="mb20">
+                    <el-form-item :label="t('client.clientSecret')" prop="clientSecret">
+                        <el-input :placeholder="t('client.inputClientSecretTip')" v-model="form.clientSecret"/>
+                    </el-form-item>
+                </el-col>
 
 
-        <el-col :span="12" class="mb20">
-          <el-form-item :label="t('client.scope')" prop="scope">
-            <el-input v-model="form.scope" :placeholder="t('client.inputScopeTip')"/>
-          </el-form-item>
-        </el-col>
+                <el-col :span="12" class="mb20">
+                    <el-form-item :label="t('client.scope')" prop="scope">
+                        <el-input :placeholder="t('client.inputScopeTip')" v-model="form.scope"/>
+                    </el-form-item>
+                </el-col>
 
 
-        <el-col :span="24" class="mb20">
-          <el-form-item :label="t('client.authorizedGrantTypes')" prop="authorizedGrantTypes">
-            <el-checkbox-group v-model="form.authorizedGrantTypes">
-              <el-checkbox v-for="(item, index) in grant_types" :key="index"
-                           :label="item.value">{{ item.label }}
-              </el-checkbox>
-            </el-checkbox-group>
-          </el-form-item>
-        </el-col>
+                <el-col :span="24" class="mb20">
+                    <el-form-item :label="t('client.authorizedGrantTypes')" prop="authorizedGrantTypes">
+                        <el-checkbox-group v-model="form.authorizedGrantTypes">
+                            <el-checkbox :key="index" :label="item.value"
+                                         v-for="(item, index) in grant_types">{{ item.label }}
+                            </el-checkbox>
+                        </el-checkbox-group>
+                    </el-form-item>
+                </el-col>
 
 
-        <el-col :span="12" class="mb20">
-          <el-form-item :label="t('client.webServerRedirectUri')" prop="webServerRedirectUri">
-            <el-input v-model="form.webServerRedirectUri" :placeholder="t('client.inputWebServerRedirectUriTip')"/>
-          </el-form-item>
-        </el-col>
+                <el-col :span="12" class="mb20">
+                    <el-form-item :label="t('client.webServerRedirectUri')" prop="webServerRedirectUri">
+                        <el-input :placeholder="t('client.inputWebServerRedirectUriTip')"
+                                  v-model="form.webServerRedirectUri"/>
+                    </el-form-item>
+                </el-col>
 
 
-        <el-col :span="12" class="mb20">
-          <el-form-item :label="t('client.authorities')" prop="authorities">
-            <el-input v-model="form.authorities" :placeholder="t('client.inputAuthoritiesTip')"/>
-          </el-form-item>
-        </el-col>
+                <el-col :span="12" class="mb20">
+                    <el-form-item :label="t('client.authorities')" prop="authorities">
+                        <el-input :placeholder="t('client.inputAuthoritiesTip')" v-model="form.authorities"/>
+                    </el-form-item>
+                </el-col>
 
 
-        <el-col :span="12" class="mb20">
-          <el-form-item :label="t('client.accessTokenValidity')" prop="accessTokenValidity">
-            <el-input v-model="form.accessTokenValidity" :placeholder="t('client.inputAccessTokenValidityTip')"/>
-          </el-form-item>
-        </el-col>
+                <el-col :span="12" class="mb20">
+                    <el-form-item :label="t('client.accessTokenValidity')" prop="accessTokenValidity">
+                        <el-input :placeholder="t('client.inputAccessTokenValidityTip')"
+                                  v-model="form.accessTokenValidity"/>
+                    </el-form-item>
+                </el-col>
 
 
-        <el-col :span="12" class="mb20">
-          <el-form-item :label="t('client.refreshTokenValidity')" prop="refreshTokenValidity">
-            <el-input v-model="form.refreshTokenValidity" :placeholder="t('client.inputRefreshTokenValidityTip')"/>
-          </el-form-item>
-        </el-col>
+                <el-col :span="12" class="mb20">
+                    <el-form-item :label="t('client.refreshTokenValidity')" prop="refreshTokenValidity">
+                        <el-input :placeholder="t('client.inputRefreshTokenValidityTip')"
+                                  v-model="form.refreshTokenValidity"/>
+                    </el-form-item>
+                </el-col>
 
 
-        <el-col :span="12" class="mb20">
-          <el-form-item :label="t('client.autoapprove')" prop="autoapprove">
-            <el-radio-group v-model="form.autoapprove">
-              <el-radio v-for="(item, index) in common_status" :key="index" :label="item.value" border>{{ item.label }}
-              </el-radio>
-            </el-radio-group>
-          </el-form-item>
-        </el-col>
+                <el-col :span="12" class="mb20">
+                    <el-form-item :label="t('client.autoapprove')" prop="autoapprove">
+                        <el-radio-group v-model="form.autoapprove">
+                            <el-radio :key="index" :label="item.value" border v-for="(item, index) in common_status">{{
+                                item.label }}
+                            </el-radio>
+                        </el-radio-group>
+                    </el-form-item>
+                </el-col>
 
-        <el-col :span="24" class="mb20">
-          <el-form-item :label="t('client.additionalInformation')" prop="additionalInformation">
-            <el-input type="textarea" v-model="form.additionalInformation"
-                      :placeholder="t('client.inputAdditionalInformationTip')"/>
-          </el-form-item>
-        </el-col>
-      </el-row>
+                <el-col :span="24" class="mb20">
+                    <el-form-item :label="t('client.additionalInformation')" prop="additionalInformation">
+                        <el-input :placeholder="t('client.inputAdditionalInformationTip')" type="textarea"
+                                  v-model="form.additionalInformation"/>
+                    </el-form-item>
+                </el-col>
+            </el-row>
 
-      <el-collapse v-model="collapseActive">
-        <el-collapse-item title="安全属性" name="1">
-          <template #title>
-            <el-icon class="header-icon">
-              <info-filled/>
-            </el-icon>
-            安全属性
-          </template>
+            <el-collapse v-model="collapseActive">
+                <el-collapse-item name="1" title="安全属性">
+                    <template #title>
+                        <el-icon class="header-icon">
+                            <info-filled/>
+                        </el-icon>
+                        安全属性
+                    </template>
 
-          <el-row>
-            <el-col :span="12" class="mb20">
-              <el-form-item :label="t('client.captchaFlag')" prop="captchaFlag">
-                <el-radio-group v-model="form.captchaFlag">
-                  <el-radio v-for="(item, index) in captcha_flag_types" :key="index" :label="item.value" border>
-                    {{ item.label }}
-                  </el-radio>
-                </el-radio-group>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12" class="mb20">
-              <el-form-item :label="t('client.encFlag')" prop="encFlag">
-                <el-radio-group v-model="form.encFlag">
-                  <el-radio v-for="(item, index) in enc_flag_types" :key="index" :label="item.value" border>
-                    {{ item.label }}
-                  </el-radio>
-                </el-radio-group>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12" class="mb20">
-              <el-form-item :label="t('client.onlineQuantity')" prop="onlineQuantity">
-                <el-radio-group v-model="form.onlineQuantity">
-                  <el-radio v-for="(item, index) in enc_flag_types" :key="index" :label="item.value" border>
-                    {{ item.label }}
-                  </el-radio>
-                </el-radio-group>
-              </el-form-item>
-            </el-col>
-          </el-row>
+                    <el-row>
+                        <el-col :span="12" class="mb20">
+                            <el-form-item :label="t('client.captchaFlag')" prop="captchaFlag">
+                                <el-radio-group v-model="form.captchaFlag">
+                                    <el-radio :key="index" :label="item.value"
+                                              border v-for="(item, index) in captcha_flag_types">
+                                        {{ item.label }}
+                                    </el-radio>
+                                </el-radio-group>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12" class="mb20">
+                            <el-form-item :label="t('client.encFlag')" prop="encFlag">
+                                <el-radio-group v-model="form.encFlag">
+                                    <el-radio :key="index" :label="item.value" border
+                                              v-for="(item, index) in enc_flag_types">
+                                        {{ item.label }}
+                                    </el-radio>
+                                </el-radio-group>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12" class="mb20">
+                            <el-form-item :label="t('client.onlineQuantity')" prop="onlineQuantity">
+                                <el-radio-group v-model="form.onlineQuantity">
+                                    <el-radio :key="index" :label="item.value" border
+                                              v-for="(item, index) in enc_flag_types">
+                                        {{ item.label }}
+                                    </el-radio>
+                                </el-radio-group>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
 
-        </el-collapse-item>
-      </el-collapse>
+                </el-collapse-item>
+            </el-collapse>
 
-    </el-form>
-    <template #footer>
+        </el-form>
+        <template #footer>
         <span class="dialog-footer">
-          <el-button formDialogRef @click="visible = false">{{ $t('common.cancelButtonText') }}</el-button>
-          <el-button formDialogRef type="primary" @click="onSubmit">{{ $t('common.confirmButtonText') }}</el-button>
+          <el-button @click="visible = false" formDialogRef>{{ $t('common.cancelButtonText') }}</el-button>
+          <el-button @click="onSubmit" formDialogRef type="primary">{{ $t('common.confirmButtonText') }}</el-button>
         </span>
-    </template>
-  </el-dialog>
+        </template>
+    </el-dialog>
 </template>
 
 <script lang="ts" name="SysOauthClientDetailsDialog" setup>
-// 定义子组件向父组件传值/事件
-import {useDict} from '/@/hooks/dict';
-import {useMessage} from "/@/hooks/message";
-import {addObj, getObj, putObj} from '/@/api/admin/client'
-import {useI18n} from "vue-i18n"
+    // 定义子组件向父组件传值/事件
+    import {useDict} from '/@/hooks/dict';
+    import {useMessage} from "/@/hooks/message";
+    import {addObj, getObj, putObj} from '/@/api/admin/client'
+    import {useI18n} from "vue-i18n"
+    import {rule} from "/@/utils/validate";
 
-const emit = defineEmits(['refresh']);
+    const emit = defineEmits(['refresh']);
 
-const {t} = useI18n();
+    const {t} = useI18n();
 
-// 定义变量内容
-const dataFormRef = ref();
-const visible = ref(false)
-// 定义字典
-const {
-  grant_types,
-  common_status,
-  captcha_flag_types,
-  enc_flag_types
-} = useDict('grant_types', 'common_status', 'captcha_flag_types', 'enc_flag_types')
+    // 定义变量内容
+    const dataFormRef = ref();
+    const visible = ref(false)
+    // 定义字典
+    const {
+        grant_types,
+        common_status,
+        captcha_flag_types,
+        enc_flag_types
+    } = useDict('grant_types', 'common_status', 'captcha_flag_types', 'enc_flag_types')
 
-// 提交表单数据
-const form = reactive({
-  id: '',
-  clientId: '',
-  clientSecret: '',
-  scope: '',
-  authorizedGrantTypes: [],
-  webServerRedirectUri: '',
-  authorities: '',
-  accessTokenValidity: '',
-  refreshTokenValidity: '',
-  additionalInformation: '',
-  autoapprove: '',
-  delFlag: '',
-  createBy: '',
-  updateBy: '',
-  createTime: '',
-  updateTime: '',
-  tenantId: '',
-});
+    // 提交表单数据
+    const form = reactive({
+        id: '',
+        clientId: '',
+        clientSecret: '',
+        scope: '',
+        authorizedGrantTypes: [],
+        webServerRedirectUri: '',
+        authorities: '',
+        accessTokenValidity: '',
+        refreshTokenValidity: '',
+        additionalInformation: '',
+        autoapprove: '',
+        delFlag: '',
+        createBy: '',
+        updateBy: '',
+        createTime: '',
+        updateTime: '',
+        tenantId: '',
+    });
 
-const collapseActive = ref("1")
+    const collapseActive = ref("1")
 
-// 定义校验规则
-const dataRules = ref({
-  clientId: [{required: true, message: '编号不能为空', trigger: 'blur'}],
-  clientSecret: [{required: true, message: '密钥不能为空', trigger: 'blur'}],
-  scope: [{required: true, message: '域不能为空', trigger: 'blur'}],
-  authorizedGrantTypes: [{required: true, message: '授权模式不能为空', trigger: 'blur'}],
-  accessTokenValidity: [{required: true, message: '令牌时效不能为空', trigger: 'blur'}],
-  refreshTokenValidity: [{required: true, message: '刷新时效不能为空', trigger: 'blur'}],
-  captchaFlag: [{required: true, message: '是否开启验证码校验', trigger: 'blur'}],
-  encFlag: [{required: true, message: '是否开启密码加密传输', trigger: 'blur'}],
-  onlineQuantity: [{required: true, message: '是否允许同时在线', trigger: 'blur'}],
-})
+    // 定义校验规则
+    const dataRules = ref({
+        clientId: [{required: true, message: '编号不能为空', trigger: 'blur'}],
+        clientSecret: [{required: true, message: '密钥不能为空', trigger: 'blur'}],
+        scope: [{required: true, message: '域不能为空', trigger: 'blur'}],
+        authorizedGrantTypes: [{required: true, message: '授权模式不能为空', trigger: 'blur'}],
+        accessTokenValidity: [{required: true, message: '令牌时效不能为空', trigger: 'blur'}],
+        refreshTokenValidity: [{required: true, message: '刷新时效不能为空', trigger: 'blur'}],
+        captchaFlag: [{required: true, message: '是否开启验证码校验', trigger: 'blur'}],
+        encFlag: [{required: true, message: '是否开启密码加密传输', trigger: 'blur'}],
+        onlineQuantity: [{required: true, message: '是否允许同时在线', trigger: 'blur'}],
+        authorities: [{required: true, message: '权限不能为空', trigger: 'blur'}],
+        autoapprove: [{required: true, message: '自动放行不能为空', trigger: 'blur'}],
+        webServerRedirectUri: [{required: true, message: '回调地址不能为空', trigger: 'blur'}
+            , {validator: rule.url, trigger: 'blur'}],
+    })
 
-// 打开弹窗
-const openDialog = (id: string) => {
-  visible.value = true
-  form.id = ''
+    // 打开弹窗
+    const openDialog = (id: string) => {
+        visible.value = true
+        form.id = ''
 
-  // 重置表单数据
-  if (dataFormRef.value) {
-    dataFormRef.value.resetFields()
-  }
+        // 重置表单数据
+        if (dataFormRef.value) {
+            dataFormRef.value.resetFields()
+        }
 
-  // 获取sysOauthClientDetails信息
-  if (id) {
-    form.id = id
-    getsysOauthClientDetailsData(id)
-  }
-};
+        // 获取sysOauthClientDetails信息
+        if (id) {
+            form.id = id
+            getsysOauthClientDetailsData(id)
+        }
+    };
 
-// 提交
-const onSubmit = () => {
-  dataFormRef.value.validate((valid: boolean) => {
-    if (!valid) {
-      return false
+    // 提交
+    const onSubmit = () => {
+        dataFormRef.value.validate((valid: boolean) => {
+            if (!valid) {
+                return false
+            }
+
+            // 更新
+            if (form.id) {
+                putObj(form).then(() => {
+                    useMessage().success(t('common.editSuccessText'))
+                    visible.value = false // 关闭弹窗
+                    emit('refresh')
+                }).catch((err: any) => {
+                    useMessage().error(err.msg)
+                })
+            } else {
+                addObj(form).then(() => {
+                    useMessage().success(t('common.addSuccessText'))
+                    visible.value = false // 关闭弹窗
+                    emit('refresh')
+                }).catch((err: any) => {
+                    useMessage().error(err.msg)
+                })
+            }
+        })
     }
 
-    // 更新
-    if (form.id) {
-      putObj(form).then(() => {
-        useMessage().success(t('common.editSuccessText'))
-        visible.value = false // 关闭弹窗
-        emit('refresh')
-      }).catch((err: any) => {
-        useMessage().error(err.msg)
-      })
-    } else {
-      addObj(form).then(() => {
-        useMessage().success(t('common.addSuccessText'))
-        visible.value = false // 关闭弹窗
-        emit('refresh')
-      }).catch((err: any) => {
-        useMessage().error(err.msg)
-      })
-    }
-  })
-}
+    // 初始化表单数据
+    const getsysOauthClientDetailsData = (id: string) => {
+        // 获取数据
+        getObj(id).then((res: any) => {
+            Object.assign(form, res.data)
+        })
+    };
 
-// 初始化表单数据
-const getsysOauthClientDetailsData = (id: string) => {
-  // 获取数据
-  getObj(id).then((res: any) => {
-    Object.assign(form, res.data)
-  })
-};
-
-// 暴露变量
-defineExpose({
-  openDialog
-});
+    // 暴露变量
+    defineExpose({
+        openDialog
+    });
 </script>
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 01e7dc46..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>
@@ -72,7 +72,8 @@ const state: BasicTableProps = reactive<BasicTableProps>({
 	queryForm: {
 		deptName: ''
 	},
-	isPage: false
+	isPage: false,
+	descs: ['create_time']
 });
 
 
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/form.vue b/src/views/admin/dict/form.vue
index ee36bf13..8c35579f 100644
--- a/src/views/admin/dict/form.vue
+++ b/src/views/admin/dict/form.vue
@@ -1,123 +1,130 @@
 <template>
-	<div class="system-dic-dialog-container">
-		<el-dialog v-model="visible" :title="dataForm.id ? $t('common.editBtn') : $t('common.addBtn')"  width="60%">
-      <el-form ref="dicDialogFormRef" :model="dataForm" label-width="100px"  :rules="dataRules">
-        <el-row :gutter="35">
-          <el-col :lg="12" :md="12" :sm="12" :xl="12" :xs="24" class="mb20">
-            <el-form-item :label="$t('sysdict.dictType')" prop="dictType">
-              <el-input v-model="dataForm.dictType" clearable :placeholder="$t('sysdict.inputDictTypeTip')"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :lg="12" :md="12" :sm="12" :xl="12" :xs="24" class="mb20">
-            <el-form-item :label="$t('sysdict.description')" prop="description">
-							<el-input v-model="dataForm.description" :placeholder="$t('sysdict.inputDescriptionTip')" clearable></el-input>
-						</el-form-item>
-					</el-col>
-					<el-col :lg="12" :md="12" :sm="12" :xl="12" :xs="24" class="mb20">
-						<el-form-item :label="$t('sysdict.systemFlag')" prop="systemFlag">
-              <el-radio-group v-model="dataForm.systemFlag">
-                <el-radio-button :label="item.value" v-for="(item,index) in dict_type" :key="index">{{item.label}}</el-radio-button>
-              </el-radio-group>
-						</el-form-item>
-					</el-col>
-					<el-col :lg="12" :md="12" :sm="12" :xl="12" :xs="24" class="mb20">
-						<el-form-item :label="$t('sysdict.remarks')" prop="remarks">
-							<el-input v-model="dataForm.remarks" type="textarea" :placeholder="$t('sysdict.inputRemarksTip')" maxlength="150"></el-input>
-						</el-form-item>
-					</el-col>
-				</el-row>
-			</el-form>
-			<template #footer>
+    <div class="system-dic-dialog-container">
+        <el-dialog :title="dataForm.id ? $t('common.editBtn') : $t('common.addBtn')" v-model="visible" width="60%">
+            <el-form :model="dataForm" :rules="dataRules" label-width="100px" ref="dicDialogFormRef">
+                <el-row :gutter="35">
+                    <el-col :lg="12" :md="12" :sm="12" :xl="12" :xs="24" class="mb20">
+                        <el-form-item :label="$t('sysdict.dictType')" prop="dictType">
+                            <el-input :placeholder="$t('sysdict.inputDictTypeTip')" clearable
+                                      v-model="dataForm.dictType"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12" :md="12" :sm="12" :xl="12" :xs="24" class="mb20">
+                        <el-form-item :label="$t('sysdict.description')" prop="description">
+                            <el-input :placeholder="$t('sysdict.inputDescriptionTip')" clearable
+                                      v-model="dataForm.description"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12" :md="12" :sm="12" :xl="12" :xs="24" class="mb20">
+                        <el-form-item :label="$t('sysdict.systemFlag')" prop="systemFlag">
+                            <el-radio-group v-model="dataForm.systemFlag">
+                                <el-radio-button :key="index" :label="item.value" v-for="(item,index) in dict_type">
+                                    {{item.label}}
+                                </el-radio-button>
+                            </el-radio-group>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12" :md="12" :sm="12" :xl="12" :xs="24" class="mb20">
+                        <el-form-item :label="$t('sysdict.remarks')" prop="remarks">
+                            <el-input :placeholder="$t('sysdict.inputRemarksTip')" maxlength="150"
+                                      type="textarea" v-model="dataForm.remarks"></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+            </el-form>
+            <template #footer>
 				<span class="dialog-footer">
-					<el-button @click="onCancel" >{{ $t('common.cancelButtonText') }}</el-button>
-					<el-button type="primary" @click="onSubmit" >{{ $t('common.confirmButtonText') }}</el-button>
+					<el-button @click="onCancel">{{ $t('common.cancelButtonText') }}</el-button>
+					<el-button @click="onSubmit" type="primary">{{ $t('common.confirmButtonText') }}</el-button>
 				</span>
-			</template>
-		</el-dialog>
-	</div>
+            </template>
+        </el-dialog>
+    </div>
 </template>
 
-<script setup lang="ts" name="systemDicDialog">
-import { getObj, addObj, putObj } from '/@/api/admin/dict'
-import {useDict} from "/@/hooks/dict";
-import {useMessage} from "/@/hooks/message";
+<script lang="ts" name="systemDicDialog" setup>
+    import {addObj, getObj, putObj} from '/@/api/admin/dict'
+    import {useDict} from "/@/hooks/dict";
+    import {useMessage} from "/@/hooks/message";
+    import {rule} from "/@/utils/validate";
 
 
-// 定义子组件向父组件传值/事件
-const emit = defineEmits(['refresh']);
-const { dict_type } = useDict('dict_type')
+    // 定义子组件向父组件传值/事件
+    const emit = defineEmits(['refresh']);
+    const {dict_type} = useDict('dict_type')
 
-// 定义变量内容
-const dicDialogFormRef = ref();
+    // 定义变量内容
+    const dicDialogFormRef = ref();
 
-const visible = ref(false)
+    const visible = ref(false)
 
-const dataForm = reactive({
-  id: '',
-  dictType: '',
-  description: '',
-  systemFlag: '0',
-  remarks: '',
-})
-
-
-const dataRules = reactive({
-  dictType: [{ required: true, message: '类型不能为空', trigger: 'blur' }],
-  systemFlag: [{ required: true, message: '字典类型不能为空', trigger: 'blur' }],
-  description: [{ required: true, message: '描述不能为空', trigger: 'blur' }],
-})
-
-
-// 打开弹窗
-const openDialog = (type: string, row: any) => {
-  if (row?.id) {
-    getObj(row.id).then(res => {
-      Object.assign(dataForm,res.data)
+    const dataForm = reactive({
+        id: '',
+        dictType: '',
+        description: '',
+        systemFlag: '0',
+        remarks: '',
     })
-  } else {
-    // 清空表单，此项需加表单验证才能使用
-    nextTick(() => {
-      dicDialogFormRef?.value?.resetFields();
+
+
+    const dataRules = reactive({
+        dictType: [{required: true, message: '类型不能为空', trigger: 'blur'}
+            , {validator: rule.validatorNameCn, trigger: 'blur'}],
+        systemFlag: [{required: true, message: '字典类型不能为空', trigger: 'blur'}],
+        description: [{required: true, message: '描述不能为空', trigger: 'blur'}],
+    })
+
+
+    // 打开弹窗
+    const openDialog = (type: string, row: any) => {
+        if (row?.id) {
+            getObj(row.id).then(res => {
+                Object.assign(dataForm, res.data)
+            })
+        } else {
+            // 清空表单，此项需加表单验证才能使用
+            nextTick(() => {
+                dicDialogFormRef?.value?.resetFields();
+            });
+        }
+        visible.value = true
+    };
+
+
+    // 关闭弹窗
+    const closeDialog = () => {
+        visible.value = false
+    };
+    // 取消
+    const onCancel = () => {
+        closeDialog();
+    };
+    // 提交
+    const onSubmit = () => {
+        dicDialogFormRef.value.validate((valid: boolean) => {
+            if (!valid) {
+                return false
+            }
+            if (dataForm.id) {
+                putObj(dataForm).then(() => {
+                    closeDialog(); // 关闭弹窗
+                    emit('refresh');
+                }).catch(err => {
+                    useMessage().error(err.msg)
+                })
+            } else {
+                addObj(dataForm).then(() => {
+                    closeDialog(); // 关闭弹窗
+                    emit('refresh');
+                }).catch(err => {
+                    useMessage().error(err.msg)
+                })
+            }
+        })
+
+    };
+    // 暴露变量
+    defineExpose({
+        openDialog,
     });
-  }
-  visible.value = true
-};
-
-
-// 关闭弹窗
-const closeDialog = () => {
-  visible.value = false
-};
-// 取消
-const onCancel = () => {
-	closeDialog();
-};
-// 提交
-const onSubmit = () => {
-  dicDialogFormRef.value.validate((valid: boolean) => {
-    if (!valid) {
-      return false
-    }
-    if (dataForm.id) {
-      putObj(dataForm).then(() => {
-        closeDialog(); // 关闭弹窗
-        emit('refresh');
-      }).catch(err => {
-        useMessage().error(err.msg)
-      })
-    }else{
-      addObj(dataForm).then(() => {
-        closeDialog(); // 关闭弹窗
-        emit('refresh');
-      }).catch(err => {
-        useMessage().error(err.msg)
-      })
-    }
-  })
-
-};
-// 暴露变量
-defineExpose({
-	openDialog,
-});
 </script>
diff --git a/src/views/admin/dict/index.vue b/src/views/admin/dict/index.vue
index 38f10e12..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()
@@ -100,7 +107,8 @@ const multiple = ref(true)
 
 const state: BasicTableProps = reactive<BasicTableProps>({
   queryForm: {},
-  pageList: fetchList
+  pageList: fetchList,
+  descs: ['create_time']
 })
 const {
   getDataList,
@@ -138,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/file/index.vue b/src/views/admin/file/index.vue
index b4b06d05..28c13d86 100644
--- a/src/views/admin/file/index.vue
+++ b/src/views/admin/file/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('file.fileName')" prop="original">
@@ -49,7 +49,7 @@
         </el-table-column>
       </el-table>
       <pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" v-bind="state.pagination" />
-    </el-card>
+    </div>
     <!-- 编辑、新增  -->
     <form-dialog ref="formDialogRef" @refresh="getDataList()" />
   </div>
@@ -77,7 +77,8 @@ const multiple = ref(true)
 
 const state: BasicTableProps = reactive<BasicTableProps>({
   queryForm: {},
-  pageList: fetchList
+  pageList: fetchList,
+  descs: ['create_time']
 })
 
 //  table hook
diff --git a/src/views/admin/i18n/form.vue b/src/views/admin/i18n/form.vue
index 5a929680..d56bedff 100644
--- a/src/views/admin/i18n/form.vue
+++ b/src/views/admin/i18n/form.vue
@@ -1,118 +1,122 @@
 <template>
-  <el-dialog v-model="visible" :close-on-click-modal="false"
-             :title="form.id ? $t('common.editBtn') : $t('common.addBtn')" draggable>
-    <el-form ref="dataFormRef" :model="form" :rules="dataRules" formDialogRef label-width="90px">
-      <el-row :gutter="20">
-        <el-col :span="24" class="mb20">
-          <el-form-item :label="t('i18n.name')" prop="name">
-            <el-input v-model="form.name" :placeholder="t('i18n.inputKeyTip')"/>
-          </el-form-item>
-        </el-col>
-        <el-col :span="24" class="mb20">
-          <el-form-item :label="t('i18n.zhCn')" prop="zhCn">
-            <el-input v-model="form.zhCn" :placeholder="t('i18n.inputZhCnTip')"/>
-          </el-form-item>
-        </el-col>
-        <el-col :span="24" class="mb20">
-          <el-form-item :label="t('i18n.en')" prop="en">
-            <el-input v-model="form.en" :placeholder="t('i18n.inputEnTip')"/>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
-    <template #footer>
+    <el-dialog :close-on-click-modal="false" :title="form.id ? $t('common.editBtn') : $t('common.addBtn')"
+               draggable v-model="visible">
+        <el-form :model="form" :rules="dataRules" formDialogRef label-width="90px" ref="dataFormRef">
+            <el-row :gutter="20">
+                <el-col :span="24" class="mb20">
+                    <el-form-item :label="t('i18n.name')" prop="name">
+                        <el-input :placeholder="t('i18n.inputKeyTip')" v-model="form.name"/>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="24" class="mb20">
+                    <el-form-item :label="t('i18n.zhCn')" prop="zhCn">
+                        <el-input :placeholder="t('i18n.inputZhCnTip')" v-model="form.zhCn"/>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="24" class="mb20">
+                    <el-form-item :label="t('i18n.en')" prop="en">
+                        <el-input :placeholder="t('i18n.inputEnTip')" v-model="form.en"/>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+        </el-form>
+        <template #footer>
         <span class="dialog-footer">
           <el-button @click="visible = false">{{ $t('common.cancelButtonText') }}</el-button>
-          <el-button type="primary" @click="onSubmit">{{ $t('common.confirmButtonText') }}</el-button>
+          <el-button @click="onSubmit" type="primary">{{ $t('common.confirmButtonText') }}</el-button>
         </span>
-    </template>
-  </el-dialog>
+        </template>
+    </el-dialog>
 </template>
 
 <script lang="ts" name="SysI18nDialog" setup>
-// 定义子组件向父组件传值/事件
-import {useMessage} from "/@/hooks/message";
-import {addObj, getObj, putObj} from '/@/api/admin/i18n'
-import {useI18n} from "vue-i18n"
+    // 定义子组件向父组件传值/事件
+    import {useMessage} from "/@/hooks/message";
+    import {addObj, getObj, putObj} from '/@/api/admin/i18n'
+    import {useI18n} from "vue-i18n"
+    import {rule} from "/@/utils/validate";
 
-const emit = defineEmits(['refresh']);
+    const emit = defineEmits(['refresh']);
 
-const {t} = useI18n();
+    const {t} = useI18n();
 
-// 定义变量内容
-const dataFormRef = ref();
-const visible = ref(false)
-// 定义字典
+    // 定义变量内容
+    const dataFormRef = ref();
+    const visible = ref(false)
+    // 定义字典
 
-// 提交表单数据
-const form = reactive({
-  id: '',
-  name: '',
-  zhCn: '',
-  en: '',
-});
+    // 提交表单数据
+    const form = reactive({
+        id: '',
+        name: '',
+        zhCn: '',
+        en: '',
+    });
 
-// 定义校验规则
-const dataRules = ref({
-  name: [{required: true, message: 'name不能为空', trigger: 'blur'}],
-  zhCn: [{required: true, message: '中文不能为空', trigger: 'blur'}],
-  en: [{required: true, message: '英文不能为空', trigger: 'blur'}],
-})
+    // 定义校验规则
+    const dataRules = ref({
+        name: [{required: true, message: 'name不能为空', trigger: 'blur'}
+            , {validator: rule.noChinese, trigger: 'blur'}],
+        zhCn: [{required: true, message: '中文不能为空', trigger: 'blur'},
+            {validator: rule.chinese, trigger: 'blur'}],
+        en: [{required: true, message: '英文不能为空', trigger: 'blur'}
+            , {validator: rule.letter, trigger: 'blur'}],
+    })
 
-// 打开弹窗
-const openDialog = (id: string) => {
-  visible.value = true
-  form.id = ''
+    // 打开弹窗
+    const openDialog = (id: string) => {
+        visible.value = true
+        form.id = ''
 
-  // 重置表单数据
-  if (dataFormRef.value) {
-    dataFormRef.value.resetFields()
-  }
+        // 重置表单数据
+        if (dataFormRef.value) {
+            dataFormRef.value.resetFields()
+        }
 
-  // 获取sysI18n信息
-  if (id) {
-    form.id = id
-    getsysI18nData(id)
-  }
-};
+        // 获取sysI18n信息
+        if (id) {
+            form.id = id
+            getsysI18nData(id)
+        }
+    };
 
-// 提交
-const onSubmit = () => {
-  dataFormRef.value.validate((valid: boolean) => {
-    if (!valid) {
-      return false
+    // 提交
+    const onSubmit = () => {
+        dataFormRef.value.validate((valid: boolean) => {
+            if (!valid) {
+                return false
+            }
+            // 更新
+            if (form.id) {
+                putObj(form).then(() => {
+                    useMessage().success(t('common.editSuccessText'))
+                    visible.value = false // 关闭弹窗
+                    emit('refresh')
+                }).catch((err: any) => {
+                    useMessage().error(err.msg)
+                })
+            } else {
+                addObj(form).then(() => {
+                    useMessage().success(t('common.addSuccessText'))
+                    visible.value = false // 关闭弹窗
+                    emit('refresh')
+                }).catch((err: any) => {
+                    useMessage().error(err.msg)
+                })
+            }
+        })
     }
-    // 更新
-    if (form.id) {
-      putObj(form).then(() => {
-        useMessage().success(t('common.editSuccessText'))
-        visible.value = false // 关闭弹窗
-        emit('refresh')
-      }).catch((err: any) => {
-        useMessage().error(err.msg)
-      })
-    } else {
-      addObj(form).then(() => {
-        useMessage().success(t('common.addSuccessText'))
-        visible.value = false // 关闭弹窗
-        emit('refresh')
-      }).catch((err: any) => {
-        useMessage().error(err.msg)
-      })
-    }
-  })
-}
 
-// 初始化表单数据
-const getsysI18nData = (id: string) => {
-  // 获取数据
-  getObj(id).then((res: any) => {
-    Object.assign(form, res.data)
-  })
-};
+    // 初始化表单数据
+    const getsysI18nData = (id: string) => {
+        // 获取数据
+        getObj(id).then((res: any) => {
+            Object.assign(form, res.data)
+        })
+    };
 
-// 暴露变量
-defineExpose({
-  openDialog
-});
+    // 暴露变量
+    defineExpose({
+        openDialog
+    });
 </script>
diff --git a/src/views/admin/i18n/index.vue b/src/views/admin/i18n/index.vue
index c51a956d..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,127 +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
-    })
+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 e4f93167..76e25c10 100644
--- a/src/views/admin/log/index.vue
+++ b/src/views/admin/log/index.vue
@@ -1,22 +1,18 @@
 <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('syslog.logType')" prop="logType">
-                        <el-select :placeholder="$t('syslog.inputLogTypeTip')" class="w100"
-                                   clearable
-                                   v-model="state.queryForm.logType">
-                            <el-option :key="item.value" :label="item.label" :value="item.value"
-                                       v-for="item in log_type"/>
+                        <el-select :placeholder="$t('syslog.inputLogTypeTip')" class="w100" clearable
+                            v-model="state.queryForm.logType">
+                            <el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in log_type" />
                         </el-select>
                     </el-form-item>
                     <el-form-item :label="$t('syslog.createTime')" prop="createTime">
-                        <el-date-picker :end-placeholder="$t('syslog.inputEndPlaceholderTip')" :start-placeholder="$t('syslog.inputStartPlaceholderTip')"
-                                        range-separator="To"
-                                        type="datetimerange" v-model="state.queryForm.createTime"
-                                        value-format="YYYY-MM-DD HH:mm:ss"/>
+                        <el-date-picker :end-placeholder="$t('syslog.inputEndPlaceholderTip')"
+                            :start-placeholder="$t('syslog.inputStartPlaceholderTip')" range-separator="To"
+                            type="datetimerange" v-model="state.queryForm.createTime" value-format="YYYY-MM-DD HH:mm:ss" />
                     </el-form-item>
                     <el-form-item>
                         <el-button @click="getDataList(true)" icon="Search" type="primary">{{ $t('common.queryBtn') }}
@@ -27,40 +23,37 @@
             </el-row>
             <el-row>
                 <div class="mb8" style="width: 100%">
-                    <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'">
+                        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" @sort-change="sortChangeHandle"
-                      style="width: 100%" v-loading="state.loading">
-                <el-table-column align="center" type="selection" width="50"/>
-                <el-table-column :label="$t('syslog.index')" type="index" width="80"/>
+                style="width: 100%" v-loading="state.loading">
+                <el-table-column align="center" type="selection" width="50" />
+                <el-table-column :label="$t('syslog.index')" type="index" width="80" />
                 <el-table-column :label="$t('syslog.logType')" show-overflow-tooltip>
                     <template #default="scope">
                         <dict-tag :options="log_type" :value="scope.row.logType"></dict-tag>
                     </template>
                 </el-table-column>
                 <el-table-column :label="$t('syslog.title')" prop="title" show-overflow-tooltip></el-table-column>
-                <el-table-column :label="$t('syslog.remoteAddr')" prop="remoteAddr"
-                                 show-overflow-tooltip></el-table-column>
+                <el-table-column :label="$t('syslog.remoteAddr')" prop="remoteAddr" show-overflow-tooltip></el-table-column>
                 <el-table-column :label="$t('syslog.method')" prop="method" show-overflow-tooltip></el-table-column>
-                <el-table-column :label="$t('syslog.serviceId')" prop="serviceId"
-                                 show-overflow-tooltip></el-table-column>
+                <el-table-column :label="$t('syslog.serviceId')" prop="serviceId" show-overflow-tooltip></el-table-column>
                 <el-table-column :label="$t('syslog.time')" prop="time" show-overflow-tooltip></el-table-column>
                 <el-table-column :label="$t('syslog.createTime')" prop="createTime" show-overflow-tooltip sortable="custom"
-                                 width="200"></el-table-column>
+                    width="200"></el-table-column>
                 <el-table-column :label="$t('common.action')" width="100">
                     <template #default="scope">
                         <el-button @click="handleDelete([scope.row.id])" size="small" text type="primary"
-                                   v-auth="'sys_user_del'">
+                            v-auth="'sys_user_del'">
                             {{ $t('common.delBtn') }}
                         </el-button>
                     </template>
@@ -69,83 +62,80 @@
 
             <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle" v-bind="state.pagination">
             </pagination>
-        </el-card>
+        </div>
     </div>
 </template>
 
 <script lang="ts" setup>
-    import {BasicTableProps, useTable} from "/@/hooks/table";
-    import {delObj, pageList} from "/@/api/admin/log";
-    import {useI18n} from 'vue-i18n'
-    import {useMessage, useMessageBox} from "/@/hooks/message";
-    import {useDict} from "/@/hooks/dict";
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { delObj, pageList } from "/@/api/admin/log";
+import { useI18n } from 'vue-i18n'
+import { useMessage, useMessageBox } from "/@/hooks/message";
+import { useDict } from "/@/hooks/dict";
 
-    const {log_type} = useDict('log_type')
+const { log_type } = useDict('log_type')
 
-    const {t} = useI18n()
+const { t } = useI18n()
 
-    // 定义变量内容
-    const queryRef = ref();
-    const showSearch = ref(true)
+// 定义变量内容
+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);
 
 
-    const state: BasicTableProps = reactive<BasicTableProps>({
-        queryForm: {
-            logType: '',
-            createTime: ''
-        },
-        selectObjs: [],
-        pageList: pageList
+const state: BasicTableProps = reactive<BasicTableProps>({
+    queryForm: {
+        logType: '',
+        createTime: ''
+    },
+    selectObjs: [],
+    pageList: pageList,
+    descs: ['create_time']
+});
+
+//  table hook
+const {
+    downBlobFile,
+    getDataList,
+    currentChangeHandle,
+    sortChangeHandle,
+    sizeChangeHandle
+} = useTable(state)
+
+
+// 清空搜索条件
+const resetQuery = () => {
+    queryRef.value.resetFields()
+    getDataList()
+}
+
+// 多选事件
+const handleSelectionChange = (objs: any) => {
+    objs.forEach((val: any) => {
+        selectObjs.value.push(val.id)
     });
+    multiple.value = !objs.length
+}
 
-    //  table hook
-    const {
-        downBlobFile,
-        getDataList,
-        currentChangeHandle,
-        sortChangeHandle,
-        sizeChangeHandle
-    } = useTable(state)
+// 导出excel
+const exportExcel = () => {
+    downBlobFile('/admin/log/export', state.queryForm, 'log.xlsx')
+}
 
-
-    // 清空搜索条件
-    const resetQuery = () => {
-        queryRef.value.resetFields()
-        getDataList()
-    }
-
-    // 多选事件
-    const handleSelectionChange = (objs: any) => {
-        objs.forEach((val: any) => {
-            selectObjs.value.push(val.id)
-        });
-        multiple.value = !objs.length
-    }
-
-    // 导出excel
-    const exportExcel = () => {
-        downBlobFile('/admin/log/export', state.queryForm, 'log.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>
-
-<style scoped>
-
-</style>
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/form.vue b/src/views/admin/param/form.vue
index 54156aac..ad82b8a0 100644
--- a/src/views/admin/param/form.vue
+++ b/src/views/admin/param/form.vue
@@ -1,164 +1,167 @@
 <template>
-  <el-dialog v-model="visible" :close-on-click-modal="false"
-             :title="form.publicId ? $t('common.editBtn') : $t('common.addBtn')" draggable>
-    <el-form ref="dataFormRef" :model="form" :rules="dataRules" formDialogRef label-width="90px">
-      <el-row :gutter="20">
-        <el-col :span="24" class="mb20">
-          <el-form-item :label="t('param.publicName')" prop="publicName">
-            <el-input v-model="form.publicName" :placeholder="t('param.inputpublicNameTip')"/>
-          </el-form-item>
-        </el-col>
+    <el-dialog :close-on-click-modal="false" :title="form.publicId ? $t('common.editBtn') : $t('common.addBtn')"
+               draggable v-model="visible">
+        <el-form :model="form" :rules="dataRules" formDialogRef label-width="90px" ref="dataFormRef">
+            <el-row :gutter="20">
+                <el-col :span="24" class="mb20">
+                    <el-form-item :label="t('param.publicName')" prop="publicName">
+                        <el-input :placeholder="t('param.inputpublicNameTip')" v-model="form.publicName"/>
+                    </el-form-item>
+                </el-col>
 
-        <el-col :span="24" class="mb20">
-          <el-form-item :label="t('param.publicKey')" prop="publicKey">
-            <el-input v-model="form.publicKey" :placeholder="t('param.inputpublicKeyTip')"/>
-          </el-form-item>
-        </el-col>
+                <el-col :span="24" class="mb20">
+                    <el-form-item :label="t('param.publicKey')" prop="publicKey">
+                        <el-input :placeholder="t('param.inputpublicKeyTip')" v-model="form.publicKey"/>
+                    </el-form-item>
+                </el-col>
 
-        <el-col :span="24" class="mb20">
-          <el-form-item :label="t('param.publicValue')" prop="publicValue">
-            <el-input v-model="form.publicValue" :placeholder="t('param.inputpublicValueTip')"/>
-          </el-form-item>
-        </el-col>
+                <el-col :span="24" class="mb20">
+                    <el-form-item :label="t('param.publicValue')" prop="publicValue">
+                        <el-input :placeholder="t('param.inputpublicValueTip')" v-model="form.publicValue"/>
+                    </el-form-item>
+                </el-col>
 
-        <el-col :span="24" class="mb20">
-          <el-form-item :label="t('param.status')" prop="status">
-            <el-select v-model="form.status" :placeholder="t('param.inputstatusTip')">
-              <el-option v-for="(item, index) in status_type" :key="index" :label="item.label"
-                         :value="item.value"></el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
+                <el-col :span="24" class="mb20">
+                    <el-form-item :label="t('param.status')" prop="status">
+                        <el-select :placeholder="t('param.inputstatusTip')" v-model="form.status">
+                            <el-option :key="index" :label="item.label" :value="item.value"
+                                       v-for="(item, index) in status_type"></el-option>
+                        </el-select>
+                    </el-form-item>
+                </el-col>
 
-        <el-col :span="24" class="mb20">
-          <el-form-item :label="t('param.validateCode')" prop="validateCode">
-            <el-input v-model="form.validateCode" :placeholder="t('param.inputvalidateCodeTip')"/>
-          </el-form-item>
-        </el-col>
+                <el-col :span="24" class="mb20">
+                    <el-form-item :label="t('param.validateCode')" prop="validateCode">
+                        <el-input :placeholder="t('param.inputvalidateCodeTip')" v-model="form.validateCode"/>
+                    </el-form-item>
+                </el-col>
 
-        <el-col :span="24" class="mb20">
-          <el-form-item :label="t('param.publicType')" prop="publicType">
-            <el-select v-model="form.publicType" :placeholder="t('param.inputpublicTypeTip')">
-              <el-option v-for="(item, index) in param_type" :key="index" :label="item.label"
-                         :value="item.value"></el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
+                <el-col :span="24" class="mb20">
+                    <el-form-item :label="t('param.publicType')" prop="publicType">
+                        <el-select :placeholder="t('param.inputpublicTypeTip')" v-model="form.publicType">
+                            <el-option :key="index" :label="item.label" :value="item.value"
+                                       v-for="(item, index) in param_type"></el-option>
+                        </el-select>
+                    </el-form-item>
+                </el-col>
 
-        <el-col :span="24" class="mb20">
-          <el-form-item :label="t('param.systemFlag')" prop="systemFlag">
-            <el-select v-model="form.systemFlag" :placeholder="t('param.inputsystemFlagTip')">
-              <el-option v-for="(item, index) in dict_type" :key="index" :label="item.label"
-                         :value="item.value"></el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
+                <el-col :span="24" class="mb20">
+                    <el-form-item :label="t('param.systemFlag')" prop="systemFlag">
+                        <el-select :placeholder="t('param.inputsystemFlagTip')" v-model="form.systemFlag">
+                            <el-option :key="index" :label="item.label" :value="item.value"
+                                       v-for="(item, index) in dict_type"></el-option>
+                        </el-select>
+                    </el-form-item>
+                </el-col>
 
-      </el-row>
-    </el-form>
-    <template #footer>
+            </el-row>
+        </el-form>
+        <template #footer>
         <span class="dialog-footer">
-          <el-button formDialogRef @click="visible = false">{{ $t('common.cancelButtonText') }}</el-button>
-          <el-button formDialogRef type="primary" @click="onSubmit">{{ $t('common.confirmButtonText') }}</el-button>
+          <el-button @click="visible = false" formDialogRef>{{ $t('common.cancelButtonText') }}</el-button>
+          <el-button @click="onSubmit" formDialogRef type="primary">{{ $t('common.confirmButtonText') }}</el-button>
         </span>
-    </template>
-  </el-dialog>
+        </template>
+    </el-dialog>
 </template>
 
 <script lang="ts" name="SysPublicParamDialog" setup>
-// 定义子组件向父组件传值/事件
-import {useDict} from '/@/hooks/dict';
-import {useMessage} from "/@/hooks/message";
-import {addObj, getObj, putObj} from '/@/api/admin/param'
-import {useI18n} from "vue-i18n"
+    // 定义子组件向父组件传值/事件
+    import {useDict} from '/@/hooks/dict';
+    import {useMessage} from "/@/hooks/message";
+    import {addObj, getObj, putObj} from '/@/api/admin/param'
+    import {useI18n} from "vue-i18n"
+    import {rule} from "/@/utils/validate";
 
-const emit = defineEmits(['refresh']);
+    const emit = defineEmits(['refresh']);
 
-const {t} = useI18n();
+    const {t} = useI18n();
 
-// 定义变量内容
-const dataFormRef = ref();
-const visible = ref(false)
-// 定义字典
-const {dict_type, status_type, param_type} = useDict('dict_type', 'status_type', 'param_type')
+    // 定义变量内容
+    const dataFormRef = ref();
+    const visible = ref(false)
+    // 定义字典
+    const {dict_type, status_type, param_type} = useDict('dict_type', 'status_type', 'param_type')
 
-// 提交表单数据
-const form = reactive({
-  publicId: '',
-  publicName: '',
-  publicKey: '',
-  publicValue: '',
-  status: '0',
-  validateCode: '',
-  publicType: '',
-  systemFlag: '0',
-});
+    // 提交表单数据
+    const form = reactive({
+        publicId: '',
+        publicName: '',
+        publicKey: '',
+        publicValue: '',
+        status: '0',
+        validateCode: '',
+        publicType: '',
+        systemFlag: '0',
+    });
 
-// 定义校验规则
-const dataRules = reactive({
-  publicName: [{ required: true, message: '名称不能为空', trigger: 'blur' }],
-  publicKey: [{ required: true, message: '参数键不能为空', trigger: 'blur' }],
-  publicValue: [{ required: true, message: '参数值不能为空', trigger: 'blur' }],
-  status: [{ required: true, message: '状态不能为空', trigger: 'blur' }],
-  validateCode: [{ required: true, message: '编码不能为空', trigger: 'blur' }],
-  publicType: [{ required: true, message: '类型不能为空', trigger: 'blur' }],
-})
+    // 定义校验规则
+    const dataRules = reactive({
+        publicName: [{required: true, message: '名称不能为空', trigger: 'blur'}],
+        publicKey: [{required: true, message: '参数键不能为空', trigger: 'blur'}
+            , {validator: rule.validatorKey, trigger: 'blur'}],
+        publicValue: [{required: true, message: '参数值不能为空', trigger: 'blur'}],
+        status: [{required: true, message: '状态不能为空', trigger: 'blur'}],
+        validateCode: [{required: true, message: '编码不能为空', trigger: 'blur'}],
+        publicType: [{required: true, message: '类型不能为空', trigger: 'blur'}],
+        systemFlag: [{required: true, message: '类型不能为空', trigger: 'blur'}],
+    })
 
-// 打开弹窗
-const openDialog = (id: string) => {
-  visible.value = true
-  form.publicId = ''
+    // 打开弹窗
+    const openDialog = (id: string) => {
+        visible.value = true
+        form.publicId = ''
 
-  // 重置表单数据
-  if (dataFormRef.value) {
-    dataFormRef.value.resetFields()
-  }
+        // 重置表单数据
+        if (dataFormRef.value) {
+            dataFormRef.value.resetFields()
+        }
 
-  // 获取sysPublicParam信息
-  if (id) {
-    form.publicId = id
-    getsysPublicParamData(id)
-  }
-};
+        // 获取sysPublicParam信息
+        if (id) {
+            form.publicId = id
+            getsysPublicParamData(id)
+        }
+    };
 
-// 提交
-const onSubmit = () => {
-  dataFormRef.value.validate((valid: boolean) => {
-    if (!valid) {
-      return false
+    // 提交
+    const onSubmit = () => {
+        dataFormRef.value.validate((valid: boolean) => {
+            if (!valid) {
+                return false
+            }
+
+            // 更新
+            if (form.publicId) {
+                putObj(form).then(() => {
+                    useMessage().success(t('common.editSuccessText'))
+                    visible.value = false // 关闭弹窗
+                    emit('refresh')
+                }).catch((err: any) => {
+                    useMessage().error(err.msg)
+                })
+            } else {
+                addObj(form).then(() => {
+                    useMessage().success(t('common.addSuccessText'))
+                    visible.value = false // 关闭弹窗
+                    emit('refresh')
+                }).catch((err: any) => {
+                    useMessage().error(err.msg)
+                })
+            }
+        })
     }
 
-    // 更新
-    if (form.publicId) {
-      putObj(form).then(() => {
-        useMessage().success(t('common.editSuccessText'))
-        visible.value = false // 关闭弹窗
-        emit('refresh')
-      }).catch((err: any) => {
-        useMessage().error(err.msg)
-      })
-    } else {
-      addObj(form).then(() => {
-        useMessage().success(t('common.addSuccessText'))
-        visible.value = false // 关闭弹窗
-        emit('refresh')
-      }).catch((err: any) => {
-        useMessage().error(err.msg)
-      })
-    }
-  })
-}
+    // 初始化表单数据
+    const getsysPublicParamData = (id: string) => {
+        // 获取数据
+        getObj(id).then((res: any) => {
+            Object.assign(form, res.data)
+        })
+    };
 
-// 初始化表单数据
-const getsysPublicParamData = (id: string) => {
-  // 获取数据
-  getObj(id).then((res: any) => {
-    Object.assign(form, res.data)
-  })
-};
-
-// 暴露变量
-defineExpose({
-  openDialog
-});
+    // 暴露变量
+    defineExpose({
+        openDialog
+    });
 </script>
diff --git a/src/views/admin/param/index.vue b/src/views/admin/param/index.vue
index 1916d34b..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,108 +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
+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/form.vue b/src/views/admin/role/form.vue
index a805909a..242ec369 100644
--- a/src/views/admin/role/form.vue
+++ b/src/views/admin/role/form.vue
@@ -1,209 +1,217 @@
 <template>
-  <el-dialog :title="form.roleId ? $t('common.editBtn') : $t('common.addBtn')" v-model="visible"
-    :close-on-click-modal="false" draggable>
-    <el-form ref="dataFormRef" :model="form" :rules="dataRules"  label-width="90px">
-      <el-row :gutter="35">
-        <el-col :span="12" class="mb20">
-          <el-form-item :label="$t('sysrole.roleName')" prop="roleName">
-            <el-input v-model="form.roleName" :placeholder="$t('sysrole.please_enter_a_role_name')" clearable></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12" class="mb20">
-          <el-form-item :label="$t('sysrole.roleCode')" prop="roleCode">
-            <el-input v-model="form.roleCode" :placeholder="$t('sysrole.please_enter_the_role_Code')" clearable></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
-          <el-form-item :label="$t('sysrole.roleDesc')" prop="roleDesc">
-            <el-input v-model="form.roleDesc" type="textarea" :placeholder="$t('sysrole.please_enter_the_role_description')" maxlength="150"></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
-          <el-form-item :label="$t('sysrole.menu_authority')" prop="dsType">
-            <el-select v-model="form.dsType" :placeholder="$t('sysrole.please_select')" clearable class="w100">
-              <el-option v-for="item in dictType" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="24" class="mb20" v-if="form.dsType === 1">
-          <el-form-item>
-            <el-tree show-checkbox ref="deptTreeRef" :check-strictly="true" :data="dataForm.deptData"
-              :props="dataForm.deptProps" :default-checked-keys="dataForm.checkedDsScope" node-key="id"
-              highlight-current default-expand-all />
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
-    <template #footer>
+    <el-dialog :close-on-click-modal="false" :title="form.roleId ? $t('common.editBtn') : $t('common.addBtn')"
+               draggable v-model="visible">
+        <el-form :model="form" :rules="dataRules" label-width="90px" ref="dataFormRef">
+            <el-row :gutter="35">
+                <el-col :span="12" class="mb20">
+                    <el-form-item :label="$t('sysrole.roleName')" prop="roleName">
+                        <el-input :placeholder="$t('sysrole.please_enter_a_role_name')" clearable
+                                  v-model="form.roleName"></el-input>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12" class="mb20">
+                    <el-form-item :label="$t('sysrole.roleCode')" prop="roleCode">
+                        <el-input :placeholder="$t('sysrole.please_enter_the_role_Code')" clearable
+                                  v-model="form.roleCode"></el-input>
+                    </el-form-item>
+                </el-col>
+                <el-col :lg="24" :md="24" :sm="24" :xl="24" :xs="24" class="mb20">
+                    <el-form-item :label="$t('sysrole.roleDesc')" prop="roleDesc">
+                        <el-input :placeholder="$t('sysrole.please_enter_the_role_description')" maxlength="150"
+                                  type="textarea"
+                                  v-model="form.roleDesc"></el-input>
+                    </el-form-item>
+                </el-col>
+                <el-col :lg="24" :md="24" :sm="24" :xl="24" :xs="24" class="mb20">
+                    <el-form-item :label="$t('sysrole.menu_authority')" prop="dsType">
+                        <el-select :placeholder="$t('sysrole.please_select')" class="w100" clearable
+                                   v-model="form.dsType">
+                            <el-option :key="item.value" :label="item.label" :value="item.value"
+                                       v-for="item in dictType"/>
+                        </el-select>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="24" class="mb20" v-if="form.dsType === 1">
+                    <el-form-item>
+                        <el-tree :check-strictly="true" :data="dataForm.deptData" :default-checked-keys="dataForm.checkedDsScope" :props="dataForm.deptProps"
+                                 default-expand-all highlight-current
+                                 node-key="id"
+                                 ref="deptTreeRef" show-checkbox/>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+        </el-form>
+        <template #footer>
       <span class="dialog-footer">
-        <el-button @click="visible = false" >{{ $t('common.cancelButtonText') }}</el-button>
-        <el-button type="primary" @click="onSubmit" >{{ $t('common.confirmButtonText') }}</el-button>
+        <el-button @click="visible = false">{{ $t('common.cancelButtonText') }}</el-button>
+        <el-button @click="onSubmit" type="primary">{{ $t('common.confirmButtonText') }}</el-button>
       </span>
-    </template>
-  </el-dialog>
+        </template>
+    </el-dialog>
 </template>
 
-<script setup lang="ts" name="systemRoleDialog">
-import { rule } from '/@/utils/validate';
+<script lang="ts" name="systemRoleDialog" setup>
+    import {rule} from '/@/utils/validate';
+    import {depttree} from '/@/api/admin/dept'
+    import {useMessage} from "/@/hooks/message";
+    import {addObj, getObj, getObjByCode, putObj} from '/@/api/admin/role'
+    import {useI18n} from "vue-i18n"
 
-// 定义子组件向父组件传值/事件
-const emit = defineEmits(['refresh']);
-import { depttree } from '/@/api/admin/dept'
-import { useMessage } from "/@/hooks/message";
-import { getObj, addObj, putObj, getObjByCode } from '/@/api/admin/role'
-import { useI18n } from "vue-i18n"
+    // 定义子组件向父组件传值/事件
+    const emit = defineEmits(['refresh']);
 
-const { t } = useI18n();
+    const {t} = useI18n();
 
-// 定义变量内容
-const dataFormRef = ref();
-const deptTreeRef = ref()
-const visible = ref(false)
+    // 定义变量内容
+    const dataFormRef = ref();
+    const deptTreeRef = ref()
+    const visible = ref(false)
 
-// 提交表单数据
-const form = reactive({
-  roleId: '',
-  roleName: '',
-  roleCode: '',
-  roleDesc: '',
-  dsType: 0,
-  dsScope: ''
-});
+    // 提交表单数据
+    const form = reactive({
+        roleId: '',
+        roleName: '',
+        roleCode: '',
+        roleDesc: '',
+        dsType: 0,
+        dsScope: ''
+    });
 
-// 页面对应元数据
-const dataForm = reactive({
-  deptData: [],
-  checkedDsScope: [],
-  deptProps: {
-    children: 'children',
-    label: 'name',
-    value: 'id'
-  }
-});
+    // 页面对应元数据
+    const dataForm = reactive({
+        deptData: [],
+        checkedDsScope: [],
+        deptProps: {
+            children: 'children',
+            label: 'name',
+            value: 'id'
+        }
+    });
 
-// 判断ROLE_CODE 是否存在
-const validateRoleCode = (rule: any, value: any, callback: any) => {
-  getObjByCode(value).then((response: any) => {
-    if (form.roleId !== '') callback()
-    const result = response.data
-    if (result && result.length !== 0) {
-      callback(new Error('同名角色标识已存在'))
-    } else {
-      callback()
-    }
-  })
-}
-
-// 定义校验规则
-const dataRules = ref(
-  {
-    roleName: [{ required: true, message: '角色名称不能为空', trigger: 'blur' },
-    { min: 3, max: 20, message: '长度在 3 到 20 个字符', trigger: 'blur' }
-    ],
-    roleCode: [
-      { required: true, message: '角色标识不能为空', trigger: 'blur' },
-      { min: 3, max: 20, message: '长度在 3 到 20 个字符', trigger: 'blur' },
-      { validator: rule.validatorKey, trigger: 'blur' },
-      { validator: validateRoleCode, trigger: 'blur' }
-    ],
-    roleDesc: [{ max: 128, message: '长度在 128 个字符内', trigger: 'blur' }],
-    dsType: [{ required: true, message: "请选择数据权限类型", trigger: "blur" }]
-  }
-)
-
-const dictType = ref([{
-  label: '全部',
-  value: 0
-}, {
-  label: '自定义',
-  value: 1
-}, {
-  label: '本级及子级',
-  value: 2
-}, {
-  label: '本级',
-  value: 3
-}])
-
-
-// 打开弹窗
-const openDialog = (id: string) => {
-  visible.value = true
-  form.roleId = ''
-
-  // 重置表单数据
-  if (dataFormRef.value) {
-    dataFormRef.value.resetFields()
-  }
-
-  // 获取角色信息
-  if (id) {
-    form.roleId = id
-    getRoleData(id)
-  }
-
-  getDeptData();
-};
-
-// 提交
-const onSubmit = () => {
-  if (form.dsType === 1) {
-    form.dsScope = deptTreeRef.value.getCheckedKeys().join(',')
-  } else {
-    form.dsScope = ''
-  }
-
-  dataFormRef.value.validate((valid: boolean) => {
-    if (!valid) {
-      return false
+    // 判断ROLE_CODE 是否存在
+    const validateRoleCode = (rule: any, value: any, callback: any) => {
+        getObjByCode(value).then((response: any) => {
+            if (form.roleId !== '') callback()
+            const result = response.data
+            if (result && result.length !== 0) {
+                callback(new Error('同名角色标识已存在'))
+            } else {
+                callback()
+            }
+        })
     }
 
-    // 更新
-    if (form.roleId) {
-      putObj(form).then(() => {
-        useMessage().success(t('common.editSuccessText'))
-        visible.value = false // 关闭弹窗
-        emit('refresh')
-      }).catch((err: any) => {
-        useMessage().error(err.msg)
-      })
-    } else {
-      addObj(form).then(() => {
-        useMessage().success(t('common.addSuccessText'))
-        visible.value = false // 关闭弹窗
-        emit('refresh')
-      }).catch((err: any) => {
-        useMessage().error(err.msg)
-      })
-    }
-  })
+    // 定义校验规则
+    const dataRules = ref(
+        {
+            roleName: [{required: true, message: '角色名称不能为空', trigger: 'blur'},
+                {min: 3, max: 20, message: '长度在 3 到 20 个字符', trigger: 'blur'}
+            ],
+            roleCode: [
+                {required: true, message: '角色标识不能为空', trigger: 'blur'},
+                {min: 3, max: 20, message: '长度在 3 到 20 个字符', trigger: 'blur'},
+                {validator: rule.validatorKey, trigger: 'blur'},
+                {validator: validateRoleCode, trigger: 'blur'}
+            ],
+            roleDesc: [{max: 128, message: '长度在 128 个字符内', trigger: 'blur'}],
+            dsType: [{required: true, message: "请选择数据权限类型", trigger: "blur"}],
+            menu_authority: [{required: true, message: "菜单权限不能为空", trigger: "blur"}]
+        }
+    )
+
+    const dictType = ref([{
+        label: '全部',
+        value: 0
+    }, {
+        label: '自定义',
+        value: 1
+    }, {
+        label: '本级及子级',
+        value: 2
+    }, {
+        label: '本级',
+        value: 3
+    }])
 
 
-};
+    // 打开弹窗
+    const openDialog = (id: string) => {
+        visible.value = true
+        form.roleId = ''
 
-// 初始化角色数据
-const getRoleData = (id: string) => {
-  // 获取部门数据
-  getObj(id).then((res: any) => {
-    Object.assign(form, res.data)
-    if (res.data.dsScope) {
-      dataForm.checkedDsScope = (res.data.dsScope).split(',')
-    } else {
-      dataForm.checkedDsScope = []
-    }
-  })
-};
+        // 重置表单数据
+        if (dataFormRef.value) {
+            dataFormRef.value.resetFields()
+        }
+
+        // 获取角色信息
+        if (id) {
+            form.roleId = id
+            getRoleData(id)
+        }
+
+        getDeptData();
+    };
+
+    // 提交
+    const onSubmit = () => {
+        if (form.dsType === 1) {
+            form.dsScope = deptTreeRef.value.getCheckedKeys().join(',')
+        } else {
+            form.dsScope = ''
+        }
+
+        dataFormRef.value.validate((valid: boolean) => {
+            if (!valid) {
+                return false
+            }
+
+            // 更新
+            if (form.roleId) {
+                putObj(form).then(() => {
+                    useMessage().success(t('common.editSuccessText'))
+                    visible.value = false // 关闭弹窗
+                    emit('refresh')
+                }).catch((err: any) => {
+                    useMessage().error(err.msg)
+                })
+            } else {
+                addObj(form).then(() => {
+                    useMessage().success(t('common.addSuccessText'))
+                    visible.value = false // 关闭弹窗
+                    emit('refresh')
+                }).catch((err: any) => {
+                    useMessage().error(err.msg)
+                })
+            }
+        })
 
 
-// 获取菜单结构数据
-const getDeptData = () => {
-  depttree().then((res: any) => {
-    dataForm.deptData = res.data
-  })
-};
+    };
 
-// 暴露变量
-defineExpose({
-  openDialog,
-});
+    // 初始化角色数据
+    const getRoleData = (id: string) => {
+        // 获取部门数据
+        getObj(id).then((res: any) => {
+            Object.assign(form, res.data)
+            if (res.data.dsScope) {
+                dataForm.checkedDsScope = (res.data.dsScope).split(',')
+            } else {
+                dataForm.checkedDsScope = []
+            }
+        })
+    };
+
+
+    // 获取菜单结构数据
+    const getDeptData = () => {
+        depttree().then((res: any) => {
+            dataForm.deptData = res.data
+        })
+    };
+
+    // 暴露变量
+    defineExpose({
+        openDialog,
+    });
 </script>
diff --git a/src/views/admin/role/index.vue b/src/views/admin/role/index.vue
index 7f5ddf13..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()" />
@@ -110,7 +110,8 @@ const state: BasicTableProps = reactive<BasicTableProps>({
   queryForm: {
     roleName: ''
   },
-  pageList: pageList // H
+  pageList: pageList, // H
+  descs: ['create_time']
 });
 
 const dictType = ref([{
diff --git a/src/views/admin/social/form.vue b/src/views/admin/social/form.vue
index 9c159b3e..763f4d7c 100644
--- a/src/views/admin/social/form.vue
+++ b/src/views/admin/social/form.vue
@@ -1,151 +1,157 @@
 <template>
-  <el-dialog v-model="visible" :close-on-click-modal="false"
-    :title="form.id ? $t('common.editBtn') : $t('common.addBtn')" draggable>
-    <el-form ref="dataFormRef" :model="form" :rules="dataRules" formDialogRef label-width="90px">
-      <el-row :gutter="20">
-        <el-col :span="12" class="mb20">
-          <el-form-item :label="t('social.type')" prop="type">
-            <el-select v-model="form.type" :placeholder="t('social.inputTypeTip')">
-              <el-option v-for="(item, index) in social_type" :key="index" :label="item.label" :value="item.value">
-                {{ item.label }}
-              </el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12" class="mb20">
-          <el-form-item :label="t('social.remark')" prop="remark">
-            <el-input v-model="form.remark" :placeholder="t('social.inputRemarkTip')" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="12" class="mb20">
-          <el-form-item :label="t('social.appId')" prop="appId">
-            <el-input v-model="form.appId" :placeholder="t('social.inputAppIdTip')" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="12" class="mb20">
-          <el-form-item :label="t('social.appSecret')" prop="appSecret">
-            <el-input v-model="form.appSecret" :placeholder="t('social.inputAppSecretTip')" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="24" class="mb20">
-          <el-form-item :label="t('social.redirectUrl')" prop="redirectUrl">
-            <el-input v-model="form.redirectUrl" :placeholder="t('social.inputRedirectUrlTip')" type="textarea" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="24" class="mb20">
-          <el-form-item :label="t('social.ext')" prop="ext">
-            <el-input v-model="form.ext" :placeholder="t('social.inputExtTip')" type="textarea" />
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
-    <template #footer>
+    <el-dialog :close-on-click-modal="false" :title="form.id ? $t('common.editBtn') : $t('common.addBtn')"
+               draggable v-model="visible">
+        <el-form :model="form" :rules="dataRules" formDialogRef label-width="90px" ref="dataFormRef">
+            <el-row :gutter="20">
+                <el-col :span="12" class="mb20">
+                    <el-form-item :label="t('social.type')" prop="type">
+                        <el-select :placeholder="t('social.inputTypeTip')" v-model="form.type">
+                            <el-option :key="index" :label="item.label" :value="item.value"
+                                       v-for="(item, index) in social_type">
+                                {{ item.label }}
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12" class="mb20">
+                    <el-form-item :label="t('social.remark')" prop="remark">
+                        <el-input :placeholder="t('social.inputRemarkTip')" v-model="form.remark"/>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12" class="mb20">
+                    <el-form-item :label="t('social.appId')" prop="appId">
+                        <el-input :placeholder="t('social.inputAppIdTip')" v-model="form.appId"/>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12" class="mb20">
+                    <el-form-item :label="t('social.appSecret')" prop="appSecret">
+                        <el-input :placeholder="t('social.inputAppSecretTip')" v-model="form.appSecret"/>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="24" class="mb20">
+                    <el-form-item :label="t('social.redirectUrl')" prop="redirectUrl">
+                        <el-input :placeholder="t('social.inputRedirectUrlTip')" type="textarea"
+                                  v-model="form.redirectUrl"/>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="24" class="mb20">
+                    <el-form-item :label="t('social.ext')" prop="ext">
+                        <el-input :placeholder="t('social.inputExtTip')" type="textarea" v-model="form.ext"/>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+        </el-form>
+        <template #footer>
       <span class="dialog-footer">
-        <el-button formDialogRef @click="visible = false">{{ $t('common.cancelButtonText') }}</el-button>
-        <el-button formDialogRef type="primary" @click="onSubmit">{{ $t('common.confirmButtonText') }}</el-button>
+        <el-button @click="visible = false" formDialogRef>{{ $t('common.cancelButtonText') }}</el-button>
+        <el-button @click="onSubmit" formDialogRef type="primary">{{ $t('common.confirmButtonText') }}</el-button>
       </span>
-    </template>
-  </el-dialog>
+        </template>
+    </el-dialog>
 </template>
 
 <script lang="ts" name="AppSocialDetailsDialog" setup>
-// 定义子组件向父组件传值/事件
-import { useDict } from '/@/hooks/dict';
-import { useMessage } from "/@/hooks/message";
-import { addObj, getObj, putObj } from '/@/api/admin/social'
-import { useI18n } from "vue-i18n"
+    // 定义子组件向父组件传值/事件
+    import {useDict} from '/@/hooks/dict';
+    import {useMessage} from "/@/hooks/message";
+    import {addObj, getObj, putObj} from '/@/api/admin/social'
+    import {useI18n} from "vue-i18n"
+    import {rule} from "/@/utils/validate";
 
-const emit = defineEmits(['refresh']);
+    const emit = defineEmits(['refresh']);
 
-const { t } = useI18n();
+    const {t} = useI18n();
 
-// 定义变量内容
-const dataFormRef = ref();
-const visible = ref(false)
-// 定义字典
-const { social_type } = useDict('social_type')
+    // 定义变量内容
+    const dataFormRef = ref();
+    const visible = ref(false)
+    // 定义字典
+    const {social_type} = useDict('social_type')
 
-// 提交表单数据
-const form = reactive({
-  id: '',
-  type: '',
-  remark: '',
-  appId: '',
-  appSecret: '',
-  redirectUrl: '',
-  ext: '',
-});
+    // 提交表单数据
+    const form = reactive({
+        id: '',
+        type: '',
+        remark: '',
+        appId: '',
+        appSecret: '',
+        redirectUrl: '',
+        ext: '',
+    });
 
-// 定义校验规则
-const dataRules = ref({
-  type: [{ required: true, message: '类型不能为空', trigger: 'blur' }],
-  appId: [{ required: true, message: 'appId不能为空', trigger: 'blur' }],
-  appSecret: [{ required: true, message: 'appSecret不能为空', trigger: 'blur' }],
-})
+    // 定义校验规则
+    const dataRules = ref({
+        type: [{required: true, message: '类型不能为空', trigger: 'blur'}],
+        appId: [{required: true, message: 'appId不能为空', trigger: 'blur'}],
+        remark: [{required: true, message: '描述不能为空', trigger: 'blur'}],
+        redirectUrl: [{required: true, message: '回调地址不能为空', trigger: 'blur'}
+            , {validator: rule.url, trigger: 'blur'}],
+        appSecret: [{required: true, message: 'appSecret不能为空', trigger: 'blur'}],
+    })
 
-// 打开弹窗
-const openDialog = (id: string) => {
-  visible.value = true
-  form.id = ''
+    // 打开弹窗
+    const openDialog = (id: string) => {
+        visible.value = true
+        form.id = ''
 
-  // 重置表单数据
-  if (dataFormRef.value) {
-    dataFormRef.value.resetFields()
-  }
+        // 重置表单数据
+        if (dataFormRef.value) {
+            dataFormRef.value.resetFields()
+        }
 
-  // 获取appSocialDetails信息
-  if (id) {
-    form.id = id
-    getappSocialDetailsData(id)
-  }
-};
+        // 获取appSocialDetails信息
+        if (id) {
+            form.id = id
+            getappSocialDetailsData(id)
+        }
+    };
 
-// 提交
-const onSubmit = () => {
-  dataFormRef.value.validate((valid: boolean) => {
-    if (!valid) {
-      return false
+    // 提交
+    const onSubmit = () => {
+        dataFormRef.value.validate((valid: boolean) => {
+            if (!valid) {
+                return false
+            }
+
+            if (form.appSecret && form.appSecret.indexOf("******") >= 0) {
+                form.appSecret = ''
+            }
+
+            if (form.appId && form.appId.indexOf("******") >= 0) {
+                form.appId = ''
+            }
+
+            // 更新
+            if (form.id) {
+                putObj(form).then(() => {
+                    useMessage().success(t('common.editSuccessText'))
+                    visible.value = false // 关闭弹窗
+                    emit('refresh')
+                }).catch((err: any) => {
+                    useMessage().error(err.msg)
+                })
+            } else {
+                addObj(form).then(() => {
+                    useMessage().success(t('common.addSuccessText'))
+                    visible.value = false // 关闭弹窗
+                    emit('refresh')
+                }).catch((err: any) => {
+                    useMessage().error(err.msg)
+                })
+            }
+        })
     }
 
-    if (form.appSecret && form.appSecret.indexOf("******") >= 0) {
-      form.appSecret = ''
-    }
+    // 初始化表单数据
+    const getappSocialDetailsData = (id: string) => {
+        // 获取数据
+        getObj(id).then((res: any) => {
+            Object.assign(form, res.data)
+        })
+    };
 
-    if (form.appId && form.appId.indexOf("******") >= 0) {
-      form.appId = ''
-    }
-
-    // 更新
-    if (form.id) {
-      putObj(form).then(() => {
-        useMessage().success(t('common.editSuccessText'))
-        visible.value = false // 关闭弹窗
-        emit('refresh')
-      }).catch((err: any) => {
-        useMessage().error(err.msg)
-      })
-    } else {
-      addObj(form).then(() => {
-        useMessage().success(t('common.addSuccessText'))
-        visible.value = false // 关闭弹窗
-        emit('refresh')
-      }).catch((err: any) => {
-        useMessage().error(err.msg)
-      })
-    }
-  })
-}
-
-// 初始化表单数据
-const getappSocialDetailsData = (id: string) => {
-  // 获取数据
-  getObj(id).then((res: any) => {
-    Object.assign(form, res.data)
-  })
-};
-
-// 暴露变量
-defineExpose({
-  openDialog
-});
+    // 暴露变量
+    defineExpose({
+        openDialog
+    });
 </script>
diff --git a/src/views/admin/social/index.vue b/src/views/admin/social/index.vue
index d2d0c89f..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()" />
@@ -91,7 +91,8 @@ const multiple = ref(true)
 
 const state: BasicTableProps = reactive<BasicTableProps>({
   queryForm: {},
-  pageList: fetchList
+  pageList: fetchList,
+  descs: ['create_time']
 })
 
 //  table hook
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 83b3c12c..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>
 
@@ -78,7 +77,8 @@ const state: BasicTableProps = reactive<BasicTableProps>({
     queryForm: {
         username: ''
     },
-    pageList: fetchList
+    pageList: fetchList,
+
 });
 
 //  table hook
diff --git a/src/views/admin/user/form.vue b/src/views/admin/user/form.vue
index 313331a4..c5f22cd3 100644
--- a/src/views/admin/user/form.vue
+++ b/src/views/admin/user/form.vue
@@ -1,267 +1,279 @@
 <template>
-  <div class="system-user-dialog-container">
-    <el-dialog :title="dataForm.userId ? $t('common.editBtn') : $t('common.addBtn')" v-model="visible"
-      :close-on-click-modal="false" draggable>
-      <el-form ref="dataFormRef" :model="dataForm" :rules="dataRules" label-width="90px" v-loading="loading">
-        <el-row :gutter="20">
-          <el-col :span="12" class="mb20">
-            <el-form-item :label="$t('sysuser.username')" prop="username">
-              <el-input v-model="dataForm.username" placeholder="请输入用户名" :disabled="dataForm.userId !== ''"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" class="mb20">
-            <el-form-item :label="$t('sysuser.password')" prop="password">
-              <el-input v-model="dataForm.password" type="password" placeholder="请输入密码" clearable></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" class="mb20">
-            <el-form-item :label="$t('sysuser.name')" prop="name">
-              <el-input v-model="dataForm.name" placeholder="请输入姓名" clearable></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" class="mb20">
-            <el-form-item :label="$t('sysuser.phone')" prop="phone">
-              <el-input v-model="dataForm.phone" placeholder="请输入手机号" clearable></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" class="mb20">
-            <el-form-item :label="$t('sysuser.role')" prop="role">
-              <el-select v-model="dataForm.role" placeholder="请选择角色" clearable class="w100" multiple>
-                <el-option v-for="item in roleData" :key="item.roleId" :label="item.roleName" :value="item.roleId" />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" class="mb20">
-            <el-form-item :label="$t('sysuser.post')" prop="post">
-              <el-select v-model="dataForm.post" placeholder="请选择岗位" clearable class="w100" multiple>
-                <el-option v-for="item in postData" :key="item.postId" :label="item.postName" :value="item.postId" />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" class="mb20">
-            <el-form-item :label="$t('sysuser.dept')" prop="dept">
-              <el-tree-select v-model="dataForm.deptId" :data="deptData"
-                :props="{ value: 'id', label: 'name', children: 'children' }" class="w100" clearable check-strictly
-                placeholder="请选择所属部门">
-              </el-tree-select>
-            </el-form-item>
-          </el-col>
+    <div class="system-user-dialog-container">
+        <el-dialog :close-on-click-modal="false" :title="dataForm.userId ? $t('common.editBtn') : $t('common.addBtn')"
+                   draggable v-model="visible">
+            <el-form :model="dataForm" :rules="dataRules" label-width="90px" ref="dataFormRef" v-loading="loading">
+                <el-row :gutter="20">
+                    <el-col :span="12" class="mb20">
+                        <el-form-item :label="$t('sysuser.username')" prop="username">
+                            <el-input :disabled="dataForm.userId !== ''" placeholder="请输入用户名"
+                                      v-model="dataForm.username"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12" class="mb20">
+                        <el-form-item :label="$t('sysuser.password')" prop="password">
+                            <el-input clearable placeholder="请输入密码" type="password"
+                                      v-model="dataForm.password"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12" class="mb20">
+                        <el-form-item :label="$t('sysuser.name')" prop="name">
+                            <el-input clearable placeholder="请输入姓名" v-model="dataForm.name"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12" class="mb20">
+                        <el-form-item :label="$t('sysuser.phone')" prop="phone">
+                            <el-input clearable placeholder="请输入手机号" v-model="dataForm.phone"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12" class="mb20">
+                        <el-form-item :label="$t('sysuser.role')" prop="role">
+                            <el-select class="w100" clearable multiple placeholder="请选择角色" v-model="dataForm.role">
+                                <el-option :key="item.roleId" :label="item.roleName" :value="item.roleId"
+                                           v-for="item in roleData"/>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12" class="mb20">
+                        <el-form-item :label="$t('sysuser.post')" prop="post">
+                            <el-select class="w100" clearable multiple placeholder="请选择岗位" v-model="dataForm.post">
+                                <el-option :key="item.postId" :label="item.postName" :value="item.postId"
+                                           v-for="item in postData"/>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12" class="mb20">
+                        <el-form-item :label="$t('sysuser.dept')" prop="dept">
+                            <el-tree-select :data="deptData" :props="{ value: 'id', label: 'name', children: 'children' }"
+                                            check-strictly class="w100"
+                                            clearable placeholder="请选择所属部门"
+                                            v-model="dataForm.deptId">
+                            </el-tree-select>
+                        </el-form-item>
+                    </el-col>
 
-          <el-col :span="12" class="mb20">
-            <el-form-item :label="$t('sysuser.email')" prop="email">
-              <el-input v-model="dataForm.email" placeholder="请输入邮箱" clearable></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" class="mb20">
-            <el-form-item :label="$t('sysuser.nickname')" prop="nickname">
-              <el-input v-model="dataForm.nickname" placeholder="请输入昵称" clearable></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" class="mb20">
-            <el-form-item :label="$t('sysuser.lockFlag')" prop="lockFlag">
-              <el-radio-group v-model="dataForm.lockFlag">
-                <el-radio :label="item.value" v-for="(item, index) in lock_flag" border :key="index">{{ item.label }}
-                </el-radio>
-              </el-radio-group>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <template #footer>
+                    <el-col :span="12" class="mb20">
+                        <el-form-item :label="$t('sysuser.email')" prop="email">
+                            <el-input clearable placeholder="请输入邮箱" v-model="dataForm.email"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12" class="mb20">
+                        <el-form-item :label="$t('sysuser.nickname')" prop="nickname">
+                            <el-input clearable placeholder="请输入昵称" v-model="dataForm.nickname"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12" class="mb20">
+                        <el-form-item :label="$t('sysuser.lockFlag')" prop="lockFlag">
+                            <el-radio-group v-model="dataForm.lockFlag">
+                                <el-radio :key="index" :label="item.value" border v-for="(item, index) in lock_flag">{{
+                                    item.label }}
+                                </el-radio>
+                            </el-radio-group>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+            </el-form>
+            <template #footer>
         <span class="dialog-footer">
           <el-button @click="visible = false">{{ $t('common.cancelButtonText') }}</el-button>
-          <el-button type="primary" @click="onSubmit">{{ $t('common.confirmButtonText') }}</el-button>
+          <el-button @click="onSubmit" type="primary">{{ $t('common.confirmButtonText') }}</el-button>
         </span>
-      </template>
-    </el-dialog>
-  </div>
+            </template>
+        </el-dialog>
+    </div>
 </template>
 
-<script setup lang="ts" name="systemUserDialog">
-import { getObj, addObj, putObj, validateUsername, validatePhone } from '/@/api/admin/user'
-import { list as roleList } from '/@/api/admin/role'
-import { list as postList } from '/@/api/admin/post'
-import { depttree } from '/@/api/admin/dept'
-import { useDict } from "/@/hooks/dict";
-import { useI18n } from "vue-i18n";
-import { useMessage } from '/@/hooks/message';
-import { rule } from '/@/utils/validate';
+<script lang="ts" name="systemUserDialog" setup>
+    import {addObj, getObj, putObj, validatePhone, validateUsername} from '/@/api/admin/user'
+    import {list as roleList} from '/@/api/admin/role'
+    import {list as postList} from '/@/api/admin/post'
+    import {depttree} from '/@/api/admin/dept'
+    import {useDict} from "/@/hooks/dict";
+    import {useI18n} from "vue-i18n";
+    import {useMessage} from '/@/hooks/message';
+    import {rule} from '/@/utils/validate';
 
-const { t } = useI18n()
+    const {t} = useI18n()
 
-// 定义刷新表格emit
-const emit = defineEmits(['refresh']);
-// @ts-ignore
-const { lock_flag } = useDict('lock_flag')
+    // 定义刷新表格emit
+    const emit = defineEmits(['refresh']);
+    // @ts-ignore
+    const {lock_flag} = useDict('lock_flag')
 
-// 定义变量内容
-const dataFormRef = ref();
-const visible = ref(false)
-const deptData = ref<any[]>([])
-const roleData = ref<any[]>([])
-const postData = ref<any[]>([])
-const loading = ref(false)
+    // 定义变量内容
+    const dataFormRef = ref();
+    const visible = ref(false)
+    const deptData = ref<any[]>([])
+    const roleData = ref<any[]>([])
+    const postData = ref<any[]>([])
+    const loading = ref(false)
 
-const dataForm = reactive({
-  userId: '',
-  username: '',
-  password: '' as String | undefined,
-  salt: '',
-  wxOpenid: '',
-  qqOpenid: '',
-  lockFlag: '0',
-  phone: '' as String | undefined,
-  deptId: '',
-  roleList: [],
-  postList: [],
-  nickname: '',
-  name: '',
-  email: '',
-  post: [] as String[],
-  role: [] as String[],
-});
+    const dataForm = reactive({
+        userId: '',
+        username: '',
+        password: '' as String | undefined,
+        salt: '',
+        wxOpenid: '',
+        qqOpenid: '',
+        lockFlag: '0',
+        phone: '' as String | undefined,
+        deptId: '',
+        roleList: [],
+        postList: [],
+        nickname: '',
+        name: '',
+        email: '',
+        post: [] as String[],
+        role: [] as String[],
+    });
 
-const dataRules = ref(
-  {
-    // 用户名校验，不能为空 、长度 5-20、不能和已有数据重复
-    username: [{ required: true, message: "用户名不能为空", trigger: "blur" }
-      , { min: 5, max: 20, message: "用户名称长度必须介于 5 和 20 之间", trigger: "blur" }
-      , {
-      validator: (rule: any, value: any, callback: any) => {
-        validateUsername(rule, value, callback, dataForm.userId !== '')
-      }, trigger: 'blur'
-    }],
-    password: [{ required: true, message: "密码不能为空", trigger: "blur" }, { min: 6, max: 20, message: "用户密码长度必须介于 5 和 20 之间", trigger: "blur" }],
-    // 姓名校验，不能为空、只能是中文
-    name: [{ required: true, message: "姓名不能为空", trigger: "blur" }
-      , { validator: rule.chinese, trigger: 'blur' }
-    ],
-    deptId: [{ required: true, message: "部门不能为空", trigger: "blur" }],
-    role: [{ required: true, message: "角色不能为空", trigger: "blur" }],
-    post: [{ required: true, message: "岗位不能为空", trigger: "blur" }],
-    // 手机号校验，不能为空、新增的时不能重复校验
-    phone: [{ required: true, message: "手机号不能为空", trigger: "blur" }
-      , { validator: rule.validatePhone, trigger: 'blur' }
-      , {
-      validator: (rule: any, value: any, callback: any) => {
-        validatePhone(rule, value, callback, dataForm.userId !== '')
-      }, trigger: 'blur'
-    }],
-    email: [{ type: "email", message: "请输入正确的邮箱地址", trigger: ["blur", "change"] }]
-  }
-)
+    const dataRules = ref(
+        {
+            // 用户名校验，不能为空 、长度 5-20、不能和已有数据重复
+            username: [{required: true, message: "用户名不能为空", trigger: "blur"}
+                , {min: 5, max: 20, message: "用户名称长度必须介于 5 和 20 之间", trigger: "blur"}
+                , {
+                    validator: (rule: any, value: any, callback: any) => {
+                        validateUsername(rule, value, callback, dataForm.userId !== '')
+                    }, trigger: 'blur'
+                }],
+            password: [{required: true, message: "密码不能为空", trigger: "blur"}, {
+                min: 6,
+                max: 20,
+                message: "用户密码长度必须介于 5 和 20 之间",
+                trigger: "blur"
+            }],
+            // 姓名校验，不能为空、只能是中文
+            name: [{required: true, message: "姓名不能为空", trigger: "blur"}
+                , {validator: rule.chinese, trigger: 'blur'}
+            ],
+            deptId: [{required: true, message: "部门不能为空", trigger: "blur"}],
+            role: [{required: true, message: "角色不能为空", trigger: "blur"}],
+            post: [{required: true, message: "岗位不能为空", trigger: "blur"}],
+            // 手机号校验，不能为空、新增的时不能重复校验
+            phone: [{required: true, message: "手机号不能为空", trigger: "blur"}
+                , {validator: rule.validatePhone, trigger: 'blur'}
+                , {
+                    validator: (rule: any, value: any, callback: any) => {
+                        validatePhone(rule, value, callback, dataForm.userId !== '')
+                    }, trigger: 'blur'
+                }],
+            email: [{type: "email", message: "请输入正确的邮箱地址", trigger: ["blur", "change"]}],
+            lockFlag: [{required: true, message: "状态不能为空", trigger: "blur"}],
+        }
+    )
 
-// 打开弹窗
-const openDialog = async (id: string) => {
-  visible.value = true
-  dataForm.userId = ''
+    // 打开弹窗
+    const openDialog = async (id: string) => {
+        visible.value = true
+        dataForm.userId = ''
 
-  // 重置表单数据
-  if (dataFormRef.value) {
-    dataFormRef.value.resetFields()
-  }
+        // 重置表单数据
+        if (dataFormRef.value) {
+            dataFormRef.value.resetFields()
+        }
 
-  // 修改获取用户信息
-  if (id) {
-    dataForm.userId = id
-    await getUserData(id)
-    dataForm.password = '******'
-  }
+        // 修改获取用户信息
+        if (id) {
+            dataForm.userId = id
+            await getUserData(id)
+            dataForm.password = '******'
+        }
 
-  // 加载使用的数据
-  getDeptData()
-  getPostData()
-  getRoleData()
-};
+        // 加载使用的数据
+        getDeptData()
+        getPostData()
+        getRoleData()
+    };
 
-// 提交
-const onSubmit = () => {
-  dataFormRef.value.validate((valid: boolean) => {
-    if (!valid) {
-      return false
+    // 提交
+    const onSubmit = () => {
+        dataFormRef.value.validate((valid: boolean) => {
+            if (!valid) {
+                return false
+            }
+            // 更新方法
+            if (dataForm.userId) {
+                if (dataForm.phone && dataForm.phone.indexOf("*") >= 0) {
+                    dataForm.phone = undefined
+                }
+                if (dataForm.password && dataForm.password.indexOf("******") >= 0) {
+                    dataForm.password = undefined
+                }
+                loading.value = true
+                putObj(dataForm).then(() => {
+                    useMessage().success(t('common.editSuccessText'))
+                    visible.value = false; // 关闭弹窗
+                    emit('refresh');
+                }).catch(err => {
+                    useMessage().error(err.msg)
+                }).finally(() => {
+                    loading.value = false
+                })
+            } else {  // 新增方法
+                if (dataForm.phone && dataForm.phone.indexOf("*") > 0) {
+                    dataForm.phone = undefined
+                }
+                loading.value = true
+                addObj(dataForm).then(() => {
+                    useMessage().success(t('common.addSuccessText'))
+                    visible.value = false // 关闭弹窗
+                    emit('refresh')
+                }).catch(err => {
+                    useMessage().error(err.msg)
+                }).finally(() => {
+                    loading.value = false
+                })
+            }
+        })
+    };
+
+    // 初始化部门数据
+    const getUserData = (id: string) => {
+        // 获取部门数据
+        loading.value = true
+        return getObj(id).then(res => {
+            Object.assign(dataForm, res.data)
+            if (res.data.roleList) {
+                dataForm.role = []
+                res.data.roleList.map((item: any) => {
+                    dataForm.role.push(item.roleId)
+                })
+            }
+            if (res.data.postList) {
+                dataForm.post = []
+                res.data.postList.map((item: any) => {
+                    dataForm.post.push(item.postId)
+                })
+            }
+        }).finally(() => {
+            loading.value = false
+        })
+    };
+
+    // 初始化部门数据
+    const getDeptData = () => {
+        // 获取部门数据
+        depttree().then(res => {
+            deptData.value = res.data
+        })
+    };
+
+    // 岗位数据
+    const getPostData = () => {
+        postList().then(res => {
+            postData.value = res.data
+        })
     }
-    // 更新方法
-    if (dataForm.userId) {
-      if (dataForm.phone && dataForm.phone.indexOf("*") >= 0) {
-        dataForm.phone = undefined
-      }
-      if (dataForm.password && dataForm.password.indexOf("******") >= 0) {
-        dataForm.password = undefined
-      }
-      loading.value = true
-      putObj(dataForm).then(() => {
-        useMessage().success(t('common.editSuccessText'))
-        visible.value = false; // 关闭弹窗
-        emit('refresh');
-      }).catch(err => {
-        useMessage().error(err.msg)
-      }).finally(() => {
-        loading.value = false
-      })
-    } else {  // 新增方法
-      if (dataForm.phone && dataForm.phone.indexOf("*") > 0) {
-        dataForm.phone = undefined
-      }
-      loading.value = true
-      addObj(dataForm).then(() => {
-        useMessage().success(t('common.addSuccessText'))
-        visible.value = false // 关闭弹窗
-        emit('refresh')
-      }).catch(err => {
-        useMessage().error(err.msg)
-      }).finally(() => {
-        loading.value = false
-      })
+    // 角色数据
+    const getRoleData = () => {
+        roleList().then(res => {
+            roleData.value = res.data
+        })
     }
-  })
-};
 
-// 初始化部门数据
-const getUserData = (id: string) => {
-  // 获取部门数据
-  loading.value = true
-  return getObj(id).then(res => {
-    Object.assign(dataForm, res.data)
-    if (res.data.roleList) {
-      dataForm.role = []
-      res.data.roleList.map((item: any) => {
-        dataForm.role.push(item.roleId)
-      })
-    }
-    if (res.data.postList) {
-      dataForm.post = []
-      res.data.postList.map((item: any) => {
-        dataForm.post.push(item.postId)
-      })
-    }
-  }).finally(() => {
-    loading.value = false
-  })
-};
-
-// 初始化部门数据
-const getDeptData = () => {
-  // 获取部门数据
-  depttree().then(res => {
-    deptData.value = res.data
-  })
-};
-
-// 岗位数据
-const getPostData = () => {
-  postList().then(res => {
-    postData.value = res.data
-  })
-}
-// 角色数据
-const getRoleData = () => {
-  roleList().then(res => {
-    roleData.value = res.data
-  })
-}
-
-// 暴露变量
-defineExpose({
-  openDialog,
-});
+    // 暴露变量
+    defineExpose({
+        openDialog,
+    });
 </script>
diff --git a/src/views/admin/user/i18n/en.ts b/src/views/admin/user/i18n/en.ts
index 0d60e211..2364636b 100644
--- a/src/views/admin/user/i18n/en.ts
+++ b/src/views/admin/user/i18n/en.ts
@@ -17,5 +17,9 @@ export default {
         inputNameTip: 'input name',
         importUserTip: 'user import',
         deleteDisabledTip: 'admin are not allowed to delete',
+    },
+    personal: {
+        name: 'personal info',
+        passwordRule: 'The two passwords are inconsistent'
     }
 }
diff --git a/src/views/admin/user/i18n/zh-cn.ts b/src/views/admin/user/i18n/zh-cn.ts
index 5bfc951e..326603f3 100644
--- a/src/views/admin/user/i18n/zh-cn.ts
+++ b/src/views/admin/user/i18n/zh-cn.ts
@@ -18,5 +18,8 @@ export default {
         importUserTip: '用户导入',
         deleteDisabledTip: 'admin 不允许被删除',
     },
-
+    personal: {
+        name: '个人信息',
+        passwordRule: '两次输入密码不一致'
+    }
 }
diff --git a/src/views/admin/user/index.vue b/src/views/admin/user/index.vue
index 4941df1e..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>
 
@@ -141,7 +139,8 @@ const state: BasicTableProps = reactive<BasicTableProps>({
     username: '',
     phone: ''
   },
-  pageList: pageList
+  pageList: pageList,
+  descs: ['create_time']
 });
 
 // 部门树使用的数据
diff --git a/src/views/personal/index.vue b/src/views/admin/user/personal.vue
similarity index 99%
rename from src/views/personal/index.vue
rename to src/views/admin/user/personal.vue
index e741e4ab..6dfd28d2 100644
--- a/src/views/personal/index.vue
+++ b/src/views/admin/user/personal.vue
@@ -180,8 +180,6 @@ const passwordRuleForm = reactive({
 })
 
 
-
-
 // 头像上传成功
 const handleAvatarSuccess = (url: any) => {
 	formData.avatar = url;
@@ -258,7 +256,7 @@ defineExpose({
 </script>
 
 <style scoped lang="scss">
-@import '../../theme/mixins/index.scss';
+@import '/@/theme/mixins/index.scss';
 
 .personal {
 	.personal-user {
diff --git a/src/views/app/appmenu/form.vue b/src/views/app/appmenu/form.vue
index cc6e1247..54db8eba 100644
--- a/src/views/app/appmenu/form.vue
+++ b/src/views/app/appmenu/form.vue
@@ -1,180 +1,194 @@
 <template>
-  <el-dialog :title="state.ruleForm.menuId ? $t('common.editBtn') : $t('common.addBtn')" v-model="visible" :close-on-click-modal="false" draggable>
-    <el-form ref="menuDialogFormRef" :model="state.ruleForm" :rules="dataRules"  label-width="90px" v-loading="loading">
-      <el-row :gutter="20">
-        <el-col :span="12" class="mb20">
-          <el-form-item :label="$t('sysmenu.menuType')" prop="menType">
-            <el-radio-group v-model="state.ruleForm.menuType">
-              <el-radio-button label="0">页面</el-radio-button>
-              <el-radio-button label="1">按钮</el-radio-button>
-            </el-radio-group>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12" class="mb20">
-          <el-form-item :label="$t('sysmenu.parentId')" prop="parentId">
-            <el-tree-select v-model="state.ruleForm.parentId" :data="state.parentData" default-expand-all
-              :props="{ value: 'id', label: 'name', children: 'children' }" class="w100" clearable check-strictly
-              placeholder="请选择上级菜单">
-            </el-tree-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12" class="mb20">
-          <el-form-item :label="$t('sysmenu.name')" prop="name">
-            <el-input v-model="state.ruleForm.name" clearable placeholder="请输入菜单名称"></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12" class="mb20" v-if="state.ruleForm.menuType !== '1'">
-          <el-form-item :label="$t('sysmenu.path')" prop="path">
-            <el-input v-model="state.ruleForm.path" placeholder="请输入路由地址" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="12" class="mb20">
-          <el-form-item :label="$t('sysmenu.permission')" prop="permission">
-            <el-input v-model="state.ruleForm.permission" maxlength="50" placeholder="请权限标识" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="12" class="mb20">
-          <el-form-item :label="$t('sysmenu.sortOrder')" prop="sortOrder">
-            <el-input-number v-model="state.ruleForm.sortOrder" :min="0" controls-position="right" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="12" class="mb20" v-if="state.ruleForm.menuType !== '1'">
-          <el-form-item :label="$t('sysmenu.visible')" prop="visible">
-            <el-radio-group v-model="state.ruleForm.visible">
-              <el-radio-button label="1">显示</el-radio-button>
-              <el-radio-button label="0">隐藏</el-radio-button>
-            </el-radio-group>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
-    <template #footer>
+    <el-dialog :close-on-click-modal="false" :title="state.ruleForm.menuId ? $t('common.editBtn') : $t('common.addBtn')"
+               draggable v-model="visible">
+        <el-form :model="state.ruleForm" :rules="dataRules" label-width="90px" ref="menuDialogFormRef"
+                 v-loading="loading">
+            <el-row :gutter="20">
+                <el-col :span="12" class="mb20">
+                    <el-form-item :label="$t('sysmenu.menuType')" prop="menType">
+                        <el-radio-group v-model="state.ruleForm.menuType">
+                            <el-radio-button label="0">页面</el-radio-button>
+                            <el-radio-button label="1">按钮</el-radio-button>
+                        </el-radio-group>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12" class="mb20">
+                    <el-form-item :label="$t('sysmenu.parentId')" prop="parentId">
+                        <el-tree-select :data="state.parentData" :props="{ value: 'id', label: 'name', children: 'children' }" check-strictly
+                                        class="w100" clearable
+                                        default-expand-all placeholder="请选择上级菜单"
+                                        v-model="state.ruleForm.parentId">
+                        </el-tree-select>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12" class="mb20">
+                    <el-form-item :label="$t('sysmenu.name')" prop="name">
+                        <el-input clearable placeholder="请输入菜单名称" v-model="state.ruleForm.name"></el-input>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12" class="mb20" v-if="state.ruleForm.menuType !== '1'">
+                    <el-form-item :label="$t('sysmenu.path')" prop="path">
+                        <el-input placeholder="请输入路由地址" v-model="state.ruleForm.path"/>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12" class="mb20">
+                    <el-form-item :label="$t('sysmenu.permission')" prop="permission">
+                        <el-input maxlength="50" placeholder="请权限标识" v-model="state.ruleForm.permission"/>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12" class="mb20">
+                    <el-form-item :label="$t('sysmenu.sortOrder')" prop="sortOrder">
+                        <el-input-number :min="0" controls-position="right" v-model="state.ruleForm.sortOrder"/>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12" class="mb20" v-if="state.ruleForm.menuType !== '1'">
+                    <el-form-item :label="$t('sysmenu.visible')" prop="visible">
+                        <el-radio-group v-model="state.ruleForm.visible">
+                            <el-radio-button label="1">显示</el-radio-button>
+                            <el-radio-button label="0">隐藏</el-radio-button>
+                        </el-radio-group>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+        </el-form>
+        <template #footer>
       <span class="dialog-footer">
-        <el-button @click="visible = false" >{{ $t('common.cancelButtonText') }}</el-button>
-        <el-button type="primary" @click="onSubmit" >{{ $t('common.confirmButtonText') }}</el-button>
+        <el-button @click="visible = false">{{ $t('common.cancelButtonText') }}</el-button>
+        <el-button @click="onSubmit" type="primary">{{ $t('common.confirmButtonText') }}</el-button>
       </span>
-    </template>
-  </el-dialog>
+        </template>
+    </el-dialog>
 </template>
 
-<script setup lang="ts" name="systemMenuDialog">
-import { info, pageList, update, addObj } from "/@/api/app/appmenu";
-import {useMessage} from "/@/hooks/message";
+<script lang="ts" name="systemMenuDialog" setup>
+    import {addObj, info, pageList, update, validateByName, validatePermission} from "/@/api/app/appmenu";
+    import {useMessage} from "/@/hooks/message";
+    import {rule} from "/@/utils/validate";
 
-// 定义子组件向父组件传值/事件
-const emit = defineEmits(['refresh']);
-// 引入组件
+    // 定义子组件向父组件传值/事件
+    const emit = defineEmits(['refresh']);
+    // 引入组件
 
-const visible = ref(false)
-const loading = ref(false)
-// 定义变量内容
-const menuDialogFormRef = ref();
-// 定义需要的数据
-const state = reactive({
-  ruleForm: {
-    menuId: '',
-    name: '',
-    permission: '',
-    parentId: '',
-    icon: '',
-    path: '',
-    sortOrder: 0,
-    menuType: '0',
-    visible: '',
-    id: ''
-  },
-  parentData: [] as any[], // 上级菜单数据
-});
-
-// 从后端获取菜单信息
-const getMenuData = () => {
-  state.parentData = []
-  loading.value = true
-  pageList().then(res => {
-    let menu = {
-      createBy: "",
-      createTime: "",
-      delFlag: "",
-      icon: "",
-      keepAlive: "",
-      menuId: "",
-      menuType: "",
-      parentId: "",
-      path: "",
-      sortOrder: 0,
-      updateBy: "",
-      updateTime: "",
-      visible: "",
-      id: '-1', name: '根菜单', children: [] as any[]
-    };
-    menu.children = res.data;
-    state.parentData.push(menu)
-  }).finally(() => {
-    loading.value = false
-  })
-
-};
-
-const dataRules = reactive({
-  menType: [{ required: true, message: "姓名不能为空", trigger: "blur" }],
-  parentId: [{ required: true, message: "姓名不能为空", trigger: "blur" }],
-  name: [{ required: true, message: "姓名不能为空", trigger: "blur" }],
-  path: [{ required: true, message: "姓名不能为空", trigger: "blur" }],
-  permission: [{ required: true, message: "姓名不能为空", trigger: "blur" }],
-  sortOrder: [{ required: true, message: "姓名不能为空", trigger: "blur" }],
-  keepAlive: [{ required: true, message: "姓名不能为空", trigger: "blur" }]
-})
-// 打开弹窗
-const openDialog = (type: string, row?: any) => {
-  if (row?.id && type === 'edit') {
-    state.ruleForm.id = row.id
-    // 模拟数据，实际请走接口
-    loading.value = true
-    info(row.id).then(res => {
-      Object.assign(state.ruleForm,res.data)
-    }).finally(() => {
-      loading.value = false
-    })
-  } else {
-    // 清空表单，此项需加表单验证才能使用
-    nextTick(() => {
-      menuDialogFormRef?.value?.resetFields();
-      state.ruleForm.parentId = row?.id || '-1'
+    const visible = ref(false)
+    const loading = ref(false)
+    // 定义变量内容
+    const menuDialogFormRef = ref();
+    // 定义需要的数据
+    const state = reactive({
+        ruleForm: {
+            menuId: '',
+            name: '',
+            permission: '',
+            parentId: '',
+            icon: '',
+            path: '',
+            sortOrder: 0,
+            menuType: '0',
+            visible: '',
+            id: ''
+        },
+        parentData: [] as any[], // 上级菜单数据
     });
-  }
-  visible.value = true;
-  getMenuData();
-};
 
-// 保存数据
-const onSubmit = () => {
-  // 保存 调用刷新
-  if (state.ruleForm.id) {
-    loading.value = true
-    update(state.ruleForm).then(() => {
-      visible.value = false;
-      emit('refresh');
-    }).catch(err => {
-      useMessage().error(err.msg)
-    }).finally(() => {
-      loading.value = false
+    // 从后端获取菜单信息
+    const getMenuData = () => {
+        state.parentData = []
+        loading.value = true
+        pageList().then(res => {
+            let menu = {
+                createBy: "",
+                createTime: "",
+                delFlag: "",
+                icon: "",
+                keepAlive: "",
+                menuId: "",
+                menuType: "",
+                parentId: "",
+                path: "",
+                sortOrder: 0,
+                updateBy: "",
+                updateTime: "",
+                visible: "",
+                id: '-1', name: '根菜单', children: [] as any[]
+            };
+            menu.children = res.data;
+            state.parentData.push(menu)
+        }).finally(() => {
+            loading.value = false
+        })
+
+    };
+
+    const dataRules = reactive({
+        name: [{required: true, message: "菜单名称不能为空", trigger: "blur"}
+            , {
+                validator: (rule: any, value: any, callback: any) => {
+                    validateByName(rule, value, callback, state.ruleForm.menuId !== '')
+                }, trigger: 'blur'
+            }],
+        path: [{required: true, message: "路由路径不能为空", trigger: "blur"}
+            , {validate: rule.noChinese, trigger: "blur"}],
+        permission: [{required: true, message: "权限标识不能为空", trigger: "blur"},
+            {validator: rule.validatorKey, trigger: 'blur'},
+            {min: 3, max: 20, message: '长度在 3 到 20 个字符', trigger: 'blur'}
+            , {
+                validator: (rule: any, value: any, callback: any) => {
+                    validatePermission(rule, value, callback, state.ruleForm.menuId !== '')
+                }, trigger: 'blur'
+            }],
+
     })
-  } else {
-    loading.value = true
-    addObj(state.ruleForm).then(() => {
-      visible.value = false;
-      emit('refresh');
-    }).catch(err => {
-      useMessage().error(err.msg)
-    }).finally(() => {
-      loading.value = false
-    })
-  }
+    // 打开弹窗
+    const openDialog = (type: string, row?: any) => {
+        if (row?.id && type === 'edit') {
+            state.ruleForm.id = row.id
+            // 模拟数据，实际请走接口
+            loading.value = true
+            info(row.id).then(res => {
+                Object.assign(state.ruleForm, res.data)
+            }).finally(() => {
+                loading.value = false
+            })
+        } else {
+            // 清空表单，此项需加表单验证才能使用
+            nextTick(() => {
+                menuDialogFormRef?.value?.resetFields();
+                state.ruleForm.parentId = row?.id || '-1'
+            });
+        }
+        visible.value = true;
+        getMenuData();
+    };
 
-};
+    // 保存数据
+    const onSubmit = () => {
+        // 保存 调用刷新
+        if (state.ruleForm.id) {
+            loading.value = true
+            update(state.ruleForm).then(() => {
+                visible.value = false;
+                emit('refresh');
+            }).catch(err => {
+                useMessage().error(err.msg)
+            }).finally(() => {
+                loading.value = false
+            })
+        } else {
+            loading.value = true
+            addObj(state.ruleForm).then(() => {
+                visible.value = false;
+                emit('refresh');
+            }).catch(err => {
+                useMessage().error(err.msg)
+            }).finally(() => {
+                loading.value = false
+            })
+        }
 
-// 暴露变量 只有暴漏出来的变量 父组件才能使用
-defineExpose({
-  openDialog,
-});
+    };
+
+    // 暴露变量 只有暴漏出来的变量 父组件才能使用
+    defineExpose({
+        openDialog,
+    });
 </script>
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/form.vue b/src/views/app/approle/form.vue
index 2038a710..f23d0d61 100644
--- a/src/views/app/approle/form.vue
+++ b/src/views/app/approle/form.vue
@@ -1,43 +1,47 @@
 <template>
-  <el-dialog :title="form.roleId ? $t('common.editBtn') : $t('common.addBtn')" v-model="visible"
-    :close-on-click-modal="false" draggable>
-    <el-form ref="dataFormRef" :model="form" :rules="dataRules"  label-width="90px">
-      <el-row :gutter="35">
-        <el-col :span="12" class="mb20">
-          <el-form-item :label="$t('approle.roleName')" prop="roleName">
-            <el-input v-model="form.roleName" :placeholder="$t('approle.please_enter_a_role_name')" clearable></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12" class="mb20">
-          <el-form-item :label="$t('approle.roleCode')" prop="roleCode">
-            <el-input v-model="form.roleCode" :placeholder="$t('approle.please_enter_the_role_Code')" clearable></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
-          <el-form-item :label="$t('approle.roleDesc')" prop="roleDesc">
-            <el-input v-model="form.roleDesc" type="textarea" :placeholder="$t('approle.please_enter_the_role_description')" maxlength="150"></el-input>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
-    <template #footer>
+    <el-dialog :close-on-click-modal="false" :title="form.roleId ? $t('common.editBtn') : $t('common.addBtn')"
+               draggable v-model="visible">
+        <el-form :model="form" :rules="dataRules" label-width="90px" ref="dataFormRef">
+            <el-row :gutter="35">
+                <el-col :span="12" class="mb20">
+                    <el-form-item :label="$t('approle.roleName')" prop="roleName">
+                        <el-input :placeholder="$t('approle.please_enter_a_role_name')" clearable
+                                  v-model="form.roleName"></el-input>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12" class="mb20">
+                    <el-form-item :label="$t('approle.roleCode')" prop="roleCode">
+                        <el-input :placeholder="$t('approle.please_enter_the_role_Code')" clearable
+                                  v-model="form.roleCode"></el-input>
+                    </el-form-item>
+                </el-col>
+                <el-col :lg="24" :md="24" :sm="24" :xl="24" :xs="24" class="mb20">
+                    <el-form-item :label="$t('approle.roleDesc')" prop="roleDesc">
+                        <el-input :placeholder="$t('approle.please_enter_the_role_description')" maxlength="150"
+                                  type="textarea"
+                                  v-model="form.roleDesc"></el-input>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+        </el-form>
+        <template #footer>
       <span class="dialog-footer">
-        <el-button @click="visible = false" >{{ $t('common.cancelButtonText') }}</el-button>
-        <el-button type="primary" @click="onSubmit" >{{ $t('common.confirmButtonText') }}</el-button>
+        <el-button @click="visible = false">{{ $t('common.cancelButtonText') }}</el-button>
+        <el-button @click="onSubmit" type="primary">{{ $t('common.confirmButtonText') }}</el-button>
       </span>
-    </template>
-  </el-dialog>
+        </template>
+    </el-dialog>
 </template>
 
-<script setup lang="ts" name="systemRoleDialog">import { rule } from '/@/utils/validate';
+<script lang="ts" name="systemRoleDialog" setup>import {rule} from '/@/utils/validate';
+import {useMessage} from "/@/hooks/message";
+import {addObj, getObj, putObj, validateAppRoleCode, validateApproleName} from '/@/api/app/approle'
+import {useI18n} from "vue-i18n"
 
 // 定义子组件向父组件传值/事件
 const emit = defineEmits(['refresh']);
-import { useMessage } from "/@/hooks/message";
-import { getObj, addObj, putObj } from '/@/api/app/approle'
-import { useI18n } from "vue-i18n"
 
-const { t } = useI18n();
+const {t} = useI18n();
 
 // 定义变量内容
 const dataFormRef = ref();
@@ -46,111 +50,121 @@ const visible = ref(false)
 
 // 提交表单数据
 const form = reactive({
-  roleId: '',
-  roleName: '',
-  roleCode: '',
-  roleDesc: '',
-  dsType: 0,
-  dsScope: ''
+    roleId: '',
+    roleName: '',
+    roleCode: '',
+    roleDesc: '',
+    dsType: 0,
+    dsScope: ''
 });
 
 // 页面对应元数据
 const dataForm = reactive({
-  deptData: [],
-  checkedDsScope: [],
-  deptProps: {
-    children: 'children',
-    label: 'name',
-    value: 'id'
-  }
+    deptData: [],
+    checkedDsScope: [],
+    deptProps: {
+        children: 'children',
+        label: 'name',
+        value: 'id'
+    }
 });
 
 // 定义校验规则
 const dataRules = ref(
-  {
-    roleName: [
-        { required: true, message: '角色名称不能为空', trigger: 'blur' },
-        { min: 3, max: 20, message: '长度在 3 到 20 个字符', trigger: 'blur' }
-    ],
-    roleCode: [
-      { required: true, message: '角色标识不能为空', trigger: 'blur' },
-      { min: 3, max: 20, message: '长度在 3 到 20 个字符', trigger: 'blur' },
-      { validator: rule.validatorKey, trigger: 'blur' }
-    ],
-    roleDesc: [{ max: 128, message: '长度在 128 个字符内', trigger: 'blur' }],
-    dsType: [{ required: true, message: "请选择数据权限类型", trigger: "blur" }]
-  }
+    {
+        roleName: [
+            {required: true, message: '角色名称不能为空', trigger: 'blur'},
+            {min: 3, max: 20, message: '长度在 3 到 20 个字符', trigger: 'blur'}
+            , {
+                validator: (rule: any, value: any, callback: any) => {
+                    validateApproleName(rule, value, callback, form.roleId !== '')
+                }, trigger: 'blur'
+            }
+        ],
+        roleCode: [
+            {required: true, message: '角色标识不能为空', trigger: 'blur'},
+            {min: 3, max: 20, message: '长度在 3 到 20 个字符', trigger: 'blur'},
+            {validator: rule.validatorKey, trigger: 'blur'}
+            , {
+                validator: (rule: any, value: any, callback: any) => {
+                    validateAppRoleCode(rule, value, callback, form.roleId !== '')
+                }, trigger: 'blur'
+            }
+        ],
+        roleDesc: [{max: 128, message: '长度在 128 个字符内', trigger: 'blur'}],
+        dsType: [{required: true, message: "请选择数据权限类型", trigger: "blur"}]
+    }
 )
 
 // 打开弹窗
 const openDialog = (id: string) => {
-  visible.value = true
-  form.roleId = ''
+    visible.value = true
+    form.roleId = ''
 
-  // 重置表单数据
-  if (dataFormRef.value) {
-    dataFormRef.value.resetFields()
-  }
+    // 重置表单数据
+    if (dataFormRef.value) {
+        dataFormRef.value.resetFields()
+    }
 
-  // 获取角色信息
-  if (id) {
-    form.roleId = id
-    getRoleData(id)
-  }
+    // 获取角色信息
+    if (id) {
+        form.roleId = id
+        getRoleData(id)
+    }
 };
 
 // 提交
 const onSubmit = () => {
-  if (form.dsType === 1) {
-    form.dsScope = deptTreeRef.value.getCheckedKeys().join(',')
-  } else {
-    form.dsScope = ''
-  }
-
-  dataFormRef.value.validate((valid: boolean) => {
-    if (!valid) {
-      return false
-    }
-
-    // 更新
-    if (form.roleId) {
-      putObj(form).then(() => {
-        useMessage().success(t('common.editSuccessText'))
-        visible.value = false // 关闭弹窗
-        emit('refresh')
-      }).catch((err: any) => {
-        useMessage().error(err.msg)
-      })
+    if (form.dsType === 1) {
+        form.dsScope = deptTreeRef.value.getCheckedKeys().join(',')
     } else {
-      addObj(form).then(() => {
-        useMessage().success(t('common.addSuccessText'))
-        visible.value = false // 关闭弹窗
-        emit('refresh')
-      }).catch((err: any) => {
-        useMessage().error(err.msg)
-      })
+        form.dsScope = ''
     }
-  })
+
+    dataFormRef.value.validate((valid: boolean) => {
+        if (!valid) {
+            return false
+        }
+
+        // 更新
+        if (form.roleId) {
+            putObj(form).then(() => {
+                useMessage().success(t('common.editSuccessText'))
+                visible.value = false // 关闭弹窗
+                emit('refresh')
+            }).catch((err: any) => {
+                useMessage().error(err.msg)
+            })
+        } else {
+            addObj(form).then(() => {
+                useMessage().success(t('common.addSuccessText'))
+                visible.value = false // 关闭弹窗
+                emit('refresh')
+            }).catch((err: any) => {
+                useMessage().error(err.msg)
+            })
+        }
+    })
 
 
 };
 
 // 初始化角色数据
 const getRoleData = (id: string) => {
-  // 获取部门数据
-  getObj(id).then((res: any) => {
-    Object.assign(form, res.data)
-    if (res.data.dsScope) {
-      dataForm.checkedDsScope = (res.data.dsScope).split(',')
-    } else {
-      dataForm.checkedDsScope = []
-    }
-  })
+    // 获取部门数据
+    getObj(id).then((res: any) => {
+        Object.assign(form, res.data)
+        if (res.data.dsScope) {
+            dataForm.checkedDsScope = (res.data.dsScope).split(',')
+        } else {
+            dataForm.checkedDsScope = []
+        }
+    })
 };
 
 
 // 暴露变量
 defineExpose({
-  openDialog,
+    openDialog,
 });
 </script>
diff --git a/src/views/app/approle/index.vue b/src/views/app/approle/index.vue
index 69fee628..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,142 +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
+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/form.vue b/src/views/app/appsocial/form.vue
index 098ef16a..6bcb26c7 100644
--- a/src/views/app/appsocial/form.vue
+++ b/src/views/app/appsocial/form.vue
@@ -1,155 +1,162 @@
 <template>
-  <el-dialog v-model="visible" :close-on-click-modal="false"
-             :title="form.id ? $t('common.editBtn') : $t('common.addBtn')" draggable>
-    <el-form ref="dataFormRef" :model="form" :rules="dataRules" formDialogRef label-width="90px">
-      <el-row :gutter="20">
-        <el-col :span="12" class="mb20">
-          <el-form-item :label="t('appsocial.type')" prop="type">
-            <el-select v-model="form.type" :placeholder="t('appsocial.inputTypeTip')">
-              <el-option v-for="(item, index) in app_social_type" :key="index" :label="item.label"
-                         :value="item.value"></el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12" class="mb20">
-          <el-form-item :label="t('appsocial.remark')" prop="remark">
-            <el-input v-model="form.remark" :placeholder="t('appsocial.inputRemarkTip')"/>
-          </el-form-item>
-        </el-col>
+    <el-dialog :close-on-click-modal="false" :title="form.id ? $t('common.editBtn') : $t('common.addBtn')"
+               draggable v-model="visible">
+        <el-form :model="form" :rules="dataRules" formDialogRef label-width="90px" ref="dataFormRef">
+            <el-row :gutter="20">
+                <el-col :span="12" class="mb20">
+                    <el-form-item :label="t('appsocial.type')" prop="type">
+                        <el-select :placeholder="t('appsocial.inputTypeTip')" v-model="form.type">
+                            <el-option :key="index" :label="item.label" :value="item.value"
+                                       v-for="(item, index) in app_social_type"></el-option>
+                        </el-select>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12" class="mb20">
+                    <el-form-item :label="t('appsocial.remark')" prop="remark">
+                        <el-input :placeholder="t('appsocial.inputRemarkTip')" v-model="form.remark"/>
+                    </el-form-item>
+                </el-col>
 
-        <el-col :span="12" class="mb20">
-          <el-form-item :label="t('appsocial.appId')" prop="appId">
-            <el-input v-model="form.appId" :placeholder="t('appsocial.inputAppIdTip')"/>
-          </el-form-item>
-        </el-col>
+                <el-col :span="12" class="mb20">
+                    <el-form-item :label="t('appsocial.appId')" prop="appId">
+                        <el-input :placeholder="t('appsocial.inputAppIdTip')" v-model="form.appId"/>
+                    </el-form-item>
+                </el-col>
 
-        <el-col :span="12" class="mb20">
-          <el-form-item :label="t('appsocial.appSecret')" prop="appSecret">
-            <el-input v-model="form.appSecret" :placeholder="t('appsocial.inputAppSecretTip')"/>
-          </el-form-item>
-        </el-col>
+                <el-col :span="12" class="mb20">
+                    <el-form-item :label="t('appsocial.appSecret')" prop="appSecret">
+                        <el-input :placeholder="t('appsocial.inputAppSecretTip')" v-model="form.appSecret"/>
+                    </el-form-item>
+                </el-col>
 
-        <el-col :span="24" class="mb20">
-          <el-form-item :label="t('appsocial.redirectUrl')" prop="redirectUrl">
-            <el-input v-model="form.redirectUrl" :placeholder="t('appsocial.inputRedirectUrlTip')" type="textarea"/>
-          </el-form-item>
-        </el-col>
+                <el-col :span="24" class="mb20">
+                    <el-form-item :label="t('appsocial.redirectUrl')" prop="redirectUrl">
+                        <el-input :placeholder="t('appsocial.inputRedirectUrlTip')" type="textarea"
+                                  v-model="form.redirectUrl"/>
+                    </el-form-item>
+                </el-col>
 
-        <el-col :span="24" class="mb20">
-          <el-form-item :label="t('appsocial.ext')" prop="ext">
-            <el-input v-model="form.ext" :placeholder="t('appsocial.inputExtTip')" type="textarea"/>
-          </el-form-item>
-        </el-col>
+                <el-col :span="24" class="mb20">
+                    <el-form-item :label="t('appsocial.ext')" prop="ext">
+                        <el-input :placeholder="t('appsocial.inputExtTip')" type="textarea" v-model="form.ext"/>
+                    </el-form-item>
+                </el-col>
 
-      </el-row>
-    </el-form>
-    <template #footer>
+            </el-row>
+        </el-form>
+        <template #footer>
         <span class="dialog-footer">
-          <el-button formDialogRef @click="visible = false">{{ $t('common.cancelButtonText') }}</el-button>
-          <el-button formDialogRef type="primary" @click="onSubmit">{{ $t('common.confirmButtonText') }}</el-button>
+          <el-button @click="visible = false" formDialogRef>{{ $t('common.cancelButtonText') }}</el-button>
+          <el-button @click="onSubmit" formDialogRef type="primary">{{ $t('common.confirmButtonText') }}</el-button>
         </span>
-    </template>
-  </el-dialog>
+        </template>
+    </el-dialog>
 </template>
 
 <script lang="ts" name="AppSocialDetailsDialog" setup>
-// 定义子组件向父组件传值/事件
-import {useDict} from '/@/hooks/dict';
-import {useMessage} from "/@/hooks/message";
-import {addObj, getObj, putObj} from '/@/api/app/appsocial'
-import {useI18n} from "vue-i18n"
+    // 定义子组件向父组件传值/事件
+    import {useDict} from '/@/hooks/dict';
+    import {useMessage} from "/@/hooks/message";
+    import {addObj, getObj, putObj} from '/@/api/app/appsocial'
+    import {useI18n} from "vue-i18n"
+    import {rule} from "/@/utils/validate";
 
-const emit = defineEmits(['refresh']);
+    const emit = defineEmits(['refresh']);
 
-const {t} = useI18n();
+    const {t} = useI18n();
 
-// 定义变量内容
-const dataFormRef = ref();
-const visible = ref(false)
-// 定义字典
-const {app_social_type} = useDict('app_social_type')
+    // 定义变量内容
+    const dataFormRef = ref();
+    const visible = ref(false)
+    // 定义字典
+    const {app_social_type} = useDict('app_social_type')
 
-// 提交表单数据
-const form = reactive({
-  id: '',
-  type: '',
-  remark: '',
-  appId: '',
-  appSecret: '',
-  redirectUrl: '',
-  ext: '',
-});
+    // 提交表单数据
+    const form = reactive({
+        id: '',
+        type: '',
+        remark: '',
+        appId: '',
+        appSecret: '',
+        redirectUrl: '',
+        ext: '',
+    });
 
-// 定义校验规则
-const dataRules = ref({
-  type: [{required: true, message: '类型不能为空', trigger: 'blur'}],
-  appId: [{required: true, message: 'appId不能为空', trigger: 'blur'}],
-  appSecret: [{required: true, message: 'appSecret不能为空', trigger: 'blur'}],
-})
+    // 定义校验规则
+    const dataRules = ref({
+        type: [{required: true, message: '类型不能为空', trigger: 'blur'}],
+        appId: [{required: true, message: 'appId不能为空', trigger: 'blur'},
+            {validator: rule.letterAndNumber, trigger: 'blur'}],
+        appSecret: [{required: true, message: 'app秘钥不能为空', trigger: 'blur'},
+            {validator: rule.letterAndNumber, trigger: 'blur'}],
 
-// 打开弹窗
-const openDialog = (id: string) => {
-  visible.value = true
-  form.id = ''
+        redirectUrl: [{required: true, message: '回调地址不能为空', trigger: 'blur'},
+            {validator: rule.url, trigger: 'blur'}],
+    })
 
-  // 重置表单数据
-  if (dataFormRef.value) {
-    dataFormRef.value.resetFields()
-  }
+    // 打开弹窗
+    const openDialog = (id: string) => {
+        visible.value = true
+        form.id = ''
 
-  // 获取appSocialDetails信息
-  if (id) {
-    form.id = id
-    getappSocialDetailsData(id)
-  }
-};
+        // 重置表单数据
+        if (dataFormRef.value) {
+            dataFormRef.value.resetFields()
+        }
 
-// 提交
-const onSubmit = () => {
-  dataFormRef.value.validate((valid: boolean) => {
-    if (!valid) {
-      return false
+        // 获取appSocialDetails信息
+        if (id) {
+            form.id = id
+            getappSocialDetailsData(id)
+        }
+    };
+
+    // 提交
+    const onSubmit = () => {
+        dataFormRef.value.validate((valid: boolean) => {
+            if (!valid) {
+                return false
+            }
+
+            if (form.appSecret && form.appSecret.indexOf("******") >= 0) {
+                form.appSecret = ''
+            }
+
+            if (form.appId && form.appId.indexOf("******") >= 0) {
+                form.appId = ''
+            }
+
+            // 更新
+            if (form.id) {
+                putObj(form).then(() => {
+                    useMessage().success(t('common.editSuccessText'))
+                    visible.value = false // 关闭弹窗
+                    emit('refresh')
+                }).catch((err: any) => {
+                    useMessage().error(err.msg)
+                })
+            } else {
+                addObj(form).then(() => {
+                    useMessage().success(t('common.addSuccessText'))
+                    visible.value = false // 关闭弹窗
+                    emit('refresh')
+                }).catch((err: any) => {
+                    useMessage().error(err.msg)
+                })
+            }
+        })
     }
 
-    if (form.appSecret && form.appSecret.indexOf("******") >= 0) {
-      form.appSecret = ''
-    }
+    // 初始化表单数据
+    const getappSocialDetailsData = (id: string) => {
+        // 获取数据
+        getObj(id).then((res: any) => {
+            Object.assign(form, res.data)
+        })
+    };
 
-    if (form.appId && form.appId.indexOf("******") >= 0) {
-      form.appId = ''
-    }
-
-    // 更新
-    if (form.id) {
-      putObj(form).then(() => {
-        useMessage().success(t('common.editSuccessText'))
-        visible.value = false // 关闭弹窗
-        emit('refresh')
-      }).catch((err: any) => {
-        useMessage().error(err.msg)
-      })
-    } else {
-      addObj(form).then(() => {
-        useMessage().success(t('common.addSuccessText'))
-        visible.value = false // 关闭弹窗
-        emit('refresh')
-      }).catch((err: any) => {
-        useMessage().error(err.msg)
-      })
-    }
-  })
-}
-
-// 初始化表单数据
-const getappSocialDetailsData = (id: string) => {
-  // 获取数据
-  getObj(id).then((res: any) => {
-    Object.assign(form, res.data)
-  })
-};
-
-// 暴露变量
-defineExpose({
-  openDialog
-});
+    // 暴露变量
+    defineExpose({
+        openDialog
+    });
 </script>
diff --git a/src/views/app/appsocial/i18n/zh-cn.ts b/src/views/app/appsocial/i18n/zh-cn.ts
index 28ffd7e0..2904fafd 100644
--- a/src/views/app/appsocial/i18n/zh-cn.ts
+++ b/src/views/app/appsocial/i18n/zh-cn.ts
@@ -6,7 +6,7 @@ export default {
         type: '类型',
         remark: '描述',
         appId: 'appId',
-        appSecret: 'appSecret',
+        appSecret: 'app秘钥',
         redirectUrl: '回调地址',
         ext: '拓展字段',
         createBy: '创建人',
diff --git a/src/views/app/appsocial/index.vue b/src/views/app/appsocial/index.vue
index b2b7affa..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,128 +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
-    })
+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/form.vue b/src/views/app/appuser/form.vue
index 3b8959f5..2cd8f30d 100644
--- a/src/views/app/appuser/form.vue
+++ b/src/views/app/appuser/form.vue
@@ -1,213 +1,228 @@
 <template>
-  <div class="system-user-dialog-container">
-    <el-dialog :title="dataForm.userId ? $t('common.editBtn') : $t('common.addBtn')" v-model="visible"
-      :close-on-click-modal="false" draggable>
-      <el-form ref="dataFormRef" :model="dataForm" :rules="dataRules"  label-width="90px" v-loading="loading">
-        <el-row :gutter="20">
-          <el-col :span="12" class="mb20">
-            <el-form-item :label="$t('appuser.username')" prop="username">
-              <el-input v-model="dataForm.username" placeholder="请输入用户名" :disabled="dataForm.userId !== ''"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" class="mb20">
-            <el-form-item :label="$t('appuser.password')" prop="password">
-              <el-input v-model="dataForm.password" type="password" placeholder="请输入密码" clearable></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" class="mb20">
-            <el-form-item :label="$t('appuser.name')" prop="name">
-              <el-input v-model="dataForm.name" placeholder="请输入姓名" clearable></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" class="mb20">
-            <el-form-item :label="$t('appuser.phone')" prop="phone">
-              <el-input v-model="dataForm.phone" placeholder="请输入手机号" clearable></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" class="mb20">
-            <el-form-item :label="$t('appuser.role')" prop="role">
-              <el-select v-model="dataForm.role" placeholder="请选择角色" clearable class="w100" multiple>
-                <el-option v-for="item in roleData" :key="item.roleId" :label="item.roleName" :value="item.roleId" />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" class="mb20">
-            <el-form-item :label="$t('appuser.email')" prop="email">
-              <el-input v-model="dataForm.email" placeholder="请输入邮箱" clearable></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" class="mb20">
-            <el-form-item :label="$t('appuser.nickname')" prop="nickname">
-              <el-input v-model="dataForm.nickname" placeholder="请输入昵称" clearable></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12" class="mb20">
-            <el-form-item :label="$t('appuser.lockFlag')" prop="lockFlag">
-              <el-radio-group v-model="dataForm.lockFlag">
-                <el-radio :label="item.value" v-for="(item, index) in lock_flag" border :key="index">{{ item.label }}
-                </el-radio>
-              </el-radio-group>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <template #footer>
+    <div class="system-user-dialog-container">
+        <el-dialog :close-on-click-modal="false" :title="dataForm.userId ? $t('common.editBtn') : $t('common.addBtn')"
+                   draggable v-model="visible">
+            <el-form :model="dataForm" :rules="dataRules" label-width="90px" ref="dataFormRef" v-loading="loading">
+                <el-row :gutter="20">
+                    <el-col :span="12" class="mb20">
+                        <el-form-item :label="$t('appuser.username')" prop="username">
+                            <el-input :disabled="dataForm.userId !== ''" placeholder="请输入用户名"
+                                      v-model="dataForm.username"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12" class="mb20">
+                        <el-form-item :label="$t('appuser.password')" prop="password">
+                            <el-input clearable placeholder="请输入密码" type="password"
+                                      v-model="dataForm.password"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12" class="mb20">
+                        <el-form-item :label="$t('appuser.name')" prop="name">
+                            <el-input clearable placeholder="请输入姓名" v-model="dataForm.name"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12" class="mb20">
+                        <el-form-item :label="$t('appuser.phone')" prop="phone">
+                            <el-input clearable placeholder="请输入手机号" v-model="dataForm.phone"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12" class="mb20">
+                        <el-form-item :label="$t('appuser.role')" prop="role">
+                            <el-select class="w100" clearable multiple placeholder="请选择角色" v-model="dataForm.role">
+                                <el-option :key="item.roleId" :label="item.roleName" :value="item.roleId"
+                                           v-for="item in roleData"/>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12" class="mb20">
+                        <el-form-item :label="$t('appuser.email')" prop="email">
+                            <el-input clearable placeholder="请输入邮箱" v-model="dataForm.email"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12" class="mb20">
+                        <el-form-item :label="$t('appuser.nickname')" prop="nickname">
+                            <el-input clearable placeholder="请输入昵称" v-model="dataForm.nickname"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12" class="mb20">
+                        <el-form-item :label="$t('appuser.lockFlag')" prop="lockFlag">
+                            <el-radio-group v-model="dataForm.lockFlag">
+                                <el-radio :key="index" :label="item.value" border v-for="(item, index) in lock_flag">{{
+                                    item.label }}
+                                </el-radio>
+                            </el-radio-group>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+            </el-form>
+            <template #footer>
         <span class="dialog-footer">
-          <el-button @click="visible = false" >{{ $t('common.cancelButtonText') }}</el-button>
-          <el-button type="primary" @click="onSubmit" >{{ $t('common.confirmButtonText') }}</el-button>
+          <el-button @click="visible = false">{{ $t('common.cancelButtonText') }}</el-button>
+          <el-button @click="onSubmit" type="primary">{{ $t('common.confirmButtonText') }}</el-button>
         </span>
-      </template>
-    </el-dialog>
-  </div>
+            </template>
+        </el-dialog>
+    </div>
 </template>
 
-<script setup lang="ts" name="systemUserDialog">
-import { getObj, addObj, putObj } from '/@/api/app/appuser'
-import { list as roleList } from '/@/api/app/approle'
-import { useDict } from "/@/hooks/dict";
-import { useI18n } from "vue-i18n";
-import { useMessage } from '/@/hooks/message';
+<script lang="ts" name="systemUserDialog" setup>
+    import {addObj, getObj, putObj, validatePhone, validateUsername} from '/@/api/app/appuser'
+    import {list as roleList} from '/@/api/app/approle'
+    import {useDict} from "/@/hooks/dict";
+    import {useI18n} from "vue-i18n";
+    import {useMessage} from '/@/hooks/message';
+    import {rule} from "/@/utils/validate";
 
-const { t } = useI18n()
+    const {t} = useI18n()
 
-// 定义刷新表格emit
-const emit = defineEmits(['refresh']);
-// @ts-ignore
-const { lock_flag } = useDict('lock_flag')
+    // 定义刷新表格emit
+    const emit = defineEmits(['refresh']);
+    // @ts-ignore
+    const {lock_flag} = useDict('lock_flag')
 
-// 定义变量内容
-const dataFormRef = ref();
-const visible = ref(false)
-const roleData = ref<any[]>([])
-const loading = ref(false)
+    // 定义变量内容
+    const dataFormRef = ref();
+    const visible = ref(false)
+    const roleData = ref<any[]>([])
+    const loading = ref(false)
 
-const dataForm = reactive({
-  userId: '',
-  username: '',
-  password: '' as String | undefined,
-  salt: '',
-  wxOpenid: '',
-  qqOpenid: '',
-  lockFlag: '0',
-  phone: '' as String | undefined,
-  deptId: '',
-  roleList: [],
-  postList: [],
-  nickname: '',
-  name: '',
-  email: '',
-  post: [] as String[],
-  role: [] as String[],
-});
+    const dataForm = reactive({
+        userId: '',
+        username: '',
+        password: '' as String | undefined,
+        salt: '',
+        wxOpenid: '',
+        qqOpenid: '',
+        lockFlag: '0',
+        phone: '' as String | undefined,
+        deptId: '',
+        roleList: [],
+        postList: [],
+        nickname: '',
+        name: '',
+        email: '',
+        post: [] as String[],
+        role: [] as String[],
+    });
 
 
-const dataRules = ref(
-  {
-    username: [{ required: true, message: "用户名不能为空", trigger: "blur" }, {
-      min: 5,
-      max: 20,
-      message: "用户名称长度必须介于 5 和 20 之间",
-      trigger: "blur"
-    }],
-    password: [{ required: true, message: "密码不能为空", trigger: "blur" }, {
-      min: 6,
-      max: 20,
-      message: "用户密码长度必须介于 6 和 20 之间",
-      trigger: "blur"
-    }],
-    name: [{ required: true, message: "姓名不能为空", trigger: "blur" }],
-    role: [{ required: true, message: "角色不能为空", trigger: "blur" }],
-    phone: [{ required: true, message: "手机号不能为空", trigger: "blur" }, {
-      pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
-      message: "请输入正确的手机号码",
-      trigger: "blur"
-    }],
-    email: [{ type: "email", message: "请输入正确的邮箱地址", trigger: ["blur", "change"] }]
-  }
-)
+    const dataRules = ref(
+        {
+            username: [{required: true, message: "用户名不能为空", trigger: "blur"},
+                {min: 3, max: 20, message: "用户名称长度必须介于 3 和 20 之间", trigger: "blur"},
+                {
+                    validator: (rule: any, value: any, callback: any) => {
+                        validateUsername(rule, value, callback, dataForm.userId !== '')
+                    }, trigger: "blur"
+                }],
 
-// 打开弹窗
-const openDialog = (id: string) => {
-  visible.value = true
-  dataForm.userId = ''
+            password: [{required: true, message: "密码不能为空", trigger: "blur"}, {
+                min: 6,
+                max: 20,
+                message: "用户密码长度必须介于 6 和 20 之间",
+                trigger: "blur"
+            }],
+            name: [{required: true, message: "姓名不能为空", trigger: "blur"}
+                , {validator: rule.chinese, trigger: "blur"}],
+            role: [{required: true, message: "角色不能为空", trigger: "blur"}],
+            phone: [{required: true, message: "手机号不能为空", trigger: "blur"}, {
+                pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
+                message: "请输入正确的手机号码",
+                trigger: "blur"
+            },
+                {
+                    validator: (rule: any, value: any, callback: any) => {
+                        validatePhone(rule, value, callback, dataForm.userId !== '')
 
-  // 重置表单数据
-  if (dataFormRef.value) {
-    dataFormRef.value.resetFields()
-  }
+                    }, trigger: "blur"
+                }],
+            email: [{type: "email", message: "请输入正确的邮箱地址", trigger: ["blur", "change"]}],
+            nickname: [{required: true, message: "姓名不能为空", nickname: "blur"}],
+        }
+    )
 
-  // 修改获取用户信息
-  if (id) {
-    dataForm.userId = id
-    getUserData(id)
-  }
-  getRoleData()
-};
+    // 打开弹窗
+    const openDialog = (id: string) => {
+        visible.value = true
+        dataForm.userId = ''
 
-// 提交
-const onSubmit = () => {
-  dataFormRef.value.validate((valid: boolean) => {
-    if (!valid) {
-      return false
+        // 重置表单数据
+        if (dataFormRef.value) {
+            dataFormRef.value.resetFields()
+        }
+
+        // 修改获取用户信息
+        if (id) {
+            dataForm.userId = id
+            getUserData(id)
+        }
+        getRoleData()
+    };
+
+    // 提交
+    const onSubmit = () => {
+        dataFormRef.value.validate((valid: boolean) => {
+            if (!valid) {
+                return false
+            }
+            // 更新方法
+            if (dataForm.userId) {
+                if (dataForm.phone && dataForm.phone.indexOf("*") >= 0) {
+                    dataForm.phone = undefined
+                }
+                if (dataForm.password && dataForm.password.indexOf("******") >= 0) {
+                    dataForm.password = undefined
+                }
+                putObj(dataForm).then(() => {
+                    useMessage().success(t('common.editSuccessText'))
+                    visible.value = false; // 关闭弹窗
+                    emit('refresh');
+                }).catch(err => {
+                    useMessage().error(err.msg)
+                })
+            } else {  // 新增方法
+                if (dataForm.phone && dataForm.phone.indexOf("*") > 0) {
+                    dataForm.phone = undefined
+                }
+                addObj(dataForm).then(() => {
+                    useMessage().success(t('common.addSuccessText'))
+                    visible.value = false // 关闭弹窗
+                    emit('refresh')
+                }).catch(err => {
+                    useMessage().error(err.msg)
+                })
+            }
+        })
+
+    };
+
+    // 初始化部门数据
+    const getUserData = (id: string) => {
+        // 获取部门数据
+        loading.value = true
+        getObj(id).then(res => {
+            Object.assign(dataForm, res.data)
+            dataForm.password = '******'
+            if (res.data.roleList) {
+                dataForm.role = []
+                res.data.roleList.map((item: any) => {
+                    dataForm.role.push(item.roleId)
+                })
+            }
+        }).finally(() => {
+            loading.value = false
+        })
+    };
+
+    // 角色数据
+    const getRoleData = () => {
+        roleList().then(res => {
+            roleData.value = res.data
+        })
     }
-    // 更新方法
-    if (dataForm.userId) {
-      if (dataForm.phone && dataForm.phone.indexOf("*") >= 0) {
-        dataForm.phone = undefined
-      }
-      if (dataForm.password && dataForm.password.indexOf("******") >= 0) {
-        dataForm.password = undefined
-      }
-      putObj(dataForm).then(() => {
-        useMessage().success(t('common.editSuccessText'))
-        visible.value = false; // 关闭弹窗
-        emit('refresh');
-      }).catch(err => {
-        useMessage().error(err.msg)
-      })
-    } else {  // 新增方法
-      if (dataForm.phone && dataForm.phone.indexOf("*") > 0) {
-        dataForm.phone = undefined
-      }
-      addObj(dataForm).then(() => {
-        useMessage().success(t('common.addSuccessText'))
-        visible.value = false // 关闭弹窗
-        emit('refresh')
-      }).catch(err => {
-        useMessage().error(err.msg)
-      })
-    }
-  })
 
-};
-
-// 初始化部门数据
-const getUserData = (id: string) => {
-  // 获取部门数据
-  loading.value = true
-  getObj(id).then(res => {
-    Object.assign(dataForm, res.data)
-    dataForm.password = '******'
-    if (res.data.roleList) {
-      dataForm.role = []
-      res.data.roleList.map((item: any) => {
-        dataForm.role.push(item.roleId)
-      })
-    }
-  }).finally(() => {
-    loading.value = false
-  })
-};
-
-// 角色数据
-const getRoleData = () => {
-  roleList().then(res => {
-    roleData.value = res.data
-  })
-}
-
-// 暴露变量
-defineExpose({
-  openDialog,
-});
+    // 暴露变量
+    defineExpose({
+        openDialog,
+    });
 </script>
diff --git a/src/views/app/appuser/index.vue b/src/views/app/appuser/index.vue
index d376f325..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,88 +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
+// 定义表格查询、后台调用的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 2ea80144..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" />
@@ -88,7 +88,8 @@ const multiple = ref(true)
 
 const state: BasicTableProps = reactive<BasicTableProps>({
     queryForm: {},
-    pageList: fetchList
+    pageList: fetchList,
+    descs: ['create_time']
 })
 
 //  table hook
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 9b4b3b5a..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,111 +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
-    })
+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 a88bcb19..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,120 +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,
-    })
+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/login/component/password.vue b/src/views/login/component/password.vue
index 70b9f23d..865c48a5 100644
--- a/src/views/login/component/password.vue
+++ b/src/views/login/component/password.vue
@@ -1,51 +1,50 @@
 <template>
   <el-form size="large" class="login-content-form" ref="loginFormRef" :rules="loginRules" :model="state.ruleForm">
     <el-form-item class="login-animation1">
-      <el-input text :placeholder="$t('account.accountPlaceholder1')" v-model="state.ruleForm.username" clearable
-                autocomplete="off">
+      <el-input text :placeholder="$t('password.accountPlaceholder1')" v-model="state.ruleForm.username" clearable
+        autocomplete="off">
         <template #prefix>
           <el-icon class="el-input__icon">
-            <ele-User/>
+            <ele-User />
           </el-icon>
         </template>
       </el-input>
     </el-form-item>
     <el-form-item class="login-animation2">
-      <el-input :type="state.isShowPassword ? 'text' : 'password'"
-                :placeholder="$t('account.accountPlaceholder2')" v-model="state.ruleForm.password" autocomplete="off">
+      <el-input :type="state.isShowPassword ? 'text' : 'password'" :placeholder="$t('password.accountPlaceholder2')"
+        v-model="state.ruleForm.password" autocomplete="off">
         <template #prefix>
           <el-icon class="el-input__icon">
-            <ele-Unlock/>
+            <ele-Unlock />
           </el-icon>
         </template>
         <template #suffix>
           <i class="iconfont el-input__icon login-content-password"
-             :class="state.isShowPassword ? 'icon-yincangmima' : 'icon-xianshimima'"
-             @click="state.isShowPassword = !state.isShowPassword">
+            :class="state.isShowPassword ? 'icon-yincangmima' : 'icon-xianshimima'"
+            @click="state.isShowPassword = !state.isShowPassword">
           </i>
         </template>
       </el-input>
     </el-form-item>
     <el-form-item>
       <Verify @success="verifySuccess" :mode="'pop'" :captchaType="'blockPuzzle'"
-              :imgSize="{ width: '330px', height: '155px' }" ref="verifyref"/>
+        :imgSize="{ width: '330px', height: '155px' }" ref="verifyref" />
     </el-form-item>
     <el-form-item class="login-animation4">
-      <el-button type="primary" class="login-content-submit" round v-waves @click="handleVerify"
-                 :loading="loading">
-        <span>{{ $t('account.accountBtnText') }}</span>
+      <el-button type="primary" class="login-content-submit" round v-waves @click="handleVerify" :loading="loading">
+        <span>{{ $t('password.accountBtnText') }}</span>
       </el-button>
     </el-form-item>
-    <div class="font12 mt30 login-animation4 login-msg">{{ $t('mobile.msgText') }}</div>
+    <div class="font12 mt30 login-animation4 login-msg">{{ $t('browserMsgText') }}</div>
   </el-form>
 </template>
 
 <script setup lang="ts" name="password">
-import {reactive, defineAsyncComponent, ref} from 'vue';
-import {useUserInfo} from '/@/stores/userInfo';
-import {useI18n} from "vue-i18n";
+import { reactive, defineAsyncComponent, ref } from 'vue';
+import { useUserInfo } from '/@/stores/userInfo';
+import { useI18n } from "vue-i18n";
 
-const {t} = useI18n()
+const { t } = useI18n()
 const Verify = defineAsyncComponent(() => import('/@/components/verifition/Verify.vue'))
 
 // 定义变量内容
@@ -64,8 +63,8 @@ const state = reactive({
 });
 
 const loginRules = reactive({
-  username: [{required: true, trigger: "blur", message: t('account.accountPlaceholder1')}],
-  password: [{required: true, trigger: "blur", message: t('account.accountPlaceholder2')}],
+  username: [{ required: true, trigger: "blur", message: t('password.accountPlaceholder1') }],
+  password: [{ required: true, trigger: "blur", message: t('password.accountPlaceholder2') }],
 })
 
 // @ts-ignore
diff --git a/src/views/login/component/register.vue b/src/views/login/component/register.vue
index 93297726..207fc68e 100644
--- a/src/views/login/component/register.vue
+++ b/src/views/login/component/register.vue
@@ -1,7 +1,7 @@
 <template>
   <el-form size="large" class="login-content-form" :rules="dataRules" ref="dataFormRef" :model="state.ruleForm">
     <el-form-item class="login-animation1" prop="username">
-      <el-input text :placeholder="$t('account.accountPlaceholder1')" v-model="state.ruleForm.username" clearable
+      <el-input text :placeholder="$t('password.accountPlaceholder1')" v-model="state.ruleForm.username" clearable
                 autocomplete="off">
         <template #prefix>
           <el-icon class="el-input__icon">
@@ -12,7 +12,7 @@
     </el-form-item>
     <el-form-item class="login-animation2" prop="password">
       <el-input :type="state.isShowPassword ? 'text' : 'password'"
-                :placeholder="$t('account.accountPlaceholder2')" v-model="state.ruleForm.password" autocomplete="off">
+                :placeholder="$t('password.accountPlaceholder2')" v-model="state.ruleForm.password" autocomplete="off">
         <template #prefix>
           <el-icon class="el-input__icon">
             <ele-Unlock/>
@@ -27,7 +27,7 @@
       </el-input>
     </el-form-item>
     <el-form-item class="login-animation3" prop="phone">
-      <el-input text :placeholder="$t('account.phonePlaceholder4')" v-model="state.ruleForm.phone" clearable
+      <el-input text :placeholder="$t('password.phonePlaceholder4')" v-model="state.ruleForm.phone" clearable
                 autocomplete="off">
         <template #prefix>
           <el-icon class="el-input__icon">
@@ -39,7 +39,7 @@
     <el-form-item class="login-animation4">
       <el-button type="primary" class="login-content-submit" round v-waves @click="handleRegister"
                  :loading="loading">
-        <span>{{ $t('account.registerBtnText') }}</span>
+        <span>{{ $t('password.registerBtnText') }}</span>
       </el-button>
     </el-form-item>
   </el-form>
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/oa/leave_bill/form.vue b/src/views/oa/leave_bill/form.vue
new file mode 100644
index 00000000..ffed072a
--- /dev/null
+++ b/src/views/oa/leave_bill/form.vue
@@ -0,0 +1,144 @@
+<template>
+  <el-dialog :title="form.leaveId ? $t('common.editBtn') : $t('common.addBtn')" v-model="visible"
+    :close-on-click-modal="false" draggable>
+    <el-form ref="dataFormRef" :model="form" :rules="dataRules" formDialogRef label-width="90px" v-loading="loading">
+      <el-row :gutter="24">
+        <el-col :span="24" class="mb20">
+          <el-form-item :label="t('leave.username')" prop="username">
+            <el-input v-model="form.username" :placeholder="t('leave.inputUsernameTip')" disabled />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12" class="mb20">
+          <el-form-item :label="t('leave.days')" prop="days">
+            <el-input-number :min="1" :max="1000" v-model="form.days"
+              :placeholder="t('leave.inputDaysTip')"></el-input-number>
+          </el-form-item>
+        </el-col>
+
+
+        <el-col :span="12" class="mb20">
+          <el-form-item :label="t('leave.leaveTime')" prop="leaveTime">
+            <el-date-picker type="datetime" :placeholder="t('leave.inputLeaveTimeTip')" v-model="form.leaveTime"
+              :value-format="dateTimeStr"></el-date-picker>
+          </el-form-item>
+        </el-col>
+
+
+        <el-col :span="24" class="mb20">
+          <el-form-item :label="t('leave.content')" prop="content">
+            <editor v-model:get-html="form.content" :placeholder="t('leave.inputContentTip')" />
+          </el-form-item>
+        </el-col>
+
+      </el-row>
+    </el-form>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="visible = false">{{ $t('common.cancelButtonText') }}</el-button>
+        <el-button type="primary" @click="onSubmit">{{ $t('common.confirmButtonText') }}</el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup lang="ts" name="OaLeaveBillDialog">
+import { useMessage } from "/@/hooks/message";
+import { getObj, addObj, putObj } from '../../../api/oa/leave-bill'
+import { useI18n } from "vue-i18n"
+import { useUserInfo } from "/@/stores/userInfo";
+const emit = defineEmits(['refresh']);
+
+
+const { t } = useI18n();
+
+// 定义变量内容
+const dataFormRef = ref();
+const visible = ref(false)
+const loading = ref(false)
+
+// 提交表单数据
+const form = reactive({
+  leaveId: '',
+  username: '',
+  days: 0,
+  content: '',
+  leaveTime: '',
+});
+
+// 定义校验规则
+const dataRules = ref({
+  username: [{ required: true, message: '用户名不能为空', trigger: 'blur' }],
+  days: [{ required: true, message: '请假天数不能为空', trigger: 'blur' }],
+  content: [{ required: true, message: '备注不能为空', trigger: 'blur' }],
+  leaveTime: [{ required: true, message: '时间不能为空', trigger: 'blur' }],
+})
+
+// 打开弹窗
+const openDialog = (id: string) => {
+  visible.value = true
+  form.leaveId = ''
+
+  // 重置表单数据
+  if (dataFormRef.value) {
+    dataFormRef.value.resetFields()
+  }
+
+  // 获取oaLeaveBill信息
+  if (id) {
+    form.leaveId = id
+    getoaLeaveBillData(id)
+  } else {
+    form.username = useUserInfo().userInfos.user.username
+  }
+};
+
+// 提交
+const onSubmit = () => {
+  dataFormRef.value.validate((valid: boolean) => {
+    if (!valid) {
+      return false
+    }
+    // 更新
+    if (form.leaveId) {
+      loading.value = true
+      putObj(form).then(() => {
+        useMessage().success(t('common.editSuccessText'))
+        visible.value = false // 关闭弹窗
+        emit('refresh')
+      }).catch((err: any) => {
+        useMessage().error(err.msg)
+      }).finally(() => {
+        loading.value = false
+      })
+    } else {
+      loading.value = true
+      addObj(form).then(() => {
+        useMessage().success(t('common.addSuccessText'))
+        visible.value = false // 关闭弹窗
+        emit('refresh')
+      }).catch((err: any) => {
+        useMessage().error(err.msg)
+      }).finally(() => {
+        loading.value = false
+      })
+    }
+  })
+}
+
+// 初始化表单数据
+const getoaLeaveBillData = (id: string) => {
+  // 获取数据
+  loading.value = true
+  getObj(id).then((res: any) => {
+    Object.assign(form, res.data)
+  }).finally(() => {
+    loading.value = false
+  })
+};
+
+// 暴露变量
+defineExpose({
+  openDialog
+});
+</script>
\ No newline at end of file
diff --git a/src/views/oa/leave_bill/i18n/en.ts b/src/views/oa/leave_bill/i18n/en.ts
new file mode 100644
index 00000000..869c73f3
--- /dev/null
+++ b/src/views/oa/leave_bill/i18n/en.ts
@@ -0,0 +1,26 @@
+export default {
+   leave: {
+        index: 'index',
+        importoaLeaveBillTip: 'import OaLeaveBill',
+        leaveId: 'leaveId',
+        username: 'username',
+        days: 'days',
+        content: 'content',
+        state: 'state',
+        leaveTime: 'leaveTime',
+        createTime: 'createTime',
+        updateTime: 'updateTime',
+        delFlag: 'delFlag',
+        tenantId: 'tenantId',
+        inputLeaveIdTip: 'input leaveId',
+        inputUsernameTip: 'input username',
+        inputDaysTip: 'input days',
+        inputContentTip: 'input content',
+        inputStateTip: 'input state',
+        inputLeaveTimeTip: 'input leaveTime',
+        inputCreateTimeTip: 'input createTime',
+        inputUpdateTimeTip: 'input updateTime',
+        inputDelFlagTip: 'input delFlag',
+        inputTenantIdTip: 'input tenantId',
+    }
+}
\ No newline at end of file
diff --git a/src/views/oa/leave_bill/i18n/zh-cn.ts b/src/views/oa/leave_bill/i18n/zh-cn.ts
new file mode 100644
index 00000000..0e4254f6
--- /dev/null
+++ b/src/views/oa/leave_bill/i18n/zh-cn.ts
@@ -0,0 +1,26 @@
+export default {
+   leave: {
+        index: '序号',
+        importoaLeaveBillTip: '导入请假表',
+        leaveId: '主键',
+        username: '用户名',
+        days: '请假天数',
+        content: '备注',
+        state: '状态',
+        leaveTime: '请假时间',
+        createTime: '创建时间',
+        updateTime: '更新时间',
+        delFlag: '删除标识',
+        tenantId: '所属租户',
+        inputLeaveIdTip: '请输入主键',
+        inputUsernameTip: '请输入用户名',
+        inputDaysTip: '请输入请假天数',
+        inputContentTip: '请输入备注',
+        inputStateTip: '请输入状态',
+        inputLeaveTimeTip: '请输入请假时间',
+        inputCreateTimeTip: '请输入创建时间',
+        inputUpdateTimeTip: '请输入更新时间',
+        inputDelFlagTip: '请输入删除标识',
+        inputTenantIdTip: '请输入所属租户',
+    }
+}
\ No newline at end of file
diff --git a/src/views/oa/leave_bill/index.vue b/src/views/oa/leave_bill/index.vue
new file mode 100644
index 00000000..5c727dfb
--- /dev/null
+++ b/src/views/oa/leave_bill/index.vue
@@ -0,0 +1,154 @@
+<template>
+  <div class="layout-padding">
+    <el-card class="layout-padding-auto">
+      <el-row v-show="showSearch" class="mb8">
+        <el-form :model="state.queryForm" ref="queryRef" :inline="true" @keyup.enter="getDataList">
+          <el-form-item :label="$t('leave.username')" prop="username">
+            <el-input :placeholder="t('leave.inputUsernameTip')" v-model="state.queryForm.username"
+              style="max-width: 180px" />
+          </el-form-item>
+          <el-form-item :label="t('leave.state')" prop="state" class="ml2">
+            <el-select v-model="state.queryForm.state" :placeholder="t('leave.inputStateTip')">
+              <el-option :label="item.label" :value="item.value" v-for="(item, index) in leave_status"
+                :key="index"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item class="ml2">
+            <el-button formDialogRef icon="search" type="primary" @click="getDataList">
+              {{ $t('common.queryBtn') }}
+            </el-button>
+            <el-button icon="Refresh" formDialogRef @click="resetQuery">{{ $t('common.resetBtn') }}</el-button>
+          </el-form-item>
+        </el-form>
+      </el-row>
+      <el-row>
+        <div class="mb8" style="width: 100%">
+          <el-button formDialogRef icon="folder-add" type="primary" class="ml10" @click="formDialogRef.openDialog()">
+            {{ $t('common.addBtn') }}
+          </el-button>
+          <el-button formDialogRef icon="Download" type="primary" class="ml10" @click="exportExcel">
+            {{ $t('common.exportBtn') }}
+          </el-button>
+          <el-button formDialogRef :disabled="multiple" icon="Delete" type="primary" class="ml10"
+            @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>
+        </div>
+      </el-row>
+      <el-table :data="state.dataList" v-loading="state.loading" style="width: 100%"
+        @selection-change="handleSelectionChange" @sort-change="sortChangeHandle">
+        <el-table-column type="selection" width="60" align="center" />
+        <el-table-column type="index" :label="t('leave.index')" width="80" />
+        <el-table-column prop="leaveId" :label="t('leave.leaveId')" show-overflow-tooltip />
+        <el-table-column prop="username" :label="t('leave.username')" show-overflow-tooltip />
+        <el-table-column prop="days" :label="t('leave.days')" show-overflow-tooltip />
+        <el-table-column prop="state" :label="t('leave.state')" show-overflow-tooltip>
+          <template #default="scope">
+            <dict-tag :options="leave_status" :value="scope.row.state"></dict-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="leaveTime" :label="t('leave.leaveTime')" show-overflow-tooltip />
+        <el-table-column :label="$t('common.action')" width="150">
+          <template #default="scope">
+            <el-button text type="primary" @click="handleSubmit(scope.row)" v-if="scope.row.state === '0'">提交</el-button>
+            <el-button text type="primary" @click="formDialogRef.openDialog(scope.row.leaveId)">{{ $t('common.editBtn')
+            }}</el-button>
+            <el-button text type="primary" @click="handleDelete([scope.row.leaveId])">{{
+              $t('common.delBtn')
+            }}</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" v-bind="state.pagination" />
+    </el-card>
+
+    <!-- 编辑、新增  -->
+    <form-dialog ref="formDialogRef" @refresh="getDataList(false)" />
+  </div>
+</template>
+
+<script setup lang="ts" name="systemOaLeaveBill">
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { fetchList, delObj, submit } from "/@/api/oa/leave-bill";
+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 { leave_status } = useDict('leave_status')
+// 定义变量内容
+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
+})
+
+//  table hook
+const {
+  getDataList,
+  currentChangeHandle,
+  sizeChangeHandle,
+  sortChangeHandle,
+  downBlobFile
+} = useTable(state)
+
+// 清空搜索条件
+const resetQuery = () => {
+  // 清空搜索条件
+  queryRef.value.resetFields()
+  // 清空多选
+  selectObjs.value = []
+  getDataList()
+}
+
+// 导出excel
+const exportExcel = () => {
+  downBlobFile('/admin/leave/export', state.queryForm, 'leave.xlsx')
+}
+
+// 多选事件
+const handleSelectionChange = (objs: any) => {
+  objs.forEach((val: any) => {
+    selectObjs.value.push(val.leaveId)
+  });
+  multiple.value = !objs.length
+}
+
+// 删除操作
+const handleDelete = (ids: string[]) => {
+  useMessageBox().confirm(t('common.delConfirmText'))
+    .then(() => {
+      delObj(ids).then(() => {
+        getDataList(false);
+        useMessage().success(t('common.delSuccessText'));
+      }).catch((err: any) => {
+        useMessage().error(err.msg)
+      })
+    })
+};
+
+const handleSubmit = (row) => {
+  useMessageBox().confirm(t('common.optConfirmText'))
+    .then(() => {
+      submit(row.leaveId).then(() => {
+        getDataList(false);
+        useMessage().success(t('common.optSuccessText'));
+      }).catch((err: any) => {
+        useMessage().error(err.msg)
+      })
+    })
+}
+</script>
\ No newline at end of file
diff --git a/src/views/oa/model/detail.vue b/src/views/oa/model/detail.vue
new file mode 100644
index 00000000..4217add0
--- /dev/null
+++ b/src/views/oa/model/detail.vue
@@ -0,0 +1,37 @@
+<template>
+  <div class="layout-padding">
+    <el-scrollbar class="main">
+      <iframe :src="src" class="iframe" />
+    </el-scrollbar>
+  </div>
+</template>
+
+<script lang="ts" name="modelView" setup>
+const route = useRoute();
+
+const src = ref('')
+
+watch([route], () => {
+  init()
+})
+
+onMounted(() => {
+  init()
+})
+
+const init = () => {
+  src.value = "/admin/modeler.html?modelId=" + route.query.id
+}
+
+</script>
+
+<style lang="scss" scoped>
+
+.iframe {
+  width: 100%;
+  height: 80vh;
+  border: 0;
+  overflow: hidden;
+  box-sizing: border-box;
+}
+</style>
diff --git a/src/views/oa/model/form.vue b/src/views/oa/model/form.vue
new file mode 100644
index 00000000..c520ab57
--- /dev/null
+++ b/src/views/oa/model/form.vue
@@ -0,0 +1,105 @@
+<template>
+  <el-dialog :title="form.id ? $t('common.editBtn') : $t('common.addBtn')" v-model="visible" :close-on-click-modal="false"
+    draggable>
+    <el-form ref="dataFormRef" :model="form" :rules="dataRules" label-width="90px">
+      <el-row :gutter="35">
+        <el-col :span="24" class="mb20">
+          <el-form-item :label="$t('model.name')" prop="name">
+            <el-input v-model="form.name" :placeholder="$t('model.inputNameTip')" clearable></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24" class="mb20">
+          <el-form-item :label="$t('model.key')" prop="key">
+            <el-input v-model="form.key" :placeholder="$t('model.inputKeyTip')" clearable />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24" class="mb20">
+          <el-form-item :label="$t('model.category')" prop="category">
+            <el-input v-model="form.category" :placeholder="$t('model.inputCategoryTip')" clearable />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="visible = false">{{ $t('common.cancelButtonText') }}</el-button>
+        <el-button type="primary" @click="onSubmit">{{ $t('common.confirmButtonText') }}</el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup lang="ts" name="systemRoleDialog">
+import { useMessage } from "/@/hooks/message"
+import { addObj } from "/@/api/oa/model";
+import { useI18n } from "vue-i18n"
+
+const emit = defineEmits(['refresh']);
+
+const { t } = useI18n();
+
+// 定义变量内容
+const dataFormRef = ref();
+const visible = ref(false)
+
+// 提交表单数据
+const form = reactive({
+  id: '',
+  key: '',
+  name: '',
+  category: ''
+});
+
+// 定义校验规则
+const dataRules = ref(
+  {
+    key: [
+      { required: true, message: '模型表示不能为空', trigger: 'blur' },
+    ],
+    name: [
+      { required: true, message: '模型名称不能为空', trigger: 'blur' }
+    ],
+    category: [
+      { required: true, message: '模型分类不能为空', trigger: 'blur' }
+    ]
+  }
+)
+
+// 打开弹窗
+const openDialog = (id: string) => {
+  visible.value = true
+  form.id = ''
+
+  // 重置表单数据
+  if (dataFormRef.value) {
+    dataFormRef.value.resetFields()
+  }
+
+  if (id) {
+    form.id = id
+  }
+};
+
+// 提交
+const onSubmit = () => {
+  dataFormRef.value.validate((valid: boolean) => {
+    if (!valid) {
+      return false
+    }
+
+    addObj(form).then(() => {
+      useMessage().success(t('common.addSuccessText'))
+      visible.value = false // 关闭弹窗
+      emit('refresh')
+    }).catch((err: any) => {
+      useMessage().error(err.msg)
+    })
+  })
+};
+
+
+// 暴露变量
+defineExpose({
+  openDialog,
+});
+</script>
diff --git a/src/views/oa/model/i18n/en.ts b/src/views/oa/model/i18n/en.ts
new file mode 100644
index 00000000..17698575
--- /dev/null
+++ b/src/views/oa/model/i18n/en.ts
@@ -0,0 +1,16 @@
+export default {
+    model: {
+        index: 'index',
+        id: 'id',
+        name: 'name',
+        key: 'key',
+        category: 'category',
+        version: 'version',
+        createTime: 'createTime',
+        lastUpdateTime: 'lastUpdateTime',
+        inputNameTip: 'input model name',
+        inputModelTip: 'input model name',
+        inputCategoryTip: 'input category tip',
+        inputKeyTip: 'input key',
+    }
+}
diff --git a/src/views/oa/model/i18n/zh-cn.ts b/src/views/oa/model/i18n/zh-cn.ts
new file mode 100644
index 00000000..a6440b01
--- /dev/null
+++ b/src/views/oa/model/i18n/zh-cn.ts
@@ -0,0 +1,16 @@
+export default {
+    model: {
+        index: '序号',
+        id: '模型ID',
+        name: '模型名称',
+        key: '模型标识',
+        category: '模型分类',
+        version: '版本',
+        createTime: '创建时间',
+        lastUpdateTime: '更新时间',
+        inputNameTip: '请输入模型名称',
+        inputModelTip: '请输入模型名称',
+        inputCategoryTip: '请输入模型分类',
+        inputKeyTip: '请输入模型标识',
+    }
+}
diff --git a/src/views/oa/model/index.vue b/src/views/oa/model/index.vue
new file mode 100644
index 00000000..562928aa
--- /dev/null
+++ b/src/views/oa/model/index.vue
@@ -0,0 +1,142 @@
+<template>
+    <div class="layout-padding">
+        <el-card class="layout-padding-auto" shadow="hover">
+            <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('model.category')" prop="category">
+                        <el-input :placeholder="$t('model.inputCategoryTip')" style="max-width: 180px"
+                            v-model="state.queryForm.category" />
+                    </el-form-item>
+                    <el-form-item class="ml2">
+                        <el-button @click="getDataList" icon="search" type="primary">
+                            {{ $t('common.queryBtn') }}
+                        </el-button>
+                        <el-button @click="resetQuery" icon="Refresh">{{ $t('common.resetBtn') }}</el-button>
+                    </el-form-item>
+                </el-form>
+            </el-row>
+            <el-row>
+                <div class="mb8" style="width: 100%">
+                    <el-button @click="formDialogRef.openDialog()" class="ml10" icon="folder-add" type="primary"
+                        v-auth="'app_approle_add'">
+                        {{ $t('common.addBtn') }}
+                    </el-button>
+                    <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>
+                </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('model.index')" type="index" width="80" />
+                <el-table-column :label="$t('model.name')" prop="name" show-overflow-tooltip></el-table-column>
+                <el-table-column :label="$t('model.key')" prop="key" show-overflow-tooltip></el-table-column>
+                <el-table-column :label="$t('model.category')" prop="category" show-overflow-tooltip></el-table-column>
+                <el-table-column :label="$t('model.version')" prop="version" show-overflow-tooltip></el-table-column>
+                <el-table-column :label="$t('model.createTime')" prop="createTime" show-overflow-tooltip></el-table-column>
+                <el-table-column :label="$t('model.lastUpdateTime')" prop="lastUpdateTime"
+                    show-overflow-tooltip></el-table-column>
+                <el-table-column :label="$t('common.action')" width="200">
+                    <template #default="scope">
+                        <el-button @click="handleView(scope.row.id)" text type="primary" v-auth="'app_approle_edit'">模型图
+                        </el-button>
+                        <el-button @click="handleDeploy(scope.row.id)" text type="primary" v-auth="'app_approle_edit'">部署
+                        </el-button>
+                        <el-button @click="handleDelete([scope.row.roleId])" text type="primary"
+                            v-auth="'app_approle_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>
+
+        <form-dialog @refresh="getDataList()" ref="formDialogRef" />
+    </div>
+</template>
+
+<script lang="ts" name="model" setup>
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { delObj, deploy, fetchList } from "/@/api/oa/model";
+import { useMessage, useMessageBox } from "/@/hooks/message";
+import { useI18n } from "vue-i18n";
+
+// 引入组件
+const FormDialog = defineAsyncComponent(() => import('./form.vue'));
+const { t } = useI18n()
+const router = useRouter()
+
+
+// 定义变量内容
+const formDialogRef = ref()
+const queryRef = ref()
+const showSearch = ref(true)
+// 多选rows
+const selectObjs = ref([]) as any
+
+// 是否可以多选
+const multiple = ref(true)
+
+const state: BasicTableProps = reactive<BasicTableProps>({
+    queryForm: {
+        category: ''
+    },
+    pageList: fetchList // H
+});
+
+//  table hook
+const {
+    getDataList,
+    currentChangeHandle,
+    sizeChangeHandle,
+} = 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
+}
+
+// 删除操作
+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 handleDeploy = (id: string) => {
+    deploy(id).then(() => {
+        useMessage().success(t('common.optSuccessText'));
+    })
+}
+
+
+const handleView = (id: string) => {
+    router.push({
+        path: "/oa/model/detail",
+        query: { id: id },
+    });
+}
+
+</script>
diff --git a/src/views/oa/process/i18n/en.ts b/src/views/oa/process/i18n/en.ts
new file mode 100644
index 00000000..d0fce9b3
--- /dev/null
+++ b/src/views/oa/process/i18n/en.ts
@@ -0,0 +1,17 @@
+export default {
+    process: {
+        index: 'index',
+        id: 'id',
+        name: 'name',
+        key: 'key',
+        category: 'category',
+        version: 'version',
+        status: 'status',
+        createTime: 'createTime',
+        lastUpdateTime: 'lastUpdateTime',
+        inputNameTip: 'input model name',
+        inputModelTip: 'input model name',
+        inputCategoryTip: 'input category tip',
+        inputKeyTip: 'input key',
+    }
+}
diff --git a/src/views/oa/process/i18n/zh-cn.ts b/src/views/oa/process/i18n/zh-cn.ts
new file mode 100644
index 00000000..33411794
--- /dev/null
+++ b/src/views/oa/process/i18n/zh-cn.ts
@@ -0,0 +1,16 @@
+export default {
+    process: {
+        index: '序号',
+        processonDefinitionId: '模型ID',
+        name: '模型名称',
+        key: '模型标识',
+        category: '模型分类',
+        revision: '版本',
+        status: '状态',
+        deploymentTime: '部署时间',
+        inputNameTip: '请输入模型名称',
+        inputModelTip: '请输入模型名称',
+        inputCategoryTip: '请输入模型分类',
+        inputKeyTip: '请输入模型标识',
+    }
+}
diff --git a/src/views/oa/process/index.vue b/src/views/oa/process/index.vue
new file mode 100644
index 00000000..3152e7bd
--- /dev/null
+++ b/src/views/oa/process/index.vue
@@ -0,0 +1,157 @@
+<template>
+    <div class="layout-padding">
+        <el-card class="layout-padding-auto" shadow="hover">
+            <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('process.category')" prop="category">
+                        <el-input :placeholder="$t('process.inputCategoryTip')" style="max-width: 180px"
+                            v-model="state.queryForm.category" />
+                    </el-form-item>
+                    <el-form-item class="ml2">
+                        <el-button @click="getDataList" icon="search" type="primary">
+                            {{ $t('common.queryBtn') }}
+                        </el-button>
+                        <el-button @click="resetQuery" icon="Refresh">{{ $t('common.resetBtn') }}</el-button>
+                    </el-form-item>
+                </el-form>
+            </el-row>
+            <el-row>
+                <div class="mb8" style="width: 100%">
+                    <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>
+                </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('process.index')" type="index" width="80" />
+                <el-table-column :label="$t('process.processonDefinitionId')" prop="processonDefinitionId"
+                    show-overflow-tooltip></el-table-column>
+                <el-table-column :label="$t('process.name')" prop="name" show-overflow-tooltip></el-table-column>
+                <el-table-column :label="$t('process.key')" prop="key" show-overflow-tooltip></el-table-column>
+                <el-table-column :label="$t('process.category')" prop="category" show-overflow-tooltip></el-table-column>
+                <el-table-column :label="$t('process.revision')" prop="revision" show-overflow-tooltip></el-table-column>
+                <el-table-column :label="$t('process.status')" prop="suspend" show-overflow-tooltip>
+                    <template #default="scope">
+                        <span v-if="scope.row.suspend"><el-tag type="danger">挂起</el-tag></span>
+                        <span v-else><el-tag>有效</el-tag></span>
+                    </template>
+                </el-table-column>
+                <el-table-column :label="$t('process.deploymentTime')" prop="deploymentTime" show-overflow-tooltip>
+                    <template #default="scope">
+                        <span>{{ parseTime(scope.row.deploymentTime) }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column :label="$t('common.action')" width="200">
+                    <template #default="scope">
+                        <el-button @click="handleView(scope.row)" text type="primary">流程图
+                        </el-button>
+                        <el-button @click="handleStatus(scope.row, 'suspend')" text type="primary"
+                            v-if="!scope.row.suspend">失效
+                        </el-button>
+                        <el-button @click="handleStatus(scope.row, 'active')" text type="primary"
+                            v-if="scope.row.suspend">激活
+                        </el-button>
+                        <el-button @click="handleDelete([scope.row.roleId])" 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>
+
+        <el-dialog v-model="showPicDialog" title="流程图">
+            <img :src="actPicUrl" style="width: 100%;">
+        </el-dialog>
+    </div>
+</template>
+
+<script lang="ts" name="model" setup>
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { delObj, fetchList, status } from "/@/api/oa/process";
+import { useMessage, useMessageBox } from "/@/hooks/message";
+import { useI18n } from "vue-i18n";
+import { parseTime } from "/@/utils/formatTime";
+
+// 引入组件
+const { t } = useI18n()
+
+// 定义变量内容
+const showPicDialog = ref(false)
+const queryRef = ref()
+const showSearch = ref(true)
+// 多选rows
+const selectObjs = ref([]) as any
+// 是否可以多选
+const multiple = ref(true)
+// 流程图URL
+const actPicUrl = ref('')
+
+const state: BasicTableProps = reactive<BasicTableProps>({
+    queryForm: {
+        category: ''
+    },
+    pageList: fetchList // H
+});
+
+//  table hook
+const {
+    getDataList,
+    currentChangeHandle,
+    sizeChangeHandle,
+} = 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
+}
+
+// 删除操作
+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 handleView = (row: any) => {
+    actPicUrl.value = `/admin/process/resource/${row.deploymentId}/${row.processonDefinitionId}/image`
+    showPicDialog.value = true
+}
+
+// 失效
+const handleStatus = (row, type) => {
+    useMessageBox().confirm('是否将此流程设置为 ' + type)
+        .then(() => {
+            status(row.processonDefinitionId, type).then(() => {
+                getDataList();
+                useMessage().success(t('common.optSuccessText'));
+            }).catch((err: any) => {
+                useMessage().error(err.msg)
+            })
+        })
+}
+
+</script>
diff --git a/src/views/oa/task/comment.vue b/src/views/oa/task/comment.vue
new file mode 100644
index 00000000..b9aaef34
--- /dev/null
+++ b/src/views/oa/task/comment.vue
@@ -0,0 +1,72 @@
+<template>
+  <div class="layout-padding">
+    <el-dialog title="批注列表" v-model="visible" :close-on-click-modal="false" draggable>
+      <el-card class="layout-padding-auto">
+        <el-table :data="state.dataList" v-loading="state.loading" style="width: 100%"
+          @selection-change="handleSelectionChange" @sort-change="sortChangeHandle">
+          <el-table-column type="selection" width="60" align="center" />
+          <el-table-column type="index" :label="t('comment.index')" width="80" />
+          <el-table-column prop="userId" :label="t('comment.userId')" show-overflow-tooltip />
+          <el-table-column prop="fullMessage" :label="t('comment.fullMessage')" show-overflow-tooltip>
+            <template #default="scope">
+              <span v-html="scope.row.fullMessage"></span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="time" :label="t('comment.time')" show-overflow-tooltip />
+        </el-table>
+      </el-card>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup lang="ts" name="systemTask">
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { fetchComment } from "/@/api/oa/task";
+import { useI18n } from "vue-i18n";
+
+// 引入组件
+const { t } = useI18n()
+// 搜索变量
+const visible = ref(false)
+const taskId = ref('')
+// 多选变量
+const selectObjs = ref([]) as any
+const multiple = ref(true)
+
+// 定义查询方法
+const pageList = () => {
+  return fetchComment(taskId.value)
+}
+
+const state: BasicTableProps = reactive<BasicTableProps>({
+  isPage: false,
+  queryForm: {},
+  pageList: pageList
+})
+
+//  table hook
+const {
+  getDataList,
+  sortChangeHandle,
+} = useTable(state)
+
+// 多选事件
+const handleSelectionChange = (objs: any) => {
+  objs.forEach((val: any) => {
+    selectObjs.value.push(val.leaveId)
+  });
+  multiple.value = !objs.length
+}
+
+// 打开弹窗
+const openDialog = (id: string) => {
+  visible.value = true
+  taskId.value = id
+  getDataList()
+};
+
+// 暴露变量
+defineExpose({
+  openDialog
+});
+</script>
\ No newline at end of file
diff --git a/src/views/oa/task/form.vue b/src/views/oa/task/form.vue
new file mode 100644
index 00000000..b1897153
--- /dev/null
+++ b/src/views/oa/task/form.vue
@@ -0,0 +1,136 @@
+<template>
+  <el-dialog :title="form.taskId ? $t('common.editBtn') : $t('common.addBtn')" v-model="visible"
+    :close-on-click-modal="false" draggable>
+    <el-form ref="dataFormRef" :model="form" :rules="dataRules" formDialogRef label-width="90px" v-loading="loading">
+      <el-row :gutter="24">
+        <el-col :span="24" class="mb20">
+          <el-form-item :label="t('leave.username')" prop="username">
+            <el-input v-model="form.username" :placeholder="t('leave.inputUsernameTip')" disabled />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12" class="mb20">
+          <el-form-item :label="t('leave.days')" prop="days">
+            <el-input-number :min="1" :max="1000" v-model="form.days" :placeholder="t('leave.inputDaysTip')"
+              disabled></el-input-number>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12" class="mb20">
+          <el-form-item :label="t('leave.leaveTime')" prop="leaveTime">
+            <el-date-picker type="datetime" :placeholder="t('leave.inputLeaveTimeTip')" v-model="form.leaveTime"
+              :value-format="dateTimeStr" disabled></el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="24" class="mb20">
+          <el-form-item :label="t('task.content')" prop="content">
+            <div v-html="form.content"></div>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="24" class="mb20">
+          <el-form-item :label="t('task.comment')" prop="comment">
+            <editor v-model:get-html="form.comment" :placeholder="t('task.inputCommentTip')" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button type="primary" v-for="flag in form.flagList" :key="flag"
+          @click="handleTask(flag)">{{ flag }}
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup lang="ts" name="OaLeaveBillDialog">
+import { useMessage } from "/@/hooks/message";
+import { doTask, fetchDetail } from '/@/api/oa/task'
+import { useI18n } from "vue-i18n"
+import { useUserInfo } from "/@/stores/userInfo";
+const emit = defineEmits(['refresh']);
+
+
+const { t } = useI18n();
+
+// 定义变量内容
+const dataFormRef = ref();
+const visible = ref(false)
+const loading = ref(false)
+
+// 提交表单数据
+const form = reactive({
+  taskId: '',
+  taskName: '',
+  username: '',
+  comment: '',
+  days: 0,
+  content: '',
+  createTime: '',
+  time: '',
+  flagList: [],
+  taskFlag: '',
+});
+
+// 定义校验规则
+const dataRules = ref({
+  comment: [{ required: true, message: '批注不能为空', trigger: 'blur' }]
+})
+
+// 打开弹窗
+const openDialog = (id: string) => {
+  visible.value = true
+  form.taskId = ''
+
+  // 重置表单数据
+  if (dataFormRef.value) {
+    dataFormRef.value.resetFields()
+  }
+
+  // 获取oaLeaveBill信息
+  if (id) {
+    form.taskId = id
+    getTaskById(id)
+  } else {
+    form.username = useUserInfo().userInfos.user.username
+  }
+};
+
+// 提交
+const handleTask = (result) => {
+  dataFormRef.value.validate((valid: boolean) => {
+    if (!valid) {
+      return false
+    }
+    loading.value = true
+    form.taskFlag = result
+    doTask(form).then(() => {
+      useMessage().success(t('common.optSuccessText'))
+      visible.value = false
+      emit('refresh')
+    })
+  })
+}
+
+// 初始化表单数据
+const getTaskById = (id: string) => {
+  // 获取数据
+  loading.value = true
+  fetchDetail(id).then((res: any) => {
+    Object.assign(form, res.data)
+    form.comment = res.data.comment ? res.data.comment : ''
+  }).catch((err) => {
+    useMessage().error('操作失败')
+  }).finally(() => {
+    loading.value = false
+  })
+};
+
+// 暴露变量
+defineExpose({
+  openDialog
+});
+</script>
\ No newline at end of file
diff --git a/src/views/oa/task/i18n/en.ts b/src/views/oa/task/i18n/en.ts
new file mode 100644
index 00000000..1fc76573
--- /dev/null
+++ b/src/views/oa/task/i18n/en.ts
@@ -0,0 +1,18 @@
+export default {
+    task: {
+        index: 'index',
+        taskId: 'taskId',
+        taskName: 'taskName',
+        time: 'time',
+        comment: 'comment',
+        content: 'content',
+        inputTaskNameTip: 'input Task Name',
+        inputCommentTip: 'input comment'
+    },
+    comment: {
+        index: 'index',
+        userId: 'userId',
+        fullMessage: 'fullMessage',
+        time: 'time'
+    }
+}
\ No newline at end of file
diff --git a/src/views/oa/task/i18n/zh-cn.ts b/src/views/oa/task/i18n/zh-cn.ts
new file mode 100644
index 00000000..28f42fcc
--- /dev/null
+++ b/src/views/oa/task/i18n/zh-cn.ts
@@ -0,0 +1,18 @@
+export default {
+    task: {
+        index: '序号',
+        taskId: 'ID',
+        taskName: '任务名称',
+        time: '提交时间',
+        comment: '批注',
+        content: '事由',
+        inputTaskNameTip: '请输入任务名称',
+        inputCommentTip: '请输入批注名称'
+    },
+    comment: {
+        index: '序号',
+        userId: '用户',
+        fullMessage: '批注',
+        time: '时间'
+    }
+}
\ No newline at end of file
diff --git a/src/views/oa/task/index.vue b/src/views/oa/task/index.vue
new file mode 100644
index 00000000..2e227a92
--- /dev/null
+++ b/src/views/oa/task/index.vue
@@ -0,0 +1,131 @@
+<template>
+  <div class="layout-padding">
+    <el-card class="layout-padding-auto">
+      <el-row v-show="showSearch" class="mb8">
+        <el-form :model="state.queryForm" ref="queryRef" :inline="true" @keyup.enter="getDataList">
+          <el-form-item :label="$t('task.taskName')" prop="taskName">
+            <el-input :placeholder="t('task.inputTaskNameTip')" v-model="state.queryForm.taskName"
+              style="max-width: 180px" />
+          </el-form-item>
+          <el-form-item class="ml2">
+            <el-button formDialogRef icon="search" type="primary" @click="getDataList">
+              {{ $t('common.queryBtn') }}
+            </el-button>
+            <el-button icon="Refresh" formDialogRef @click="resetQuery">{{ $t('common.resetBtn') }}</el-button>
+          </el-form-item>
+        </el-form>
+      </el-row>
+      <el-row>
+        <div class="mb8" style="width: 100%">
+          <el-button formDialogRef icon="Download" type="primary" class="ml10" @click="exportExcel">
+            {{ $t('common.exportBtn') }}
+          </el-button>
+          <el-button formDialogRef :disabled="multiple" icon="Delete" type="primary" class="ml10"
+            @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>
+        </div>
+      </el-row>
+      <el-table :data="state.dataList" v-loading="state.loading" style="width: 100%"
+        @selection-change="handleSelectionChange" @sort-change="sortChangeHandle">
+        <el-table-column type="selection" width="60" align="center" />
+        <el-table-column type="index" :label="t('task.index')" width="80" />
+        <el-table-column prop="taskId" :label="t('task.taskId')" show-overflow-tooltip />
+        <el-table-column prop="taskName" :label="t('task.taskName')" show-overflow-tooltip />
+        <el-table-column prop="time" :label="t('task.time')" show-overflow-tooltip />
+        <el-table-column :label="$t('common.action')" width="200">
+          <template #default="scope">
+            <el-button text type="primary" @click="handleView(scope.row)">流程图
+            </el-button>
+            <el-button text type="primary" @click="formDialogRef.openDialog(scope.row.taskId)">审批
+            </el-button>
+            <el-button text type="primary" @click="commentDialogRef.openDialog(scope.row.taskId)">批注
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" v-bind="state.pagination" />
+    </el-card>
+
+    <!-- 编辑、新增  -->
+    <form-dialog ref="formDialogRef" @refresh="getDataList(false)" />
+    <comment-dialog ref="commentDialogRef" @refresh="getDataList(false)" />
+
+    <el-dialog v-model="showPicDialog" title="流程图">
+      <img :src="actPicUrl" style="width: 100%;">
+    </el-dialog>
+  </div>
+</template>
+
+<script setup lang="ts" name="systemTask">
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { fetchList } from "/@/api/oa/task";
+import { useI18n } from "vue-i18n";
+
+// 引入组件
+const FormDialog = defineAsyncComponent(() => import('./form.vue'));
+const CommentDialog = defineAsyncComponent(() => import('./comment.vue'));
+const { t } = useI18n()
+// 定义查询字典
+const formDialogRef = ref()
+const commentDialogRef = ref()
+// 搜索变量
+const queryRef = ref()
+const showSearch = ref(true)
+// 多选变量
+const selectObjs = ref([]) as any
+const multiple = ref(true)
+// 流程图URL
+const actPicUrl = ref('')
+// 定义变量内容
+const showPicDialog = ref(false)
+
+const state: BasicTableProps = reactive<BasicTableProps>({
+  queryForm: {},
+  pageList: fetchList
+})
+
+//  table hook
+const {
+  getDataList,
+  currentChangeHandle,
+  sizeChangeHandle,
+  sortChangeHandle,
+  downBlobFile
+} = useTable(state)
+
+// 清空搜索条件
+const resetQuery = () => {
+  // 清空搜索条件
+  queryRef.value.resetFields()
+  // 清空多选
+  selectObjs.value = []
+  getDataList()
+}
+
+// 导出excel
+const exportExcel = () => {
+  downBlobFile('/admin/task/export', state.queryForm, 'task.xlsx')
+}
+
+// 多选事件
+const handleSelectionChange = (objs: any) => {
+  objs.forEach((val: any) => {
+    selectObjs.value.push(val.leaveId)
+  });
+  multiple.value = !objs.length
+}
+
+// 删除操作
+const handleDelete = (ids: string[]) => {
+
+};
+
+//查看流程图
+const handleView = (row: any) => {
+  actPicUrl.value = `/admin/task/view/${row.taskId}`
+  showPicDialog.value = true
+}
+</script>
\ No newline at end of file
diff --git a/src/views/pay/channel/form.vue b/src/views/pay/channel/form.vue
index cd635027..e65e8405 100644
--- a/src/views/pay/channel/form.vue
+++ b/src/views/pay/channel/form.vue
@@ -1,11 +1,12 @@
 <template>
     <el-dialog :close-on-click-modal="false" :title="form.id ? $t('common.editBtn') : $t('common.addBtn')" draggable
-        v-model="visible">
-        <el-form :model="form" :rules="dataRules" formDialogRef label-width="90px" ref="dataFormRef" v-loading="loading">
+               v-model="visible">
+        <el-form :model="form" :rules="dataRules" formDialogRef label-width="90px" ref="dataFormRef"
+                 v-loading="loading">
             <el-row :gutter="24">
                 <el-col :span="12" class="mb20">
                     <el-form-item :label="t('channel.appId')" prop="appId">
-                        <el-input :placeholder="t('channel.inputAppIdTip')" v-model="form.appId" />
+                        <el-input :placeholder="t('channel.inputAppIdTip')" v-model="form.appId"/>
                     </el-form-item>
                 </el-col>
 
@@ -13,7 +14,7 @@
                     <el-form-item :label="t('channel.channelId')" prop="state">
                         <el-select v-model="form.channelId">
                             <el-option :key="item.value" :label="item.label" :value="item.value"
-                                v-for="item in channel_type">
+                                       v-for="item in channel_type">
                             </el-option>
                         </el-select>
                     </el-form-item>
@@ -21,13 +22,13 @@
 
                 <el-col :span="12" class="mb20">
                     <el-form-item :label="t('channel.channelName')" prop="channelName">
-                        <el-input :placeholder="t('channel.inputChannelNameTip')" v-model="form.channelName" />
+                        <el-input :placeholder="t('channel.inputChannelNameTip')" v-model="form.channelName"/>
                     </el-form-item>
                 </el-col>
 
                 <el-col :span="12" class="mb20">
                     <el-form-item :label="t('channel.mchId')" prop="mchId">
-                        <el-input :placeholder="t('channel.inputMchIdTip')" v-model="form.mchId" />
+                        <el-input :placeholder="t('channel.inputMchIdTip')" v-model="form.mchId"/>
                     </el-form-item>
                 </el-col>
 
@@ -35,7 +36,7 @@
                     <el-form-item :label="t('channel.state')" prop="state">
                         <el-select v-model="form.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>
@@ -59,7 +60,7 @@
                 <el-col :span="24" class="mb20">
                     <el-form-item :label="t('channel.remark')" prop="remark">
                         <el-input :placeholder="t('channel.inputRemarkTip')" :rows="2" type="textarea"
-                            v-model="form.remark" />
+                                  v-model="form.remark"/>
                     </el-form-item>
                 </el-col>
 
@@ -67,7 +68,7 @@
                 <el-col :span="24" class="mb20">
                     <el-form-item :label="t('channel.param')" prop="param">
                         <el-input :placeholder="t('channel.inputParamTip')" :rows="4" type="textarea"
-                            v-model="form.param" />
+                                  v-model="form.param"/>
                     </el-form-item>
                 </el-col>
 
@@ -84,113 +85,121 @@
 </template>
 
 <script lang="ts" name="PayChannelDialog" setup>
-// 定义子组件向父组件传值/事件
-import { useDict } from "/@/hooks/dict";
-import { useMessage } from "/@/hooks/message";
-import { addObj, getObj, putObj } from '/@/api/pay/channel'
-import { useI18n } from "vue-i18n"
+    // 定义子组件向父组件传值/事件
+    import {useDict} from "/@/hooks/dict";
+    import {useMessage} from "/@/hooks/message";
+    import {addObj, getObj, putObj} from '/@/api/pay/channel'
+    import {useI18n} from "vue-i18n"
+    import {rule} from '/@/utils/validate';
 
-const emit = defineEmits(['refresh']);
+    const emit = defineEmits(['refresh']);
 
 
-const { t } = useI18n();
-const { status_type, channel_type} = useDict('status_type', 'channel_type')
-// 定义变量内容
-const dataFormRef = ref();
-const visible = ref(false)
-const loading = ref(false)
-// 定义字典
+    const {t} = useI18n();
+    const {status_type, channel_type} = useDict('status_type', 'channel_type')
+    // 定义变量内容
+    const dataFormRef = ref();
+    const visible = ref(false)
+    const loading = ref(false)
+    // 定义字典
 
-// 提交表单数据
-const form = reactive({
-    id: '',
-    mchId: '',
-    channelId: '',
-    channelName: '',
-    channelMchId: '',
-    returnUrl: '',
-    notifyUrl: '',
-    state: '0',
-    param: '',
-    remark: '',
-    appId: '',
-});
+    // 提交表单数据
+    const form = reactive({
+        id: '',
+        mchId: '',
+        channelId: '',
+        channelName: '',
+        channelMchId: '',
+        returnUrl: '',
+        notifyUrl: '',
+        state: '0',
+        param: '',
+        remark: '',
+        appId: '',
+    });
 
-// 定义校验规则
-const dataRules = ref({
-    appId: [{ required: true, message: 'appId不能为空', trigger: 'blur' }],
-    channelId: [{ required: true, message: '渠道ID不能为空', trigger: 'blur' }],
-    channelName: [{ required: true, message: '渠道名称不能为空', trigger: 'blur' }],
-    channelMchId: [{ required: true, message: '渠道商户ID不能为空', trigger: 'blur' }],
-    state: [{ required: true, message: '状态不能为空', trigger: 'blur' }],
-    param: [{ required: true, message: '配置参数不能为空', trigger: 'blur' }],
-    remark: [{ required: true, message: '备注不能为空', trigger: 'blur' }],
+    // 定义校验规则
+    const dataRules = ref({
+        appId: [{required: true, message: 'appId不能为空', trigger: 'blur'}
+            , {validator: rule.letterAndNumber, trigger: 'blur'}],
+        channelName: [{required: true, message: '渠道名称不能为空', trigger: 'blur'}],
 
-})
+        mchId: [{required: true, message: '商户ID不能为空', trigger: 'blur'}
+            , {validator: rule.letterAndNumber, trigger: 'blur'}],
+        state: [{required: true, message: '状态不能为空', trigger: 'blur'}],
 
-// 打开弹窗
-const openDialog = (id: string) => {
-    visible.value = true
-    form.id = ''
+        returnUrl: [{required: true, message: '前端回调不能为空', trigger: 'blur'},
+            {validater: rule.url, trigger: 'blur'}],
 
-    // 重置表单数据
-    if (dataFormRef.value) {
-        dataFormRef.value.resetFields()
+        notifyUrl: [{required: true, message: '后端回调不能为空', trigger: 'blur'}],
+        param: [{required: true, message: '参数配置不能为空', trigger: 'blur'}],
+
+
+    })
+
+    // 打开弹窗
+    const openDialog = (id: string) => {
+        visible.value = true
+        form.id = ''
+
+        // 重置表单数据
+        if (dataFormRef.value) {
+            dataFormRef.value.resetFields()
+        }
+
+        // 获取payChannel信息
+        if (id) {
+            form.id = id
+            getpayChannelData(id)
+        }
+    };
+
+    // 提交
+    const onSubmit = () => {
+        dataFormRef.value.validate((valid: boolean) => {
+            if (!valid) {
+                return false
+            }
+            // 更新
+            if (form.id) {
+                loading.value = true
+                putObj(form).then(() => {
+                    useMessage().success(t('common.editSuccessText'))
+                    visible.value = false // 关闭弹窗
+                    emit('refresh')
+                }).catch((err: any) => {
+                    useMessage().error(err.msg)
+                }).finally(() => {
+                    loading.value = false
+                })
+            } else {
+                loading.value = true
+                addObj(form).then(() => {
+                    useMessage().success(t('common.addSuccessText'))
+                    visible.value = false // 关闭弹窗
+                    emit('refresh')
+                }).catch((err: any) => {
+                    useMessage().error(err.msg)
+                }).finally(() => {
+                    loading.value = false
+                })
+            }
+        })
     }
 
-    // 获取payChannel信息
-    if (id) {
-        form.id = id
-        getpayChannelData(id)
-    }
-};
+    // 初始化表单数据
+    const getpayChannelData = (id: string) => {
+        // 获取数据
+        loading.value = true
+        getObj(id).then((res: any) => {
+            Object.assign(form, res.data)
+        }).finally(() => {
+            loading.value = false
+        })
+    };
 
-// 提交
-const onSubmit = () => {
-    dataFormRef.value.validate((valid: boolean) => {
-        if (!valid) {
-            return false
-        }
-        // 更新
-        if (form.id) {
-            loading.value = true
-            putObj(form).then(() => {
-                useMessage().success(t('common.editSuccessText'))
-                visible.value = false // 关闭弹窗
-                emit('refresh')
-            }).catch((err: any) => {
-                useMessage().error(err.msg)
-            }).finally(() => {
-                loading.value = false
-            })
-        } else {
-            loading.value = true
-            addObj(form).then(() => {
-                useMessage().success(t('common.addSuccessText'))
-                visible.value = false // 关闭弹窗
-                emit('refresh')
-            }).catch((err: any) => {
-                useMessage().error(err.msg)
-            }).finally(() => {
-                loading.value = false
-            })
-        }
-    })
-}
-
-// 初始化表单数据
-const getpayChannelData = (id: string) => {
-    // 获取数据
-    loading.value = true
-    getObj(id).then((res: any) => {
-        Object.assign(form, res.data)
-    }).finally(() => {
-        loading.value = false
-    })
-};
-
-// 暴露变量
-defineExpose({
-    openDialog
-});
+    // 暴露变量
+    defineExpose({
+        openDialog
+    });
 </script>
\ No newline at end of file
diff --git a/src/views/pay/channel/index.vue b/src/views/pay/channel/index.vue
index bca827b9..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,132 +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
-    })
+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>
diff --git a/src/views/personal/i18n/en.ts b/src/views/personal/i18n/en.ts
deleted file mode 100644
index a7458181..00000000
--- a/src/views/personal/i18n/en.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export default {
-    personal: {
-        name: 'personal info',
-        passwordRule: 'The two passwords are inconsistent'
-    }
-}
diff --git a/src/views/personal/i18n/zh-cn.ts b/src/views/personal/i18n/zh-cn.ts
deleted file mode 100644
index cbb61212..00000000
--- a/src/views/personal/i18n/zh-cn.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export default {
-    personal: {
-        name: '个人信息',
-        passwordRule: '两次输入密码不一致'
-    }
-}