diff --git a/.prettierrc.js b/.prettierrc.js
index d6a07a8..ad768ba 100644
--- a/.prettierrc.js
+++ b/.prettierrc.js
@@ -14,7 +14,7 @@ export default {
   // 在 JSX 中使用单引号替代双引号，默认false
   jsxSingleQuote: false,
   // 每行最多字符数量，超出换行(默认100)
-  printWidth: 120,
+  printWidth: 160,
   // 超出打印宽度 (always | never | preserve )
   proseWrap: 'preserve',
   // 对象属性是否使用引号(as-needed | consistent | preserve;默认as-needed:对象的属性需要加引号才添加;)
diff --git a/src/api/service/mockRequest.ts b/src/api/service/mockRequest.ts
index 1bfe5ec..8c45a71 100644
--- a/src/api/service/mockRequest.ts
+++ b/src/api/service/mockRequest.ts
@@ -31,12 +31,7 @@ class PureHttp {
   }
 
   /** 通用请求工具函数 */
-  public request<T>(
-    method: RequestMethods,
-    url: string,
-    param?: AxiosRequestConfig,
-    axiosConfig?: PureHttpRequestConfig
-  ): Promise<T> {
+  public request<T>(method: RequestMethods, url: string, param?: AxiosRequestConfig, axiosConfig?: PureHttpRequestConfig): Promise<T> {
     const config = {
       method,
       url,
diff --git a/src/api/service/request.ts b/src/api/service/request.ts
index 4e3e97d..cea6241 100644
--- a/src/api/service/request.ts
+++ b/src/api/service/request.ts
@@ -33,12 +33,7 @@ class PureHttp {
   }
 
   /** 通用请求工具函数 */
-  public request<T>(
-    method: RequestMethods,
-    url: string,
-    param?: AxiosRequestConfig,
-    axiosConfig?: PureHttpRequestConfig
-  ): Promise<T> {
+  public request<T>(method: RequestMethods, url: string, param?: AxiosRequestConfig, axiosConfig?: PureHttpRequestConfig): Promise<T> {
     const config = { method, url, ...param, ...axiosConfig } as PureHttpRequestConfig;
 
     // 单独处理自定义请求/响应回调
diff --git a/src/api/service/types.d.ts b/src/api/service/types.d.ts
index 5841f5e..5f3ddd9 100644
--- a/src/api/service/types.d.ts
+++ b/src/api/service/types.d.ts
@@ -38,12 +38,7 @@ export interface PureHttpRequestConfig extends AxiosRequestConfig {
 }
 
 export default class PureHttp {
-  request<T>(
-    method: RequestMethods,
-    url: string,
-    param?: AxiosRequestConfig,
-    axiosConfig?: PureHttpRequestConfig
-  ): Promise<T>;
+  request<T>(method: RequestMethods, url: string, param?: AxiosRequestConfig, axiosConfig?: PureHttpRequestConfig): Promise<T>;
 
   post<T, P>(url: string, params?: P, config?: PureHttpRequestConfig): Promise<T>;
 
diff --git a/src/api/v1/files.ts b/src/api/v1/files.ts
index 06317fd..bcd99b5 100644
--- a/src/api/v1/files.ts
+++ b/src/api/v1/files.ts
@@ -9,22 +9,12 @@ export const getFilesPage = (data: any) => {
 };
 /** 系统文件管理---添加系统文件 */
 export const fetchAddFiles = (data: any) => {
-  return http.request<BaseResult<any>>(
-    'post',
-    'files',
-    { data },
-    { headers: { 'Content-Type': 'multipart/form-data' } }
-  );
+  return http.request<BaseResult<any>>('post', 'files', { data }, { headers: { 'Content-Type': 'multipart/form-data' } });
 };
 
 /** 系统文件管理---更新系统文件 */
 export const updateFiles = (data: any) => {
-  return http.request<BaseResult<object>>(
-    'put',
-    'files',
-    { data },
-    { headers: { 'Content-Type': 'multipart/form-data' } }
-  );
+  return http.request<BaseResult<object>>('put', 'files', { data }, { headers: { 'Content-Type': 'multipart/form-data' } });
 };
 
 /** 系统文件管理---删除系统文件 */
diff --git a/src/api/v1/i18n.ts b/src/api/v1/i18n.ts
index 2aa6765..12085aa 100644
--- a/src/api/v1/i18n.ts
+++ b/src/api/v1/i18n.ts
@@ -35,12 +35,7 @@ export const downloadI18n = (params: object) => {
 
 /** 多语言管理---文件更新多语言可以是JSON、Excel */
 export const uploadI18nFile = (data: any) => {
-  return http.request<BaseResult<object>>(
-    'put',
-    'i18n/file',
-    { data },
-    { headers: { 'Content-Type': 'multipart/form-data' } }
-  );
+  return http.request<BaseResult<object>>('put', 'i18n/file', { data }, { headers: { 'Content-Type': 'multipart/form-data' } });
 };
 
 // ------------------------------------------------
diff --git a/src/api/v1/system/adminUser.ts b/src/api/v1/system/adminUser.ts
index 3d98077..5888856 100644
--- a/src/api/v1/system/adminUser.ts
+++ b/src/api/v1/system/adminUser.ts
@@ -47,12 +47,7 @@ export const createUserByAdmin = (data: any) => {
 
 /** 用户信息---更新用户信息 */
 export const updateUserByAdmin = (data: any) => {
-  return http.request<BaseResult<object>>(
-    'put',
-    'user',
-    { data },
-    { headers: { 'Content-Type': 'multipart/form-data' } }
-  );
+  return http.request<BaseResult<object>>('put', 'user', { data }, { headers: { 'Content-Type': 'multipart/form-data' } });
 };
 
 /** 用户信息---删除用户信息 */
@@ -91,12 +86,7 @@ export const refreshTokenApi = (data?: object) => {
 
 /** 发送邮件 */
 export const sendLoginEmail = (data: any) => {
-  return http.request<BaseResult<any>>(
-    'post',
-    '/user/public/sendLoginEmail',
-    { data },
-    { headers: { 'Content-Type': 'multipart/form-data' } }
-  );
+  return http.request<BaseResult<any>>('post', '/user/public/sendLoginEmail', { data }, { headers: { 'Content-Type': 'multipart/form-data' } });
 };
 
 /** 获取用户信息,根据当前token获取 */
@@ -116,10 +106,5 @@ export const updateUserinfo = (data: any) => {
 
 /** 用户信息---更新用户密码 */
 export const updateUserPassword = (data: any) => {
-  return http.request<BaseResult<object>>(
-    'put',
-    'user/private/update/password',
-    { data },
-    { headers: { 'Content-Type': 'multipart/form-data' } }
-  );
+  return http.request<BaseResult<object>>('put', 'user/private/update/password', { data }, { headers: { 'Content-Type': 'multipart/form-data' } });
 };
diff --git a/src/api/v1/system/power.ts b/src/api/v1/system/power.ts
index 9d37319..fd20b39 100644
--- a/src/api/v1/system/power.ts
+++ b/src/api/v1/system/power.ts
@@ -30,12 +30,7 @@ export const exportPermission = () => {
 
 /** 权限---导入权限权限 */
 export const importPermission = (data: any) => {
-  return http.request<any>(
-    'put',
-    'permission/file/import',
-    { data },
-    { headers: { 'Content-Type': 'multipart/form-data' } }
-  );
+  return http.request<any>('put', 'permission/file/import', { data }, { headers: { 'Content-Type': 'multipart/form-data' } });
 };
 
 /** 权限---获取所有权限 */
diff --git a/src/api/v1/system/role.ts b/src/api/v1/system/role.ts
index 8fe8683..25accd7 100644
--- a/src/api/v1/system/role.ts
+++ b/src/api/v1/system/role.ts
@@ -34,12 +34,7 @@ export const exportRoleList = () => {
 
 /* 角色---使用Excel更新角色列表 */
 export const updateRoleByFile = (data: any) => {
-  return http.request<BaseResult<any>>(
-    'put',
-    `/role/file/import`,
-    { data },
-    { headers: { 'Content-Type': 'multipart/form-data' } }
-  );
+  return http.request<BaseResult<any>>('put', `/role/file/import`, { data }, { headers: { 'Content-Type': 'multipart/form-data' } });
 };
 
 /** 为用户分配角色---根据用户id获取所有角色 */
diff --git a/src/api/v1/system/system.ts b/src/api/v1/system/system.ts
index dc6baaf..f4b5808 100644
--- a/src/api/v1/system/system.ts
+++ b/src/api/v1/system/system.ts
@@ -8,10 +8,5 @@ export const fetchRouterAsync = () => {
 
 /** 上传文件 */
 export const uploadFile = (data: any) => {
-  return http.request<BaseResult<any>>(
-    'post',
-    '/files/private/upload',
-    { data },
-    { headers: { 'Content-Type': 'multipart/form-data' } }
-  );
+  return http.request<BaseResult<any>>('post', '/files/private/upload', { data }, { headers: { 'Content-Type': 'multipart/form-data' } });
 };
diff --git a/src/assets/iconfont/iconfont.js b/src/assets/iconfont/iconfont.js
index 6499a73..08fdd81 100644
--- a/src/assets/iconfont/iconfont.js
+++ b/src/assets/iconfont/iconfont.js
@@ -16,9 +16,7 @@
       if (c && !e.__iconfont__svg__cssinject__) {
         e.__iconfont__svg__cssinject__ = !0;
         try {
-          document.write(
-            '<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>'
-          );
+          document.write('<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>');
         } catch (t) {
           console && console.log(t);
         }
diff --git a/src/components/CountTo/src/normal/index.tsx b/src/components/CountTo/src/normal/index.tsx
index fc90892..8aaad90 100644
--- a/src/components/CountTo/src/normal/index.tsx
+++ b/src/components/CountTo/src/normal/index.tsx
@@ -54,7 +54,6 @@ export default defineComponent({
       state.rAF = requestAnimationFrame(count);
     }
 
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     function pauseResume() {
       if (state.paused) {
         resume();
@@ -76,7 +75,6 @@ export default defineComponent({
       requestAnimationFrame(count);
     }
 
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     function reset() {
       state.startTime = null;
       cancelAnimationFrame(state.rAF);
@@ -91,23 +89,15 @@ export default defineComponent({
       state.remaining = (state.localDuration as number) - progress;
       if (useEasing) {
         if (unref(getCountDown)) {
-          state.printVal =
-            state.localStartVal - easingFn(progress, 0, state.localStartVal - endVal, state.localDuration as number);
+          state.printVal = state.localStartVal - easingFn(progress, 0, state.localStartVal - endVal, state.localDuration as number);
         } else {
-          state.printVal = easingFn(
-            progress,
-            state.localStartVal,
-            endVal - state.localStartVal,
-            state.localDuration as number
-          );
+          state.printVal = easingFn(progress, state.localStartVal, endVal - state.localStartVal, state.localDuration as number);
         }
       } else {
         if (unref(getCountDown)) {
-          state.printVal =
-            state.localStartVal - (state.localStartVal - endVal) * (progress / (state.localDuration as number));
+          state.printVal = state.localStartVal - (state.localStartVal - endVal) * (progress / (state.localDuration as number));
         } else {
-          state.printVal =
-            state.localStartVal + (endVal - state.localStartVal) * (progress / (state.localDuration as number));
+          state.printVal = state.localStartVal + (endVal - state.localStartVal) * (progress / (state.localDuration as number));
         }
       }
       if (unref(getCountDown)) {
diff --git a/src/components/CropperPreview/src/index.vue b/src/components/CropperPreview/src/index.vue
index cd94d10..ab222f4 100644
--- a/src/components/CropperPreview/src/index.vue
+++ b/src/components/CropperPreview/src/index.vue
@@ -39,13 +39,7 @@ defineExpose({ hidePopover });
         </div>
       </template>
       <div class="flex flex-wrap justify-center items-center text-center">
-        <el-image
-          v-if="cropperImg"
-          :preview-src-list="Array.of(cropperImg)"
-          :src="cropperImg"
-          class="cropper-img-preview"
-          fit="contain"
-        />
+        <el-image v-if="cropperImg" :preview-src-list="Array.of(cropperImg)" :src="cropperImg" class="cropper-img-preview" fit="contain" />
         <div v-if="infos" class="mt-1">
           <p>{{ $t('image_size') }}：{{ parseInt(infos.width) }} × {{ parseInt(infos.height) }}{{ $t('pixel') }}</p>
           <p>{{ $t('file_size') }}：{{ formatBytes(infos.size) }}（{{ infos.size }} {{ $t('bytes') }}</p>
diff --git a/src/components/Error/403.vue b/src/components/Error/403.vue
index da8c9d3..25cc30e 100644
--- a/src/components/Error/403.vue
+++ b/src/components/Error/403.vue
@@ -14,29 +14,13 @@ const router = useRouter();
   <div class="flex justify-center items-center h-[640px]">
     <noAccess />
     <div class="ml-12">
-      <p
-        v-motion
-        :enter="{ opacity: 1, y: 0, transition: { delay: 80 } }"
-        :initial="{ opacity: 0, y: 100 }"
-        class="font-medium text-4xl mb-4 dark:text-white"
-      >
+      <p v-motion :enter="{ opacity: 1, y: 0, transition: { delay: 80 } }" :initial="{ opacity: 0, y: 100 }" class="font-medium text-4xl mb-4 dark:text-white">
         403
       </p>
-      <p
-        v-motion
-        :enter="{ opacity: 1, y: 0, transition: { delay: 120 } }"
-        :initial="{ opacity: 0, y: 100 }"
-        class="mb-4 text-gray-500"
-      >
+      <p v-motion :enter="{ opacity: 1, y: 0, transition: { delay: 120 } }" :initial="{ opacity: 0, y: 100 }" class="mb-4 text-gray-500">
         {{ $t('sorryNoAccess') }}
       </p>
-      <el-button
-        v-motion
-        :enter="{ opacity: 1, y: 0, transition: { delay: 160 } }"
-        :initial="{ opacity: 0, y: 100 }"
-        type="primary"
-        @click="router.push('/')"
-      >
+      <el-button v-motion :enter="{ opacity: 1, y: 0, transition: { delay: 160 } }" :initial="{ opacity: 0, y: 100 }" type="primary" @click="router.push('/')">
         {{ $t('returnToHomepage') }}
       </el-button>
     </div>
diff --git a/src/components/Error/404.vue b/src/components/Error/404.vue
index 79510ed..1739c7d 100644
--- a/src/components/Error/404.vue
+++ b/src/components/Error/404.vue
@@ -14,20 +14,10 @@ const router = useRouter();
   <div class="flex justify-center items-center h-[640px]">
     <noExist />
     <div class="ml-12">
-      <p
-        v-motion
-        :enter="{ opacity: 1, y: 0, transition: { delay: 80 } }"
-        :initial="{ opacity: 0, y: 100 }"
-        class="font-medium text-4xl mb-4 dark:text-white"
-      >
+      <p v-motion :enter="{ opacity: 1, y: 0, transition: { delay: 80 } }" :initial="{ opacity: 0, y: 100 }" class="font-medium text-4xl mb-4 dark:text-white">
         404
       </p>
-      <p
-        v-motion
-        :enter="{ opacity: 1, y: 0, transition: { delay: 120 } }"
-        :initial="{ opacity: 0, y: 100 }"
-        class="mb-4 text-gray-500"
-      >
+      <p v-motion :enter="{ opacity: 1, y: 0, transition: { delay: 120 } }" :initial="{ opacity: 0, y: 100 }" class="mb-4 text-gray-500">
         {{ $t('sorryPageNotFound') }}
       </p>
       <el-button
diff --git a/src/components/Error/500.vue b/src/components/Error/500.vue
index bd17d1c..f125213 100644
--- a/src/components/Error/500.vue
+++ b/src/components/Error/500.vue
@@ -14,29 +14,13 @@ const router = useRouter();
   <div class="flex justify-center items-center h-[640px]">
     <noServer />
     <div class="ml-12">
-      <p
-        v-motion
-        :enter="{ opacity: 1, y: 0, transition: { delay: 80 } }"
-        :initial="{ opacity: 0, y: 100 }"
-        class="font-medium text-4xl mb-4 dark:text-white"
-      >
+      <p v-motion :enter="{ opacity: 1, y: 0, transition: { delay: 80 } }" :initial="{ opacity: 0, y: 100 }" class="font-medium text-4xl mb-4 dark:text-white">
         500
       </p>
-      <p
-        v-motion
-        :enter="{ opacity: 1, y: 0, transition: { delay: 120 } }"
-        :initial="{ opacity: 0, y: 100 }"
-        class="mb-4 text-gray-500"
-      >
+      <p v-motion :enter="{ opacity: 1, y: 0, transition: { delay: 120 } }" :initial="{ opacity: 0, y: 100 }" class="mb-4 text-gray-500">
         {{ $t('sorryServerError') }}
       </p>
-      <el-button
-        v-motion
-        :enter="{ opacity: 1, y: 0, transition: { delay: 160 } }"
-        :initial="{ opacity: 0, y: 100 }"
-        type="primary"
-        @click="router.push('/')"
-      >
+      <el-button v-motion :enter="{ opacity: 1, y: 0, transition: { delay: 160 } }" :initial="{ opacity: 0, y: 100 }" type="primary" @click="router.push('/')">
         {{ $t('returnToHomepage') }}
       </el-button>
     </div>
diff --git a/src/components/ReAnimateSelector/src/index.vue b/src/components/ReAnimateSelector/src/index.vue
index 1aec639..3a40c83 100644
--- a/src/components/ReAnimateSelector/src/index.vue
+++ b/src/components/ReAnimateSelector/src/index.vue
@@ -101,20 +101,12 @@ function onMouseleave() {
               @mouseenter.prevent="onMouseEnter(index)"
               @mouseleave.prevent="onMouseleave"
             >
-              <h4
-                :class="[
-                  `animate__animated animate__${animateMap[index]?.loading ? animate + ' animate__infinite' : ''} `,
-                ]"
-              >
+              <h4 :class="[`animate__animated animate__${animateMap[index]?.loading ? animate + ' animate__infinite' : ''} `]">
                 {{ animate }}
               </h4>
             </li>
           </ul>
-          <el-empty
-            v-show="animatesList.length === 0"
-            :description="`${searchVal} ${$t('animationNotExist')}`"
-            :image-size="60"
-          />
+          <el-empty v-show="animatesList.length === 0" :description="`${searchVal} ${$t('animationNotExist')}`" :image-size="60" />
         </el-scrollbar>
       </div>
     </template>
diff --git a/src/components/ReCropper/src/index.tsx b/src/components/ReCropper/src/index.tsx
index 5a082ac..a8e368f 100644
--- a/src/components/ReCropper/src/index.tsx
+++ b/src/components/ReCropper/src/index.tsx
@@ -101,15 +101,7 @@ export default defineComponent({
     });
 
     const iconClass = computed(() => {
-      return [
-        'p-[6px]',
-        'h-[30px]',
-        'w-[30px]',
-        'outline-none',
-        'rounded-[4px]',
-        'cursor-pointer',
-        'hover:bg-[rgba(0,0,0,0.06)]',
-      ];
+      return ['p-[6px]', 'h-[30px]', 'w-[30px]', 'outline-none', 'rounded-[4px]', 'cursor-pointer', 'hover:bg-[rgba(0,0,0,0.06)]'];
     });
 
     const getWrapperStyle = computed((): CSSProperties => {
@@ -249,11 +241,7 @@ export default defineComponent({
                 realTimeCroppered();
               }}
             />
-            <Reload
-              class={iconClass.value}
-              v-tippy={{ content: '重置', placement: 'right-start' }}
-              onClick={() => handCropper('reset')}
-            />
+            <Reload class={iconClass.value} v-tippy={{ content: '重置', placement: 'right-start' }} onClick={() => handCropper('reset')} />
             <ArrowUp
               class={iconClass.value}
               v-tippy={{ content: '上移（可长按）', placement: 'left-start' }}
@@ -277,26 +265,10 @@ export default defineComponent({
               v-tippy={{ content: '右移（可长按）', placement: 'right-start' }}
               v-longpress={[() => handCropper('move', [10, 0]), '0:100']}
             />
-            <ArrowH
-              class={iconClass.value}
-              v-tippy={{ content: '水平翻转', placement: 'left-start' }}
-              onClick={() => handCropper('scaleX', -1)}
-            />
-            <ArrowV
-              class={iconClass.value}
-              v-tippy={{ content: '垂直翻转', placement: 'right-start' }}
-              onClick={() => handCropper('scaleY', -1)}
-            />
-            <RotateLeft
-              class={iconClass.value}
-              v-tippy={{ content: '逆时针旋转', placement: 'left-start' }}
-              onClick={() => handCropper('rotate', -45)}
-            />
-            <RotateRight
-              class={iconClass.value}
-              v-tippy={{ content: '顺时针旋转', placement: 'right-start' }}
-              onClick={() => handCropper('rotate', 45)}
-            />
+            <ArrowH class={iconClass.value} v-tippy={{ content: '水平翻转', placement: 'left-start' }} onClick={() => handCropper('scaleX', -1)} />
+            <ArrowV class={iconClass.value} v-tippy={{ content: '垂直翻转', placement: 'right-start' }} onClick={() => handCropper('scaleY', -1)} />
+            <RotateLeft class={iconClass.value} v-tippy={{ content: '逆时针旋转', placement: 'left-start' }} onClick={() => handCropper('rotate', -45)} />
+            <RotateRight class={iconClass.value} v-tippy={{ content: '顺时针旋转', placement: 'right-start' }} onClick={() => handCropper('rotate', 45)} />
             <SearchPlus
               class={iconClass.value}
               v-tippy={{ content: '放大（可长按）', placement: 'left-start' }}
diff --git a/src/components/ReDialog/index.vue b/src/components/ReDialog/index.vue
index 024cdd7..0b4df27 100644
--- a/src/components/ReDialog/index.vue
+++ b/src/components/ReDialog/index.vue
@@ -107,19 +107,12 @@ function handleClose(options: DialogOptions, index: number, args = { command: 'c
             }
           "
         >
-          <IconifyIconOffline
-            :icon="options?.fullscreen ? ExitFullscreen : fullscreen ? ExitFullscreen : Fullscreen"
-            class="pure-dialog-svg"
-          />
+          <IconifyIconOffline :icon="options?.fullscreen ? ExitFullscreen : fullscreen ? ExitFullscreen : Fullscreen" class="pure-dialog-svg" />
         </i>
       </div>
       <component :is="options?.headerRenderer({ close, titleId, titleClass })" v-else />
     </template>
-    <component
-      :is="options.contentRenderer({ options, index })"
-      v-bind="options?.props"
-      @close="(args) => handleClose(options, index, args)"
-    />
+    <component :is="options.contentRenderer({ options, index })" v-bind="options?.props" @close="(args) => handleClose(options, index, args)" />
     <!-- footer -->
     <template v-if="!options?.hideFooter" #footer>
       <template v-if="options?.footerRenderer">
diff --git a/src/components/ReDialog/type.ts b/src/components/ReDialog/type.ts
index f421842..1b9ae8d 100644
--- a/src/components/ReDialog/type.ts
+++ b/src/components/ReDialog/type.ts
@@ -157,15 +157,7 @@ interface DialogOptions extends DialogProps {
    * @description 自定义对话框标题的内容渲染器
    * @see {@link https://element-plus.org/zh-CN/component/dialog.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E5%A4%B4%E9%83%A8}
    */
-  headerRenderer?: ({
-    close,
-    titleId,
-    titleClass,
-  }: {
-    close: Function;
-    titleId: string;
-    titleClass: string;
-  }) => VNode | Component;
+  headerRenderer?: ({ close, titleId, titleClass }: { close: Function; titleId: string; titleClass: string }) => VNode | Component;
   /** 自定义内容渲染器 */
   contentRenderer?: ({ options, index }: { options: DialogOptions; index: number }) => VNode | Component;
   /** 自定义按钮操作区的内容渲染器，会覆盖`footerButtons`以及默认的 `取消` 和 `确定` 按钮 */
diff --git a/src/components/ReIcon/src/NetWorkIcon.vue b/src/components/ReIcon/src/NetWorkIcon.vue
index c3512d2..66f946b 100644
--- a/src/components/ReIcon/src/NetWorkIcon.vue
+++ b/src/components/ReIcon/src/NetWorkIcon.vue
@@ -98,13 +98,7 @@ onMounted(() => {
         <el-button bg class="justify-end mr-2 ml-2" size="small" text type="danger" @click="onClear">清空</el-button>
       </div>
     </el-popover>
-    <el-link
-      :title="$t('systemMenuIcon.officialWebsite')"
-      :underline="false"
-      href="https://icon-sets.iconify.design/"
-      target="_blank"
-      type="primary"
-    >
+    <el-link :title="$t('systemMenuIcon.officialWebsite')" :underline="false" href="https://icon-sets.iconify.design/" target="_blank" type="primary">
       {{ $t('systemMenuIcon.officialWebsite') }}
     </el-link>
   </div>
diff --git a/src/components/ReIcon/src/Select.vue b/src/components/ReIcon/src/Select.vue
index df01a51..1093884 100644
--- a/src/components/ReIcon/src/Select.vue
+++ b/src/components/ReIcon/src/Select.vue
@@ -97,9 +97,7 @@ function onClear() {
 
 watch(
   () => pageList.value,
-  () =>
-    currentActiveType.value !== 'web' &&
-    (totalPage.value = copyIconList[currentActiveType.value].filter((i) => i.includes(filterValue.value)).length),
+  () => currentActiveType.value !== 'web' && (totalPage.value = copyIconList[currentActiveType.value].filter((i) => i.includes(filterValue.value)).length),
   { immediate: true }
 );
 watch(
@@ -165,9 +163,7 @@ watch(
                   size="small"
                   @current-change="onCurrentChange"
                 />
-                <el-button bg class="justify-end mr-2 ml-2" size="small" text type="danger" @click="onClear">
-                  清空
-                </el-button>
+                <el-button bg class="justify-end mr-2 ml-2" size="small" text type="danger" @click="onClear">清空</el-button>
               </div>
             </el-tab-pane>
           </el-tabs>
diff --git a/src/components/ReVxeTableBar/src/bar.tsx b/src/components/ReVxeTableBar/src/bar.tsx
index 03548a2..8c8f718 100644
--- a/src/components/ReVxeTableBar/src/bar.tsx
+++ b/src/components/ReVxeTableBar/src/bar.tsx
@@ -70,16 +70,7 @@ export default defineComponent({
     });
 
     const topClass = computed(() => {
-      return [
-        'flex',
-        'justify-between',
-        'pt-[3px]',
-        'px-[11px]',
-        'border-b-[1px]',
-        'border-solid',
-        'border-[#dcdfe6]',
-        'dark:border-[#303030]',
-      ];
+      return ['flex', 'justify-between', 'pt-[3px]', 'px-[11px]', 'border-b-[1px]', 'border-solid', 'border-[#dcdfe6]', 'dark:border-[#303030]'];
     });
 
     function onReFresh() {
@@ -100,9 +91,7 @@ export default defineComponent({
     }
 
     function reloadColumn() {
-      const curCheckedColumns = cloneDeep(dynamicColumns.value).filter((item) =>
-        checkedColumns.value.includes(item.title)
-      );
+      const curCheckedColumns = cloneDeep(dynamicColumns.value).filter((item) => checkedColumns.value.includes(item.title));
       props.vxeTableRef.reloadColumn(curCheckedColumns);
     }
 
@@ -154,8 +143,7 @@ export default defineComponent({
     const rowDrop = (event: { preventDefault: () => void }) => {
       event.preventDefault();
       nextTick(() => {
-        const wrapper: HTMLElement = (instance?.proxy?.$refs[`VxeGroupRef${unref(props.tableKey)}`] as any).$el
-          .firstElementChild;
+        const wrapper: HTMLElement = (instance?.proxy?.$refs[`VxeGroupRef${unref(props.tableKey)}`] as any).$el.firstElementChild;
         Sortable.create(wrapper, {
           animation: 300,
           handle: '.drag-btn',
@@ -205,13 +193,7 @@ export default defineComponent({
       <>
         <div
           {...attrs}
-          class={[
-            'w-[99/100]',
-            'px-2',
-            'pb-2',
-            'bg-bg_color',
-            isFullscreen.value ? ['!w-full', '!h-full', 'z-[2002]', 'fixed', 'inset-0'] : 'mt-2',
-          ]}
+          class={['w-[99/100]', 'px-2', 'pb-2', 'bg-bg_color', isFullscreen.value ? ['!w-full', '!h-full', 'z-[2002]', 'fixed', 'inset-0'] : 'mt-2']}
         >
           <div class="flex justify-between w-full h-[60px] p-4">
             {slots?.title ? slots.title() : <p class="font-bold truncate">{props.title}</p>}
@@ -241,13 +223,7 @@ export default defineComponent({
               </el-dropdown>
               <el-divider direction="vertical" />
 
-              <el-popover
-                v-slots={reference}
-                placement="bottom-start"
-                popper-style={{ padding: 0 }}
-                width="200"
-                trigger="click"
-              >
+              <el-popover v-slots={reference} placement="bottom-start" popper-style={{ padding: 0 }} width="200" trigger="click">
                 <div class={[topClass.value]}>
                   <el-checkbox
                     class="!-mr-1"
@@ -273,17 +249,11 @@ export default defineComponent({
                           return (
                             <div class="flex items-center">
                               <DragIcon
-                                class={[
-                                  'drag-btn w-[16px] mr-2',
-                                  isFixedColumn(item) ? '!cursor-no-drop' : '!cursor-grab',
-                                ]}
+                                class={['drag-btn w-[16px] mr-2', isFixedColumn(item) ? '!cursor-no-drop' : '!cursor-grab']}
                                 onMouseenter={(event: { preventDefault: () => void }) => rowDrop(event)}
                               />
                               <el-checkbox key={index} label={item} value={item} onChange={reloadColumn}>
-                                <span
-                                  title={transformI18n(item)}
-                                  class="inline-block w-[120px] truncate hover:text-text_color_primary"
-                                >
+                                <span title={transformI18n(item)} class="inline-block w-[120px] truncate hover:text-text_color_primary">
                                   {transformI18n(item)}
                                 </span>
                               </el-checkbox>
diff --git a/src/components/SplitPane/iconfont/iconfont.js b/src/components/SplitPane/iconfont/iconfont.js
index ac99831..9aa0411 100644
--- a/src/components/SplitPane/iconfont/iconfont.js
+++ b/src/components/SplitPane/iconfont/iconfont.js
@@ -13,9 +13,7 @@
   if (d && !e.__iconfont__svg__cssinject__) {
     e.__iconfont__svg__cssinject__ = !0;
     try {
-      document.write(
-        '<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>'
-      );
+      document.write('<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>');
     } catch (e) {
       console && console.log(e);
     }
diff --git a/src/components/SplitPane/index.tsx b/src/components/SplitPane/index.tsx
index 403fb6d..0292a67 100644
--- a/src/components/SplitPane/index.tsx
+++ b/src/components/SplitPane/index.tsx
@@ -31,11 +31,7 @@ export default defineComponent({
     const rightClass = ref(['splitter-pane splitter-paneR', props.splitSet?.split]);
 
     const cursor = computed(() => {
-      return active.value
-        ? props.splitSet?.split === 'vertical'
-          ? { cursor: 'col-resize' }
-          : { cursor: 'row-resize' }
-        : { cursor: 'default' };
+      return active.value ? (props.splitSet?.split === 'vertical' ? { cursor: 'col-resize' } : { cursor: 'row-resize' }) : { cursor: 'default' };
     });
 
     const onClick = (): void => {
@@ -75,8 +71,7 @@ export default defineComponent({
         }
 
         const currentPage = props.splitSet?.split === 'vertical' ? e.pageX : e.pageY;
-        const targetOffset =
-          props.splitSet?.split === 'vertical' ? e.currentTarget.offsetWidth : e.currentTarget.offsetHeight;
+        const targetOffset = props.splitSet?.split === 'vertical' ? e.currentTarget.offsetWidth : e.currentTarget.offsetHeight;
         const percents = Math.floor(((currentPage - offset) / targetOffset) * 10000) / 100;
 
         if (percents > props.splitSet?.minPercent && percents < 100 - props.splitSet?.minPercent) {
@@ -91,12 +86,7 @@ export default defineComponent({
 
     return () => (
       <>
-        <div
-          class="vue-splitter-container clearfix"
-          style={unref(cursor)}
-          onMouseup={() => onMouseUp()}
-          onMousemove={() => onMouseMove(event)}
-        >
+        <div class="vue-splitter-container clearfix" style={unref(cursor)} onMouseup={() => onMouseUp()} onMousemove={() => onMouseMove(event)}>
           <div class={unref(leftClass)} style={{ [unref(type)]: unref(percent) + '%' }}>
             {ctx.slots.paneL()}
           </div>
diff --git a/src/components/Table/ResetPasswords.vue b/src/components/Table/ResetPasswords.vue
index e568e41..35dd700 100644
--- a/src/components/Table/ResetPasswords.vue
+++ b/src/components/Table/ResetPasswords.vue
@@ -53,13 +53,7 @@ defineExpose({ ruleFormRef });
   <div class="my-2">
     <el-form ref="ruleFormRef" :model="form" :rules="rules">
       <el-form-item :label="$t('adminUser_password')" prop="password">
-        <el-input
-          v-model="form.password!"
-          :placeholder="$t('adminUser_password')"
-          clearable
-          show-password
-          type="password"
-        />
+        <el-input v-model="form.password!" :placeholder="$t('adminUser_password')" clearable show-password type="password" />
       </el-form-item>
     </el-form>
 
diff --git a/src/components/Table/TableImage.vue b/src/components/Table/TableImage.vue
index 9857195..3bc99bb 100644
--- a/src/components/Table/TableImage.vue
+++ b/src/components/Table/TableImage.vue
@@ -11,13 +11,5 @@ defineProps({
 </script>
 
 <template>
-  <el-image
-    :initial-index="index"
-    :preview-src-list="[image]"
-    :src="image"
-    class="w-[50px] h-[50px]"
-    fit="fill"
-    loading="lazy"
-    preview-teleported
-  />
+  <el-image :initial-index="index" :preview-src-list="[image]" :src="image" class="w-[50px] h-[50px]" fit="fill" loading="lazy" preview-teleported />
 </template>
diff --git a/src/components/Table/Userinfo/UserinfoDialog.vue b/src/components/Table/Userinfo/UserinfoDialog.vue
index ac59b64..bbcfe4b 100644
--- a/src/components/Table/Userinfo/UserinfoDialog.vue
+++ b/src/components/Table/Userinfo/UserinfoDialog.vue
@@ -44,11 +44,7 @@ onMounted(() => {
           </div>
           <h1 class="list-card-item_detail--name">{{ $t('user_details') }}</h1>
         </div>
-        <el-tag
-          :color="userinfo.status ? '#F67676' : '#00a870'"
-          class="mx-1 list-card-item_detail--operation--tag"
-          effect="dark"
-        >
+        <el-tag :color="userinfo.status ? '#F67676' : '#00a870'" class="mx-1 list-card-item_detail--operation--tag" effect="dark">
           {{ $t('user_status') }}：{{ userinfo.status ? $t('disable') : $t('normal') }}
         </el-tag>
       </el-row>
diff --git a/src/components/TableBar/src/TablePlusBar.vue b/src/components/TableBar/src/TablePlusBar.vue
index 2d293f6..aea0645 100644
--- a/src/components/TableBar/src/TablePlusBar.vue
+++ b/src/components/TableBar/src/TablePlusBar.vue
@@ -87,9 +87,7 @@ const isIndeterminate = ref(false);
 // 动态行
 const dynamicColumns = ref(props.column);
 // 过滤是否选中的列
-const filterColumns = cloneDeep(props.column).filter((column) =>
-  isBoolean(column?.hide) ? !column.hide : !(isFunction(column?.hide) && column?.hide())
-);
+const filterColumns = cloneDeep(props.column).filter((column) => (isBoolean(column?.hide) ? !column.hide : !(isFunction(column?.hide) && column?.hide())));
 // 选择当前列
 const checkedColumns = ref(getKeyList(cloneDeep(filterColumns), 'label'));
 const checkColumnList = ref(getKeyList(cloneDeep(dynamicColumns.value), 'label'));
@@ -174,8 +172,7 @@ const onReset = async () => {
 /** 列展示拖拽排序 */
 const rowDrop = (event: any) => {
   nextTick(() => {
-    const wrapper: HTMLElement = (instance?.proxy?.$refs[`GroupRef${unref(props.tableKey)}`] as any).$el
-      .firstElementChild;
+    const wrapper: HTMLElement = (instance?.proxy?.$refs[`GroupRef${unref(props.tableKey)}`] as any).$el.firstElementChild;
     Sortable.create(wrapper, {
       animation: 300,
       handle: '.drag-btn',
@@ -260,11 +257,7 @@ onMounted(() => {
             </div>
 
             <!-- 表格刷新按钮 -->
-            <RefreshIcon
-              v-tippy="rendTipProps('刷新')"
-              :class="`w-[16px] ${iconClass()}} ${loading ? 'animate-spin' : ''}`"
-              @click="onReFresh"
-            />
+            <RefreshIcon v-tippy="rendTipProps('刷新')" :class="`w-[16px] ${iconClass()}} ${loading ? 'animate-spin' : ''}`" @click="onReFresh" />
             <el-divider direction="vertical" />
 
             <!-- 选择表格大小 -->
@@ -275,10 +268,7 @@ onMounted(() => {
                   <el-dropdown-item :style="getDropdownItemStyle(size, 'large')" @click="handleTableSizeClick('large')">
                     {{ $t('style.larger') }}
                   </el-dropdown-item>
-                  <el-dropdown-item
-                    :style="getDropdownItemStyle(size, 'default')"
-                    @click="handleTableSizeClick('default')"
-                  >
+                  <el-dropdown-item :style="getDropdownItemStyle(size, 'default')" @click="handleTableSizeClick('default')">
                     {{ t('style.default') }}
                   </el-dropdown-item>
                   <el-dropdown-item :style="getDropdownItemStyle(size, 'small')" @click="handleTableSizeClick('small')">
@@ -296,13 +286,7 @@ onMounted(() => {
               </template>
 
               <div :class="topClass()">
-                <el-checkbox
-                  v-model="checkAll"
-                  :indeterminate="isIndeterminate"
-                  class="!-mr-1"
-                  label="列展示"
-                  @change="handleCheckAllChange"
-                />
+                <el-checkbox v-model="checkAll" :indeterminate="isIndeterminate" class="!-mr-1" label="列展示" @change="handleCheckAllChange" />
                 <el-button link type="primary" @click="onReset">
                   {{ t('buttons.rest') }}
                 </el-button>
@@ -310,23 +294,11 @@ onMounted(() => {
 
               <div class="pt-[6px] pl-[11px]">
                 <el-scrollbar max-height="36vh">
-                  <el-checkbox-group
-                    :ref="`GroupRef${unref(props.tableKey)}`"
-                    :modelValue="checkedColumns"
-                    @change="handleCheckedColumnsChange"
-                  >
+                  <el-checkbox-group :ref="`GroupRef${unref(props.tableKey)}`" :modelValue="checkedColumns" @change="handleCheckedColumnsChange">
                     <el-space :alignment="'flex-start'" :size="0" direction="vertical">
                       <div v-for="(item, index) in checkColumnList" :key="index" class="flex items-center">
-                        <DragIcon
-                          :class="`drag-btn w-[16px] mr-2 ${isFixedColumn(item) ? '!cursor-no-drop' : '!cursor-grab'}`"
-                          @mouseenter.prevent="rowDrop"
-                        />
-                        <el-checkbox
-                          :key="index"
-                          :label="item"
-                          :value="item"
-                          @change="handleCheckColumnListChange(item)"
-                        >
+                        <DragIcon :class="`drag-btn w-[16px] mr-2 ${isFixedColumn(item) ? '!cursor-no-drop' : '!cursor-grab'}`" @mouseenter.prevent="rowDrop" />
+                        <el-checkbox :key="index" :label="item" :value="item" @change="handleCheckColumnListChange(item)">
                           <span :title="item" class="inline-block w-[120px] truncate hover:text-text_color_primary">
                             {{ item }}
                           </span>
diff --git a/src/components/TableBar/src/bar.tsx b/src/components/TableBar/src/bar.tsx
index ec9b76e..4b8737d 100644
--- a/src/components/TableBar/src/bar.tsx
+++ b/src/components/TableBar/src/bar.tsx
@@ -70,16 +70,7 @@ export default defineComponent({
     });
 
     const topClass = computed(() => {
-      return [
-        'flex',
-        'justify-between',
-        'pt-[3px]',
-        'px-[11px]',
-        'border-b-[1px]',
-        'border-solid',
-        'border-[#dcdfe6]',
-        'dark:border-[#303030]',
-      ];
+      return ['flex', 'justify-between', 'pt-[3px]', 'px-[11px]', 'border-b-[1px]', 'border-solid', 'border-[#dcdfe6]', 'dark:border-[#303030]'];
     });
 
     function onReFresh() {
@@ -153,8 +144,7 @@ export default defineComponent({
     const rowDrop = (event: { preventDefault: () => void }) => {
       event.preventDefault();
       nextTick(() => {
-        const wrapper: HTMLElement = (instance?.proxy?.$refs[`GroupRef${unref(props.tableKey)}`] as any).$el
-          .firstElementChild;
+        const wrapper: HTMLElement = (instance?.proxy?.$refs[`GroupRef${unref(props.tableKey)}`] as any).$el.firstElementChild;
         Sortable.create(wrapper, {
           animation: 300,
           handle: '.drag-btn',
@@ -200,13 +190,7 @@ export default defineComponent({
       <>
         <div
           {...attrs}
-          class={[
-            'w-[99/100]',
-            'px-2',
-            'pb-2',
-            'bg-bg_color',
-            isFullscreen.value ? ['!w-full', '!h-full', 'z-[2002]', 'fixed', 'inset-0'] : 'mt-2',
-          ]}
+          class={['w-[99/100]', 'px-2', 'pb-2', 'bg-bg_color', isFullscreen.value ? ['!w-full', '!h-full', 'z-[2002]', 'fixed', 'inset-0'] : 'mt-2']}
         >
           <div class="flex justify-between w-full h-[50px] p-3">
             {slots?.title ? slots.title() : <p class="font-bold truncate">{props.title}</p>}
@@ -234,13 +218,7 @@ export default defineComponent({
               </el-dropdown>
               <el-divider direction="vertical" />
 
-              <el-popover
-                v-slots={reference}
-                placement="bottom-start"
-                popper-style={{ padding: 0 }}
-                width="200"
-                trigger="click"
-              >
+              <el-popover v-slots={reference} placement="bottom-start" popper-style={{ padding: 0 }} width="200" trigger="click">
                 <div class={[topClass.value]}>
                   <el-checkbox
                     class="!-mr-1"
@@ -266,22 +244,11 @@ export default defineComponent({
                           return (
                             <div class="flex items-center">
                               <DragIcon
-                                class={[
-                                  'drag-btn w-[16px] mr-2',
-                                  isFixedColumn(item) ? '!cursor-no-drop' : '!cursor-grab',
-                                ]}
+                                class={['drag-btn w-[16px] mr-2', isFixedColumn(item) ? '!cursor-no-drop' : '!cursor-grab']}
                                 onMouseenter={(event: { preventDefault: () => void }) => rowDrop(event)}
                               />
-                              <el-checkbox
-                                key={index}
-                                label={item}
-                                value={item}
-                                onChange={(value) => handleCheckColumnListChange(value, item)}
-                              >
-                                <span
-                                  title={item}
-                                  class="inline-block w-[120px] truncate hover:text-text_color_primary"
-                                >
+                              <el-checkbox key={index} label={item} value={item} onChange={(value) => handleCheckColumnListChange(value, item)}>
+                                <span title={item} class="inline-block w-[120px] truncate hover:text-text_color_primary">
                                   {item}
                                 </span>
                               </el-checkbox>
diff --git a/src/components/TableBar/utils/tableStyle.ts b/src/components/TableBar/utils/tableStyle.ts
index 082eb97..5bd315a 100644
--- a/src/components/TableBar/utils/tableStyle.ts
+++ b/src/components/TableBar/utils/tableStyle.ts
@@ -10,12 +10,10 @@ export const cellHeaderStyle = () => ({
 });
 
 // * icon 样式
-export const iconClass = () =>
-  'text-black dark:text-white duration-100 hover:!text-primary cursor-pointer outline-none ';
+export const iconClass = () => 'text-black dark:text-white duration-100 hover:!text-primary cursor-pointer outline-none ';
 
 // * 顶部样式
-export const topClass = () =>
-  'flex justify-between pt-[3px] px-[11px] border-b-[1px] border-solid border-[#dcdfe6] dark:border-[#303030]';
+export const topClass = () => 'flex justify-between pt-[3px] px-[11px] border-b-[1px] border-solid border-[#dcdfe6] dark:border-[#303030]';
 
 /**
  * * 拖拽列样式
diff --git a/src/components/Upload/UploadDialogImage.vue b/src/components/Upload/UploadDialogImage.vue
index e4a25ad..98d9d35 100644
--- a/src/components/Upload/UploadDialogImage.vue
+++ b/src/components/Upload/UploadDialogImage.vue
@@ -1,12 +1,5 @@
 <template>
-  <el-upload
-    :auto-upload="true"
-    :before-upload="beforeUpload"
-    :http-request="onUpload"
-    :show-file-list="false"
-    accept="image/*"
-    drag
-  >
+  <el-upload :auto-upload="true" :before-upload="beforeUpload" :http-request="onUpload" :show-file-list="false" accept="image/*" drag>
     <el-image v-if="imageSrc" :src="imageSrc" fit="cover" lazy>
       <template #placeholder>
         <ImageLoading />
diff --git a/src/directives/longpress/index.ts b/src/directives/longpress/index.ts
index cf9e76f..751ce42 100644
--- a/src/directives/longpress/index.ts
+++ b/src/directives/longpress/index.ts
@@ -55,9 +55,7 @@ export const longpress: Directive = {
       useEventListener(el, 'pointerup', clear);
       useEventListener(el, 'pointerleave', clear);
     } else {
-      throw new Error(
-        '[Directive: longpress]: need callback and callback must be a function! Like v-longpress="callback"'
-      );
+      throw new Error('[Directive: longpress]: need callback and callback must be a function! Like v-longpress="callback"');
     }
   },
 };
diff --git a/src/enums/baseConstant.ts b/src/enums/baseConstant.ts
index b3d2418..c9160f2 100644
--- a/src/enums/baseConstant.ts
+++ b/src/enums/baseConstant.ts
@@ -40,13 +40,7 @@ export const isReadStatus = [
 
 /** 分页默认数组个数 */
 export const pageSizes: number[] = [15, 30, 50, 100, 150];
-export const tableSelectButtonClass = computed(() => [
-  '!h-[20px]',
-  'reset-margin',
-  '!text-gray-500',
-  'dark:!text-white',
-  'dark:hover:!text-primary',
-]);
+export const tableSelectButtonClass = computed(() => ['!h-[20px]', 'reset-margin', '!text-gray-500', 'dark:!text-white', 'dark:hover:!text-primary']);
 
 export const UserAvatar =
   'https://thirdwx.qlogo.cn/mmopen/vi_32/DYAIOgq83eoj0hHXhgJNOTSOFsS4uZs8x1ConecaVOB8eIl115xmJZcT4oCicvia7wMEufibKtTLqiaJeanU2Lpg3w/132';
diff --git a/src/enums/menu.ts b/src/enums/menu.ts
index b43b5ea..2955431 100644
--- a/src/enums/menu.ts
+++ b/src/enums/menu.ts
@@ -84,12 +84,4 @@ const frameLoadingOptions: Array<OptionsType> = [
   },
 ];
 
-export {
-  menuTypeOptions,
-  fixedTagOptions,
-  showLinkOptions,
-  keepAliveOptions,
-  hiddenTagOptions,
-  showParentOptions,
-  frameLoadingOptions,
-};
+export { menuTypeOptions, fixedTagOptions, showLinkOptions, keepAliveOptions, hiddenTagOptions, showParentOptions, frameLoadingOptions };
diff --git a/src/layout/components/lay-content/index.vue b/src/layout/components/lay-content/index.vue
index c210aa4..486a227 100644
--- a/src/layout/components/lay-content/index.vue
+++ b/src/layout/components/lay-content/index.vue
@@ -52,9 +52,7 @@ const getSectionStyle = computed(() => {
     !hideTabs.value && layout ? (showModel.value == 'chrome' ? 'padding-top: 85px;' : 'padding-top: 81px;') : '',
     hideTabs.value && !layout.value ? 'padding-top: 48px;' : '',
     !hideTabs.value && !layout.value ? (showModel.value == 'chrome' ? 'padding-top: 85px;' : 'padding-top: 81px;') : '',
-    props.fixedHeader
-      ? ''
-      : `padding-top: 0;${hideTabs.value ? 'min-height: calc(100vh - 48px);' : 'min-height: calc(100vh - 86px);'}`,
+    props.fixedHeader ? '' : `padding-top: 0;${hideTabs.value ? 'min-height: calc(100vh - 48px);' : 'min-height: calc(100vh - 86px);'}`,
   ];
 });
 
diff --git a/src/layout/components/lay-navbar/index.vue b/src/layout/components/lay-navbar/index.vue
index f167f06..b2137e1 100644
--- a/src/layout/components/lay-navbar/index.vue
+++ b/src/layout/components/lay-navbar/index.vue
@@ -16,19 +16,7 @@ import { userI18nTypeStore } from '@/store/i18n/i18nType';
 import { onMounted } from 'vue';
 import DropdownMenu from '@/layout/components/lay-navbar/dropdown-menu.vue';
 
-const {
-  layout,
-  device,
-  logout,
-  onPanel,
-  pureApp,
-  username,
-  userAvatar,
-  avatarsStyle,
-  toggleSideBar,
-  getDropdownItemStyle,
-  getDropdownItemClass,
-} = useNav();
+const { layout, device, logout, onPanel, pureApp, username, userAvatar, avatarsStyle, toggleSideBar, getDropdownItemStyle, getDropdownItemClass } = useNav();
 
 const { locale, translation } = useTranslationLang();
 
@@ -41,12 +29,7 @@ onMounted(() => {
 
 <template>
   <div class="navbar bg-[#fff] shadow-sm shadow-[rgba(0,21,41,0.08)]">
-    <LaySidebarTopCollapse
-      v-if="device === 'mobile'"
-      :is-active="pureApp.sidebar.opened"
-      class="hamburger-container"
-      @toggleClick="toggleSideBar"
-    />
+    <LaySidebarTopCollapse v-if="device === 'mobile'" :is-active="pureApp.sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
 
     <LaySidebarBreadCrumb v-if="layout !== 'mix' && device !== 'mobile'" class="breadcrumb-container" />
 
diff --git a/src/layout/components/lay-notice/components/NoticeItem.vue b/src/layout/components/lay-notice/components/NoticeItem.vue
index 403dae9..8ef554b 100644
--- a/src/layout/components/lay-notice/components/NoticeItem.vue
+++ b/src/layout/components/lay-notice/components/NoticeItem.vue
@@ -22,9 +22,7 @@ const router = useRouter();
 
 function hoverTitle() {
   nextTick(() => {
-    titleRef.value?.scrollWidth > titleRef.value?.clientWidth
-      ? (titleTooltip.value = true)
-      : (titleTooltip.value = false);
+    titleRef.value?.scrollWidth > titleRef.value?.clientWidth ? (titleTooltip.value = true) : (titleTooltip.value = false);
   });
 }
 
@@ -50,10 +48,7 @@ function goMessageDetail(message: ListItem) {
 </script>
 
 <template>
-  <div
-    class="notice-container border-b-[1px] border-solid border-[#f0f0f0] dark:border-[#303030]"
-    @click="goMessageDetail(noticeItem)"
-  >
+  <div class="notice-container border-b-[1px] border-solid border-[#f0f0f0] dark:border-[#303030]" @click="goMessageDetail(noticeItem)">
     <!--<el-avatar v-if="noticeItem.cover" :size="30" :src="noticeItem.cover" class="notice-container-avatar" />-->
     <img v-if="noticeItem.cover" :src="noticeItem.cover" alt="" class="notice-container-avatar" />
     <div class="notice-container-text">
@@ -82,11 +77,7 @@ function goMessageDetail(message: ListItem) {
         placement="top-start"
         popper-class="notice-title-popper"
       >
-        <div
-          ref="descriptionRef"
-          class="notice-text-description"
-          @mouseover="hoverDescription($event, noticeItem.description)"
-        >
+        <div ref="descriptionRef" class="notice-text-description" @mouseover="hoverDescription($event, noticeItem.description)">
           {{ noticeItem.description }}
         </div>
       </el-tooltip>
diff --git a/src/layout/components/lay-notice/index.vue b/src/layout/components/lay-notice/index.vue
index 5b20a3d..17ba1cb 100644
--- a/src/layout/components/lay-notice/index.vue
+++ b/src/layout/components/lay-notice/index.vue
@@ -29,12 +29,7 @@ onMounted(() => {
     </span>
     <template #dropdown>
       <el-dropdown-menu>
-        <el-tabs
-          v-model="activeKey"
-          :stretch="true"
-          :style="{ width: notices.length === 0 ? '200px' : '330px' }"
-          class="dropdown-tabs"
-        >
+        <el-tabs v-model="activeKey" :stretch="true" :style="{ width: notices.length === 0 ? '200px' : '330px' }" class="dropdown-tabs">
           <el-empty v-if="notices.length === 0" :description="t('status.pureNoMessage')" :image-size="60" />
           <span v-else>
             <template v-for="item in notices" :key="item.key">
diff --git a/src/layout/components/lay-panel/index.vue b/src/layout/components/lay-panel/index.vue
index 61de205..53322b6 100644
--- a/src/layout/components/lay-panel/index.vue
+++ b/src/layout/components/lay-panel/index.vue
@@ -62,13 +62,7 @@ onBeforeUnmount(() => {
           }"
           :class="iconClass"
         >
-          <IconifyIconOffline
-            :icon="CloseIcon"
-            class="dark:text-white"
-            height="18px"
-            width="18px"
-            @click="show = !show"
-          />
+          <IconifyIconOffline :icon="CloseIcon" class="dark:text-white" height="18px" width="18px" @click="show = !show" />
         </span>
       </div>
       <el-scrollbar>
diff --git a/src/layout/components/lay-search/components/SearchHistoryItem.vue b/src/layout/components/lay-search/components/SearchHistoryItem.vue
index a8fb564..121be61 100644
--- a/src/layout/components/lay-search/components/SearchHistoryItem.vue
+++ b/src/layout/components/lay-search/components/SearchHistoryItem.vue
@@ -32,17 +32,8 @@ function handleDelete(item) {
   <span class="history-item-title">
     {{ $t(item.meta?.title) }}
   </span>
-  <IconifyIconOffline
-    v-show="item.type === 'history'"
-    :icon="StarIcon"
-    class="w-[18px] h-[18px] mr-2 hover:text-[#d7d5d4]"
-    @click.stop="handleCollect(item)"
-  />
-  <IconifyIconOffline
-    :icon="CloseIcon"
-    class="w-[18px] h-[18px] hover:text-[#d7d5d4] cursor-pointer"
-    @click.stop="handleDelete(item)"
-  />
+  <IconifyIconOffline v-show="item.type === 'history'" :icon="StarIcon" class="w-[18px] h-[18px] mr-2 hover:text-[#d7d5d4]" @click.stop="handleCollect(item)" />
+  <IconifyIconOffline :icon="CloseIcon" class="w-[18px] h-[18px] hover:text-[#d7d5d4] cursor-pointer" @click.stop="handleDelete(item)" />
 </template>
 
 <style lang="scss" scoped>
diff --git a/src/layout/components/lay-search/components/SearchModal.vue b/src/layout/components/lay-search/components/SearchModal.vue
index 57820f7..f9d72f6 100644
--- a/src/layout/components/lay-search/components/SearchModal.vue
+++ b/src/layout/components/lay-search/components/SearchModal.vue
@@ -110,8 +110,7 @@ function search() {
   resultOptions.value = flatMenusData.filter((menu) =>
     keyword.value
       ? $t(menu.meta?.title).toLocaleLowerCase().includes(keyword.value.toLocaleLowerCase().trim()) ||
-        (locale.value === 'zh' &&
-          !isAllEmpty(match($t(menu.meta?.title).toLocaleLowerCase(), keyword.value.toLocaleLowerCase().trim())))
+        (locale.value === 'zh' && !isAllEmpty(match($t(menu.meta?.title).toLocaleLowerCase(), keyword.value.toLocaleLowerCase().trim())))
       : false
   );
   activePath.value = resultOptions.value?.length > 0 ? resultOptions.value[0].path : '';
@@ -270,14 +269,7 @@ onKeyStroke('ArrowDown', handleDown);
     @closed="inputRef.blur()"
     @opened="inputRef.focus()"
   >
-    <el-input
-      ref="inputRef"
-      v-model="keyword"
-      :placeholder="t('search.purePlaceholder')"
-      clearable
-      size="large"
-      @input="handleSearch"
-    >
+    <el-input ref="inputRef" v-model="keyword" :placeholder="t('search.purePlaceholder')" clearable size="large" @input="handleSearch">
       <template #prefix>
         <IconifyIconOffline :icon="SearchIcon" class="text-primary w-[24px] h-[24px]" />
       </template>
@@ -295,13 +287,7 @@ onKeyStroke('ArrowDown', handleDown);
           @delete="handleDelete"
           @drag="handleDrag"
         />
-        <SearchResult
-          v-if="showSearchResult"
-          ref="resultRef"
-          v-model:value="activePath"
-          :options="resultOptions"
-          @click="handleEnter"
-        />
+        <SearchResult v-if="showSearchResult" ref="resultRef" v-model:value="activePath" :options="resultOptions" @click="handleEnter" />
       </el-scrollbar>
     </div>
     <template #footer>
diff --git a/src/layout/components/lay-setting/index.vue b/src/layout/components/lay-setting/index.vue
index 3f4225a..2edd1c9 100644
--- a/src/layout/components/lay-setting/index.vue
+++ b/src/layout/components/lay-setting/index.vue
@@ -27,8 +27,7 @@ const mixRef = ref();
 const verticalRef = ref();
 const horizontalRef = ref();
 
-const { dataTheme, overallStyle, layoutTheme, themeColors, toggleClass, dataThemeChange, setLayoutThemeColor } =
-  useDataThemeChange();
+const { dataTheme, overallStyle, layoutTheme, themeColors, toggleClass, dataThemeChange, setLayoutThemeColor } = useDataThemeChange();
 
 /* body添加layout属性，作用于src/style/sidebar.scss */
 if (unref(layoutTheme)) {
@@ -366,13 +365,7 @@ onUnmounted(() => removeMatchMedia);
 
       <span v-if="useAppStoreHook().getViewportWidth > 1280">
         <p :class="['mt-5', pClass]">{{ t('panel.pureStretch') }}</p>
-        <Segmented
-          :modelValue="isNumber(settings.stretch) ? 1 : 0"
-          :options="stretchTypeOptions"
-          class="mb-2 select-none"
-          resize
-          @change="stretchTypeChange"
-        />
+        <Segmented :modelValue="isNumber(settings.stretch) ? 1 : 0" :options="stretchTypeOptions" class="mb-2 select-none" resize @change="stretchTypeChange" />
         <el-input-number
           v-if="isNumber(settings.stretch)"
           v-model="settings.stretch as number"
@@ -387,11 +380,7 @@ onUnmounted(() => removeMatchMedia);
           class="bg-transparent flex-c w-full h-20 rounded-md border border-[var(--pure-border-color)]"
           @click="setStretch(!settings.stretch)"
         >
-          <div
-            :class="[settings.stretch ? 'w-[24%]' : 'w-[50%]']"
-            class="flex-bc transition-all duration-300"
-            style="color: var(--el-color-primary)"
-          >
+          <div :class="[settings.stretch ? 'w-[24%]' : 'w-[50%]']" class="flex-bc transition-all duration-300" style="color: var(--el-color-primary)">
             <IconifyIconOffline :icon="settings.stretch ? RightArrow : LeftArrow" height="20" />
             <div class="flex-grow border-b border-dashed" style="border-color: var(--el-color-primary)" />
             <IconifyIconOffline :icon="settings.stretch ? LeftArrow : RightArrow" height="20" />
@@ -400,13 +389,7 @@ onUnmounted(() => removeMatchMedia);
       </span>
 
       <p :class="['mt-4', pClass]">{{ t('panel.pureTagsStyle') }}</p>
-      <Segmented
-        :modelValue="markValue === 'smart' ? 0 : markValue === 'card' ? 1 : 2"
-        :options="markOptions"
-        class="select-none"
-        resize
-        @change="onChange"
-      />
+      <Segmented :modelValue="markValue === 'smart' ? 0 : markValue === 'card' ? 1 : 2" :options="markOptions" class="select-none" resize @change="onChange" />
 
       <p class="mt-5 font-medium text-sm dark:text-white">
         {{ t('panel.pureInterfaceDisplay') }}
diff --git a/src/layout/components/lay-sidebar/NavHorizontal.vue b/src/layout/components/lay-sidebar/NavHorizontal.vue
index 4d97315..86db0be 100644
--- a/src/layout/components/lay-sidebar/NavHorizontal.vue
+++ b/src/layout/components/lay-sidebar/NavHorizontal.vue
@@ -18,23 +18,10 @@ import Check from '@iconify-icons/ep/check';
 import { $t } from '@/plugins/i18n';
 
 const menuRef = ref();
-const showLogo = ref(
-  storageLocal().getItem<StorageConfigs>(`${responsiveStorageNameSpace()}configure`)?.showLogo ?? true
-);
+const showLogo = ref(storageLocal().getItem<StorageConfigs>(`${responsiveStorageNameSpace()}configure`)?.showLogo ?? true);
 
 const { t, route, locale, translationCh, translationEn } = useTranslationLang(menuRef);
-const {
-  title,
-  logout,
-  onPanel,
-  getLogo,
-  username,
-  userAvatar,
-  backTopMenu,
-  avatarsStyle,
-  getDropdownItemStyle,
-  getDropdownItemClass,
-} = useNav();
+const { title, logout, onPanel, getLogo, username, userAvatar, backTopMenu, avatarsStyle, getDropdownItemStyle, getDropdownItemClass } = useNav();
 
 const defaultActive = computed(() => (!isAllEmpty(route.meta?.activePath) ? route.meta.activePath : route.path));
 
@@ -55,19 +42,8 @@ onMounted(() => {
       <img :src="getLogo()" alt="logo" />
       <span>{{ title }}</span>
     </div>
-    <el-menu
-      ref="menuRef"
-      :default-active="defaultActive"
-      class="horizontal-header-menu"
-      mode="horizontal"
-      popper-class="pure-scrollbar"
-    >
-      <LaySidebarItem
-        v-for="route in usePermissionStoreHook().wholeMenus"
-        :key="route.path"
-        :base-path="route.path"
-        :item="route"
-      />
+    <el-menu ref="menuRef" :default-active="defaultActive" class="horizontal-header-menu" mode="horizontal" popper-class="pure-scrollbar">
+      <LaySidebarItem v-for="route in usePermissionStoreHook().wholeMenus" :key="route.path" :base-path="route.path" :item="route" />
     </el-menu>
     <div class="horizontal-header-right">
       <!-- 菜单搜索 -->
diff --git a/src/layout/components/lay-sidebar/NavMix.vue b/src/layout/components/lay-sidebar/NavMix.vue
index fa7d29e..8d7bdcb 100644
--- a/src/layout/components/lay-sidebar/NavMix.vue
+++ b/src/layout/components/lay-sidebar/NavMix.vue
@@ -22,26 +22,13 @@ const menuRef = ref();
 const defaultActive = ref(null);
 const { t } = useI18n();
 const { route, locale, translationCh, translationEn } = useTranslationLang(menuRef);
-const {
-  device,
-  logout,
-  onPanel,
-  resolvePath,
-  username,
-  userAvatar,
-  getDivStyle,
-  avatarsStyle,
-  getDropdownItemStyle,
-  getDropdownItemClass,
-} = useNav();
+const { device, logout, onPanel, resolvePath, username, userAvatar, getDivStyle, avatarsStyle, getDropdownItemStyle, getDropdownItemClass } = useNav();
 
 function getDefaultActive(routePath) {
   const wholeMenus = usePermissionStoreHook().wholeMenus;
   /** 当前路由的父级路径 */
   const parentRoutes = getParentPaths(routePath, wholeMenus)[0];
-  defaultActive.value = !isAllEmpty(route.meta?.activePath)
-    ? route.meta.activePath
-    : findRouteByPath(parentRoutes, wholeMenus)?.children[0]?.path;
+  defaultActive.value = !isAllEmpty(route.meta?.activePath) ? route.meta.activePath : findRouteByPath(parentRoutes, wholeMenus)?.children[0]?.path;
 }
 
 onMounted(() => {
@@ -61,24 +48,9 @@ watch(
 </script>
 
 <template>
-  <div
-    v-if="device !== 'mobile'"
-    v-loading="usePermissionStoreHook().wholeMenus.length === 0"
-    class="horizontal-header"
-  >
-    <el-menu
-      ref="menuRef"
-      :default-active="defaultActive"
-      class="horizontal-header-menu"
-      mode="horizontal"
-      popper-class="pure-scrollbar"
-      router
-    >
-      <el-menu-item
-        v-for="route in usePermissionStoreHook().wholeMenus"
-        :key="route.path"
-        :index="resolvePath(route) || route.redirect"
-      >
+  <div v-if="device !== 'mobile'" v-loading="usePermissionStoreHook().wholeMenus.length === 0" class="horizontal-header">
+    <el-menu ref="menuRef" :default-active="defaultActive" class="horizontal-header-menu" mode="horizontal" popper-class="pure-scrollbar" router>
+      <el-menu-item v-for="route in usePermissionStoreHook().wholeMenus" :key="route.path" :index="resolvePath(route) || route.redirect">
         <template #title>
           <div v-if="toRaw(route.meta.icon)" :class="['sub-menu-icon', route.meta.icon]">
             <component :is="useRenderIcon(route.meta && toRaw(route.meta.icon))" />
diff --git a/src/layout/components/lay-sidebar/NavVertical.vue b/src/layout/components/lay-sidebar/NavVertical.vue
index 45c90b2..f350552 100644
--- a/src/layout/components/lay-sidebar/NavVertical.vue
+++ b/src/layout/components/lay-sidebar/NavVertical.vue
@@ -14,18 +14,14 @@ import LaySidebarCenterCollapse from '../lay-sidebar/components/SidebarCenterCol
 
 const route = useRoute();
 const isShow = ref(false);
-const showLogo = ref(
-  storageLocal().getItem<StorageConfigs>(`${responsiveStorageNameSpace()}configure`)?.showLogo ?? true
-);
+const showLogo = ref(storageLocal().getItem<StorageConfigs>(`${responsiveStorageNameSpace()}configure`)?.showLogo ?? true);
 
 const { device, pureApp, isCollapse, tooltipEffect, menuSelect, toggleSideBar } = useNav();
 
 const subMenuData = ref([]);
 
 const menuData = computed(() => {
-  return pureApp.layout === 'mix' && device.value !== 'mobile'
-    ? subMenuData.value
-    : usePermissionStoreHook().wholeMenus;
+  return pureApp.layout === 'mix' && device.value !== 'mobile' ? subMenuData.value : usePermissionStoreHook().wholeMenus;
 });
 
 const loading = computed(() => (pureApp.layout === 'mix' ? false : menuData.value.length === 0 ? true : false));
@@ -86,25 +82,11 @@ onBeforeUnmount(() => {
         popper-class="pure-scrollbar"
         unique-opened
       >
-        <LaySidebarItem
-          v-for="routes in menuData"
-          :key="routes.path"
-          :base-path="routes.path"
-          :item="routes"
-          class="outer-most select-none"
-        />
+        <LaySidebarItem v-for="routes in menuData" :key="routes.path" :base-path="routes.path" :item="routes" class="outer-most select-none" />
       </el-menu>
     </el-scrollbar>
-    <LaySidebarCenterCollapse
-      v-if="device !== 'mobile' && (isShow || isCollapse)"
-      :is-active="pureApp.sidebar.opened"
-      @toggleClick="toggleSideBar"
-    />
-    <LaySidebarLeftCollapse
-      v-if="device !== 'mobile'"
-      :is-active="pureApp.sidebar.opened"
-      @toggleClick="toggleSideBar"
-    />
+    <LaySidebarCenterCollapse v-if="device !== 'mobile' && (isShow || isCollapse)" :is-active="pureApp.sidebar.opened" @toggleClick="toggleSideBar" />
+    <LaySidebarLeftCollapse v-if="device !== 'mobile'" :is-active="pureApp.sidebar.opened" @toggleClick="toggleSideBar" />
   </div>
 </template>
 
diff --git a/src/layout/components/lay-sidebar/components/SidebarFullScreen.vue b/src/layout/components/lay-sidebar/components/SidebarFullScreen.vue
index 64d6ad2..c875b07 100644
--- a/src/layout/components/lay-sidebar/components/SidebarFullScreen.vue
+++ b/src/layout/components/lay-sidebar/components/SidebarFullScreen.vue
@@ -5,12 +5,7 @@ import { useNav } from '@/layout/hooks/useNav';
 const screenIcon = ref();
 const { toggle, isFullscreen, Fullscreen, ExitFullscreen } = useNav();
 
-isFullscreen.value = !!(
-  document.fullscreenElement ||
-  document.webkitFullscreenElement ||
-  document.mozFullScreenElement ||
-  document.msFullscreenElement
-);
+isFullscreen.value = !!(document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement);
 
 watch(
   isFullscreen,
diff --git a/src/layout/components/lay-sidebar/components/SidebarItem.vue b/src/layout/components/lay-sidebar/components/SidebarItem.vue
index 39a295c..dcf7b11 100644
--- a/src/layout/components/lay-sidebar/components/SidebarItem.vue
+++ b/src/layout/components/lay-sidebar/components/SidebarItem.vue
@@ -94,16 +94,8 @@ function resolvePath(routePath) {
 </script>
 
 <template>
-  <SidebarLinkItem
-    v-if="hasOneShowingChild(item.children, item) && (!onlyOneChild.children || onlyOneChild.noShowingChildren)"
-    :to="item"
-  >
-    <el-menu-item
-      :class="{ 'submenu-title-noDropdown': !isNest }"
-      :index="resolvePath(onlyOneChild.path)"
-      :style="getNoDropdownStyle"
-      v-bind="attrs"
-    >
+  <SidebarLinkItem v-if="hasOneShowingChild(item.children, item) && (!onlyOneChild.children || onlyOneChild.noShowingChildren)" :to="item">
+    <el-menu-item :class="{ 'submenu-title-noDropdown': !isNest }" :index="resolvePath(onlyOneChild.path)" :style="getNoDropdownStyle" v-bind="attrs">
       <div v-if="toRaw(item.meta.icon)" :style="getSubMenuIconStyle" class="sub-menu-icon">
         <component :is="useRenderIcon(toRaw(onlyOneChild.meta.icon) || (item.meta && toRaw(item.meta.icon)))" />
       </div>
@@ -160,13 +152,6 @@ function resolvePath(routePath) {
       <SidebarExtraIcon v-if="!isCollapse" :extraIcon="item.meta.extraIcon" />
     </template>
 
-    <sidebar-item
-      v-for="child in item.children"
-      :key="child.path"
-      :base-path="resolvePath(child.path)"
-      :is-nest="true"
-      :item="child"
-      class="nest-menu"
-    />
+    <sidebar-item v-for="child in item.children" :key="child.path" :base-path="resolvePath(child.path)" :is-nest="true" :item="child" class="nest-menu" />
   </el-sub-menu>
 </template>
diff --git a/src/layout/components/lay-sidebar/components/SidebarLogo.vue b/src/layout/components/lay-sidebar/components/SidebarLogo.vue
index 44d91cf..c028993 100644
--- a/src/layout/components/lay-sidebar/components/SidebarLogo.vue
+++ b/src/layout/components/lay-sidebar/components/SidebarLogo.vue
@@ -12,13 +12,7 @@ const { title, getLogo } = useNav();
 <template>
   <div :class="{ collapses: collapse }" class="sidebar-logo-container">
     <transition name="sidebarLogoFade">
-      <router-link
-        v-if="collapse"
-        key="collapse"
-        :title="title"
-        :to="getTopMenu()?.path ?? '/'"
-        class="sidebar-logo-link"
-      >
+      <router-link v-if="collapse" key="collapse" :title="title" :to="getTopMenu()?.path ?? '/'" class="sidebar-logo-link">
         <img :src="getLogo()" alt="logo" />
         <span class="sidebar-title">{{ title }}</span>
       </router-link>
diff --git a/src/layout/components/lay-sidebar/components/SidebarTopCollapse.vue b/src/layout/components/lay-sidebar/components/SidebarTopCollapse.vue
index 3cdcdb7..eb603dc 100644
--- a/src/layout/components/lay-sidebar/components/SidebarTopCollapse.vue
+++ b/src/layout/components/lay-sidebar/components/SidebarTopCollapse.vue
@@ -23,14 +23,7 @@ const toggleClick = () => {
 </script>
 
 <template>
-  <div
-    class="px-3 mr-1 navbar-bg-hover"
-    :title="isActive ? t('buttons.pureClickCollapse') : t('buttons.pureClickExpand')"
-    @click="toggleClick"
-  >
-    <IconifyIconOffline
-      :icon="isActive ? MenuFold : MenuUnfold"
-      class="inline-block align-middle hover:text-primary dark:hover:!text-white"
-    />
+  <div class="px-3 mr-1 navbar-bg-hover" :title="isActive ? t('buttons.pureClickCollapse') : t('buttons.pureClickExpand')" @click="toggleClick">
+    <IconifyIconOffline :icon="isActive ? MenuFold : MenuUnfold" class="inline-block align-middle hover:text-primary dark:hover:!text-white" />
   </div>
 </template>
diff --git a/src/layout/components/lay-tag/index.vue b/src/layout/components/lay-tag/index.vue
index a90f082..a56a987 100644
--- a/src/layout/components/lay-tag/index.vue
+++ b/src/layout/components/lay-tag/index.vue
@@ -91,10 +91,7 @@ const moveToView = async (index: number): Promise<void> => {
   } else if (tabItemElOffsetLeft < -translateX.value) {
     // 标签在可视区域左侧
     translateX.value = -tabItemElOffsetLeft + tabNavPadding;
-  } else if (
-    tabItemElOffsetLeft > -translateX.value &&
-    tabItemElOffsetLeft + tabItemOffsetWidth < -translateX.value + scrollbarDomWidth
-  ) {
+  } else if (tabItemElOffsetLeft > -translateX.value && tabItemElOffsetLeft + tabItemOffsetWidth < -translateX.value + scrollbarDomWidth) {
     // 标签在可视区域
     translateX.value = Math.min(0, scrollbarDomWidth - tabItemOffsetWidth - tabItemElOffsetLeft - tabNavPadding);
   } else {
@@ -204,10 +201,7 @@ function deleteDynamicTag(obj: any, current: any, tag?: string) {
 
   const spliceRoute = (startIndex?: number, length?: number, other?: boolean): void => {
     if (other) {
-      useMultiTagsStoreHook().handleTags(
-        'equal',
-        [VITE_HIDE_HOME === 'false' ? fixedTags : toRaw(getTopMenu()), obj].flat()
-      );
+      useMultiTagsStoreHook().handleTags('equal', [VITE_HIDE_HOME === 'false' ? fixedTags : toRaw(getTopMenu()), obj].flat());
     } else {
       useMultiTagsStoreHook().handleTags('splice', '', {
         startIndex,
@@ -525,23 +519,13 @@ onBeforeUnmount(() => {
     <span v-show="isShowArrow" class="arrow-left">
       <IconifyIconOffline :icon="ArrowLeftSLine" @click="handleScroll(200)" />
     </span>
-    <div
-      ref="scrollbarDom"
-      :class="showModel === 'chrome' && 'chrome-scroll-container'"
-      class="scroll-container"
-      @wheel.prevent="handleWheel"
-    >
+    <div ref="scrollbarDom" :class="showModel === 'chrome' && 'chrome-scroll-container'" class="scroll-container" @wheel.prevent="handleWheel">
       <div ref="tabDom" :style="getTabStyle" class="tab select-none">
         <div
           v-for="(item, index) in multiTags"
           :key="index"
           :ref="'dynamic' + index"
-          :class="[
-            'scroll-item is-closable',
-            linkIsActive(item),
-            showModel === 'chrome' && 'chrome-item',
-            isFixedTag(item) && 'fixed-tag',
-          ]"
+          :class="['scroll-item is-closable', linkIsActive(item), showModel === 'chrome' && 'chrome-item', isFixedTag(item) && 'fixed-tag']"
           @click="tagOnClick(item)"
           @contextmenu.prevent="openMenu(item, $event)"
           @mouseenter.prevent="onMouseenter(index)"
@@ -596,13 +580,7 @@ onBeforeUnmount(() => {
       </span>
       <template #dropdown>
         <el-dropdown-menu>
-          <el-dropdown-item
-            v-for="(item, key) in tagsViews"
-            :key="key"
-            :command="{ key, item }"
-            :disabled="item.disabled"
-            :divided="item.divided"
-          >
+          <el-dropdown-item v-for="(item, key) in tagsViews" :key="key" :command="{ key, item }" :disabled="item.disabled" :divided="item.divided">
             <IconifyIconOffline :icon="item.icon" />
             {{ item.text }}
           </el-dropdown-item>
diff --git a/src/layout/hooks/useDataThemeChange.ts b/src/layout/hooks/useDataThemeChange.ts
index 1325f5c..0280424 100644
--- a/src/layout/hooks/useDataThemeChange.ts
+++ b/src/layout/hooks/useDataThemeChange.ts
@@ -71,10 +71,7 @@ export function useDataThemeChange() {
   }
 
   function setPropertyPrimary(mode: string, i: number, color: string) {
-    document.documentElement.style.setProperty(
-      `--el-color-primary-${mode}-${i}`,
-      dataTheme.value ? darken(color, i / 10) : lighten(color, i / 10)
-    );
+    document.documentElement.style.setProperty(`--el-color-primary-${mode}-${i}`, dataTheme.value ? darken(color, i / 10) : lighten(color, i / 10));
   }
 
   /** 设置 `element-plus` 主题色 */
diff --git a/src/layout/hooks/useTag.ts b/src/layout/hooks/useTag.ts
index 2e1e31f..dc78eda 100644
--- a/src/layout/hooks/useTag.ts
+++ b/src/layout/hooks/useTag.ts
@@ -31,12 +31,9 @@ export function useTags() {
   const isScrolling = ref(false);
 
   /** 显示模式，默认灵动模式 */
-  const showModel = ref(
-    storageLocal().getItem<StorageConfigs>(`${responsiveStorageNameSpace()}configure`)?.showModel || 'smart'
-  );
+  const showModel = ref(storageLocal().getItem<StorageConfigs>(`${responsiveStorageNameSpace()}configure`)?.showModel || 'smart');
   /** 是否隐藏标签页，默认显示 */
-  const showTags =
-    ref(storageLocal().getItem<StorageConfigs>(`${responsiveStorageNameSpace()}configure`).hideTabs) ?? ref('false');
+  const showTags = ref(storageLocal().getItem<StorageConfigs>(`${responsiveStorageNameSpace()}configure`).hideTabs) ?? ref('false');
   const multiTags: any = computed(() => {
     return useMultiTagsStoreHook().multiTags;
   });
diff --git a/src/layout/index.vue b/src/layout/index.vue
index d2b6279..5a676f3 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -131,9 +131,7 @@ const LayHeader = defineComponent({
       },
       {
         default: () => [
-          !pureSetting.hiddenSideBar && (layout.value.includes('vertical') || layout.value.includes('mix'))
-            ? h(LayNavbar)
-            : null,
+          !pureSetting.hiddenSideBar && (layout.value.includes('vertical') || layout.value.includes('mix')) ? h(LayNavbar) : null,
           !pureSetting.hiddenSideBar && layout.value.includes('horizontal') ? h(NavHorizontal) : null,
           h(LayTag),
         ],
@@ -145,11 +143,7 @@ const LayHeader = defineComponent({
 
 <template>
   <div ref="appWrapperRef" :class="['app-wrapper', set.classes]">
-    <div
-      v-show="set.device === 'mobile' && set.sidebar.opened && layout.includes('vertical')"
-      class="app-mask"
-      @click="useAppStoreHook().toggleSideBar()"
-    />
+    <div v-show="set.device === 'mobile' && set.sidebar.opened && layout.includes('vertical')" class="app-mask" @click="useAppStoreHook().toggleSideBar()" />
     <NavVertical v-show="!pureSetting.hiddenSideBar && (layout.includes('vertical') || layout.includes('mix'))" />
     <div :class="['main-container', pureSetting.hiddenSideBar ? 'main-hidden' : '']">
       <div v-if="set.fixedHeader">
diff --git a/src/router/index.ts b/src/router/index.ts
index 2bde295..4d12f3c 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -38,9 +38,7 @@ Object.keys(modules).forEach((key) => {
 });
 
 /** 导出处理后的静态路由（三级及以上的路由全部拍成二级） */
-export const constantRoutes: Array<RouteRecordRaw> = formatTwoStageRoutes(
-  formatFlatteningRoutes(buildHierarchyTree(ascending(routes.flat(Infinity))))
-);
+export const constantRoutes: Array<RouteRecordRaw> = formatTwoStageRoutes(formatFlatteningRoutes(buildHierarchyTree(ascending(routes.flat(Infinity)))));
 
 /** 用于渲染菜单，保持原始层级 */
 export const constantMenus: Array<RouteComponent> = ascending(routes.flat(Infinity)).concat(...remainingRouter);
@@ -75,9 +73,7 @@ export function resetRouter() {
     const { name, meta } = route;
     if (name && router.hasRoute(name) && meta?.backstage) {
       router.removeRoute(name);
-      router.options.routes = formatTwoStageRoutes(
-        formatFlatteningRoutes(buildHierarchyTree(ascending(routes.flat(Infinity))))
-      );
+      router.options.routes = formatTwoStageRoutes(formatFlatteningRoutes(buildHierarchyTree(ascending(routes.flat(Infinity)))));
     }
   });
   usePermissionStoreHook().clearAllCachePage();
diff --git a/src/router/utils.ts b/src/router/utils.ts
index 4cf0cfa..a9ff2e8 100644
--- a/src/router/utils.ts
+++ b/src/router/utils.ts
@@ -1,10 +1,4 @@
-import {
-  createWebHashHistory,
-  createWebHistory,
-  type RouteComponent,
-  type RouteRecordRaw,
-  type RouterHistory,
-} from 'vue-router';
+import { createWebHashHistory, createWebHistory, type RouteComponent, type RouteRecordRaw, type RouterHistory } from 'vue-router';
 import { router } from './index';
 import { isProxy, toRaw } from 'vue';
 import { useTimeoutFn } from '@vueuse/core';
@@ -140,10 +134,7 @@ function handleAsyncRoutes(routeList) {
     usePermissionStoreHook().handleWholeMenus(routeList);
   }
   if (!useMultiTagsStoreHook().getMultiTagsCache) {
-    useMultiTagsStoreHook().handleTags('equal', [
-      ...routerArrays,
-      ...usePermissionStoreHook().flatteningRoutes.filter((v) => v?.meta?.fixedTag),
-    ]);
+    useMultiTagsStoreHook().handleTags('equal', [...routerArrays, ...usePermissionStoreHook().flatteningRoutes.filter((v) => v?.meta?.fixedTag)]);
   }
   addPathMatch();
 }
diff --git a/src/store/configuration/emailTemplate.ts b/src/store/configuration/emailTemplate.ts
index 8b23c07..53b290a 100644
--- a/src/store/configuration/emailTemplate.ts
+++ b/src/store/configuration/emailTemplate.ts
@@ -1,11 +1,5 @@
 import { defineStore } from 'pinia';
-import {
-  createEmailTemplate,
-  deleteEmailTemplate,
-  getEmailTemplatePage,
-  getEmailTypeList,
-  updateEmailTemplate,
-} from '@/api/v1/email/emailTemplate';
+import { createEmailTemplate, deleteEmailTemplate, getEmailTemplatePage, getEmailTypeList, updateEmailTemplate } from '@/api/v1/email/emailTemplate';
 import { pageSizes } from '@/enums/baseConstant';
 import { storeMessage } from '@/utils/message';
 import { storePagination } from '@/store/useStorePagination';
diff --git a/src/store/configuration/emailUsers.ts b/src/store/configuration/emailUsers.ts
index 68cd69c..e8f1de6 100644
--- a/src/store/configuration/emailUsers.ts
+++ b/src/store/configuration/emailUsers.ts
@@ -1,11 +1,5 @@
 import { defineStore } from 'pinia';
-import {
-  createEmailUsers,
-  deleteEmailUsers,
-  getEmailUserList,
-  getEmailUserPage,
-  updateEmailUsers,
-} from '@/api/v1/email/emailUsers';
+import { createEmailUsers, deleteEmailUsers, getEmailUserList, getEmailUserPage, updateEmailUsers } from '@/api/v1/email/emailUsers';
 import { pageSizes } from '@/enums/baseConstant';
 import { storeMessage } from '@/utils/message';
 import { storePagination } from '@/store/useStorePagination';
diff --git a/src/store/configuration/menuIcon.ts b/src/store/configuration/menuIcon.ts
index df1447b..f0f06b1 100644
--- a/src/store/configuration/menuIcon.ts
+++ b/src/store/configuration/menuIcon.ts
@@ -1,11 +1,5 @@
 import { defineStore } from 'pinia';
-import {
-  createMenuIcon,
-  deleteMenuIcon,
-  getIconNameListByIconName,
-  getMenuIconPage,
-  updateMenuIcon,
-} from '@/api/v1/menu/menuIcon';
+import { createMenuIcon, deleteMenuIcon, getIconNameListByIconName, getMenuIconPage, updateMenuIcon } from '@/api/v1/menu/menuIcon';
 import { pageSizes } from '@/enums/baseConstant';
 import { storeMessage } from '@/utils/message';
 import { storePagination } from '@/store/useStorePagination';
diff --git a/src/store/epTheme.ts b/src/store/epTheme.ts
index 2bc8868..99627a1 100644
--- a/src/store/epTheme.ts
+++ b/src/store/epTheme.ts
@@ -4,11 +4,8 @@ import { getConfig, responsiveStorageNameSpace, storageLocal, store } from './ut
 export const useEpThemeStore = defineStore({
   id: 'pure-epTheme',
   state: () => ({
-    epThemeColor:
-      storageLocal().getItem<StorageConfigs>(`${responsiveStorageNameSpace()}layout`)?.epThemeColor ??
-      getConfig().EpThemeColor,
-    epTheme:
-      storageLocal().getItem<StorageConfigs>(`${responsiveStorageNameSpace()}layout`)?.theme ?? getConfig().Theme,
+    epThemeColor: storageLocal().getItem<StorageConfigs>(`${responsiveStorageNameSpace()}layout`)?.epThemeColor ?? getConfig().EpThemeColor,
+    epTheme: storageLocal().getItem<StorageConfigs>(`${responsiveStorageNameSpace()}layout`)?.theme ?? getConfig().Theme,
   }),
   getters: {
     getEpThemeColor(state) {
diff --git a/src/store/i18n/i18n.ts b/src/store/i18n/i18n.ts
index 875c613..344e7e6 100644
--- a/src/store/i18n/i18n.ts
+++ b/src/store/i18n/i18n.ts
@@ -1,12 +1,4 @@
-import {
-  createI18n,
-  deleteI18n,
-  downloadI18n,
-  getI18nMap,
-  getI18nPage,
-  updateI18n,
-  uploadI18nFile,
-} from '@/api/v1/i18n';
+import { createI18n, deleteI18n, downloadI18n, getI18nMap, getI18nPage, updateI18n, uploadI18nFile } from '@/api/v1/i18n';
 import { pageSizes } from '@/enums/baseConstant';
 import { storePagination } from '@/store/useStorePagination';
 import { storeMessage } from '@/utils/message';
diff --git a/src/store/message/messageReceived.ts b/src/store/message/messageReceived.ts
index 8fa8847..5806a4e 100644
--- a/src/store/message/messageReceived.ts
+++ b/src/store/message/messageReceived.ts
@@ -1,9 +1,5 @@
 import { defineStore } from 'pinia';
-import {
-  deleteMessageReceivedByAdmin,
-  getMessageReceivedPage,
-  updateMessageReceivedByAdmin,
-} from '@/api/v1/message/messageReceived';
+import { deleteMessageReceivedByAdmin, getMessageReceivedPage, updateMessageReceivedByAdmin } from '@/api/v1/message/messageReceived';
 import { pageSizes } from '@/enums/baseConstant';
 import { storeMessage } from '@/utils/message';
 import { storePagination } from '@/store/useStorePagination';
diff --git a/src/store/message/messageSend.ts b/src/store/message/messageSend.ts
index b82537b..7fc3f66 100644
--- a/src/store/message/messageSend.ts
+++ b/src/store/message/messageSend.ts
@@ -1,12 +1,6 @@
 import { defineStore } from 'pinia';
 import { pageSizes } from '@/enums/baseConstant';
-import {
-  createMessage,
-  deleteMessage,
-  getMessagePage,
-  getReceivedUserinfoByMessageId,
-  updateMessage,
-} from '@/api/v1/message/messageSend';
+import { createMessage, deleteMessage, getMessagePage, getReceivedUserinfoByMessageId, updateMessage } from '@/api/v1/message/messageSend';
 import { storePagination } from '@/store/useStorePagination';
 import { storeMessage } from '@/utils/message';
 
diff --git a/src/store/message/messageType.ts b/src/store/message/messageType.ts
index 23c6ff8..f632a75 100644
--- a/src/store/message/messageType.ts
+++ b/src/store/message/messageType.ts
@@ -1,11 +1,5 @@
 import { defineStore } from 'pinia';
-import {
-  createMessageType,
-  deleteMessageType,
-  getMessageTypeList,
-  getMessageTypePage,
-  updateMessageType,
-} from '@/api/v1/message/messageType';
+import { createMessageType, deleteMessageType, getMessageTypeList, getMessageTypePage, updateMessageType } from '@/api/v1/message/messageType';
 import { pageSizes } from '@/enums/baseConstant';
 import { storeMessage } from '@/utils/message';
 import { storePagination } from '@/store/useStorePagination';
diff --git a/src/store/message/messageUser.ts b/src/store/message/messageUser.ts
index f8ab6c2..63b49ec 100644
--- a/src/store/message/messageUser.ts
+++ b/src/store/message/messageUser.ts
@@ -3,11 +3,7 @@ import { pageSizes } from '@/enums/baseConstant';
 import { storePagination } from '@/store/useStorePagination';
 import { storeMessage } from '@/utils/message';
 import { decode } from 'js-base64';
-import {
-  deleteMessageReceivedByUser,
-  getMessageReceivedPageByUser,
-  updateMessageByUser,
-} from '@/api/v1/message/messageReceived';
+import { deleteMessageReceivedByUser, getMessageReceivedPageByUser, updateMessageByUser } from '@/api/v1/message/messageReceived';
 import { getMessageDetailById } from '@/api/v1/message/messageSend';
 
 /**
diff --git a/src/store/modules/app.ts b/src/store/modules/app.ts
index 1a0f16d..976eca5 100644
--- a/src/store/modules/app.ts
+++ b/src/store/modules/app.ts
@@ -5,15 +5,12 @@ export const useAppStore = defineStore({
   id: 'pure-app',
   state: (): appType => ({
     sidebar: {
-      opened:
-        storageLocal().getItem<StorageConfigs>(`${responsiveStorageNameSpace()}layout`)?.sidebarStatus ??
-        getConfig().SidebarStatus,
+      opened: storageLocal().getItem<StorageConfigs>(`${responsiveStorageNameSpace()}layout`)?.sidebarStatus ?? getConfig().SidebarStatus,
       withoutAnimation: false,
       isClickCollapse: false,
     },
     // 这里的layout用于监听容器拖拉后恢复对应的导航模式
-    layout:
-      storageLocal().getItem<StorageConfigs>(`${responsiveStorageNameSpace()}layout`)?.layout ?? getConfig().Layout,
+    layout: storageLocal().getItem<StorageConfigs>(`${responsiveStorageNameSpace()}layout`)?.layout ?? getConfig().Layout,
     device: deviceDetection() ? 'mobile' : 'desktop',
     // 浏览器窗口的可视区域大小
     viewportSize: {
diff --git a/src/store/monitor/files.ts b/src/store/monitor/files.ts
index d628721..747930e 100644
--- a/src/store/monitor/files.ts
+++ b/src/store/monitor/files.ts
@@ -1,12 +1,5 @@
 import { defineStore } from 'pinia';
-import {
-  deleteFiles,
-  fetchAddFiles,
-  getFilesPage,
-  getFilesStoragePath,
-  getMediaTypeList,
-  updateFiles,
-} from '@/api/v1/files';
+import { deleteFiles, fetchAddFiles, getFilesPage, getFilesStoragePath, getMediaTypeList, updateFiles } from '@/api/v1/files';
 import { pageSizes } from '@/enums/baseConstant';
 import { storeMessage } from '@/utils/message';
 import { storePagination } from '@/store/useStorePagination';
diff --git a/src/store/permission.ts b/src/store/permission.ts
index e875d74..343975f 100644
--- a/src/store/permission.ts
+++ b/src/store/permission.ts
@@ -1,15 +1,5 @@
 import { defineStore } from 'pinia';
-import {
-  ascending,
-  type cacheType,
-  constantMenus,
-  debounce,
-  filterNoPermissionTree,
-  filterTree,
-  formatFlatteningRoutes,
-  getKeyList,
-  store,
-} from './utils';
+import { ascending, type cacheType, constantMenus, debounce, filterNoPermissionTree, filterTree, formatFlatteningRoutes, getKeyList, store } from './utils';
 import { useMultiTagsStoreHook } from './multiTags';
 
 export const usePermissionStore = defineStore({
diff --git a/src/store/system/menu.ts b/src/store/system/menu.ts
index b4453bf..600ca89 100644
--- a/src/store/system/menu.ts
+++ b/src/store/system/menu.ts
@@ -1,11 +1,4 @@
-import {
-  clearRouterRole,
-  createRouter,
-  deletedRouterByIds,
-  getRoleListByRouterId,
-  getRouterList,
-  updateRouter,
-} from '@/api/v1/menu/menu';
+import { clearRouterRole, createRouter, deletedRouterByIds, getRoleListByRouterId, getRouterList, updateRouter } from '@/api/v1/menu/menu';
 import { $t } from '@/plugins/i18n';
 import { storeMessage } from '@/utils/message';
 import { handleTree } from '@/utils/tree';
diff --git a/src/store/system/power.ts b/src/store/system/power.ts
index 1880024..59288b7 100644
--- a/src/store/system/power.ts
+++ b/src/store/system/power.ts
@@ -2,14 +2,17 @@ import { defineStore } from 'pinia';
 import {
   createPermission,
   deletePermission,
+  exportPermission,
   getPermissionList,
   getPermissionPage,
+  importPermission,
   updatePermission,
   updatePermissionListByParentId,
 } from '@/api/v1/system/power';
 import { pageSizes } from '@/enums/baseConstant';
 import { storeMessage } from '@/utils/message';
 import { storePagination } from '@/store/useStorePagination';
+import { downloadBlob } from '@/utils/sso';
 
 /**
  * 权限 Store
@@ -79,9 +82,16 @@ export const usePermissionStore = defineStore('PermissionStore', {
       return storeMessage(result);
     },
 
-    /** 批量修改权限父级 */
-    async updatePermissionListByParentId(data: any) {
-      const result = await updatePermissionListByParentId(data);
+    /* 使用Excel导出权限 */
+    async downloadPermissionByFile() {
+      const result = await exportPermission();
+
+      downloadBlob(result, 'role.zip');
+    },
+
+    /* 使用文件导入权限 */
+    async uploadPermissionByFile(data: any) {
+      const result = await importPermission(data);
       return storeMessage(result);
     },
 
@@ -91,5 +101,11 @@ export const usePermissionStore = defineStore('PermissionStore', {
       if (result.code !== 200) return;
       this.allPowerList = result.data;
     },
+
+    /** 批量修改权限父级 */
+    async updatePermissionListByParentId(data: any) {
+      const result = await updatePermissionListByParentId(data);
+      return storeMessage(result);
+    },
   },
 });
diff --git a/src/store/system/role.ts b/src/store/system/role.ts
index e6a83e0..95a95a8 100644
--- a/src/store/system/role.ts
+++ b/src/store/system/role.ts
@@ -1,16 +1,9 @@
 import { defineStore } from 'pinia';
-import {
-  crateRole,
-  createRolePermission,
-  deleteRole,
-  getRoleList,
-  getRolePage,
-  updateRole,
-  updateRoleByFile,
-} from '@/api/v1/system/role';
+import { crateRole, createRolePermission, deleteRole, exportRoleList, getRoleList, getRolePage, updateRole, updateRoleByFile } from '@/api/v1/system/role';
 import { pageSizes } from '@/enums/baseConstant';
 import { storeMessage } from '@/utils/message';
 import { storePagination } from '@/store/useStorePagination';
+import { downloadBlob } from '@/utils/sso';
 
 /**
  * 角色 Store
@@ -84,6 +77,13 @@ export const useRoleStore = defineStore('roleStore', {
       return storeMessage(result);
     },
 
+    /* 使用Excel导出角色 */
+    async downloadRoleByFile() {
+      const result = await exportRoleList();
+
+      downloadBlob(result, 'role.zip');
+    },
+
     /* 使用Excel更新角色列表 */
     async editRoleByFile(data: any) {
       const result = await updateRoleByFile(data);
diff --git a/src/store/utils.ts b/src/store/utils.ts
index a817ebc..a4f961d 100644
--- a/src/store/utils.ts
+++ b/src/store/utils.ts
@@ -3,14 +3,5 @@ export { routerArrays } from '@/layout/types';
 export { router, resetRouter, constantMenus } from '@/router';
 export { getConfig, responsiveStorageNameSpace } from '@/config';
 export { ascending, filterTree, filterNoPermissionTree, formatFlatteningRoutes } from '@/router/utils';
-export {
-  isUrl,
-  isEqual,
-  isNumber,
-  debounce,
-  isBoolean,
-  getKeyList,
-  storageLocal,
-  deviceDetection,
-} from '@pureadmin/utils';
+export { isUrl, isEqual, isNumber, debounce, isBoolean, getKeyList, storageLocal, deviceDetection } from '@pureadmin/utils';
 export type { setType, appType, userType, multiType, cacheType, positionType } from './types';
diff --git a/src/style/reset.scss b/src/style/reset.scss
index ccdad04..e778af5 100644
--- a/src/style/reset.scss
+++ b/src/style/reset.scss
@@ -25,8 +25,7 @@ body {
   width: 100%;
   height: 100%;
   margin: 0;
-  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial,
-    sans-serif;
+  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
   line-height: inherit;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
diff --git a/src/utils/auth.ts b/src/utils/auth.ts
index 46491be..44312e5 100644
--- a/src/utils/auth.ts
+++ b/src/utils/auth.ts
@@ -51,9 +51,7 @@ export function setToken(data: any) {
   expires = new Date(data.expires).getTime(); // 如果后端直接设置时间戳，将此处代码改为expires = data.expires，然后把上面的DataInfo<Date>改成DataInfo<number>即可
   const cookieString = JSON.stringify({ token, expires, refreshToken });
 
-  expires > 0
-    ? Cookies.set(TokenKey, cookieString, { expires: (expires - Date.now()) / 86400000 })
-    : Cookies.set(TokenKey, cookieString);
+  expires > 0 ? Cookies.set(TokenKey, cookieString, { expires: (expires - Date.now()) / 86400000 }) : Cookies.set(TokenKey, cookieString);
 
   Cookies.set(multipleTabsKey, 'true', isRemembered ? { expires: readMeDay } : {});
 
diff --git a/src/utils/localforage/types.d.ts b/src/utils/localforage/types.d.ts
index f754d20..67d37e7 100644
--- a/src/utils/localforage/types.d.ts
+++ b/src/utils/localforage/types.d.ts
@@ -31,10 +31,7 @@ interface LocalForageDbMethodsCore {
 
   keys(callback?: (err: any, keys: string[]) => void): Promise<string[]>;
 
-  iterate<T, U>(
-    iteratee: (value: T, key: string, iterationNumber: number) => U,
-    callback?: (err: any, result: U) => void
-  ): Promise<U>;
+  iterate<T, U>(iteratee: (value: T, key: string, iterationNumber: number) => U, callback?: (err: any, result: U) => void): Promise<U>;
 }
 
 interface LocalForageDropInstanceFn {
diff --git a/src/utils/preventDefault.ts b/src/utils/preventDefault.ts
index b44a193..edea7e2 100644
--- a/src/utils/preventDefault.ts
+++ b/src/utils/preventDefault.ts
@@ -2,9 +2,7 @@ import { useEventListener } from '@vueuse/core';
 
 /** 是否为`img`标签 */
 function isImgElement(element) {
-  return typeof HTMLImageElement !== 'undefined'
-    ? element instanceof HTMLImageElement
-    : element.tagName.toLowerCase() === 'img';
+  return typeof HTMLImageElement !== 'undefined' ? element instanceof HTMLImageElement : element.tagName.toLowerCase() === 'img';
 }
 
 // 在 src/main.ts 引入并调用即可 import { addPreventDefault } from "@/utils/preventDefault"; addPreventDefault();
diff --git a/src/utils/tree.ts b/src/utils/tree.ts
index a8efdd3..1f7c236 100644
--- a/src/utils/tree.ts
+++ b/src/utils/tree.ts
@@ -106,8 +106,7 @@ export const appendFieldByUniqueId = (tree: any[], uniqueId: number | string, fi
   if (!tree || tree.length === 0) return [];
   for (const node of tree) {
     const hasChildren = node.children && node.children.length > 0;
-    if (node.uniqueId === uniqueId && Object.prototype.toString.call(fields) === '[object Object]')
-      Object.assign(node, fields);
+    if (node.uniqueId === uniqueId && Object.prototype.toString.call(fields) === '[object Object]') Object.assign(node, fields);
     if (hasChildren) {
       appendFieldByUniqueId(node.children, uniqueId, fields);
     }
diff --git a/src/views/account-settings/components/profile.vue b/src/views/account-settings/components/profile.vue
index 1017186..f242687 100644
--- a/src/views/account-settings/components/profile.vue
+++ b/src/views/account-settings/components/profile.vue
@@ -4,15 +4,7 @@ import { sexConstant } from '@/enums/baseConstant';
 import { $t } from '@/plugins/i18n';
 import { useAdminUserStore } from '@/store/system/adminUser';
 import { message } from '@/utils/message';
-import {
-  cropperBlob,
-  handleSubmitImage,
-  isShow,
-  onSearchByUserinfo,
-  rules,
-  uploadAvatarSrc,
-  userInfos,
-} from '@/views/account-settings/utils';
+import { cropperBlob, handleSubmitImage, isShow, onSearchByUserinfo, rules, uploadAvatarSrc, userInfos } from '@/views/account-settings/utils';
 import uploadLine from '@iconify-icons/ri/upload-line';
 import { deviceDetection } from '@pureadmin/utils';
 import type { FormInstance } from 'element-plus';
@@ -82,14 +74,7 @@ onMounted(() => {
     <el-form ref="userInfoFormRef" :model="userInfos" :rules="rules" label-position="top">
       <el-form-item :label="$t('avatar')">
         <el-avatar :size="80" :src="userInfos.avatar" />
-        <el-upload
-          ref="uploadRef"
-          :auto-upload="false"
-          :limit="1"
-          :on-change="onChange"
-          :show-file-list="false"
-          accept="image/*"
-        >
+        <el-upload ref="uploadRef" :auto-upload="false" :limit="1" :on-change="onChange" :show-file-list="false" accept="image/*">
           <el-button class="ml-4" plain>
             <IconifyIconOffline :icon="uploadLine" />
             <span class="ml-2">{{ $t('upload_avatar') }}</span>
@@ -102,13 +87,7 @@ onMounted(() => {
 
       <!-- 用户名 -->
       <el-form-item :label="$t('adminUser_username')" prop="username">
-        <el-input
-          v-model="userInfos.username"
-          :placeholder="$t('adminUser_username')"
-          autocomplete="off"
-          disabled
-          type="text"
-        />
+        <el-input v-model="userInfos.username" :placeholder="$t('adminUser_username')" autocomplete="off" disabled type="text" />
       </el-form-item>
 
       <!-- 昵称 -->
@@ -129,13 +108,7 @@ onMounted(() => {
       <!-- 性别 -->
       <el-form-item :label="$t('adminUser_sex')" prop="sex">
         <el-select v-model="userInfos.sex" :placeholder="$t('adminUser_sex')" clearable filterable>
-          <el-option
-            v-for="(item, index) in sexConstant"
-            :key="index"
-            :label="item.label"
-            :navigationBar="false"
-            :value="item.value"
-          />
+          <el-option v-for="(item, index) in sexConstant" :key="index" :label="item.label" :navigationBar="false" :value="item.value" />
         </el-select>
       </el-form-item>
 
diff --git a/src/views/account-settings/index.vue b/src/views/account-settings/index.vue
index 4785bf4..60d4ba8 100644
--- a/src/views/account-settings/index.vue
+++ b/src/views/account-settings/index.vue
@@ -69,16 +69,8 @@ onBeforeMount(() => {
       </el-menu>
     </el-aside>
     <el-main>
-      <LaySidebarTopCollapse
-        v-if="deviceDetection()"
-        :is-active="isOpen"
-        class="px-0"
-        @toggleClick="isOpen = !isOpen"
-      />
-      <component
-        :is="panes.find((item) => item.key === witchPane).component"
-        :class="[!deviceDetection() && 'ml-[120px]']"
-      />
+      <LaySidebarTopCollapse v-if="deviceDetection()" :is-active="isOpen" class="px-0" @toggleClick="isOpen = !isOpen" />
+      <component :is="panes.find((item) => item.key === witchPane).component" :class="[!deviceDetection() && 'ml-[120px]']" />
     </el-main>
   </el-container>
 </template>
diff --git a/src/views/configuration/email-template/components/email-template-dialog.vue b/src/views/configuration/email-template/components/email-template-dialog.vue
index d665b65..28eadbc 100644
--- a/src/views/configuration/email-template/components/email-template-dialog.vue
+++ b/src/views/configuration/email-template/components/email-template-dialog.vue
@@ -49,13 +49,7 @@ defineExpose({ formRef });
     <!-- 配置模板邮件关联用户邮件 -->
     <el-form-item :label="$t('emailTemplate_emailUser')" prop="emailUser">
       <el-select v-model="form.emailUser" :placeholder="$t('emailTemplate_emailUser')" clearable filterable>
-        <el-option
-          v-for="(item, index) in emailUsersStore.emailUserList"
-          :key="index"
-          :label="item.key"
-          :navigationBar="false"
-          :value="item.value"
-        />
+        <el-option v-for="(item, index) in emailUsersStore.emailUserList" :key="index" :label="item.key" :navigationBar="false" :value="item.value" />
       </el-select>
     </el-form-item>
 
@@ -85,13 +79,7 @@ defineExpose({ formRef });
     <!--配置邮件类型-->
     <el-form-item :label="$t('emailTemplate_type')" prop="type">
       <el-select v-model="form.type" :placeholder="$t('emailTemplate_type')" clearable filterable>
-        <el-option
-          v-for="(item, index) in emailTemplateStore.allEmailTypes"
-          :key="index"
-          :label="item.key"
-          :navigationBar="false"
-          :value="item.value"
-        />
+        <el-option v-for="(item, index) in emailTemplateStore.allEmailTypes" :key="index" :label="item.key" :navigationBar="false" :value="item.value" />
       </el-select>
     </el-form-item>
   </el-form>
diff --git a/src/views/configuration/email-template/index.vue b/src/views/configuration/email-template/index.vue
index d759f63..f7d1953 100644
--- a/src/views/configuration/email-template/index.vue
+++ b/src/views/configuration/email-template/index.vue
@@ -6,16 +6,7 @@ import PureTableBar from '@/components/TableBar/src/bar';
 import { $t } from '@/plugins/i18n';
 import { hasAuth } from '@/router/utils';
 import { useEmailTemplateStore } from '@/store/configuration/emailTemplate';
-import {
-  auth,
-  columns,
-  onAdd,
-  onDelete,
-  onDeleteBatch,
-  onSearch,
-  onUpdate,
-  selectRows,
-} from '@/views/configuration/email-template/utils';
+import { auth, columns, onAdd, onDelete, onDeleteBatch, onSearch, onUpdate, selectRows } from '@/views/configuration/email-template/utils';
 import Delete from '@iconify-icons/ep/delete';
 import EditPen from '@iconify-icons/ep/edit-pen';
 import Refresh from '@iconify-icons/ep/refresh';
@@ -78,12 +69,7 @@ onMounted(() => {
 <template>
   <div class="main">
     <ReAuth :value="auth.query">
-      <el-form
-        ref="formRef"
-        :inline="true"
-        :model="emailTemplateStore.form"
-        class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
-      >
+      <el-form ref="formRef" :inline="true" :model="emailTemplateStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
         <el-form-item :label="$t('emailTemplate_templateName')" prop="templateName">
           <el-input
             v-model="emailTemplateStore.form.templateName"
@@ -93,36 +79,16 @@ onMounted(() => {
           />
         </el-form-item>
         <el-form-item :label="$t('emailTemplate_subject')" prop="subject">
-          <el-input
-            v-model="emailTemplateStore.form.subject"
-            :placeholder="`${$t('input')}${$t('emailTemplate_subject')}`"
-            class="!w-[180px]"
-            clearable
-          />
+          <el-input v-model="emailTemplateStore.form.subject" :placeholder="`${$t('input')}${$t('emailTemplate_subject')}`" class="!w-[180px]" clearable />
         </el-form-item>
         <el-form-item :label="$t('emailTemplate_body')" prop="body">
-          <el-input
-            v-model="emailTemplateStore.form.body"
-            :placeholder="`${$t('input')}${$t('emailTemplate_body')}`"
-            class="!w-[180px]"
-            clearable
-          />
+          <el-input v-model="emailTemplateStore.form.body" :placeholder="`${$t('input')}${$t('emailTemplate_body')}`" class="!w-[180px]" clearable />
         </el-form-item>
         <el-form-item :label="$t('emailTemplate_type')" prop="type">
-          <el-input
-            v-model="emailTemplateStore.form.type"
-            :placeholder="`${$t('input')}${$t('emailTemplate_type')}`"
-            class="!w-[180px]"
-            clearable
-          />
+          <el-input v-model="emailTemplateStore.form.type" :placeholder="`${$t('input')}${$t('emailTemplate_type')}`" class="!w-[180px]" clearable />
         </el-form-item>
         <el-form-item>
-          <el-button
-            :icon="useRenderIcon('ri:search-line')"
-            :loading="emailTemplateStore.loading"
-            type="primary"
-            @click="onSearch"
-          >
+          <el-button :icon="useRenderIcon('ri:search-line')" :loading="emailTemplateStore.loading" type="primary" @click="onSearch">
             {{ $t('search') }}
           </el-button>
           <el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
@@ -130,26 +96,14 @@ onMounted(() => {
       </el-form>
     </ReAuth>
 
-    <PureTableBar
-      :columns="columns"
-      :title="$t('emailTemplate')"
-      @fullscreen="tableRef.setAdaptive()"
-      @refresh="onSearch"
-    >
+    <PureTableBar :columns="columns" :title="$t('emailTemplate')" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
       <template #buttons>
         <el-button v-if="hasAuth(auth.add)" :icon="useRenderIcon(AddFill)" plain type="primary" @click="onAdd">
           {{ $t('addNew') }}
         </el-button>
 
         <!-- 批量删除按钮 -->
-        <el-button
-          v-if="hasAuth(auth.delete)"
-          :disabled="!(selectRows.length > 0)"
-          :icon="useRenderIcon(Delete)"
-          plain
-          type="danger"
-          @click="onDeleteBatch"
-        >
+        <el-button v-if="hasAuth(auth.delete)" :disabled="!(selectRows.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
           {{ $t('deleteBatches') }}
         </el-button>
       </template>
@@ -195,36 +149,17 @@ onMounted(() => {
 
           <template #operation="{ row }">
             <!--查看模板-->
-            <el-button
-              :icon="useRenderIcon(View)"
-              :size="size"
-              class="reset-margin"
-              link
-              type="primary"
-              @click="viewTemplate(row.body)"
-            >
+            <el-button :icon="useRenderIcon(View)" :size="size" class="reset-margin" link type="primary" @click="viewTemplate(row.body)">
               {{ $t('view') }}
             </el-button>
 
             <!-- 修改 -->
-            <el-button
-              v-if="hasAuth(auth.update)"
-              :icon="useRenderIcon(EditPen)"
-              :size="size"
-              class="reset-margin"
-              link
-              type="primary"
-              @click="onUpdate(row)"
-            >
+            <el-button v-if="hasAuth(auth.update)" :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
               {{ $t('modify') }}
             </el-button>
 
             <!-- 删除 -->
-            <el-popconfirm
-              v-if="hasAuth(auth.delete)"
-              :title="`${$t('delete')} ${row.templateName}?`"
-              @confirm="onDelete(row)"
-            >
+            <el-popconfirm v-if="hasAuth(auth.delete)" :title="`${$t('delete')} ${row.templateName}?`" @confirm="onDelete(row)">
               <template #reference>
                 <el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
                   {{ $t('delete') }}
diff --git a/src/views/configuration/email-template/utils/columns.tsx b/src/views/configuration/email-template/utils/columns.tsx
index 6d5d726..734c3a2 100644
--- a/src/views/configuration/email-template/utils/columns.tsx
+++ b/src/views/configuration/email-template/utils/columns.tsx
@@ -21,11 +21,7 @@ export const columns: TableColumnList = [
     label: $t('isDefault'),
     prop: 'isDefault',
     formatter({ isDefault }) {
-      return isDefault ? (
-        <ElTag type={'success'}>{$t('default')}</ElTag>
-      ) : (
-        <ElTag type={'danger'}>{$t('no_default')}</ElTag>
-      );
+      return isDefault ? <ElTag type={'success'}>{$t('default')}</ElTag> : <ElTag type={'danger'}>{$t('no_default')}</ElTag>;
     },
     minWidth: 100,
   },
diff --git a/src/views/configuration/email-user/index.vue b/src/views/configuration/email-user/index.vue
index b88d0cf..462e902 100644
--- a/src/views/configuration/email-user/index.vue
+++ b/src/views/configuration/email-user/index.vue
@@ -68,30 +68,15 @@ onMounted(() => {
 <template>
   <div class="main">
     <ReAuth :value="auth.query">
-      <el-form
-        ref="formRef"
-        :inline="true"
-        :model="emailUsersStore.form"
-        class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
-      >
+      <el-form ref="formRef" :inline="true" :model="emailUsersStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
         <!-- 邮箱-->
         <el-form-item :label="$t('emailUsers_email')" prop="email">
-          <el-input
-            v-model="emailUsersStore.form.email"
-            :placeholder="`${$t('input')}${$t('emailUsers_email')}`"
-            class="!w-[180px]"
-            clearable
-          />
+          <el-input v-model="emailUsersStore.form.email" :placeholder="`${$t('input')}${$t('emailUsers_email')}`" class="!w-[180px]" clearable />
         </el-form-item>
 
         <!-- host地址-->
         <el-form-item :label="$t('emailUsers_host')" prop="host">
-          <el-input
-            v-model="emailUsersStore.form.host"
-            :placeholder="`${$t('input')}${$t('emailUsers_host')}`"
-            class="!w-[180px]"
-            clearable
-          />
+          <el-input v-model="emailUsersStore.form.host" :placeholder="`${$t('input')}${$t('emailUsers_host')}`" class="!w-[180px]" clearable />
         </el-form-item>
 
         <!-- 端口号-->
@@ -120,23 +105,12 @@ onMounted(() => {
         <!-- 是否启用SSL -->
         <el-form-item label="SSL" prop="openSSL">
           <el-select v-model="emailUsersStore.form.openSSL" class="!w-[180px]" clearable filterable placeholder="SSL">
-            <el-option
-              v-for="(item, index) in enabledOrNotStatus"
-              :key="index"
-              :label="item.label"
-              :navigationBar="false"
-              :value="item.value"
-            />
+            <el-option v-for="(item, index) in enabledOrNotStatus" :key="index" :label="item.label" :navigationBar="false" :value="item.value" />
           </el-select>
         </el-form-item>
 
         <el-form-item>
-          <el-button
-            :icon="useRenderIcon('ri:search-line')"
-            :loading="emailUsersStore.loading"
-            type="primary"
-            @click="onSearch"
-          >
+          <el-button :icon="useRenderIcon('ri:search-line')" :loading="emailUsersStore.loading" type="primary" @click="onSearch">
             {{ $t('search') }}
           </el-button>
           <el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
@@ -144,26 +118,14 @@ onMounted(() => {
       </el-form>
     </ReAuth>
 
-    <PureTableBar
-      :columns="columns"
-      :title="$t('email_user_send_config')"
-      @fullscreen="tableRef.setAdaptive()"
-      @refresh="onSearch"
-    >
+    <PureTableBar :columns="columns" :title="$t('email_user_send_config')" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
       <template #buttons>
         <el-button v-if="hasAuth(auth.add)" :icon="useRenderIcon(AddFill)" plain type="primary" @click="onAdd">
           {{ $t('addNew') }}
         </el-button>
 
         <!-- 批量删除按钮 -->
-        <el-button
-          v-if="hasAuth(auth.delete)"
-          :disabled="!(deleteIds.length > 0)"
-          :icon="useRenderIcon(Delete)"
-          plain
-          type="danger"
-          @click="onDeleteBatch"
-        >
+        <el-button v-if="hasAuth(auth.delete)" :disabled="!(deleteIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
           {{ $t('deleteBatches') }}
         </el-button>
       </template>
@@ -217,27 +179,13 @@ onMounted(() => {
 
           <!-- 插槽-更新用户 -->
           <template #updateUser="{ row }">
-            <el-button
-              v-if="hasAuth(auth.update)"
-              v-show="row.updateUser"
-              link
-              type="primary"
-              @click="selectUserinfo(row.updateUser)"
-            >
+            <el-button v-if="hasAuth(auth.update)" v-show="row.updateUser" link type="primary" @click="selectUserinfo(row.updateUser)">
               {{ row.updateUsername }}
             </el-button>
           </template>
 
           <template #operation="{ row }">
-            <el-button
-              v-if="hasAuth(auth.update)"
-              :icon="useRenderIcon(EditPen)"
-              :size="size"
-              class="reset-margin"
-              link
-              type="primary"
-              @click="onUpdate(row)"
-            >
+            <el-button v-if="hasAuth(auth.update)" :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
               {{ $t('modify') }}
             </el-button>
             <el-popconfirm v-if="hasAuth(auth.delete)" :title="`${$t('delete')}${row.email}?`" @confirm="onDelete(row)">
diff --git a/src/views/configuration/menu-icon/components/menu-icon-dialog.vue b/src/views/configuration/menu-icon/components/menu-icon-dialog.vue
index 69acace..3a92ecb 100644
--- a/src/views/configuration/menu-icon/components/menu-icon-dialog.vue
+++ b/src/views/configuration/menu-icon/components/menu-icon-dialog.vue
@@ -39,13 +39,7 @@ defineExpose({ formRef });
 
     <!-- icon 官网 -->
     <el-form-item :label="$t('systemMenuIcon.officialWebsite')">
-      <el-link
-        :title="$t('systemMenuIcon.officialWebsite')"
-        :underline="false"
-        href="https://icon-sets.iconify.design/"
-        target="_blank"
-        type="primary"
-      >
+      <el-link :title="$t('systemMenuIcon.officialWebsite')" :underline="false" href="https://icon-sets.iconify.design/" target="_blank" type="primary">
         {{ $t('systemMenuIcon.officialWebsite') }}
       </el-link>
     </el-form-item>
diff --git a/src/views/configuration/menu-icon/components/menu-icon-select-icon-name.vue b/src/views/configuration/menu-icon/components/menu-icon-select-icon-name.vue
index 44d4581..b7074db 100644
--- a/src/views/configuration/menu-icon/components/menu-icon-select-icon-name.vue
+++ b/src/views/configuration/menu-icon/components/menu-icon-select-icon-name.vue
@@ -41,12 +41,7 @@ const onRequestIconName = async (iconName: string) => {
     remote
     remote-show-suffix
   >
-    <el-option
-      v-for="menuIcon in menuIconStore.iconNameList"
-      :key="menuIcon.id"
-      :label="menuIcon.iconName"
-      :value="menuIcon.iconName"
-    />
+    <el-option v-for="menuIcon in menuIconStore.iconNameList" :key="menuIcon.id" :label="menuIcon.iconName" :value="menuIcon.iconName" />
     <template #loading>
       <el-icon class="is-loading">
         <LoadingSvg />
diff --git a/src/views/configuration/menu-icon/index.vue b/src/views/configuration/menu-icon/index.vue
index 7069c0a..0c24e67 100644
--- a/src/views/configuration/menu-icon/index.vue
+++ b/src/views/configuration/menu-icon/index.vue
@@ -1,15 +1,6 @@
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
-import {
-  auth,
-  columns,
-  deleteIds,
-  onAdd,
-  onDelete,
-  onDeleteBatch,
-  onSearch,
-  onUpdate,
-} from '@/views/configuration/menu-icon/utils';
+import { auth, columns, deleteIds, onAdd, onDelete, onDeleteBatch, onSearch, onUpdate } from '@/views/configuration/menu-icon/utils';
 import PureTableBar from '@/components/TableBar/src/bar';
 import { useRenderIcon } from '@/components/ReIcon/src/hooks';
 import AddFill from '@iconify-icons/ri/add-circle-line';
@@ -61,30 +52,15 @@ onMounted(() => {
 <template>
   <div class="main">
     <ReAuth :value="auth.query">
-      <el-form
-        ref="formRef"
-        :inline="true"
-        :model="menuIconStore.form"
-        class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
-      >
+      <el-form ref="formRef" :inline="true" :model="menuIconStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
         <el-form-item :label="$t('menuIcon_iconCode')" prop="iconCode">
-          <el-input
-            v-model="menuIconStore.form.iconCode"
-            :placeholder="`${$t('input')} ${$t('iconCode')}`"
-            class="!w-[180px]"
-            clearable
-          />
+          <el-input v-model="menuIconStore.form.iconCode" :placeholder="`${$t('input')} ${$t('iconCode')}`" class="!w-[180px]" clearable />
         </el-form-item>
         <el-form-item :label="$t('menuIcon_iconName')" prop="iconName">
           <MenuIconSelectIconName :form-inline="menuIconStore.form" class="!w-[180px]" />
         </el-form-item>
         <el-form-item>
-          <el-button
-            :icon="useRenderIcon('ri:search-line')"
-            :loading="menuIconStore.loading"
-            type="primary"
-            @click="onSearch"
-          >
+          <el-button :icon="useRenderIcon('ri:search-line')" :loading="menuIconStore.loading" type="primary" @click="onSearch">
             {{ $t('search') }}
           </el-button>
           <el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
@@ -99,14 +75,7 @@ onMounted(() => {
         </el-button>
 
         <!-- 批量删除按钮 -->
-        <el-button
-          v-if="hasAuth(auth.delete)"
-          :disabled="!(deleteIds.length > 0)"
-          :icon="useRenderIcon(Delete)"
-          plain
-          type="danger"
-          @click="onDeleteBatch"
-        >
+        <el-button v-if="hasAuth(auth.delete)" :disabled="!(deleteIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
           {{ $t('deleteBatches') }}
         </el-button>
       </template>
@@ -151,22 +120,10 @@ onMounted(() => {
           </template>
 
           <template #operation="{ row }">
-            <el-button
-              v-if="hasAuth(auth.update)"
-              :icon="useRenderIcon(EditPen)"
-              :size="size"
-              class="reset-margin"
-              link
-              type="primary"
-              @click="onUpdate(row)"
-            >
+            <el-button v-if="hasAuth(auth.update)" :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
               {{ $t('modify') }}
             </el-button>
-            <el-popconfirm
-              v-if="hasAuth(auth.delete)"
-              :title="`${$t('delete')}${row.iconName}?`"
-              @confirm="onDelete(row)"
-            >
+            <el-popconfirm v-if="hasAuth(auth.delete)" :title="`${$t('delete')}${row.iconName}?`" @confirm="onDelete(row)">
               <template #reference>
                 <el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
                   {{ $t('delete') }}
diff --git a/src/views/configuration/web-configuration/index.vue b/src/views/configuration/web-configuration/index.vue
index 2dfc276..d6349ea 100644
--- a/src/views/configuration/web-configuration/index.vue
+++ b/src/views/configuration/web-configuration/index.vue
@@ -25,15 +25,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <el-form
-    ref="ruleFormRef"
-    :model="form"
-    :rules="rules"
-    class="bg-white p-[30px] h-[100%]"
-    label-position="left"
-    label-width="auto"
-    status-icon
-  >
+  <el-form ref="ruleFormRef" :model="form" :rules="rules" class="bg-white p-[30px] h-[100%]" label-position="left" label-width="auto" status-icon>
     <el-row :gutter="30">
       <!-- 应用程序的版本 -->
       <re-col :sm="24" :value="12" :xs="24">
@@ -52,12 +44,7 @@ onMounted(() => {
       <!-- 版权信息 -->
       <re-col :sm="24" :value="12" :xs="24">
         <el-form-item :label="$t('copyright')" prop="copyright">
-          <el-input
-            v-model="form.copyright"
-            :placeholder="$t('input') + $t('copyright')"
-            autocomplete="off"
-            type="text"
-          />
+          <el-input v-model="form.copyright" :placeholder="$t('input') + $t('copyright')" autocomplete="off" type="text" />
         </el-form-item>
       </re-col>
 
@@ -125,12 +112,7 @@ onMounted(() => {
       <re-col :sm="24" :value="12" :xs="24">
         <el-form-item :label="$t('appLocale')" prop="locale">
           <el-select v-model="form.locale" :placeholder="$t('select') + $t('appLocale')" filterable>
-            <el-option
-              v-for="item in i18nTypeStore.datalist"
-              :key="item.id"
-              :label="item.summary"
-              :value="item.typeName"
-            />
+            <el-option v-for="item in i18nTypeStore.datalist" :key="item.id" :label="item.summary" :value="item.typeName" />
           </el-select>
         </el-form-item>
       </re-col>
@@ -292,12 +274,7 @@ onMounted(() => {
       <!-- 要显示的模型 -->
       <re-col :sm="24" :value="12" :xs="24">
         <el-form-item :label="$t('showModel')" prop="showModel">
-          <el-input
-            v-model="form.showModel"
-            :placeholder="$t('input') + $t('showModel')"
-            autocomplete="off"
-            type="text"
-          />
+          <el-input v-model="form.showModel" :placeholder="$t('input') + $t('showModel')" autocomplete="off" type="text" />
         </el-form-item>
       </re-col>
 
@@ -343,26 +320,14 @@ onMounted(() => {
       <!-- 响应式存储的命名空间 -->
       <re-col :sm="24" :value="12" :xs="24">
         <el-form-item :label="$t('responsiveStorageNameSpace')" prop="responsiveStorageNameSpace">
-          <el-input
-            v-model="form.responsiveStorageNameSpace"
-            :placeholder="$t('input') + $t('responsiveStorageNameSpace')"
-            autocomplete="off"
-            type="text"
-          />
+          <el-input v-model="form.responsiveStorageNameSpace" :placeholder="$t('input') + $t('responsiveStorageNameSpace')" autocomplete="off" type="text" />
         </el-form-item>
       </re-col>
 
       <!-- 菜单搜索历史 -->
       <re-col :sm="24" :value="12" :xs="24">
         <el-form-item :label="$t('menuSearchHistory')" prop="menuSearchHistory">
-          <el-input
-            v-model="form.menuSearchHistory"
-            :max="99"
-            :min="1"
-            :placeholder="$t('input') + $t('menuSearchHistory')"
-            autocomplete="off"
-            type="number"
-          />
+          <el-input v-model="form.menuSearchHistory" :max="99" :min="1" :placeholder="$t('input') + $t('menuSearchHistory')" autocomplete="off" type="number" />
         </el-form-item>
       </re-col>
 
diff --git a/src/views/i18n/i18n-setting/components/i18n-dialog.vue b/src/views/i18n/i18n-setting/components/i18n-dialog.vue
index 0055c6d..dd72054 100644
--- a/src/views/i18n/i18n-setting/components/i18n-dialog.vue
+++ b/src/views/i18n/i18n-setting/components/i18n-dialog.vue
@@ -27,12 +27,7 @@ defineExpose({ ruleFormRef });
   <el-form ref="ruleFormRef" :model="form" :rules="rules" isDefault-icon label-position="left" label-width="135px">
     <el-form-item :label="$t('i18n.typeName')" prop="typeName">
       <el-select v-model="form.typeName" :placeholder="$t('select') + $t('i18n.typeName')" filterable>
-        <el-option
-          v-for="item in i18nTypeStore.datalist"
-          :key="item.id"
-          :label="item.typeName"
-          :value="item.typeName"
-        />
+        <el-option v-for="item in i18nTypeStore.datalist" :key="item.id" :label="item.typeName" :value="item.typeName" />
       </el-select>
     </el-form-item>
 
diff --git a/src/views/i18n/i18n-setting/components/i18n-use-file-upload-doalog.vue b/src/views/i18n/i18n-setting/components/i18n-use-file-upload-doalog.vue
index f1f9c26..076e9ff 100644
--- a/src/views/i18n/i18n-setting/components/i18n-use-file-upload-doalog.vue
+++ b/src/views/i18n/i18n-setting/components/i18n-use-file-upload-doalog.vue
@@ -47,25 +47,12 @@ defineExpose({ formRef });
   <el-form ref="formRef" :model="form" :rules="rules" isDefault-icon>
     <el-form-item :label="$t('i18n_type')" prop="type">
       <el-select v-model="form.type" :placeholder="$t('select') + $t('i18n.typeName')" filterable>
-        <el-option
-          v-for="(item, index) in i18nTypeStore.datalist"
-          :key="index"
-          :label="item.typeName"
-          :value="item.typeName"
-        />
+        <el-option v-for="(item, index) in i18nTypeStore.datalist" :key="index" :label="item.typeName" :value="item.typeName" />
       </el-select>
     </el-form-item>
 
     <el-form-item :label="$t('files')" prop="file">
-      <el-upload
-        ref="uploadRef"
-        v-model:file-list="form.file"
-        :autoUpload="false"
-        :limit="1"
-        :on-exceed="handleExceed"
-        class="w-full mt-2"
-        drag
-      >
+      <el-upload ref="uploadRef" v-model:file-list="form.file" :autoUpload="false" :limit="1" :on-exceed="handleExceed" class="w-full mt-2" drag>
         <el-icon class="el-icon--upload">
           <UploadFilled />
         </el-icon>
diff --git a/src/views/i18n/i18n-setting/index.vue b/src/views/i18n/i18n-setting/index.vue
index 8c680ce..b356495 100644
--- a/src/views/i18n/i18n-setting/index.vue
+++ b/src/views/i18n/i18n-setting/index.vue
@@ -65,43 +65,18 @@ onMounted(() => {
 <template>
   <div class="main">
     <ReAuth :value="auth.query">
-      <el-form
-        ref="pageFormRef"
-        :inline="true"
-        :model="i18nStore.form"
-        class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
-      >
+      <el-form ref="pageFormRef" :inline="true" :model="i18nStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
         <el-form-item :label="$t('i18n.keyName')" prop="keyName">
-          <el-input
-            v-model="i18nStore.form.keyName"
-            :placeholder="`${$t('input')}${$t('i18n.keyName')}`"
-            class="!w-[180px]"
-            clearable
-          />
+          <el-input v-model="i18nStore.form.keyName" :placeholder="`${$t('input')}${$t('i18n.keyName')}`" class="!w-[180px]" clearable />
         </el-form-item>
         <el-form-item :label="$t('i18n.translation')" prop="translation">
-          <el-input
-            v-model="i18nStore.form.translation"
-            :placeholder="`${$t('input')}${$t('i18n.translation')}`"
-            class="!w-[180px]"
-            clearable
-          />
+          <el-input v-model="i18nStore.form.translation" :placeholder="`${$t('input')}${$t('i18n.translation')}`" class="!w-[180px]" clearable />
         </el-form-item>
         <el-form-item :label="$t('i18n.typeName')" prop="typeName">
-          <el-input
-            v-model="i18nStore.form.typeName"
-            :placeholder="`${$t('input')}${$t('i18n.typeName')}`"
-            class="!w-[180px]"
-            clearable
-          />
+          <el-input v-model="i18nStore.form.typeName" :placeholder="`${$t('input')}${$t('i18n.typeName')}`" class="!w-[180px]" clearable />
         </el-form-item>
         <el-form-item>
-          <el-button
-            :icon="useRenderIcon('ri:search-line')"
-            :loading="i18nStore.loading"
-            type="primary"
-            @click="onSearch"
-          >
+          <el-button :icon="useRenderIcon('ri:search-line')" :loading="i18nStore.loading" type="primary" @click="onSearch">
             {{ $t('search') }}
           </el-button>
           <el-button :icon="useRenderIcon(Refresh)" @click="resetForm(pageFormRef)">
@@ -111,12 +86,7 @@ onMounted(() => {
       </el-form>
     </ReAuth>
 
-    <PureTableBar
-      :columns="columns"
-      :title="$t('multilingualManagement')"
-      @fullscreen="tableRef.setAdaptive()"
-      @refresh="onSearch"
-    >
+    <PureTableBar :columns="columns" :title="$t('multilingualManagement')" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
       <template #buttons>
         <!-- 下载多语言配置 -->
         <el-dropdown v-if="hasAuth(auth.download)" class="mr-1" type="primary">
@@ -148,14 +118,7 @@ onMounted(() => {
         </el-button>
 
         <!-- 批量删除按钮 -->
-        <el-button
-          v-if="hasAuth(auth.deleted)"
-          :disabled="!(deleteIds.length > 0)"
-          :icon="useRenderIcon(Delete)"
-          plain
-          type="danger"
-          @click="onDeleteBatch"
-        >
+        <el-button v-if="hasAuth(auth.deleted)" :disabled="!(deleteIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
           {{ $t('deleteBatches') }}
         </el-button>
       </template>
@@ -198,22 +161,10 @@ onMounted(() => {
           </template>
 
           <template #operation="{ row }">
-            <el-button
-              v-if="hasAuth(auth.update)"
-              :icon="useRenderIcon(EditPen)"
-              :size="size"
-              class="reset-margin"
-              link
-              type="primary"
-              @click="onUpdate(row)"
-            >
+            <el-button v-if="hasAuth(auth.update)" :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
               {{ $t('modify') }}
             </el-button>
-            <el-popconfirm
-              v-if="hasAuth(auth.deleted)"
-              :title="`${$t('confirmDelete')} ${row.translation}`"
-              @confirm="onDelete(row)"
-            >
+            <el-popconfirm v-if="hasAuth(auth.deleted)" :title="`${$t('confirmDelete')} ${row.translation}`" @confirm="onDelete(row)">
               <template #reference>
                 <el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
                   {{ $t('delete') }}
diff --git a/src/views/i18n/i18n-type-setting/components/i18n-type-dialog.vue b/src/views/i18n/i18n-type-setting/components/i18n-type-dialog.vue
index adda45a..7027bfd 100644
--- a/src/views/i18n/i18n-type-setting/components/i18n-type-dialog.vue
+++ b/src/views/i18n/i18n-type-setting/components/i18n-type-dialog.vue
@@ -23,27 +23,13 @@ defineExpose({ formRef });
 <template>
   <el-form ref="formRef" :model="form" :rules="rules" label-width="auto">
     <el-form-item :label="$t('i18n_typeName')" prop="typeName">
-      <el-input
-        v-model="form.typeName"
-        :placeholder="$t('select') + $t('i18n_typeName')"
-        autocomplete="off"
-        type="text"
-      />
+      <el-input v-model="form.typeName" :placeholder="$t('select') + $t('i18n_typeName')" autocomplete="off" type="text" />
     </el-form-item>
     <el-form-item :label="$t('i18n_summary')" prop="summary">
-      <el-input
-        v-model="form.summary"
-        :placeholder="$t('select') + $t('i18n_summary')"
-        autocomplete="off"
-        type="text"
-      />
+      <el-input v-model="form.summary" :placeholder="$t('select') + $t('i18n_summary')" autocomplete="off" type="text" />
     </el-form-item>
     <el-form-item :label="$t('isDefault')" prop="isDefault">
-      <Segmented
-        :modelValue="form.isDefault ? 0 : 1"
-        :options="frameSureOptions"
-        @change="({ option: { value } }) => (form.isDefault = value)"
-      />
+      <Segmented :modelValue="form.isDefault ? 0 : 1" :options="frameSureOptions" @change="({ option: { value } }) => (form.isDefault = value)" />
     </el-form-item>
   </el-form>
 </template>
diff --git a/src/views/i18n/i18n-type-setting/index.vue b/src/views/i18n/i18n-type-setting/index.vue
index f32f217..d750c74 100644
--- a/src/views/i18n/i18n-type-setting/index.vue
+++ b/src/views/i18n/i18n-type-setting/index.vue
@@ -33,35 +33,15 @@ onMounted(() => {
 
 <template>
   <div class="main">
-    <el-form
-      ref="formRef"
-      :inline="true"
-      :model="i18nTypeStore.form"
-      class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
-    >
+    <el-form ref="formRef" :inline="true" :model="i18nTypeStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
       <el-form-item :label="$t('i18n_typeName')" prop="typeName">
-        <el-input
-          v-model="i18nTypeStore.form.typeName"
-          :placeholder="`${$t('input')}${$t('i18n_typeName')}`"
-          class="!w-[180px]"
-          clearable
-        />
+        <el-input v-model="i18nTypeStore.form.typeName" :placeholder="`${$t('input')}${$t('i18n_typeName')}`" class="!w-[180px]" clearable />
       </el-form-item>
       <el-form-item :label="$t('i18n_summary')" prop="summary">
-        <el-input
-          v-model="i18nTypeStore.form.summary"
-          :placeholder="`${$t('input')}${$t('i18n_summary')}`"
-          class="!w-[180px]"
-          clearable
-        />
+        <el-input v-model="i18nTypeStore.form.summary" :placeholder="`${$t('input')}${$t('i18n_summary')}`" class="!w-[180px]" clearable />
       </el-form-item>
       <el-form-item>
-        <el-button
-          :icon="useRenderIcon('ri:search-line')"
-          :loading="i18nTypeStore.loading"
-          type="primary"
-          @click="onSearch"
-        >
+        <el-button :icon="useRenderIcon('ri:search-line')" :loading="i18nTypeStore.loading" type="primary" @click="onSearch">
           {{ $t('search') }}
         </el-button>
         <el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
@@ -109,22 +89,10 @@ onMounted(() => {
           </template>
 
           <template #operation="{ row }">
-            <el-button
-              v-if="hasAuth(auth.update)"
-              :icon="useRenderIcon(EditPen)"
-              :size="size"
-              class="reset-margin"
-              link
-              type="primary"
-              @click="onUpdate(row)"
-            >
+            <el-button v-if="hasAuth(auth.update)" :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
               {{ $t('modify') }}
             </el-button>
-            <el-popconfirm
-              v-if="hasAuth(auth.delete)"
-              :title="`${$t('delete')} ${row.typeName}?`"
-              @confirm="onDelete(row)"
-            >
+            <el-popconfirm v-if="hasAuth(auth.delete)" :title="`${$t('delete')} ${row.typeName}?`" @confirm="onDelete(row)">
               <template #reference>
                 <el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
                   {{ $t('delete') }}
diff --git a/src/views/login/components/login-email.vue b/src/views/login/components/login-email.vue
index 8649a03..e253899 100644
--- a/src/views/login/components/login-email.vue
+++ b/src/views/login/components/login-email.vue
@@ -109,24 +109,13 @@ onBeforeUnmount(() => {
   <el-form ref="ruleFormRef" :model="ruleForm" :rules="emailRules" size="large">
     <Motion :delay="100">
       <el-form-item prop="username">
-        <el-input
-          v-model="ruleForm.username"
-          :placeholder="t('login.username')"
-          :prefix-icon="useRenderIcon(User)"
-          clearable
-        />
+        <el-input v-model="ruleForm.username" :placeholder="t('login.username')" :prefix-icon="useRenderIcon(User)" clearable />
       </el-form-item>
     </Motion>
 
     <Motion :delay="150">
       <el-form-item prop="password">
-        <el-input
-          v-model="ruleForm.password"
-          :placeholder="t('login.password')"
-          :prefix-icon="useRenderIcon(Lock)"
-          clearable
-          show-password
-        />
+        <el-input v-model="ruleForm.password" :placeholder="t('login.password')" :prefix-icon="useRenderIcon(Lock)" clearable show-password />
       </el-form-item>
     </Motion>
 
@@ -150,9 +139,7 @@ onBeforeUnmount(() => {
           </template>
         </el-input>
         <el-checkbox v-model="userStore.isRemembered">
-          <el-text size="small" type="primary">
-            {{ userStore.readMeDay }}天免登录(邮箱验证码随便输入,后端校验验证码已注释)
-          </el-text>
+          <el-text size="small" type="primary">{{ userStore.readMeDay }}天免登录(邮箱验证码随便输入,后端校验验证码已注释)</el-text>
         </el-checkbox>
       </el-form-item>
     </Motion>
diff --git a/src/views/login/components/login-form.vue b/src/views/login/components/login-form.vue
index 34c6c74..c9b95f8 100644
--- a/src/views/login/components/login-form.vue
+++ b/src/views/login/components/login-form.vue
@@ -69,28 +69,15 @@ onBeforeUnmount(() => {
   <el-form ref="ruleFormRef" :model="ruleForm" :rules="formRules" size="large">
     <Motion>
       <el-form-item prop="username">
-        <el-input
-          v-model="ruleForm.username"
-          :placeholder="t('login.username')"
-          :prefix-icon="useRenderIcon(User)"
-          clearable
-        />
+        <el-input v-model="ruleForm.username" :placeholder="t('login.username')" :prefix-icon="useRenderIcon(User)" clearable />
       </el-form-item>
     </Motion>
 
     <Motion :delay="150">
       <el-form-item prop="password">
-        <el-input
-          v-model="ruleForm.password"
-          :placeholder="t('login.password')"
-          :prefix-icon="useRenderIcon(Lock)"
-          clearable
-          show-password
-        />
+        <el-input v-model="ruleForm.password" :placeholder="t('login.password')" :prefix-icon="useRenderIcon(Lock)" clearable show-password />
         <el-checkbox v-model="userStore.isRemembered">
-          <el-text size="small" type="primary">
-            {{ userStore.readMeDay }}天免登录(邮箱验证码随便输入,后端校验验证码已注释)
-          </el-text>
+          <el-text size="small" type="primary">{{ userStore.readMeDay }}天免登录(邮箱验证码随便输入,后端校验验证码已注释)</el-text>
         </el-checkbox>
       </el-form-item>
     </Motion>
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 8a1f1fd..69e7cd1 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -35,19 +35,11 @@ onMounted(() => {
     <img :src="bg" alt="" class="wave" />
     <div class="flex-c absolute right-5 top-3">
       <!-- 主题 -->
-      <el-switch
-        v-model="dataTheme"
-        :active-icon="dayIcon"
-        :inactive-icon="darkIcon"
-        inline-prompt
-        @change="dataThemeChange"
-      />
+      <el-switch v-model="dataTheme" :active-icon="dayIcon" :inactive-icon="darkIcon" inline-prompt @change="dataThemeChange" />
 
       <!-- 国际化 -->
       <el-dropdown trigger="click">
-        <globalization
-          class="hover:text-primary hover:!bg-[transparent] w-[20px] h-[20px] ml-1.5 cursor-pointer outline-none duration-300"
-        />
+        <globalization class="hover:text-primary hover:!bg-[transparent] w-[20px] h-[20px] ml-1.5 cursor-pointer outline-none duration-300" />
         <template #dropdown>
           <el-dropdown-menu class="translation">
             <el-dropdown-item
diff --git a/src/views/message-manger/message-detail/components/detail-type.vue b/src/views/message-manger/message-detail/components/detail-type.vue
index 4c95bba..c0ee5a3 100644
--- a/src/views/message-manger/message-detail/components/detail-type.vue
+++ b/src/views/message-manger/message-detail/components/detail-type.vue
@@ -1,13 +1,6 @@
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
-import {
-  columns,
-  markAsAllRead,
-  markAsRead,
-  onDelete,
-  onSearch,
-  selectIds,
-} from '@/views/message-manger/message-detail/utils';
+import { columns, markAsAllRead, markAsRead, onDelete, onSearch, selectIds } from '@/views/message-manger/message-detail/utils';
 import PureTableBar from '@/components/TableBar/src/bar';
 import PureTable from '@pureadmin/table';
 import Delete from '@iconify-icons/ep/delete';
@@ -53,39 +46,19 @@ onMounted(() => {
 
 <template>
   <div class="main">
-    <PureTableBar
-      :columns="columns"
-      @fullscreen="tableRef.setAdaptive()"
-      @refresh="onSearch((route.params as any).messageType)"
-    >
+    <PureTableBar :columns="columns" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch((route.params as any).messageType)">
       <template #title>
-        <el-segmented
-          v-model="messageUserStore.form.status"
-          :options="isReadStatus"
-          @change="onSearch((route.params as any).messageType)"
-        />
+        <el-segmented v-model="messageUserStore.form.status" :options="isReadStatus" @change="onSearch((route.params as any).messageType)" />
       </template>
 
       <template #buttons>
         <!-- 删除按钮 -->
-        <el-button
-          :disabled="!(selectIds.length > 0)"
-          :icon="useRenderIcon(Delete)"
-          plain
-          type="danger"
-          @click="onDelete"
-        >
+        <el-button :disabled="!(selectIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDelete">
           {{ $t('delete') }}
         </el-button>
 
         <!-- 标为已读 -->
-        <el-button
-          :disabled="!(selectIds.length > 0)"
-          :icon="useRenderIcon('octicon:read-24')"
-          plain
-          type="primary"
-          @click="markAsRead"
-        >
+        <el-button :disabled="!(selectIds.length > 0)" :icon="useRenderIcon('octicon:read-24')" plain type="primary" @click="markAsRead">
           {{ $t('markAsRead') }}
         </el-button>
 
diff --git a/src/views/message-manger/message-editing/components/markdown-editor.vue b/src/views/message-manger/message-editing/components/markdown-editor.vue
index 9bdb3e6..0c3376b 100644
--- a/src/views/message-manger/message-editing/components/markdown-editor.vue
+++ b/src/views/message-manger/message-editing/components/markdown-editor.vue
@@ -28,10 +28,5 @@ const onUploadImg = async (files: any, callback: any) => {
 </script>
 
 <template>
-  <MdEditor
-    v-model="formState.content"
-    :showToolbarName="true"
-    style="height: calc(100vh - 150px)"
-    @onUploadImg="onUploadImg"
-  />
+  <MdEditor v-model="formState.content" :showToolbarName="true" style="height: calc(100vh - 150px)" @onUploadImg="onUploadImg" />
 </template>
diff --git a/src/views/message-manger/message-editing/components/message-editor-from.vue b/src/views/message-manger/message-editing/components/message-editor-from.vue
index b669cdb..db53d9b 100644
--- a/src/views/message-manger/message-editing/components/message-editor-from.vue
+++ b/src/views/message-manger/message-editing/components/message-editor-from.vue
@@ -79,12 +79,7 @@ onMounted(() => {
 
     <!-- 消息类型 -->
     <el-form-item :label="$t('messageType')" prop="messageTypeId">
-      <el-select
-        v-model="formState.messageTypeId"
-        :placeholder="`${$t('select')}${$t('messageType')}`"
-        clearable
-        filterable
-      >
+      <el-select v-model="formState.messageTypeId" :placeholder="`${$t('select')}${$t('messageType')}`" clearable filterable>
         <el-option
           v-for="(item, index) in messageTypeStore.allMessageTypeList"
           :key="index"
@@ -141,14 +136,7 @@ onMounted(() => {
 
     <!-- 封面内容 -->
     <el-form-item :label="$t('cover')" prop="cover">
-      <el-upload
-        :auto-upload="true"
-        :before-upload="beforeUpload"
-        :http-request="onUpload"
-        :show-file-list="false"
-        accept="image/*"
-        drag
-      >
+      <el-upload :auto-upload="true" :before-upload="beforeUpload" :http-request="onUpload" :show-file-list="false" accept="image/*" drag>
         <el-image v-if="coverUrl" :src="coverUrl" fit="cover" lazy>
           <template #placeholder>
             <ImageLoading />
@@ -163,26 +151,12 @@ onMounted(() => {
 
     <!-- 简介 -->
     <el-form-item :label="$t('summary')" prop="summary">
-      <el-input
-        v-model="formState.summary"
-        :autosize="{ minRows: 3, maxRows: 6 }"
-        maxlength="200"
-        minlength="10"
-        show-word-limit
-        type="textarea"
-      />
+      <el-input v-model="formState.summary" :autosize="{ minRows: 3, maxRows: 6 }" maxlength="200" minlength="10" show-word-limit type="textarea" />
     </el-form-item>
 
     <!-- 消息等级 -->
     <el-form-item :label="$t('level')" prop="level">
-      <el-select
-        v-model="formState.level"
-        :placeholder="$t('select') + $t('level')"
-        clearable
-        filterable
-        remote
-        remote-show-suffix
-      >
+      <el-select v-model="formState.level" :placeholder="$t('select') + $t('level')" clearable filterable remote remote-show-suffix>
         <el-option v-for="item in messageLevel" :key="item" :label="$t(item)" :value="item" />
       </el-select>
     </el-form-item>
diff --git a/src/views/message-manger/message-received/index.vue b/src/views/message-manger/message-received/index.vue
index 769cf54..335b1a1 100644
--- a/src/views/message-manger/message-received/index.vue
+++ b/src/views/message-manger/message-received/index.vue
@@ -1,13 +1,6 @@
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
-import {
-  auth,
-  columns,
-  onDeleteBatch,
-  onSearch,
-  selectIds,
-  updateMarkMessageReceived,
-} from '@/views/message-manger/message-received/utils';
+import { auth, columns, onDeleteBatch, onSearch, selectIds, updateMarkMessageReceived } from '@/views/message-manger/message-received/utils';
 import PureTableBar from '@/components/TableBar/src/bar';
 import PureTable from '@pureadmin/table';
 import Delete from '@iconify-icons/ep/delete';
@@ -63,30 +56,15 @@ onMounted(() => {
 <template>
   <div class="main">
     <ReAuth :value="auth.query">
-      <el-form
-        ref="formRef"
-        :inline="true"
-        :model="messageReceivedStore.form"
-        class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
-      >
+      <el-form ref="formRef" :inline="true" :model="messageReceivedStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
         <!-- 消息标题 -->
         <el-form-item :label="$t('title')" prop="title">
-          <el-input
-            v-model="messageReceivedStore.form.title"
-            :placeholder="`${$t('input')}${$t('title')}`"
-            class="!w-[180px]"
-            clearable
-          />
+          <el-input v-model="messageReceivedStore.form.title" :placeholder="`${$t('input')}${$t('title')}`" class="!w-[180px]" clearable />
         </el-form-item>
 
         <!-- 发送人昵称 -->
         <el-form-item :label="$t('sendNickname')" prop="sendNickname">
-          <el-input
-            v-model="messageReceivedStore.form.sendNickname"
-            :placeholder="`${$t('input')}${$t('sendNickname')}`"
-            class="!w-[180px]"
-            clearable
-          />
+          <el-input v-model="messageReceivedStore.form.sendNickname" :placeholder="`${$t('input')}${$t('sendNickname')}`" class="!w-[180px]" clearable />
         </el-form-item>
 
         <!-- 消息类型 -->
@@ -110,72 +88,32 @@ onMounted(() => {
 
         <!-- 编辑器类型 -->
         <el-form-item :label="$t('editorType')" prop="editorType">
-          <el-select
-            v-model="messageReceivedStore.form.editorType"
-            :placeholder="`${$t('select')}${$t('editorType')}`"
-            class="!w-[180px]"
-            clearable
-            filterable
-          >
-            <el-option
-              v-for="(item, index) in ['rich', 'markdown']"
-              :key="index"
-              :label="item"
-              :navigationBar="false"
-              :value="item"
-            />
+          <el-select v-model="messageReceivedStore.form.editorType" :placeholder="`${$t('select')}${$t('editorType')}`" class="!w-[180px]" clearable filterable>
+            <el-option v-for="(item, index) in ['rich', 'markdown']" :key="index" :label="item" :navigationBar="false" :value="item" />
           </el-select>
         </el-form-item>
 
         <!-- 消息等级 -->
         <el-form-item :label="$t('level')" prop="level">
-          <el-select
-            v-model="messageReceivedStore.form.level"
-            :placeholder="$t('level')"
-            class="!w-[180px]"
-            clearable
-            filterable
-            remote
-            remote-show-suffix
-          >
+          <el-select v-model="messageReceivedStore.form.level" :placeholder="$t('level')" class="!w-[180px]" clearable filterable remote remote-show-suffix>
             <el-option v-for="item in messageLevel" :key="item" :label="$t(item)" :value="item" />
           </el-select>
         </el-form-item>
 
         <!-- 消息等级简介 -->
         <el-form-item :label="$t('extra')" prop="extra">
-          <el-input
-            v-model="messageReceivedStore.form.extra"
-            class="!w-[180px]"
-            maxlength="20"
-            minlength="10"
-            show-word-limit
-            type="text"
-          />
+          <el-input v-model="messageReceivedStore.form.extra" class="!w-[180px]" maxlength="20" minlength="10" show-word-limit type="text" />
         </el-form-item>
 
         <!-- 0:未读 1:已读 -->
         <el-form-item :label="$t('status')" prop="status">
-          <el-select
-            v-model="messageReceivedStore.form.status"
-            :placeholder="$t('status')"
-            class="!w-[180px]"
-            clearable
-            filterable
-            remote
-            remote-show-suffix
-          >
+          <el-select v-model="messageReceivedStore.form.status" :placeholder="$t('status')" class="!w-[180px]" clearable filterable remote remote-show-suffix>
             <el-option v-for="(item, index) in isReadStatus" :key="index" :label="item.label" :value="item.value" />
           </el-select>
         </el-form-item>
 
         <el-form-item>
-          <el-button
-            :icon="useRenderIcon('ri:search-line')"
-            :loading="messageReceivedStore.loading"
-            type="primary"
-            @click="onSearch"
-          >
+          <el-button :icon="useRenderIcon('ri:search-line')" :loading="messageReceivedStore.loading" type="primary" @click="onSearch">
             {{ $t('search') }}
           </el-button>
           <el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
@@ -210,14 +148,7 @@ onMounted(() => {
         </el-button>
 
         <!-- 批量删除按钮 -->
-        <el-button
-          v-if="hasAuth(auth.delete)"
-          :disabled="!(selectIds.length > 0)"
-          :icon="useRenderIcon(Delete)"
-          plain
-          type="danger"
-          @click="onDeleteBatch"
-        >
+        <el-button v-if="hasAuth(auth.delete)" :disabled="!(selectIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
           {{ $t('delete_batches') }}
         </el-button>
       </template>
diff --git a/src/views/message-manger/message-received/utils/columns.tsx b/src/views/message-manger/message-received/utils/columns.tsx
index 98f8e68..77565f2 100644
--- a/src/views/message-manger/message-received/utils/columns.tsx
+++ b/src/views/message-manger/message-received/utils/columns.tsx
@@ -21,11 +21,7 @@ export const columns: TableColumnList = [
     prop: 'editorType',
     minWidth: 130,
     formatter({ editorType }) {
-      return editorType === 'rich' ? (
-        <ElText type={'info'}>{editorType}</ElText>
-      ) : (
-        <ElText type={'warning'}>{editorType}</ElText>
-      );
+      return editorType === 'rich' ? <ElText type={'info'}>{editorType}</ElText> : <ElText type={'warning'}>{editorType}</ElText>;
     },
   },
   // 封面
diff --git a/src/views/message-manger/message-send/components/markdown-editor.vue b/src/views/message-manger/message-send/components/markdown-editor.vue
index 5d7e45a..dedfee9 100644
--- a/src/views/message-manger/message-send/components/markdown-editor.vue
+++ b/src/views/message-manger/message-send/components/markdown-editor.vue
@@ -24,10 +24,5 @@ const onUploadImg = async (files: any, callback: any) => {
 </script>
 
 <template>
-  <MdEditor
-    v-model="updateMessage.content"
-    :showToolbarName="true"
-    style="height: calc(100vh - 130px)"
-    @onUploadImg="onUploadImg"
-  />
+  <MdEditor v-model="updateMessage.content" :showToolbarName="true" style="height: calc(100vh - 130px)" @onUploadImg="onUploadImg" />
 </template>
diff --git a/src/views/message-manger/message-send/components/message-dialog.vue b/src/views/message-manger/message-send/components/message-dialog.vue
index 882850c..9196eab 100644
--- a/src/views/message-manger/message-send/components/message-dialog.vue
+++ b/src/views/message-manger/message-send/components/message-dialog.vue
@@ -1,16 +1,7 @@
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
 import { FormInstance } from 'element-plus';
-import {
-  coverUrl,
-  editorTypeList,
-  loading,
-  onSearchUserinfo,
-  onUpload,
-  rules,
-  updateMessage,
-  userDataList,
-} from '@/views/message-manger/message-send/utils';
+import { coverUrl, editorTypeList, loading, onSearchUserinfo, onUpload, rules, updateMessage, userDataList } from '@/views/message-manger/message-send/utils';
 import { $t } from '@/plugins/i18n';
 import { usePublicHooks } from '@/views/hooks';
 import { useMessageTypeStore } from '@/store/message/messageType';
@@ -52,12 +43,7 @@ defineExpose({ formRef });
 
             <!-- 消息类型 -->
             <el-form-item :label="$t('messageType')" prop="messageTypeId">
-              <el-select
-                v-model="updateMessage.messageTypeId"
-                :placeholder="`${$t('select')}${$t('messageType')}`"
-                clearable
-                filterable
-              >
+              <el-select v-model="updateMessage.messageTypeId" :placeholder="`${$t('select')}${$t('messageType')}`" clearable filterable>
                 <el-option
                   v-for="(item, index) in messageTypeStore.allMessageTypeList"
                   :key="index"
@@ -114,12 +100,7 @@ defineExpose({ formRef });
             <!-- 编辑器类型 -->
             <el-form-item :label="$t('editorType')" prop="editorType">
               <el-radio-group v-model="updateMessage.editorType">
-                <el-radio
-                  v-for="(item, index) in editorTypeList"
-                  :key="index"
-                  :navigationBar="false"
-                  :value="item.value"
-                >
+                <el-radio v-for="(item, index) in editorTypeList" :key="index" :navigationBar="false" :value="item.value">
                   {{ item.label }}
                 </el-radio>
               </el-radio-group>
@@ -127,14 +108,7 @@ defineExpose({ formRef });
 
             <!-- 封面内容 -->
             <el-form-item :label="$t('cover')" prop="cover">
-              <el-upload
-                :auto-upload="true"
-                :before-upload="beforeUpload"
-                :http-request="onUpload"
-                :show-file-list="false"
-                accept="image/*"
-                drag
-              >
+              <el-upload :auto-upload="true" :before-upload="beforeUpload" :http-request="onUpload" :show-file-list="false" accept="image/*" drag>
                 <el-image v-if="coverUrl" :src="coverUrl" fit="cover" lazy>
                   <template #placeholder>
                     <ImageLoading />
@@ -149,26 +123,12 @@ defineExpose({ formRef });
 
             <!-- 简介 -->
             <el-form-item :label="$t('summary')" prop="summary">
-              <el-input
-                v-model="updateMessage.summary"
-                :autosize="{ minRows: 3, maxRows: 6 }"
-                maxlength="200"
-                minlength="10"
-                show-word-limit
-                type="textarea"
-              />
+              <el-input v-model="updateMessage.summary" :autosize="{ minRows: 3, maxRows: 6 }" maxlength="200" minlength="10" show-word-limit type="textarea" />
             </el-form-item>
 
             <!-- 消息等级 -->
             <el-form-item :label="$t('level')" prop="level">
-              <el-select
-                v-model="updateMessage.level"
-                :placeholder="$t('level')"
-                clearable
-                filterable
-                remote
-                remote-show-suffix
-              >
+              <el-select v-model="updateMessage.level" :placeholder="$t('level')" clearable filterable remote remote-show-suffix>
                 <el-option v-for="item in messageLevel" :key="item" :label="$t(item)" :value="item" />
               </el-select>
             </el-form-item>
diff --git a/src/views/message-manger/message-send/index.vue b/src/views/message-manger/message-send/index.vue
index 639ea65..02f759e 100644
--- a/src/views/message-manger/message-send/index.vue
+++ b/src/views/message-manger/message-send/index.vue
@@ -1,14 +1,6 @@
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
-import {
-  auth,
-  columns,
-  deleteIds,
-  onDelete,
-  onDeleteBatch,
-  onSearch,
-  onUpdate,
-} from '@/views/message-manger/message-send/utils';
+import { auth, columns, deleteIds, onDelete, onDeleteBatch, onSearch, onUpdate } from '@/views/message-manger/message-send/utils';
 import PureTableBar from '@/components/TableBar/src/bar';
 import PureTable from '@pureadmin/table';
 import Delete from '@iconify-icons/ep/delete';
@@ -64,41 +56,20 @@ onMounted(() => {
 <template>
   <div class="main">
     <ReAuth :value="auth.search">
-      <el-form
-        ref="formRef"
-        :inline="true"
-        :model="messageSendStore.form"
-        class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
-      >
+      <el-form ref="formRef" :inline="true" :model="messageSendStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
         <!-- 消息标题 -->
         <el-form-item :label="$t('title')" prop="title">
-          <el-input
-            v-model="messageSendStore.form.title"
-            :placeholder="`${$t('input')}${$t('title')}`"
-            class="!w-[180px]"
-            clearable
-          />
+          <el-input v-model="messageSendStore.form.title" :placeholder="`${$t('input')}${$t('title')}`" class="!w-[180px]" clearable />
         </el-form-item>
 
         <!-- 发送人昵称 -->
         <el-form-item :label="$t('sendNickname')" prop="sendNickname">
-          <el-input
-            v-model="messageSendStore.form.sendNickname"
-            :placeholder="`${$t('input')}${$t('sendNickname')}`"
-            class="!w-[180px]"
-            clearable
-          />
+          <el-input v-model="messageSendStore.form.sendNickname" :placeholder="`${$t('input')}${$t('sendNickname')}`" class="!w-[180px]" clearable />
         </el-form-item>
 
         <!-- 消息类型 -->
         <el-form-item :label="$t('messageType')" prop="messageType">
-          <el-select
-            v-model="messageSendStore.form.messageType"
-            :placeholder="`${$t('select')}${$t('messageType')}`"
-            class="!w-[180px]"
-            clearable
-            filterable
-          >
+          <el-select v-model="messageSendStore.form.messageType" :placeholder="`${$t('select')}${$t('messageType')}`" class="!w-[180px]" clearable filterable>
             <el-option
               v-for="(item, index) in messageTypeStore.allMessageTypeList"
               :key="index"
@@ -111,72 +82,32 @@ onMounted(() => {
 
         <!-- 编辑器类型 -->
         <el-form-item :label="$t('editorType')" prop="editorType">
-          <el-select
-            v-model="messageSendStore.form.editorType"
-            :placeholder="`${$t('select')}${$t('editorType')}`"
-            class="!w-[180px]"
-            clearable
-            filterable
-          >
-            <el-option
-              v-for="(item, index) in ['rich', 'markdown']"
-              :key="index"
-              :label="item"
-              :navigationBar="false"
-              :value="item"
-            />
+          <el-select v-model="messageSendStore.form.editorType" :placeholder="`${$t('select')}${$t('editorType')}`" class="!w-[180px]" clearable filterable>
+            <el-option v-for="(item, index) in ['rich', 'markdown']" :key="index" :label="item" :navigationBar="false" :value="item" />
           </el-select>
         </el-form-item>
 
         <!-- 消息等级 -->
         <el-form-item :label="$t('level')" prop="level">
-          <el-select
-            v-model="messageSendStore.form.level"
-            :placeholder="$t('level')"
-            class="!w-[180px]"
-            clearable
-            filterable
-            remote
-            remote-show-suffix
-          >
+          <el-select v-model="messageSendStore.form.level" :placeholder="$t('level')" class="!w-[180px]" clearable filterable remote remote-show-suffix>
             <el-option v-for="item in messageLevel" :key="item" :label="$t(item)" :value="item" />
           </el-select>
         </el-form-item>
 
         <!-- 消息等级简介 -->
         <el-form-item :label="$t('extra')" prop="extra">
-          <el-input
-            v-model="messageSendStore.form.extra"
-            class="!w-[180px]"
-            maxlength="20"
-            minlength="10"
-            show-word-limit
-            type="text"
-          />
+          <el-input v-model="messageSendStore.form.extra" class="!w-[180px]" maxlength="20" minlength="10" show-word-limit type="text" />
         </el-form-item>
 
         <!-- 0:未读 1:已读 -->
         <el-form-item :label="$t('status')" prop="status">
-          <el-select
-            v-model="messageSendStore.form.status"
-            :placeholder="$t('status')"
-            class="!w-[180px]"
-            clearable
-            filterable
-            remote
-            remote-show-suffix
-          >
+          <el-select v-model="messageSendStore.form.status" :placeholder="$t('status')" class="!w-[180px]" clearable filterable remote remote-show-suffix>
             <el-option v-for="(item, index) in isReadStatus" :key="index" :label="item.label" :value="item.value" />
           </el-select>
         </el-form-item>
 
         <el-form-item>
-          <el-button
-            :icon="useRenderIcon('ri:search-line')"
-            :loading="messageSendStore.loading"
-            type="primary"
-            @click="onSearch"
-          >
+          <el-button :icon="useRenderIcon('ri:search-line')" :loading="messageSendStore.loading" type="primary" @click="onSearch">
             {{ $t('search') }}
           </el-button>
           <el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
@@ -187,14 +118,7 @@ onMounted(() => {
     <PureTableBar :columns="columns" title="系统消息" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
       <template #buttons>
         <!-- 批量删除按钮 -->
-        <el-button
-          v-if="hasAuth(auth.deleted)"
-          :disabled="!(deleteIds.length > 0)"
-          :icon="useRenderIcon(Delete)"
-          plain
-          type="danger"
-          @click="onDeleteBatch"
-        >
+        <el-button v-if="hasAuth(auth.deleted)" :disabled="!(deleteIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
           {{ $t('delete_batches') }}
         </el-button>
       </template>
@@ -259,22 +183,10 @@ onMounted(() => {
           </template>
 
           <template #operation="{ row }">
-            <el-button
-              v-if="hasAuth(auth.update)"
-              :icon="useRenderIcon(EditPen)"
-              :size="size"
-              class="reset-margin"
-              link
-              type="primary"
-              @click="onUpdate(row)"
-            >
+            <el-button v-if="hasAuth(auth.update)" :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
               {{ $t('modify') }}
             </el-button>
-            <el-popconfirm
-              v-if="hasAuth(auth.deleted)"
-              :title="`${$t('delete')}${row.title}?`"
-              @confirm="onDelete(row)"
-            >
+            <el-popconfirm v-if="hasAuth(auth.deleted)" :title="`${$t('delete')}${row.title}?`" @confirm="onDelete(row)">
               <template #reference>
                 <el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
                   {{ $t('delete') }}
diff --git a/src/views/message-manger/message-type/components/message-type-dialog.vue b/src/views/message-manger/message-type/components/message-type-dialog.vue
index 564f8f1..4972ecf 100644
--- a/src/views/message-manger/message-type/components/message-type-dialog.vue
+++ b/src/views/message-manger/message-type/components/message-type-dialog.vue
@@ -30,34 +30,17 @@ defineExpose({ formRef });
   <el-form ref="formRef" :model="form" :rules="rules" label-width="auto">
     <!-- 消息类型 -->
     <el-form-item :label="$t('messageType')" prop="messageType">
-      <el-input
-        v-model="form.messageType"
-        :placeholder="$t('input') + $t('messageType')"
-        autocomplete="off"
-        type="text"
-      />
+      <el-input v-model="form.messageType" :placeholder="$t('input') + $t('messageType')" autocomplete="off" type="text" />
     </el-form-item>
 
     <!-- 消息名称 -->
     <el-form-item :label="$t('messageName')" prop="messageName">
-      <el-input
-        v-model="form.messageName"
-        :placeholder="$t('input') + $t('messageName')"
-        autocomplete="off"
-        type="text"
-      />
+      <el-input v-model="form.messageName" :placeholder="$t('input') + $t('messageName')" autocomplete="off" type="text" />
     </el-form-item>
 
     <!-- 消息备注 -->
     <el-form-item :label="$t('summary')" prop="summary">
-      <el-input
-        v-model="form.summary"
-        :placeholder="$t('input') + $t('summary')"
-        autocomplete="off"
-        maxlength="300"
-        show-word-limit
-        type="textarea"
-      />
+      <el-input v-model="form.summary" :placeholder="$t('input') + $t('summary')" autocomplete="off" maxlength="300" show-word-limit type="textarea" />
     </el-form-item>
 
     <!-- 是否启用 -->
diff --git a/src/views/message-manger/message-type/index.vue b/src/views/message-manger/message-type/index.vue
index 94bacce..cf708b9 100644
--- a/src/views/message-manger/message-type/index.vue
+++ b/src/views/message-manger/message-type/index.vue
@@ -1,15 +1,6 @@
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
-import {
-  auth,
-  columns,
-  deleteIds,
-  onAdd,
-  onDelete,
-  onDeleteBatch,
-  onSearch,
-  onUpdate,
-} from '@/views/message-manger/message-type/utils';
+import { auth, columns, deleteIds, onAdd, onDelete, onDeleteBatch, onSearch, onUpdate } from '@/views/message-manger/message-type/utils';
 import PureTableBar from '@/components/TableBar/src/bar';
 import AddFill from '@iconify-icons/ri/add-circle-line';
 import PureTable from '@pureadmin/table';
@@ -66,68 +57,31 @@ onMounted(() => {
 <template>
   <div class="main">
     <ReAuth :value="auth.query">
-      <el-form
-        ref="formRef"
-        :inline="true"
-        :model="messageTypeStore.form"
-        class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
-      >
+      <el-form ref="formRef" :inline="true" :model="messageTypeStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
         <!-- 消息名称 -->
         <el-form-item :label="$t('messageName')" prop="messageName">
-          <el-input
-            v-model="messageTypeStore.form.messageName"
-            :placeholder="`${$t('input')}${$t('messageName')}`"
-            class="!w-[180px]"
-            clearable
-          />
+          <el-input v-model="messageTypeStore.form.messageName" :placeholder="`${$t('input')}${$t('messageName')}`" class="!w-[180px]" clearable />
         </el-form-item>
 
         <!-- 消息类型 -->
         <el-form-item :label="$t('messageType')" prop="messageType">
-          <el-input
-            v-model="messageTypeStore.form.messageType"
-            :placeholder="`${$t('input')}${$t('messageType')}`"
-            class="!w-[180px]"
-            clearable
-          />
+          <el-input v-model="messageTypeStore.form.messageType" :placeholder="`${$t('input')}${$t('messageType')}`" class="!w-[180px]" clearable />
         </el-form-item>
 
         <!-- 消息备注 -->
         <el-form-item :label="$t('summary')" prop="summary">
-          <el-input
-            v-model="messageTypeStore.form.summary"
-            :placeholder="`${$t('input')}${$t('summary')}`"
-            class="!w-[180px]"
-            clearable
-          />
+          <el-input v-model="messageTypeStore.form.summary" :placeholder="`${$t('input')}${$t('summary')}`" class="!w-[180px]" clearable />
         </el-form-item>
 
         <!-- 是否启用 -->
         <el-form-item :label="$t('status')" prop="status">
-          <el-select
-            v-model="messageTypeStore.form.status"
-            :placeholder="`${$t('select')}${$t('status')}`"
-            class="!w-[180px]"
-            clearable
-            filterable
-          >
-            <el-option
-              v-for="(item, index) in enabledOrNotStatus"
-              :key="index"
-              :label="item.label"
-              :navigationBar="false"
-              :value="item.value"
-            />
+          <el-select v-model="messageTypeStore.form.status" :placeholder="`${$t('select')}${$t('status')}`" class="!w-[180px]" clearable filterable>
+            <el-option v-for="(item, index) in enabledOrNotStatus" :key="index" :label="item.label" :navigationBar="false" :value="item.value" />
           </el-select>
         </el-form-item>
 
         <el-form-item>
-          <el-button
-            :icon="useRenderIcon('ri:search-line')"
-            :loading="messageTypeStore.loading"
-            type="primary"
-            @click="onSearch"
-          >
+          <el-button :icon="useRenderIcon('ri:search-line')" :loading="messageTypeStore.loading" type="primary" @click="onSearch">
             {{ $t('search') }}
           </el-button>
           <el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
@@ -142,14 +96,7 @@ onMounted(() => {
         </el-button>
 
         <!-- 批量删除按钮 -->
-        <el-button
-          v-if="hasAuth(auth.delete)"
-          :disabled="!(deleteIds.length > 0)"
-          :icon="useRenderIcon(Delete)"
-          plain
-          type="danger"
-          @click="onDeleteBatch"
-        >
+        <el-button v-if="hasAuth(auth.delete)" :disabled="!(deleteIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
           {{ $t('delete_batches') }}
         </el-button>
       </template>
@@ -201,22 +148,10 @@ onMounted(() => {
           </template>
 
           <template #operation="{ row }">
-            <el-button
-              v-if="hasAuth(auth.update)"
-              :icon="useRenderIcon(EditPen)"
-              :size="size"
-              class="reset-margin"
-              link
-              type="primary"
-              @click="onUpdate(row)"
-            >
+            <el-button v-if="hasAuth(auth.update)" :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
               {{ $t('modify') }}
             </el-button>
-            <el-popconfirm
-              v-if="hasAuth(auth.delete)"
-              :title="`${$t('delete')}${row.messageName}?`"
-              @confirm="onDelete(row)"
-            >
+            <el-popconfirm v-if="hasAuth(auth.delete)" :title="`${$t('delete')}${row.messageName}?`" @confirm="onDelete(row)">
               <template #reference>
                 <el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
                   {{ $t('delete') }}
diff --git a/src/views/monitor/scheduler-execute-log/components/schedule-execute-log.vue b/src/views/monitor/scheduler-execute-log/components/schedule-execute-log.vue
index d1a1184..976f480 100644
--- a/src/views/monitor/scheduler-execute-log/components/schedule-execute-log.vue
+++ b/src/views/monitor/scheduler-execute-log/components/schedule-execute-log.vue
@@ -36,52 +36,27 @@ defineExpose({ formRef });
   <el-form ref="formRef" :model="form" :rules="rules" label-width="auto">
     <!-- 任务名称 -->
     <el-form-item :label="$t('quartzExecuteLog_jobName')" prop="jobName">
-      <el-input
-        v-model="form.jobName"
-        :placeholder="$t('input') + $t('quartzExecuteLog_jobName')"
-        autocomplete="off"
-        type="text"
-      />
+      <el-input v-model="form.jobName" :placeholder="$t('input') + $t('quartzExecuteLog_jobName')" autocomplete="off" type="text" />
     </el-form-item>
 
     <!-- 任务分组 -->
     <el-form-item :label="$t('quartzExecuteLog_jobGroup')" prop="jobGroup">
-      <el-input
-        v-model="form.jobGroup"
-        :placeholder="$t('input') + $t('quartzExecuteLog_jobGroup')"
-        autocomplete="off"
-        type="text"
-      />
+      <el-input v-model="form.jobGroup" :placeholder="$t('input') + $t('quartzExecuteLog_jobGroup')" autocomplete="off" type="text" />
     </el-form-item>
 
     <!-- 执行任务类名 -->
     <el-form-item :label="$t('quartzExecuteLog_jobClassName')" prop="jobClassName">
-      <el-input
-        v-model="form.jobClassName"
-        :placeholder="$t('input') + $t('quartzExecuteLog_jobClassName')"
-        autocomplete="off"
-        type="text"
-      />
+      <el-input v-model="form.jobClassName" :placeholder="$t('input') + $t('quartzExecuteLog_jobClassName')" autocomplete="off" type="text" />
     </el-form-item>
 
     <!-- 执行任务core表达式 -->
     <el-form-item :label="$t('quartzExecuteLog_cronExpression')" prop="cronExpression">
-      <el-input
-        v-model="form.cronExpression"
-        :placeholder="$t('input') + $t('quartzExecuteLog_cronExpression')"
-        autocomplete="off"
-        type="text"
-      />
+      <el-input v-model="form.cronExpression" :placeholder="$t('input') + $t('quartzExecuteLog_cronExpression')" autocomplete="off" type="text" />
     </el-form-item>
 
     <!-- 触发器名称 -->
     <el-form-item :label="$t('quartzExecuteLog_triggerName')" prop="triggerName">
-      <el-input
-        v-model="form.triggerName"
-        :placeholder="$t('input') + $t('quartzExecuteLog_triggerName')"
-        autocomplete="off"
-        type="text"
-      />
+      <el-input v-model="form.triggerName" :placeholder="$t('input') + $t('quartzExecuteLog_triggerName')" autocomplete="off" type="text" />
     </el-form-item>
 
     <!-- 执行结果 -->
@@ -101,12 +76,7 @@ defineExpose({ formRef });
 
     <!-- 用执行时间户Id -->
     <el-form-item :label="$t('quartzExecuteLog_duration')" prop="duration">
-      <el-input
-        v-model="form.duration"
-        :placeholder="$t('input') + $t('quartzExecuteLog_duration')"
-        autocomplete="off"
-        type="text"
-      />
+      <el-input v-model="form.duration" :placeholder="$t('input') + $t('quartzExecuteLog_duration')" autocomplete="off" type="text" />
     </el-form-item>
   </el-form>
 </template>
diff --git a/src/views/monitor/scheduler-execute-log/index.vue b/src/views/monitor/scheduler-execute-log/index.vue
index 8018d97..11e6bed 100644
--- a/src/views/monitor/scheduler-execute-log/index.vue
+++ b/src/views/monitor/scheduler-execute-log/index.vue
@@ -1,15 +1,6 @@
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
-import {
-  auth,
-  columns,
-  deleteIds,
-  onDelete,
-  onDeleteBatch,
-  onSearch,
-  onView,
-  state,
-} from '@/views/monitor/scheduler-execute-log/utils';
+import { auth, columns, deleteIds, onDelete, onDeleteBatch, onSearch, onView, state } from '@/views/monitor/scheduler-execute-log/utils';
 import PureTableBar from '@/components/TableBar/src/bar';
 import PureTable from '@pureadmin/table';
 import Delete from '@iconify-icons/ep/delete';
@@ -63,12 +54,7 @@ onMounted(() => {
 <template>
   <div class="main">
     <ReAuth :value="auth.search">
-      <el-form
-        ref="formRef"
-        :inline="true"
-        :model="quartzExecuteLogStore.form"
-        class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
-      >
+      <el-form ref="formRef" :inline="true" :model="quartzExecuteLogStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
         <el-form-item :label="$t('quartzExecuteLog_jobName')" prop="jobName">
           <el-input
             v-model="quartzExecuteLogStore.form.jobName"
@@ -110,12 +96,7 @@ onMounted(() => {
           />
         </el-form-item>
         <el-form-item>
-          <el-button
-            :icon="useRenderIcon('ri:search-line')"
-            :loading="quartzExecuteLogStore.loading"
-            type="primary"
-            @click="onSearch"
-          >
+          <el-button :icon="useRenderIcon('ri:search-line')" :loading="quartzExecuteLogStore.loading" type="primary" @click="onSearch">
             {{ $t('search') }}
           </el-button>
           <el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
@@ -123,22 +104,10 @@ onMounted(() => {
       </el-form>
     </ReAuth>
 
-    <PureTableBar
-      :columns="columns"
-      :title="$t('quartzExecuteLog')"
-      @fullscreen="tableRef.setAdaptive()"
-      @refresh="onSearch"
-    >
+    <PureTableBar :columns="columns" :title="$t('quartzExecuteLog')" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
       <template #buttons>
         <!-- 批量删除按钮 -->
-        <el-button
-          v-if="hasAuth(auth.delete)"
-          :disabled="!(deleteIds.length > 0)"
-          :icon="useRenderIcon(Delete)"
-          plain
-          type="danger"
-          @click="onDeleteBatch"
-        >
+        <el-button v-if="hasAuth(auth.delete)" :disabled="!(deleteIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
           {{ $t('deleteBatches') }}
         </el-button>
       </template>
@@ -191,22 +160,10 @@ onMounted(() => {
           </template>
 
           <template #operation="{ row }">
-            <el-button
-              v-if="hasAuth(auth.search)"
-              :icon="useRenderIcon(View)"
-              :size="size"
-              class="reset-margin"
-              link
-              type="primary"
-              @click="onView(row)"
-            >
+            <el-button v-if="hasAuth(auth.search)" :icon="useRenderIcon(View)" :size="size" class="reset-margin" link type="primary" @click="onView(row)">
               {{ $t('view') }}
             </el-button>
-            <el-popconfirm
-              v-if="hasAuth(auth.delete)"
-              :title="`${$t('delete')}${row.jobName}?`"
-              @confirm="onDelete(row)"
-            >
+            <el-popconfirm v-if="hasAuth(auth.delete)" :title="`${$t('delete')}${row.jobName}?`" @confirm="onDelete(row)">
               <template #reference>
                 <el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
                   {{ $t('delete') }}
diff --git a/src/views/monitor/server/components/list-card.vue b/src/views/monitor/server/components/list-card.vue
index bac8cd3..ab0d4b5 100644
--- a/src/views/monitor/server/components/list-card.vue
+++ b/src/views/monitor/server/components/list-card.vue
@@ -16,10 +16,7 @@ const props = defineProps({
   },
 });
 const cardClass = computed(() => ['list-card-item', { 'list-card-item__disabled': !props.product.status }]);
-const cardLogoClass = computed(() => [
-  'list-card-item_detail--logo',
-  { 'list-card-item_detail--logo__disabled': !props.product.status },
-]);
+const cardLogoClass = computed(() => ['list-card-item_detail--logo', { 'list-card-item_detail--logo__disabled': !props.product.status }]);
 </script>
 
 <template>
@@ -34,11 +31,7 @@ const cardLogoClass = computed(() => [
           <component :is="useRenderIcon('mage:compact-disk')" v-if="product.type === 'diskSpace'" />
         </div>
         <div class="list-card-item_detail--operation">
-          <el-tag
-            :color="product.status ? '#00a870' : '#eee'"
-            class="mx-1 list-card-item_detail--operation--tag"
-            effect="dark"
-          >
+          <el-tag :color="product.status ? '#00a870' : '#eee'" class="mx-1 list-card-item_detail--operation--tag" effect="dark">
             {{ product.status ? $t('enable') : $t('disable') }}
           </el-tag>
         </div>
diff --git a/src/views/monitor/server/components/system-server.vue b/src/views/monitor/server/components/system-server.vue
index f43132c..f34ab54 100644
--- a/src/views/monitor/server/components/system-server.vue
+++ b/src/views/monitor/server/components/system-server.vue
@@ -87,9 +87,7 @@ const formatValue = (va: any) => {
         </el-row>
         <p class="list-card-item_detail--name text-text_color_primary">Redis状态</p>
         <el-text>
-          <div>
-            Redis状态：{{ systemServerInfo?.components?.redis?.status === 'UP' ? $t('enable') : $t('disable') }}
-          </div>
+          <div>Redis状态：{{ systemServerInfo?.components?.redis?.status === 'UP' ? $t('enable') : $t('disable') }}</div>
           <div>Redis版本：{{ systemServerInfo?.components?.redis?.details.version }}</div>
         </el-text>
       </div>
diff --git a/src/views/monitor/user-login-log/components/user-login-log-dialog.vue b/src/views/monitor/user-login-log/components/user-login-log-dialog.vue
index ddc4500..e30ff8b 100644
--- a/src/views/monitor/user-login-log/components/user-login-log-dialog.vue
+++ b/src/views/monitor/user-login-log/components/user-login-log-dialog.vue
@@ -37,22 +37,12 @@ defineExpose({ formRef });
   <el-form ref="formRef" :model="form" :rules="rules" label-width="auto">
     <!-- 用户Id -->
     <el-form-item :label="$t('userLoginLog_userId')" prop="userId">
-      <el-input
-        v-model="form.userId"
-        :placeholder="$t('input') + $t('userLoginLog_userId')"
-        autocomplete="off"
-        type="text"
-      />
+      <el-input v-model="form.userId" :placeholder="$t('input') + $t('userLoginLog_userId')" autocomplete="off" type="text" />
     </el-form-item>
 
     <!-- 用户名 -->
     <el-form-item :label="$t('userLoginLog_username')" prop="username">
-      <el-input
-        v-model="form.username"
-        :placeholder="$t('input') + $t('userLoginLog_username')"
-        autocomplete="off"
-        type="text"
-      />
+      <el-input v-model="form.username" :placeholder="$t('input') + $t('userLoginLog_username')" autocomplete="off" type="text" />
     </el-form-item>
 
     <!-- 登录token -->
@@ -68,22 +58,12 @@ defineExpose({ formRef });
 
     <!-- 登录Ip -->
     <el-form-item :label="$t('userLoginLog_ipAddress')" prop="ipAddress">
-      <el-input
-        v-model="form.ipAddress"
-        :placeholder="$t('input') + $t('userLoginLog_ipAddress')"
-        autocomplete="off"
-        type="text"
-      />
+      <el-input v-model="form.ipAddress" :placeholder="$t('input') + $t('userLoginLog_ipAddress')" autocomplete="off" type="text" />
     </el-form-item>
 
     <!-- 登录Ip归属地 -->
     <el-form-item :label="$t('userLoginLog_ipRegion')" prop="ipRegion">
-      <el-input
-        v-model="form.ipRegion"
-        :placeholder="$t('input') + $t('userLoginLog_ipRegion')"
-        autocomplete="off"
-        type="text"
-      />
+      <el-input v-model="form.ipRegion" :placeholder="$t('input') + $t('userLoginLog_ipRegion')" autocomplete="off" type="text" />
     </el-form-item>
 
     <!-- 登录时代理 -->
@@ -99,22 +79,12 @@ defineExpose({ formRef });
 
     <!-- 操作类型 -->
     <el-form-item :label="$t('userLoginLog_type')" prop="type">
-      <el-input
-        v-model="form.type"
-        :placeholder="$t('input') + $t('userLoginLog_type')"
-        autocomplete="off"
-        type="text"
-      />
+      <el-input v-model="form.type" :placeholder="$t('input') + $t('userLoginLog_type')" autocomplete="off" type="text" />
     </el-form-item>
 
     <!-- 标识客户端是否是通过Ajax发送请求的 -->
     <el-form-item :label="$t('userLoginLog_xRequestedWith')" prop="xRequestedWith">
-      <el-input
-        v-model="form.xRequestedWith"
-        :placeholder="$t('input') + $t('userLoginLog_xRequestedWith')"
-        autocomplete="off"
-        type="text"
-      />
+      <el-input v-model="form.xRequestedWith" :placeholder="$t('input') + $t('userLoginLog_xRequestedWith')" autocomplete="off" type="text" />
     </el-form-item>
   </el-form>
 </template>
diff --git a/src/views/monitor/user-login-log/index.vue b/src/views/monitor/user-login-log/index.vue
index f66cb10..b906352 100644
--- a/src/views/monitor/user-login-log/index.vue
+++ b/src/views/monitor/user-login-log/index.vue
@@ -1,14 +1,6 @@
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
-import {
-  auth,
-  columns,
-  deleteIds,
-  onDelete,
-  onDeleteBatch,
-  onSearch,
-  onView,
-} from '@/views/monitor/user-login-log/utils';
+import { auth, columns, deleteIds, onDelete, onDeleteBatch, onSearch, onView } from '@/views/monitor/user-login-log/utils';
 import PureTableBar from '@/components/TableBar/src/bar';
 import PureTable from '@pureadmin/table';
 import Delete from '@iconify-icons/ep/delete';
@@ -59,50 +51,25 @@ onMounted(() => {
 
 <template>
   <div class="main">
-    <el-form
-      ref="formRef"
-      :inline="true"
-      :model="userLoginLogStore.form"
-      class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
-    >
+    <el-form ref="formRef" :inline="true" :model="userLoginLogStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
       <!-- 用户名 -->
       <el-form-item :label="$t('userLoginLog_username')" prop="username">
-        <el-input
-          v-model="userLoginLogStore.form.username"
-          :placeholder="`${$t('input')}${$t('userLoginLog_username')}`"
-          class="!w-[180px]"
-          clearable
-        />
+        <el-input v-model="userLoginLogStore.form.username" :placeholder="`${$t('input')}${$t('userLoginLog_username')}`" class="!w-[180px]" clearable />
       </el-form-item>
 
       <!-- 登录Ip -->
       <el-form-item :label="$t('userLoginLog_ipAddress')" prop="ipAddress">
-        <el-input
-          v-model="userLoginLogStore.form.ipAddress"
-          :placeholder="`${$t('input')}${$t('userLoginLog_ipAddress')}`"
-          class="!w-[180px]"
-          clearable
-        />
+        <el-input v-model="userLoginLogStore.form.ipAddress" :placeholder="`${$t('input')}${$t('userLoginLog_ipAddress')}`" class="!w-[180px]" clearable />
       </el-form-item>
 
       <!-- 登录Ip归属地 -->
       <el-form-item :label="$t('userLoginLog_ipRegion')" prop="ipRegion">
-        <el-input
-          v-model="userLoginLogStore.form.ipRegion"
-          :placeholder="`${$t('input')}${$t('userLoginLog_ipRegion')}`"
-          class="!w-[180px]"
-          clearable
-        />
+        <el-input v-model="userLoginLogStore.form.ipRegion" :placeholder="`${$t('input')}${$t('userLoginLog_ipRegion')}`" class="!w-[180px]" clearable />
       </el-form-item>
 
       <!-- 操作类型 -->
       <el-form-item :label="$t('userLoginLog_type')" prop="type">
-        <el-input
-          v-model="userLoginLogStore.form.type"
-          :placeholder="`${$t('input')}${$t('userLoginLog_type')}`"
-          class="!w-[180px]"
-          clearable
-        />
+        <el-input v-model="userLoginLogStore.form.type" :placeholder="`${$t('input')}${$t('userLoginLog_type')}`" class="!w-[180px]" clearable />
       </el-form-item>
 
       <!-- 标识客户端是否是通过Ajax发送请求的 -->
@@ -116,12 +83,7 @@ onMounted(() => {
       </el-form-item>
 
       <el-form-item>
-        <el-button
-          :icon="useRenderIcon('ri:search-line')"
-          :loading="userLoginLogStore.loading"
-          type="primary"
-          @click="onSearch"
-        >
+        <el-button :icon="useRenderIcon('ri:search-line')" :loading="userLoginLogStore.loading" type="primary" @click="onSearch">
           {{ $t('search') }}
         </el-button>
         <el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
@@ -129,22 +91,10 @@ onMounted(() => {
     </el-form>
     <ReAuth :value="auth.search" />
 
-    <PureTableBar
-      :columns="columns"
-      :title="$t('userLoginLog')"
-      @fullscreen="tableRef.setAdaptive()"
-      @refresh="onSearch"
-    >
+    <PureTableBar :columns="columns" :title="$t('userLoginLog')" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
       <template #buttons>
         <!-- 批量删除按钮 -->
-        <el-button
-          v-if="hasAuth(auth.delete)"
-          :disabled="!(deleteIds.length > 0)"
-          :icon="useRenderIcon(Delete)"
-          plain
-          type="danger"
-          @click="onDeleteBatch"
-        >
+        <el-button v-if="hasAuth(auth.delete)" :disabled="!(deleteIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
           {{ $t('deleteBatches') }}
         </el-button>
       </template>
@@ -183,22 +133,10 @@ onMounted(() => {
           </template>
 
           <template #operation="{ row }">
-            <el-button
-              v-if="hasAuth(auth.search)"
-              :icon="useRenderIcon(View)"
-              :size="size"
-              class="reset-margin"
-              link
-              type="primary"
-              @click="onView(row)"
-            >
+            <el-button v-if="hasAuth(auth.search)" :icon="useRenderIcon(View)" :size="size" class="reset-margin" link type="primary" @click="onView(row)">
               {{ $t('view') }}
             </el-button>
-            <el-popconfirm
-              v-if="hasAuth(auth.delete)"
-              :title="`${$t('delete')}${row.username}?`"
-              @confirm="onDelete(row)"
-            >
+            <el-popconfirm v-if="hasAuth(auth.delete)" :title="`${$t('delete')}${row.username}?`" @confirm="onDelete(row)">
               <template #reference>
                 <el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
                   {{ $t('delete') }}
diff --git a/src/views/scheduler/schedulers-group/components/schedulers-group-dialog.vue b/src/views/scheduler/schedulers-group/components/schedulers-group-dialog.vue
index ea69542..4f3c236 100644
--- a/src/views/scheduler/schedulers-group/components/schedulers-group-dialog.vue
+++ b/src/views/scheduler/schedulers-group/components/schedulers-group-dialog.vue
@@ -22,20 +22,10 @@ defineExpose({ formRef });
 <template>
   <el-form ref="formRef" :model="form" :rules="rules" label-width="auto">
     <el-form-item :label="$t('schedulersGroup_groupName')" prop="groupName">
-      <el-input
-        v-model="form.groupName"
-        :placeholder="$t('input') + $t('schedulersGroup_groupName')"
-        autocomplete="off"
-        type="text"
-      />
+      <el-input v-model="form.groupName" :placeholder="$t('input') + $t('schedulersGroup_groupName')" autocomplete="off" type="text" />
     </el-form-item>
     <el-form-item :label="$t('schedulersGroup_description')" prop="description">
-      <el-input
-        v-model="form.description"
-        :placeholder="$t('input') + $t('schedulersGroup_description')"
-        autocomplete="off"
-        type="text"
-      />
+      <el-input v-model="form.description" :placeholder="$t('input') + $t('schedulersGroup_description')" autocomplete="off" type="text" />
     </el-form-item>
   </el-form>
 </template>
diff --git a/src/views/scheduler/schedulers-group/index.vue b/src/views/scheduler/schedulers-group/index.vue
index c0f2caf..9a6a490 100644
--- a/src/views/scheduler/schedulers-group/index.vue
+++ b/src/views/scheduler/schedulers-group/index.vue
@@ -1,15 +1,6 @@
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
-import {
-  auth,
-  columns,
-  deleteIds,
-  onAdd,
-  onDelete,
-  onDeleteBatch,
-  onSearch,
-  onUpdate,
-} from '@/views/scheduler/schedulers-group/utils';
+import { auth, columns, deleteIds, onAdd, onDelete, onDeleteBatch, onSearch, onUpdate } from '@/views/scheduler/schedulers-group/utils';
 import PureTableBar from '@/components/TableBar/src/bar';
 import AddFill from '@iconify-icons/ri/add-circle-line';
 import PureTable from '@pureadmin/table';
@@ -62,12 +53,7 @@ onMounted(() => {
 <template>
   <div class="main">
     <ReAuth :value="auth.query">
-      <el-form
-        ref="formRef"
-        :inline="true"
-        :model="schedulersGroupStore.form"
-        class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
-      >
+      <el-form ref="formRef" :inline="true" :model="schedulersGroupStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
         <el-form-item :label="$t('schedulersGroup_groupName')" prop="groupName">
           <el-input
             v-model="schedulersGroupStore.form.groupName"
@@ -85,12 +71,7 @@ onMounted(() => {
           />
         </el-form-item>
         <el-form-item>
-          <el-button
-            :icon="useRenderIcon('ri:search-line')"
-            :loading="schedulersGroupStore.loading"
-            type="primary"
-            @click="onSearch"
-          >
+          <el-button :icon="useRenderIcon('ri:search-line')" :loading="schedulersGroupStore.loading" type="primary" @click="onSearch">
             {{ $t('search') }}
           </el-button>
           <el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
@@ -98,26 +79,14 @@ onMounted(() => {
       </el-form>
     </ReAuth>
 
-    <PureTableBar
-      :columns="columns"
-      :title="$t('schedulersGroup')"
-      @fullscreen="tableRef.setAdaptive()"
-      @refresh="onSearch"
-    >
+    <PureTableBar :columns="columns" :title="$t('schedulersGroup')" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
       <template #buttons>
         <el-button v-if="hasAuth(auth.add)" :icon="useRenderIcon(AddFill)" plain type="primary" @click="onAdd">
           {{ $t('addNew') }}
         </el-button>
 
         <!-- 批量删除按钮 -->
-        <el-button
-          v-if="hasAuth(auth.delete)"
-          :disabled="!(deleteIds.length > 0)"
-          :icon="useRenderIcon(Delete)"
-          plain
-          type="danger"
-          @click="onDeleteBatch"
-        >
+        <el-button v-if="hasAuth(auth.delete)" :disabled="!(deleteIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
           {{ $t('deleteBatches') }}
         </el-button>
       </template>
@@ -156,22 +125,10 @@ onMounted(() => {
           </template>
 
           <template #operation="{ row }">
-            <el-button
-              v-if="hasAuth(auth.update)"
-              :icon="useRenderIcon(EditPen)"
-              :size="size"
-              class="reset-margin"
-              link
-              type="primary"
-              @click="onUpdate(row)"
-            >
+            <el-button v-if="hasAuth(auth.update)" :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
               {{ $t('modify') }}
             </el-button>
-            <el-popconfirm
-              v-if="hasAuth(auth.delete)"
-              :title="`${$t('delete')}${row.groupName}?`"
-              @confirm="onDelete(row)"
-            >
+            <el-popconfirm v-if="hasAuth(auth.delete)" :title="`${$t('delete')}${row.groupName}?`" @confirm="onDelete(row)">
               <template #reference>
                 <el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
                   {{ $t('delete') }}
diff --git a/src/views/scheduler/schedulers/components/schedulers-dialog.vue b/src/views/scheduler/schedulers/components/schedulers-dialog.vue
index c862e59..aa1672c 100644
--- a/src/views/scheduler/schedulers/components/schedulers-dialog.vue
+++ b/src/views/scheduler/schedulers/components/schedulers-dialog.vue
@@ -45,24 +45,12 @@ defineExpose({ formRef });
   <el-form ref="formRef" :model="form" :rules="rules" label-width="auto">
     <!-- 任务名称 -->
     <el-form-item :label="$t('schedulers_jobName')" prop="jobName">
-      <el-input
-        v-model="form.jobName"
-        :disabled="form.isUpdate"
-        :placeholder="$t('input') + $t('schedulers_jobName')"
-        autocomplete="off"
-        type="text"
-      />
+      <el-input v-model="form.jobName" :disabled="form.isUpdate" :placeholder="$t('input') + $t('schedulers_jobName')" autocomplete="off" type="text" />
     </el-form-item>
 
     <!-- 任务分组 -->
     <el-form-item :label="$t('schedulers_jobGroup')" prop="jobGroup">
-      <el-select
-        v-model="form.jobGroup"
-        :disabled="form.isUpdate"
-        :placeholder="$t('select') + $t('schedulers_jobGroup')"
-        clearable
-        filterable
-      >
+      <el-select v-model="form.jobGroup" :disabled="form.isUpdate" :placeholder="$t('select') + $t('schedulers_jobGroup')" clearable filterable>
         <el-option
           v-for="(item, index) in schedulersGroupStore.allSchedulersGroup"
           :key="index"
@@ -75,42 +63,19 @@ defineExpose({ formRef });
 
     <!-- 需要执行的任务类名 -->
     <el-form-item :label="$t('schedulers_jobClassName')" prop="jobClassName">
-      <el-select
-        v-model="form.jobClassName"
-        :disabled="form.isUpdate"
-        :placeholder="$t('select') + $t('schedulers_jobClassName')"
-        clearable
-        filterable
-      >
-        <el-option
-          v-for="(item, index) in schedulersStore.allScheduleJobList"
-          :key="index"
-          :label="item.label"
-          :navigationBar="false"
-          :value="item.value"
-        />
+      <el-select v-model="form.jobClassName" :disabled="form.isUpdate" :placeholder="$t('select') + $t('schedulers_jobClassName')" clearable filterable>
+        <el-option v-for="(item, index) in schedulersStore.allScheduleJobList" :key="index" :label="item.label" :navigationBar="false" :value="item.value" />
       </el-select>
     </el-form-item>
 
     <!-- 执行的corn表达式 -->
     <el-form-item :label="$t('schedulers_cronExpression')" prop="cronExpression">
-      <el-input
-        v-model="form.cronExpression"
-        :placeholder="$t('input') + $t('schedulers_cronExpression')"
-        autocomplete="off"
-        type="text"
-      />
+      <el-input v-model="form.cronExpression" :placeholder="$t('input') + $t('schedulers_cronExpression')" autocomplete="off" type="text" />
     </el-form-item>
 
     <!-- 任务详情 -->
     <el-form-item :label="$t('schedulers_description')" prop="description">
-      <el-input
-        v-model="form.description"
-        :disabled="form.isUpdate"
-        :placeholder="$t('input') + $t('schedulers_description')"
-        autocomplete="off"
-        type="text"
-      />
+      <el-input v-model="form.description" :disabled="form.isUpdate" :placeholder="$t('input') + $t('schedulers_description')" autocomplete="off" type="text" />
     </el-form-item>
   </el-form>
 </template>
diff --git a/src/views/scheduler/schedulers/index.vue b/src/views/scheduler/schedulers/index.vue
index f926441..646b1d4 100644
--- a/src/views/scheduler/schedulers/index.vue
+++ b/src/views/scheduler/schedulers/index.vue
@@ -1,15 +1,6 @@
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
-import {
-  auth,
-  columns,
-  onAdd,
-  onDelete,
-  onPause,
-  onResume,
-  onSearch,
-  onUpdate,
-} from '@/views/scheduler/schedulers/utils';
+import { auth, columns, onAdd, onDelete, onPause, onResume, onSearch, onUpdate } from '@/views/scheduler/schedulers/utils';
 import PureTableBar from '@/components/TableBar/src/bar';
 import AddFill from '@iconify-icons/ri/add-circle-line';
 import PureTable from '@pureadmin/table';
@@ -57,67 +48,27 @@ onMounted(() => {
 <template>
   <div class="main">
     <ReAuth :value="auth.query">
-      <el-form
-        ref="formRef"
-        :inline="true"
-        :model="schedulersStore.form"
-        class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
-      >
+      <el-form ref="formRef" :inline="true" :model="schedulersStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
         <el-form-item :label="$t('schedulers_jobName')" prop="jobName">
-          <el-input
-            v-model="schedulersStore.form.jobName"
-            :placeholder="`${$t('input')}${$t('schedulers_jobName')}`"
-            class="!w-[180px]"
-            clearable
-          />
+          <el-input v-model="schedulersStore.form.jobName" :placeholder="`${$t('input')}${$t('schedulers_jobName')}`" class="!w-[180px]" clearable />
         </el-form-item>
         <el-form-item :label="$t('schedulers_jobGroup')" prop="jobGroup">
-          <el-input
-            v-model="schedulersStore.form.jobGroup"
-            :placeholder="`${$t('input')}${$t('schedulers_jobGroup')}`"
-            class="!w-[180px]"
-            clearable
-          />
+          <el-input v-model="schedulersStore.form.jobGroup" :placeholder="`${$t('input')}${$t('schedulers_jobGroup')}`" class="!w-[180px]" clearable />
         </el-form-item>
         <el-form-item :label="$t('schedulers_description')" prop="description">
-          <el-input
-            v-model="schedulersStore.form.description"
-            :placeholder="`${$t('input')}${$t('schedulers_description')}`"
-            class="!w-[180px]"
-            clearable
-          />
+          <el-input v-model="schedulersStore.form.description" :placeholder="`${$t('input')}${$t('schedulers_description')}`" class="!w-[180px]" clearable />
         </el-form-item>
         <el-form-item :label="$t('schedulers_jobClassName')" prop="jobClassName">
-          <el-input
-            v-model="schedulersStore.form.jobClassName"
-            :placeholder="`${$t('input')}${$t('schedulers_jobClassName')}`"
-            class="!w-[180px]"
-            clearable
-          />
+          <el-input v-model="schedulersStore.form.jobClassName" :placeholder="`${$t('input')}${$t('schedulers_jobClassName')}`" class="!w-[180px]" clearable />
         </el-form-item>
         <el-form-item :label="$t('schedulers_triggerName')" prop="triggerName">
-          <el-input
-            v-model="schedulersStore.form.triggerName"
-            :placeholder="`${$t('input')}${$t('schedulers_triggerName')}`"
-            class="!w-[180px]"
-            clearable
-          />
+          <el-input v-model="schedulersStore.form.triggerName" :placeholder="`${$t('input')}${$t('schedulers_triggerName')}`" class="!w-[180px]" clearable />
         </el-form-item>
         <el-form-item :label="$t('schedulers_triggerState')" prop="triggerState">
-          <el-input
-            v-model="schedulersStore.form.triggerState"
-            :placeholder="`${$t('input')}${$t('schedulers_triggerState')}`"
-            class="!w-[180px]"
-            clearable
-          />
+          <el-input v-model="schedulersStore.form.triggerState" :placeholder="`${$t('input')}${$t('schedulers_triggerState')}`" class="!w-[180px]" clearable />
         </el-form-item>
         <el-form-item>
-          <el-button
-            :icon="useRenderIcon('ri:search-line')"
-            :loading="schedulersStore.loading"
-            type="primary"
-            @click="onSearch"
-          >
+          <el-button :icon="useRenderIcon('ri:search-line')" :loading="schedulersStore.loading" type="primary" @click="onSearch">
             {{ $t('search') }}
           </el-button>
           <el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
@@ -165,14 +116,7 @@ onMounted(() => {
           </template>
 
           <template #operation="{ row }">
-            <el-button
-              :icon="useRenderIcon(EditPen)"
-              :size="size"
-              class="reset-margin"
-              link
-              type="primary"
-              @click="onUpdate(row)"
-            >
+            <el-button :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
               {{ $t('modify') }}
             </el-button>
 
@@ -207,11 +151,7 @@ onMounted(() => {
             </ReAuth>
 
             <!-- 删除 -->
-            <el-popconfirm
-              v-if="hasAuth(auth.delete)"
-              :title="`${$t('delete')}${row.jobName}?`"
-              @confirm="onDelete(row)"
-            >
+            <el-popconfirm v-if="hasAuth(auth.delete)" :title="`${$t('delete')}${row.jobName}?`" @confirm="onDelete(row)">
               <template #reference>
                 <el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
                   {{ $t('delete') }}
diff --git a/src/views/system/admin-user/components/admin-user-dialog.vue b/src/views/system/admin-user/components/admin-user-dialog.vue
index 7be4c3c..541500d 100644
--- a/src/views/system/admin-user/components/admin-user-dialog.vue
+++ b/src/views/system/admin-user/components/admin-user-dialog.vue
@@ -68,13 +68,7 @@ defineExpose({ formRef });
       <!-- 密码 -->
       <re-col v-show="isAddUserinfo" :sm="24" :value="12" :xs="24">
         <el-form-item :label="$t('adminUser_password')" prop="password">
-          <el-input
-            v-model="form.password"
-            :placeholder="$t('adminUser_password')"
-            autocomplete="off"
-            show-password
-            type="password"
-          />
+          <el-input v-model="form.password" :placeholder="$t('adminUser_password')" autocomplete="off" show-password type="password" />
         </el-form-item>
       </re-col>
 
@@ -89,13 +83,7 @@ defineExpose({ formRef });
       <re-col :sm="24" :value="isAddUserinfo ? 12 : 24" :xs="24">
         <el-form-item :label="$t('adminUser_sex')" prop="sex">
           <el-select v-model="form.sex" :placeholder="$t('adminUser_sex')" clearable filterable>
-            <el-option
-              v-for="(item, index) in sexConstant"
-              :key="index"
-              :label="item.label"
-              :navigationBar="false"
-              :value="item.value"
-            />
+            <el-option v-for="(item, index) in sexConstant" :key="index" :label="item.label" :navigationBar="false" :value="item.value" />
           </el-select>
         </el-form-item>
       </re-col>
@@ -137,14 +125,7 @@ defineExpose({ formRef });
       <!-- 用户简介 -->
       <re-col :sm="24" :value="24" :xs="24">
         <el-form-item :label="$t('adminUser_summary')" prop="summary">
-          <el-input
-            v-model="form.summary"
-            :placeholder="$t('adminUser_summary')"
-            autocomplete="off"
-            maxlength="200"
-            show-word-limit
-            type="textarea"
-          />
+          <el-input v-model="form.summary" :placeholder="$t('adminUser_summary')" autocomplete="off" maxlength="200" show-word-limit type="textarea" />
         </el-form-item>
       </re-col>
     </el-row>
diff --git a/src/views/system/admin-user/components/tree.vue b/src/views/system/admin-user/components/tree.vue
index 03aae6a..9fe6099 100644
--- a/src/views/system/admin-user/components/tree.vue
+++ b/src/views/system/admin-user/components/tree.vue
@@ -81,19 +81,9 @@ defineExpose({ onTreeReset });
 </script>
 
 <template>
-  <div
-    v-loading="treeLoading"
-    :style="{ minHeight: `calc(100vh - 130px)` }"
-    class="h-full bg-bg_color overflow-hidden relative"
-  >
+  <div v-loading="treeLoading" :style="{ minHeight: `calc(100vh - 130px)` }" class="h-full bg-bg_color overflow-hidden relative">
     <div class="flex items-center h-[34px]">
-      <el-input
-        v-model="searchValue"
-        :placeholder="$t('input') + $t('adminUser_dept')"
-        class="ml-2"
-        clearable
-        size="small"
-      >
+      <el-input v-model="searchValue" :placeholder="$t('input') + $t('adminUser_dept')" class="ml-2" clearable size="small">
         <template #suffix>
           <el-icon class="el-input__icon">
             <IconifyIconOffline v-show="searchValue.length === 0" icon="ri:search-line" />
diff --git a/src/views/system/admin-user/index.vue b/src/views/system/admin-user/index.vue
index f431638..97d0d62 100644
--- a/src/views/system/admin-user/index.vue
+++ b/src/views/system/admin-user/index.vue
@@ -100,107 +100,48 @@ onMounted(() => {
     />
     <div :class="[deviceDetection() ? ['w-full', 'mt-2'] : 'w-[calc(100%-200px)]']">
       <ReAuth :value="auth.query">
-        <el-form
-          ref="formRef"
-          :inline="true"
-          :model="adminUserStore.form"
-          class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
-        >
+        <el-form ref="formRef" :inline="true" :model="adminUserStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
           <!-- 查询用户名 -->
           <el-form-item :label="$t('adminUser_username')" prop="username">
-            <el-input
-              v-model="adminUserStore.form.username"
-              :placeholder="`${$t('input')}${$t('adminUser_username')}`"
-              class="!w-[180px]"
-              clearable
-            />
+            <el-input v-model="adminUserStore.form.username" :placeholder="`${$t('input')}${$t('adminUser_username')}`" class="!w-[180px]" clearable />
           </el-form-item>
 
           <!-- 查询昵称 -->
           <el-form-item :label="$t('adminUser_nickname')" prop="nickname">
-            <el-input
-              v-model="adminUserStore.form.nickname"
-              :placeholder="`${$t('input')}${$t('adminUser_nickname')}`"
-              class="!w-[180px]"
-              clearable
-            />
+            <el-input v-model="adminUserStore.form.nickname" :placeholder="`${$t('input')}${$t('adminUser_nickname')}`" class="!w-[180px]" clearable />
           </el-form-item>
 
           <!-- 查询邮箱 -->
           <el-form-item :label="$t('adminUser_email')" prop="email">
-            <el-input
-              v-model="adminUserStore.form.email"
-              :placeholder="`${$t('input')}${$t('adminUser_email')}`"
-              class="!w-[180px]"
-              clearable
-            />
+            <el-input v-model="adminUserStore.form.email" :placeholder="`${$t('input')}${$t('adminUser_email')}`" class="!w-[180px]" clearable />
           </el-form-item>
 
           <!-- 查询手机号 -->
           <el-form-item :label="$t('adminUser_phone')" prop="phone">
-            <el-input
-              v-model="adminUserStore.form.phone"
-              :placeholder="`${$t('input')}${$t('adminUser_phone')}`"
-              class="!w-[180px]"
-              clearable
-            />
+            <el-input v-model="adminUserStore.form.phone" :placeholder="`${$t('input')}${$t('adminUser_phone')}`" class="!w-[180px]" clearable />
           </el-form-item>
 
           <!-- 查询性别 -->
           <el-form-item :label="$t('adminUser_sex')" prop="sex">
-            <el-select
-              v-model="adminUserStore.form.sex"
-              :placeholder="`${$t('input')}${$t('adminUser_sex')}`"
-              class="!w-[180px]"
-              clearable
-              filterable
-            >
-              <el-option
-                v-for="(item, index) in sexConstant"
-                :key="index"
-                :label="item.label"
-                :navigationBar="false"
-                :value="item.value"
-              />
+            <el-select v-model="adminUserStore.form.sex" :placeholder="`${$t('input')}${$t('adminUser_sex')}`" class="!w-[180px]" clearable filterable>
+              <el-option v-for="(item, index) in sexConstant" :key="index" :label="item.label" :navigationBar="false" :value="item.value" />
             </el-select>
           </el-form-item>
 
           <!-- 查询简介 -->
           <el-form-item :label="$t('adminUser_summary')" prop="summary">
-            <el-input
-              v-model="adminUserStore.form.summary"
-              :placeholder="`${$t('input')}${$t('adminUser_summary')}`"
-              class="!w-[180px]"
-              clearable
-            />
+            <el-input v-model="adminUserStore.form.summary" :placeholder="`${$t('input')}${$t('adminUser_summary')}`" class="!w-[180px]" clearable />
           </el-form-item>
 
           <!-- 查询状态 -->
           <el-form-item :label="$t('adminUser_status')" prop="status">
-            <el-select
-              v-model="adminUserStore.form.status"
-              :placeholder="`${$t('input')}${$t('adminUser_status')}`"
-              class="!w-[180px]"
-              clearable
-              filterable
-            >
-              <el-option
-                v-for="(item, index) in userStatus"
-                :key="index"
-                :label="item.label"
-                :navigationBar="false"
-                :value="item.value"
-              />
+            <el-select v-model="adminUserStore.form.status" :placeholder="`${$t('input')}${$t('adminUser_status')}`" class="!w-[180px]" clearable filterable>
+              <el-option v-for="(item, index) in userStatus" :key="index" :label="item.label" :navigationBar="false" :value="item.value" />
             </el-select>
           </el-form-item>
 
           <el-form-item>
-            <el-button
-              :icon="useRenderIcon('ri:search-line')"
-              :loading="adminUserStore.loading"
-              type="primary"
-              @click="onSearch"
-            >
+            <el-button :icon="useRenderIcon('ri:search-line')" :loading="adminUserStore.loading" type="primary" @click="onSearch">
               {{ $t('search') }}
             </el-button>
             <el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
@@ -215,14 +156,7 @@ onMounted(() => {
           </el-button>
 
           <!-- 批量删除按钮 -->
-          <el-button
-            v-if="hasAuth(auth.delete)"
-            :disabled="!(deleteIds.length > 0)"
-            :icon="useRenderIcon(Delete)"
-            plain
-            type="danger"
-            @click="onDeleteBatch"
-          >
+          <el-button v-if="hasAuth(auth.delete)" :disabled="!(deleteIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
             {{ $t('deleteBatches') }}
           </el-button>
         </template>
@@ -314,11 +248,7 @@ onMounted(() => {
               </el-button>
 
               <!-- 删除 -->
-              <el-popconfirm
-                v-if="hasAuth(auth.delete)"
-                :title="`${$t('delete')} ${row.username}?`"
-                @confirm="onDelete(row)"
-              >
+              <el-popconfirm v-if="hasAuth(auth.delete)" :title="`${$t('delete')} ${row.username}?`" @confirm="onDelete(row)">
                 <template #reference>
                   <el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
                     {{ $t('delete') }}
@@ -333,53 +263,25 @@ onMounted(() => {
                   <el-dropdown-menu>
                     <!-- 上传头像 -->
                     <el-dropdown-item v-if="hasAuth(auth.update)">
-                      <el-button
-                        :class="tableSelectButtonClass"
-                        :icon="useRenderIcon(Upload)"
-                        :size="size"
-                        link
-                        type="primary"
-                        @click="onUploadAvatar(row)"
-                      >
+                      <el-button :class="tableSelectButtonClass" :icon="useRenderIcon(Upload)" :size="size" link type="primary" @click="onUploadAvatar(row)">
                         {{ $t('upload_avatar') }}
                       </el-button>
                     </el-dropdown-item>
                     <!-- 重置密码 -->
                     <el-dropdown-item v-if="hasAuth(auth.update)">
-                      <el-button
-                        :class="tableSelectButtonClass"
-                        :icon="useRenderIcon(Password)"
-                        :size="size"
-                        link
-                        type="primary"
-                        @click="onResetPassword(row)"
-                      >
+                      <el-button :class="tableSelectButtonClass" :icon="useRenderIcon(Password)" :size="size" link type="primary" @click="onResetPassword(row)">
                         {{ $t('reset_passwords') }}
                       </el-button>
                     </el-dropdown-item>
                     <!-- 分配角色 -->
                     <el-dropdown-item v-if="hasAuth(auth.update)">
-                      <el-button
-                        :class="tableSelectButtonClass"
-                        :icon="useRenderIcon(Role)"
-                        :size="size"
-                        link
-                        type="primary"
-                        @click="onAssignRolesToUser(row)"
-                      >
+                      <el-button :class="tableSelectButtonClass" :icon="useRenderIcon(Role)" :size="size" link type="primary" @click="onAssignRolesToUser(row)">
                         {{ $t('assign_roles') }}
                       </el-button>
                     </el-dropdown-item>
                     <!-- 强制下线 -->
                     <el-dropdown-item v-if="hasAuth(auth.update)">
-                      <el-button
-                        :class="tableSelectButtonClass"
-                        :icon="useRenderIcon(Airplane)"
-                        :size="size"
-                        link
-                        type="primary"
-                        @click="onForcedOffline(row)"
-                      >
+                      <el-button :class="tableSelectButtonClass" :icon="useRenderIcon(Airplane)" :size="size" link type="primary" @click="onForcedOffline(row)">
                         {{ $t('forced_offline') }}
                       </el-button>
                     </el-dropdown-item>
diff --git a/src/views/system/dept/index.vue b/src/views/system/dept/index.vue
index af15ff7..de6e958 100644
--- a/src/views/system/dept/index.vue
+++ b/src/views/system/dept/index.vue
@@ -1,15 +1,6 @@
 <script lang="ts" setup>
 import { computed, onMounted, ref } from 'vue';
-import {
-  auth,
-  columns,
-  deleteIds,
-  onAdd,
-  onDelete,
-  onDeleteBatch,
-  onSearch,
-  onUpdate,
-} from '@/views/system/dept/utils';
+import { auth, columns, deleteIds, onAdd, onDelete, onDeleteBatch, onSearch, onUpdate } from '@/views/system/dept/utils';
 import PureTableBar from '@/components/TableBar/src/bar';
 import AddFill from '@iconify-icons/ri/add-circle-line';
 import PureTable from '@pureadmin/table';
@@ -63,35 +54,15 @@ onMounted(() => {
 <template>
   <div class="main">
     <ReAuth :value="auth.query">
-      <el-form
-        ref="formRef"
-        :inline="true"
-        :model="deptStore.form"
-        class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
-      >
+      <el-form ref="formRef" :inline="true" :model="deptStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
         <el-form-item :label="$t('dept_deptName')" prop="deptName">
-          <el-input
-            v-model="deptStore.form.deptName"
-            :placeholder="`${$t('input')}${$t('dept_deptName')}`"
-            class="!w-[180px]"
-            clearable
-          />
+          <el-input v-model="deptStore.form.deptName" :placeholder="`${$t('input')}${$t('dept_deptName')}`" class="!w-[180px]" clearable />
         </el-form-item>
         <el-form-item :label="$t('dept_summary')" prop="summary">
-          <el-input
-            v-model="deptStore.form.summary"
-            :placeholder="`${$t('input')}${$t('dept_summary')}`"
-            class="!w-[180px]"
-            clearable
-          />
+          <el-input v-model="deptStore.form.summary" :placeholder="`${$t('input')}${$t('dept_summary')}`" class="!w-[180px]" clearable />
         </el-form-item>
         <el-form-item>
-          <el-button
-            :icon="useRenderIcon('ri:search-line')"
-            :loading="deptStore.loading"
-            type="primary"
-            @click="onSearch"
-          >
+          <el-button :icon="useRenderIcon('ri:search-line')" :loading="deptStore.loading" type="primary" @click="onSearch">
             {{ $t('search') }}
           </el-button>
           <el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
@@ -113,14 +84,7 @@ onMounted(() => {
         </el-button>
 
         <!-- 批量删除按钮 -->
-        <el-button
-          v-if="hasAuth(auth.delete)"
-          :disabled="!(deleteIds.length > 0)"
-          :icon="useRenderIcon(Delete)"
-          plain
-          type="danger"
-          @click="onDeleteBatch"
-        >
+        <el-button v-if="hasAuth(auth.delete)" :disabled="!(deleteIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
           {{ $t('deleteBatches') }}
         </el-button>
       </template>
@@ -160,33 +124,13 @@ onMounted(() => {
           </template>
 
           <template #operation="{ row }">
-            <el-button
-              v-if="hasAuth(auth.update)"
-              :icon="useRenderIcon(EditPen)"
-              :size="size"
-              class="reset-margin"
-              link
-              type="primary"
-              @click="onUpdate(row)"
-            >
+            <el-button v-if="hasAuth(auth.update)" :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
               {{ $t('modify') }}
             </el-button>
-            <el-button
-              v-if="hasAuth(auth.add)"
-              :icon="useRenderIcon(AddFill)"
-              :size="size"
-              class="reset-margin"
-              link
-              type="primary"
-              @click="onAdd(row.id)"
-            >
+            <el-button v-if="hasAuth(auth.add)" :icon="useRenderIcon(AddFill)" :size="size" class="reset-margin" link type="primary" @click="onAdd(row.id)">
               {{ $t('addNew') }}
             </el-button>
-            <el-popconfirm
-              v-if="hasAuth(auth.delete)"
-              :title="`${$t('delete')} ${row.deptName}?`"
-              @confirm="onDelete(row)"
-            >
+            <el-popconfirm v-if="hasAuth(auth.delete)" :title="`${$t('delete')} ${row.deptName}?`" @confirm="onDelete(row)">
               <template #reference>
                 <el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
                   {{ $t('delete') }}
diff --git a/src/views/system/files/components/files-dialog.vue b/src/views/system/files/components/files-dialog.vue
index 3ae3386..dd12b56 100644
--- a/src/views/system/files/components/files-dialog.vue
+++ b/src/views/system/files/components/files-dialog.vue
@@ -59,26 +59,14 @@ defineExpose({ formRef });
       <el-input v-if="form.isUpload" v-model="form.filepath" autocomplete="off" disabled type="text" />
 
       <el-select v-else v-model="form.filepath" :placeholder="$t('select') + $t('files_filepath')" clearable filterable>
-        <el-option
-          v-for="(item, index) in filesStore.allFilesStoragePath"
-          :key="index"
-          :label="item"
-          :navigationBar="false"
-          :value="item"
-        />
+        <el-option v-for="(item, index) in filesStore.allFilesStoragePath" :key="index" :label="item" :navigationBar="false" :value="item" />
       </el-select>
     </el-form-item>
 
     <!-- 文件类型---上传显示 -->
     <el-form-item v-show="form.isUpload" :label="$t('files_fileType')" prop="fileType">
       <el-select v-model="form.fileType" :placeholder="$t('select') + $t('files_fileType')" clearable filterable>
-        <el-option
-          v-for="(item, index) in filesStore.allMediaTypes"
-          :key="index"
-          :label="item"
-          :navigationBar="false"
-          :value="item"
-        />
+        <el-option v-for="(item, index) in filesStore.allMediaTypes" :key="index" :label="item" :navigationBar="false" :value="item" />
       </el-select>
     </el-form-item>
 
@@ -88,16 +76,7 @@ defineExpose({ formRef });
 
     <!-- 文件列表---上传不显示 -->
     <el-form-item :label="$t('files')" prop="files">
-      <el-upload
-        v-if="form.isUpload"
-        ref="upload"
-        v-model:file-list="form.files"
-        :auto-upload="false"
-        :limit="1"
-        :on-exceed="handleExceed"
-        class="w-full"
-        drag
-      >
+      <el-upload v-if="form.isUpload" ref="upload" v-model:file-list="form.files" :auto-upload="false" :limit="1" :on-exceed="handleExceed" class="w-full" drag>
         <el-icon class="el-icon--upload">
           <UploadFilled />
         </el-icon>
diff --git a/src/views/system/files/index.vue b/src/views/system/files/index.vue
index 7919c2c..b666eca 100644
--- a/src/views/system/files/index.vue
+++ b/src/views/system/files/index.vue
@@ -1,17 +1,6 @@
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
-import {
-  auth,
-  columns,
-  onAdd,
-  onDelete,
-  onDeleteBatch,
-  onDownload,
-  onDownloadBatch,
-  onSearch,
-  onUpdate,
-  selectRows,
-} from '@/views/system/files/utils';
+import { auth, columns, onAdd, onDelete, onDeleteBatch, onDownload, onDownloadBatch, onSearch, onUpdate, selectRows } from '@/views/system/files/utils';
 import PureTableBar from '@/components/TableBar/src/bar';
 import AddFill from '@iconify-icons/ri/add-circle-line';
 import PureTable from '@pureadmin/table';
@@ -65,35 +54,15 @@ onMounted(() => {
 <template>
   <div class="main">
     <ReAuth :value="auth.query">
-      <el-form
-        ref="formRef"
-        :inline="true"
-        :model="filesStore.form"
-        class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
-      >
+      <el-form ref="formRef" :inline="true" :model="filesStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
         <el-form-item :label="$t('files_filename')" prop="filename">
-          <el-input
-            v-model="filesStore.form.filename"
-            :placeholder="`${$t('input')}${$t('files_filename')}`"
-            class="!w-[180px]"
-            clearable
-          />
+          <el-input v-model="filesStore.form.filename" :placeholder="`${$t('input')}${$t('files_filename')}`" class="!w-[180px]" clearable />
         </el-form-item>
         <el-form-item :label="$t('files_filepath')" prop="filepath">
-          <el-input
-            v-model="filesStore.form.filepath"
-            :placeholder="`${$t('input')}${$t('files_filepath')}`"
-            class="!w-[180px]"
-            clearable
-          />
+          <el-input v-model="filesStore.form.filepath" :placeholder="`${$t('input')}${$t('files_filepath')}`" class="!w-[180px]" clearable />
         </el-form-item>
         <el-form-item :label="$t('files_fileType')" prop="fileType">
-          <el-input
-            v-model="filesStore.form.fileType"
-            :placeholder="`${$t('input')}${$t('files_fileType')}`"
-            class="!w-[180px]"
-            clearable
-          />
+          <el-input v-model="filesStore.form.fileType" :placeholder="`${$t('input')}${$t('files_fileType')}`" class="!w-[180px]" clearable />
         </el-form-item>
         <el-form-item :label="$t('files_downloadCount')" prop="downloadCount">
           <el-input
@@ -106,12 +75,7 @@ onMounted(() => {
           />
         </el-form-item>
         <el-form-item>
-          <el-button
-            :icon="useRenderIcon('ri:search-line')"
-            :loading="filesStore.loading"
-            type="primary"
-            @click="onSearch"
-          >
+          <el-button :icon="useRenderIcon('ri:search-line')" :loading="filesStore.loading" type="primary" @click="onSearch">
             {{ $t('search') }}
           </el-button>
           <el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
@@ -119,12 +83,7 @@ onMounted(() => {
       </el-form>
     </ReAuth>
 
-    <PureTableBar
-      :columns="columns"
-      :title="$t('system_file')"
-      @fullscreen="tableRef.setAdaptive()"
-      @refresh="onSearch"
-    >
+    <PureTableBar :columns="columns" :title="$t('system_file')" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
       <template #buttons>
         <el-button v-if="hasAuth(auth.add)" :icon="useRenderIcon(AddFill)" plain type="primary" @click="onAdd">
           {{ $t('addNew') }}
@@ -143,14 +102,7 @@ onMounted(() => {
         </el-button>
 
         <!-- 批量删除按钮 -->
-        <el-button
-          v-if="hasAuth(auth.delete)"
-          :disabled="!(selectRows.length > 0)"
-          :icon="useRenderIcon(Delete)"
-          plain
-          type="danger"
-          @click="onDeleteBatch"
-        >
+        <el-button v-if="hasAuth(auth.delete)" :disabled="!(selectRows.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
           {{ $t('deleteBatches') }}
         </el-button>
       </template>
@@ -189,15 +141,7 @@ onMounted(() => {
           </template>
 
           <template #operation="{ row }">
-            <el-button
-              v-if="hasAuth(auth.update)"
-              :icon="useRenderIcon(EditPen)"
-              :size="size"
-              class="reset-margin"
-              link
-              type="primary"
-              @click="onUpdate(row)"
-            >
+            <el-button v-if="hasAuth(auth.update)" :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
               {{ $t('modify') }}
             </el-button>
             <el-button
@@ -211,11 +155,7 @@ onMounted(() => {
             >
               {{ $t('download') }}
             </el-button>
-            <el-popconfirm
-              v-if="hasAuth(auth.delete)"
-              :title="`${$t('delete')} ${row.filename}?`"
-              @confirm="onDelete(row)"
-            >
+            <el-popconfirm v-if="hasAuth(auth.delete)" :title="`${$t('delete')} ${row.filename}?`" @confirm="onDelete(row)">
               <template #reference>
                 <el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
                   {{ $t('delete') }}
diff --git a/src/views/system/menu/components/menu-dialog.vue b/src/views/system/menu/components/menu-dialog.vue
index a1acba2..9a6ca8e 100644
--- a/src/views/system/menu/components/menu-dialog.vue
+++ b/src/views/system/menu/components/menu-dialog.vue
@@ -2,15 +2,7 @@
 import ReAnimateSelector from '@/components/ReAnimateSelector/src/index.vue';
 import ReCol from '@/components/ReCol';
 import Segmented from '@/components/ReSegmented';
-import {
-  fixedTagOptions,
-  frameLoadingOptions,
-  hiddenTagOptions,
-  keepAliveOptions,
-  menuTypeOptions,
-  showLinkOptions,
-  showParentOptions,
-} from '@/enums/menu';
+import { fixedTagOptions, frameLoadingOptions, hiddenTagOptions, keepAliveOptions, menuTypeOptions, showLinkOptions, showParentOptions } from '@/enums/menu';
 import { $t } from '@/plugins/i18n';
 import { FormProps, formRules } from '@/views/system/menu/utils';
 import { onMounted, ref } from 'vue';
diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
index b283b11..8dec64a 100644
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -6,18 +6,7 @@ import Delete from '@iconify-icons/ep/delete';
 import EditPen from '@iconify-icons/ep/edit-pen';
 import Refresh from '@iconify-icons/ep/refresh';
 import AddFill from '@iconify-icons/ri/add-circle-line';
-import {
-  auth,
-  clearAllRolesSelect,
-  columns,
-  mergeArgs,
-  onAdd,
-  onDelete,
-  onSearch,
-  onUpdate,
-  selectIds,
-  tableRef,
-} from '@/views/system/menu/utils';
+import { auth, clearAllRolesSelect, columns, mergeArgs, onAdd, onDelete, onSearch, onUpdate, selectIds, tableRef } from '@/views/system/menu/utils';
 import PureTable from '@pureadmin/table';
 import { userMenuStore } from '@/store/system/menu';
 import { useRenderIcon } from '@/components/ReIcon/src/hooks';
@@ -59,23 +48,13 @@ onMounted(() => {
 <template>
   <div class="main">
     <ReAuth :value="auth.search">
-      <el-form
-        ref="formRef"
-        :inline="true"
-        :model="routerStore.form"
-        class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
-      >
+      <el-form ref="formRef" :inline="true" :model="routerStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
         <el-form-item label="菜单名称" prop="title">
           <el-input v-model="routerStore.form.title" :placeholder="$t('input')" class="!w-[180px]" clearable />
         </el-form-item>
 
         <el-form-item>
-          <el-button
-            :icon="useRenderIcon('ri:search-line')"
-            :loading="routerStore.loading"
-            type="primary"
-            @click="onSearch"
-          >
+          <el-button :icon="useRenderIcon('ri:search-line')" :loading="routerStore.loading" type="primary" @click="onSearch">
             {{ $t('search') }}
           </el-button>
           <el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
@@ -146,15 +125,7 @@ onMounted(() => {
 
           <template #operation="{ row }">
             <!-- 修改 -->
-            <el-button
-              v-if="hasAuth(auth.update)"
-              :icon="useRenderIcon(EditPen)"
-              :size="size"
-              class="reset-margin"
-              link
-              type="primary"
-              @click="onUpdate(row)"
-            >
+            <el-button v-if="hasAuth(auth.update)" :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
               {{ $t('modify') }}
             </el-button>
 
@@ -174,11 +145,7 @@ onMounted(() => {
             </ReAuth>
 
             <!-- 删除操作 -->
-            <el-popconfirm
-              v-if="hasAuth(auth.deleted)"
-              :title="`${$t('delete')} ${$t(row.title)}?`"
-              @confirm="onDelete(row)"
-            >
+            <el-popconfirm v-if="hasAuth(auth.deleted)" :title="`${$t('delete')} ${$t(row.title)}?`" @confirm="onDelete(row)">
               <template #reference>
                 <el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
                   {{ $t('delete') }}
diff --git a/src/views/system/permission/components/power-dialog.vue b/src/views/system/permission/components/power-dialog.vue
index 1be1f6f..fa475c9 100644
--- a/src/views/system/permission/components/power-dialog.vue
+++ b/src/views/system/permission/components/power-dialog.vue
@@ -56,13 +56,7 @@ defineExpose({ formRef });
       <el-input v-model="form.requestUrl" :placeholder="$t('inputRequestUrlTip')" autocomplete="off" type="text" />
     </el-form-item>
     <el-form-item :label="$t('requestMethod')" prop="requestMethod">
-      <el-select
-        v-model="form.requestMethod"
-        :placeholder="$t('requestMethod')"
-        autocomplete="off"
-        clearable
-        filterable
-      >
+      <el-select v-model="form.requestMethod" :placeholder="$t('requestMethod')" autocomplete="off" clearable filterable>
         <el-option v-for="item in RequestMethod" :key="item" :label="item" :value="item" />
       </el-select>
     </el-form-item>
diff --git a/src/views/system/permission/index.vue b/src/views/system/permission/index.vue
index 44b7f95..e02d5ec 100644
--- a/src/views/system/permission/index.vue
+++ b/src/views/system/permission/index.vue
@@ -1,16 +1,6 @@
 <script lang="ts" setup>
 import { computed, h, onMounted, ref } from 'vue';
-import {
-  auth,
-  columns,
-  onAdd,
-  onDelete,
-  onDeleteBatch,
-  onSearch,
-  onUpdate,
-  onUpdateBatchParent,
-  powerIds,
-} from '@/views/system/permission/utils';
+import { auth, columns, onAdd, onDelete, onDeleteBatch, onSearch, onUpdate, onUpdateBatchParent, powerIds } from '@/views/system/permission/utils';
 import PureTableBar from '@/components/TableBar/src/bar';
 import AddFill from '@iconify-icons/ri/add-circle-line';
 import PureTable from '@pureadmin/table';
@@ -27,8 +17,6 @@ import { hasAuth } from '@/router/utils';
 import ReAuth from '@/components/ReAuth/src/auth';
 import { RequestMethod } from '@/enums/baseConstant';
 import Download from '@iconify-icons/ep/download';
-import { downloadBlob } from '@/utils/sso';
-import { exportPermission, importPermission } from '@/api/v1/system/power';
 import Upload from '@iconify-icons/ri/upload-line';
 import { addDialog } from '@/components/ReDialog/index';
 import FileUpdateRoleDialog from '@/views/system/role/components/file-update-role-dialog.vue';
@@ -67,10 +55,8 @@ const resetForm = async (formEl: FormInstance) => {
 };
 
 /* 导出权限 */
-const downloadPermission = async () => {
-  const result = await exportPermission();
-
-  downloadBlob(result, 'role.zip');
+const downloadPermission = () => {
+  powerStore.downloadPermissionByFile();
 };
 
 /* 导入权限 */
@@ -90,7 +76,7 @@ const uploadPermission = async () => {
         // 更新文件 data
         const data = { file: form.file[0].raw };
 
-        const result = await importPermission(data);
+        const result = await powerStore.uploadPermissionByFile(data);
         if (!result) return;
         done();
         await onSearch();
@@ -106,55 +92,23 @@ onMounted(() => {
 <template>
   <div class="main">
     <ReAuth :value="auth.query">
-      <el-form
-        ref="formRef"
-        :inline="true"
-        :model="powerStore.form"
-        class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
-      >
+      <el-form ref="formRef" :inline="true" :model="powerStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
         <el-form-item :label="$t('power_powerCode')" prop="powerCode">
-          <el-input
-            v-model="powerStore.form.powerCode"
-            :placeholder="`${$t('input')}${$t('power_powerCode')}`"
-            class="!w-[180px]"
-            clearable
-          />
+          <el-input v-model="powerStore.form.powerCode" :placeholder="`${$t('input')}${$t('power_powerCode')}`" class="!w-[180px]" clearable />
         </el-form-item>
         <el-form-item :label="$t('power_powerName')" prop="powerName">
-          <el-input
-            v-model="powerStore.form.powerName"
-            :placeholder="`${$t('input')}${$t('power_powerName')}`"
-            class="!w-[180px]"
-            clearable
-          />
+          <el-input v-model="powerStore.form.powerName" :placeholder="`${$t('input')}${$t('power_powerName')}`" class="!w-[180px]" clearable />
         </el-form-item>
         <el-form-item :label="$t('power_requestUrl')" prop="requestUrl">
-          <el-input
-            v-model="powerStore.form.requestUrl"
-            :placeholder="`${$t('input')}${$t('power_requestUrl')}`"
-            class="!w-[180px]"
-            clearable
-          />
+          <el-input v-model="powerStore.form.requestUrl" :placeholder="`${$t('input')}${$t('power_requestUrl')}`" class="!w-[180px]" clearable />
         </el-form-item>
         <el-form-item :label="$t('requestMethod')" prop="requestMethod">
-          <el-select
-            v-model="powerStore.form.requestMethod"
-            :placeholder="$t('requestMethod')"
-            autocomplete="off"
-            class="!w-[180px]"
-            clearable
-            filterable
-          >
+          <el-select v-model="powerStore.form.requestMethod" :placeholder="$t('requestMethod')" autocomplete="off" class="!w-[180px]" clearable filterable>
             <el-option v-for="item in RequestMethod" :key="item" :label="item" :value="item" />
           </el-select>
         </el-form-item>
         <el-form-item>
-          <el-button
-            :icon="useRenderIcon('ri:search-line')"
-            :loading="powerStore.loading"
-            type="primary"
-            @click="onSearch"
-          >
+          <el-button :icon="useRenderIcon('ri:search-line')" :loading="powerStore.loading" type="primary" @click="onSearch">
             {{ $t('search') }}
           </el-button>
           <el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
@@ -172,23 +126,11 @@ onMounted(() => {
     >
       <template #buttons>
         <!-- 添加权限按钮 -->
-        <el-button
-          v-if="hasAuth(auth.update)"
-          :icon="useRenderIcon(Download)"
-          plain
-          type="primary"
-          @click="downloadPermission()"
-        >
+        <el-button v-if="hasAuth(auth.update)" :icon="useRenderIcon(Download)" plain type="primary" @click="downloadPermission()">
           {{ $t('download_configuration') }}
         </el-button>
         <!-- 文件更新 -->
-        <el-button
-          v-if="hasAuth(auth.update)"
-          :icon="useRenderIcon(Upload)"
-          plain
-          type="primary"
-          @click="uploadPermission"
-        >
+        <el-button v-if="hasAuth(auth.update)" :icon="useRenderIcon(Upload)" plain type="primary" @click="uploadPermission">
           {{ $t('file_import') }}
         </el-button>
 
@@ -210,14 +152,7 @@ onMounted(() => {
         </el-button>
 
         <!-- 批量删除按钮 -->
-        <el-button
-          v-if="hasAuth(auth.delete)"
-          :disabled="!(powerIds.length > 0)"
-          :icon="useRenderIcon(Delete)"
-          plain
-          type="danger"
-          @click="onDeleteBatch"
-        >
+        <el-button v-if="hasAuth(auth.delete)" :disabled="!(powerIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
           {{ $t('deleteBatches') }}
         </el-button>
       </template>
@@ -258,35 +193,15 @@ onMounted(() => {
 
           <template #operation="{ row }">
             <!-- 修改 -->
-            <el-button
-              v-if="hasAuth(auth.update)"
-              :icon="useRenderIcon(EditPen)"
-              :size="size"
-              class="reset-margin"
-              link
-              type="primary"
-              @click="onUpdate(row)"
-            >
+            <el-button v-if="hasAuth(auth.update)" :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
               {{ $t('modify') }}
             </el-button>
             <!-- 添加 -->
-            <el-button
-              v-if="hasAuth(auth.add)"
-              :icon="useRenderIcon(AddFill)"
-              :size="size"
-              class="reset-margin"
-              link
-              type="primary"
-              @click="onAdd(row.id)"
-            >
+            <el-button v-if="hasAuth(auth.add)" :icon="useRenderIcon(AddFill)" :size="size" class="reset-margin" link type="primary" @click="onAdd(row.id)">
               {{ $t('addNew') }}
             </el-button>
             <!-- 删除 -->
-            <el-popconfirm
-              v-if="hasAuth(auth.delete)"
-              :title="`${$t('delete')}${row.powerName}?`"
-              @confirm="onDelete(row)"
-            >
+            <el-popconfirm v-if="hasAuth(auth.delete)" :title="`${$t('delete')}${row.powerName}?`" @confirm="onDelete(row)">
               <template #reference>
                 <el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
                   {{ $t('delete') }}
diff --git a/src/views/system/role/components/assign-powers-to-role.vue b/src/views/system/role/components/assign-powers-to-role.vue
index d78f314..62a8d70 100644
--- a/src/views/system/role/components/assign-powers-to-role.vue
+++ b/src/views/system/role/components/assign-powers-to-role.vue
@@ -1,13 +1,5 @@
 <script lang="ts" setup>
-import {
-  contentRef,
-  currentRow,
-  iconClass,
-  onMenuPowerClick,
-  powerTreeIsShow,
-  powerTreeRef,
-  tableRef,
-} from '@/views/system/role/utils';
+import { contentRef, currentRow, iconClass, onMenuPowerClick, powerTreeIsShow, powerTreeRef, tableRef } from '@/views/system/role/utils';
 import Close from '@iconify-icons/ep/close';
 import Check from '@iconify-icons/ep/check';
 import { computed, nextTick, onMounted, ref, watch } from 'vue';
@@ -79,31 +71,14 @@ onMounted(() => {
 </script>
 
 <template>
-  <div
-    v-if="powerTreeIsShow"
-    class="!min-w-[calc(100vw-60vw-268px)] w-full mt-2 px-2 pb-2 bg-bg_color ml-2 overflow-auto"
-  >
+  <div v-if="powerTreeIsShow" class="!min-w-[calc(100vw-60vw-268px)] w-full mt-2 px-2 pb-2 bg-bg_color ml-2 overflow-auto">
     <div class="flex justify-between w-full px-3 pt-5 pb-4">
       <div class="flex">
         <span :class="iconClass">
-          <IconifyIconOffline
-            v-tippy="{ content: '关闭' }"
-            :icon="Close"
-            class="dark:text-white"
-            height="18px"
-            width="18px"
-            @click="onMenuPowerClick"
-          />
+          <IconifyIconOffline v-tippy="{ content: '关闭' }" :icon="Close" class="dark:text-white" height="18px" width="18px" @click="onMenuPowerClick" />
         </span>
         <span :class="[iconClass, 'ml-2']">
-          <IconifyIconOffline
-            v-tippy="{ content: '保存菜单权限' }"
-            :icon="Check"
-            class="dark:text-white"
-            height="18px"
-            width="18px"
-            @click="onSave"
-          />
+          <IconifyIconOffline v-tippy="{ content: '保存菜单权限' }" :icon="Check" class="dark:text-white" height="18px" width="18px" @click="onSave" />
         </span>
       </div>
       <p class="font-bold truncate">
@@ -111,13 +86,7 @@ onMounted(() => {
         {{ `${currentRow?.name ? `（${currentRow.name}）` : ''}` }}
       </p>
     </div>
-    <el-input
-      v-model="treeSearchValue"
-      class="mb-1"
-      clearable
-      placeholder="请输入菜单进行搜索"
-      @input="onQueryChanged"
-    />
+    <el-input v-model="treeSearchValue" class="mb-1" clearable placeholder="请输入菜单进行搜索" @input="onQueryChanged" />
     <div class="flex flex-wrap">
       <el-checkbox v-model="isExpandAll" label="展开/折叠" />
       <el-checkbox v-model="isSelectAll" label="全选/全不选" />
diff --git a/src/views/system/role/components/file-update-role-dialog.vue b/src/views/system/role/components/file-update-role-dialog.vue
index 4890145..9252f91 100644
--- a/src/views/system/role/components/file-update-role-dialog.vue
+++ b/src/views/system/role/components/file-update-role-dialog.vue
@@ -38,15 +38,7 @@ defineExpose({ formRef });
 <template>
   <el-form ref="formRef" :model="form" :rules="rules" isDefault-icon>
     <el-form-item :label="$t('files')" prop="file">
-      <el-upload
-        ref="uploadRef"
-        v-model:file-list="form.file"
-        :autoUpload="false"
-        :limit="1"
-        :on-exceed="handleExceed"
-        class="w-full mt-2"
-        drag
-      >
+      <el-upload ref="uploadRef" v-model:file-list="form.file" :autoUpload="false" :limit="1" :on-exceed="handleExceed" class="w-full mt-2" drag>
         <el-icon class="el-icon--upload">
           <UploadFilled />
         </el-icon>
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index 7896632..51355a9 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -30,8 +30,6 @@ import Menu from '@iconify-icons/ep/menu';
 import AssignPowersToRole from '@/views/system/role/components/assign-powers-to-role.vue';
 import { hasAuth } from '@/router/utils';
 import ReAuth from '@/components/ReAuth/src/auth';
-import { exportRoleList } from '@/api/v1/system/role';
-import { downloadBlob } from '@/utils/sso';
 import Download from '@iconify-icons/ep/download';
 import Upload from '@iconify-icons/ri/upload-line';
 import { addDialog } from '@/components/ReDialog/index';
@@ -67,10 +65,8 @@ const resetForm = async (formEl: FormInstance) => {
 };
 
 /* 使用Excel导出导出角色列表 */
-const downloadRoleExcel = async () => {
-  const result = await exportRoleList();
-
-  downloadBlob(result, 'role.zip');
+const downloadRoleExcel = () => {
+  roleStore.downloadRoleByFile();
 };
 
 /* 使用文件更新角色 */
@@ -107,35 +103,15 @@ onMounted(() => {
 <template>
   <div class="main">
     <ReAuth :value="auth.query">
-      <el-form
-        ref="formRef"
-        :inline="true"
-        :model="roleStore.form"
-        class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
-      >
+      <el-form ref="formRef" :inline="true" :model="roleStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
         <el-form-item :label="$t('role_roleCode')" prop="roleCode">
-          <el-input
-            v-model="roleStore.form.roleCode"
-            :placeholder="`${$t('input')}${$t('role_roleCode')}`"
-            class="!w-[180px]"
-            clearable
-          />
+          <el-input v-model="roleStore.form.roleCode" :placeholder="`${$t('input')}${$t('role_roleCode')}`" class="!w-[180px]" clearable />
         </el-form-item>
         <el-form-item :label="$t('role_description')" prop="description">
-          <el-input
-            v-model="roleStore.form.description"
-            :placeholder="`${$t('input')}${$t('role_description')}`"
-            class="!w-[180px]"
-            clearable
-          />
+          <el-input v-model="roleStore.form.description" :placeholder="`${$t('input')}${$t('role_description')}`" class="!w-[180px]" clearable />
         </el-form-item>
         <el-form-item>
-          <el-button
-            :icon="useRenderIcon('ri:search-line')"
-            :loading="roleStore.loading"
-            type="primary"
-            @click="onSearch"
-          >
+          <el-button :icon="useRenderIcon('ri:search-line')" :loading="roleStore.loading" type="primary" @click="onSearch">
             {{ $t('search') }}
           </el-button>
           <el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
@@ -154,23 +130,11 @@ onMounted(() => {
       >
         <template #buttons>
           <!-- 下载Excel配置 -->
-          <el-button
-            v-if="hasAuth(auth.update)"
-            :icon="useRenderIcon(Download)"
-            plain
-            type="primary"
-            @click="downloadRoleExcel"
-          >
+          <el-button v-if="hasAuth(auth.update)" :icon="useRenderIcon(Download)" plain type="primary" @click="downloadRoleExcel">
             {{ $t('download_configuration') }}
           </el-button>
           <!-- 文件更新 -->
-          <el-button
-            v-if="hasAuth(auth.update)"
-            :icon="useRenderIcon(Upload)"
-            plain
-            type="primary"
-            @click="onUpdateByFile"
-          >
+          <el-button v-if="hasAuth(auth.update)" :icon="useRenderIcon(Upload)" plain type="primary" @click="onUpdateByFile">
             {{ $t('file_import') }}
           </el-button>
 
@@ -179,14 +143,7 @@ onMounted(() => {
           </el-button>
 
           <!-- 批量删除按钮 -->
-          <el-button
-            v-if="hasAuth(auth.delete)"
-            :disabled="!(deleteIds.length > 0)"
-            :icon="useRenderIcon(Delete)"
-            plain
-            type="danger"
-            @click="onDeleteBatch"
-          >
+          <el-button v-if="hasAuth(auth.delete)" :disabled="!(deleteIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
             {{ $t('delete_batches') }}
           </el-button>
         </template>
@@ -238,11 +195,7 @@ onMounted(() => {
               </el-button>
 
               <!-- 删除 -->
-              <el-popconfirm
-                v-if="hasAuth(auth.delete)"
-                :title="`${$t('delete')}${row.roleCode}?`"
-                @confirm="onDelete(row)"
-              >
+              <el-popconfirm v-if="hasAuth(auth.delete)" :title="`${$t('delete')}${row.roleCode}?`" @confirm="onDelete(row)">
                 <template #reference>
                   <el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
                     {{ $t('delete') }}
diff --git a/src/views/welcome/index.vue b/src/views/welcome/index.vue
index d3c9da2..3783d0b 100644
--- a/src/views/welcome/index.vue
+++ b/src/views/welcome/index.vue
@@ -46,10 +46,7 @@ onMounted(() => {
             <span class="text-md font-medium">
               {{ item.name }}
             </span>
-            <div
-              :style="{ backgroundColor: isDark ? 'transparent' : item.bgColor }"
-              class="w-8 h-8 flex justify-center items-center rounded-md"
-            >
+            <div :style="{ backgroundColor: isDark ? 'transparent' : item.bgColor }" class="w-8 h-8 flex justify-center items-center rounded-md">
               <IconifyIconOffline :color="item.color" :icon="item.icon" width="18" />
             </div>
           </div>
@@ -87,28 +84,14 @@ onMounted(() => {
           </el-card>
         </re-col>
 
-        <re-col
-          v-motion
-          :enter="{ opacity: 1, y: 0, transition: { delay: 640 } }"
-          :initial="{ opacity: 0, y: 100 }"
-          :lg="8"
-          :sm="24"
-          :xl="6"
-          :xs="24"
-        >
+        <re-col v-motion :enter="{ opacity: 1, y: 0, transition: { delay: 640 } }" :initial="{ opacity: 0, y: 100 }" :lg="8" :sm="24" :xl="6" :xs="24">
           <el-card class="mb-[18px]" shadow="never">
             <div class="flex justify-between">
               <span class="text-md font-medium">前端git近期20次更改</span>
             </div>
             <el-scrollbar class="mt-3" max-height="504">
               <el-timeline>
-                <el-timeline-item
-                  v-for="(item, index) in webCommitList"
-                  :key="index"
-                  :timestamp="item.date"
-                  center
-                  placement="top"
-                >
+                <el-timeline-item v-for="(item, index) in webCommitList" :key="index" :timestamp="item.date" center placement="top">
                   <p class="text-text_color_regular text-sm">
                     <el-link :href="item.html_url" :title="item.message" :underline="false" target="_blank">
                       {{ `提交信息：${item.message}，提交用户：` }}
@@ -129,13 +112,7 @@ onMounted(() => {
             </div>
             <el-scrollbar class="mt-3" max-height="504">
               <el-timeline>
-                <el-timeline-item
-                  v-for="(item, index) in serverCommitList"
-                  :key="index"
-                  :timestamp="item.date"
-                  center
-                  placement="top"
-                >
+                <el-timeline-item v-for="(item, index) in serverCommitList" :key="index" :timestamp="item.date" center placement="top">
                   <p class="text-text_color_regular text-sm">
                     <el-link :href="item.html_url" :title="item.message" :underline="false" target="_blank">
                       {{ `提交信息：${item.message}，提交用户：` }}