From a4ef6eb696e18f7c2e5c620293d150c20a2a8bb5 Mon Sep 17 00:00:00 2001
From: ray <1490493387@qq.com>
Date: Sun, 13 Oct 2024 10:42:48 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20:recycle:=20eslint=20=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81=E8=A7=84=E8=8C=83=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/auth.ts                               | 16 ++--
 src/api/codegen.ts                            | 28 +++----
 src/api/config.ts                             | 28 +++----
 src/api/dept.ts                               | 28 +++----
 src/api/dict-data.ts                          | 28 +++----
 src/api/dict.ts                               | 28 +++----
 src/api/file.ts                               | 18 ++---
 src/api/log.ts                                | 16 ++--
 src/api/menu.ts                               | 34 ++++-----
 src/api/notice.ts                             | 68 ++++++-----------
 src/api/role.ts                               | 37 +++++-----
 src/api/user.ts                               | 73 +++++++++----------
 src/components/AppLink/index.vue              |  2 +-
 src/components/CURD/PageContent.vue           | 12 +--
 src/components/CURD/PageForm.vue              |  4 +-
 src/components/CURD/PageModal.vue             | 12 +--
 src/components/CURD/PageSearch.vue            |  8 +-
 src/components/CURD/types.ts                  |  8 +-
 src/components/CopyButton/index.vue           |  2 +-
 src/components/IconSelect/index.vue           |  2 +-
 src/components/MenuSearch/index.vue           |  4 +-
 src/components/Notice/index.vue               | 20 ++---
 src/components/TableSelect/index.vue          |  2 +-
 src/components/Upload/FileUpload.vue          |  8 +-
 src/components/Upload/ImageUpload.vue         |  2 +-
 src/directive/permission/index.ts             | 10 ++-
 .../Settings/components/LayoutSelect.vue      | 12 +--
 .../Sidebar/components/SidebarLogo.vue        |  4 +-
 .../Sidebar/components/SidebarMixTopMenu.vue  |  2 +-
 src/layout/components/TagsView/index.vue      |  4 +-
 src/layout/index.vue                          |  2 +-
 src/plugins/permission.ts                     |  3 +-
 src/router/index.ts                           |  6 +-
 src/store/modules/permission.ts               |  6 +-
 src/store/modules/tagsView.ts                 |  5 +-
 src/types/env.d.ts                            |  5 +-
 src/utils/auth.ts                             |  2 +-
 src/utils/request.ts                          |  5 +-
 src/utils/websocket.ts                        | 22 +++++-
 src/views/codegen/index.vue                   | 26 +++----
 src/views/dashboard/components/VisitTrend.vue |  4 +-
 src/views/dashboard/index.vue                 |  6 +-
 src/views/demo/api/apifox.vue                 |  2 +-
 src/views/demo/api/knife4j.vue                |  2 +-
 src/views/demo/api/swagger.vue                |  2 +-
 src/views/demo/curd/config/content2.ts        |  4 +-
 src/views/demo/icons.vue                      |  1 -
 src/views/demo/internal-doc.vue               |  5 +-
 src/views/demo/signature.vue                  |  2 +-
 src/views/demo/websocket.vue                  | 16 ++--
 src/views/error/401.vue                       |  2 +-
 src/views/login/index.vue                     | 10 +--
 src/views/profile/index.vue                   | 36 ++++-----
 src/views/redirect/index.vue                  |  2 +-
 src/views/system/config/index.vue             |  8 +-
 src/views/system/dept/index.vue               |  2 +-
 src/views/system/dict/index.vue               |  2 +-
 src/views/system/log/index.vue                |  2 +-
 src/views/system/menu/index.vue               | 10 +--
 .../system/notice/components/NoticeDetail.vue |  6 +-
 src/views/system/notice/index.vue             | 12 +--
 src/views/system/notice/my-notice.vue         |  6 +-
 src/views/system/role/index.vue               |  2 +-
 src/views/system/user/dept-tree.vue           |  2 +-
 src/views/system/user/import.vue              |  2 +-
 src/views/system/user/index.vue               |  2 +-
 66 files changed, 376 insertions(+), 376 deletions(-)

diff --git a/src/api/auth.ts b/src/api/auth.ts
index eb904d87..8d38dcb4 100644
--- a/src/api/auth.ts
+++ b/src/api/auth.ts
@@ -2,9 +2,9 @@ import request from "@/utils/request";
 
 const AUTH_BASE_URL = "/api/v1/auth";
 
-class AuthAPI {
+const AuthAPI = {
   /** 登录 接口*/
-  static login(data: LoginData) {
+  login(data: LoginData) {
     const formData = new FormData();
     formData.append("username", data.username);
     formData.append("password", data.password);
@@ -18,24 +18,24 @@ class AuthAPI {
         "Content-Type": "multipart/form-data",
       },
     });
-  }
+  },
 
   /** 注销 接口*/
-  static logout() {
+  logout() {
     return request({
       url: `${AUTH_BASE_URL}/logout`,
       method: "delete",
     });
-  }
+  },
 
   /** 获取验证码 接口*/
-  static getCaptcha() {
+  getCaptcha() {
     return request<any, CaptchaResult>({
       url: `${AUTH_BASE_URL}/captcha`,
       method: "get",
     });
-  }
-}
+  },
+};
 
 export default AuthAPI;
 
diff --git a/src/api/codegen.ts b/src/api/codegen.ts
index 166aa222..af592bae 100644
--- a/src/api/codegen.ts
+++ b/src/api/codegen.ts
@@ -2,55 +2,55 @@ import request from "@/utils/request";
 
 const GENERATOR_BASE_URL = "/api/v1/codegen";
 
-class GeneratorAPI {
+const GeneratorAPI = {
   /** 获取数据表分页列表 */
-  static getTablePage(params: TablePageQuery) {
+  getTablePage(params: TablePageQuery) {
     return request<any, PageResult<TablePageVO[]>>({
       url: `${GENERATOR_BASE_URL}/table/page`,
       method: "get",
       params: params,
     });
-  }
+  },
 
   /** 获取代码生成配置 */
-  static getGenConfig(tableName: string) {
+  getGenConfig(tableName: string) {
     return request<any, GenConfigForm>({
       url: `${GENERATOR_BASE_URL}/${tableName}/config`,
       method: "get",
     });
-  }
+  },
 
   /** 获取代码生成配置 */
-  static saveGenConfig(tableName: string, data: GenConfigForm) {
+  saveGenConfig(tableName: string, data: GenConfigForm) {
     return request({
       url: `${GENERATOR_BASE_URL}/${tableName}/config`,
       method: "post",
       data: data,
     });
-  }
+  },
 
   /** 获取代码生成预览数据 */
-  static getPreviewData(tableName: string) {
+  getPreviewData(tableName: string) {
     return request<any, GeneratorPreviewVO[]>({
       url: `${GENERATOR_BASE_URL}/${tableName}/preview`,
       method: "get",
     });
-  }
+  },
 
   /** 重置代码生成配置 */
-  static resetGenConfig(tableName: string) {
+  resetGenConfig(tableName: string) {
     return request({
       url: `${GENERATOR_BASE_URL}/${tableName}/config`,
       method: "delete",
     });
-  }
+  },
 
   /**
    * 下载 ZIP 文件
    * @param url
    * @param fileName
    */
-  static download(tableName: string) {
+  download(tableName: string) {
     return request({
       url: `${GENERATOR_BASE_URL}/${tableName}/download`,
       method: "get",
@@ -68,8 +68,8 @@ class GeneratorAPI {
       a.click();
       window.URL.revokeObjectURL(url);
     });
-  }
-}
+  },
+};
 
 export default GeneratorAPI;
 
diff --git a/src/api/config.ts b/src/api/config.ts
index 72760d76..2eb1c87e 100644
--- a/src/api/config.ts
+++ b/src/api/config.ts
@@ -2,36 +2,36 @@ import request from "@/utils/request";
 
 const CONFIG_BASE_URL = "/api/v1/config";
 
-class ConfigAPI {
+const ConfigAPI = {
   /** 获取系统配置分页数据 */
-  static getPage(queryParams?: ConfigPageQuery) {
+  getPage(queryParams?: ConfigPageQuery) {
     return request<any, PageResult<ConfigPageVO[]>>({
       url: `${CONFIG_BASE_URL}/page`,
       method: "get",
       params: queryParams,
     });
-  }
+  },
   /**
    * 获取系统配置表单数据
    *
    * @param id ConfigID
    * @returns Config表单数据
    */
-  static getFormData(id: number) {
+  getFormData(id: number) {
     return request<any, ConfigForm>({
       url: `${CONFIG_BASE_URL}/${id}/form`,
       method: "get",
     });
-  }
+  },
 
   /** 添加系统配置*/
-  static add(data: ConfigForm) {
+  add(data: ConfigForm) {
     return request({
       url: `${CONFIG_BASE_URL}`,
       method: "post",
       data: data,
     });
-  }
+  },
 
   /**
    * 更新系统配置
@@ -39,33 +39,33 @@ class ConfigAPI {
    * @param id ConfigID
    * @param data Config表单数据
    */
-  static update(id: number, data: ConfigForm) {
+  update(id: number, data: ConfigForm) {
     return request({
       url: `${CONFIG_BASE_URL}/${id}`,
       method: "put",
       data: data,
     });
-  }
+  },
 
   /**
    * 删除系统配置
    *
    * @param ids 系统配置ID
    */
-  static deleteById(id: number) {
+  deleteById(id: number) {
     return request({
       url: `${CONFIG_BASE_URL}/${id}`,
       method: "delete",
     });
-  }
+  },
 
-  static refreshCache() {
+  refreshCache() {
     return request({
       url: `${CONFIG_BASE_URL}`,
       method: "patch",
     });
-  }
-}
+  },
+};
 
 export default ConfigAPI;
 
diff --git a/src/api/dept.ts b/src/api/dept.ts
index b30a21e4..ea0d2fa9 100644
--- a/src/api/dept.ts
+++ b/src/api/dept.ts
@@ -2,28 +2,28 @@ import request from "@/utils/request";
 
 const DEPT_BASE_URL = "/api/v1/dept";
 
-class DeptAPI {
+const DeptAPI = {
   /**
    * 获取部门列表
    *
    * @param queryParams 查询参数（可选）
    * @returns 部门树形表格数据
    */
-  static getList(queryParams?: DeptQuery) {
+  getList(queryParams?: DeptQuery) {
     return request<any, DeptVO[]>({
       url: `${DEPT_BASE_URL}`,
       method: "get",
       params: queryParams,
     });
-  }
+  },
 
   /** 获取部门下拉列表 */
-  static getOptions() {
+  getOptions() {
     return request<any, OptionType[]>({
       url: `${DEPT_BASE_URL}/options`,
       method: "get",
     });
-  }
+  },
 
   /**
    * 获取部门表单数据
@@ -31,12 +31,12 @@ class DeptAPI {
    * @param id 部门ID
    * @returns 部门表单数据
    */
-  static getFormData(id: number) {
+  getFormData(id: number) {
     return request<any, DeptForm>({
       url: `${DEPT_BASE_URL}/${id}/form`,
       method: "get",
     });
-  }
+  },
 
   /**
    * 新增部门
@@ -44,13 +44,13 @@ class DeptAPI {
    * @param data 部门表单数据
    * @returns 请求结果
    */
-  static add(data: DeptForm) {
+  add(data: DeptForm) {
     return request({
       url: `${DEPT_BASE_URL}`,
       method: "post",
       data: data,
     });
-  }
+  },
 
   /**
    * 修改部门
@@ -59,13 +59,13 @@ class DeptAPI {
    * @param data 部门表单数据
    * @returns 请求结果
    */
-  static update(id: number, data: DeptForm) {
+  update(id: number, data: DeptForm) {
     return request({
       url: `${DEPT_BASE_URL}/${id}`,
       method: "put",
       data: data,
     });
-  }
+  },
 
   /**
    * 删除部门
@@ -73,13 +73,13 @@ class DeptAPI {
    * @param ids 部门ID，多个以英文逗号(,)分隔
    * @returns 请求结果
    */
-  static deleteByIds(ids: string) {
+  deleteByIds(ids: string) {
     return request({
       url: `${DEPT_BASE_URL}/${ids}`,
       method: "delete",
     });
-  }
-}
+  },
+};
 
 export default DeptAPI;
 
diff --git a/src/api/dict-data.ts b/src/api/dict-data.ts
index bade7207..412e1fe6 100644
--- a/src/api/dict-data.ts
+++ b/src/api/dict-data.ts
@@ -2,20 +2,20 @@ import request from "@/utils/request";
 
 const DICT_DATA_BASE_URL = "/api/v1/dict-data";
 
-class DictDataAPI {
+const DictDataAPI = {
   /**
    * 获取字典分页列表
    *
    * @param queryParams 查询参数
    * @returns 字典分页结果
    */
-  static getPage(queryParams: DictDataPageQuery) {
+  getPage(queryParams: DictDataPageQuery) {
     return request<any, PageResult<DictDataPageVO[]>>({
       url: `${DICT_DATA_BASE_URL}/page`,
       method: "get",
       params: queryParams,
     });
-  }
+  },
 
   /**
    * 获取字典数据表单
@@ -23,25 +23,25 @@ class DictDataAPI {
    * @param id 字典ID
    * @returns 字典数据表单
    */
-  static getFormData(id: number) {
+  getFormData(id: number) {
     return request<any, ResponseData<DictDataForm>>({
       url: `${DICT_DATA_BASE_URL}/${id}/form`,
       method: "get",
     });
-  }
+  },
 
   /**
    * 新增字典数据
    *
    * @param data 字典数据
    */
-  static add(data: DictDataForm) {
+  add(data: DictDataForm) {
     return request({
       url: `${DICT_DATA_BASE_URL}`,
       method: "post",
       data: data,
     });
-  }
+  },
 
   /**
    * 修改字典数据
@@ -49,25 +49,25 @@ class DictDataAPI {
    * @param id 字典ID
    * @param data 字典数据
    */
-  static update(id: number, data: DictDataForm) {
+  update(id: number, data: DictDataForm) {
     return request({
       url: `${DICT_DATA_BASE_URL}/${id}`,
       method: "put",
       data: data,
     });
-  }
+  },
 
   /**
    * 删除字典
    *
    * @param ids 字典ID，多个以英文逗号(,)分隔
    */
-  static deleteByIds(ids: string) {
+  deleteByIds(ids: string) {
     return request({
       url: `${DICT_DATA_BASE_URL}/${ids}`,
       method: "delete",
     });
-  }
+  },
 
   /**
    * 获取字典的数据项
@@ -75,13 +75,13 @@ class DictDataAPI {
    * @param dictCode 字典编码
    * @returns 字典数据项
    */
-  static getOptions(dictCode: string) {
+  getOptions(dictCode: string) {
     return request<any, OptionType[]>({
       url: `${DICT_DATA_BASE_URL}/${dictCode}/options`,
       method: "get",
     });
-  }
-}
+  },
+};
 
 export default DictDataAPI;
 
diff --git a/src/api/dict.ts b/src/api/dict.ts
index 8fc18cc1..9566e889 100644
--- a/src/api/dict.ts
+++ b/src/api/dict.ts
@@ -2,20 +2,20 @@ import request from "@/utils/request";
 
 const DICT_BASE_URL = "/api/v1/dict";
 
-class DictAPI {
+const DictAPI = {
   /**
    * 获取字典分页列表
    *
    * @param queryParams 查询参数
    * @returns 字典分页结果
    */
-  static getPage(queryParams: DictPageQuery) {
+  getPage(queryParams: DictPageQuery) {
     return request<any, PageResult<DictPageVO[]>>({
       url: `${DICT_BASE_URL}/page`,
       method: "get",
       params: queryParams,
     });
-  }
+  },
 
   /**
    * 获取字典表单数据
@@ -23,25 +23,25 @@ class DictAPI {
    * @param id 字典ID
    * @returns 字典表单数据
    */
-  static getFormData(id: number) {
+  getFormData(id: number) {
     return request<any, ResponseData<DictForm>>({
       url: `${DICT_BASE_URL}/${id}/form`,
       method: "get",
     });
-  }
+  },
 
   /**
    * 新增字典
    *
    * @param data 字典表单数据
    */
-  static add(data: DictForm) {
+  add(data: DictForm) {
     return request({
       url: `${DICT_BASE_URL}`,
       method: "post",
       data: data,
     });
-  }
+  },
 
   /**
    * 修改字典
@@ -49,38 +49,38 @@ class DictAPI {
    * @param id 字典ID
    * @param data 字典表单数据
    */
-  static update(id: number, data: DictForm) {
+  update(id: number, data: DictForm) {
     return request({
       url: `${DICT_BASE_URL}/${id}`,
       method: "put",
       data: data,
     });
-  }
+  },
 
   /**
    * 删除字典
    *
    * @param ids 字典ID，多个以英文逗号(,)分隔
    */
-  static deleteByIds(ids: string) {
+  deleteByIds(ids: string) {
     return request({
       url: `${DICT_BASE_URL}/${ids}`,
       method: "delete",
     });
-  }
+  },
 
   /**
    * 获取字典列表
    *
    * @returns 字典列表
    */
-  static getList() {
+  getList() {
     return request<any, OptionType[]>({
       url: `${DICT_BASE_URL}/list`,
       method: "get",
     });
-  }
-}
+  },
+};
 
 export default DictAPI;
 
diff --git a/src/api/file.ts b/src/api/file.ts
index 498074c8..509e6955 100644
--- a/src/api/file.ts
+++ b/src/api/file.ts
@@ -1,17 +1,17 @@
 import request from "@/utils/request";
 
-class FileAPI {
+const FileAPI = {
   /**
    * 文件上传地址
    */
-  static uploadUrl = import.meta.env.VITE_APP_BASE_API + "/api/v1/files";
+  uploadUrl: import.meta.env.VITE_APP_BASE_API + "/api/v1/files",
 
   /**
    * 上传文件
    *
    * @param file
    */
-  static upload(file: File) {
+  upload(file: File) {
     const formData = new FormData();
     formData.append("file", file);
     return request<any, FileInfo>({
@@ -22,27 +22,27 @@ class FileAPI {
         "Content-Type": "multipart/form-data",
       },
     });
-  }
+  },
 
   /**
    * 删除文件
    *
    * @param filePath 文件完整路径
    */
-  static deleteByPath(filePath?: string) {
+  deleteByPath(filePath?: string) {
     return request({
       url: "/api/v1/files",
       method: "delete",
       params: { filePath: filePath },
     });
-  }
+  },
 
   /**
    * 下载文件
    * @param url
    * @param fileName
    */
-  static downloadFile(url: string, fileName?: string) {
+  downloadFile(url: string, fileName?: string) {
     return request({
       url: url,
       method: "get",
@@ -56,8 +56,8 @@ class FileAPI {
       a.click();
       window.URL.revokeObjectURL(url);
     });
-  }
-}
+  },
+};
 
 export default FileAPI;
 
diff --git a/src/api/log.ts b/src/api/log.ts
index 811e5542..5107264f 100644
--- a/src/api/log.ts
+++ b/src/api/log.ts
@@ -2,19 +2,19 @@ import request from "@/utils/request";
 
 const LOG_BASE_URL = "/api/v1/logs";
 
-class LogAPI {
+const LogAPI = {
   /**
    * 获取日志分页列表
    *
    * @param queryParams 查询参数
    */
-  static getPage(queryParams: LogPageQuery) {
+  getPage(queryParams: LogPageQuery) {
     return request<any, PageResult<LogPageVO[]>>({
       url: `${LOG_BASE_URL}/page`,
       method: "get",
       params: queryParams,
     });
-  }
+  },
 
   /**
    * 获取访问趋势
@@ -22,13 +22,13 @@ class LogAPI {
    * @param queryParams
    * @returns
    */
-  static getVisitTrend(queryParams: VisitTrendQuery) {
+  getVisitTrend(queryParams: VisitTrendQuery) {
     return request<any, VisitTrendVO>({
       url: `${LOG_BASE_URL}/visit-trend`,
       method: "get",
       params: queryParams,
     });
-  }
+  },
 
   /**
    * 获取访问统计
@@ -36,13 +36,13 @@ class LogAPI {
    * @param queryParams
    * @returns
    */
-  static getVisitStats() {
+  getVisitStats() {
     return request<any, VisitStatsVO[]>({
       url: `${LOG_BASE_URL}/visit-stats`,
       method: "get",
     });
-  }
-}
+  },
+};
 
 export default LogAPI;
 
diff --git a/src/api/menu.ts b/src/api/menu.ts
index b2fb9ba6..e7ff8495 100644
--- a/src/api/menu.ts
+++ b/src/api/menu.ts
@@ -2,7 +2,7 @@ import request from "@/utils/request";
 // 菜单基础URL
 const MENU_BASE_URL = "/api/v1/menus";
 
-class MenuAPI {
+const MenuAPI = {
   /**
    * 获取当前用户的路由列表
    * <p/>
@@ -10,12 +10,12 @@ class MenuAPI {
    *
    * @returns 路由列表
    */
-  static getRoutes() {
+  getRoutes() {
     return request<any, RouteVO[]>({
       url: `${MENU_BASE_URL}/routes`,
       method: "get",
     });
-  }
+  },
 
   /**
    * 获取菜单树形列表
@@ -23,38 +23,38 @@ class MenuAPI {
    * @param queryParams 查询参数
    * @returns 菜单树形列表
    */
-  static getList(queryParams: MenuQuery) {
+  getList(queryParams: MenuQuery) {
     return request<any, MenuVO[]>({
       url: `${MENU_BASE_URL}`,
       method: "get",
       params: queryParams,
     });
-  }
+  },
 
   /**
    * 获取菜单下拉数据源
    *
    * @returns 菜单下拉数据源
    */
-  static getOptions(onlyParent?: boolean) {
+  getOptions(onlyParent?: boolean) {
     return request<any, OptionType[]>({
       url: `${MENU_BASE_URL}/options`,
       method: "get",
       params: { onlyParent: onlyParent },
     });
-  }
+  },
 
   /**
    * 获取菜单表单数据
    *
    * @param id 菜单ID
    */
-  static getFormData(id: number) {
+  getFormData(id: number) {
     return request<any, MenuForm>({
       url: `${MENU_BASE_URL}/${id}/form`,
       method: "get",
     });
-  }
+  },
 
   /**
    * 添加菜单
@@ -62,13 +62,13 @@ class MenuAPI {
    * @param data 菜单表单数据
    * @returns 请求结果
    */
-  static add(data: MenuForm) {
+  add(data: MenuForm) {
     return request({
       url: `${MENU_BASE_URL}`,
       method: "post",
       data: data,
     });
-  }
+  },
 
   /**
    * 修改菜单
@@ -77,13 +77,13 @@ class MenuAPI {
    * @param data 菜单表单数据
    * @returns 请求结果
    */
-  static update(id: string, data: MenuForm) {
+  update(id: string, data: MenuForm) {
     return request({
       url: `${MENU_BASE_URL}/${id}`,
       method: "put",
       data: data,
     });
-  }
+  },
 
   /**
    * 删除菜单
@@ -91,17 +91,17 @@ class MenuAPI {
    * @param id 菜单ID
    * @returns 请求结果
    */
-  static deleteById(id: number) {
+  deleteById(id: number) {
     return request({
       url: `${MENU_BASE_URL}/${id}`,
       method: "delete",
     });
-  }
-}
+  },
+};
 
 export default MenuAPI;
 
-import { MenuTypeEnum } from "@/enums/MenuTypeEnum";
+import type { MenuTypeEnum } from "@/enums/MenuTypeEnum";
 
 /** 菜单查询参数 */
 export interface MenuQuery {
diff --git a/src/api/notice.ts b/src/api/notice.ts
index 9f3b5355..df3c8b74 100644
--- a/src/api/notice.ts
+++ b/src/api/notice.ts
@@ -2,15 +2,15 @@ import request from "@/utils/request";
 
 const NOTICE_BASE_URL = "/api/v1/notices";
 
-class NoticeAPI {
+const NoticeAPI = {
   /** 获取通知公告分页数据 */
-  static getPage(queryParams?: NoticePageQuery) {
+  getPage(queryParams?: NoticePageQuery) {
     return request<any, PageResult<NoticePageVO[]>>({
       url: `${NOTICE_BASE_URL}/page`,
       method: "get",
       params: queryParams,
     });
-  }
+  },
 
   /**
    * 获取通知公告表单数据
@@ -18,12 +18,12 @@ class NoticeAPI {
    * @param id NoticeID
    * @returns Notice表单数据
    */
-  static getFormData(id: number) {
+  getFormData(id: number) {
     return request<any, NoticeForm>({
       url: `${NOTICE_BASE_URL}/${id}/form`,
       method: "get",
     });
-  }
+  },
 
   /**
    * 添加通知公告
@@ -31,13 +31,13 @@ class NoticeAPI {
    * @param data Notice表单数据
    * @returns
    */
-  static add(data: NoticeForm) {
+  add(data: NoticeForm) {
     return request({
       url: `${NOTICE_BASE_URL}`,
       method: "post",
       data: data,
     });
-  }
+  },
 
   /**
    * 更新通知公告
@@ -45,25 +45,25 @@ class NoticeAPI {
    * @param id NoticeID
    * @param data Notice表单数据
    */
-  static update(id: number, data: NoticeForm) {
+  update(id: number, data: NoticeForm) {
     return request({
       url: `${NOTICE_BASE_URL}/${id}`,
       method: "put",
       data: data,
     });
-  }
+  },
 
   /**
    * 批量删除通知公告，多个以英文逗号(,)分割
    *
    * @param ids 通知公告ID字符串，多个以英文逗号(,)分割
    */
-  static deleteByIds(ids: string) {
+  deleteByIds(ids: string) {
     return request({
       url: `${NOTICE_BASE_URL}/${ids}`,
       method: "delete",
     });
-  }
+  },
 
   /**
    * 发布通知
@@ -71,12 +71,12 @@ class NoticeAPI {
    * @param id 被发布的通知公告id
    * @returns
    */
-  static publish(id: number) {
+  publish(id: number) {
     return request({
       url: `${NOTICE_BASE_URL}/${id}/publish`,
       method: "patch",
     });
-  }
+  },
 
   /**
    * 撤回通知
@@ -84,41 +84,41 @@ class NoticeAPI {
    * @param id 撤回的通知id
    * @returns
    */
-  static revoke(id: number) {
+  revoke(id: number) {
     return request({
       url: `${NOTICE_BASE_URL}/${id}/revoke`,
       method: "patch",
     });
-  }
+  },
   /**
    * 查看通知
    *
    * @param id
    */
-  static getDetail(id: string) {
+  getDetail(id: string) {
     return request<any, NoticeDetailVO>({
       url: `${NOTICE_BASE_URL}/${id}/detail`,
       method: "get",
     });
-  }
+  },
 
   /* 全部已读 */
-  static readAll() {
+  readAll() {
     return request({
       url: `${NOTICE_BASE_URL}/read-all`,
       method: "put",
     });
-  }
+  },
 
   /** 获取我的通知分页列表 */
-  static getMyNoticePage(queryParams?: NoticePageQuery) {
+  getMyNoticePage(queryParams?: NoticePageQuery) {
     return request<any, PageResult<NoticePageVO[]>>({
       url: `${NOTICE_BASE_URL}/my-page`,
       method: "get",
       params: queryParams,
     });
-  }
-}
+  },
+};
 
 export default NoticeAPI;
 
@@ -197,27 +197,3 @@ export interface NoticeDetailVO {
   /** 发布状态 */
   publishStatus?: number;
 }
-
-/** 用户通知分页列表 */
-interface UserNoticePageVO {
-  /** 通知ID */
-  id: number;
-
-  /** 通知标题 */
-  title: string;
-
-  /** 通知类型 */
-  typeLabel: string;
-
-  /** 发布人姓名 */
-  publisherName: string;
-
-  /** 通知级别 */
-  levelLabel: string;
-
-  /** 发布时间 */
-  publishTime: string;
-
-  /** 是否已读 */
-  isReadLabel: string;
-}
diff --git a/src/api/role.ts b/src/api/role.ts
index e33a5020..95188796 100644
--- a/src/api/role.ts
+++ b/src/api/role.ts
@@ -2,36 +2,35 @@ import request from "@/utils/request";
 
 const ROLE_BASE_URL = "/api/v1/roles";
 
-class RoleAPI {
+const RoleAPI = {
   /** 获取角色分页数据 */
-  static getPage(queryParams?: RolePageQuery) {
+  getPage(queryParams?: RolePageQuery) {
     return request<any, PageResult<RolePageVO[]>>({
       url: `${ROLE_BASE_URL}/page`,
       method: "get",
       params: queryParams,
     });
-  }
+  },
 
   /** 获取角色下拉数据源 */
-  static getOptions() {
+  getOptions() {
     return request<any, OptionType[]>({
       url: `${ROLE_BASE_URL}/options`,
       method: "get",
     });
-  }
-
+  },
   /**
    * 获取角色的菜单ID集合
    *
    * @param roleId 角色ID
    * @returns 角色的菜单ID集合
    */
-  static getRoleMenuIds(roleId: number) {
+  getRoleMenuIds(roleId: number) {
     return request<any, number[]>({
       url: `${ROLE_BASE_URL}/${roleId}/menuIds`,
       method: "get",
     });
-  }
+  },
 
   /**
    * 分配菜单权限
@@ -39,13 +38,13 @@ class RoleAPI {
    * @param roleId 角色ID
    * @param data 菜单ID集合
    */
-  static updateRoleMenus(roleId: number, data: number[]) {
+  updateRoleMenus(roleId: number, data: number[]) {
     return request({
       url: `${ROLE_BASE_URL}/${roleId}/menus`,
       method: "put",
       data: data,
     });
-  }
+  },
 
   /**
    * 获取角色表单数据
@@ -53,21 +52,21 @@ class RoleAPI {
    * @param id 角色ID
    * @returns 角色表单数据
    */
-  static getFormData(id: number) {
+  getFormData(id: number) {
     return request<any, RoleForm>({
       url: `${ROLE_BASE_URL}/${id}/form`,
       method: "get",
     });
-  }
+  },
 
   /** 添加角色 */
-  static add(data: RoleForm) {
+  add(data: RoleForm) {
     return request({
       url: `${ROLE_BASE_URL}`,
       method: "post",
       data: data,
     });
-  }
+  },
 
   /**
    * 更新角色
@@ -75,26 +74,26 @@ class RoleAPI {
    * @param id 角色ID
    * @param data 角色表单数据
    */
-  static update(id: number, data: RoleForm) {
+  update(id: number, data: RoleForm) {
     return request({
       url: `${ROLE_BASE_URL}/${id}`,
       method: "put",
       data: data,
     });
-  }
+  },
 
   /**
    * 批量删除角色，多个以英文逗号(,)分割
    *
    * @param ids 角色ID字符串，多个以英文逗号(,)分割
    */
-  static deleteByIds(ids: string) {
+  deleteByIds(ids: string) {
     return request({
       url: `${ROLE_BASE_URL}/${ids}`,
       method: "delete",
     });
-  }
-}
+  },
+};
 
 export default RoleAPI;
 
diff --git a/src/api/user.ts b/src/api/user.ts
index beebdad7..865e306d 100644
--- a/src/api/user.ts
+++ b/src/api/user.ts
@@ -1,33 +1,32 @@
 import request from "@/utils/request";
-import { AxiosPromise, AxiosResponse } from "axios";
 
 const USER_BASE_URL = "/api/v1/users";
 
-class UserAPI {
+const UserAPI = {
   /**
    * 获取当前登录用户信息
    *
    * @returns 登录用户昵称、头像信息，包括角色和权限
    */
-  static getInfo() {
+  getInfo() {
     return request<any, UserInfo>({
       url: `${USER_BASE_URL}/me`,
       method: "get",
     });
-  }
+  },
 
   /**
    * 获取用户分页列表
    *
    * @param queryParams 查询参数
    */
-  static getPage(queryParams: UserPageQuery) {
+  getPage(queryParams: UserPageQuery) {
     return request<any, PageResult<UserPageVO[]>>({
       url: `${USER_BASE_URL}/page`,
       method: "get",
       params: queryParams,
     });
-  }
+  },
 
   /**
    * 获取用户表单详情
@@ -35,25 +34,25 @@ class UserAPI {
    * @param userId 用户ID
    * @returns 用户表单详情
    */
-  static getFormData(userId: number) {
+  getFormData(userId: number) {
     return request<any, UserForm>({
       url: `${USER_BASE_URL}/${userId}/form`,
       method: "get",
     });
-  }
+  },
 
   /**
    * 添加用户
    *
    * @param data 用户表单数据
    */
-  static add(data: UserForm) {
+  add(data: UserForm) {
     return request({
       url: `${USER_BASE_URL}`,
       method: "post",
       data: data,
     });
-  }
+  },
 
   /**
    * 修改用户
@@ -61,13 +60,13 @@ class UserAPI {
    * @param id 用户ID
    * @param data 用户表单数据
    */
-  static update(id: number, data: UserForm) {
+  update(id: number, data: UserForm) {
     return request({
       url: `${USER_BASE_URL}/${id}`,
       method: "put",
       data: data,
     });
-  }
+  },
 
   /**
    * 修改用户密码
@@ -75,48 +74,48 @@ class UserAPI {
    * @param id 用户ID
    * @param password 新密码
    */
-  static resetPassword(id: number, password: string) {
+  resetPassword(id: number, password: string) {
     return request({
       url: `${USER_BASE_URL}/${id}/password/reset`,
       method: "put",
       params: { password: password },
     });
-  }
+  },
 
   /**
    * 批量删除用户，多个以英文逗号(,)分割
    *
    * @param ids 用户ID字符串，多个以英文逗号(,)分割
    */
-  static deleteByIds(ids: string) {
+  deleteByIds(ids: string) {
     return request({
       url: `${USER_BASE_URL}/${ids}`,
       method: "delete",
     });
-  }
+  },
 
   /** 下载用户导入模板 */
-  static downloadTemplate() {
+  downloadTemplate() {
     return request({
       url: `${USER_BASE_URL}/template`,
       method: "get",
       responseType: "arraybuffer",
     });
-  }
+  },
 
   /**
    * 导出用户
    *
    * @param queryParams 查询参数
    */
-  static export(queryParams: UserPageQuery) {
+  export(queryParams: UserPageQuery) {
     return request({
       url: `${USER_BASE_URL}/export`,
       method: "get",
       params: queryParams,
       responseType: "arraybuffer",
     });
-  }
+  },
 
   /**
    * 导入用户
@@ -124,7 +123,7 @@ class UserAPI {
    * @param deptId 部门ID
    * @param file 导入文件
    */
-  static import(deptId: number, file: File) {
+  import(deptId: number, file: File) {
     const formData = new FormData();
     formData.append("file", file);
     return request({
@@ -136,33 +135,33 @@ class UserAPI {
         "Content-Type": "multipart/form-data",
       },
     });
-  }
+  },
 
   /** 获取个人中心用户信息 */
-  static getProfile() {
+  getProfile() {
     return request<any, UserProfileVO>({
       url: `${USER_BASE_URL}/profile`,
       method: "get",
     });
-  }
+  },
 
   /** 修改个人中心用户信息 */
-  static updateProfile(data: UserProfileForm) {
+  updateProfile(data: UserProfileForm) {
     return request({
       url: `${USER_BASE_URL}/profile`,
       method: "put",
       data: data,
     });
-  }
+  },
 
   /** 修改个人中心用户密码 */
-  static changePassword(data: PasswordChangeForm) {
+  changePassword(data: PasswordChangeForm) {
     return request({
       url: `${USER_BASE_URL}/password`,
       method: "put",
       data: data,
     });
-  }
+  },
 
   /**
    *   发送手机/邮箱验证码
@@ -170,42 +169,42 @@ class UserAPI {
    * @param contact 联系方式  手机号/邮箱
    * @param contactType 联系方式类型 MOBILE:手机;EMAIL:邮箱
    */
-  static sendVerificationCode(contact: string, contactType: string) {
+  sendVerificationCode(contact: string, contactType: string) {
     return request({
       url: `${USER_BASE_URL}/send-verification-code`,
       method: "get",
       params: { contact: contact, contactType: contactType },
     });
-  }
+  },
 
   /** 绑定个人中心用户手机 */
-  static bindMobile(data: MobileBindingForm) {
+  bindMobile(data: MobileBindingForm) {
     return request({
       url: `${USER_BASE_URL}/mobile`,
       method: "put",
       data: data,
     });
-  }
+  },
 
   /** 绑定个人中心用户邮箱 */
-  static bindEmail(data: EmailBindingForm) {
+  bindEmail(data: EmailBindingForm) {
     return request({
       url: `${USER_BASE_URL}/email`,
       method: "put",
       data: data,
     });
-  }
+  },
 
   /**
    *  获取用户下拉列表
    */
-  static getOptions() {
+  getOptions() {
     return request<any, OptionType[]>({
       url: `${USER_BASE_URL}/options`,
       method: "get",
     });
-  }
-}
+  },
+};
 
 export default UserAPI;
 
diff --git a/src/components/AppLink/index.vue b/src/components/AppLink/index.vue
index 43bbb308..b97aacfe 100644
--- a/src/components/AppLink/index.vue
+++ b/src/components/AppLink/index.vue
@@ -1,6 +1,6 @@
 <template>
   <component :is="linkType" v-bind="linkProps(to)">
-    <slot></slot>
+    <slot />
   </component>
 </template>
 
diff --git a/src/components/CURD/PageContent.vue b/src/components/CURD/PageContent.vue
index d36167e8..2b7d1809 100644
--- a/src/components/CURD/PageContent.vue
+++ b/src/components/CURD/PageContent.vue
@@ -98,30 +98,30 @@
             <!-- 导出 -->
             <template v-else-if="item === 'exports'">
               <el-button
+                v-hasPerm="[`${contentConfig.pageName}:export`]"
                 icon="download"
                 circle
                 title="导出"
-                v-hasPerm="[`${contentConfig.pageName}:export`]"
                 @click="handleToolbar(item)"
               />
             </template>
             <!-- 导入 -->
             <template v-else-if="item === 'imports'">
               <el-button
+                v-hasPerm="[`${contentConfig.pageName}:import`]"
                 icon="upload"
                 circle
                 title="导入"
-                v-hasPerm="[`${contentConfig.pageName}:import`]"
                 @click="handleToolbar(item)"
               />
             </template>
             <!-- 搜索 -->
             <template v-else-if="item === 'search'">
               <el-button
+                v-hasPerm="[`${contentConfig.pageName}:query`]"
                 icon="search"
                 circle
                 title="搜索"
-                v-hasPerm="[`${contentConfig.pageName}:query`]"
                 @click="handleToolbar(item)"
               />
             </template>
@@ -130,10 +130,10 @@
           <template v-else-if="typeof item === 'object'">
             <template v-if="item.auth">
               <el-button
+                v-hasPerm="[`${contentConfig.pageName}:${item.auth}`]"
                 :icon="item.icon"
                 circle
                 :title="item.title"
-                v-hasPerm="[`${contentConfig.pageName}:${item.auth}`]"
                 @click="handleToolbar(item.name)"
               />
             </template>
@@ -332,7 +332,7 @@
                 :name="col.slotName ?? col.prop"
                 :prop="col.prop"
                 v-bind="scope"
-              ></slot>
+              />
             </template>
           </template>
         </el-table-column>
@@ -437,9 +437,9 @@
         >
           <el-form-item label="文件名" prop="files">
             <el-upload
-              class="w-full"
               ref="uploadRef"
               v-model:file-list="importFormData.files"
+              class="w-full"
               accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
               :drag="true"
               :limit="1"
diff --git a/src/components/CURD/PageForm.vue b/src/components/CURD/PageForm.vue
index 0979019e..26f3f008 100644
--- a/src/components/CURD/PageForm.vue
+++ b/src/components/CURD/PageForm.vue
@@ -11,7 +11,7 @@
         <el-col v-show="!item.hidden" v-bind="item.col">
           <el-form-item :label="item.label" :prop="item.prop">
             <!-- Label -->
-            <template #label v-if="item.tips">
+            <template v-if="item.tips" #label>
               <span>
                 {{ item.label }}
                 <el-tooltip
@@ -89,7 +89,7 @@
                 :prop="item.prop"
                 :formData="formData"
                 :attrs="item.attrs"
-              ></slot>
+              />
             </template>
           </el-form-item>
         </el-col>
diff --git a/src/components/CURD/PageModal.vue b/src/components/CURD/PageModal.vue
index 214b28e1..30c26daf 100644
--- a/src/components/CURD/PageModal.vue
+++ b/src/components/CURD/PageModal.vue
@@ -20,7 +20,7 @@
             <el-col v-show="!item.hidden" v-bind="item.col">
               <el-form-item :label="item.label" :prop="item.prop">
                 <!-- Label -->
-                <template #label v-if="item.tips">
+                <template v-if="item.tips" #label>
                   <span>
                     {{ item.label }}
                     <el-tooltip
@@ -69,8 +69,8 @@
                 <!-- switch 开关 -->
                 <template v-else-if="item.type === 'switch'">
                   <el-switch
-                    inline-prompt
                     v-model="formData[item.prop]"
+                    inline-prompt
                     v-bind="item.attrs"
                   />
                 </template>
@@ -122,7 +122,7 @@
                     :prop="item.prop"
                     :formData="formData"
                     :attrs="item.attrs"
-                  ></slot>
+                  />
                 </template>
               </el-form-item>
             </el-col>
@@ -165,7 +165,7 @@
               <el-col v-show="!item.hidden" v-bind="item.col">
                 <el-form-item :label="item.label" :prop="item.prop">
                   <!-- Label -->
-                  <template #label v-if="item.tips">
+                  <template v-if="item.tips" #label>
                     <span>
                       {{ item.label }}
                       <el-tooltip
@@ -220,8 +220,8 @@
                   <!-- switch 开关 -->
                   <template v-else-if="item.type === 'switch'">
                     <el-switch
-                      inline-prompt
                       v-model="formData[item.prop]"
+                      inline-prompt
                       v-bind="item.attrs"
                     />
                   </template>
@@ -273,7 +273,7 @@
                       :prop="item.prop"
                       :formData="formData"
                       :attrs="item.attrs"
-                    ></slot>
+                    />
                   </template>
                 </el-form-item>
               </el-col>
diff --git a/src/components/CURD/PageSearch.vue b/src/components/CURD/PageSearch.vue
index c259bfa3..00df235d 100644
--- a/src/components/CURD/PageSearch.vue
+++ b/src/components/CURD/PageSearch.vue
@@ -1,9 +1,9 @@
 <template>
   <el-card
-    shadow="never"
-    class="mb-[10px]"
     v-show="visible"
     v-hasPerm="[`${searchConfig.pageName}:query`]"
+    shadow="never"
+    class="mb-[10px]"
   >
     <el-form ref="queryFormRef" :model="queryParams" :inline="true">
       <template v-for="(item, index) in formItems" :key="item.prop">
@@ -13,7 +13,7 @@
           :prop="item.prop"
         >
           <!-- Label -->
-          <template #label v-if="item.tips">
+          <template v-if="item.tips" #label>
             <span>
               {{ item.label }}
               <el-tooltip
@@ -41,8 +41,8 @@
             <div class="flex-center">
               <el-tag
                 v-for="tag in inputTagMap[item.prop].data"
-                class="mr-2"
                 :key="tag"
+                class="mr-2"
                 :closable="true"
                 v-bind="inputTagMap[item.prop].tagAttrs"
                 @close="handleCloseTag(item.prop, tag)"
diff --git a/src/components/CURD/types.ts b/src/components/CURD/types.ts
index 229dc0bb..1e2a25cc 100644
--- a/src/components/CURD/types.ts
+++ b/src/components/CURD/types.ts
@@ -7,10 +7,10 @@ import type {
   TableProps,
   ColProps,
 } from "element-plus";
-import PageContent from "./PageContent.vue";
-import PageForm from "./PageForm.vue";
-import PageModal from "./PageModal.vue";
-import PageSearch from "./PageSearch.vue";
+import type PageContent from "./PageContent.vue";
+import type PageForm from "./PageForm.vue";
+import type PageModal from "./PageModal.vue";
+import type PageSearch from "./PageSearch.vue";
 
 export type PageSearchInstance = InstanceType<typeof PageSearch>;
 export type PageContentInstance = InstanceType<typeof PageContent>;
diff --git a/src/components/CopyButton/index.vue b/src/components/CopyButton/index.vue
index 8e88435c..5179633b 100644
--- a/src/components/CopyButton/index.vue
+++ b/src/components/CopyButton/index.vue
@@ -1,6 +1,6 @@
 <!-- 复制组件 -->
 <template>
-  <el-button link @click="handleClipboard" :style="style">
+  <el-button link :style="style" @click="handleClipboard">
     <slot>
       <el-icon><DocumentCopy color="var(--el-color-primary)" /></el-icon>
     </slot>
diff --git a/src/components/IconSelect/index.vue b/src/components/IconSelect/index.vue
index e74aa44c..2227d188 100644
--- a/src/components/IconSelect/index.vue
+++ b/src/components/IconSelect/index.vue
@@ -3,8 +3,8 @@
     <el-popover :visible="popoverVisible" :width="width" placement="bottom-end">
       <template #reference>
         <el-input
-          class="reference"
           v-model="selectedIcon"
+          class="reference"
           readonly
           placeholder="点击选择图标"
           @click="popoverVisible = !popoverVisible"
diff --git a/src/components/MenuSearch/index.vue b/src/components/MenuSearch/index.vue
index 58e61a0b..7ccee2dc 100644
--- a/src/components/MenuSearch/index.vue
+++ b/src/components/MenuSearch/index.vue
@@ -41,9 +41,9 @@
             {{ item.title }}
           </li>
         </ul>
-        <div class="search-space" v-else>暂无数据</div>
+        <div v-else class="search-space">暂无数据</div>
       </div>
-      <template #footer></template>
+      <template #footer />
     </el-dialog>
   </div>
 </template>
diff --git a/src/components/Notice/index.vue b/src/components/Notice/index.vue
index 60f5aba0..5e3a9f0e 100644
--- a/src/components/Notice/index.vue
+++ b/src/components/Notice/index.vue
@@ -3,8 +3,8 @@
     <el-dropdown class="flex-center wh-full align-middle">
       <div class="wh-full">
         <el-badge
-          :offset="[-10, 15]"
           v-if="notices.length > 0"
+          :offset="[-10, 15]"
           :value="notices.length"
           :max="99"
           class="wh-full"
@@ -26,23 +26,23 @@
             <el-tab-pane label="通知" name="notice">
               <template v-if="notices.length > 0">
                 <div
-                  class="w400px flex-x-between p-1"
                   v-for="(item, index) in notices"
                   :key="index"
+                  class="w400px flex-x-between p-1"
                 >
                   <div class="flex-center">
                     <DictLabel
-                      code="notice_type"
                       v-model="item.type"
+                      code="notice_type"
                       size="small"
                       class="mr-1"
                     />
                     <el-text
                       type="primary"
-                      @click="readNotice(item.id)"
                       size="small"
                       class="w200px cursor-pointer"
                       truncated
+                      @click="readNotice(item.id)"
                     >
                       {{ item.title }}
                     </el-text>
@@ -78,20 +78,20 @@
             <el-tab-pane label="消息" name="message">
               <template v-if="messages.length > 0">
                 <div
-                  class="w400px flex-x-between p-1"
                   v-for="(item, index) in messages"
                   :key="index"
+                  class="w400px flex-x-between p-1"
                 >
                   <div>
                     <DictLabel
-                      code="notice_type"
                       v-model="item.type"
+                      code="notice_type"
                       size="small"
                     />
                     <el-link
                       type="primary"
-                      @click="readNotice(item.id)"
                       class="ml-1"
+                      @click="readNotice(item.id)"
                     >
                       {{ item.title }}
                     </el-link>
@@ -128,20 +128,20 @@
             <el-tab-pane label="待办" name="task">
               <template v-if="tasks.length > 0">
                 <div
-                  class="w400px flex-x-between p-1"
                   v-for="(item, index) in tasks"
                   :key="index"
+                  class="w400px flex-x-between p-1"
                 >
                   <div>
                     <DictLabel
-                      code="notice_type"
                       v-model="item.type"
+                      code="notice_type"
                       size="small"
                     />
                     <el-link
                       type="primary"
-                      @click="readNotice(item.id)"
                       class="ml-1"
+                      @click="readNotice(item.id)"
                     >
                       {{ item.title }}
                     </el-link>
diff --git a/src/components/TableSelect/index.vue b/src/components/TableSelect/index.vue
index f54c8b32..73300ec3 100644
--- a/src/components/TableSelect/index.vue
+++ b/src/components/TableSelect/index.vue
@@ -123,7 +123,7 @@
                     :name="col.slotName ?? col.prop"
                     :prop="col.prop"
                     v-bind="scope"
-                  ></slot>
+                  />
                 </template>
               </el-table-column>
             </template>
diff --git a/src/components/Upload/FileUpload.vue b/src/components/Upload/FileUpload.vue
index acade164..9b0a54cf 100644
--- a/src/components/Upload/FileUpload.vue
+++ b/src/components/Upload/FileUpload.vue
@@ -19,13 +19,13 @@
       :limit="props.limit"
     >
       <el-button
-        type="primary"
         v-if="props.showUploadBtn"
+        type="primary"
         :disabled="fileList.length >= props.limit"
       >
         {{ props.uploadBtnText }}
       </el-button>
-      <template #tip v-if="props.showTip">
+      <template v-if="props.showTip" #tip>
         <div class="el-upload__tip">
           {{ props.tip }}
         </div>
@@ -36,8 +36,8 @@
             <el-icon><Document /></el-icon>
             <span class="el-upload-list__item-file-name">{{ file.name }}</span>
             <span
-              class="el-icon--close"
               v-if="props.showDelBtn"
+              class="el-icon--close"
               @click.stop="handleRemove(file)"
             >
               <el-icon><Close /></el-icon>
@@ -47,13 +47,13 @@
       </template>
     </el-upload>
     <el-progress
+      v-if="showUploadPercent"
       :style="{
         display: showUploadPercent ? 'inline-flex' : 'none',
         width: '100%',
       }"
       :percentage="uploadPercent"
       :color="customColorMethod"
-      v-if="showUploadPercent"
     />
   </div>
 </template>
diff --git a/src/components/Upload/ImageUpload.vue b/src/components/Upload/ImageUpload.vue
index 512f6124..ddc1861a 100644
--- a/src/components/Upload/ImageUpload.vue
+++ b/src/components/Upload/ImageUpload.vue
@@ -39,9 +39,9 @@
   <el-image-viewer
     v-if="viewVisible"
     :zoom-rate="1.2"
-    @close="closePreview"
     :initialIndex="initialIndex"
     :url-list="viewFileList"
+    @close="closePreview"
   />
 </template>
 <script setup lang="ts">
diff --git a/src/directive/permission/index.ts b/src/directive/permission/index.ts
index 7a080e30..3a6736b5 100644
--- a/src/directive/permission/index.ts
+++ b/src/directive/permission/index.ts
@@ -1,5 +1,5 @@
 import { hasAuth } from "@/plugins/permission";
-import { Directive, DirectiveBinding } from "vue";
+import type { Directive, DirectiveBinding } from "vue";
 
 /**
  * 按钮权限
@@ -10,7 +10,9 @@ export const hasPerm: Directive = {
     const { value: requiredPerms } = binding;
     if (requiredPerms) {
       if (!hasAuth(requiredPerms)) {
-        el.parentNode && el.parentNode.removeChild(el);
+        if (el.parentNode) {
+          el.parentNode.removeChild(el);
+        }
       }
     } else {
       throw new Error(
@@ -29,7 +31,9 @@ export const hasRole: Directive = {
     const { value: requiredRoles } = binding;
     if (requiredRoles) {
       if (!hasAuth(requiredRoles, "role")) {
-        el.parentNode && el.parentNode.removeChild(el);
+        if (el.parentNode) {
+          el.parentNode.removeChild(el);
+        }
       }
     } else {
       throw new Error("need roles! Like v-has-role=\"['admin','test']\"");
diff --git a/src/layout/components/Settings/components/LayoutSelect.vue b/src/layout/components/Settings/components/LayoutSelect.vue
index 0b880c1c..ff8fb1a3 100644
--- a/src/layout/components/Settings/components/LayoutSelect.vue
+++ b/src/layout/components/Settings/components/LayoutSelect.vue
@@ -6,8 +6,8 @@
         :class="{ 'is-active': modelValue === LayoutEnum.LEFT }"
         @click="updateValue(LayoutEnum.LEFT)"
       >
-        <div></div>
-        <div></div>
+        <div />
+        <div />
       </div>
     </el-tooltip>
 
@@ -17,8 +17,8 @@
         :class="{ 'is-active': modelValue === LayoutEnum.TOP }"
         @click="updateValue(LayoutEnum.TOP)"
       >
-        <div></div>
-        <div></div>
+        <div />
+        <div />
       </div>
     </el-tooltip>
 
@@ -28,8 +28,8 @@
         :class="{ 'is-active': modelValue === LayoutEnum.MIX }"
         @click="updateValue(LayoutEnum.MIX)"
       >
-        <div></div>
-        <div></div>
+        <div />
+        <div />
       </div>
     </el-tooltip>
   </div>
diff --git a/src/layout/components/Sidebar/components/SidebarLogo.vue b/src/layout/components/Sidebar/components/SidebarLogo.vue
index 11f1cfb8..8c2154f3 100644
--- a/src/layout/components/Sidebar/components/SidebarLogo.vue
+++ b/src/layout/components/Sidebar/components/SidebarLogo.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="logo-container">
     <transition enter-active-class="animate__animated animate__fadeInLeft">
-      <router-link class="wh-full flex-center" to="/" :key="+collapse">
+      <router-link :key="+collapse" class="wh-full flex-center" to="/">
         <img :src="logo" class="logo-image" />
-        <span class="logo-title" v-if="!collapse">
+        <span v-if="!collapse" class="logo-title">
           {{ defaultSettings.title }}
         </span>
       </router-link>
diff --git a/src/layout/components/Sidebar/components/SidebarMixTopMenu.vue b/src/layout/components/Sidebar/components/SidebarMixTopMenu.vue
index 5f643f0c..4ed35a12 100644
--- a/src/layout/components/Sidebar/components/SidebarMixTopMenu.vue
+++ b/src/layout/components/Sidebar/components/SidebarMixTopMenu.vue
@@ -59,7 +59,7 @@ const topMenus = ref<RouteRecordRaw[]>([]);
 // 获取当前路由路径的顶部菜单路径
 const activeTopMenuPath =
   useRoute().path.split("/").filter(Boolean).length > 1
-    ? useRoute().path.match(/^\/[^\/]+/)?.[0] || "/"
+    ? useRoute().path.match(/^\/[^/]+/)?.[0] || "/"
     : "/";
 
 // 设置当前激活的顶部菜单路径
diff --git a/src/layout/components/TagsView/index.vue b/src/layout/components/TagsView/index.vue
index 9b1a11d4..22677b9f 100644
--- a/src/layout/components/TagsView/index.vue
+++ b/src/layout/components/TagsView/index.vue
@@ -6,8 +6,8 @@
       @wheel.prevent="handleScroll"
     >
       <router-link
-        ref="tagRef"
         v-for="tag in visitedViews"
+        ref="tagRef"
         :key="tag.fullPath"
         :class="'tags-item ' + (tagsViewStore.isActive(tag) ? 'active' : '')"
         :to="{ path: tag.path, query: tag.query }"
@@ -16,8 +16,8 @@
       >
         {{ translateRouteTitle(tag.title) }}
         <el-icon
-          class="tag-close-icon"
           v-if="!isAffix(tag)"
+          class="tag-close-icon"
           @click.prevent.stop="closeSelectedTag(tag)"
         >
           <Close />
diff --git a/src/layout/index.vue b/src/layout/index.vue
index e22f263a..082f52e2 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -5,7 +5,7 @@
       v-if="isMobile && isOpenSidebar"
       class="wh-full fixed-lt z-999 bg-black bg-opacity-30"
       @click="handleOutsideClick"
-    ></div>
+    />
 
     <!-- 公用侧边栏 -->
     <Sidebar class="sidebar-container" />
diff --git a/src/plugins/permission.ts b/src/plugins/permission.ts
index 73376344..34056fe6 100644
--- a/src/plugins/permission.ts
+++ b/src/plugins/permission.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   NavigationGuardNext,
   RouteLocationNormalized,
   RouteRecordRaw,
@@ -49,6 +49,7 @@ export function setupPermission() {
             );
             next({ ...to, replace: true });
           } catch (error) {
+            console.error(error);
             // 移除 token 并重定向到登录页，携带当前页面路由作为跳转参数
             await userStore.resetToken();
             redirectToLogin(to, next);
diff --git a/src/router/index.ts b/src/router/index.ts
index b18a792d..a0ad4df2 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,5 +1,9 @@
 import type { App } from "vue";
-import { createRouter, createWebHashHistory, RouteRecordRaw } from "vue-router";
+import {
+  createRouter,
+  createWebHashHistory,
+  type RouteRecordRaw,
+} from "vue-router";
 
 export const Layout = () => import("@/layout/index.vue");
 
diff --git a/src/store/modules/permission.ts b/src/store/modules/permission.ts
index 737803f9..4b027c12 100644
--- a/src/store/modules/permission.ts
+++ b/src/store/modules/permission.ts
@@ -1,7 +1,7 @@
-import { RouteRecordRaw } from "vue-router";
+import type { RouteRecordRaw } from "vue-router";
 import { constantRoutes } from "@/router";
 import { store } from "@/store";
-import MenuAPI, { RouteVO } from "@/api/menu";
+import MenuAPI, { type RouteVO } from "@/api/menu";
 
 const modules = import.meta.glob("../../views/**/**.vue");
 const Layout = () => import("@/layout/index.vue");
@@ -65,7 +65,7 @@ const transformRoutes = (routes: RouteVO[]) => {
       if (component) {
         tmpRoute.component = component;
       } else {
-        tmpRoute.component = modules[`../../views/error-page/404.vue`];
+        tmpRoute.component = modules["../../views/error-page/404.vue"];
       }
     }
 
diff --git a/src/store/modules/tagsView.ts b/src/store/modules/tagsView.ts
index 53a1a05a..cfdd7724 100644
--- a/src/store/modules/tagsView.ts
+++ b/src/store/modules/tagsView.ts
@@ -57,11 +57,12 @@ export const useTagsViewStore = defineStore("tagsView", () => {
     const viewName = view.name;
     return new Promise((resolve) => {
       const index = cachedViews.value.indexOf(viewName);
-      index > -1 && cachedViews.value.splice(index, 1);
+      if (index > -1) {
+        cachedViews.value.splice(index, 1);
+      }
       resolve([...cachedViews.value]);
     });
   }
-
   function delOtherVisitedViews(view: TagView) {
     return new Promise((resolve) => {
       visitedViews.value = visitedViews.value.filter((v) => {
diff --git a/src/types/env.d.ts b/src/types/env.d.ts
index 7ed13778..49813f31 100644
--- a/src/types/env.d.ts
+++ b/src/types/env.d.ts
@@ -1,9 +1,8 @@
 // https://cn.vitejs.dev/guide/env-and-mode
 
 declare module "*.vue" {
-  import { DefineComponent } from "vue";
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
-  const component: DefineComponent<{}, {}, any>;
+  import type { DefineComponent } from "vue";
+  const component: DefineComponent<object, object, any>;
   export default component;
 }
 
diff --git a/src/utils/auth.ts b/src/utils/auth.ts
index 5268f1f4..8f0cad62 100644
--- a/src/utils/auth.ts
+++ b/src/utils/auth.ts
@@ -1,4 +1,4 @@
-const TOKEN_KEY = "v3-admin-token";
+const TOKEN_KEY = "admin-token";
 
 function getToken(): string {
   return localStorage.getItem(TOKEN_KEY) || "";
diff --git a/src/utils/request.ts b/src/utils/request.ts
index f925f5b8..6b2c8ff7 100644
--- a/src/utils/request.ts
+++ b/src/utils/request.ts
@@ -1,4 +1,7 @@
-import axios, { InternalAxiosRequestConfig, AxiosResponse } from "axios";
+import axios, {
+  type InternalAxiosRequestConfig,
+  type AxiosResponse,
+} from "axios";
 import { useUserStoreHook } from "@/store/modules/user";
 import { ResultEnum } from "@/enums/ResultEnum";
 import { getToken } from "@/utils/auth";
diff --git a/src/utils/websocket.ts b/src/utils/websocket.ts
index 54379ce4..b0da4efa 100644
--- a/src/utils/websocket.ts
+++ b/src/utils/websocket.ts
@@ -5,13 +5,22 @@ class WebSocketManager {
   private client: Client | null = null;
   private messageHandlers: Map<string, ((message: string) => void)[]> =
     new Map();
-
-  constructor() {}
+  private reconnectAttempts = 0;
+  private maxReconnectAttempts = 3; // 自定义最大重试次数
+  private reconnectDelay = 5000; // 重试延迟（单位：毫秒）
 
   // 初始化 WebSocket 客户端
   setupWebSocket() {
     const endpoint = import.meta.env.VITE_APP_WS_ENDPOINT;
 
+    // 如果没有配置 WebSocket 端点或显式关闭，直接返回
+    if (!endpoint) {
+      console.log(
+        "WebSocket 已被禁用，如需打开请在配置文件中配置 VITE_APP_WS_ENDPOINT"
+      );
+      return;
+    }
+
     if (this.client && this.client.connected) {
       console.log("客户端已存在并且连接正常");
       return this.client;
@@ -24,8 +33,10 @@ class WebSocketManager {
       },
       heartbeatIncoming: 30000,
       heartbeatOutgoing: 30000,
+      reconnectDelay: 0, // 设置为 0 禁用重连
       onConnect: () => {
         console.log(`连接到 WebSocket 服务器: ${endpoint}`);
+        this.reconnectAttempts = 0; // 重置重连计数
         this.messageHandlers.forEach((handlers, topic) => {
           handlers.forEach((handler) => {
             this.subscribeToTopic(topic, handler);
@@ -38,6 +49,13 @@ class WebSocketManager {
       },
       onDisconnect: () => {
         console.log(`WebSocket 连接已断开: ${endpoint}`);
+        this.reconnectAttempts++;
+        if (this.reconnectAttempts < this.maxReconnectAttempts) {
+          console.log(`正在尝试重连... 尝试次数: ${this.reconnectAttempts}`);
+        } else {
+          console.log("重连次数已达上限，停止重连");
+          this.client?.deactivate();
+        }
       },
     });
 
diff --git a/src/views/codegen/index.vue b/src/views/codegen/index.vue
index 35a7c29e..6ee6f613 100644
--- a/src/views/codegen/index.vue
+++ b/src/views/codegen/index.vue
@@ -91,8 +91,8 @@
     <el-drawer
       v-model="dialog.visible"
       :title="dialog.title"
-      @close="dialog.visible = false"
       size="80%"
+      @close="dialog.visible = false"
     >
       <el-steps :active="active" align-center finish-status="success" simple>
         <el-step title="基础配置" />
@@ -196,7 +196,7 @@
           </el-row>
         </el-form>
 
-        <div class="elTableCustom" v-show="active == 1">
+        <div v-show="active == 1" class="elTableCustom">
           <el-table
             v-loading="loading"
             row-key="id"
@@ -249,8 +249,8 @@
                 <div class="flex-y-center">
                   <span>查询</span>
                   <el-checkbox
-                    class="ml-1"
                     v-model="isCheckAllQuery"
+                    class="ml-1"
                     @change="toggleCheckAll('isShowInQuery', isCheckAllQuery)"
                   />
                 </div>
@@ -269,8 +269,8 @@
                 <div class="flex-y-center">
                   <span>列表</span>
                   <el-checkbox
-                    class="ml-1"
                     v-model="isCheckAllList"
+                    class="ml-1"
                     @change="toggleCheckAll('isShowInList', isCheckAllList)"
                   />
                 </div>
@@ -290,8 +290,8 @@
                 <div class="flex-y-center">
                   <span>表单</span>
                   <el-checkbox
-                    class="ml-1"
                     v-model="isCheckAllForm"
+                    class="ml-1"
                     @change="toggleCheckAll('isShowInForm', isCheckAllForm)"
                   />
                 </div>
@@ -309,10 +309,10 @@
             <el-table-column label="必填" width="70">
               <template #default="scope">
                 <el-checkbox
+                  v-if="scope.row.isShowInForm == 1"
                   v-model="scope.row.isRequired"
                   :true-value="1"
                   :false-value="0"
-                  v-if="scope.row.isShowInForm == 1"
                 />
                 <span v-else>-</span>
               </template>
@@ -321,9 +321,9 @@
             <el-table-column label="查询方式" min-width="120">
               <template #default="scope">
                 <el-select
+                  v-if="scope.row.isShowInQuery === 1"
                   v-model="scope.row.queryType"
                   placeholder="请选择"
-                  v-if="scope.row.isShowInQuery === 1"
                 >
                   <el-option
                     v-for="(item, key) in queryTypeOptions"
@@ -339,12 +339,12 @@
             <el-table-column label="表单类型" min-width="120">
               <template #default="scope">
                 <el-select
-                  v-model="scope.row.formType"
-                  placeholder="请选择"
                   v-if="
                     scope.row.isShowInQuery === 1 ||
                     scope.row.isShowInForm === 1
                   "
+                  v-model="scope.row.formType"
+                  placeholder="请选择"
                 >
                   <el-option
                     v-for="(item, key) in formTypeOptions"
@@ -397,7 +397,7 @@
           <el-col :span="18">
             <el-scrollbar max-height="72vh">
               <div class="absolute-rt z-36 right-5 top-2">
-                <el-link @click="handleCopyCode" type="primary">
+                <el-link type="primary" @click="handleCopyCode">
                   <el-icon>
                     <CopyDocument />
                   </el-icon>
@@ -406,10 +406,10 @@
               </div>
 
               <Codemirror
+                ref="cmRef"
                 v-model:value="code"
                 :options="cmOptions"
                 border
-                ref="cmRef"
                 :readonly="true"
                 height="100%"
                 width="100%"
@@ -420,7 +420,7 @@
       </div>
 
       <template #footer>
-        <el-button type="success" @click="handlePrevClick" v-if="active !== 0">
+        <el-button v-if="active !== 0" type="success" @click="handlePrevClick">
           <el-icon>
             <Back />
           </el-icon>
@@ -515,7 +515,7 @@ const prevBtnText = ref("");
 const nextBtnText = ref("下一步，字段配置");
 const active = ref(0);
 const currentTableName = ref("");
-const sortFlag = ref<Object>();
+const sortFlag = ref<object>();
 
 // 查询是否全选
 const isCheckAllQuery = ref(false);
diff --git a/src/views/dashboard/components/VisitTrend.vue b/src/views/dashboard/components/VisitTrend.vue
index e07b96ad..a145c683 100644
--- a/src/views/dashboard/components/VisitTrend.vue
+++ b/src/views/dashboard/components/VisitTrend.vue
@@ -27,7 +27,7 @@
       </div>
     </template>
 
-    <div :id="id" :class="className" :style="{ height, width }"></div>
+    <div :id="id" :class="className" :style="{ height, width }" />
   </el-card>
 </template>
 
@@ -190,7 +190,7 @@ const handleDownloadChart = () => {
     if (ctx) {
       ctx.drawImage(img, 0, 0, img.width, img.height);
       const link = document.createElement("a");
-      link.download = `访问趋势.png`;
+      link.download = "访问趋势.png";
       link.href = canvas.toDataURL("image/png", 0.9);
       document.body.appendChild(link);
       link.click();
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 2be9a695..ddf83940 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -66,11 +66,11 @@
       </el-col>
 
       <el-col
+        v-for="(item, index) in visitStatsList"
+        :key="index"
         :xs="24"
         :sm="12"
         :lg="6"
-        v-for="(item, index) in visitStatsList"
-        :key="index"
       >
         <el-skeleton :loading="visitStatsLoading" :rows="5" animated>
           <template #template>
@@ -169,7 +169,7 @@
               :key="index"
               class="flex-y-center py-3"
             >
-              <DictLabel code="notice_type" v-model="item.type" size="small" />
+              <DictLabel v-model="item.type" code="notice_type" size="small" />
               <el-text
                 truncated
                 class="!mx-2 flex-1 !text-xs !text-[var(--el-text-color-secondary)]"
diff --git a/src/views/demo/api/apifox.vue b/src/views/demo/api/apifox.vue
index e625213a..0eb334ba 100644
--- a/src/views/demo/api/apifox.vue
+++ b/src/views/demo/api/apifox.vue
@@ -6,7 +6,7 @@
       width="100%"
       height="100%"
       frameborder="0"
-    ></iframe>
+    />
   </div>
 </template>
 
diff --git a/src/views/demo/api/knife4j.vue b/src/views/demo/api/knife4j.vue
index 4929cc6c..4c5047db 100644
--- a/src/views/demo/api/knife4j.vue
+++ b/src/views/demo/api/knife4j.vue
@@ -6,7 +6,7 @@
       width="100%"
       height="100%"
       frameborder="0"
-    ></iframe>
+    />
   </div>
 </template>
 
diff --git a/src/views/demo/api/swagger.vue b/src/views/demo/api/swagger.vue
index dd6dc9d8..59637ecf 100644
--- a/src/views/demo/api/swagger.vue
+++ b/src/views/demo/api/swagger.vue
@@ -6,7 +6,7 @@
       width="100%"
       height="100%"
       frameborder="0"
-    ></iframe>
+    />
   </div>
 </template>
 
diff --git a/src/views/demo/curd/config/content2.ts b/src/views/demo/curd/config/content2.ts
index abb16fde..4d124d94 100644
--- a/src/views/demo/curd/config/content2.ts
+++ b/src/views/demo/curd/config/content2.ts
@@ -8,7 +8,7 @@ const contentConfig: IContentConfig = {
   toolbar: [],
   indexAction: function (params) {
     // 模拟发起网络请求获取列表数据
-    // console.log("indexAction:", params);
+    console.log("indexAction:", params);
     return Promise.resolve({
       total: 2,
       list: [
@@ -76,7 +76,7 @@ const contentConfig: IContentConfig = {
       align: "center",
       prop: "gender",
       templet: "list",
-      selectList: { 0: "女", 1: "男" },
+      selectList: { "0": "女", "1": "男" },
     },
     {
       label: "自定义",
diff --git a/src/views/demo/icons.vue b/src/views/demo/icons.vue
index 36fe5d91..457483a7 100644
--- a/src/views/demo/icons.vue
+++ b/src/views/demo/icons.vue
@@ -48,7 +48,6 @@ import SvgIcon from "@/components/SvgIcon/index.vue";
 import * as ElementPlusIconsVue from "@element-plus/icons-vue";
 
 defineOptions({
-  // eslint-disable-next-line
   name: "Icons",
   inheritAttrs: false,
 });
diff --git a/src/views/demo/internal-doc.vue b/src/views/demo/internal-doc.vue
index df51bacc..8ac1098d 100644
--- a/src/views/demo/internal-doc.vue
+++ b/src/views/demo/internal-doc.vue
@@ -1,9 +1,6 @@
 <template>
   <div class="app-container">
-    <iframe
-      src="https://juejin.cn/post/7228990409909108793"
-      frameborder="0"
-    ></iframe>
+    <iframe src="https://juejin.cn/post/7228990409909108793" frameborder="0" />
   </div>
 </template>
 <style lang="scss" scoped>
diff --git a/src/views/demo/signature.vue b/src/views/demo/signature.vue
index 600d3439..c755921b 100644
--- a/src/views/demo/signature.vue
+++ b/src/views/demo/signature.vue
@@ -151,7 +151,7 @@ function paint(
       @touchstart="onEventStart"
       @touchmove.stop.prevent="onEventMove"
       @touchend="onEventEnd"
-    ></canvas>
+    />
     <img v-if="imgUrl" :src="imgUrl" alt="签名" />
   </div>
 </template>
diff --git a/src/views/demo/websocket.vue b/src/views/demo/websocket.vue
index bc24c357..9d585ba1 100644
--- a/src/views/demo/websocket.vue
+++ b/src/views/demo/websocket.vue
@@ -17,25 +17,25 @@
               <el-button
                 type="primary"
                 class="ml-5"
-                @click="connectWebSocket"
                 :disabled="isConnected"
+                @click="connectWebSocket"
               >
                 连接
               </el-button>
               <el-button
                 type="danger"
-                @click="disconnectWebSocket"
                 :disabled="!isConnected"
+                @click="disconnectWebSocket"
               >
                 断开
               </el-button>
             </el-col>
             <el-col :span="8" class="text-right">
               连接状态：
-              <el-tag class="ml-2" type="success" v-if="isConnected">
+              <el-tag v-if="isConnected" class="ml-2" type="success">
                 已连接
               </el-tag>
-              <el-tag class="ml-2" type="info" v-else>已断开</el-tag>
+              <el-tag v-else class="ml-2" type="info">已断开</el-tag>
             </el-col>
           </el-row>
         </el-card>
@@ -43,10 +43,10 @@
         <el-card class="mt-5">
           <el-form label-width="90px">
             <el-form-item label="消息内容">
-              <el-input type="textarea" v-model="topicMessage" />
+              <el-input v-model="topicMessage" type="textarea" />
             </el-form-item>
             <el-form-item>
-              <el-button @click="sendToAll" type="primary">发送广播</el-button>
+              <el-button type="primary" @click="sendToAll">发送广播</el-button>
             </el-form-item>
           </el-form>
         </el-card>
@@ -54,13 +54,13 @@
         <el-card class="mt-5">
           <el-form label-width="90px">
             <el-form-item label="消息内容">
-              <el-input type="textarea" v-model="queneMessage" />
+              <el-input v-model="queneMessage" type="textarea" />
             </el-form-item>
             <el-form-item label="消息接收人">
               <el-input v-model="receiver" />
             </el-form-item>
             <el-form-item>
-              <el-button @click="sendToUser" type="primary">
+              <el-button type="primary" @click="sendToUser">
                 发送点对点消息
               </el-button>
             </el-form-item>
diff --git a/src/views/error/401.vue b/src/views/error/401.vue
index aaa58e4a..40db680b 100644
--- a/src/views/error/401.vue
+++ b/src/views/error/401.vue
@@ -7,7 +7,7 @@ defineOptions({
 });
 
 const state = reactive({
-  errGif: new URL(`../../assets/images/401.gif`, import.meta.url).href,
+  errGif: new URL("../../assets/images/401.gif", import.meta.url).href,
   ewizardClap:
     "https://wpimg.wallstcn.com/007ef517-bafd-4066-aae4-6883632d9646",
   dialogVisible: false,
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 217997ed..0dd4ff9d 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -100,11 +100,11 @@
                   :placeholder="$t('login.password')"
                   type="password"
                   name="password"
-                  @keyup="checkCapslock"
-                  @keyup.enter="handleLoginSubmit"
                   size="large"
                   class="h-[48px] pr-2"
                   show-password
+                  @keyup="checkCapslock"
+                  @keyup.enter="handleLoginSubmit"
                 />
               </div>
             </el-form-item>
@@ -124,9 +124,9 @@
               />
 
               <el-image
-                @click="getCaptcha"
                 :src="captchaBase64"
                 class="captcha-image"
+                @click="getCaptcha"
               />
             </div>
           </el-form-item>
@@ -223,10 +223,10 @@ const captchaBase64 = ref();
 // 登录表单ref
 const loginFormRef = ref<FormInstance>();
 
-const logo = ref(new URL(`../../assets/logo.png`, import.meta.url).href);
+const logo = ref(new URL("../../assets/logo.png", import.meta.url).href);
 
 const loginImage = ref(
-  new URL(`../../assets/images/login-image.svg`, import.meta.url).href
+  new URL("../../assets/images/login-image.svg", import.meta.url).href
 );
 
 const loginData = ref<LoginData>({
diff --git a/src/views/profile/index.vue b/src/views/profile/index.vue
index 21d8e768..fbf68c1c 100644
--- a/src/views/profile/index.vue
+++ b/src/views/profile/index.vue
@@ -17,8 +17,8 @@
                 @click="triggerFileUpload"
               />
               <input
-                type="file"
                 ref="fileInput"
+                type="file"
                 style="display: none"
                 @change="handleFileChange"
               />
@@ -105,8 +105,8 @@
                   type="primary"
                   plain
                   size="small"
-                  @click="() => handleOpenDialog(DialogType.PASSWORD)"
                   class="ml-5"
+                  @click="() => handleOpenDialog(DialogType.PASSWORD)"
                 >
                   修改
                 </el-button>
@@ -122,22 +122,22 @@
               </span>
               <span v-else>未绑定手机</span>
               <el-button
+                v-if="userProfile.mobile"
                 type="primary"
                 plain
                 size="small"
-                @click="() => handleOpenDialog(DialogType.MOBILE)"
                 class="ml-5"
-                v-if="userProfile.mobile"
+                @click="() => handleOpenDialog(DialogType.MOBILE)"
               >
                 更换
               </el-button>
               <el-button
+                v-else
                 type="primary"
                 plain
                 size="small"
-                @click="() => handleOpenDialog(DialogType.MOBILE)"
                 class="ml-5"
-                v-else
+                @click="() => handleOpenDialog(DialogType.MOBILE)"
               >
                 绑定
               </el-button>
@@ -152,22 +152,22 @@
               </span>
               <span v-else>未绑定邮箱</span>
               <el-button
+                v-if="userProfile.email"
                 type="primary"
                 plain
                 size="small"
-                @click="() => handleOpenDialog(DialogType.EMAIL)"
                 class="ml-5"
-                v-if="userProfile.email"
+                @click="() => handleOpenDialog(DialogType.EMAIL)"
               >
                 更换
               </el-button>
               <el-button
+                v-else
                 type="primary"
                 plain
                 size="small"
-                @click="() => handleOpenDialog(DialogType.EMAIL)"
                 class="ml-5"
-                v-else
+                @click="() => handleOpenDialog(DialogType.EMAIL)"
               >
                 绑定
               </el-button>
@@ -178,12 +178,12 @@
     </el-tabs>
 
     <!-- 弹窗 -->
-    <el-dialog :title="dialog.title" v-model="dialog.visible" :width="500">
+    <el-dialog v-model="dialog.visible" :title="dialog.title" :width="500">
       <!-- 账号资料 -->
       <el-form
         v-if="dialog.type === DialogType.ACCOUNT"
-        :model="userProfileForm"
         ref="userProfileFormRef"
+        :model="userProfileForm"
         :label-width="100"
       >
         <el-form-item label="昵称">
@@ -197,29 +197,29 @@
       <!-- 修改密码 -->
       <el-form
         v-if="dialog.type === DialogType.PASSWORD"
+        ref="passwordChangeFormRef"
         :model="passwordChangeForm"
         :rules="passwordChangeRules"
-        ref="passwordChangeFormRef"
         :label-width="100"
       >
         <el-form-item label="原密码" prop="oldPassword">
           <el-input
-            type="password"
             v-model="passwordChangeForm.oldPassword"
+            type="password"
             show-password
           />
         </el-form-item>
         <el-form-item label="新密码" prop="newPassword">
           <el-input
-            type="password"
             v-model="passwordChangeForm.newPassword"
+            type="password"
             show-password
           />
         </el-form-item>
         <el-form-item label="确认密码" prop="confirmPassword">
           <el-input
-            type="password"
             v-model="passwordChangeForm.confirmPassword"
+            type="password"
             show-password
           />
         </el-form-item>
@@ -227,9 +227,9 @@
       <!-- 绑定手机 -->
       <el-form
         v-else-if="dialog.type === DialogType.MOBILE"
+        ref="mobileBindingFormRef"
         :model="mobileBindingForm"
         :rules="mobileBindingRules"
-        ref="mobileBindingFormRef"
         :label-width="100"
       >
         <el-form-item label="手机号码" prop="mobile">
@@ -257,9 +257,9 @@
       <!-- 绑定邮箱 -->
       <el-form
         v-else-if="dialog.type === DialogType.EMAIL"
+        ref="emailBindingFormRef"
         :model="emailBindingForm"
         :rules="emailBindingRules"
-        ref="emailBindingFormRef"
         :label-width="100"
       >
         <el-form-item label="邮箱" prop="email">
diff --git a/src/views/redirect/index.vue b/src/views/redirect/index.vue
index 4215bf69..2b613861 100644
--- a/src/views/redirect/index.vue
+++ b/src/views/redirect/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div></div>
+  <div />
 </template>
 
 <script setup lang="ts">
diff --git a/src/views/system/config/index.vue b/src/views/system/config/index.vue
index 9d87bb8f..f60215ed 100644
--- a/src/views/system/config/index.vue
+++ b/src/views/system/config/index.vue
@@ -31,8 +31,8 @@
     <el-card shadow="never" class="table-container">
       <template #header>
         <el-button
-          type="success"
           v-hasPerm="['sys:config:add']"
+          type="success"
           @click="handleOpenDialog()"
         >
           <template #icon>
@@ -41,8 +41,8 @@
           新增
         </el-button>
         <el-button
-          color="#626aef"
           v-hasPerm="['sys:config:refresh']"
+          color="#626aef"
           @click="handleRefreshCache"
         >
           <el-icon><RefreshLeft /></el-icon>
@@ -85,10 +85,10 @@
         <el-table-column fixed="right" label="操作" width="220">
           <template #default="scope">
             <el-button
+              v-hasPerm="['sys:config:update']"
               type="primary"
               size="small"
               link
-              v-hasPerm="['sys:config:update']"
               @click="handleOpenDialog(scope.row.id)"
             >
               <template #icon>
@@ -97,10 +97,10 @@
               编辑
             </el-button>
             <el-button
+              v-hasPerm="['sys:config:delete']"
               type="danger"
               size="small"
               link
-              v-hasPerm="['sys:config:delete']"
               @click="handleDelete(scope.row.id)"
             >
               <template #icon>
diff --git a/src/views/system/dept/index.vue b/src/views/system/dept/index.vue
index 82457e49..8d3c00f2 100644
--- a/src/views/system/dept/index.vue
+++ b/src/views/system/dept/index.vue
@@ -303,7 +303,7 @@ function handleDelete(deptId?: number) {
     return;
   }
 
-  ElMessageBox.confirm(`确认删除已选中的数据项?`, "警告", {
+  ElMessageBox.confirm("确认删除已选中的数据项?", "警告", {
     confirmButtonText: "确定",
     cancelButtonText: "取消",
     type: "warning",
diff --git a/src/views/system/dict/index.vue b/src/views/system/dict/index.vue
index 75c5ecee..52882ae5 100644
--- a/src/views/system/dict/index.vue
+++ b/src/views/system/dict/index.vue
@@ -148,8 +148,8 @@
 
           <el-form-item label="备注">
             <el-input
-              type="textarea"
               v-model="formData.remark"
+              type="textarea"
               placeholder="请输入备注"
             />
           </el-form-item>
diff --git a/src/views/system/log/index.vue b/src/views/system/log/index.vue
index 358d8e7b..f44bf910 100644
--- a/src/views/system/log/index.vue
+++ b/src/views/system/log/index.vue
@@ -12,9 +12,9 @@
         </el-form-item>
         <el-form-item prop="createTime" label="操作时间">
           <el-date-picker
+            v-model="queryParams.createTime"
             :editable="false"
             class="!w-[240px]"
-            v-model="queryParams.createTime"
             type="daterange"
             range-separator="~"
             start-placeholder="开始时间"
diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
index 5ba209aa..2e5ac5f7 100644
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -41,11 +41,11 @@
         highlight-current-row
         row-key="id"
         :expand-row-keys="['1']"
-        @row-click="handleRowClick"
         :tree-props="{
           children: 'children',
           hasChildren: 'hasChildren',
         }"
+        @row-click="handleRowClick"
       >
         <el-table-column label="菜单名称" min-width="200">
           <template #default="scope">
@@ -165,8 +165,8 @@
     <el-drawer
       v-model="dialog.visible"
       :title="dialog.title"
-      @close="handleCloseDialog"
       size="50%"
+      @close="handleCloseDialog"
     >
       <el-form
         ref="menuFormRef"
@@ -339,11 +339,11 @@
               />
 
               <el-icon
-                class="ml-2 cursor-pointer color-[var(--el-color-success)]"
-                style="vertical-align: -0.15em"
                 v-if="
                   formData.params.indexOf(item) === formData.params.length - 1
                 "
+                class="ml-2 cursor-pointer color-[var(--el-color-success)]"
+                style="vertical-align: -0.15em"
                 @click="formData.params.push({ key: '', value: '' })"
               >
                 <CirclePlusFilled />
@@ -459,7 +459,7 @@
 
 <script setup lang="ts">
 defineOptions({
-  name: "Menu",
+  name: "SysMenu",
   inheritAttrs: false,
 });
 
diff --git a/src/views/system/notice/components/NoticeDetail.vue b/src/views/system/notice/components/NoticeDetail.vue
index f4f1acdf..19bf4d46 100644
--- a/src/views/system/notice/components/NoticeDetail.vue
+++ b/src/views/system/notice/components/NoticeDetail.vue
@@ -12,12 +12,12 @@
         <span>通知公告详情</span>
         <div class="dialog-toolbar">
           <!-- 全屏/退出全屏按钮 -->
-          <el-button @click="toggleFullscreen" circle>
+          <el-button circle @click="toggleFullscreen">
             <SvgIcon v-if="isFullscreen" icon-class="fullscreen-exit" />
             <SvgIcon v-else icon-class="fullscreen" />
           </el-button>
           <!-- 关闭按钮 -->
-          <el-button @click="handleClose" circle>
+          <el-button circle @click="handleClose">
             <template #icon>
               <Close />
             </template>
@@ -46,7 +46,7 @@
         {{ notice.publishTime }}
       </el-descriptions-item>
       <el-descriptions-item label="公告内容：">
-        <div v-html="notice.content"></div>
+        <div v-html="notice.content" />
       </el-descriptions-item>
     </el-descriptions>
   </el-dialog>
diff --git a/src/views/system/notice/index.vue b/src/views/system/notice/index.vue
index 8709d467..72803315 100644
--- a/src/views/system/notice/index.vue
+++ b/src/views/system/notice/index.vue
@@ -73,7 +73,7 @@
         <el-table-column label="通知标题" prop="title" min-width="200" />
         <el-table-column align="center" label="通知类型" width="150">
           <template #default="scope">
-            <DictLabel :code="'notice_type'" v-model="scope.row.type" />
+            <DictLabel v-model="scope.row.type" :code="'notice_type'" />
           </template>
         </el-table-column>
         <el-table-column
@@ -84,7 +84,7 @@
         />
         <el-table-column align="center" label="通知等级" width="100">
           <template #default="scope">
-            <DictLabel code="notice_level" v-model="scope.row.level" />
+            <DictLabel v-model="scope.row.level" code="notice_level" />
           </template>
         </el-table-column>
         <el-table-column
@@ -140,8 +140,8 @@
             <el-button
               type="primary"
               size="small"
-              @click="openNoticeDetailDialog(scope.row.id)"
               link
+              @click="openNoticeDetailDialog(scope.row.id)"
             >
               查看
             </el-button>
@@ -223,16 +223,16 @@
         </el-form-item>
         <el-form-item label="通知类型" prop="type">
           <dictionary
+            v-model="formData.type"
             type="button"
             code="notice_type"
-            v-model="formData.type"
           />
         </el-form-item>
         <el-form-item label="通知等级" prop="level">
           <dictionary
+            v-model="formData.level"
             type="button"
             code="notice_level"
-            v-model="formData.level"
           />
         </el-form-item>
         <el-form-item label="目标类型" prop="targetType">
@@ -242,9 +242,9 @@
           </el-radio-group>
         </el-form-item>
         <el-form-item
+          v-if="formData.targetType == 2"
           label="指定用户"
           prop="targetUserIds"
-          v-if="formData.targetType == 2"
         >
           <el-select
             v-model="formData.targetUserIds"
diff --git a/src/views/system/notice/my-notice.vue b/src/views/system/notice/my-notice.vue
index 885cc4fb..1832297a 100644
--- a/src/views/system/notice/my-notice.vue
+++ b/src/views/system/notice/my-notice.vue
@@ -38,7 +38,7 @@
         <el-table-column label="通知标题" prop="title" min-width="200" />
         <el-table-column align="center" label="通知类型" width="150">
           <template #default="scope">
-            <DictLabel code="notice_type" v-model="scope.row.type" />
+            <DictLabel v-model="scope.row.type" code="notice_type" />
           </template>
         </el-table-column>
         <el-table-column
@@ -49,12 +49,12 @@
         />
         <el-table-column align="center" label="通知等级" width="100">
           <template #default="scope">
-            <DictLabel code="notice_level" v-model="scope.row.level" />
+            <DictLabel v-model="scope.row.level" code="notice_level" />
           </template>
         </el-table-column>
         <el-table-column
-          align="center"
           key="releaseTime"
+          align="center"
           label="发布时间"
           prop="publishTime"
           width="150"
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index 60f422f5..9796b20e 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -185,8 +185,8 @@
           </el-button>
           <el-checkbox
             v-model="parentChildLinked"
-            @change="handleparentChildLinkedChange"
             class="ml-5"
+            @change="handleparentChildLinkedChange"
           >
             父子联动
           </el-checkbox>
diff --git a/src/views/system/user/dept-tree.vue b/src/views/system/user/dept-tree.vue
index 00cda400..68833f9e 100644
--- a/src/views/system/user/dept-tree.vue
+++ b/src/views/system/user/dept-tree.vue
@@ -3,7 +3,7 @@
   <el-card shadow="never">
     <el-input v-model="deptName" placeholder="部门名称" clearable>
       <template #prefix>
-        <Search />
+        <el-icon><Search /></el-icon>
       </template>
     </el-input>
 
diff --git a/src/views/system/user/import.vue b/src/views/system/user/import.vue
index 17a48b52..819c9f1a 100644
--- a/src/views/system/user/import.vue
+++ b/src/views/system/user/import.vue
@@ -16,9 +16,9 @@
       >
         <el-form-item label="文件名" prop="files">
           <el-upload
-            class="w-full"
             ref="uploadRef"
             v-model:file-list="importFormData.files"
+            class="w-full"
             accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
             :drag="true"
             :limit="1"
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index 2f965395..b4baf9da 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -35,9 +35,9 @@
 
             <el-form-item label="创建时间">
               <el-date-picker
+                v-model="queryParams.createTime"
                 :editable="false"
                 class="!w-[240px]"
-                v-model="queryParams.createTime"
                 type="daterange"
                 range-separator="~"
                 start-placeholder="开始时间"