diff --git a/README.md b/README.md
index 860323c..a3d213a 100644
--- a/README.md
+++ b/README.md
@@ -105,4 +105,4 @@ yarn dev
 
 ## 若依前后端分离交流群
 
-QQ群： [![加入QQ群](https://img.shields.io/badge/已满-937441-blue.svg)](https://jq.qq.com/?_wv=1027&k=5bVB1og) [![加入QQ群](https://img.shields.io/badge/已满-887144332-blue.svg)](https://jq.qq.com/?_wv=1027&k=5eiA4DH) [![加入QQ群](https://img.shields.io/badge/已满-180251782-blue.svg)](https://jq.qq.com/?_wv=1027&k=5AxMKlC) [![加入QQ群](https://img.shields.io/badge/已满-104180207-blue.svg)](https://jq.qq.com/?_wv=1027&k=51G72yr) [![加入QQ群](https://img.shields.io/badge/已满-186866453-blue.svg)](https://jq.qq.com/?_wv=1027&k=VvjN2nvu) [![加入QQ群](https://img.shields.io/badge/已满-201396349-blue.svg)](https://jq.qq.com/?_wv=1027&k=5vYAqA05) [![加入QQ群](https://img.shields.io/badge/已满-101456076-blue.svg)](https://jq.qq.com/?_wv=1027&k=kOIINEb5) [![加入QQ群](https://img.shields.io/badge/已满-101539465-blue.svg)](https://jq.qq.com/?_wv=1027&k=UKtX5jhs) [![加入QQ群](https://img.shields.io/badge/已满-264312783-blue.svg)](https://jq.qq.com/?_wv=1027&k=EI9an8lJ) [![加入QQ群](https://img.shields.io/badge/已满-167385320-blue.svg)](https://jq.qq.com/?_wv=1027&k=SWCtLnMz) [![加入QQ群](https://img.shields.io/badge/已满-104748341-blue.svg)](https://jq.qq.com/?_wv=1027&k=96Dkdq0k) [![加入QQ群](https://img.shields.io/badge/已满-160110482-blue.svg)](https://jq.qq.com/?_wv=1027&k=0fsNiYZt) [![加入QQ群](https://img.shields.io/badge/已满-170801498-blue.svg)](https://jq.qq.com/?_wv=1027&k=7xw4xUG1) [![加入QQ群](https://img.shields.io/badge/已满-108482800-blue.svg)](https://jq.qq.com/?_wv=1027&k=eCx8eyoJ) [![加入QQ群](https://img.shields.io/badge/已满-101046199-blue.svg)](https://jq.qq.com/?_wv=1027&k=SpyH2875) [![加入QQ群](https://img.shields.io/badge/已满-136919097-blue.svg)](https://jq.qq.com/?_wv=1027&k=tKEt51dz) [![加入QQ群](https://img.shields.io/badge/已满-143961921-blue.svg)](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=0vBbSb0ztbBgVtn3kJS-Q4HUNYwip89G&authKey=8irq5PhutrZmWIvsUsklBxhj57l%2F1nOZqjzigkXZVoZE451GG4JHPOqW7AW6cf0T&noverify=0&group_code=143961921) [![加入QQ群](https://img.shields.io/badge/已满-174951577-blue.svg)](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=ZFAPAbp09S2ltvwrJzp7wGlbopsc0rwi&authKey=HB2cxpxP2yspk%2Bo3WKTBfktRCccVkU26cgi5B16u0KcAYrVu7sBaE7XSEqmMdFQp&noverify=0&group_code=174951577) [![加入QQ群](https://img.shields.io/badge/已满-161281055-blue.svg)](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=Fn2aF5IHpwsy8j6VlalNJK6qbwFLFHat&authKey=uyIT%2B97x2AXj3odyXpsSpVaPMC%2Bidw0LxG5MAtEqlrcBcWJUA%2FeS43rsF1Tg7IRJ&noverify=0&group_code=161281055) [![加入QQ群](https://img.shields.io/badge/已满-138988063-blue.svg)](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=XIzkm_mV2xTsUtFxo63bmicYoDBA6Ifm&authKey=dDW%2F4qsmw3x9govoZY9w%2FoWAoC4wbHqGal%2BbqLzoS6VBarU8EBptIgPKN%2FviyC8j&noverify=0&group_code=138988063) [![加入QQ群](https://img.shields.io/badge/已满-151450850-blue.svg)](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=DkugnCg68PevlycJSKSwjhFqfIgrWWwR&authKey=pR1Pa5lPIeGF%2FFtIk6d%2FGB5qFi0EdvyErtpQXULzo03zbhopBHLWcuqdpwY241R%2F&noverify=0&group_code=151450850) [![加入QQ群](https://img.shields.io/badge/已满-224622315-blue.svg)](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=F58bgRa-Dp-rsQJThiJqIYv8t4-lWfXh&authKey=UmUs4CVG5OPA1whvsa4uSespOvyd8%2FAr9olEGaWAfdLmfKQk%2FVBp2YU3u2xXXt76&noverify=0&group_code=224622315) [![加入QQ群](https://img.shields.io/badge/已满-287842588-blue.svg)](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=Nxb2EQ5qozWa218Wbs7zgBnjLSNk_tVT&authKey=obBKXj6SBKgrFTJZx0AqQnIYbNOvBB2kmgwWvGhzxR67RoRr84%2Bus5OadzMcdJl5&noverify=0&group_code=287842588) [![加入QQ群](https://img.shields.io/badge/已满-187944233-blue.svg)](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=numtK1M_I4eVd2Gvg8qtbuL8JgX42qNh&authKey=giV9XWMaFZTY%2FqPlmWbkB9g3fi0Ev5CwEtT9Tgei0oUlFFCQLDp4ozWRiVIzubIm&noverify=0&group_code=187944233) [![加入QQ群](https://img.shields.io/badge/已满-228578329-blue.svg)](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=G6r5KGCaa3pqdbUSXNIgYloyb8e0_L0D&authKey=4w8tF1eGW7%2FedWn%2FHAypQksdrML%2BDHolQSx7094Agm7Luakj9EbfPnSTxSi2T1LQ&noverify=0&group_code=228578329) [![加入QQ群](https://img.shields.io/badge/已满-191164766-blue.svg)](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=GsOo-OLz53J8y_9TPoO6XXSGNRTgbFxA&authKey=R7Uy%2Feq%2BZsoKNqHvRKhiXpypW7DAogoWapOawUGHokJSBIBIre2%2FoiAZeZBSLuBc&noverify=0&group_code=191164766) [![加入QQ群](https://img.shields.io/badge/174569686-blue.svg)](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=PmYavuzsOthVqfdAPbo4uAeIbu7Ttjgc&authKey=p52l8%2FXa4PS1JcEmS3VccKSwOPJUZ1ZfQ69MEKzbrooNUljRtlKjvsXf04bxNp3G&noverify=0&group_code=174569686) 点击按钮入群。
\ No newline at end of file
+QQ群： [![加入QQ群](https://img.shields.io/badge/已满-937441-blue.svg)](https://jq.qq.com/?_wv=1027&k=5bVB1og) [![加入QQ群](https://img.shields.io/badge/已满-887144332-blue.svg)](https://jq.qq.com/?_wv=1027&k=5eiA4DH) [![加入QQ群](https://img.shields.io/badge/已满-180251782-blue.svg)](https://jq.qq.com/?_wv=1027&k=5AxMKlC) [![加入QQ群](https://img.shields.io/badge/已满-104180207-blue.svg)](https://jq.qq.com/?_wv=1027&k=51G72yr) [![加入QQ群](https://img.shields.io/badge/已满-186866453-blue.svg)](https://jq.qq.com/?_wv=1027&k=VvjN2nvu) [![加入QQ群](https://img.shields.io/badge/已满-201396349-blue.svg)](https://jq.qq.com/?_wv=1027&k=5vYAqA05) [![加入QQ群](https://img.shields.io/badge/已满-101456076-blue.svg)](https://jq.qq.com/?_wv=1027&k=kOIINEb5) [![加入QQ群](https://img.shields.io/badge/已满-101539465-blue.svg)](https://jq.qq.com/?_wv=1027&k=UKtX5jhs) [![加入QQ群](https://img.shields.io/badge/已满-264312783-blue.svg)](https://jq.qq.com/?_wv=1027&k=EI9an8lJ) [![加入QQ群](https://img.shields.io/badge/已满-167385320-blue.svg)](https://jq.qq.com/?_wv=1027&k=SWCtLnMz) [![加入QQ群](https://img.shields.io/badge/已满-104748341-blue.svg)](https://jq.qq.com/?_wv=1027&k=96Dkdq0k) [![加入QQ群](https://img.shields.io/badge/已满-160110482-blue.svg)](https://jq.qq.com/?_wv=1027&k=0fsNiYZt) [![加入QQ群](https://img.shields.io/badge/已满-170801498-blue.svg)](https://jq.qq.com/?_wv=1027&k=7xw4xUG1) [![加入QQ群](https://img.shields.io/badge/已满-108482800-blue.svg)](https://jq.qq.com/?_wv=1027&k=eCx8eyoJ) [![加入QQ群](https://img.shields.io/badge/已满-101046199-blue.svg)](https://jq.qq.com/?_wv=1027&k=SpyH2875) [![加入QQ群](https://img.shields.io/badge/已满-136919097-blue.svg)](https://jq.qq.com/?_wv=1027&k=tKEt51dz) [![加入QQ群](https://img.shields.io/badge/已满-143961921-blue.svg)](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=0vBbSb0ztbBgVtn3kJS-Q4HUNYwip89G&authKey=8irq5PhutrZmWIvsUsklBxhj57l%2F1nOZqjzigkXZVoZE451GG4JHPOqW7AW6cf0T&noverify=0&group_code=143961921) [![加入QQ群](https://img.shields.io/badge/已满-174951577-blue.svg)](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=ZFAPAbp09S2ltvwrJzp7wGlbopsc0rwi&authKey=HB2cxpxP2yspk%2Bo3WKTBfktRCccVkU26cgi5B16u0KcAYrVu7sBaE7XSEqmMdFQp&noverify=0&group_code=174951577) [![加入QQ群](https://img.shields.io/badge/已满-161281055-blue.svg)](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=Fn2aF5IHpwsy8j6VlalNJK6qbwFLFHat&authKey=uyIT%2B97x2AXj3odyXpsSpVaPMC%2Bidw0LxG5MAtEqlrcBcWJUA%2FeS43rsF1Tg7IRJ&noverify=0&group_code=161281055) [![加入QQ群](https://img.shields.io/badge/已满-138988063-blue.svg)](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=XIzkm_mV2xTsUtFxo63bmicYoDBA6Ifm&authKey=dDW%2F4qsmw3x9govoZY9w%2FoWAoC4wbHqGal%2BbqLzoS6VBarU8EBptIgPKN%2FviyC8j&noverify=0&group_code=138988063) [![加入QQ群](https://img.shields.io/badge/已满-151450850-blue.svg)](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=DkugnCg68PevlycJSKSwjhFqfIgrWWwR&authKey=pR1Pa5lPIeGF%2FFtIk6d%2FGB5qFi0EdvyErtpQXULzo03zbhopBHLWcuqdpwY241R%2F&noverify=0&group_code=151450850) [![加入QQ群](https://img.shields.io/badge/已满-224622315-blue.svg)](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=F58bgRa-Dp-rsQJThiJqIYv8t4-lWfXh&authKey=UmUs4CVG5OPA1whvsa4uSespOvyd8%2FAr9olEGaWAfdLmfKQk%2FVBp2YU3u2xXXt76&noverify=0&group_code=224622315) [![加入QQ群](https://img.shields.io/badge/已满-287842588-blue.svg)](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=Nxb2EQ5qozWa218Wbs7zgBnjLSNk_tVT&authKey=obBKXj6SBKgrFTJZx0AqQnIYbNOvBB2kmgwWvGhzxR67RoRr84%2Bus5OadzMcdJl5&noverify=0&group_code=287842588) [![加入QQ群](https://img.shields.io/badge/已满-187944233-blue.svg)](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=numtK1M_I4eVd2Gvg8qtbuL8JgX42qNh&authKey=giV9XWMaFZTY%2FqPlmWbkB9g3fi0Ev5CwEtT9Tgei0oUlFFCQLDp4ozWRiVIzubIm&noverify=0&group_code=187944233) [![加入QQ群](https://img.shields.io/badge/已满-228578329-blue.svg)](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=G6r5KGCaa3pqdbUSXNIgYloyb8e0_L0D&authKey=4w8tF1eGW7%2FedWn%2FHAypQksdrML%2BDHolQSx7094Agm7Luakj9EbfPnSTxSi2T1LQ&noverify=0&group_code=228578329) [![加入QQ群](https://img.shields.io/badge/已满-191164766-blue.svg)](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=GsOo-OLz53J8y_9TPoO6XXSGNRTgbFxA&authKey=R7Uy%2Feq%2BZsoKNqHvRKhiXpypW7DAogoWapOawUGHokJSBIBIre2%2FoiAZeZBSLuBc&noverify=0&group_code=191164766) [![加入QQ群](https://img.shields.io/badge/已满-174569686-blue.svg)](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=PmYavuzsOthVqfdAPbo4uAeIbu7Ttjgc&authKey=p52l8%2FXa4PS1JcEmS3VccKSwOPJUZ1ZfQ69MEKzbrooNUljRtlKjvsXf04bxNp3G&noverify=0&group_code=174569686) [![加入QQ群](https://img.shields.io/badge/127358632-blue.svg)](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=M9y5NjAl44lAL_Vh2crmEehZU_PMU6KS&authKey=ZSDz8hEREWSaPuxQV3gEwqGIaGjfRNnkB4rJjf0IvXhrSUGSGwQFmBA%2Boe8HFxyl&noverify=0&group_code=127358632) 点击按钮入群。
\ No newline at end of file
diff --git a/auto-imports.d.ts b/auto-imports.d.ts
new file mode 100644
index 0000000..ab12676
--- /dev/null
+++ b/auto-imports.d.ts
@@ -0,0 +1,90 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+// biome-ignore lint: disable
+export {}
+declare global {
+  const EffectScope: typeof import('vue')['EffectScope']
+  const acceptHMRUpdate: typeof import('pinia')['acceptHMRUpdate']
+  const computed: typeof import('vue')['computed']
+  const createApp: typeof import('vue')['createApp']
+  const createPinia: typeof import('pinia')['createPinia']
+  const customRef: typeof import('vue')['customRef']
+  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
+  const defineComponent: typeof import('vue')['defineComponent']
+  const defineEmits: typeof import('vue')['defineEmits']
+  const defineProps: typeof import('vue')['defineProps']
+  const defineStore: typeof import('pinia')['defineStore']
+  const effectScope: typeof import('vue')['effectScope']
+  const getActivePinia: typeof import('pinia')['getActivePinia']
+  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
+  const getCurrentScope: typeof import('vue')['getCurrentScope']
+  const h: typeof import('vue')['h']
+  const inject: typeof import('vue')['inject']
+  const isProxy: typeof import('vue')['isProxy']
+  const isReactive: typeof import('vue')['isReactive']
+  const isReadonly: typeof import('vue')['isReadonly']
+  const isRef: typeof import('vue')['isRef']
+  const mapActions: typeof import('pinia')['mapActions']
+  const mapGetters: typeof import('pinia')['mapGetters']
+  const mapState: typeof import('pinia')['mapState']
+  const mapStores: typeof import('pinia')['mapStores']
+  const mapWritableState: typeof import('pinia')['mapWritableState']
+  const markRaw: typeof import('vue')['markRaw']
+  const nextTick: typeof import('vue')['nextTick']
+  const onActivated: typeof import('vue')['onActivated']
+  const onBeforeMount: typeof import('vue')['onBeforeMount']
+  const onBeforeRouteLeave: typeof import('vue-router')['onBeforeRouteLeave']
+  const onBeforeRouteUpdate: typeof import('vue-router')['onBeforeRouteUpdate']
+  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
+  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
+  const onDeactivated: typeof import('vue')['onDeactivated']
+  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
+  const onMounted: typeof import('vue')['onMounted']
+  const onRenderTracked: typeof import('vue')['onRenderTracked']
+  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
+  const onScopeDispose: typeof import('vue')['onScopeDispose']
+  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
+  const onUnmounted: typeof import('vue')['onUnmounted']
+  const onUpdated: typeof import('vue')['onUpdated']
+  const onWatcherCleanup: typeof import('vue')['onWatcherCleanup']
+  const provide: typeof import('vue')['provide']
+  const reactive: typeof import('vue')['reactive']
+  const readonly: typeof import('vue')['readonly']
+  const ref: typeof import('vue')['ref']
+  const resolveComponent: typeof import('vue')['resolveComponent']
+  const setActivePinia: typeof import('pinia')['setActivePinia']
+  const setMapStoreSuffix: typeof import('pinia')['setMapStoreSuffix']
+  const shallowReactive: typeof import('vue')['shallowReactive']
+  const shallowReadonly: typeof import('vue')['shallowReadonly']
+  const shallowRef: typeof import('vue')['shallowRef']
+  const storeToRefs: typeof import('pinia')['storeToRefs']
+  const toRaw: typeof import('vue')['toRaw']
+  const toRef: typeof import('vue')['toRef']
+  const toRefs: typeof import('vue')['toRefs']
+  const toValue: typeof import('vue')['toValue']
+  const triggerRef: typeof import('vue')['triggerRef']
+  const unref: typeof import('vue')['unref']
+  const useAttrs: typeof import('vue')['useAttrs']
+  const useCssModule: typeof import('vue')['useCssModule']
+  const useCssVars: typeof import('vue')['useCssVars']
+  const useId: typeof import('vue')['useId']
+  const useLink: typeof import('vue-router')['useLink']
+  const useModel: typeof import('vue')['useModel']
+  const useRoute: typeof import('vue-router')['useRoute']
+  const useRouter: typeof import('vue-router')['useRouter']
+  const useSlots: typeof import('vue')['useSlots']
+  const useTemplateRef: typeof import('vue')['useTemplateRef']
+  const watch: typeof import('vue')['watch']
+  const watchEffect: typeof import('vue')['watchEffect']
+  const watchPostEffect: typeof import('vue')['watchPostEffect']
+  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
+}
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type { Component, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
+  import('vue')
+}
diff --git a/index.html b/index.html
index 3553e10..a11feaa 100644
--- a/index.html
+++ b/index.html
@@ -209,7 +209,7 @@
       <div class="load_title">正在加载系统资源，请耐心等待</div>
     </div>
   </div>
-  <script type="module" src="/src/main.js"></script>
+  <script type="module" src="/src/main.ts"></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/package.json b/package.json
index ef8a592..5b881d8 100644
--- a/package.json
+++ b/package.json
@@ -38,12 +38,15 @@
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "5.2.4",
+    "@vue/tsconfig": "0.5.1",
     "sass-embedded": "1.97.2",
+    "typescript": "5.6.3",
     "unplugin-auto-import": "0.18.6",
     "unplugin-vue-setup-extend-plus": "1.0.1",
     "vite": "6.4.1",
     "vite-plugin-compression": "0.5.1",
-    "vite-plugin-svg-icons": "2.0.1"
+    "vite-plugin-svg-icons": "2.0.1",
+    "vue-tsc": "2.1.10"
   },
   "overrides": {
     "quill": "2.0.2"
diff --git a/src/App.vue b/src/App.vue
index fd2b3d5..299ae41 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,7 +2,7 @@
   <router-view />
 </template>
 
-<script setup>
+<script setup lang="ts">
 import useSettingsStore from '@/store/modules/settings'
 import { handleThemeStyle } from '@/utils/theme'
 
diff --git a/src/api/login.js b/src/api/login.ts
similarity index 65%
rename from src/api/login.js
rename to src/api/login.ts
index 9f333cb..a2e4149 100644
--- a/src/api/login.js
+++ b/src/api/login.ts
@@ -1,60 +1,61 @@
-import request from '@/utils/request'
-
-// 登录方法
-export function login(username, password, code, uuid) {
-  const data = {
-    username,
-    password,
-    code,
-    uuid
-  }
-  return request({
-    url: '/login',
-    headers: {
-      isToken: false,
-      repeatSubmit: false
-    },
-    method: 'post',
-    data: data
-  })
-}
-
-// 注册方法
-export function register(data) {
-  return request({
-    url: '/register',
-    headers: {
-      isToken: false
-    },
-    method: 'post',
-    data: data
-  })
-}
-
-// 获取用户详细信息
-export function getInfo() {
-  return request({
-    url: '/getInfo',
-    method: 'get'
-  })
-}
-
-// 退出方法
-export function logout() {
-  return request({
-    url: '/logout',
-    method: 'post'
-  })
-}
-
-// 获取验证码
-export function getCodeImg() {
-  return request({
-    url: '/captchaImage',
-    headers: {
-      isToken: false
-    },
-    method: 'get',
-    timeout: 20000
-  })
-}
\ No newline at end of file
+import request from '@/utils/request'
+import type { SysRegister, LoginInfoResult, UserInfoResult, CaptchaInfoResult, AjaxResult } from '@/types'
+
+// 登录方法
+export function login(username: string, password: string, code: string, uuid: string): Promise<LoginInfoResult> {
+  const data = {
+    username,
+    password,
+    code,
+    uuid
+  }
+  return request({
+    url: '/login',
+    headers: {
+      isToken: false,
+      repeatSubmit: false
+    },
+    method: 'post',
+    data: data
+  })
+}
+
+// 注册方法
+export function register(data: SysRegister): Promise<AjaxResult> {
+  return request({
+    url: '/register',
+    headers: {
+      isToken: false
+    },
+    method: 'post',
+    data: data
+  })
+}
+
+// 获取用户详细信息
+export function getInfo(): Promise<UserInfoResult> {
+  return request({
+    url: '/getInfo',
+    method: 'get'
+  })
+}
+
+// 退出方法
+export function logout() {
+  return request({
+    url: '/logout',
+    method: 'post'
+  })
+}
+
+// 获取验证码
+export function getCodeImg(): Promise<CaptchaInfoResult> {
+  return request({
+    url: '/captchaImage',
+    headers: {
+      isToken: false
+    },
+    method: 'get',
+    timeout: 20000
+  })
+}
diff --git a/src/api/menu.js b/src/api/menu.ts
similarity index 50%
rename from src/api/menu.js
rename to src/api/menu.ts
index 6e52e6e..092ceb9 100644
--- a/src/api/menu.js
+++ b/src/api/menu.ts
@@ -1,9 +1,10 @@
-import request from '@/utils/request'
-
-// 获取路由
-export const getRouters = () => {
-  return request({
-    url: '/getRouters',
-    method: 'get'
-  })
-}
\ No newline at end of file
+import request from '@/utils/request'
+import type { RouterVo, AjaxResult } from '@/types'
+
+// 获取路由
+export const getRouters = (): Promise<AjaxResult<RouterVo>> => {
+  return request({
+    url: '/getRouters',
+    method: 'get'
+  })
+}
diff --git a/src/api/monitor/cache.js b/src/api/monitor/cache.ts
similarity index 60%
rename from src/api/monitor/cache.js
rename to src/api/monitor/cache.ts
index e1f2c87..93a4537 100644
--- a/src/api/monitor/cache.js
+++ b/src/api/monitor/cache.ts
@@ -1,57 +1,58 @@
-import request from '@/utils/request'
-
-// 查询缓存详细
-export function getCache() {
-  return request({
-    url: '/monitor/cache',
-    method: 'get'
-  })
-}
-
-// 查询缓存名称列表
-export function listCacheName() {
-  return request({
-    url: '/monitor/cache/getNames',
-    method: 'get'
-  })
-}
-
-// 查询缓存键名列表
-export function listCacheKey(cacheName) {
-  return request({
-    url: '/monitor/cache/getKeys/' + cacheName,
-    method: 'get'
-  })
-}
-
-// 查询缓存内容
-export function getCacheValue(cacheName, cacheKey) {
-  return request({
-    url: '/monitor/cache/getValue/' + cacheName + '/' + cacheKey,
-    method: 'get'
-  })
-}
-
-// 清理指定名称缓存
-export function clearCacheName(cacheName) {
-  return request({
-    url: '/monitor/cache/clearCacheName/' + cacheName,
-    method: 'delete'
-  })
-}
-
-// 清理指定键名缓存
-export function clearCacheKey(cacheKey) {
-  return request({
-    url: '/monitor/cache/clearCacheKey/' + cacheKey,
-    method: 'delete'
-  })
-}
-
-// 清理全部缓存
-export function clearCacheAll() {
-  return request({
-    url: '/monitor/cache/clearCacheAll',
-    method: 'delete'
-  })
-}
+import request from '@/utils/request'
+import type { SysCache, AjaxResult } from '@/types'
+
+// 查询缓存详细
+export function getCache(): Promise<AjaxResult<any>> {
+  return request({
+    url: '/monitor/cache',
+    method: 'get'
+  })
+}
+
+// 查询缓存名称列表
+export function listCacheName(): Promise<AjaxResult<SysCache[]>> {
+  return request({
+    url: '/monitor/cache/getNames',
+    method: 'get'
+  })
+}
+
+// 查询缓存键名列表
+export function listCacheKey(cacheName: string): Promise<AjaxResult<string[]>> {
+  return request({
+    url: '/monitor/cache/getKeys/' + cacheName,
+    method: 'get'
+  })
+}
+
+// 查询缓存内容
+export function getCacheValue(cacheName: string, cacheKey: string): Promise<AjaxResult<SysCache>> {
+  return request({
+    url: '/monitor/cache/getValue/' + cacheName + '/' + cacheKey,
+    method: 'get'
+  })
+}
+
+// 清理指定名称缓存
+export function clearCacheName(cacheName: string): Promise<AjaxResult> {
+  return request({
+    url: '/monitor/cache/clearCacheName/' + cacheName,
+    method: 'delete'
+  })
+}
+
+// 清理指定键名缓存
+export function clearCacheKey(cacheKey: string): Promise<AjaxResult> {
+  return request({
+    url: '/monitor/cache/clearCacheKey/' + cacheKey,
+    method: 'delete'
+  })
+}
+
+// 清理全部缓存
+export function clearCacheAll(): Promise<AjaxResult> {
+  return request({
+    url: '/monitor/cache/clearCacheAll',
+    method: 'delete'
+  })
+}
diff --git a/src/api/monitor/job.js b/src/api/monitor/job.ts
similarity index 61%
rename from src/api/monitor/job.js
rename to src/api/monitor/job.ts
index b33ad3d..28057b0 100644
--- a/src/api/monitor/job.js
+++ b/src/api/monitor/job.ts
@@ -1,71 +1,71 @@
-import request from '@/utils/request'
-
-// 查询定时任务调度列表
-export function listJob(query) {
-  return request({
-    url: '/monitor/job/list',
-    method: 'get',
-    params: query
-  })
-}
-
-// 查询定时任务调度详细
-export function getJob(jobId) {
-  return request({
-    url: '/monitor/job/' + jobId,
-    method: 'get'
-  })
-}
-
-// 新增定时任务调度
-export function addJob(data) {
-  return request({
-    url: '/monitor/job',
-    method: 'post',
-    data: data
-  })
-}
-
-// 修改定时任务调度
-export function updateJob(data) {
-  return request({
-    url: '/monitor/job',
-    method: 'put',
-    data: data
-  })
-}
-
-// 删除定时任务调度
-export function delJob(jobId) {
-  return request({
-    url: '/monitor/job/' + jobId,
-    method: 'delete'
-  })
-}
-
-// 任务状态修改
-export function changeJobStatus(jobId, status) {
-  const data = {
-    jobId,
-    status
-  }
-  return request({
-    url: '/monitor/job/changeStatus',
-    method: 'put',
-    data: data
-  })
-}
-
-
-// 定时任务立即执行一次
-export function runJob(jobId, jobGroup) {
-  const data = {
-    jobId,
-    jobGroup
-  }
-  return request({
-    url: '/monitor/job/run',
-    method: 'put',
-    data: data
-  })
-}
\ No newline at end of file
+import request from '@/utils/request'
+import type { JobQueryParams, SysJob, AjaxResult, TableDataInfo } from '@/types'
+
+// 查询定时任务调度列表
+export function listJob(query: JobQueryParams): Promise<TableDataInfo<SysJob[]>> {
+  return request({
+    url: '/monitor/job/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询定时任务调度详细
+export function getJob(jobId: number): Promise<AjaxResult<SysJob>> {
+  return request({
+    url: '/monitor/job/' + jobId,
+    method: 'get'
+  })
+}
+
+// 新增定时任务调度
+export function addJob(data: SysJob): Promise<AjaxResult> {
+  return request({
+    url: '/monitor/job',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改定时任务调度
+export function updateJob(data: SysJob): Promise<AjaxResult> {
+  return request({
+    url: '/monitor/job',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除定时任务调度
+export function delJob(jobId: number | number[]): Promise<AjaxResult> {
+  return request({
+    url: '/monitor/job/' + jobId,
+    method: 'delete'
+  })
+}
+
+// 任务状态修改
+export function changeJobStatus(jobId: number, status: string): Promise<AjaxResult> {
+  const data = {
+    jobId,
+    status
+  }
+  return request({
+    url: '/monitor/job/changeStatus',
+    method: 'put',
+    data: data
+  })
+}
+
+// 定时任务立即执行一次
+export function runJob(jobId: number, jobGroup: string): Promise<AjaxResult> {
+  const data = {
+    jobId,
+    jobGroup
+  }
+  return request({
+    url: '/monitor/job/run',
+    method: 'put',
+    data: data
+  })
+}
diff --git a/src/api/monitor/jobLog.js b/src/api/monitor/jobLog.ts
similarity index 54%
rename from src/api/monitor/jobLog.js
rename to src/api/monitor/jobLog.ts
index 654bbae..7ef73a5 100644
--- a/src/api/monitor/jobLog.js
+++ b/src/api/monitor/jobLog.ts
@@ -1,26 +1,28 @@
-import request from '@/utils/request'
-
-// 查询调度日志列表
-export function listJobLog(query) {
-  return request({
-    url: '/monitor/jobLog/list',
-    method: 'get',
-    params: query
-  })
-}
-
-// 删除调度日志
-export function delJobLog(jobLogId) {
-  return request({
-    url: '/monitor/jobLog/' + jobLogId,
-    method: 'delete'
-  })
-}
-
-// 清空调度日志
-export function cleanJobLog() {
-  return request({
-    url: '/monitor/jobLog/clean',
-    method: 'delete'
-  })
-}
+import request from '@/utils/request'
+import type { JobLogQueryParams, SysJobLog, AjaxResult, TableDataInfo } from '@/types'
+
+// 查询调度日志列表
+export function listJobLog(query: JobLogQueryParams): Promise<TableDataInfo<SysJobLog[]>> {
+  return request({
+    url: '/monitor/jobLog/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 删除调度日志
+export function delJobLog(jobLogId: number | number[]): Promise<AjaxResult> {
+  return request({
+    url: '/monitor/jobLog/' + jobLogId,
+    method: 'delete'
+  })
+}
+
+// 清空调度日志
+export function cleanJobLog(): Promise<AjaxResult> {
+  return request({
+    url: '/monitor/jobLog/clean',
+    method: 'delete'
+  })
+}
+
diff --git a/src/api/monitor/logininfor.js b/src/api/monitor/logininfor.ts
similarity index 56%
rename from src/api/monitor/logininfor.js
rename to src/api/monitor/logininfor.ts
index c49a40e..438e8b3 100644
--- a/src/api/monitor/logininfor.js
+++ b/src/api/monitor/logininfor.ts
@@ -1,34 +1,35 @@
-import request from '@/utils/request'
-
-// 查询登录日志列表
-export function list(query) {
-  return request({
-    url: '/monitor/logininfor/list',
-    method: 'get',
-    params: query
-  })
-}
-
-// 删除登录日志
-export function delLogininfor(infoId) {
-  return request({
-    url: '/monitor/logininfor/' + infoId,
-    method: 'delete'
-  })
-}
-
-// 解锁用户登录状态
-export function unlockLogininfor(userName) {
-  return request({
-    url: '/monitor/logininfor/unlock/' + userName,
-    method: 'get'
-  })
-}
-
-// 清空登录日志
-export function cleanLogininfor() {
-  return request({
-    url: '/monitor/logininfor/clean',
-    method: 'delete'
-  })
-}
+import request from '@/utils/request'
+import type { LogininforQueryParams, SysLogininfor, AjaxResult, TableDataInfo } from '@/types'
+
+// 查询登录日志列表
+export function list(query: LogininforQueryParams): Promise<TableDataInfo<SysLogininfor[]>> {
+  return request({
+    url: '/monitor/logininfor/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 删除登录日志
+export function delLogininfor(infoId: number | number[]): Promise<AjaxResult> {
+  return request({
+    url: '/monitor/logininfor/' + infoId,
+    method: 'delete'
+  })
+}
+
+// 解锁用户登录状态
+export function unlockLogininfor(userName: string): Promise<AjaxResult> {
+  return request({
+    url: '/monitor/logininfor/unlock/' + userName,
+    method: 'get'
+  })
+}
+
+// 清空登录日志
+export function cleanLogininfor(): Promise<AjaxResult> {
+  return request({
+    url: '/monitor/logininfor/clean',
+    method: 'delete'
+  })
+}
diff --git a/src/api/monitor/online.js b/src/api/monitor/online.ts
similarity index 51%
rename from src/api/monitor/online.js
rename to src/api/monitor/online.ts
index 288ebe0..080d186 100644
--- a/src/api/monitor/online.js
+++ b/src/api/monitor/online.ts
@@ -1,18 +1,19 @@
-import request from '@/utils/request'
-
-// 查询在线用户列表
-export function list(query) {
-  return request({
-    url: '/monitor/online/list',
-    method: 'get',
-    params: query
-  })
-}
-
-// 强退用户
-export function forceLogout(tokenId) {
-  return request({
-    url: '/monitor/online/' + tokenId,
-    method: 'delete'
-  })
-}
+import request from '@/utils/request'
+import type { OnlineQueryParams, SysUserOnline, AjaxResult, TableDataInfo } from '@/types'
+
+// 查询在线用户列表
+export function list(query: OnlineQueryParams): Promise<TableDataInfo<SysUserOnline[]>> {
+  return request({
+    url: '/monitor/online/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 强退用户
+export function forceLogout(tokenId: string): Promise<AjaxResult> {
+  return request({
+    url: '/monitor/online/' + tokenId,
+    method: 'delete'
+  })
+}
diff --git a/src/api/monitor/operlog.js b/src/api/monitor/operlog.ts
similarity index 55%
rename from src/api/monitor/operlog.js
rename to src/api/monitor/operlog.ts
index 6e881df..c4a6b24 100644
--- a/src/api/monitor/operlog.js
+++ b/src/api/monitor/operlog.ts
@@ -1,26 +1,27 @@
-import request from '@/utils/request'
-
-// 查询操作日志列表
-export function list(query) {
-  return request({
-    url: '/monitor/operlog/list',
-    method: 'get',
-    params: query
-  })
-}
-
-// 删除操作日志
-export function delOperlog(operId) {
-  return request({
-    url: '/monitor/operlog/' + operId,
-    method: 'delete'
-  })
-}
-
-// 清空操作日志
-export function cleanOperlog() {
-  return request({
-    url: '/monitor/operlog/clean',
-    method: 'delete'
-  })
-}
+import request from '@/utils/request'
+import type { OperlogQueryParams, SysOperLog, AjaxResult, TableDataInfo } from '@/types'
+
+// 查询操作日志列表
+export function list(query: OperlogQueryParams): Promise<TableDataInfo<SysOperLog[]>> {
+  return request({
+    url: '/monitor/operlog/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 删除操作日志
+export function delOperlog(operId: number | number[]): Promise<AjaxResult> {
+  return request({
+    url: '/monitor/operlog/' + operId,
+    method: 'delete'
+  })
+}
+
+// 清空操作日志
+export function cleanOperlog(): Promise<AjaxResult> {
+  return request({
+    url: '/monitor/operlog/clean',
+    method: 'delete'
+  })
+}
diff --git a/src/api/monitor/server.js b/src/api/monitor/server.ts
similarity index 56%
rename from src/api/monitor/server.js
rename to src/api/monitor/server.ts
index cac7791..9690d42 100644
--- a/src/api/monitor/server.js
+++ b/src/api/monitor/server.ts
@@ -1,9 +1,10 @@
-import request from '@/utils/request'
-
-// 获取服务信息
-export function getServer() {
-  return request({
-    url: '/monitor/server',
-    method: 'get'
-  })
-}
\ No newline at end of file
+import request from '@/utils/request'
+import type { AjaxResult } from '@/types'
+
+// 获取服务信息
+export function getServer(): Promise<AjaxResult<any>> {
+  return request({
+    url: '/monitor/server',
+    method: 'get'
+  })
+}
diff --git a/src/api/system/config.js b/src/api/system/config.ts
similarity index 58%
rename from src/api/system/config.js
rename to src/api/system/config.ts
index 7858c69..ddbd63e 100644
--- a/src/api/system/config.js
+++ b/src/api/system/config.ts
@@ -1,60 +1,61 @@
-import request from '@/utils/request'
-
-// 查询参数列表
-export function listConfig(query) {
-  return request({
-    url: '/system/config/list',
-    method: 'get',
-    params: query
-  })
-}
-
-// 查询参数详细
-export function getConfig(configId) {
-  return request({
-    url: '/system/config/' + configId,
-    method: 'get'
-  })
-}
-
-// 根据参数键名查询参数值
-export function getConfigKey(configKey) {
-  return request({
-    url: '/system/config/configKey/' + configKey,
-    method: 'get'
-  })
-}
-
-// 新增参数配置
-export function addConfig(data) {
-  return request({
-    url: '/system/config',
-    method: 'post',
-    data: data
-  })
-}
-
-// 修改参数配置
-export function updateConfig(data) {
-  return request({
-    url: '/system/config',
-    method: 'put',
-    data: data
-  })
-}
-
-// 删除参数配置
-export function delConfig(configId) {
-  return request({
-    url: '/system/config/' + configId,
-    method: 'delete'
-  })
-}
-
-// 刷新参数缓存
-export function refreshCache() {
-  return request({
-    url: '/system/config/refreshCache',
-    method: 'delete'
-  })
-}
+import request from '@/utils/request'
+import type { ConfigQueryParams, SysConfig, AjaxResult, TableDataInfo } from '@/types'
+
+// 查询参数列表
+export function listConfig(query: ConfigQueryParams): Promise<TableDataInfo<SysConfig[]>> {
+  return request({
+    url: '/system/config/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询参数详细
+export function getConfig(configId: number): Promise<AjaxResult<SysConfig>> {
+  return request({
+    url: '/system/config/' + configId,
+    method: 'get'
+  })
+}
+
+// 根据参数键名查询参数值
+export function getConfigKey(configKey: string): Promise<AjaxResult> {
+  return request({
+    url: '/system/config/configKey/' + configKey,
+    method: 'get'
+  })
+}
+
+// 新增参数配置
+export function addConfig(data: SysConfig): Promise<AjaxResult> {
+  return request({
+    url: '/system/config',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改参数配置
+export function updateConfig(data: SysConfig): Promise<AjaxResult> {
+  return request({
+    url: '/system/config',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除参数配置
+export function delConfig(configId: number | number[]): Promise<AjaxResult> {
+  return request({
+    url: '/system/config/' + configId,
+    method: 'delete'
+  })
+}
+
+// 刷新参数缓存
+export function refreshCache(): Promise<AjaxResult> {
+  return request({
+    url: '/system/config/refreshCache',
+    method: 'delete'
+  })
+}
diff --git a/src/api/system/dept.js b/src/api/system/dept.ts
similarity index 57%
rename from src/api/system/dept.js
rename to src/api/system/dept.ts
index 9ca6966..17d4807 100644
--- a/src/api/system/dept.js
+++ b/src/api/system/dept.ts
@@ -1,52 +1,53 @@
-import request from '@/utils/request'
-
-// 查询部门列表
-export function listDept(query) {
-  return request({
-    url: '/system/dept/list',
-    method: 'get',
-    params: query
-  })
-}
-
-// 查询部门列表（排除节点）
-export function listDeptExcludeChild(deptId) {
-  return request({
-    url: '/system/dept/list/exclude/' + deptId,
-    method: 'get'
-  })
-}
-
-// 查询部门详细
-export function getDept(deptId) {
-  return request({
-    url: '/system/dept/' + deptId,
-    method: 'get'
-  })
-}
-
-// 新增部门
-export function addDept(data) {
-  return request({
-    url: '/system/dept',
-    method: 'post',
-    data: data
-  })
-}
-
-// 修改部门
-export function updateDept(data) {
-  return request({
-    url: '/system/dept',
-    method: 'put',
-    data: data
-  })
-}
-
-// 删除部门
-export function delDept(deptId) {
-  return request({
-    url: '/system/dept/' + deptId,
-    method: 'delete'
-  })
-}
\ No newline at end of file
+import request from '@/utils/request'
+import type { DeptQueryParams, SysDept, AjaxResult } from '@/types'
+
+// 查询部门列表
+export function listDept(query?: DeptQueryParams): Promise<AjaxResult<SysDept[]>> {
+  return request({
+    url: '/system/dept/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询部门列表（排除节点）
+export function listDeptExcludeChild(deptId: number): Promise<AjaxResult<SysDept[]>> {
+  return request({
+    url: '/system/dept/list/exclude/' + deptId,
+    method: 'get'
+  })
+}
+
+// 查询部门详细
+export function getDept(deptId: number): Promise<AjaxResult<SysDept>> {
+  return request({
+    url: '/system/dept/' + deptId,
+    method: 'get'
+  })
+}
+
+// 新增部门
+export function addDept(data: SysDept): Promise<AjaxResult> {
+  return request({
+    url: '/system/dept',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改部门
+export function updateDept(data: SysDept): Promise<AjaxResult> {
+  return request({
+    url: '/system/dept',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除部门
+export function delDept(deptId: number): Promise<AjaxResult> {
+  return request({
+    url: '/system/dept/' + deptId,
+    method: 'delete'
+  })
+}
diff --git a/src/api/system/dict/data.js b/src/api/system/dict/data.ts
similarity index 57%
rename from src/api/system/dict/data.js
rename to src/api/system/dict/data.ts
index 2a6e481..9185ce6 100644
--- a/src/api/system/dict/data.js
+++ b/src/api/system/dict/data.ts
@@ -1,52 +1,53 @@
-import request from '@/utils/request'
-
-// 查询字典数据列表
-export function listData(query) {
-  return request({
-    url: '/system/dict/data/list',
-    method: 'get',
-    params: query
-  })
-}
-
-// 查询字典数据详细
-export function getData(dictCode) {
-  return request({
-    url: '/system/dict/data/' + dictCode,
-    method: 'get'
-  })
-}
-
-// 根据字典类型查询字典数据信息
-export function getDicts(dictType) {
-  return request({
-    url: '/system/dict/data/type/' + dictType,
-    method: 'get'
-  })
-}
-
-// 新增字典数据
-export function addData(data) {
-  return request({
-    url: '/system/dict/data',
-    method: 'post',
-    data: data
-  })
-}
-
-// 修改字典数据
-export function updateData(data) {
-  return request({
-    url: '/system/dict/data',
-    method: 'put',
-    data: data
-  })
-}
-
-// 删除字典数据
-export function delData(dictCode) {
-  return request({
-    url: '/system/dict/data/' + dictCode,
-    method: 'delete'
-  })
-}
+import request from '@/utils/request'
+import type { DictDataQueryParams, SysDictData, AjaxResult, TableDataInfo } from '@/types'
+
+// 查询字典数据列表
+export function listData(query: DictDataQueryParams): Promise<TableDataInfo<SysDictData[]>> {
+  return request({
+    url: '/system/dict/data/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询字典数据详细
+export function getData(dictCode: number): Promise<AjaxResult<SysDictData>> {
+  return request({
+    url: '/system/dict/data/' + dictCode,
+    method: 'get'
+  })
+}
+
+// 根据字典类型查询字典数据信息
+export function getDicts(dictType: string): Promise<AjaxResult<SysDictData[]>> {
+  return request({
+    url: '/system/dict/data/type/' + dictType,
+    method: 'get'
+  })
+}
+
+// 新增字典数据
+export function addData(data: SysDictData): Promise<AjaxResult> {
+  return request({
+    url: '/system/dict/data',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改字典数据
+export function updateData(data: SysDictData): Promise<AjaxResult> {
+  return request({
+    url: '/system/dict/data',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除字典数据
+export function delData(dictCode: number | number[]): Promise<AjaxResult> {
+  return request({
+    url: '/system/dict/data/' + dictCode,
+    method: 'delete'
+  })
+}
diff --git a/src/api/system/dict/type.js b/src/api/system/dict/type.ts
similarity index 58%
rename from src/api/system/dict/type.js
rename to src/api/system/dict/type.ts
index d89dbd1..ee7dcf9 100644
--- a/src/api/system/dict/type.js
+++ b/src/api/system/dict/type.ts
@@ -1,60 +1,61 @@
-import request from '@/utils/request'
-
-// 查询字典类型列表
-export function listType(query) {
-  return request({
-    url: '/system/dict/type/list',
-    method: 'get',
-    params: query
-  })
-}
-
-// 查询字典类型详细
-export function getType(dictId) {
-  return request({
-    url: '/system/dict/type/' + dictId,
-    method: 'get'
-  })
-}
-
-// 新增字典类型
-export function addType(data) {
-  return request({
-    url: '/system/dict/type',
-    method: 'post',
-    data: data
-  })
-}
-
-// 修改字典类型
-export function updateType(data) {
-  return request({
-    url: '/system/dict/type',
-    method: 'put',
-    data: data
-  })
-}
-
-// 删除字典类型
-export function delType(dictId) {
-  return request({
-    url: '/system/dict/type/' + dictId,
-    method: 'delete'
-  })
-}
-
-// 刷新字典缓存
-export function refreshCache() {
-  return request({
-    url: '/system/dict/type/refreshCache',
-    method: 'delete'
-  })
-}
-
-// 获取字典选择框列表
-export function optionselect() {
-  return request({
-    url: '/system/dict/type/optionselect',
-    method: 'get'
-  })
-}
+import request from '@/utils/request'
+import type { DictTypeQueryParams, SysDictType, AjaxResult, TableDataInfo } from '@/types'
+
+// 查询字典类型列表
+export function listType(query: DictTypeQueryParams): Promise<TableDataInfo<SysDictType[]>> {
+  return request({
+    url: '/system/dict/type/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询字典类型详细
+export function getType(dictId: number): Promise<AjaxResult<SysDictType>> {
+  return request({
+    url: '/system/dict/type/' + dictId,
+    method: 'get'
+  })
+}
+
+// 新增字典类型
+export function addType(data: SysDictType): Promise<AjaxResult> {
+  return request({
+    url: '/system/dict/type',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改字典类型
+export function updateType(data: SysDictType): Promise<AjaxResult> {
+  return request({
+    url: '/system/dict/type',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除字典类型
+export function delType(dictId: number | number[]): Promise<AjaxResult> {
+  return request({
+    url: '/system/dict/type/' + dictId,
+    method: 'delete'
+  })
+}
+
+// 刷新字典缓存
+export function refreshCache(): Promise<AjaxResult> {
+  return request({
+    url: '/system/dict/type/refreshCache',
+    method: 'delete'
+  })
+}
+
+// 获取字典选择框列表
+export function optionselect(): Promise<AjaxResult<SysDictType[]>> {
+  return request({
+    url: '/system/dict/type/optionselect',
+    method: 'get'
+  })
+}
diff --git a/src/api/system/menu.js b/src/api/system/menu.ts
similarity index 57%
rename from src/api/system/menu.js
rename to src/api/system/menu.ts
index 97258ee..a6d0dc5 100644
--- a/src/api/system/menu.js
+++ b/src/api/system/menu.ts
@@ -1,60 +1,61 @@
-import request from '@/utils/request'
-
-// 查询菜单列表
-export function listMenu(query) {
-  return request({
-    url: '/system/menu/list',
-    method: 'get',
-    params: query
-  })
-}
-
-// 查询菜单详细
-export function getMenu(menuId) {
-  return request({
-    url: '/system/menu/' + menuId,
-    method: 'get'
-  })
-}
-
-// 查询菜单下拉树结构
-export function treeselect() {
-  return request({
-    url: '/system/menu/treeselect',
-    method: 'get'
-  })
-}
-
-// 根据角色ID查询菜单下拉树结构
-export function roleMenuTreeselect(roleId) {
-  return request({
-    url: '/system/menu/roleMenuTreeselect/' + roleId,
-    method: 'get'
-  })
-}
-
-// 新增菜单
-export function addMenu(data) {
-  return request({
-    url: '/system/menu',
-    method: 'post',
-    data: data
-  })
-}
-
-// 修改菜单
-export function updateMenu(data) {
-  return request({
-    url: '/system/menu',
-    method: 'put',
-    data: data
-  })
-}
-
-// 删除菜单
-export function delMenu(menuId) {
-  return request({
-    url: '/system/menu/' + menuId,
-    method: 'delete'
-  })
-}
\ No newline at end of file
+import request from '@/utils/request'
+import type { MenuQueryParams, SysMenu, TreeSelect, AjaxResult, RoleMenuTreeselectResult } from '@/types'
+
+// 查询菜单列表
+export function listMenu(query?: MenuQueryParams): Promise<AjaxResult<SysMenu[]>> {
+  return request({
+    url: '/system/menu/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询菜单详细
+export function getMenu(menuId: number): Promise<AjaxResult<SysMenu>> {
+  return request({
+    url: '/system/menu/' + menuId,
+    method: 'get'
+  })
+}
+
+// 查询菜单下拉树结构
+export function treeselect(): Promise<AjaxResult<TreeSelect[]>> {
+  return request({
+    url: '/system/menu/treeselect',
+    method: 'get'
+  })
+}
+
+// 根据角色ID查询菜单下拉树结构
+export function roleMenuTreeselect(roleId: number): Promise<RoleMenuTreeselectResult> {
+  return request({
+    url: '/system/menu/roleMenuTreeselect/' + roleId,
+    method: 'get'
+  })
+}
+
+// 新增菜单
+export function addMenu(data: SysMenu): Promise<AjaxResult> {
+  return request({
+    url: '/system/menu',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改菜单
+export function updateMenu(data: SysMenu): Promise<AjaxResult> {
+  return request({
+    url: '/system/menu',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除菜单
+export function delMenu(menuId: number): Promise<AjaxResult> {
+  return request({
+    url: '/system/menu/' + menuId,
+    method: 'delete'
+  })
+}
diff --git a/src/api/system/notice.js b/src/api/system/notice.ts
similarity index 54%
rename from src/api/system/notice.js
rename to src/api/system/notice.ts
index 737fc16..e6ba17f 100644
--- a/src/api/system/notice.js
+++ b/src/api/system/notice.ts
@@ -1,44 +1,45 @@
-import request from '@/utils/request'
-
-// 查询公告列表
-export function listNotice(query) {
-  return request({
-    url: '/system/notice/list',
-    method: 'get',
-    params: query
-  })
-}
-
-// 查询公告详细
-export function getNotice(noticeId) {
-  return request({
-    url: '/system/notice/' + noticeId,
-    method: 'get'
-  })
-}
-
-// 新增公告
-export function addNotice(data) {
-  return request({
-    url: '/system/notice',
-    method: 'post',
-    data: data
-  })
-}
-
-// 修改公告
-export function updateNotice(data) {
-  return request({
-    url: '/system/notice',
-    method: 'put',
-    data: data
-  })
-}
-
-// 删除公告
-export function delNotice(noticeId) {
-  return request({
-    url: '/system/notice/' + noticeId,
-    method: 'delete'
-  })
-}
\ No newline at end of file
+import request from '@/utils/request'
+import type { NoticeQueryParams, SysNotice, AjaxResult, TableDataInfo } from '@/types'
+
+// 查询公告列表
+export function listNotice(query: NoticeQueryParams): Promise<TableDataInfo<SysNotice[]>> {
+  return request({
+    url: '/system/notice/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询公告详细
+export function getNotice(noticeId: number): Promise<AjaxResult<SysNotice>> {
+  return request({
+    url: '/system/notice/' + noticeId,
+    method: 'get'
+  })
+}
+
+// 新增公告
+export function addNotice(data: SysNotice): Promise<AjaxResult> {
+  return request({
+    url: '/system/notice',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改公告
+export function updateNotice(data: SysNotice): Promise<AjaxResult> {
+  return request({
+    url: '/system/notice',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除公告
+export function delNotice(noticeId: number | number[]): Promise<AjaxResult> {
+  return request({
+    url: '/system/notice/' + noticeId,
+    method: 'delete'
+  })
+}
diff --git a/src/api/system/post.js b/src/api/system/post.ts
similarity index 55%
rename from src/api/system/post.js
rename to src/api/system/post.ts
index 8faa266..c56c3eb 100644
--- a/src/api/system/post.js
+++ b/src/api/system/post.ts
@@ -1,44 +1,45 @@
-import request from '@/utils/request'
-
-// 查询岗位列表
-export function listPost(query) {
-  return request({
-    url: '/system/post/list',
-    method: 'get',
-    params: query
-  })
-}
-
-// 查询岗位详细
-export function getPost(postId) {
-  return request({
-    url: '/system/post/' + postId,
-    method: 'get'
-  })
-}
-
-// 新增岗位
-export function addPost(data) {
-  return request({
-    url: '/system/post',
-    method: 'post',
-    data: data
-  })
-}
-
-// 修改岗位
-export function updatePost(data) {
-  return request({
-    url: '/system/post',
-    method: 'put',
-    data: data
-  })
-}
-
-// 删除岗位
-export function delPost(postId) {
-  return request({
-    url: '/system/post/' + postId,
-    method: 'delete'
-  })
-}
+import request from '@/utils/request'
+import type { PostQueryParams, SysPost, AjaxResult, TableDataInfo } from '@/types'
+
+// 查询岗位列表
+export function listPost(query: PostQueryParams): Promise<TableDataInfo<SysPost[]>> {
+  return request({
+    url: '/system/post/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询岗位详细
+export function getPost(postId: number): Promise<AjaxResult<SysPost>> {
+  return request({
+    url: '/system/post/' + postId,
+    method: 'get'
+  })
+}
+
+// 新增岗位
+export function addPost(data: SysPost): Promise<AjaxResult> {
+  return request({
+    url: '/system/post',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改岗位
+export function updatePost(data: SysPost): Promise<AjaxResult> {
+  return request({
+    url: '/system/post',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除岗位
+export function delPost(postId: number | number[]): Promise<AjaxResult> {
+  return request({
+    url: '/system/post/' + postId,
+    method: 'delete'
+  })
+}
diff --git a/src/api/system/role.js b/src/api/system/role.ts
similarity index 58%
rename from src/api/system/role.js
rename to src/api/system/role.ts
index 528cd18..b1bd92d 100644
--- a/src/api/system/role.js
+++ b/src/api/system/role.ts
@@ -1,119 +1,120 @@
-import request from '@/utils/request'
-
-// 查询角色列表
-export function listRole(query) {
-  return request({
-    url: '/system/role/list',
-    method: 'get',
-    params: query
-  })
-}
-
-// 查询角色详细
-export function getRole(roleId) {
-  return request({
-    url: '/system/role/' + roleId,
-    method: 'get'
-  })
-}
-
-// 新增角色
-export function addRole(data) {
-  return request({
-    url: '/system/role',
-    method: 'post',
-    data: data
-  })
-}
-
-// 修改角色
-export function updateRole(data) {
-  return request({
-    url: '/system/role',
-    method: 'put',
-    data: data
-  })
-}
-
-// 角色数据权限
-export function dataScope(data) {
-  return request({
-    url: '/system/role/dataScope',
-    method: 'put',
-    data: data
-  })
-}
-
-// 角色状态修改
-export function changeRoleStatus(roleId, status) {
-  const data = {
-    roleId,
-    status
-  }
-  return request({
-    url: '/system/role/changeStatus',
-    method: 'put',
-    data: data
-  })
-}
-
-// 删除角色
-export function delRole(roleId) {
-  return request({
-    url: '/system/role/' + roleId,
-    method: 'delete'
-  })
-}
-
-// 查询角色已授权用户列表
-export function allocatedUserList(query) {
-  return request({
-    url: '/system/role/authUser/allocatedList',
-    method: 'get',
-    params: query
-  })
-}
-
-// 查询角色未授权用户列表
-export function unallocatedUserList(query) {
-  return request({
-    url: '/system/role/authUser/unallocatedList',
-    method: 'get',
-    params: query
-  })
-}
-
-// 取消用户授权角色
-export function authUserCancel(data) {
-  return request({
-    url: '/system/role/authUser/cancel',
-    method: 'put',
-    data: data
-  })
-}
-
-// 批量取消用户授权角色
-export function authUserCancelAll(data) {
-  return request({
-    url: '/system/role/authUser/cancelAll',
-    method: 'put',
-    params: data
-  })
-}
-
-// 授权用户选择
-export function authUserSelectAll(data) {
-  return request({
-    url: '/system/role/authUser/selectAll',
-    method: 'put',
-    params: data
-  })
-}
-
-// 根据角色ID查询部门树结构
-export function deptTreeSelect(roleId) {
-  return request({
-    url: '/system/role/deptTree/' + roleId,
-    method: 'get'
-  })
-}
+import request from '@/utils/request'
+import type { RoleQueryParams, AuthUserQueryParams, SysRole, SysUser, SysUserRole, AuthUserSelectParams, AjaxResult, RoleDeptTreeResult, TableDataInfo } from '@/types'
+
+// 查询角色列表
+export function listRole(query: RoleQueryParams): Promise<TableDataInfo<SysRole[]>> {
+  return request({
+    url: '/system/role/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询角色详细
+export function getRole(roleId: number): Promise<AjaxResult<SysRole>> {
+  return request({
+    url: '/system/role/' + roleId,
+    method: 'get'
+  })
+}
+
+// 新增角色
+export function addRole(data: SysRole): Promise<AjaxResult> {
+  return request({
+    url: '/system/role',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改角色
+export function updateRole(data: SysRole): Promise<AjaxResult> {
+  return request({
+    url: '/system/role',
+    method: 'put',
+    data: data
+  })
+}
+
+// 角色数据权限
+export function dataScope(data: SysRole): Promise<AjaxResult> {
+  return request({
+    url: '/system/role/dataScope',
+    method: 'put',
+    data: data
+  })
+}
+
+// 角色状态修改
+export function changeRoleStatus(roleId: number, status: string): Promise<AjaxResult> {
+  const data = {
+    roleId,
+    status
+  }
+  return request({
+    url: '/system/role/changeStatus',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除角色
+export function delRole(roleId: number | number[]): Promise<AjaxResult> {
+  return request({
+    url: '/system/role/' + roleId,
+    method: 'delete'
+  })
+}
+
+// 查询角色已授权用户列表
+export function allocatedUserList(query: AuthUserQueryParams): Promise<TableDataInfo<SysUser[]>> {
+  return request({
+    url: '/system/role/authUser/allocatedList',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询角色未授权用户列表
+export function unallocatedUserList(query: AuthUserQueryParams): Promise<TableDataInfo<SysUser[]>> {
+  return request({
+    url: '/system/role/authUser/unallocatedList',
+    method: 'get',
+    params: query
+  })
+}
+
+// 取消用户授权角色
+export function authUserCancel(data: SysUserRole): Promise<AjaxResult> {
+  return request({
+    url: '/system/role/authUser/cancel',
+    method: 'put',
+    data: data
+  })
+}
+
+// 批量取消用户授权角色
+export function authUserCancelAll(data: AuthUserSelectParams): Promise<AjaxResult> {
+  return request({
+    url: '/system/role/authUser/cancelAll',
+    method: 'put',
+    params: data
+  })
+}
+
+// 授权用户选择
+export function authUserSelectAll(data: AuthUserSelectParams): Promise<AjaxResult> {
+  return request({
+    url: '/system/role/authUser/selectAll',
+    method: 'put',
+    params: data
+  })
+}
+
+// 根据角色ID查询部门树结构
+export function deptTreeSelect(roleId: number): Promise<RoleDeptTreeResult> {
+  return request({
+    url: '/system/role/deptTree/' + roleId,
+    method: 'get'
+  })
+}
diff --git a/src/api/system/user.js b/src/api/system/user.ts
similarity index 57%
rename from src/api/system/user.js
rename to src/api/system/user.ts
index 2da13d4..0ae8852 100644
--- a/src/api/system/user.js
+++ b/src/api/system/user.ts
@@ -1,136 +1,137 @@
-import request from '@/utils/request'
-import { parseStrEmpty } from "@/utils/ruoyi";
-
-// 查询用户列表
-export function listUser(query) {
-  return request({
-    url: '/system/user/list',
-    method: 'get',
-    params: query
-  })
-}
-
-// 查询用户详细
-export function getUser(userId) {
-  return request({
-    url: '/system/user/' + parseStrEmpty(userId),
-    method: 'get'
-  })
-}
-
-// 新增用户
-export function addUser(data) {
-  return request({
-    url: '/system/user',
-    method: 'post',
-    data: data
-  })
-}
-
-// 修改用户
-export function updateUser(data) {
-  return request({
-    url: '/system/user',
-    method: 'put',
-    data: data
-  })
-}
-
-// 删除用户
-export function delUser(userId) {
-  return request({
-    url: '/system/user/' + userId,
-    method: 'delete'
-  })
-}
-
-// 用户密码重置
-export function resetUserPwd(userId, password) {
-  const data = {
-    userId,
-    password
-  }
-  return request({
-    url: '/system/user/resetPwd',
-    method: 'put',
-    data: data
-  })
-}
-
-// 用户状态修改
-export function changeUserStatus(userId, status) {
-  const data = {
-    userId,
-    status
-  }
-  return request({
-    url: '/system/user/changeStatus',
-    method: 'put',
-    data: data
-  })
-}
-
-// 查询用户个人信息
-export function getUserProfile() {
-  return request({
-    url: '/system/user/profile',
-    method: 'get'
-  })
-}
-
-// 修改用户个人信息
-export function updateUserProfile(data) {
-  return request({
-    url: '/system/user/profile',
-    method: 'put',
-    data: data
-  })
-}
-
-// 用户密码重置
-export function updateUserPwd(oldPassword, newPassword) {
-  const data = {
-    oldPassword,
-    newPassword
-  }
-  return request({
-    url: '/system/user/profile/updatePwd',
-    method: 'put',
-    data: data
-  })
-}
-
-// 用户头像上传
-export function uploadAvatar(data) {
-  return request({
-    url: '/system/user/profile/avatar',
-    method: 'post',
-    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
-    data: data
-  })
-}
-
-// 查询授权角色
-export function getAuthRole(userId) {
-  return request({
-    url: '/system/user/authRole/' + userId,
-    method: 'get'
-  })
-}
-
-// 保存授权角色
-export function updateAuthRole(data) {
-  return request({
-    url: '/system/user/authRole',
-    method: 'put',
-    params: data
-  })
-}
-
-// 查询部门下拉树结构
-export function deptTreeSelect() {
-  return request({
-    url: '/system/user/deptTree',
-    method: 'get'
-  })
-}
+import request from '@/utils/request'
+import { parseStrEmpty } from "@/utils/ruoyi"
+import type { UserQueryParams, UserFormDataResult, UserProfileResult, UserAuthRoleResult, UserProfileAvatarResult, SysUser, SysUserRole, SysUserRoles, AjaxResult, TableDataInfo, TreeSelect } from '@/types'
+
+// 查询用户列表
+export function listUser(query: UserQueryParams): Promise<TableDataInfo<SysUser[]>> {
+  return request({
+    url: '/system/user/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询用户详细
+export function getUser(userId?: number): Promise<UserFormDataResult> {
+  return request({
+    url: '/system/user/' + parseStrEmpty(userId),
+    method: 'get'
+  })
+}
+
+// 新增用户
+export function addUser(data: SysUser): Promise<AjaxResult> {
+  return request({
+    url: '/system/user',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改用户
+export function updateUser(data: SysUser): Promise<AjaxResult> {
+  return request({
+    url: '/system/user',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除用户
+export function delUser(userId: number | number[]): Promise<AjaxResult> {
+  return request({
+    url: '/system/user/' + userId,
+    method: 'delete'
+  })
+}
+
+// 用户密码重置
+export function resetUserPwd(userId: number, password: string): Promise<AjaxResult> {
+  const data = {
+    userId,
+    password
+  }
+  return request({
+    url: '/system/user/resetPwd',
+    method: 'put',
+    data: data
+  })
+}
+
+// 用户状态修改
+export function changeUserStatus(userId: number, status: string): Promise<AjaxResult> {
+  const data = {
+    userId,
+    status
+  }
+  return request({
+    url: '/system/user/changeStatus',
+    method: 'put',
+    data: data
+  })
+}
+
+// 查询用户个人信息
+export function getUserProfile(): Promise<UserProfileResult> {
+  return request({
+    url: '/system/user/profile',
+    method: 'get'
+  })
+}
+
+// 修改用户个人信息
+export function updateUserProfile(data: SysUser): Promise<AjaxResult> {
+  return request({
+    url: '/system/user/profile',
+    method: 'put',
+    data: data
+  })
+}
+
+// 用户密码重置
+export function updateUserPwd(oldPassword: string, newPassword: string): Promise<AjaxResult> {
+  const data = {
+    oldPassword,
+    newPassword
+  }
+  return request({
+    url: '/system/user/profile/updatePwd',
+    method: 'put',
+    data: data
+  })
+}
+
+// 用户头像上传
+export function uploadAvatar(file: FormData | File): Promise<UserProfileAvatarResult> {
+  return request({
+    url: '/system/user/profile/avatar',
+    method: 'post',
+    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+    data: file
+  })
+}
+
+// 查询授权角色
+export function getAuthRole(userId: number): Promise<UserAuthRoleResult> {
+  return request({
+    url: '/system/user/authRole/' + userId,
+    method: 'get'
+  })
+}
+
+// 保存授权角色
+export function updateAuthRole(data: SysUserRoles): Promise<AjaxResult> {
+  return request({
+    url: '/system/user/authRole',
+    method: 'put',
+    params: data
+  })
+}
+
+// 查询部门下拉树结构
+export function deptTreeSelect(): Promise<AjaxResult<TreeSelect>> {
+  return request({
+    url: '/system/user/deptTree',
+    method: 'get'
+  })
+}
diff --git a/src/api/tool/gen.js b/src/api/tool/gen.ts
similarity index 57%
rename from src/api/tool/gen.js
rename to src/api/tool/gen.ts
index 5728980..44d74a9 100644
--- a/src/api/tool/gen.js
+++ b/src/api/tool/gen.ts
@@ -1,85 +1,88 @@
-import request from '@/utils/request'
-
-// 查询生成表数据
-export function listTable(query) {
-  return request({
-    url: '/tool/gen/list',
-    method: 'get',
-    params: query
-  })
-}
-// 查询db数据库列表
-export function listDbTable(query) {
-  return request({
-    url: '/tool/gen/db/list',
-    method: 'get',
-    params: query
-  })
-}
-
-// 查询表详细信息
-export function getGenTable(tableId) {
-  return request({
-    url: '/tool/gen/' + tableId,
-    method: 'get'
-  })
-}
-
-// 修改代码生成信息
-export function updateGenTable(data) {
-  return request({
-    url: '/tool/gen',
-    method: 'put',
-    data: data
-  })
-}
-
-// 导入表
-export function importTable(data) {
-  return request({
-    url: '/tool/gen/importTable',
-    method: 'post',
-    params: data
-  })
-}
-
-// 创建表
-export function createTable(data) {
-  return request({
-    url: '/tool/gen/createTable',
-    method: 'post',
-    params: data
-  })
-}
-
-// 预览生成代码
-export function previewTable(tableId) {
-  return request({
-    url: '/tool/gen/preview/' + tableId,
-    method: 'get'
-  })
-}
-
-// 删除表数据
-export function delTable(tableId) {
-  return request({
-    url: '/tool/gen/' + tableId,
-    method: 'delete'
-  })
-}
-
-// 生成代码（自定义路径）
-export function genCode(tableName) {
-  return request({
-    url: '/tool/gen/genCode/' + tableName,
-    method: 'get'
-  })
-}
-
-// 同步数据库
-export function synchDb(tableName) {
-  return request({
-    url: '/tool/gen/synchDb/' + tableName,
-    method: 'get'
-  })
-}
+import request from '@/utils/request'
+import type { GenQueryParams, GenTable, GenTableInfoResult, AjaxResult, TableDataInfo } from '@/types'
+
+// 查询生成表数据
+export function listTable(query: GenQueryParams): Promise<TableDataInfo<GenTable>> {
+  return request({
+    url: '/tool/gen/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询db数据库列表
+export function listDbTable(query: GenQueryParams): Promise<TableDataInfo<GenTable>> {
+  return request({
+    url: '/tool/gen/db/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询表详细信息
+export function getGenTable(tableId: number): Promise<AjaxResult<GenTableInfoResult>> {
+  return request({
+    url: '/tool/gen/' + tableId,
+    method: 'get'
+  })
+}
+
+// 修改代码生成信息
+export function updateGenTable(data: GenTable): Promise<AjaxResult> {
+  return request({
+    url: '/tool/gen',
+    method: 'put',
+    data: data
+  })
+}
+
+// 导入表
+export function importTable(data: any): Promise<AjaxResult> {
+  return request({
+    url: '/tool/gen/importTable',
+    method: 'post',
+    params: data
+  })
+}
+
+// 创建表
+export function createTable(data: any): Promise<AjaxResult> {
+  return request({
+    url: '/tool/gen/createTable',
+    method: 'post',
+    params: data
+  })
+}
+
+// 预览生成代码
+export function previewTable(tableId: number): Promise<AjaxResult<any>> {
+  return request({
+    url: '/tool/gen/preview/' + tableId,
+    method: 'get'
+  })
+}
+
+// 删除表数据
+export function delTable(tableId: number | number[]): Promise<AjaxResult> {
+  return request({
+    url: '/tool/gen/' + tableId,
+    method: 'delete'
+  })
+}
+
+// 生成代码（自定义路径）
+export function genCode(tableName: string): Promise<AjaxResult> {
+  return request({
+    url: '/tool/gen/genCode/' + tableName,
+    method: 'get'
+  })
+}
+
+// 同步数据库
+export function synchDb(tableName: string): Promise<AjaxResult> {
+  return request({
+    url: '/tool/gen/synchDb/' + tableName,
+    method: 'get'
+  })
+}
+
diff --git a/src/components/Breadcrumb/index.vue b/src/components/Breadcrumb/index.vue
index fdd5e48..b6425b4 100644
--- a/src/components/Breadcrumb/index.vue
+++ b/src/components/Breadcrumb/index.vue
@@ -9,36 +9,36 @@
   </el-breadcrumb>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import usePermissionStore from '@/store/modules/permission'
 
 const route = useRoute()
 const router = useRouter()
 const permissionStore = usePermissionStore()
-const levelList = ref([])
+const levelList = ref<any[]>([])
 
-function getBreadcrumb() {
+function getBreadcrumb(): void {
   // only show routes with meta.title
-  let matched = []
+  let matched: any[] = []
   const pathNum = findPathNum(route.path)
   // multi-level menu
   if (pathNum > 2) {
     const reg = /\/\w+/gi
-    const pathList = route.path.match(reg).map((item, index) => {
+    const pathList = route.path.match(reg)?.map((item: string, index: number) => {
       if (index !== 0) item = item.slice(1)
       return item
-    })
+    }) || []
     getMatched(pathList, permissionStore.defaultRoutes, matched)
   } else {
-    matched = route.matched.filter((item) => item.meta && item.meta.title)
+    matched = route.matched.filter((item: any) => item.meta && item.meta.title)
   }
   // 判断是否为首页
   if (!isDashboard(matched[0])) {
     matched = [{ path: "/index", meta: { title: "首页" } }].concat(matched)
   }
-  levelList.value = matched.filter(item => item.meta && item.meta.title && item.meta.breadcrumb !== false)
+  levelList.value = matched.filter(item => item.meta && item.meta.title && (item.meta.breadcrumb as boolean) !== false)
 }
-function findPathNum(str, char = "/") {
+function findPathNum(str: string, char = "/"): number {
   let index = str.indexOf(char)
   let num = 0
   while (index !== -1) {
@@ -47,8 +47,8 @@ function findPathNum(str, char = "/") {
   }
   return num
 }
-function getMatched(pathList, routeList, matched) {
-  let data = routeList.find(item => item.path == pathList[0] || (item.name += '').toLowerCase() == pathList[0])
+function getMatched(pathList: string[], routeList: any[], matched: any[]): void {
+  let data = routeList.find(item => item.path == pathList[0] || (item.name + '').toLowerCase() == pathList[0])
   if (data) {
     matched.push(data)
     if (data.children && pathList.length) {
@@ -57,17 +57,17 @@ function getMatched(pathList, routeList, matched) {
     }
   }
 }
-function isDashboard(route) {
+function isDashboard(route?: any): boolean {
   const name = route && route.name
   if (!name) {
     return false
   }
-  return name.trim() === 'Index'
+  return String(name).trim() === 'Index'
 }
-function handleLink(item) {
+function handleLink(item: any): void {
   const { redirect, path } = item
   if (redirect) {
-    router.push(redirect)
+    router.push(redirect as string)
     return
   }
   router.push(path)
diff --git a/src/components/Crontab/day.vue b/src/components/Crontab/day.vue
index 456686f..fcaf527 100644
--- a/src/components/Crontab/day.vue
+++ b/src/components/Crontab/day.vue
@@ -51,7 +51,7 @@
         </el-form-item>
     </el-form>
 </template>
-<script setup>
+<script setup lang="ts">
 const emit = defineEmits(['update'])
 const props = defineProps({
     cron: {
@@ -72,14 +72,14 @@ const props = defineProps({
         }
     }
 })
-const radioValue = ref(1)
-const cycle01 = ref(1)
-const cycle02 = ref(2)
-const average01 = ref(1)
-const average02 = ref(1)
-const workday = ref(1)
-const checkboxList = ref([])
-const checkCopy = ref([1])
+const radioValue = ref<number>(1)
+const cycle01 = ref<number>(1)
+const cycle02 = ref<number>(2)
+const average01 = ref<number>(1)
+const average02 = ref<number>(1)
+const workday = ref<number>(1)
+const checkboxList = ref<number[]>([])
+const checkCopy = ref<number[]>([1])
 const cycleTotal = computed(() => {
     cycle01.value = props.check(cycle01.value, 1, 30)
     cycle02.value = props.check(cycle02.value, cycle01.value + 1, 31)
@@ -97,9 +97,9 @@ const workdayTotal = computed(() => {
 const checkboxString = computed(() => {
     return checkboxList.value.join(',')
 })
-watch(() => props.cron.day, value => changeRadioValue(value))
+watch(() => props.cron.day, (value: string) => changeRadioValue(value))
 watch([radioValue, cycleTotal, averageTotal, workdayTotal, checkboxString], () => onRadioChange())
-function changeRadioValue(value) {
+function changeRadioValue(value: string): void {
     if (value === "*") {
         radioValue.value = 1
     } else if (value === "?") {
@@ -126,7 +126,7 @@ function changeRadioValue(value) {
     }
 }
 // 单选按钮值变化时
-function onRadioChange() {
+function onRadioChange(): void {
     if (radioValue.value === 2 && props.cron.week === '?') {
         emit('update', 'week', '*', 'day')
     }
diff --git a/src/components/Crontab/hour.vue b/src/components/Crontab/hour.vue
index d05779e..370f28d 100644
--- a/src/components/Crontab/hour.vue
+++ b/src/components/Crontab/hour.vue
@@ -33,7 +33,7 @@
     </el-form>
 </template>
 
-<script setup>
+<script setup lang="ts">
 const emit = defineEmits(['update'])
 const props = defineProps({
     cron: {
@@ -54,13 +54,13 @@ const props = defineProps({
         }
     }
 })
-const radioValue = ref(1)
-const cycle01 = ref(0)
-const cycle02 = ref(1)
-const average01 = ref(0)
-const average02 = ref(1)
-const checkboxList = ref([])
-const checkCopy = ref([0])
+const radioValue = ref<number>(1)
+const cycle01 = ref<number>(0)
+const cycle02 = ref<number>(1)
+const average01 = ref<number>(0)
+const average02 = ref<number>(1)
+const checkboxList = ref<number[]>([])
+const checkCopy = ref<number[]>([0])
 const cycleTotal = computed(() => {
     cycle01.value = props.check(cycle01.value, 0, 22)
     cycle02.value = props.check(cycle02.value, cycle01.value + 1, 23)
@@ -74,9 +74,9 @@ const averageTotal = computed(() => {
 const checkboxString = computed(() => {
     return checkboxList.value.join(',')
 })
-watch(() => props.cron.hour, value => changeRadioValue(value))
+watch(() => props.cron.hour, (value: string) => changeRadioValue(value))
 watch([radioValue, cycleTotal, averageTotal, checkboxString], () => onRadioChange())
-function changeRadioValue(value) {
+function changeRadioValue(value: string): void {
     if (props.cron.min === '*') {
         emit('update', 'min', '0', 'hour')
     }
@@ -100,7 +100,7 @@ function changeRadioValue(value) {
         radioValue.value = 4
     }
 }
-function onRadioChange() {
+function onRadioChange(): void {
     switch (radioValue.value) {
         case 1:
             emit('update', 'hour', '*', 'hour')
diff --git a/src/components/Crontab/index.vue b/src/components/Crontab/index.vue
index e9fd4dd..1974e7c 100644
--- a/src/components/Crontab/index.vue
+++ b/src/components/Crontab/index.vue
@@ -124,7 +124,8 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
+// @ts-nocheck
 import CrontabSecond from "./second.vue"
 import CrontabMin from "./min.vue"
 import CrontabHour from "./hour.vue"
@@ -145,11 +146,11 @@ const props = defineProps({
         default: ""
     }
 })
-const tabTitles = ref(["秒", "分钟", "小时", "日", "月", "周", "年"])
-const tabActive = ref(0)
-const hideComponent = ref([])
-const expression = ref('')
-const crontabValueObj = ref({
+const tabTitles = ref<string[]>(["秒", "分钟", "小时", "日", "月", "周", "年"])
+const tabActive = ref<number>(0)
+const hideComponent = ref<string[]>([])
+const expression = ref<string>('')
+const crontabValueObj = ref<any>({
     second: "*",
     min: "*",
     hour: "*",
@@ -174,16 +175,16 @@ const crontabValueString = computed(() => {
         + (obj.year === "" ? "" : " " + obj.year)
 })
 watch(expression, () => resolveExp())
-function shouldHide(key) {
+function shouldHide(key: string): boolean {
     return !(hideComponent.value && hideComponent.value.includes(key))
 }
-function resolveExp() {
+function resolveExp(): void {
     // 反解析 表达式
     if (expression.value) {
         const arr = expression.value.split(/\s+/)
         if (arr.length >= 6) {
             //6 位以上是合法表达式
-            let obj = {
+            const obj: any = {
                 second: arr[0],
                 min: arr[1],
                 hour: arr[2],
@@ -202,15 +203,15 @@ function resolveExp() {
     }
 }
 // tab切换值
-function tabCheck(index) {
+function tabCheck(index: number): void {
     tabActive.value = index
 }
 // 由子组件触发，更改表达式组成的字段值
-function updateCrontabValue(name, value, from) {
+function updateCrontabValue(name: keyof any, value: string, from: string): void {
     crontabValueObj.value[name] = value
 }
 // 表单选项的子组件校验数字格式（通过-props传递）
-function checkNumber(value, minLimit, maxLimit) {
+function checkNumber(value: number, minLimit: number, maxLimit: number): number {
     // 检查必须为整数
     value = Math.floor(value)
     if (value < minLimit) {
@@ -221,15 +222,15 @@ function checkNumber(value, minLimit, maxLimit) {
     return value
 }
 // 隐藏弹窗
-function hidePopup() {
+function hidePopup(): void {
     emit("hide")
 }
 // 填充表达式
-function submitFill() {
+function submitFill(): void {
     emit("fill", crontabValueString.value)
     hidePopup()
 }
-function clearCron() {
+function clearCron(): void {
     // 还原选择项
     crontabValueObj.value = {
         second: "*",
diff --git a/src/components/Crontab/min.vue b/src/components/Crontab/min.vue
index 33e9bec..5275cf5 100644
--- a/src/components/Crontab/min.vue
+++ b/src/components/Crontab/min.vue
@@ -32,7 +32,7 @@
         </el-form-item>
     </el-form>
 </template>
-<script setup>
+<script setup lang="ts">
 const emit = defineEmits(['update'])
 const props = defineProps({
     cron: {
@@ -53,29 +53,29 @@ const props = defineProps({
         }
     }
 })
-const radioValue = ref(1)
-const cycle01 = ref(0)
-const cycle02 = ref(1)
-const average01 = ref(0)
-const average02 = ref(1)
-const checkboxList = ref([])
-const checkCopy = ref([0])
+const radioValue = ref<number>(1)
+const cycle01 = ref<number>(0)
+const cycle02 = ref<number>(1)
+const average01 = ref<number>(0)
+const average02 = ref<number>(1)
+const checkboxList = ref<number[]>([])
+const checkCopy = ref<number[]>([0])
 const cycleTotal = computed(() => {
-    cycle01.value = props.check(cycle01.value, 0, 58)
-    cycle02.value = props.check(cycle02.value, cycle01.value + 1, 59)
+    cycle01.value = props.check!(cycle01.value, 0, 58)
+    cycle02.value = props.check!(cycle02.value, cycle01.value + 1, 59)
     return cycle01.value + '-' + cycle02.value
 })
 const averageTotal = computed(() => {
-    average01.value = props.check(average01.value, 0, 58)
-    average02.value = props.check(average02.value, 1, 59 - average01.value)
+    average01.value = props.check!(average01.value, 0, 58)
+    average02.value = props.check!(average02.value, 1, 59 - average01.value)
     return average01.value + '/' + average02.value
 })
 const checkboxString = computed(() => {
     return checkboxList.value.join(',')
 })
-watch(() => props.cron.min, value => changeRadioValue(value))
+watch(() => props.cron.min, (value: string) => changeRadioValue(value))
 watch([radioValue, cycleTotal, averageTotal, checkboxString], () => onRadioChange())
-function changeRadioValue(value) {
+function changeRadioValue(value: string): void {
     if (value === '*') {
         radioValue.value = 1
     } else if (value.indexOf('-') > -1) {
@@ -93,7 +93,7 @@ function changeRadioValue(value) {
         radioValue.value = 4
     }
 }
-function onRadioChange() {
+function onRadioChange(): void {
     switch (radioValue.value) {
         case 1:
             emit('update', 'min', '*', 'min')
diff --git a/src/components/Crontab/month.vue b/src/components/Crontab/month.vue
index 542dd6f..2af5a61 100644
--- a/src/components/Crontab/month.vue
+++ b/src/components/Crontab/month.vue
@@ -33,7 +33,7 @@
     </el-form>
 </template>
 
-<script setup>
+<script setup lang="ts">
 const emit = defineEmits(['update'])
 const props = defineProps({
     cron: {
@@ -54,14 +54,14 @@ const props = defineProps({
         }
     }
 })
-const radioValue = ref(1)
-const cycle01 = ref(1)
-const cycle02 = ref(2)
-const average01 = ref(1)
-const average02 = ref(1)
-const checkboxList = ref([])
-const checkCopy = ref([1])
-const monthList = ref([
+const radioValue = ref<number>(1)
+const cycle01 = ref<number>(1)
+const cycle02 = ref<number>(2)
+const average01 = ref<number>(1)
+const average02 = ref<number>(1)
+const checkboxList = ref<number[]>([])
+const checkCopy = ref<number[]>([1])
+const monthList = ref<any[]>([
     {key: 1, value: '一月'},
     {key: 2, value: '二月'},
     {key: 3, value: '三月'},
@@ -88,9 +88,9 @@ const averageTotal = computed(() => {
 const checkboxString = computed(() => {
     return checkboxList.value.join(',')
 })
-watch(() => props.cron.month, value => changeRadioValue(value))
+watch(() => props.cron.month, (value: string) => changeRadioValue(value))
 watch([radioValue, cycleTotal, averageTotal, checkboxString], () => onRadioChange())
-function changeRadioValue(value) {
+function changeRadioValue(value: string): void {
     if (value === '*') {
         radioValue.value = 1
     } else if (value.indexOf('-') > -1) {
@@ -108,7 +108,7 @@ function changeRadioValue(value) {
         radioValue.value = 4
     }
 }
-function onRadioChange() {
+function onRadioChange(): void {
     switch (radioValue.value) {
         case 1:
             emit('update', 'month', '*', 'month')
diff --git a/src/components/Crontab/result.vue b/src/components/Crontab/result.vue
index b260d59..981ee6b 100644
--- a/src/components/Crontab/result.vue
+++ b/src/components/Crontab/result.vue
@@ -10,21 +10,22 @@
 	</div>
 </template>
 
-<script setup>
+<script setup lang="ts">
+// @ts-nocheck
 const props = defineProps({
     ex: {
         type: String,
         default: ''
     }
 })
-const dayRule = ref('')
-const dayRuleSup = ref('')
-const dateArr = ref([])
-const resultList = ref([])
-const isShow = ref(false)
+const dayRule = ref<string>('')
+const dayRuleSup = ref<string | number | number[] | string>('')
+const dateArr = ref<number[][]>([])
+const resultList = ref<string[]>([])
+const isShow = ref<boolean>(false)
 watch(() => props.ex, () => expressionChange())
 // 表达式值变化时，开始去计算结果
-function expressionChange() {
+function expressionChange(): void {
     // 计算开始-隐藏结果
     isShow.value = false
     // 获取规则数组[0秒、1分、2时、3日、4月、5星期、6年]
@@ -32,7 +33,7 @@ function expressionChange() {
     // 用于记录进入循环的次数
     let nums = 0
     // 用于暂时存符号时间规则结果的数组
-    let resultArr = []
+    let resultArr: string[] = []
     // 获取当前时间精确至[年、月、日、时、分、秒]
     let nTime = new Date()
     let nYear = nTime.getFullYear()
@@ -64,26 +65,26 @@ function expressionChange() {
     let MIdx = getIndex(MDate, nMonth)
     let YIdx = getIndex(YDate, nYear)
     // 重置月日时分秒的函数(后面用的比较多)
-    const resetSecond = function () {
+    const resetSecond = function (): void {
         sIdx = 0
         nSecond = sDate[sIdx]
     }
-    const resetMin = function () {
+    const resetMin = function (): void {
         mIdx = 0
         nMin = mDate[mIdx]
         resetSecond()
     }
-    const resetHour = function () {
+    const resetHour = function (): void {
         hIdx = 0
         nHour = hDate[hIdx]
         resetMin()
     }
-    const resetDay = function () {
+    const resetDay = function (): void {
         DIdx = 0
         nDay = DDate[DIdx]
         resetHour()
     }
-    const resetMonth = function () {
+    const resetMonth = function (): void {
         MIdx = 0
         nMonth = MDate[MIdx]
         resetDay()
@@ -119,7 +120,7 @@ function expressionChange() {
         // 循环月份数组
         goMonth: for (let Mi = MIdx; Mi < MDate.length; Mi++) {
             // 赋值、方便后面运算
-            let MM = MDate[Mi];
+            let MM: string | number = MDate[Mi];
             MM = MM < 10 ? '0' + MM : MM
             // 如果到达最大值时
             if (nDay > DDate[DDate.length - 1]) {
@@ -133,8 +134,8 @@ function expressionChange() {
             // 循环日期数组
             goDay: for (let Di = DIdx; Di < DDate.length; Di++) {
                 // 赋值、方便后面运算
-                let DD = DDate[Di]
-                let thisDD = DD < 10 ? '0' + DD : DD
+                let DD: number | string = DDate[Di]
+                let thisDD: string = DD < 10 ? '0' + DD : String(DD)
                 // 如果到达最大值时
                 if (nHour > hDate[hDate.length - 1]) {
                     resetHour()
@@ -329,7 +330,7 @@ function expressionChange() {
     isShow.value = true
 }
 // 用于计算某位数字在数组中的索引
-function getIndex(arr, value) {
+function getIndex(arr: number[], value: number): number {
     if (value <= arr[0] || value > arr[arr.length - 1]) {
         return 0
     } else {
@@ -339,9 +340,10 @@ function getIndex(arr, value) {
             }
         }
     }
+    return 0
 }
 // 获取"年"数组
-function getYearArr(rule, year) {
+function getYearArr(rule: string | undefined, year: number): void {
     dateArr.value[5] = getOrderArr(year, year + 100)
     if (rule !== undefined) {
         if (rule.indexOf('-') >= 0) {
@@ -354,7 +356,7 @@ function getYearArr(rule, year) {
     }
 }
 // 获取"月"数组
-function getMonthArr(rule) {
+function getMonthArr(rule: string): void {
     dateArr.value[4] = getOrderArr(1, 12)
     if (rule.indexOf('-') >= 0) {
         dateArr.value[4] = getCycleArr(rule, 12, false)
@@ -365,7 +367,7 @@ function getMonthArr(rule) {
     }
 }
 // 获取"日"数组-主要为日期规则
-function getWeekArr(rule) {
+function getWeekArr(rule: string): void {
     // 只有当日期规则的两个值均为“”时则表达日期是有选项的
     if (dayRule.value === '' && dayRuleSup.value === '') {
         if (rule.indexOf('-') >= 0) {
@@ -393,7 +395,7 @@ function getWeekArr(rule) {
     }
 }
 // 获取"日"数组-少量为日期规则
-function getDayArr(rule) {
+function getDayArr(rule: string): void {
     dateArr.value[3] = getOrderArr(1, 31)
     dayRule.value = ''
     dayRuleSup.value = ''
@@ -419,7 +421,7 @@ function getDayArr(rule) {
     }
 }
 // 获取"时"数组
-function getHourArr(rule) {
+function getHourArr(rule: string): void {
     dateArr.value[2] = getOrderArr(0, 23)
     if (rule.indexOf('-') >= 0) {
         dateArr.value[2] = getCycleArr(rule, 24, true)
@@ -430,7 +432,7 @@ function getHourArr(rule) {
     }
 }
 // 获取"分"数组
-function getMinArr(rule) {
+function getMinArr(rule: string): void {
     dateArr.value[1] = getOrderArr(0, 59)
     if (rule.indexOf('-') >= 0) {
         dateArr.value[1] = getCycleArr(rule, 60, true)
@@ -441,7 +443,7 @@ function getMinArr(rule) {
     }
 }
 // 获取"秒"数组
-function getSecondArr(rule) {
+function getSecondArr(rule: string): void {
     dateArr.value[0] = getOrderArr(0, 59)
     if (rule.indexOf('-') >= 0) {
         dateArr.value[0] = getCycleArr(rule, 60, true)
@@ -452,16 +454,16 @@ function getSecondArr(rule) {
     }
 }
 // 根据传进来的min-max返回一个顺序的数组
-function getOrderArr(min, max) {
-    let arr = []
+function getOrderArr(min: number, max: number): number[] {
+    let arr: number[] = []
     for (let i = min; i <= max; i++) {
         arr.push(i)
     }
     return arr
 }
 // 根据规则中指定的零散值返回一个数组
-function getAssignArr(rule) {
-    let arr = []
+function getAssignArr(rule: string): number[] {
+    let arr: number[] = []
     let assiginArr = rule.split(',')
     for (let i = 0; i < assiginArr.length; i++) {
         arr[i] = Number(assiginArr[i])
@@ -470,8 +472,8 @@ function getAssignArr(rule) {
     return arr
 }
 // 根据一定算术规则计算返回一个数组
-function getAverageArr(rule, limit) {
-    let arr = []
+function getAverageArr(rule: string, limit: number): number[] {
+    let arr: number[] = []
     let agArr = rule.split('/')
     let min = Number(agArr[0])
     let step = Number(agArr[1])
@@ -482,9 +484,9 @@ function getAverageArr(rule, limit) {
     return arr
 }
 // 根据规则返回一个具有周期性的数组
-function getCycleArr(rule, limit, status) {
+function getCycleArr(rule: string, limit: number, status: boolean): number[] {
     // status--表示是否从0开始（则从1开始）
-    let arr = []
+    let arr: number[] = []
     let cycleArr = rule.split('-')
     let min = Number(cycleArr[0])
     let max = Number(cycleArr[1])
@@ -502,7 +504,7 @@ function getCycleArr(rule, limit, status) {
     return arr
 }
 // 比较数字大小（用于Array.sort）
-function compare(value1, value2) {
+function compare(value1: number, value2: number): number {
     if (value2 - value1 > 0) {
         return -1
     } else {
@@ -510,7 +512,7 @@ function compare(value1, value2) {
     }
 }
 // 格式化日期格式如：2017-9-19 18:04:33
-function formatDate(value, type) {
+function formatDate(value: number | Date, type?: string): string | number {
     // 计算日期相关值
     let time = typeof value == 'number' ? new Date(value) : value
     let Y = time.getFullYear()
@@ -527,9 +529,10 @@ function formatDate(value, type) {
         // 在quartz中 1为星期日
         return week + 1
     }
+    return ''
 }
 // 检查日期是否存在
-function checkDate(value) {
+function checkDate(value: string): boolean {
     let time = new Date(value)
     let format = formatDate(time)
     return value === format
diff --git a/src/components/Crontab/second.vue b/src/components/Crontab/second.vue
index 05e8855..aaaa8eb 100644
--- a/src/components/Crontab/second.vue
+++ b/src/components/Crontab/second.vue
@@ -33,7 +33,7 @@
     </el-form>
 </template>
 
-<script setup>
+<script setup lang="ts">
 const emit = defineEmits(['update'])
 const props = defineProps({
     cron: {
@@ -54,13 +54,14 @@ const props = defineProps({
         }
     }
 })
-const radioValue = ref(1)
-const cycle01 = ref(0)
-const cycle02 = ref(1)
-const average01 = ref(0)
-const average02 = ref(1)
-const checkboxList = ref([])
-const checkCopy = ref([0])
+
+const radioValue = ref<number>(1)
+const cycle01 = ref<number>(0)
+const cycle02 = ref<number>(1)
+const average01 = ref<number>(0)
+const average02 = ref<number>(1)
+const checkboxList = ref<number[]>([])
+const checkCopy = ref<number[]>([0])
 const cycleTotal = computed(() => {
     cycle01.value = props.check(cycle01.value, 0, 58)
     cycle02.value = props.check(cycle02.value, cycle01.value + 1, 59)
@@ -74,9 +75,9 @@ const averageTotal = computed(() => {
 const checkboxString = computed(() => {
     return checkboxList.value.join(',')
 })
-watch(() => props.cron.second, value => changeRadioValue(value))
+watch(() => props.cron.second, (value: string) => changeRadioValue(value))
 watch([radioValue, cycleTotal, averageTotal, checkboxString], () => onRadioChange())
-function changeRadioValue(value) {
+function changeRadioValue(value: string): void {
     if (value === '*') {
         radioValue.value = 1
     } else if (value.indexOf('-') > -1) {
@@ -95,7 +96,7 @@ function changeRadioValue(value) {
     }
 }
 // 单选按钮值变化时
-function onRadioChange() {
+function onRadioChange(): void {
     switch (radioValue.value) {
         case 1:
             emit('update', 'second', '*', 'second')
diff --git a/src/components/Crontab/week.vue b/src/components/Crontab/week.vue
index 69a03b0..dbdc9db 100644
--- a/src/components/Crontab/week.vue
+++ b/src/components/Crontab/week.vue
@@ -68,7 +68,7 @@
     </el-form>
 </template>
 
-<script setup>
+<script setup lang="ts">
 const emit = defineEmits(['update'])
 const props = defineProps({
     cron: {
@@ -89,15 +89,15 @@ const props = defineProps({
         }
     }
 })
-const radioValue = ref(2)
-const cycle01 = ref(2)
-const cycle02 = ref(3)
-const average01 = ref(1)
-const average02 = ref(2)
-const weekday = ref(2)
-const checkboxList = ref([])
-const checkCopy = ref([2])
-const weekList = ref([
+const radioValue = ref<number>(2)
+const cycle01 = ref<number>(2)
+const cycle02 = ref<number>(3)
+const average01 = ref<number>(1)
+const average02 = ref<number>(2)
+const weekday = ref<number>(2)
+const checkboxList = ref<number[]>([])
+const checkCopy = ref<number[]>([2])
+const weekList = ref<any[]>([
     {key: 1, value: '星期日'},
     {key: 2, value: '星期一'},
     {key: 3, value: '星期二'},
@@ -123,9 +123,9 @@ const weekdayTotal = computed(() => {
 const checkboxString = computed(() => {
     return checkboxList.value.join(',')
 })
-watch(() => props.cron.week, value => changeRadioValue(value))
+watch(() => props.cron.week, (value: string) => changeRadioValue(value))
 watch([radioValue, cycleTotal, averageTotal, weekdayTotal, checkboxString], () => onRadioChange())
-function changeRadioValue(value) {
+function changeRadioValue(value: string): void {
     if (value === "*") {
         radioValue.value = 1
     } else if (value === "?") {
@@ -149,7 +149,7 @@ function changeRadioValue(value) {
         radioValue.value = 6
     }
 }
-function onRadioChange() {
+function onRadioChange(): void {
     if (radioValue.value === 2 && props.cron.day === '?') {
         emit('update', 'day', '*', 'week')
     }
diff --git a/src/components/Crontab/year.vue b/src/components/Crontab/year.vue
index 01b58f3..fdf2129 100644
--- a/src/components/Crontab/year.vue
+++ b/src/components/Crontab/year.vue
@@ -40,7 +40,7 @@
     </el-form>
 </template>
 
-<script setup>
+<script setup lang="ts">
 const emit = defineEmits(['update'])
 const props = defineProps({
     cron: {
@@ -64,13 +64,13 @@ const props = defineProps({
 
 const fullYear = Number(new Date().getFullYear())
 const maxFullYear = fullYear + 10
-const radioValue = ref(1)
-const cycle01 = ref(fullYear)
-const cycle02 = ref(fullYear + 1)
-const average01 = ref(fullYear)
-const average02 = ref(1)
-const checkboxList = ref([])
-const checkCopy = ref([fullYear])
+const radioValue = ref<number>(1)
+const cycle01 = ref<number>(fullYear)
+const cycle02 = ref<number>(fullYear + 1)
+const average01 = ref<number>(fullYear)
+const average02 = ref<number>(1)
+const checkboxList = ref<number[]>([])
+const checkCopy = ref<number[]>([fullYear])
 
 const cycleTotal = computed(() => {
     cycle01.value = props.check(cycle01.value, fullYear, maxFullYear - 1)
@@ -85,9 +85,9 @@ const averageTotal = computed(() => {
 const checkboxString = computed(() => {
     return checkboxList.value.join(',')
 })
-watch(() => props.cron.year, value => changeRadioValue(value))
+watch(() => props.cron.year, (value: string) => changeRadioValue(value))
 watch([radioValue, cycleTotal, averageTotal, checkboxString], () => onRadioChange())
-function changeRadioValue(value) {
+function changeRadioValue(value: string): void {
     if (value === '') {
         radioValue.value = 1
     } else if (value === "*") {
@@ -107,7 +107,7 @@ function changeRadioValue(value) {
         radioValue.value = 5
     }
 }
-function onRadioChange() {
+function onRadioChange(): void {
     switch (radioValue.value) {
         case 1:
             emit('update', 'year', '', 'year')
diff --git a/src/components/DictTag/index.vue b/src/components/DictTag/index.vue
index 7d20d10..1b37c30 100644
--- a/src/components/DictTag/index.vue
+++ b/src/components/DictTag/index.vue
@@ -24,29 +24,31 @@
   </div>
 </template>
 
-<script setup>
-// 记录未匹配的项
-const unmatchArray = ref([])
+<script setup lang="ts">
+// @ts-nocheck
+interface DictOption {
+  label: string
+  value: string | number
+  elTagType?: string
+  elTagClass?: string
+}
 
-const props = defineProps({
-  // 数据
-  options: {
-    type: Array,
-    default: null,
-  },
-  // 当前的值
-  value: [Number, String, Array],
-  // 当未找到匹配的数据时，显示value
-  showValue: {
-    type: Boolean,
-    default: true,
-  },
-  separator: {
-    type: String,
-    default: ",",
-  }
+interface Props {
+  options?: DictOption[] | null
+  value?: number | string | (number | string)[]
+  showValue?: boolean
+  separator?: string
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  options: null,
+  showValue: true,
+  separator: ","
 })
 
+// 记录未匹配的项
+const unmatchArray = ref<(string | number)[]>([])
+
 const values = computed(() => {
   if (props.value === null || typeof props.value === 'undefined' || props.value === '') return []
   if (typeof props.value === 'number' || typeof props.value === 'boolean') return [props.value]
@@ -60,7 +62,7 @@ const unmatch = computed(() => {
   // 传入值为数组
   let unmatch = false // 添加一个标志来判断是否有未匹配项
   values.value.forEach(item => {
-    if (!props.options.some(v => v.value == item)) {
+    if (!props.options?.some(v => v.value == item)) {
       unmatchArray.value.push(item)
       unmatch = true // 如果有未匹配项，将标志设置为true
     }
@@ -68,14 +70,14 @@ const unmatch = computed(() => {
   return unmatch // 返回标志的值
 })
 
-function handleArray(array) {
+function handleArray(array: (string | number)[]): string {
   if (array.length === 0) return ""
   return array.reduce((pre, cur) => {
     return pre + " " + cur
-  })
+  }, "")
 }
 
-function isValueMatch(itemValue) {
+function isValueMatch(itemValue: string | number): boolean {
   return values.value.some(val => val == itemValue)
 }
 </script>
diff --git a/src/components/Editor/index.vue b/src/components/Editor/index.vue
index efd0edc..e154056 100644
--- a/src/components/Editor/index.vue
+++ b/src/components/Editor/index.vue
@@ -19,18 +19,19 @@
       ref="quillEditorRef"
       v-model:content="content"
       contentType="html"
-      @textChange="(e) => $emit('update:modelValue', content)"
+      @textChange="(e: any) => $emit('update:modelValue', content)"
       :options="options"
       :style="styles"
     />
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import axios from 'axios'
 import { QuillEditor } from "@vueup/vue-quill"
 import "@vueup/vue-quill/dist/vue-quill.snow.css"
 import { getToken } from "@/utils/auth"
+import type { UploadFileResult } from '@/types/api/common'
 
 const { proxy } = getCurrentInstance()
 
@@ -96,7 +97,7 @@ const options = ref({
 })
 
 const styles = computed(() => {
-  let style = {}
+  const style: Record<string, string> = {}
   if (props.minHeight) {
     style.minHeight = `${props.minHeight}px`
   }
@@ -107,7 +108,7 @@ const styles = computed(() => {
 })
 
 const content = ref("")
-watch(() => props.modelValue, (v) => {
+watch(() => props.modelValue, (v: string) => {
   if (v !== content.value) {
     content.value = v == undefined ? "<p></p>" : v
   }
@@ -118,7 +119,7 @@ onMounted(() => {
   if (props.type == 'url') {
     let quill = quillEditorRef.value.getQuill()
     let toolbar = quill.getModule("toolbar")
-    toolbar.addHandler("image", (value) => {
+    toolbar.addHandler("image", (value: boolean) => {
       if (value) {
         proxy.$refs.uploadRef.click()
       } else {
@@ -130,7 +131,7 @@ onMounted(() => {
 })
 
 // 上传前校检格式和大小
-function handleBeforeUpload(file) {
+function handleBeforeUpload(file: File) {
   const type = ["image/jpeg", "image/jpg", "image/png", "image/svg"]
   const isJPG = type.includes(file.type)
   //检验文件格式
@@ -150,7 +151,7 @@ function handleBeforeUpload(file) {
 }
 
 // 上传成功处理
-function handleUploadSuccess(res, file) {
+function handleUploadSuccess(res: UploadFileResult, file: File) {
   // 如果上传成功
   if (res.code == 200) {
     // 获取富文本实例
@@ -172,8 +173,8 @@ function handleUploadError() {
 }
 
 // 复制粘贴图片处理
-function handlePasteCapture(e) {
-  const clipboard = e.clipboardData || window.clipboardData
+function handlePasteCapture(e: ClipboardEvent) {
+  const clipboard = e.clipboardData || (window as any).clipboardData
   if (clipboard && clipboard.items) {
     for (let i = 0; i < clipboard.items.length; i++) {
       const item = clipboard.items[i]
@@ -186,11 +187,11 @@ function handlePasteCapture(e) {
   }
 }
 
-function insertImage(file) {
+function insertImage(file: File) {
   const formData = new FormData()
   formData.append("file", file)
-  axios.post(uploadUrl.value, formData, { headers: { "Content-Type": "multipart/form-data", Authorization: headers.value.Authorization } }).then(res => {
-    handleUploadSuccess(res.data)
+  axios.post(uploadUrl.value, formData, { headers: { "Content-Type": "multipart/form-data", Authorization: headers.value.Authorization } }).then((res: { data: UploadFileResult }) => {
+    handleUploadSuccess(res.data as UploadFileResult, file)
   })
 }
 </script>
diff --git a/src/components/FileUpload/index.vue b/src/components/FileUpload/index.vue
index b7f7d17..2b21de8 100644
--- a/src/components/FileUpload/index.vue
+++ b/src/components/FileUpload/index.vue
@@ -29,20 +29,27 @@
     <!-- 文件列表 -->
     <transition-group ref="uploadFileList" class="upload-file-list el-upload-list el-upload-list--text" name="el-fade-in-linear" tag="ul">
       <li :key="file.uid" class="el-upload-list__item ele-upload-list__item-content" v-for="(file, index) in fileList">
-        <el-link :href="`${baseUrl}${file.url}`" :underline="false" target="_blank">
+        <el-link :href="`${baseUrl}${file.url}`" underline="never" target="_blank">
           <span class="el-icon-document"> {{ getFileName(file.name) }} </span>
         </el-link>
         <div class="ele-upload-list__item-content-action">
-          <el-link :underline="false" @click="handleDelete(index)" type="danger" v-if="!disabled">&nbsp;删除</el-link>
+          <el-link underline="never" @click="handleDelete(index)" type="danger" v-if="!disabled">&nbsp;删除</el-link>
         </div>
       </li>
     </transition-group>
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { getToken } from "@/utils/auth"
 import Sortable from 'sortablejs'
+import type { UploadFileResult } from '@/types/api/common'
+
+interface UploadFileItem {
+  uid?: number | string;
+  name: string;
+  url: string;
+}
 
 const props = defineProps({
   modelValue: [String, Object, Array],
@@ -67,7 +74,7 @@ const props = defineProps({
   },
   // 文件类型, 例如['png', 'jpg', 'jpeg']
   fileType: {
-    type: Array,
+    type: Array as () => string[],
     default: () => ["doc", "docx", "xls", "xlsx", "ppt", "pptx", "txt", "pdf"]
   },
   // 是否显示提示
@@ -90,22 +97,22 @@ const props = defineProps({
 const { proxy } = getCurrentInstance()
 const emit = defineEmits()
 const number = ref(0)
-const uploadList = ref([])
+const uploadList = ref<UploadFileItem[]>([])
 const baseUrl = import.meta.env.VITE_APP_BASE_API
 const uploadFileUrl = ref(import.meta.env.VITE_APP_BASE_API + props.action) // 上传文件服务器地址
 const headers = ref({ Authorization: "Bearer " + getToken() })
-const fileList = ref([])
+const fileList = ref<UploadFileItem[]>([])
 const showTip = computed(
   () => props.isShowTip && (props.fileType || props.fileSize)
 )
 
-watch(() => props.modelValue, val => {
+watch(() => props.modelValue, (val: any) => {
   if (val) {
     let temp = 1
     // 首先将值转为数组
     const list = Array.isArray(val) ? val : props.modelValue.split(',')
     // 然后将数组转为对象数组
-    fileList.value = list.map(item => {
+    fileList.value = list.map((item: any) => {
       if (typeof item === "string") {
         item = { name: item, url: item }
       }
@@ -119,9 +126,9 @@ watch(() => props.modelValue, val => {
 },{ deep: true, immediate: true })
 
 // 上传前校检格式和大小
-function handleBeforeUpload(file) {
+function handleBeforeUpload(file: File): boolean {
   // 校检文件类型
-  if (props.fileType.length) {
+  if (props.fileType.length > 0) {
     const fileName = file.name.split('.')
     const fileExt = fileName[fileName.length - 1]
     const isTypeOk = props.fileType.indexOf(fileExt) >= 0
@@ -149,18 +156,18 @@ function handleBeforeUpload(file) {
 }
 
 // 文件个数超出
-function handleExceed() {
+function handleExceed(): void {
   proxy.$modal.msgError(`上传文件数量不能超过 ${props.limit} 个!`)
 }
 
 // 上传失败
-function handleUploadError(err) {
+function handleUploadError(err: Error): void {
   proxy.$modal.msgError("上传文件失败")
   proxy.$modal.closeLoading()
 }
 
 // 上传成功回调
-function handleUploadSuccess(res, file) {
+function handleUploadSuccess(res: UploadFileResult, file: any): void {
   if (res.code === 200) {
     uploadList.value.push({ name: res.fileName, url: res.fileName })
     uploadedSuccessfully()
@@ -174,15 +181,15 @@ function handleUploadSuccess(res, file) {
 }
 
 // 删除文件
-function handleDelete(index) {
+function handleDelete(index: number): void {
   fileList.value.splice(index, 1)
   emit("update:modelValue", listToString(fileList.value))
 }
 
 // 上传结束处理
-function uploadedSuccessfully() {
+function uploadedSuccessfully(): void {
   if (number.value > 0 && uploadList.value.length === number.value) {
-    fileList.value = fileList.value.filter(f => f.url !== undefined).concat(uploadList.value)
+    fileList.value = fileList.value.filter((f: UploadFileItem) => f.url !== undefined).concat(uploadList.value)
     uploadList.value = []
     number.value = 0
     emit("update:modelValue", listToString(fileList.value))
@@ -191,7 +198,7 @@ function uploadedSuccessfully() {
 }
 
 // 获取文件名称
-function getFileName(name) {
+function getFileName(name: string): string {
   // 如果是url那么取最后的名字 如果不是直接返回
   if (name.lastIndexOf("/") > -1) {
     return name.slice(name.lastIndexOf("/") + 1)
@@ -201,7 +208,7 @@ function getFileName(name) {
 }
 
 // 对象转成指定字符串分隔
-function listToString(list, separator) {
+function listToString(list: UploadFileItem[], separator?: string): string {
   let strs = ""
   separator = separator || ","
   for (let i in list) {
@@ -216,15 +223,17 @@ function listToString(list, separator) {
 onMounted(() => {
   if (props.drag && !props.disabled) {
     nextTick(() => {
-      const element = proxy.$refs.uploadFileList?.$el || proxy.$refs.uploadFileList
-      Sortable.create(element, {
-        ghostClass: 'file-upload-darg',
-        onEnd: (evt) => {
-          const movedItem = fileList.value.splice(evt.oldIndex, 1)[0]
-          fileList.value.splice(evt.newIndex, 0, movedItem)
-          emit('update:modelValue', listToString(fileList.value))
-        }
-      })
+      const element = proxy.$refs.uploadFileList?.$el || proxy.$refs.uploadFileList as HTMLElement
+      if (element) {
+        Sortable.create(element, {
+          ghostClass: 'file-upload-darg',
+          onEnd: (evt) => {
+            const movedItem = fileList.value.splice(evt.oldIndex, 1)[0]
+            fileList.value.splice(evt.newIndex, 0, movedItem)
+            emit('update:modelValue', listToString(fileList.value))
+          }
+        })
+      }
     })
   }
 })
diff --git a/src/components/Hamburger/index.vue b/src/components/Hamburger/index.vue
index 3ea9388..e676e70 100644
--- a/src/components/Hamburger/index.vue
+++ b/src/components/Hamburger/index.vue
@@ -14,7 +14,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 defineProps({
   isActive: {
     type: Boolean,
diff --git a/src/components/HeaderSearch/index.vue b/src/components/HeaderSearch/index.vue
index d325951..6837a92 100644
--- a/src/components/HeaderSearch/index.vue
+++ b/src/components/HeaderSearch/index.vue
@@ -44,25 +44,32 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import Fuse from 'fuse.js'
 import { getNormalPath } from '@/utils/ruoyi'
 import { isHttp } from '@/utils/validate'
 import useSettingsStore from '@/store/modules/settings'
 import usePermissionStore from '@/store/modules/permission'
 
+interface SearchItem {
+  path: string
+  title: string[]
+  icon: string
+  query?: string
+}
+
 const search = ref('')
-const options = ref([])
-const searchPool = ref([])
+const options = ref<SearchItem[]>([])
+const searchPool = ref<SearchItem[]>([])
 const activeIndex = ref(-1)
 const show = ref(false)
-const fuse = ref(undefined)
+const fuse = ref<Fuse<SearchItem> | undefined>(undefined)
 const headerSearchSelectRef = ref(null)
 const router = useRouter()
 const theme = computed(() => useSettingsStore().theme)
 const routes = computed(() => usePermissionStore().defaultRoutes)
 
-function click() {
+function click(): void {
   show.value = !show.value
   if (show.value) {
     headerSearchSelectRef.value && headerSearchSelectRef.value.focus()
@@ -70,7 +77,7 @@ function click() {
   }
 }
 
-function close() {
+function close(): void {
   headerSearchSelectRef.value && headerSearchSelectRef.value.blur()
   search.value = ''
   options.value = []
@@ -78,7 +85,7 @@ function close() {
   activeIndex.value = -1
 }
 
-function change(val) {
+function change(val: SearchItem): void {
   const path = val.path
   const query = val.query
   if (isHttp(path)) {
@@ -100,41 +107,33 @@ function change(val) {
   })
 }
 
-function initFuse(list) {
+function initFuse(list: SearchItem[]): void {
   fuse.value = new Fuse(list, {
     shouldSort: true,
     threshold: 0.4,
-    location: 0,
-    distance: 100,
     minMatchCharLength: 1,
-    keys: [{
-      name: 'title',
-      weight: 0.7
-    }, {
-      name: 'path',
-      weight: 0.3
-    }]
+    keys: ['title', 'path']
   })
 }
 
 // Filter out the routes that can be displayed in the sidebar
 // And generate the internationalized title
-function generateRoutes(routes, basePath = '', prefixTitle = []) {
-  let res = []
+function generateRoutes(routes :any, basePath = '', prefixTitle: string[] = []): SearchItem[] {
+  let res: SearchItem[] = []
 
   for (const r of routes) {
     // skip hidden router
     if (r.hidden) { continue }
     const p = r.path.length > 0 && r.path[0] === '/' ? r.path : '/' + r.path
-    const data = {
+    const data: SearchItem = {
       path: !isHttp(r.path) ? getNormalPath(basePath + p) : r.path,
       title: [...prefixTitle],
       icon: ''
     }
 
     if (r.meta && r.meta.title) {
-      data.title = [...data.title, r.meta.title]
-      data.icon = r.meta.icon
+      data.title = [...data.title, r.meta.title as string]
+      data.icon = (r.meta.icon as string) || ''
       if (r.redirect !== "noRedirect") {
         // only push the routes with title
         // special case: need to exclude parent router without redirect
@@ -156,16 +155,17 @@ function generateRoutes(routes, basePath = '', prefixTitle = []) {
   return res
 }
 
-function querySearch(query) {
+function querySearch(query: string): void {
   activeIndex.value = -1
   if (query !== '') {
-    options.value = fuse.value.search(query).map((item) => item.item) ?? searchPool.value
+    const results = fuse.value.search(query) as any[]
+    options.value = results.map((item: any) => item.item) ?? searchPool.value
   } else {
     options.value = searchPool.value
   }
 }
 
-function activeStyle(index) {
+function activeStyle(index: number): Record<string, string> {
   if (index !== activeIndex.value) return {}
   return {
     "background-color": theme.value,
@@ -173,7 +173,7 @@ function activeStyle(index) {
   }
 }
 
-function navigateResult(direction) {
+function navigateResult(direction: 'up' | 'down'): void {
   if (direction === "up") {
     activeIndex.value = activeIndex.value <= 0 ? options.value.length - 1 : activeIndex.value - 1
   } else if (direction === "down") {
@@ -181,7 +181,7 @@ function navigateResult(direction) {
   }
 }
 
-function selectActiveResult() {
+function selectActiveResult(): void {
   if (options.value.length > 0 && activeIndex.value >= 0) {
     change(options.value[activeIndex.value])
   }
@@ -191,7 +191,7 @@ onMounted(() => {
   searchPool.value = generateRoutes(routes.value)
 })
 
-watch(searchPool, (list) => {
+watch(searchPool, (list: SearchItem[]) => {
   initFuse(list)
 })
 </script>
diff --git a/src/components/IconSelect/index.vue b/src/components/IconSelect/index.vue
index 3bb177f..810a436 100644
--- a/src/components/IconSelect/index.vue
+++ b/src/components/IconSelect/index.vue
@@ -23,7 +23,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import icons from './requireIcons'
 
 const props = defineProps({
@@ -36,19 +36,19 @@ const iconName = ref('')
 const iconList = ref(icons)
 const emit = defineEmits(['selected'])
 
-function filterIcons() {
+function filterIcons(): void {
   iconList.value = icons
   if (iconName.value) {
     iconList.value = icons.filter(item => item.indexOf(iconName.value) !== -1)
   }
 }
 
-function selectedIcon(name) {
+function selectedIcon(name: string): void {
   emit('selected', name)
   document.body.click()
 }
 
-function reset() {
+function reset(): void {
   iconName.value = ''
   iconList.value = icons
 }
diff --git a/src/components/IconSelect/requireIcons.js b/src/components/IconSelect/requireIcons.ts
similarity index 78%
rename from src/components/IconSelect/requireIcons.js
rename to src/components/IconSelect/requireIcons.ts
index ccdfaa4..de6b46a 100644
--- a/src/components/IconSelect/requireIcons.js
+++ b/src/components/IconSelect/requireIcons.ts
@@ -1,8 +1,8 @@
-let icons = []
-const modules = import.meta.glob('./../../assets/icons/svg/*.svg')
-for (const path in modules) {
-  const p = path.split('assets/icons/svg/')[1].split('.svg')[0]
-  icons.push(p)
-}
-
-export default icons
\ No newline at end of file
+const icons: string[] = []
+const modules = import.meta.glob('./../../assets/icons/svg/*.svg')
+for (const path in modules) {
+  const p = path.split('assets/icons/svg/')[1].split('.svg')[0]
+  icons.push(p)
+}
+
+export default icons
diff --git a/src/components/ImagePreview/index.vue b/src/components/ImagePreview/index.vue
index 00212c5..efb5fcd 100644
--- a/src/components/ImagePreview/index.vue
+++ b/src/components/ImagePreview/index.vue
@@ -14,7 +14,7 @@
   </el-image>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { isExternal } from "@/utils/validate"
 
 const props = defineProps({
@@ -34,9 +34,9 @@ const props = defineProps({
 
 const realSrc = computed(() => {
   if (!props.src) {
-    return
+    return undefined
   }
-  let real_src = props.src.split(",")[0]
+  const real_src = props.src.split(",")[0]
   if (isExternal(real_src)) {
     return real_src
   }
@@ -45,15 +45,16 @@ const realSrc = computed(() => {
 
 const realSrcList = computed(() => {
   if (!props.src) {
-    return
+    return undefined
   }
-  let real_src_list = props.src.split(",")
-  let srcList = []
-  real_src_list.forEach(item => {
+  const real_src_list = props.src.split(",")
+  const srcList: string[] = []
+  real_src_list.forEach((item: string) => {
     if (isExternal(item)) {
-      return srcList.push(item)
+      srcList.push(item)
+    } else {
+      srcList.push(import.meta.env.VITE_APP_BASE_API + item)
     }
-    return srcList.push(import.meta.env.VITE_APP_BASE_API + item)
   })
   return srcList
 })
diff --git a/src/components/ImageUpload/index.vue b/src/components/ImageUpload/index.vue
index 3929896..e6b86b9 100644
--- a/src/components/ImageUpload/index.vue
+++ b/src/components/ImageUpload/index.vue
@@ -47,10 +47,17 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { getToken } from "@/utils/auth"
 import { isExternal } from "@/utils/validate"
 import Sortable from 'sortablejs'
+import type { UploadFileResult } from '@/types/api/common'
+
+interface UploadImageItem {
+  uid?: number | string;
+  name: string;
+  url: string;
+}
 
 const props = defineProps({
   modelValue: [String, Object, Array],
@@ -75,7 +82,7 @@ const props = defineProps({
   },
   // 文件类型, 例如['png', 'jpg', 'jpeg']
   fileType: {
-    type: Array,
+    type: Array as () => string[],
     default: () => ["png", "jpg", "jpeg"]
   },
   // 是否显示提示
@@ -98,23 +105,23 @@ const props = defineProps({
 const { proxy } = getCurrentInstance()
 const emit = defineEmits()
 const number = ref(0)
-const uploadList = ref([])
+const uploadList = ref<UploadImageItem[]>([])
 const dialogImageUrl = ref("")
 const dialogVisible = ref(false)
 const baseUrl = import.meta.env.VITE_APP_BASE_API
-const uploadImgUrl = ref(import.meta.env.VITE_APP_BASE_API + props.action) // 上传的图片服务器地址
+const uploadImgUrl = ref(import.meta.env.VITE_APP_BASE_API + props.action)
 const headers = ref({ Authorization: "Bearer " + getToken() })
-const fileList = ref([])
+const fileList = ref<UploadImageItem[]>([])
 const showTip = computed(
   () => props.isShowTip && (props.fileType || props.fileSize)
 )
 
-watch(() => props.modelValue, val => {
+watch(() => props.modelValue, (val: any) => {
   if (val) {
     // 首先将值转为数组
-    const list = Array.isArray(val) ? val : props.modelValue.split(",")
+    const list = Array.isArray(val) ? val : (props.modelValue as string).split(",")
     // 然后将数组转为对象数组
-    fileList.value = list.map(item => {
+    fileList.value = list.map((item: any) => {
       if (typeof item === "string") {
         if (item.indexOf(baseUrl) === -1 && !isExternal(item)) {
           item = { name: baseUrl + item, url: baseUrl + item }
@@ -131,14 +138,14 @@ watch(() => props.modelValue, val => {
 },{ deep: true, immediate: true })
 
 // 上传前loading加载
-function handleBeforeUpload(file) {
+function handleBeforeUpload(file: File): boolean {
   let isImg = false
   if (props.fileType.length) {
     let fileExtension = ""
     if (file.name.lastIndexOf(".") > -1) {
       fileExtension = file.name.slice(file.name.lastIndexOf(".") + 1)
     }
-    isImg = props.fileType.some(type => {
+    isImg = props.fileType.some((type: string) => {
       if (file.type.indexOf(type) > -1) return true
       if (fileExtension && fileExtension.indexOf(type) > -1) return true
       return false
@@ -163,15 +170,16 @@ function handleBeforeUpload(file) {
   }
   proxy.$modal.loading("正在上传图片，请稍候...")
   number.value++
+  return true
 }
 
 // 文件个数超出
-function handleExceed() {
+function handleExceed(): void {
   proxy.$modal.msgError(`上传文件数量不能超过 ${props.limit} 个!`)
 }
 
 // 上传成功回调
-function handleUploadSuccess(res, file) {
+function handleUploadSuccess(res: UploadFileResult, file: any): void {
   if (res.code === 200) {
     uploadList.value.push({ name: res.fileName, url: res.fileName })
     uploadedSuccessfully()
@@ -185,19 +193,20 @@ function handleUploadSuccess(res, file) {
 }
 
 // 删除图片
-function handleDelete(file) {
-  const findex = fileList.value.map(f => f.name).indexOf(file.name)
+function handleDelete(file: any): boolean {
+  const findex = fileList.value.map((f: UploadImageItem) => f.name).indexOf(file.name)
   if (findex > -1 && uploadList.value.length === number.value) {
     fileList.value.splice(findex, 1)
     emit("update:modelValue", listToString(fileList.value))
     return false
   }
+  return true
 }
 
 // 上传结束处理
-function uploadedSuccessfully() {
+function uploadedSuccessfully(): void {
   if (number.value > 0 && uploadList.value.length === number.value) {
-    fileList.value = fileList.value.filter(f => f.url !== undefined).concat(uploadList.value)
+    fileList.value = fileList.value.filter((f: UploadImageItem) => f.url !== undefined).concat(uploadList.value)
     uploadList.value = []
     number.value = 0
     emit("update:modelValue", listToString(fileList.value))
@@ -206,19 +215,19 @@ function uploadedSuccessfully() {
 }
 
 // 上传失败
-function handleUploadError() {
+function handleUploadError(): void {
   proxy.$modal.msgError("上传图片失败")
   proxy.$modal.closeLoading()
 }
 
 // 预览
-function handlePictureCardPreview(file) {
-  dialogImageUrl.value = file.url
+function handlePictureCardPreview(file: any): void {
+  dialogImageUrl.value = file.url || ''
   dialogVisible.value = true
 }
 
 // 对象转成指定字符串分隔
-function listToString(list, separator) {
+function listToString(list: UploadImageItem[], separator?: string): string {
   let strs = ""
   separator = separator || ","
   for (let i in list) {
@@ -233,14 +242,16 @@ function listToString(list, separator) {
 onMounted(() => {
   if (props.drag && !props.disabled) {
     nextTick(() => {
-      const element = proxy.$refs.imageUpload?.$el?.querySelector('.el-upload-list')
-      Sortable.create(element, {
-        onEnd: (evt) => {
-          const movedItem = fileList.value.splice(evt.oldIndex, 1)[0]
-          fileList.value.splice(evt.newIndex, 0, movedItem)
-          emit('update:modelValue', listToString(fileList.value))
-        }
-      })
+      const element = proxy.$refs.imageUpload?.$el?.querySelector('.el-upload-list') as HTMLElement
+      if (element) {
+        Sortable.create(element, {
+          onEnd: (evt: any) => {
+            const movedItem = fileList.value.splice(evt.oldIndex, 1)[0]
+            fileList.value.splice(evt.newIndex, 0, movedItem)
+            emit('update:modelValue', listToString(fileList.value))
+          }
+        })
+      }
     })
   }
 })
@@ -255,4 +266,4 @@ onMounted(() => {
 :deep(.el-upload.el-upload--picture-card.is-disabled) {
   display: none !important;
 } 
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/Pagination/index.vue b/src/components/Pagination/index.vue
index 53fbec2..f2635df 100644
--- a/src/components/Pagination/index.vue
+++ b/src/components/Pagination/index.vue
@@ -14,7 +14,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { scrollTo } from '@/utils/scroll-to'
 
 const props = defineProps({
@@ -64,7 +64,7 @@ const currentPage = computed({
   get() {
     return props.page
   },
-  set(val) {
+  set(val: number) {
     emit('update:page', val)
   }
 })
@@ -72,12 +72,12 @@ const pageSize = computed({
   get() {
     return props.limit
   },
-  set(val){
+  set(val: number){
     emit('update:limit', val)
   }
 })
 
-function handleSizeChange(val) {
+function handleSizeChange(val: number) {
   if (currentPage.value * val > props.total) {
     currentPage.value = 1
   }
@@ -87,7 +87,7 @@ function handleSizeChange(val) {
   }
 }
 
-function handleCurrentChange(val) {
+function handleCurrentChange(val: number) {
   emit('pagination', { page: val, limit: pageSize.value })
   if (props.autoScroll) {
     scrollTo(0, 800)
diff --git a/src/components/RightToolbar/index.vue b/src/components/RightToolbar/index.vue
index 68eb0f0..663b930 100644
--- a/src/components/RightToolbar/index.vue
+++ b/src/components/RightToolbar/index.vue
@@ -39,7 +39,9 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
+import type { TableShowColumns } from '@/types/api/common'
+
 const props = defineProps({
   /* 是否显示检索条件 */
   showSearch: {
@@ -71,14 +73,14 @@ const props = defineProps({
 const emits = defineEmits(['update:showSearch', 'queryTable'])
 
 // 显隐数据
-const value = ref([])
+const value = ref<number[]>([])
 // 弹出层标题
 const title = ref("显示/隐藏")
 // 是否显示弹出层
 const open = ref(false)
 
 const style = computed(() => {
-  const ret = {}
+  const ret: Record<string, string> = {}
   if (props.gutter) {
     ret.marginRight = `${props.gutter / 2}px`
   }
@@ -87,28 +89,28 @@ const style = computed(() => {
 
 // 是否全选/半选 状态
 const isChecked = computed({
-  get: () => Array.isArray(props.columns) ? props.columns.every(col => col.visible) : Object.values(props.columns).every((col) => col.visible),
+  get: () => Array.isArray(props.columns) ? props.columns.every((col: TableShowColumns) => col.visible) : Object.values(props.columns).every((col) => (col as TableShowColumns).visible),
   set: () => {}
 })
-const isIndeterminate = computed(() => Array.isArray(props.columns) ? props.columns.some((col) => col.visible) && !isChecked.value : Object.values(props.columns).some((col) => col.visible) && !isChecked.value)
-const transferData = computed(() => Array.isArray(props.columns) ? props.columns.map((item, index) => ({ key: index, label: item.label })) : Object.keys(props.columns).map((key, index) => ({ key: index, label: props.columns[key].label })))
+const isIndeterminate = computed(() => Array.isArray(props.columns) ? props.columns.some((col: TableShowColumns) => col.visible) && !isChecked.value : Object.values(props.columns).some((col) => (col as TableShowColumns).visible) && !isChecked.value)
+const transferData = computed(() => Array.isArray(props.columns) ? props.columns.map((item: TableShowColumns, index: number) => ({ key: index, label: item.label })) : Object.keys(props.columns).map((key, index) => ({ key: index, label: props.columns[key].label })))
 
 // 搜索
-function toggleSearch() {
+function toggleSearch(): void {
   emits("update:showSearch", !props.showSearch)
 }
 
 // 刷新
-function refresh() {
+function refresh(): void {
   emits("queryTable")
 }
 
 // 右侧列表元素变化
-function dataChange(data) {
+function dataChange(data: number[]): void {
   if (Array.isArray(props.columns)) {
     for (let item in props.columns) {
       const key = props.columns[item].key
-      props.columns[item].visible = !data.includes(key)
+      props.columns[item].visible = !data.includes(parseInt(key))
     }
   } else {
     Object.keys(props.columns).forEach((key, index) => {
@@ -118,7 +120,7 @@ function dataChange(data) {
 }
 
 // 打开显隐列dialog
-function showColumn() {
+function showColumn(): void {
   open.value = true
 }
 
@@ -140,21 +142,24 @@ if (props.showColumnsType == "transfer") {
 }
 
 // 单勾选
-function checkboxChange(event, key) {
+function checkboxChange(event: boolean, key: string): void {
   if (Array.isArray(props.columns)) {
-    props.columns.filter(item => item.key == key)[0].visible = event
+    const col = props.columns.filter((item: any) => item.key == key)[0]
+    if (col) {
+      col.visible = event
+    }
   } else {
     props.columns[key].visible = event
   }
 }
 
 // 切换全选/反选
-function toggleCheckAll() {
+function toggleCheckAll(): void {
   const newValue = !isChecked.value
   if (Array.isArray(props.columns)) {
-    props.columns.forEach((col) => (col.visible = newValue))
+    props.columns.forEach((col: TableShowColumns) => (col.visible = newValue))
   } else {
-    Object.values(props.columns).forEach((col) => (col.visible = newValue))
+    Object.values(props.columns).forEach((col) => ((col as TableShowColumns).visible = newValue))
   }
 }
 </script>
diff --git a/src/components/RuoYi/Doc/index.vue b/src/components/RuoYi/Doc/index.vue
index 91aebe0..31006e8 100644
--- a/src/components/RuoYi/Doc/index.vue
+++ b/src/components/RuoYi/Doc/index.vue
@@ -4,10 +4,10 @@
   </div>
 </template>
 
-<script setup>
-const url = ref('http://doc.ruoyi.vip/ruoyi-vue')
+<script setup lang="ts">
+const url = ref<string>('http://doc.ruoyi.vip/ruoyi-vue')
 
-function goto() {
+function goto(): void {
   window.open(url.value)
 }
 </script>
\ No newline at end of file
diff --git a/src/components/RuoYi/Git/index.vue b/src/components/RuoYi/Git/index.vue
index 96fdea7..6e3a941 100644
--- a/src/components/RuoYi/Git/index.vue
+++ b/src/components/RuoYi/Git/index.vue
@@ -4,10 +4,10 @@
   </div>
 </template>
 
-<script setup>
-const url = ref('https://gitee.com/y_project/RuoYi-Vue')
+<script setup lang="ts">
+const url = ref<string>('https://gitee.com/y_project/RuoYi-Vue')
 
-function goto() {
+function goto(): void {
   window.open(url.value)
 }
 </script>
diff --git a/src/components/Screenfull/index.vue b/src/components/Screenfull/index.vue
index cf23223..977da2e 100644
--- a/src/components/Screenfull/index.vue
+++ b/src/components/Screenfull/index.vue
@@ -4,10 +4,10 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { useFullscreen } from '@vueuse/core'
 
-const { isFullscreen, enter, exit, toggle } = useFullscreen()
+const { isFullscreen, toggle } = useFullscreen()
 </script>
 
 <style lang='scss' scoped>
diff --git a/src/components/SizeSelect/index.vue b/src/components/SizeSelect/index.vue
index dddb58a..7cbc9b0 100644
--- a/src/components/SizeSelect/index.vue
+++ b/src/components/SizeSelect/index.vue
@@ -15,24 +15,29 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import useAppStore from "@/store/modules/app"
 
+interface SizeOption {
+  label: string
+  value: 'large' | 'default' | 'small'
+}
+
 const appStore = useAppStore()
 const size = computed(() => appStore.size)
-const route = useRoute()
-const router = useRouter()
 const { proxy } = getCurrentInstance()
-const sizeOptions = ref([
+const sizeOptions = ref<SizeOption[]>([
   { label: "较大", value: "large" },
   { label: "默认", value: "default" },
   { label: "稍小", value: "small" },
 ])
 
-function handleSetSize(size) {
+function handleSetSize(size: 'large' | 'default' | 'small'): void {
   proxy.$modal.loading("正在设置布局大小，请稍候...")
   appStore.setSize(size)
-  setTimeout("window.location.reload()", 1000)
+  setTimeout(() => {
+    window.location.reload()
+  }, 1000)
 }
 </script>
 
diff --git a/src/components/SvgIcon/index.vue b/src/components/SvgIcon/index.vue
index 41f64c9..c02b031 100644
--- a/src/components/SvgIcon/index.vue
+++ b/src/components/SvgIcon/index.vue
@@ -4,7 +4,7 @@
   </svg>
 </template>
 
-<script>
+<script lang="ts">
 export default defineComponent({
   props: {
     iconClass: {
@@ -20,7 +20,7 @@ export default defineComponent({
       default: ''
     },
   },
-  setup(props) {
+  setup(props: any) {
     return {
       iconName: computed(() => `#icon-${props.iconClass}`),
       svgClass: computed(() => {
diff --git a/src/components/SvgIcon/svgicon.js b/src/components/SvgIcon/svgicon.ts
similarity index 62%
rename from src/components/SvgIcon/svgicon.js
rename to src/components/SvgIcon/svgicon.ts
index 05284e3..086c470 100644
--- a/src/components/SvgIcon/svgicon.js
+++ b/src/components/SvgIcon/svgicon.ts
@@ -1,10 +1,11 @@
-import * as components from '@element-plus/icons-vue'
-
-export default {
-  install: (app) => {
-    for (const key in components) {
-      const componentConfig = components[key]
-      app.component(componentConfig.name, componentConfig)
-    }
-  }
-}
+import { App } from 'vue'
+import * as components from '@element-plus/icons-vue'
+
+export default {
+  install: (app: App) => {
+    for (const key in components) {
+      const componentConfig = (components as any)[key]
+      app.component(componentConfig.name, componentConfig)
+    }
+  }
+}
diff --git a/src/components/TopNav/index.vue b/src/components/TopNav/index.vue
index d83b1ed..ec4fd40 100644
--- a/src/components/TopNav/index.vue
+++ b/src/components/TopNav/index.vue
@@ -32,7 +32,7 @@
   </el-menu>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { constantRoutes } from "@/router"
 import { isHttp } from '@/utils/validate'
 import useAppStore from '@/store/modules/app'
@@ -40,9 +40,9 @@ import useSettingsStore from '@/store/modules/settings'
 import usePermissionStore from '@/store/modules/permission'
 
 // 顶部栏初始数
-const visibleNumber = ref(null)
+const visibleNumber = ref<number | null>(null)
 // 当前激活菜单的 index
-const currentIndex = ref(null)
+const currentIndex = ref<string | null>(null)
 // 隐藏侧边栏路由
 const hideList = ['/index', '/user/profile']
 
@@ -59,8 +59,8 @@ const routers = computed(() => permissionStore.topbarRouters)
 
 // 顶部显示菜单
 const topMenus = computed(() => {
-  let topMenus = []
-  routers.value.map((menu) => {
+  const topMenus: any[] = []
+  routers.value.map((menu: any) => {
     if (menu.hidden !== true) {
       // 兼容顶部栏一级菜单内部跳转
       if (menu.path === '/' && menu.children) {
@@ -75,9 +75,9 @@ const topMenus = computed(() => {
 
 // 设置子路由
 const childrenMenus = computed(() => {
-  let childrenMenus = []
-  routers.value.map((router) => {
-    for (let item in router.children) {
+  const childrenMenus: any[] = []
+  routers.value.map((router: any) => {
+    for (const item in router.children) {
       if (router.children[item].parentPath === undefined) {
         if(router.path === "/") {
           router.children[item].path = "/" + router.children[item].path
@@ -104,7 +104,7 @@ const activeMenu = computed(() => {
       activePath = "/" + tmpPath.substring(0, tmpPath.indexOf("/"))
       appStore.toggleSideBarHide(false)
     }
-  } else if(!route.children) {
+  } else if(!(route as any).children) {
     activePath = path
     appStore.toggleSideBarHide(true)
   }
@@ -112,22 +112,22 @@ const activeMenu = computed(() => {
   return activePath
 })
 
-function setVisibleNumber() {
+function setVisibleNumber(): void {
   const width = document.body.getBoundingClientRect().width / 3
-  visibleNumber.value = parseInt(width / 85)
+  visibleNumber.value = parseInt(String(width / 85))
 }
 
-function handleSelect(key, keyPath) {
+function handleSelect(key: string, keyPath: string[]): void {
   currentIndex.value = key
-  const route = routers.value.find(item => item.path === key)
+  const route = routers.value.find((item: any) => item.path === key)
   if (isHttp(key)) {
     // http(s):// 路径新窗口打开
     window.open(key, "_blank")
   } else if (!route || !route.children) {
     // 没有子路由路径内部打开
-    const routeMenu = childrenMenus.value.find(item => item.path === key)
+    const routeMenu = childrenMenus.value.find((item: any) => item.path === key)
     if (routeMenu && routeMenu.query) {
-      let query = JSON.parse(routeMenu.query)
+      const query = JSON.parse(routeMenu.query)
       router.push({ path: key, query: query })
     } else {
       router.push({ path: key })
@@ -140,10 +140,10 @@ function handleSelect(key, keyPath) {
   }
 }
 
-function activeRoutes(key) {
-  let routes = []
+function activeRoutes(key: string){
+  const routes: any[] = []
   if (childrenMenus.value && childrenMenus.value.length > 0) {
-    childrenMenus.value.map((item) => {
+    childrenMenus.value.map((item: any) => {
       if (key == item.parentPath || (key == "index" && "" == item.path)) {
         routes.push(item)
       }
diff --git a/src/components/iFrame/index.vue b/src/components/iFrame/index.vue
index fe98b2d..9dfcd9a 100644
--- a/src/components/iFrame/index.vue
+++ b/src/components/iFrame/index.vue
@@ -8,7 +8,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 const props = defineProps({
   src: {
     type: String,
@@ -16,15 +16,15 @@ const props = defineProps({
   }
 })
 
-const height = ref(document.documentElement.clientHeight - 94.5 + "px;")
-const loading = ref(true)
+const height = ref<string>(document.documentElement.clientHeight - 94.5 + "px;")
+const loading = ref<boolean>(true)
 const url = computed(() => props.src)
 
 onMounted(() => {
   setTimeout(() => {
     loading.value = false
   }, 300)
-  window.onresize = function temp() {
+  window.onresize = function temp(): void {
     height.value = document.documentElement.clientHeight - 94.5 + "px;"
   }
 })
diff --git a/src/directive/common/copyText.js b/src/directive/common/copyText.ts
similarity index 61%
rename from src/directive/common/copyText.js
rename to src/directive/common/copyText.ts
index fcc3f56..314b6a9 100644
--- a/src/directive/common/copyText.js
+++ b/src/directive/common/copyText.ts
@@ -1,65 +1,65 @@
-/**
-* v-copyText 复制文本内容
-* Copyright (c) 2022 ruoyi
-*/
-export default {
-  beforeMount(el, { value, arg }) {
-    if (arg === "callback") {
-      el.$copyCallback = value
-    } else {
-      el.$copyValue = value
-      const handler = () => {
-        copyTextToClipboard(el.$copyValue)
-        if (el.$copyCallback) {
-          el.$copyCallback(el.$copyValue)
-        }
-      }
-      el.addEventListener("click", handler)
-      el.$destroyCopy = () => el.removeEventListener("click", handler)
-    }
-  }
-}
-
-function copyTextToClipboard(input, { target = document.body } = {}) {
-  const element = document.createElement('textarea')
-  const previouslyFocusedElement = document.activeElement
-
-  element.value = input
-
-  // Prevent keyboard from showing on mobile
-  element.setAttribute('readonly', '')
-
-  element.style.contain = 'strict'
-  element.style.position = 'absolute'
-  element.style.left = '-9999px'
-  element.style.fontSize = '12pt' // Prevent zooming on iOS
-
-  const selection = document.getSelection()
-  const originalRange = selection.rangeCount > 0 && selection.getRangeAt(0)
-
-  target.append(element)
-  element.select()
-
-  // Explicit selection workaround for iOS
-  element.selectionStart = 0
-  element.selectionEnd = input.length
-
-  let isSuccess = false
-  try {
-    isSuccess = document.execCommand('copy')
-  } catch { }
-
-  element.remove()
-
-  if (originalRange) {
-    selection.removeAllRanges()
-    selection.addRange(originalRange)
-  }
-
-  // Get the focus back on the previously focused element, if any
-  if (previouslyFocusedElement) {
-    previouslyFocusedElement.focus()
-  }
-
-  return isSuccess
-}
+/**
+* v-copyText 复制文本内容
+* Copyright (c) 2022 ruoyi
+*/
+export default {
+  beforeMount(el: HTMLElement, { value, arg }: DirectiveBinding) {
+    if (arg === "callback") {
+      (el as any).$copyCallback = value
+    } else {
+      (el as any).$copyValue = value
+      const handler = () => {
+        copyTextToClipboard((el as any).$copyValue)
+        if ((el as any).$copyCallback) {
+          (el as any).$copyCallback((el as any).$copyValue)
+        }
+      }
+      el.addEventListener("click", handler)
+      ;(el as any).$destroyCopy = () => el.removeEventListener("click", handler)
+    }
+  }
+}
+
+function copyTextToClipboard(input: string, { target = document.body }: { target?: HTMLElement } = {}): boolean {
+  const element = document.createElement('textarea')
+  const previouslyFocusedElement = document.activeElement as HTMLElement
+
+  element.value = input
+
+  // Prevent keyboard from showing on mobile
+  element.setAttribute('readonly', '')
+
+  element.style.contain = 'strict'
+  element.style.position = 'absolute'
+  element.style.left = '-9999px'
+  element.style.fontSize = '12pt' // Prevent zooming on iOS
+
+  const selection = document.getSelection()
+  const originalRange = selection && selection.rangeCount > 0 ? selection.getRangeAt(0) : null
+
+  target.append(element)
+  element.select()
+
+  // Explicit selection workaround for iOS
+  element.selectionStart = 0
+  element.selectionEnd = input.length
+
+  let isSuccess = false
+  try {
+    isSuccess = document.execCommand('copy')
+  } catch { }
+
+  element.remove()
+
+  if (originalRange && selection) {
+    selection.removeAllRanges()
+    selection.addRange(originalRange)
+  }
+
+  // Get the focus back on the previously focused element, if any
+  if (previouslyFocusedElement) {
+    previouslyFocusedElement.focus()
+  }
+
+  return isSuccess
+}
diff --git a/src/directive/index.js b/src/directive/index.ts
similarity index 76%
rename from src/directive/index.js
rename to src/directive/index.ts
index a86e00b..c7b7a86 100644
--- a/src/directive/index.js
+++ b/src/directive/index.ts
@@ -1,9 +1,10 @@
-import hasRole from './permission/hasRole'
-import hasPermi from './permission/hasPermi'
-import copyText from './common/copyText'
-
-export default function directive(app){
-  app.directive('hasRole', hasRole)
-  app.directive('hasPermi', hasPermi)
-  app.directive('copyText', copyText)
-}
\ No newline at end of file
+import { App } from 'vue'
+import hasRole from './permission/hasRole'
+import hasPermi from './permission/hasPermi'
+import copyText from './common/copyText'
+
+export default function directive(app: App){
+  app.directive('hasRole', hasRole)
+  app.directive('hasPermi', hasPermi)
+  app.directive('copyText', copyText)
+}
diff --git a/src/directive/permission/hasPermi.js b/src/directive/permission/hasPermi.ts
similarity index 81%
rename from src/directive/permission/hasPermi.js
rename to src/directive/permission/hasPermi.ts
index 1efd397..fb5962e 100644
--- a/src/directive/permission/hasPermi.js
+++ b/src/directive/permission/hasPermi.ts
@@ -1,27 +1,27 @@
- /**
- * v-hasPermi 操作权限处理
- * Copyright (c) 2019 ruoyi
- */
-import useUserStore from '@/store/modules/user'
-
-export default {
-  mounted(el, binding, vnode) {
-    const { value } = binding
-    const all_permission = "*:*:*"
-    const permissions = useUserStore().permissions
-
-    if (value && value instanceof Array && value.length > 0) {
-      const permissionFlag = value
-
-      const hasPermissions = permissions.some(permission => {
-        return all_permission === permission || permissionFlag.includes(permission)
-      })
-
-      if (!hasPermissions) {
-        el.parentNode && el.parentNode.removeChild(el)
-      }
-    } else {
-      throw new Error(`请设置操作权限标签值`)
-    }
-  }
-}
+ /**
+ * v-hasPermi 操作权限处理
+ * Copyright (c) 2019 ruoyi
+ */
+import useUserStore from '@/store/modules/user'
+
+export default {
+  mounted(el: HTMLElement, binding: DirectiveBinding, vnode: any) {
+    const { value } = binding
+    const all_permission = "*:*:*"
+    const permissions = useUserStore().permissions
+
+    if (value && value instanceof Array && value.length > 0) {
+      const permissionFlag = value
+
+      const hasPermissions = permissions.some((permission: string) => {
+        return all_permission === permission || permissionFlag.includes(permission)
+      })
+
+      if (!hasPermissions) {
+        el.parentNode && el.parentNode.removeChild(el)
+      }
+    } else {
+      throw new Error(`请设置操作权限标签值`)
+    }
+  }
+}
diff --git a/src/directive/permission/hasRole.js b/src/directive/permission/hasRole.ts
similarity index 82%
rename from src/directive/permission/hasRole.js
rename to src/directive/permission/hasRole.ts
index 18452be..369d5a2 100644
--- a/src/directive/permission/hasRole.js
+++ b/src/directive/permission/hasRole.ts
@@ -1,27 +1,27 @@
- /**
- * v-hasRole 角色权限处理
- * Copyright (c) 2019 ruoyi
- */
-import useUserStore from '@/store/modules/user'
-
-export default {
-  mounted(el, binding, vnode) {
-    const { value } = binding
-    const super_admin = "admin"
-    const roles = useUserStore().roles
-
-    if (value && value instanceof Array && value.length > 0) {
-      const roleFlag = value
-
-      const hasRole = roles.some(role => {
-        return super_admin === role || roleFlag.includes(role)
-      })
-
-      if (!hasRole) {
-        el.parentNode && el.parentNode.removeChild(el)
-      }
-    } else {
-      throw new Error(`请设置角色权限标签值`)
-    }
-  }
-}
+ /**
+ * v-hasRole 角色权限处理
+ * Copyright (c) 2019 ruoyi
+ */
+import useUserStore from '@/store/modules/user'
+
+export default {
+  mounted(el: HTMLElement, binding: DirectiveBinding, vnode: any) {
+    const { value } = binding
+    const super_admin = "admin"
+    const roles = useUserStore().roles
+
+    if (value && value instanceof Array && value.length > 0) {
+      const roleFlag = value
+
+      const hasRole = roles.some((role: string) => {
+        return super_admin === role || roleFlag.includes(role)
+      })
+
+      if (!hasRole) {
+        el.parentNode && el.parentNode.removeChild(el)
+      }
+    } else {
+      throw new Error(`请设置角色权限标签值`)
+    }
+  }
+}
diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
index 4f1dc35..5cab298 100644
--- a/src/layout/components/AppMain.vue
+++ b/src/layout/components/AppMain.vue
@@ -12,9 +12,9 @@
   </section>
 </template>
 
-<script setup>
-import copyright from "./Copyright/index"
-import iframeToggle from "./IframeToggle/index"
+<script setup lang="ts">
+import copyright from "./Copyright/index.vue"
+import iframeToggle from "./IframeToggle/index.vue"
 import useTagsViewStore from '@/store/modules/tagsView'
 
 const route = useRoute()
@@ -28,7 +28,7 @@ watchEffect(() => {
   addIframe()
 })
 
-function addIframe() {
+function addIframe(): void {
   if (route.meta.link) {
     useTagsViewStore().addIframeView(route)
   }
diff --git a/src/layout/components/Copyright/index.vue b/src/layout/components/Copyright/index.vue
index ed589de..84287f1 100644
--- a/src/layout/components/Copyright/index.vue
+++ b/src/layout/components/Copyright/index.vue
@@ -4,7 +4,7 @@
   </footer>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import useSettingsStore from '@/store/modules/settings'
 
 const settingsStore = useSettingsStore()
diff --git a/src/layout/components/IframeToggle/index.vue b/src/layout/components/IframeToggle/index.vue
index 992b59d..6a28d70 100644
--- a/src/layout/components/IframeToggle/index.vue
+++ b/src/layout/components/IframeToggle/index.vue
@@ -8,16 +8,16 @@
   ></inner-link>
 </template>
 
-<script setup>
-import InnerLink from "../InnerLink/index"
+<script setup lang="ts">
+import InnerLink from "../InnerLink/index.vue"
 import useTagsViewStore from "@/store/modules/tagsView"
 
 const route = useRoute()
 const tagsViewStore = useTagsViewStore()
 
-function iframeUrl(url, query) {
+function iframeUrl(url: string, query: Record<string, any>): string {
   if (Object.keys(query).length > 0) {
-    let params = Object.keys(query).map((key) => key + "=" + query[key]).join("&")
+    const params = Object.keys(query).map((key) => key + "=" + query[key]).join("&")
     return url + "?" + params
   }
   return url
diff --git a/src/layout/components/InnerLink/index.vue b/src/layout/components/InnerLink/index.vue
index 2634830..b38d3b6 100644
--- a/src/layout/components/InnerLink/index.vue
+++ b/src/layout/components/InnerLink/index.vue
@@ -10,7 +10,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 const props = defineProps({
   src: {
     type: String,
@@ -21,9 +21,9 @@ const props = defineProps({
   }
 })
 
-const loading = ref(true)
-const height = ref(document.documentElement.clientHeight - 94.5 + 'px')
-const iframeRef = ref(null)
+const loading = ref<boolean>(true)
+const height = ref<string>(document.documentElement.clientHeight - 94.5 + 'px')
+const iframeRef = ref<HTMLIFrameElement | null>(null)
 
 onMounted(() => {
   if (iframeRef.value) {
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index c5d03af..e98307d 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -57,18 +57,18 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ElMessageBox } from 'element-plus'
-import Breadcrumb from '@/components/Breadcrumb'
-import TopNav from '@/components/TopNav'
-import TopBar from './TopBar'
-import Logo from './Sidebar/Logo'
-import Hamburger from '@/components/Hamburger'
-import Screenfull from '@/components/Screenfull'
-import SizeSelect from '@/components/SizeSelect'
-import HeaderSearch from '@/components/HeaderSearch'
-import RuoYiGit from '@/components/RuoYi/Git'
-import RuoYiDoc from '@/components/RuoYi/Doc'
+import Breadcrumb from '@/components/Breadcrumb/index.vue'
+import TopNav from '@/components/TopNav/index.vue'
+import TopBar from './TopBar/index.vue'
+import Logo from './Sidebar/Logo.vue'
+import Hamburger from '@/components/Hamburger/index.vue'
+import Screenfull from '@/components/Screenfull/index.vue'
+import SizeSelect from '@/components/SizeSelect/index.vue'
+import HeaderSearch from '@/components/HeaderSearch/index.vue'
+import RuoYiGit from '@/components/RuoYi/Git/index.vue'
+import RuoYiDoc from '@/components/RuoYi/Doc/index.vue'
 import useAppStore from '@/store/modules/app'
 import useUserStore from '@/store/modules/user'
 import useSettingsStore from '@/store/modules/settings'
@@ -77,11 +77,11 @@ const appStore = useAppStore()
 const userStore = useUserStore()
 const settingsStore = useSettingsStore()
 
-function toggleSideBar() {
+function toggleSideBar(): void {
   appStore.toggleSideBar()
 }
 
-function handleCommand(command) {
+function handleCommand(command: string): void {
   switch (command) {
     case "setLayout":
       setLayout()
@@ -94,7 +94,7 @@ function handleCommand(command) {
   }
 }
 
-function logout() {
+function logout(): void {
   ElMessageBox.confirm('确定注销并退出系统吗？', '提示', {
     confirmButtonText: '确定',
     cancelButtonText: '取消',
@@ -107,17 +107,17 @@ function logout() {
 }
 
 const emits = defineEmits(['setLayout'])
-function setLayout() {
+function setLayout(): void {
   emits('setLayout')
 }
 
-async function toggleTheme(event) {
+async function toggleTheme(event?: MouseEvent): Promise<void> {
   const x = event?.clientX || window.innerWidth / 2
   const y = event?.clientY || window.innerHeight / 2
   const wasDark = settingsStore.isDark
 
   const isReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches
-  const isSupported = document.startViewTransition && !isReducedMotion
+  const isSupported = typeof (document as any).startViewTransition === 'function' && !isReducedMotion
 
   if (!isSupported) {
     settingsStore.toggleTheme()
diff --git a/src/layout/components/Settings/index.vue b/src/layout/components/Settings/index.vue
index df35699..cdd331f 100644
--- a/src/layout/components/Settings/index.vue
+++ b/src/layout/components/Settings/index.vue
@@ -106,7 +106,7 @@
 
 </template>
 
-<script setup>
+<script setup lang="ts">
 import useAppStore from '@/store/modules/app'
 import useSettingsStore from '@/store/modules/settings'
 import usePermissionStore from '@/store/modules/permission'
@@ -116,35 +116,35 @@ const { proxy } = getCurrentInstance()
 const appStore = useAppStore()
 const settingsStore = useSettingsStore()
 const permissionStore = usePermissionStore()
-const showSettings = ref(false)
-const navType = ref(settingsStore.navType)
-const theme = ref(settingsStore.theme)
-const sideTheme = ref(settingsStore.sideTheme)
+const showSettings = ref<boolean>(false)
+const navType = ref<number>(settingsStore.navType)
+const theme = ref<string>(settingsStore.theme)
+const sideTheme = ref<string>(settingsStore.sideTheme)
 const storeSettings = computed(() => settingsStore)
-const predefineColors = ref(["#409EFF", "#ff4500", "#ff8c00", "#ffd700", "#90ee90", "#00ced1", "#1e90ff", "#c71585"])
+const predefineColors = ref<string[]>(["#409EFF", "#ff4500", "#ff8c00", "#ffd700", "#90ee90", "#00ced1", "#1e90ff", "#c71585"])
 
 /** 是否需要dynamicTitle */
-function dynamicTitleChange() {
+function dynamicTitleChange(): void {
   useSettingsStore().setTitle(useSettingsStore().title)
 }
 
-function themeChange(val) {
+function themeChange(val: string): void {
   settingsStore.theme = val
   handleThemeStyle(val)
 }
 
-function handleTheme(val) {
+function handleTheme(val: string): void {
   settingsStore.sideTheme = val
   sideTheme.value = val
 }
 
-function handleNavType(val) {
+function handleNavType(val: number): void {
   settingsStore.navType = val
   navType.value = val
 }
 
 /** 菜单导航设置 */
-watch(() => navType, val => {
+watch(() => navType, (val: any) => {
   if (val.value == 1) {
     appStore.sidebar.opened = true
     appStore.toggleSideBarHide(false)
@@ -162,9 +162,9 @@ watch(() => navType, val => {
   }, { immediate: true, deep: true }
 )
 
-function saveSetting() {
+function saveSetting(): void {
   proxy.$modal.loading("正在保存到本地，请稍候...")
-  let layoutSetting = {
+  const layoutSetting = {
     "navType": storeSettings.value.navType,
     "tagsView": storeSettings.value.tagsView,
     "tagsIcon": storeSettings.value.tagsIcon,
@@ -179,13 +179,15 @@ function saveSetting() {
   setTimeout(proxy.$modal.closeLoading(), 1000)
 }
 
-function resetSetting() {
+function resetSetting(): void {
   proxy.$modal.loading("正在清除设置缓存并刷新，请稍候...")
   localStorage.removeItem("layout-setting")
-  setTimeout("window.location.reload()", 1000)
+  setTimeout(() => {
+    window.location.reload()
+  }, 1000)
 }
 
-function openSetting() {
+function openSetting(): void {
   showSettings.value = true
 }
 
diff --git a/src/layout/components/Sidebar/Link.vue b/src/layout/components/Sidebar/Link.vue
index 15692ba..bda9685 100644
--- a/src/layout/components/Sidebar/Link.vue
+++ b/src/layout/components/Sidebar/Link.vue
@@ -4,7 +4,7 @@
   </component>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { isExternal } from '@/utils/validate'
 
 const props = defineProps({
diff --git a/src/layout/components/Sidebar/Logo.vue b/src/layout/components/Sidebar/Logo.vue
index 5c39dab..63890d4 100644
--- a/src/layout/components/Sidebar/Logo.vue
+++ b/src/layout/components/Sidebar/Logo.vue
@@ -13,7 +13,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import logo from '@/assets/logo/logo.png'
 import useSettingsStore from '@/store/modules/settings'
 import variables from '@/assets/styles/variables.module.scss'
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index f395d95..e62ada9 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -27,9 +27,9 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { isExternal } from '@/utils/validate'
-import AppLink from './Link'
+import AppLink from './Link.vue'
 import { getNormalPath } from '@/utils/ruoyi'
 
 const props = defineProps({
@@ -50,7 +50,7 @@ const props = defineProps({
 
 const onlyOneChild = ref({})
 
-function hasOneShowingChild(children = [], parent) {
+function hasOneShowingChild(children: any[] = [], parent: any) {
   if (!children) {
     children = []
   }
@@ -76,7 +76,7 @@ function hasOneShowingChild(children = [], parent) {
   return false
 }
 
-function resolvePath(routePath, routeQuery) {
+function resolvePath(routePath: string, routeQuery?: string): string | { path: string; query: Record<string, any> } {
   if (isExternal(routePath)) {
     return routePath
   }
@@ -84,13 +84,13 @@ function resolvePath(routePath, routeQuery) {
     return props.basePath
   }
   if (routeQuery) {
-    let query = JSON.parse(routeQuery)
+    const query = JSON.parse(routeQuery)
     return { path: getNormalPath(props.basePath + '/' + routePath), query: query }
   }
   return getNormalPath(props.basePath + '/' + routePath)
 }
 
-function hasTitle(title){
+function hasTitle(title: string): string {
   if (title.length > 5) {
     return title
   } else {
diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
index f746f2d..945064d 100644
--- a/src/layout/components/Sidebar/index.vue
+++ b/src/layout/components/Sidebar/index.vue
@@ -24,9 +24,9 @@
   </div>
 </template>
 
-<script setup>
-import Logo from './Logo'
-import SidebarItem from './SidebarItem'
+<script setup lang="ts">
+import Logo from './Logo.vue'
+import SidebarItem from './SidebarItem.vue'
 import variables from '@/assets/styles/variables.module.scss'
 import useAppStore from '@/store/modules/app'
 import useSettingsStore from '@/store/modules/settings'
diff --git a/src/layout/components/TagsView/ScrollPane.vue b/src/layout/components/TagsView/ScrollPane.vue
index 0189a17..edd6749 100644
--- a/src/layout/components/TagsView/ScrollPane.vue
+++ b/src/layout/components/TagsView/ScrollPane.vue
@@ -9,10 +9,10 @@
   </el-scrollbar>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import useTagsViewStore from '@/store/modules/tagsView'
 
-const tagAndTagSpacing = ref(4)
+const tagAndTagSpacing = ref<number>(4)
 const { proxy } = getCurrentInstance()
 
 const scrollWrapper = computed(() => proxy.$refs.scrollContainer.$refs.wrapRef)
@@ -25,27 +25,27 @@ onBeforeUnmount(() => {
   scrollWrapper.value.removeEventListener('scroll', emitScroll)
 })
 
-function handleScroll(e) {
-  const eventDelta = e.wheelDelta || -e.deltaY * 40
+function handleScroll(e: WheelEvent): void {
+  const eventDelta = -e.deltaY * 40
   const $scrollWrapper = scrollWrapper.value
   $scrollWrapper.scrollLeft = $scrollWrapper.scrollLeft + eventDelta / 4
 }
 
 const emits = defineEmits()
-const emitScroll = () => {
+const emitScroll = (): void => {
   emits('scroll')
 }
 
 const tagsViewStore = useTagsViewStore()
 const visitedViews = computed(() => tagsViewStore.visitedViews)
 
-function moveToTarget(currentTag) {
+function moveToTarget(currentTag: any): void {
   const $container = proxy.$refs.scrollContainer.$el
   const $containerWidth = $container.offsetWidth
   const $scrollWrapper = scrollWrapper.value
 
-  let firstTag = null
-  let lastTag = null
+  let firstTag: any = null
+  let lastTag: any = null
 
   // find first tag and last tag
   if (visitedViews.value.length > 0) {
@@ -59,29 +59,32 @@ function moveToTarget(currentTag) {
     $scrollWrapper.scrollLeft = $scrollWrapper.scrollWidth - $containerWidth
   } else {
     const tagListDom = document.getElementsByClassName('tags-view-item')
-    const currentIndex = visitedViews.value.findIndex(item => item === currentTag)
-    let prevTag = null
-    let nextTag = null
+    const currentIndex = visitedViews.value.findIndex((item: any) => item === currentTag)
+    let prevTag: HTMLElement | null = null
+    let nextTag: HTMLElement | null = null
     for (const k in tagListDom) {
       if (k !== 'length' && Object.hasOwnProperty.call(tagListDom, k)) {
-        if (tagListDom[k].dataset.path === visitedViews.value[currentIndex - 1].path) {
-          prevTag = tagListDom[k]
+        if ((tagListDom[k] as HTMLElement).dataset?.path === visitedViews.value[currentIndex - 1].path) {
+          prevTag = tagListDom[k] as HTMLElement
         }
-        if (tagListDom[k].dataset.path === visitedViews.value[currentIndex + 1].path) {
-          nextTag = tagListDom[k]
+        const element = tagListDom[k] as HTMLElement
+        if (element.dataset?.path === visitedViews.value[currentIndex + 1].path) {
+          nextTag = element
         }
       }
     }
 
-    // the tag's offsetLeft after of nextTag
-    const afterNextTagOffsetLeft = nextTag.offsetLeft + nextTag.offsetWidth + tagAndTagSpacing.value
+    if (prevTag && nextTag) {
+      // the tag's offsetLeft after of nextTag
+      const afterNextTagOffsetLeft = nextTag.offsetLeft + nextTag.offsetWidth + tagAndTagSpacing.value
 
-    // the tag's offsetLeft before of prevTag
-    const beforePrevTagOffsetLeft = prevTag.offsetLeft - tagAndTagSpacing.value
-    if (afterNextTagOffsetLeft > $scrollWrapper.scrollLeft + $containerWidth) {
-      $scrollWrapper.scrollLeft = afterNextTagOffsetLeft - $containerWidth
-    } else if (beforePrevTagOffsetLeft < $scrollWrapper.scrollLeft) {
-      $scrollWrapper.scrollLeft = beforePrevTagOffsetLeft
+      // the tag's offsetLeft before of prevTag
+      const beforePrevTagOffsetLeft = prevTag.offsetLeft - tagAndTagSpacing.value
+      if (afterNextTagOffsetLeft > $scrollWrapper.scrollLeft + $containerWidth) {
+        $scrollWrapper.scrollLeft = afterNextTagOffsetLeft - $containerWidth
+      } else if (beforePrevTagOffsetLeft < $scrollWrapper.scrollLeft) {
+        $scrollWrapper.scrollLeft = beforePrevTagOffsetLeft
+      }
     }
   }
 }
diff --git a/src/layout/components/TagsView/index.vue b/src/layout/components/TagsView/index.vue
index 6ffd914..d1460ea 100644
--- a/src/layout/components/TagsView/index.vue
+++ b/src/layout/components/TagsView/index.vue
@@ -42,19 +42,19 @@
   </div>
 </template>
 
-<script setup>
-import ScrollPane from './ScrollPane'
+<script setup lang="ts">
+import ScrollPane from './ScrollPane.vue'
 import { getNormalPath } from '@/utils/ruoyi'
 import useTagsViewStore from '@/store/modules/tagsView'
 import useSettingsStore from '@/store/modules/settings'
 import usePermissionStore from '@/store/modules/permission'
 
-const visible = ref(false)
-const top = ref(0)
-const left = ref(0)
-const selectedTag = ref({})
-const affixTags = ref([])
-const scrollPaneRef = ref(null)
+const visible = ref<boolean>(false)
+const top = ref<number>(0)
+const left = ref<number>(0)
+const selectedTag = ref<any>({})
+const affixTags = ref<any[]>([])
+const scrollPaneRef = ref<any>(null)
 
 const { proxy } = getCurrentInstance()
 const route = useRoute()
@@ -70,7 +70,7 @@ watch(route, () => {
   moveToCurrentTag()
 })
 
-watch(visible, (value) => {
+watch(visible, (value: boolean) => {
   if (value) {
     document.body.addEventListener('click', closeMenu)
   } else {
@@ -83,11 +83,11 @@ onMounted(() => {
   addTags()
 })
 
-function isActive(r) {
+function isActive(r: any): boolean {
   return r.path === route.path
 }
 
-function activeStyle(tag) {
+function activeStyle(tag: any): Record<string, string> {
   if (!isActive(tag)) return {}
   return {
     "background-color": theme.value,
@@ -95,11 +95,11 @@ function activeStyle(tag) {
   }
 }
 
-function isAffix(tag) {
+function isAffix(tag: any): boolean {
   return tag.meta && tag.meta.affix
 }
 
-function isFirstView() {
+function isFirstView(): boolean {
   try {
     return selectedTag.value.fullPath === '/index' || selectedTag.value.fullPath === visitedViews.value[1].fullPath
   } catch (err) {
@@ -107,7 +107,7 @@ function isFirstView() {
   }
 }
 
-function isLastView() {
+function isLastView(): boolean {
   try {
     return selectedTag.value.fullPath === visitedViews.value[visitedViews.value.length - 1].fullPath
   } catch (err) {
@@ -115,8 +115,8 @@ function isLastView() {
   }
 }
 
-function filterAffixTags(routes, basePath = '') {
-  let tags = []
+function filterAffixTags(routes: any[], basePath = ''): any[] {
+  const tags: any[] = []
   routes.forEach(route => {
     if (route.meta && route.meta.affix) {
       const tagPath = getNormalPath(basePath + '/' + route.path)
@@ -130,14 +130,14 @@ function filterAffixTags(routes, basePath = '') {
     if (route.children) {
       const tempTags = filterAffixTags(route.children, route.path)
       if (tempTags.length >= 1) {
-        tags = [...tags, ...tempTags]
+        tags.push(...tempTags)
       }
     }
   })
   return tags
 }
 
-function initTags() {
+function initTags(): void {
   const res = filterAffixTags(routes.value)
   affixTags.value = res
   for (const tag of res) {
@@ -148,18 +148,18 @@ function initTags() {
   }
 }
 
-function addTags() {
+function addTags(): void {
   const { name } = route
   if (name) {
     useTagsViewStore().addView(route)
   }
 }
 
-function moveToCurrentTag() {
+function moveToCurrentTag(): void {
   nextTick(() => {
     for (const r of visitedViews.value) {
       if (r.path === route.path) {
-        scrollPaneRef.value.moveToTarget(r)
+        scrollPaneRef.value?.moveToTarget(r)
         // when query is different then update
         if (r.fullPath !== route.fullPath) {
           useTagsViewStore().updateVisitedView(route)
@@ -169,61 +169,61 @@ function moveToCurrentTag() {
   })
 }
 
-function refreshSelectedTag(view) {
+function refreshSelectedTag(view: any): void {
   proxy.$tab.refreshPage(view)
   if (route.meta.link) {
     useTagsViewStore().delIframeView(route)
   }
 }
 
-function closeSelectedTag(view) {
-  proxy.$tab.closePage(view).then(({ visitedViews }) => {
+function closeSelectedTag(view: any): void {
+  proxy.$tab.closePage(view).then(({ visitedViews }: any) => {
     if (isActive(view)) {
       toLastView(visitedViews, view)
     }
   })
 }
 
-function closeRightTags() {
-  proxy.$tab.closeRightPage(selectedTag.value).then(visitedViews => {
-    if (!visitedViews.find(i => i.fullPath === route.fullPath)) {
+function closeRightTags(): void {
+  proxy.$tab.closeRightPage(selectedTag.value).then((visitedViews: any) => {
+    if (!visitedViews.find((i: any) => i.fullPath === route.fullPath)) {
       toLastView(visitedViews)
     }
   })
 }
 
-function closeLeftTags() {
-  proxy.$tab.closeLeftPage(selectedTag.value).then(visitedViews => {
-    if (!visitedViews.find(i => i.fullPath === route.fullPath)) {
+function closeLeftTags(): void {
+  proxy.$tab.closeLeftPage(selectedTag.value).then((visitedViews: any) => {
+    if (!visitedViews.find((i: any) => i.fullPath === route.fullPath)) {
       toLastView(visitedViews)
     }
   })
 }
 
-function closeOthersTags() {
+function closeOthersTags(): void {
   router.push(selectedTag.value).catch(() => { })
   proxy.$tab.closeOtherPage(selectedTag.value).then(() => {
     moveToCurrentTag()
   })
 }
 
-function closeAllTags(view) {
-  proxy.$tab.closeAllPage().then(({ visitedViews }) => {
-    if (affixTags.value.some(tag => tag.path === route.path)) {
+function closeAllTags(view: any): void {
+  proxy.$tab.closeAllPage().then(({ visitedViews }: any) => {
+    if (affixTags.value.some((tag: any) => tag.path === route.path)) {
       return
     }
     toLastView(visitedViews, view)
   })
 }
 
-function toLastView(visitedViews, view) {
+function toLastView(visitedViews: any[], view?: any): void {
   const latestView = visitedViews.slice(-1)[0]
   if (latestView) {
     router.push(latestView.fullPath)
   } else {
     // now the default is to redirect to the home page if there is no tags-view,
     // you can adjust it according to your needs.
-    if (view.name === 'Dashboard') {
+    if (view && view.name === 'Dashboard') {
       // to reload home page
       router.replace({ path: '/redirect' + view.fullPath })
     } else {
@@ -232,7 +232,7 @@ function toLastView(visitedViews, view) {
   }
 }
 
-function openMenu(tag, e) {
+function openMenu(tag: any, e: MouseEvent): void {
   const menuMinWidth = 105
   const offsetLeft = proxy.$el.getBoundingClientRect().left // container margin left
   const offsetWidth = proxy.$el.offsetWidth // container width
@@ -250,11 +250,11 @@ function openMenu(tag, e) {
   selectedTag.value = tag
 }
 
-function closeMenu() {
+function closeMenu(): void {
   visible.value = false
 }
 
-function handleScroll() {
+function handleScroll(): void {
   closeMenu()
 }
 </script>
diff --git a/src/layout/components/TopBar/index.vue b/src/layout/components/TopBar/index.vue
index d167903..0475cc1 100644
--- a/src/layout/components/TopBar/index.vue
+++ b/src/layout/components/TopBar/index.vue
@@ -11,7 +11,7 @@
   </el-menu>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import SidebarItem from '../Sidebar/SidebarItem'
 import useAppStore from '@/store/modules/app'
 import useSettingsStore from '@/store/modules/settings'
@@ -33,14 +33,14 @@ const activeMenu = computed(() => {
   return path
 })
 
-const visibleNumber = ref(5)
+const visibleNumber = ref<number>(5)
 const topMenus = computed(() => {
   return permissionStore.sidebarRouters.filter((f) => !f.hidden).slice(0, visibleNumber.value)
 })
 const moreRoutes = computed(() => {
   return permissionStore.sidebarRouters.filter((f) => !f.hidden).slice(visibleNumber.value, sidebarRouters.value.length - visibleNumber.value)
 })
-function setVisibleNumber() {
+function setVisibleNumber(): void {
   const width = document.body.getBoundingClientRect().width / 3
   visibleNumber.value = parseInt(width / 85)
 }
diff --git a/src/layout/components/index.js b/src/layout/components/index.js
deleted file mode 100644
index d1308ce..0000000
--- a/src/layout/components/index.js
+++ /dev/null
@@ -1,4 +0,0 @@
-export { default as AppMain } from './AppMain'
-export { default as Navbar } from './Navbar'
-export { default as Settings } from './Settings'
-export { default as TagsView } from './TagsView/index.vue'
diff --git a/src/layout/components/index.ts b/src/layout/components/index.ts
new file mode 100644
index 0000000..464f38e
--- /dev/null
+++ b/src/layout/components/index.ts
@@ -0,0 +1,4 @@
+export { default as AppMain } from './AppMain.vue'
+export { default as Navbar } from './Navbar.vue'
+export { default as Settings } from './Settings/index.vue'
+export { default as TagsView } from './TagsView/index.vue'
diff --git a/src/layout/index.vue b/src/layout/index.vue
index 57cbdb3..341a9d7 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -13,7 +13,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { useWindowSize } from '@vueuse/core'
 import Sidebar from './components/Sidebar/index.vue'
 import { AppMain, Navbar, Settings, TagsView } from './components'
@@ -22,7 +22,6 @@ import useSettingsStore from '@/store/modules/settings'
 
 const settingsStore = useSettingsStore()
 const theme = computed(() => settingsStore.theme)
-const sideTheme = computed(() => settingsStore.sideTheme)
 const sidebar = computed(() => useAppStore().sidebar)
 const device = computed(() => useAppStore().device)
 const needTagsView = computed(() => settingsStore.tagsView)
@@ -53,7 +52,7 @@ watchEffect(() => {
   }
 })
 
-function handleClickOutside() {
+function handleClickOutside(): void {
   useAppStore().closeSideBar({ withoutAnimation: false })
 }
 
diff --git a/src/main.js b/src/main.ts
similarity index 81%
rename from src/main.js
rename to src/main.ts
index 96cd5eb..68727a0 100644
--- a/src/main.js
+++ b/src/main.ts
@@ -1,84 +1,85 @@
-import { createApp } from 'vue'
-
-import Cookies from 'js-cookie'
-
-import ElementPlus from 'element-plus'
-import 'element-plus/dist/index.css'
-import 'element-plus/theme-chalk/dark/css-vars.css'
-import locale from 'element-plus/es/locale/lang/zh-cn'
-
-import '@/assets/styles/index.scss' // global css
-
-import App from './App'
-import store from './store'
-import router from './router'
-import directive from './directive' // directive
-
-// 注册指令
-import plugins from './plugins' // plugins
-import { download } from '@/utils/request'
-
-// svg图标
-import 'virtual:svg-icons-register'
-import SvgIcon from '@/components/SvgIcon'
-import elementIcons from '@/components/SvgIcon/svgicon'
-
-import './permission' // permission control
-
-import { useDict } from '@/utils/dict'
-import { getConfigKey } from "@/api/system/config"
-import { parseTime, resetForm, addDateRange, handleTree, selectDictLabel, selectDictLabels } from '@/utils/ruoyi'
-
-// 分页组件
-import Pagination from '@/components/Pagination'
-// 自定义表格工具组件
-import RightToolbar from '@/components/RightToolbar'
-// 富文本组件
-import Editor from "@/components/Editor"
-// 文件上传组件
-import FileUpload from "@/components/FileUpload"
-// 图片上传组件
-import ImageUpload from "@/components/ImageUpload"
-// 图片预览组件
-import ImagePreview from "@/components/ImagePreview"
-// 字典标签组件
-import DictTag from '@/components/DictTag'
-
-const app = createApp(App)
-
-// 全局方法挂载
-app.config.globalProperties.useDict = useDict
-app.config.globalProperties.download = download
-app.config.globalProperties.parseTime = parseTime
-app.config.globalProperties.resetForm = resetForm
-app.config.globalProperties.handleTree = handleTree
-app.config.globalProperties.addDateRange = addDateRange
-app.config.globalProperties.getConfigKey = getConfigKey
-app.config.globalProperties.selectDictLabel = selectDictLabel
-app.config.globalProperties.selectDictLabels = selectDictLabels
-
-// 全局组件挂载
-app.component('DictTag', DictTag)
-app.component('Pagination', Pagination)
-app.component('FileUpload', FileUpload)
-app.component('ImageUpload', ImageUpload)
-app.component('ImagePreview', ImagePreview)
-app.component('RightToolbar', RightToolbar)
-app.component('Editor', Editor)
-
-app.use(router)
-app.use(store)
-app.use(plugins)
-app.use(elementIcons)
-app.component('svg-icon', SvgIcon)
-
-directive(app)
-
-// 使用element-plus 并且设置全局的大小
-app.use(ElementPlus, {
-  locale: locale,
-  // 支持 large、default、small
-  size: Cookies.get('size') || 'default'
-})
-
-app.mount('#app')
+import { createApp } from 'vue'
+
+import Cookies from 'js-cookie'
+
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
+import 'element-plus/theme-chalk/dark/css-vars.css'
+import locale from 'element-plus/es/locale/lang/zh-cn'
+
+import '@/assets/styles/index.scss' // global css
+
+import App from './App.vue'
+import store from './store'
+import router from './router'
+import directive from './directive' // directive
+
+// 注册指令
+import plugins from './plugins' // plugins
+import { download } from '@/utils/request'
+
+// svg图标
+import 'virtual:svg-icons-register'
+import SvgIcon from '@/components/SvgIcon/index.vue'
+import elementIcons from '@/components/SvgIcon/svgicon'
+
+import './permission' // permission control
+
+import { useDict } from '@/utils/dict'
+import { getConfigKey } from "@/api/system/config"
+import { parseTime, resetForm, addDateRange, handleTree, selectDictLabel, selectDictLabels } from '@/utils/ruoyi'
+
+// 分页组件
+import Pagination from '@/components/Pagination/index.vue'
+// 自定义表格工具组件
+import RightToolbar from '@/components/RightToolbar/index.vue'
+// 富文本组件
+import Editor from "@/components/Editor/index.vue"
+// 文件上传组件
+import FileUpload from "@/components/FileUpload/index.vue"
+// 图片上传组件
+import ImageUpload from "@/components/ImageUpload/index.vue"
+// 图片预览组件
+import ImagePreview from "@/components/ImagePreview/index.vue"
+// 字典标签组件
+import DictTag from '@/components/DictTag/index.vue'
+
+const app = createApp(App)
+
+// 全局方法挂载
+app.config.globalProperties.useDict = useDict
+app.config.globalProperties.download = download
+app.config.globalProperties.parseTime = parseTime
+app.config.globalProperties.resetForm = resetForm
+app.config.globalProperties.handleTree = handleTree
+app.config.globalProperties.addDateRange = addDateRange
+app.config.globalProperties.getConfigKey = getConfigKey
+app.config.globalProperties.selectDictLabel = selectDictLabel
+app.config.globalProperties.selectDictLabels = selectDictLabels
+
+// 全局组件挂载
+app.component('DictTag', DictTag)
+app.component('Pagination', Pagination)
+app.component('FileUpload', FileUpload)
+app.component('ImageUpload', ImageUpload)
+app.component('ImagePreview', ImagePreview)
+app.component('RightToolbar', RightToolbar)
+app.component('Editor', Editor)
+
+app.use(router)
+app.use(store)
+app.use(plugins)
+app.use(elementIcons)
+app.component('svg-icon', SvgIcon)
+
+directive(app)
+
+// 使用element-plus 并且设置全局的大小
+// @ts-ignore
+app.use(ElementPlus, {
+  locale: locale,
+  // 支持 large、default、small
+  size: Cookies.get('size') || 'default'
+})
+
+app.mount('#app')
diff --git a/src/permission.js b/src/permission.ts
similarity index 81%
rename from src/permission.js
rename to src/permission.ts
index a7d9f87..0c19318 100644
--- a/src/permission.js
+++ b/src/permission.ts
@@ -1,69 +1,69 @@
-import router from './router'
-import { ElMessage } from 'element-plus'
-import NProgress from 'nprogress'
-import 'nprogress/nprogress.css'
-import { getToken } from '@/utils/auth'
-import { isHttp, isPathMatch } from '@/utils/validate'
-import { isRelogin } from '@/utils/request'
-import useUserStore from '@/store/modules/user'
-import useSettingsStore from '@/store/modules/settings'
-import usePermissionStore from '@/store/modules/permission'
-
-NProgress.configure({ showSpinner: false })
-
-const whiteList = ['/login', '/register']
-
-const isWhiteList = (path) => {
-  return whiteList.some(pattern => isPathMatch(pattern, path))
-}
-
-router.beforeEach((to, from, next) => {
-  NProgress.start()
-  if (getToken()) {
-    to.meta.title && useSettingsStore().setTitle(to.meta.title)
-    /* has token*/
-    if (to.path === '/login') {
-      next({ path: '/' })
-      NProgress.done()
-    } else if (isWhiteList(to.path)) {
-      next()
-    } else {
-      if (useUserStore().roles.length === 0) {
-        isRelogin.show = true
-        // 判断当前用户是否已拉取完user_info信息
-        useUserStore().getInfo().then(() => {
-          isRelogin.show = false
-          usePermissionStore().generateRoutes().then(accessRoutes => {
-            // 根据roles权限生成可访问的路由表
-            accessRoutes.forEach(route => {
-              if (!isHttp(route.path)) {
-                router.addRoute(route) // 动态添加可访问路由表
-              }
-            })
-            next({ ...to, replace: true }) // hack方法 确保addRoutes已完成
-          })
-        }).catch(err => {
-          useUserStore().logOut().then(() => {
-            ElMessage.error(err)
-            next({ path: '/' })
-          })
-        })
-      } else {
-        next()
-      }
-    }
-  } else {
-    // 没有token
-    if (isWhiteList(to.path)) {
-      // 在免登录白名单，直接进入
-      next()
-    } else {
-      next(`/login?redirect=${to.fullPath}`) // 否则全部重定向到登录页
-      NProgress.done()
-    }
-  }
-})
-
-router.afterEach(() => {
-  NProgress.done()
-})
+import router from './router'
+import { ElMessage } from 'element-plus'
+import NProgress from 'nprogress'
+import 'nprogress/nprogress.css'
+import { getToken } from '@/utils/auth'
+import { isHttp, isPathMatch } from '@/utils/validate'
+import { isRelogin } from '@/utils/request'
+import useUserStore from '@/store/modules/user'
+import useSettingsStore from '@/store/modules/settings'
+import usePermissionStore from '@/store/modules/permission'
+
+NProgress.configure({ showSpinner: false })
+
+const whiteList = ['/login', '/register']
+
+const isWhiteList = (path: string): boolean => {
+  return whiteList.some((pattern: string) => isPathMatch(pattern, path))
+}
+
+router.beforeEach((to, from, next) => {
+  NProgress.start()
+  if (getToken()) {
+    to.meta.title && useSettingsStore().setTitle(to.meta.title as string)
+    /* has token*/
+    if (to.path === '/login') {
+      next({ path: '/' })
+      NProgress.done()
+    } else if (isWhiteList(to.path)) {
+      next()
+    } else {
+      if (useUserStore().roles.length === 0) {
+        isRelogin.show = true
+        // 判断当前用户是否已拉取完user_info信息
+        useUserStore().getInfo().then(() => {
+          isRelogin.show = false
+          usePermissionStore().generateRoutes().then((accessRoutes: any[]) => {
+            // 根据roles权限生成可访问的路由表
+            accessRoutes.forEach((route: any) => {
+              if (!isHttp(route.path)) {
+                router.addRoute(route) // 动态添加可访问路由表
+              }
+            })
+            next({ ...to, replace: true }) // hack方法 确保addRoutes已完成
+          })
+        }).catch((err: any) => {
+          useUserStore().logOut().then(() => {
+            ElMessage.error(err as string)
+            next({ path: '/' })
+          })
+        })
+      } else {
+        next()
+      }
+    }
+  } else {
+    // 没有token
+    if (isWhiteList(to.path)) {
+      // 在免登录白名单，直接进入
+      next()
+    } else {
+      next(`/login?redirect=${to.fullPath}`) // 否则全部重定向到登录页
+      NProgress.done()
+    }
+  }
+})
+
+router.afterEach(() => {
+  NProgress.done()
+})
diff --git a/src/plugins/auth.js b/src/plugins/auth.ts
similarity index 73%
rename from src/plugins/auth.js
rename to src/plugins/auth.ts
index 9b6ed1f..ae5f2c7 100644
--- a/src/plugins/auth.js
+++ b/src/plugins/auth.ts
@@ -1,60 +1,60 @@
-import useUserStore from '@/store/modules/user'
-
-function authPermission(permission) {
-  const all_permission = "*:*:*"
-  const permissions = useUserStore().permissions
-  if (permission && permission.length > 0) {
-    return permissions.some(v => {
-      return all_permission === v || v === permission
-    })
-  } else {
-    return false
-  }
-}
-
-function authRole(role) {
-  const super_admin = "admin"
-  const roles = useUserStore().roles
-  if (role && role.length > 0) {
-    return roles.some(v => {
-      return super_admin === v || v === role
-    })
-  } else {
-    return false
-  }
-}
-
-export default {
-  // 验证用户是否具备某权限
-  hasPermi(permission) {
-    return authPermission(permission)
-  },
-  // 验证用户是否含有指定权限，只需包含其中一个
-  hasPermiOr(permissions) {
-    return permissions.some(item => {
-      return authPermission(item)
-    })
-  },
-  // 验证用户是否含有指定权限，必须全部拥有
-  hasPermiAnd(permissions) {
-    return permissions.every(item => {
-      return authPermission(item)
-    })
-  },
-  // 验证用户是否具备某角色
-  hasRole(role) {
-    return authRole(role)
-  },
-  // 验证用户是否含有指定角色，只需包含其中一个
-  hasRoleOr(roles) {
-    return roles.some(item => {
-      return authRole(item)
-    })
-  },
-  // 验证用户是否含有指定角色，必须全部拥有
-  hasRoleAnd(roles) {
-    return roles.every(item => {
-      return authRole(item)
-    })
-  }
-}
+import useUserStore from '@/store/modules/user'
+
+function authPermission(permission: string): boolean {
+  const all_permission = "*:*:*"
+  const permissions = useUserStore().permissions
+  if (permission && permission.length > 0) {
+    return permissions.some((v: string) => {
+      return all_permission === v || v === permission
+    })
+  } else {
+    return false
+  }
+}
+
+function authRole(role: string): boolean {
+  const super_admin = "admin"
+  const roles = useUserStore().roles
+  if (role && role.length > 0) {
+    return roles.some((v: string) => {
+      return super_admin === v || v === role
+    })
+  } else {
+    return false
+  }
+}
+
+export default {
+  // 验证用户是否具备某权限
+  hasPermi(permission: string): boolean {
+    return authPermission(permission)
+  },
+  // 验证用户是否含有指定权限，只需包含其中一个
+  hasPermiOr(permissions: string[]): boolean {
+    return permissions.some(item => {
+      return authPermission(item)
+    })
+  },
+  // 验证用户是否含有指定权限，必须全部拥有
+  hasPermiAnd(permissions: string[]): boolean {
+    return permissions.every(item => {
+      return authPermission(item)
+    })
+  },
+  // 验证用户是否具备某角色
+  hasRole(role: string): boolean {
+    return authRole(role)
+  },
+  // 验证用户是否含有指定角色，只需包含其中一个
+  hasRoleOr(roles: string[]): boolean {
+    return roles.some(item => {
+      return authRole(item)
+    })
+  },
+  // 验证用户是否含有指定角色，必须全部拥有
+  hasRoleAnd(roles: string[]): boolean {
+    return roles.every(item => {
+      return authRole(item)
+    })
+  }
+}
diff --git a/src/plugins/cache.js b/src/plugins/cache.ts
similarity index 65%
rename from src/plugins/cache.js
rename to src/plugins/cache.ts
index 4d29dfe..686dab8 100644
--- a/src/plugins/cache.js
+++ b/src/plugins/cache.ts
@@ -1,79 +1,88 @@
-const sessionCache = {
-  set (key, value) {
-    if (!sessionStorage) {
-      return
-    }
-    if (key != null && value != null) {
-      sessionStorage.setItem(key, value)
-    }
-  },
-  get (key) {
-    if (!sessionStorage) {
-      return null
-    }
-    if (key == null) {
-      return null
-    }
-    return sessionStorage.getItem(key)
-  },
-  setJSON (key, jsonValue) {
-    if (jsonValue != null) {
-      this.set(key, JSON.stringify(jsonValue))
-    }
-  },
-  getJSON (key) {
-    const value = this.get(key)
-    if (value != null) {
-      return JSON.parse(value)
-    }
-    return null
-  },
-  remove (key) {
-    sessionStorage.removeItem(key)
-  }
-}
-const localCache = {
-  set (key, value) {
-    if (!localStorage) {
-      return
-    }
-    if (key != null && value != null) {
-      localStorage.setItem(key, value)
-    }
-  },
-  get (key) {
-    if (!localStorage) {
-      return null
-    }
-    if (key == null) {
-      return null
-    }
-    return localStorage.getItem(key)
-  },
-  setJSON (key, jsonValue) {
-    if (jsonValue != null) {
-      this.set(key, JSON.stringify(jsonValue))
-    }
-  },
-  getJSON (key) {
-    const value = this.get(key)
-    if (value != null) {
-      return JSON.parse(value)
-    }
-    return null
-  },
-  remove (key) {
-    localStorage.removeItem(key)
-  }
-}
-
-export default {
-  /**
-   * 会话级缓存
-   */
-  session: sessionCache,
-  /**
-   * 本地缓存
-   */
-  local: localCache
-}
+interface CacheInterface {
+  set(key: string, value: string): void
+  get(key: string): string | null
+  setJSON(key: string, jsonValue: any): void
+  getJSON(key: string): any
+  remove(key: string): void
+}
+
+const sessionCache: CacheInterface = {
+  set (key: string, value: string) {
+    if (!sessionStorage) {
+      return
+    }
+    if (key != null && value != null) {
+      sessionStorage.setItem(key, value)
+    }
+  },
+  get (key: string): string | null {
+    if (!sessionStorage) {
+      return null
+    }
+    if (key == null) {
+      return null
+    }
+    return sessionStorage.getItem(key)
+  },
+  setJSON (key: string, jsonValue: any) {
+    if (jsonValue != null) {
+      this.set(key, JSON.stringify(jsonValue))
+    }
+  },
+  getJSON (key: string): any {
+    const value = this.get(key)
+    if (value != null) {
+      return JSON.parse(value)
+    }
+    return null
+  },
+  remove (key: string) {
+    sessionStorage.removeItem(key)
+  }
+}
+
+const localCache: CacheInterface = {
+  set (key: string, value: string) {
+    if (!localStorage) {
+      return
+    }
+    if (key != null && value != null) {
+      localStorage.setItem(key, value)
+    }
+  },
+  get (key: string): string | null {
+    if (!localStorage) {
+      return null
+    }
+    if (key == null) {
+      return null
+    }
+    return localStorage.getItem(key)
+  },
+  setJSON (key: string, jsonValue: any) {
+    if (jsonValue != null) {
+      this.set(key, JSON.stringify(jsonValue))
+    }
+  },
+  getJSON (key: string): any {
+    const value = this.get(key)
+    if (value != null) {
+      return JSON.parse(value)
+    }
+    return null
+  },
+  remove (key: string) {
+    localStorage.removeItem(key)
+  }
+}
+
+export default {
+  /**
+   * 会话级缓存
+   */
+  session: sessionCache,
+  /**
+   * 本地缓存
+   */
+  local: localCache
+}
diff --git a/src/plugins/download.js b/src/plugins/download.ts
similarity index 74%
rename from src/plugins/download.js
rename to src/plugins/download.ts
index 82e26ed..5da58a8 100644
--- a/src/plugins/download.js
+++ b/src/plugins/download.ts
@@ -1,79 +1,78 @@
-import axios from 'axios'
-import { ElLoading, ElMessage } from 'element-plus'
-import { saveAs } from 'file-saver'
-import { getToken } from '@/utils/auth'
-import errorCode from '@/utils/errorCode'
-import { blobValidate } from '@/utils/ruoyi'
-
-const baseURL = import.meta.env.VITE_APP_BASE_API
-let downloadLoadingInstance
-
-export default {
-  name(name, isDelete = true) {
-    var url = baseURL + "/common/download?fileName=" + encodeURIComponent(name) + "&delete=" + isDelete
-    axios({
-      method: 'get',
-      url: url,
-      responseType: 'blob',
-      headers: { 'Authorization': 'Bearer ' + getToken() }
-    }).then((res) => {
-      const isBlob = blobValidate(res.data)
-      if (isBlob) {
-        const blob = new Blob([res.data])
-        this.saveAs(blob, decodeURIComponent(res.headers['download-filename']))
-      } else {
-        this.printErrMsg(res.data)
-      }
-    })
-  },
-  resource(resource) {
-    var url = baseURL + "/common/download/resource?resource=" + encodeURIComponent(resource)
-    axios({
-      method: 'get',
-      url: url,
-      responseType: 'blob',
-      headers: { 'Authorization': 'Bearer ' + getToken() }
-    }).then((res) => {
-      const isBlob = blobValidate(res.data)
-      if (isBlob) {
-        const blob = new Blob([res.data])
-        this.saveAs(blob, decodeURIComponent(res.headers['download-filename']))
-      } else {
-        this.printErrMsg(res.data)
-      }
-    })
-  },
-  zip(url, name) {
-    var url = baseURL + url
-    downloadLoadingInstance = ElLoading.service({ text: "正在下载数据，请稍候", background: "rgba(0, 0, 0, 0.7)", })
-    axios({
-      method: 'get',
-      url: url,
-      responseType: 'blob',
-      headers: { 'Authorization': 'Bearer ' + getToken() }
-    }).then((res) => {
-      const isBlob = blobValidate(res.data)
-      if (isBlob) {
-        const blob = new Blob([res.data], { type: 'application/zip' })
-        this.saveAs(blob, name)
-      } else {
-        this.printErrMsg(res.data)
-      }
-      downloadLoadingInstance.close()
-    }).catch((r) => {
-      console.error(r)
-      ElMessage.error('下载文件出现错误，请联系管理员！')
-      downloadLoadingInstance.close()
-    })
-  },
-  saveAs(text, name, opts) {
-    saveAs(text, name, opts)
-  },
-  async printErrMsg(data) {
-    const resText = await data.text()
-    const rspObj = JSON.parse(resText)
-    const errMsg = errorCode[rspObj.code] || rspObj.msg || errorCode['default']
-    ElMessage.error(errMsg)
-  }
-}
-
+import axios from 'axios'
+import { ElLoading, ElMessage } from 'element-plus'
+import { saveAs } from 'file-saver'
+import { getToken } from '@/utils/auth'
+import errorCode from '@/utils/errorCode'
+import { blobValidate } from '@/utils/ruoyi'
+
+const baseURL = import.meta.env.VITE_APP_BASE_API
+let downloadLoadingInstance: ReturnType<typeof ElLoading.service>
+
+export default {
+  name(name: string, isDelete = true) {
+    const url = baseURL + "/common/download?fileName=" + encodeURIComponent(name) + "&delete=" + isDelete
+    axios({
+      method: 'get',
+      url: url,
+      responseType: 'blob',
+      headers: { 'Authorization': 'Bearer ' + getToken() }
+    }).then((res: any) => {
+      const isBlob = blobValidate(res.data)
+      if (isBlob) {
+        const blob = new Blob([res.data])
+        this.saveAs(blob, decodeURIComponent(res.headers['download-filename']))
+      } else {
+        this.printErrMsg(res.data)
+      }
+    })
+  },
+  resource(resource: string) {
+    const url = baseURL + "/common/download/resource?resource=" + encodeURIComponent(resource)
+    axios({
+      method: 'get',
+      url: url,
+      responseType: 'blob',
+      headers: { 'Authorization': 'Bearer ' + getToken() }
+    }).then((res: any) => {
+      const isBlob = blobValidate(res.data)
+      if (isBlob) {
+        const blob = new Blob([res.data])
+        this.saveAs(blob, decodeURIComponent(res.headers['download-filename']))
+      } else {
+        this.printErrMsg(res.data)
+      }
+    })
+  },
+  zip(url: string, name: string) {
+    const downloadUrl = baseURL + url
+    downloadLoadingInstance = ElLoading.service({ text: "正在下载数据，请稍候", background: "rgba(0, 0, 0, 0.7)", })
+    axios({
+      method: 'get',
+      url: downloadUrl,
+      responseType: 'blob',
+      headers: { 'Authorization': 'Bearer ' + getToken() }
+    }).then((res: any) => {
+      const isBlob = blobValidate(res.data)
+      if (isBlob) {
+        const blob = new Blob([res.data], { type: 'application/zip' })
+        this.saveAs(blob, name)
+      } else {
+        this.printErrMsg(res.data)
+      }
+      downloadLoadingInstance.close()
+    }).catch((r: any) => {
+      console.error(r)
+      ElMessage.error('下载文件出现错误，请联系管理员！')
+      downloadLoadingInstance.close()
+    })
+  },
+  saveAs(text: Blob, name: string, opts?: any) {
+    saveAs(text, name, opts)
+  },
+  async printErrMsg(data: any) {
+    const resText = await data.text()
+    const rspObj = JSON.parse(resText)
+    const errMsg = errorCode[rspObj.code] || rspObj.msg || errorCode['default']
+    ElMessage.error(errMsg)
+  }
+}
diff --git a/src/plugins/index.js b/src/plugins/index.ts
similarity index 85%
rename from src/plugins/index.js
rename to src/plugins/index.ts
index fb75c63..aace780 100644
--- a/src/plugins/index.js
+++ b/src/plugins/index.ts
@@ -1,18 +1,19 @@
-import tab from './tab'
-import auth from './auth'
-import cache from './cache'
-import modal from './modal'
-import download from './download'
-
-export default function installPlugins(app){
-  // 页签操作
-  app.config.globalProperties.$tab = tab
-  // 认证对象
-  app.config.globalProperties.$auth = auth
-  // 缓存对象
-  app.config.globalProperties.$cache = cache
-  // 模态框对象
-  app.config.globalProperties.$modal = modal
-  // 下载文件
-  app.config.globalProperties.$download = download
-}
+import { App } from 'vue'
+import tab from './tab'
+import auth from './auth'
+import cache from './cache'
+import modal from './modal'
+import download from './download'
+
+export default function installPlugins(app: App){
+  // 页签操作
+  app.config.globalProperties.$tab = tab
+  // 认证对象
+  app.config.globalProperties.$auth = auth
+  // 缓存对象
+  app.config.globalProperties.$cache = cache
+  // 模态框对象
+  app.config.globalProperties.$modal = modal
+  // 下载文件
+  app.config.globalProperties.$download = download
+}
diff --git a/src/plugins/modal.js b/src/plugins/modal.ts
similarity index 73%
rename from src/plugins/modal.js
rename to src/plugins/modal.ts
index 8695360..12ffa37 100644
--- a/src/plugins/modal.js
+++ b/src/plugins/modal.ts
@@ -1,82 +1,82 @@
-import { ElMessage, ElMessageBox, ElNotification, ElLoading } from 'element-plus'
-
-let loadingInstance
-
-export default {
-  // 消息提示
-  msg(content) {
-    ElMessage.info(content)
-  },
-  // 错误消息
-  msgError(content) {
-    ElMessage.error(content)
-  },
-  // 成功消息
-  msgSuccess(content) {
-    ElMessage.success(content)
-  },
-  // 警告消息
-  msgWarning(content) {
-    ElMessage.warning(content)
-  },
-  // 弹出提示
-  alert(content) {
-    ElMessageBox.alert(content, "系统提示")
-  },
-  // 错误提示
-  alertError(content) {
-    ElMessageBox.alert(content, "系统提示", { type: 'error' })
-  },
-  // 成功提示
-  alertSuccess(content) {
-    ElMessageBox.alert(content, "系统提示", { type: 'success' })
-  },
-  // 警告提示
-  alertWarning(content) {
-    ElMessageBox.alert(content, "系统提示", { type: 'warning' })
-  },
-  // 通知提示
-  notify(content) {
-    ElNotification.info(content)
-  },
-  // 错误通知
-  notifyError(content) {
-    ElNotification.error(content)
-  },
-  // 成功通知
-  notifySuccess(content) {
-    ElNotification.success(content)
-  },
-  // 警告通知
-  notifyWarning(content) {
-    ElNotification.warning(content)
-  },
-  // 确认窗体
-  confirm(content) {
-    return ElMessageBox.confirm(content, "系统提示", {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: "warning",
-    })
-  },
-  // 提交内容
-  prompt(content) {
-    return ElMessageBox.prompt(content, "系统提示", {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: "warning",
-    })
-  },
-  // 打开遮罩层
-  loading(content) {
-    loadingInstance = ElLoading.service({
-      lock: true,
-      text: content,
-      background: "rgba(0, 0, 0, 0.7)",
-    })
-  },
-  // 关闭遮罩层
-  closeLoading() {
-    loadingInstance.close()
-  }
-}
+import { ElMessage, ElMessageBox, ElNotification, ElLoading } from 'element-plus'
+
+let loadingInstance: ReturnType<typeof ElLoading.service>
+
+export default {
+  // 消息提示
+  msg(content: string) {
+    ElMessage.info(content)
+  },
+  // 错误消息
+  msgError(content: string) {
+    ElMessage.error(content)
+  },
+  // 成功消息
+  msgSuccess(content: string) {
+    ElMessage.success(content)
+  },
+  // 警告消息
+  msgWarning(content: string) {
+    ElMessage.warning(content)
+  },
+  // 弹出提示
+  alert(content: string) {
+    ElMessageBox.alert(content, "系统提示")
+  },
+  // 错误提示
+  alertError(content: string) {
+    ElMessageBox.alert(content, "系统提示", { type: 'error' })
+  },
+  // 成功提示
+  alertSuccess(content: string) {
+    ElMessageBox.alert(content, "系统提示", { type: 'success' })
+  },
+  // 警告提示
+  alertWarning(content: string) {
+    ElMessageBox.alert(content, "系统提示", { type: 'warning' })
+  },
+  // 通知提示
+  notify(content: string) {
+    ElNotification.info(content)
+  },
+  // 错误通知
+  notifyError(content: string) {
+    ElNotification.error(content)
+  },
+  // 成功通知
+  notifySuccess(content: string) {
+    ElNotification.success(content)
+  },
+  // 警告通知
+  notifyWarning(content: string) {
+    ElNotification.warning(content)
+  },
+  // 确认窗体
+  confirm(content: string) {
+    return ElMessageBox.confirm(content, "系统提示", {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: "warning",
+    })
+  },
+  // 提交内容
+  prompt(content: string) {
+    return ElMessageBox.prompt(content, "系统提示", {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: "warning",
+    })
+  },
+  // 打开遮罩层
+  loading(content: string) {
+    loadingInstance = ElLoading.service({
+      lock: true,
+      text: content,
+      background: "rgba(0, 0, 0, 0.7)",
+    })
+  },
+  // 关闭遮罩层
+  closeLoading() {
+    loadingInstance.close()
+  }
+}
diff --git a/src/plugins/tab.js b/src/plugins/tab.ts
similarity index 81%
rename from src/plugins/tab.js
rename to src/plugins/tab.ts
index 16755f0..0475f98 100644
--- a/src/plugins/tab.js
+++ b/src/plugins/tab.ts
@@ -1,71 +1,71 @@
-import useTagsViewStore from '@/store/modules/tagsView'
-import router from '@/router'
-
-export default {
-  // 刷新当前tab页签
-  refreshPage(obj) {
-    const { path, query, matched } = router.currentRoute.value
-    if (obj === undefined) {
-      matched.forEach((m) => {
-        if (m.components && m.components.default && m.components.default.name) {
-          if (!['Layout', 'ParentView'].includes(m.components.default.name)) {
-            obj = { name: m.components.default.name, path: path, query: query }
-          }
-        }
-      })
-    }
-    return useTagsViewStore().delCachedView(obj).then(() => {
-      const { path, query } = obj
-      router.replace({
-        path: '/redirect' + path,
-        query: query
-      })
-    })
-  },
-  // 关闭当前tab页签，打开新页签
-  closeOpenPage(obj) {
-    useTagsViewStore().delView(router.currentRoute.value)
-    if (obj !== undefined) {
-      return router.push(obj)
-    }
-  },
-  // 关闭指定tab页签
-  closePage(obj) {
-    if (obj === undefined) {
-      return useTagsViewStore().delView(router.currentRoute.value).then(({ visitedViews }) => {
-        const latestView = visitedViews.slice(-1)[0]
-        if (latestView) {
-          return router.push(latestView.fullPath)
-        }
-        return router.push('/')
-      })
-    }
-    return useTagsViewStore().delView(obj)
-  },
-  // 关闭所有tab页签
-  closeAllPage() {
-    return useTagsViewStore().delAllViews()
-  },
-  // 关闭左侧tab页签
-  closeLeftPage(obj) {
-    return useTagsViewStore().delLeftTags(obj || router.currentRoute.value)
-  },
-  // 关闭右侧tab页签
-  closeRightPage(obj) {
-    return useTagsViewStore().delRightTags(obj || router.currentRoute.value)
-  },
-  // 关闭其他tab页签
-  closeOtherPage(obj) {
-    return useTagsViewStore().delOthersViews(obj || router.currentRoute.value)
-  },
-  // 打开tab页签
-  openPage(title, url, params) {
-    const obj = { path: url, meta: { title: title } }
-    useTagsViewStore().addView(obj)
-    return router.push({ path: url, query: params })
-  },
-  // 修改tab页签
-  updatePage(obj) {
-    return useTagsViewStore().updateVisitedView(obj)
-  }
-}
+import useTagsViewStore from '@/store/modules/tagsView'
+import router from '@/router'
+
+export default {
+  // 刷新当前tab页签
+  refreshPage(obj?: any) {
+    const { path, query, matched } = router.currentRoute.value
+    if (obj === undefined) {
+      matched.forEach((m: any) => {
+        if (m.components && m.components.default && m.components.default.name) {
+          if (!['Layout', 'ParentView'].includes(m.components.default.name)) {
+            obj = { name: m.components.default.name, path: path, query: query }
+          }
+        }
+      })
+    }
+    return useTagsViewStore().delCachedView(obj).then(() => {
+      const { path, query } = obj
+      router.replace({
+        path: '/redirect' + path,
+        query: query
+      })
+    })
+  },
+  // 关闭当前tab页签，打开新页签
+  closeOpenPage(obj?: any) {
+    useTagsViewStore().delView(router.currentRoute.value)
+    if (obj !== undefined) {
+      return router.push(obj)
+    }
+  },
+  // 关闭指定tab页签
+  closePage(obj?: any) {
+    if (obj === undefined) {
+      return useTagsViewStore().delView(router.currentRoute.value).then(({ visitedViews }: { visitedViews: any[] }) => {
+        const latestView = visitedViews.slice(-1)[0]
+        if (latestView) {
+          return router.push(latestView.fullPath)
+        }
+        return router.push('/')
+      })
+    }
+    return useTagsViewStore().delView(obj)
+  },
+  // 关闭所有tab页签
+  closeAllPage() {
+    return useTagsViewStore().delAllViews()
+  },
+  // 关闭左侧tab页签
+  closeLeftPage(obj?: any) {
+    return useTagsViewStore().delLeftTags(obj || router.currentRoute.value)
+  },
+  // 关闭右侧tab页签
+  closeRightPage(obj?: any) {
+    return useTagsViewStore().delRightTags(obj || router.currentRoute.value)
+  },
+  // 关闭其他tab页签
+  closeOtherPage(obj?: any) {
+    return useTagsViewStore().delOthersViews(obj || router.currentRoute.value)
+  },
+  // 打开tab页签
+  openPage(title: string, url: string, params?: any) {
+    const obj = { path: url, meta: { title: title } } as any
+    useTagsViewStore().addView(obj)
+    return router.push({ path: url, query: params })
+  },
+  // 修改tab页签
+  updatePage(obj: any) {
+    return useTagsViewStore().updateVisitedView(obj)
+  }
+}
diff --git a/src/router/index.js b/src/router/index.ts
similarity index 85%
rename from src/router/index.js
rename to src/router/index.ts
index 86cedb0..5b89721 100644
--- a/src/router/index.js
+++ b/src/router/index.ts
@@ -1,174 +1,174 @@
-import { createWebHistory, createRouter } from 'vue-router'
-/* Layout */
-import Layout from '@/layout'
-
-/**
- * Note: 路由配置项
- *
- * hidden: true                     // 当设置 true 的时候该路由不会再侧边栏出现 如401，login等页面，或者如一些编辑页面/edit/1
- * alwaysShow: true                 // 当你一个路由下面的 children 声明的路由大于1个时，自动会变成嵌套的模式--如组件页面
- *                                  // 只有一个时，会将那个子路由当做根路由显示在侧边栏--如引导页面
- *                                  // 若你想不管路由下面的 children 声明的个数都显示你的根路由
- *                                  // 你可以设置 alwaysShow: true，这样它就会忽略之前定义的规则，一直显示根路由
- * redirect: noRedirect             // 当设置 noRedirect 的时候该路由在面包屑导航中不可被点击
- * name:'router-name'               // 设定路由的名字，一定要填写不然使用<keep-alive>时会出现各种问题
- * query: '{"id": 1, "name": "ry"}' // 访问路由的默认传递参数
- * roles: ['admin', 'common']       // 访问路由的角色权限
- * permissions: ['a:a:a', 'b:b:b']  // 访问路由的菜单权限
- * meta : {
-    noCache: true                   // 如果设置为true，则不会被 <keep-alive> 缓存(默认 false)
-    title: 'title'                  // 设置该路由在侧边栏和面包屑中展示的名字
-    icon: 'svg-name'                // 设置该路由的图标，对应路径src/assets/icons/svg
-    breadcrumb: false               // 如果设置为false，则不会在breadcrumb面包屑中显示
-    activeMenu: '/system/user'      // 当路由设置了该属性，则会高亮相对应的侧边栏。
-  }
- */
-
-// 公共路由
-export const constantRoutes = [
-  {
-    path: '/redirect',
-    component: Layout,
-    hidden: true,
-    children: [
-      {
-        path: '/redirect/:path(.*)',
-        component: () => import('@/views/redirect/index.vue')
-      }
-    ]
-  },
-  {
-    path: '/login',
-    component: () => import('@/views/login'),
-    hidden: true
-  },
-  {
-    path: '/register',
-    component: () => import('@/views/register'),
-    hidden: true
-  },
-  {
-    path: "/:pathMatch(.*)*",
-    component: () => import('@/views/error/404'),
-    hidden: true
-  },
-  {
-    path: '/401',
-    component: () => import('@/views/error/401'),
-    hidden: true
-  },
-  {
-    path: '',
-    component: Layout,
-    redirect: '/index',
-    children: [
-      {
-        path: '/index',
-        component: () => import('@/views/index'),
-        name: 'Index',
-        meta: { title: '首页', icon: 'dashboard', affix: true }
-      }
-    ]
-  },
-  {
-    path: '/user',
-    component: Layout,
-    hidden: true,
-    redirect: 'noredirect',
-    children: [
-      {
-        path: 'profile/:activeTab?',
-        component: () => import('@/views/system/user/profile/index'),
-        name: 'Profile',
-        meta: { title: '个人中心', icon: 'user' }
-      }
-    ]
-  }
-]
-
-// 动态路由，基于用户权限动态去加载
-export const dynamicRoutes = [
-  {
-    path: '/system/user-auth',
-    component: Layout,
-    hidden: true,
-    permissions: ['system:user:edit'],
-    children: [
-      {
-        path: 'role/:userId(\\d+)',
-        component: () => import('@/views/system/user/authRole'),
-        name: 'AuthRole',
-        meta: { title: '分配角色', activeMenu: '/system/user' }
-      }
-    ]
-  },
-  {
-    path: '/system/role-auth',
-    component: Layout,
-    hidden: true,
-    permissions: ['system:role:edit'],
-    children: [
-      {
-        path: 'user/:roleId(\\d+)',
-        component: () => import('@/views/system/role/authUser'),
-        name: 'AuthUser',
-        meta: { title: '分配用户', activeMenu: '/system/role' }
-      }
-    ]
-  },
-  {
-    path: '/system/dict-data',
-    component: Layout,
-    hidden: true,
-    permissions: ['system:dict:list'],
-    children: [
-      {
-        path: 'index/:dictId(\\d+)',
-        component: () => import('@/views/system/dict/data'),
-        name: 'Data',
-        meta: { title: '字典数据', activeMenu: '/system/dict' }
-      }
-    ]
-  },
-  {
-    path: '/monitor/job-log',
-    component: Layout,
-    hidden: true,
-    permissions: ['monitor:job:list'],
-    children: [
-      {
-        path: 'index/:jobId(\\d+)',
-        component: () => import('@/views/monitor/job/log'),
-        name: 'JobLog',
-        meta: { title: '调度日志', activeMenu: '/monitor/job' }
-      }
-    ]
-  },
-  {
-    path: '/tool/gen-edit',
-    component: Layout,
-    hidden: true,
-    permissions: ['tool:gen:edit'],
-    children: [
-      {
-        path: 'index/:tableId(\\d+)',
-        component: () => import('@/views/tool/gen/editTable'),
-        name: 'GenEdit',
-        meta: { title: '修改生成配置', activeMenu: '/tool/gen' }
-      }
-    ]
-  }
-]
-
-const router = createRouter({
-  history: createWebHistory(),
-  routes: constantRoutes,
-  scrollBehavior(to, from, savedPosition) {
-    if (savedPosition) {
-      return savedPosition
-    }
-    return { top: 0 }
-  },
-})
-
-export default router
+import { createWebHistory, createRouter } from 'vue-router'
+/* Layout */
+import Layout from '@/layout/index.vue'
+
+/**
+ * Note: 路由配置项
+ *
+ * hidden: true                     // 当设置 true 的时候该路由不会再侧边栏出现 如401，login等页面，或者如一些编辑页面/edit/1
+ * alwaysShow: true                 // 当你一个路由下面的 children 声明的路由大于1个时，自动会变成嵌套的模式--如组件页面
+ *                                  // 只有一个时，会将那个子路由当做根路由显示在侧边栏--如引导页面
+ *                                  // 若你想不管路由下面的 children 声明的个数都显示你的根路由
+ *                                  // 你可以设置 alwaysShow: true，这样它就会忽略之前定义的规则，一直显示根路由
+ * redirect: noRedirect             // 当设置 noRedirect 的时候该路由在面包屑导航中不可被点击
+ * name:'router-name'               // 设定路由的名字，一定要填写不然使用<keep-alive>时会出现各种问题
+ * query: '{"id": 1, "name": "ry"}' // 访问路由的默认传递参数
+ * roles: ['admin', 'common']       // 访问路由的角色权限
+ * permissions: ['a:a:a', 'b:b:b']  // 访问路由的菜单权限
+ * meta : {
+    noCache: true                   // 如果设置为true，则不会被 <keep-alive> 缓存(默认 false)
+    title: 'title'                  // 设置该路由在侧边栏和面包屑中展示的名字
+    icon: 'svg-name'                // 设置该路由的图标，对应路径src/assets/icons/svg
+    breadcrumb: false               // 如果设置为false，则不会在breadcrumb面包屑中显示
+    activeMenu: '/system/user'      // 当路由设置了该属性，则会高亮相对应的侧边栏。
+  }
+ */
+
+// 公共路由
+export const constantRoutes = [
+  {
+    path: '/redirect',
+    component: Layout,
+    hidden: true,
+    children: [
+      {
+        path: '/redirect/:path(.*)',
+        component: () => import('@/views/redirect/index.vue')
+      }
+    ]
+  },
+  {
+    path: '/login',
+    component: () => import('@/views/login.vue'),
+    hidden: true
+  },
+  {
+    path: '/register',
+    component: () => import('@/views/register.vue'),
+    hidden: true
+  },
+  {
+    path: "/:pathMatch(.*)*",
+    component: () => import('@/views/error/404.vue'),
+    hidden: true
+  },
+  {
+    path: '/401',
+    component: () => import('@/views/error/401.vue'),
+    hidden: true
+  },
+  {
+    path: '',
+    component: Layout,
+    redirect: '/index',
+    children: [
+      {
+        path: '/index',
+        component: () => import('@/views/index.vue'),
+        name: 'Index',
+        meta: { title: '首页', icon: 'dashboard', affix: true }
+      }
+    ]
+  },
+  {
+    path: '/user',
+    component: Layout,
+    hidden: true,
+    redirect: 'noredirect',
+    children: [
+      {
+        path: 'profile/:activeTab?',
+        component: () => import('@/views/system/user/profile/index.vue'),
+        name: 'Profile',
+        meta: { title: '个人中心', icon: 'user' }
+      }
+    ]
+  }
+]
+
+// 动态路由，基于用户权限动态去加载
+export const dynamicRoutes = [
+  {
+    path: '/system/user-auth',
+    component: Layout,
+    hidden: true,
+    permissions: ['system:user:edit'],
+    children: [
+      {
+        path: 'role/:userId(\\d+)',
+        component: () => import('@/views/system/user/authRole.vue'),
+        name: 'AuthRole',
+        meta: { title: '分配角色', activeMenu: '/system/user' }
+      }
+    ]
+  },
+  {
+    path: '/system/role-auth',
+    component: Layout,
+    hidden: true,
+    permissions: ['system:role:edit'],
+    children: [
+      {
+        path: 'user/:roleId(\\d+)',
+        component: () => import('@/views/system/role/authUser.vue'),
+        name: 'AuthUser',
+        meta: { title: '分配用户', activeMenu: '/system/role' }
+      }
+    ]
+  },
+  {
+    path: '/system/dict-data',
+    component: Layout,
+    hidden: true,
+    permissions: ['system:dict:list'],
+    children: [
+      {
+        path: 'index/:dictId(\\d+)',
+        component: () => import('@/views/system/dict/data.vue'),
+        name: 'Data',
+        meta: { title: '字典数据', activeMenu: '/system/dict' }
+      }
+    ]
+  },
+  {
+    path: '/monitor/job-log',
+    component: Layout,
+    hidden: true,
+    permissions: ['monitor:job:list'],
+    children: [
+      {
+        path: 'index/:jobId(\\d+)',
+        component: () => import('@/views/monitor/job/log.vue'),
+        name: 'JobLog',
+        meta: { title: '调度日志', activeMenu: '/monitor/job' }
+      }
+    ]
+  },
+  {
+    path: '/tool/gen-edit',
+    component: Layout,
+    hidden: true,
+    permissions: ['tool:gen:edit'],
+    children: [
+      {
+        path: 'index/:tableId(\\d+)',
+        component: () => import('@/views/tool/gen/editTable.vue'),
+        name: 'GenEdit',
+        meta: { title: '修改生成配置', activeMenu: '/tool/gen' }
+      }
+    ]
+  }
+]
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes: constantRoutes,
+  scrollBehavior(to, from, savedPosition) {
+    if (savedPosition) {
+      return savedPosition
+    }
+    return { top: 0 }
+  },
+})
+
+export default router
diff --git a/src/settings.js b/src/settings.ts
similarity index 93%
rename from src/settings.js
rename to src/settings.ts
index ac7402e..55fdc65 100644
--- a/src/settings.js
+++ b/src/settings.ts
@@ -1,57 +1,57 @@
-export default {
-  /**
-   * 网页标题
-   */
-  title: import.meta.env.VITE_APP_TITLE,
-
-  /**
-   * 侧边栏主题 深色主题theme-dark，浅色主题theme-light
-   */
-  sideTheme: 'theme-dark',
-
-  /**
-   * 是否系统布局配置
-   */
-  showSettings: true,
-
-  /**
-   * 菜单导航模式 1、纯左侧 2、混合（左侧+顶部） 3、纯顶部
-   */
-  navType: 1,
-
-  /**
-   * 是否显示 tagsView
-   */
-  tagsView: true,
-  
-  /**
-   * 显示页签图标
-   */
-  tagsIcon: false,
-
-  /**
-   * 是否固定头部
-   */
-  fixedHeader: true,
-
-  /**
-   * 是否显示logo
-   */
-  sidebarLogo: true,
-
-  /**
-   * 是否显示动态标题
-   */
-  dynamicTitle: false,
-
-  /**
-   * 是否显示底部版权
-   */
-  footerVisible: false,
-
-  /**
-   * 底部版权文本内容
-   */
-  footerContent: 'Copyright © 2018-2026 RuoYi. All Rights Reserved.'
-}
-
+export default {
+  /**
+   * 网页标题
+   */
+  title: import.meta.env.VITE_APP_TITLE,
+
+  /**
+   * 侧边栏主题 深色主题theme-dark，浅色主题theme-light
+   */
+  sideTheme: 'theme-dark',
+
+  /**
+   * 是否系统布局配置
+   */
+  showSettings: true,
+
+  /**
+   * 菜单导航模式 1、纯左侧 2、混合（左侧+顶部） 3、纯顶部
+   */
+  navType: 1,
+
+  /**
+   * 是否显示 tagsView
+   */
+  tagsView: true,
+  
+  /**
+   * 显示页签图标
+   */
+  tagsIcon: false,
+
+  /**
+   * 是否固定头部
+   */
+  fixedHeader: true,
+
+  /**
+   * 是否显示logo
+   */
+  sidebarLogo: true,
+
+  /**
+   * 是否显示动态标题
+   */
+  dynamicTitle: false,
+
+  /**
+   * 是否显示底部版权
+   */
+  footerVisible: false,
+
+  /**
+   * 底部版权文本内容
+   */
+  footerContent: 'Copyright © 2018-2026 RuoYi. All Rights Reserved.'
+}
+
diff --git a/src/store/index.js b/src/store/index.ts
similarity index 56%
rename from src/store/index.js
rename to src/store/index.ts
index cd73385..944c3c6 100644
--- a/src/store/index.js
+++ b/src/store/index.ts
@@ -1,3 +1,3 @@
-const store = createPinia()
-
-export default store
\ No newline at end of file
+const store = createPinia()
+
+export default store
diff --git a/src/store/modules/app.js b/src/store/modules/app.js
deleted file mode 100644
index 71414be..0000000
--- a/src/store/modules/app.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import Cookies from 'js-cookie'
-
-const useAppStore = defineStore(
-  'app',
-  {
-    state: () => ({
-      sidebar: {
-        opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : true,
-        withoutAnimation: false,
-        hide: false
-      },
-      device: 'desktop',
-      size: Cookies.get('size') || 'default'
-    }),
-    actions: {
-      toggleSideBar(withoutAnimation) {
-        if (this.sidebar.hide) {
-          return false
-        }
-        this.sidebar.opened = !this.sidebar.opened
-        this.sidebar.withoutAnimation = withoutAnimation
-        if (this.sidebar.opened) {
-          Cookies.set('sidebarStatus', 1)
-        } else {
-          Cookies.set('sidebarStatus', 0)
-        }
-      },
-      closeSideBar({ withoutAnimation }) {
-        Cookies.set('sidebarStatus', 0)
-        this.sidebar.opened = false
-        this.sidebar.withoutAnimation = withoutAnimation
-      },
-      toggleDevice(device) {
-        this.device = device
-      },
-      setSize(size) {
-        this.size = size
-        Cookies.set('size', size)
-      },
-      toggleSideBarHide(status) {
-        this.sidebar.hide = status
-      }
-    }
-  })
-
-export default useAppStore
diff --git a/src/store/modules/app.ts b/src/store/modules/app.ts
new file mode 100644
index 0000000..1de6d2d
--- /dev/null
+++ b/src/store/modules/app.ts
@@ -0,0 +1,59 @@
+import Cookies from 'js-cookie'
+import { defineStore } from 'pinia'
+
+interface SidebarState {
+  opened: boolean
+  withoutAnimation: boolean
+  hide: boolean
+}
+
+interface AppState {
+  sidebar: SidebarState
+  device: string
+  size: string
+}
+
+const useAppStore = defineStore(
+  'app',
+  {
+    state: (): AppState => ({
+      sidebar: {
+        opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus')! : true,
+        withoutAnimation: false,
+        hide: false
+      },
+      device: 'desktop',
+      size: Cookies.get('size') || 'default'
+    }),
+    actions: {
+      toggleSideBar(withoutAnimation?: boolean) {
+        if (this.sidebar.hide) {
+          return false
+        }
+        this.sidebar.opened = !this.sidebar.opened
+        this.sidebar.withoutAnimation = withoutAnimation || false
+        if (this.sidebar.opened) {
+          Cookies.set('sidebarStatus', '1')
+        } else {
+          Cookies.set('sidebarStatus', '0')
+        }
+      },
+      closeSideBar({ withoutAnimation }: { withoutAnimation?: boolean }) {
+        Cookies.set('sidebarStatus', '0')
+        this.sidebar.opened = false
+        this.sidebar.withoutAnimation = withoutAnimation || false
+      },
+      toggleDevice(device: string) {
+        this.device = device
+      },
+      setSize(size: string) {
+        this.size = size
+        Cookies.set('size', size)
+      },
+      toggleSideBarHide(status: boolean) {
+        this.sidebar.hide = status
+      }
+    }
+  })
+
+export default useAppStore
diff --git a/src/store/modules/dict.js b/src/store/modules/dict.ts
similarity index 75%
rename from src/store/modules/dict.js
rename to src/store/modules/dict.ts
index af1a3fa..46ef506 100644
--- a/src/store/modules/dict.js
+++ b/src/store/modules/dict.ts
@@ -1,57 +1,67 @@
-const useDictStore = defineStore(
-  'dict',
-  {
-    state: () => ({
-      dict: new Array()
-    }),
-    actions: {
-      // 获取字典
-      getDict(_key) {
-        if (_key == null && _key == "") {
-          return null
-        }
-        try {
-          for (let i = 0; i < this.dict.length; i++) {
-            if (this.dict[i].key == _key) {
-              return this.dict[i].value
-            }
-          }
-        } catch (e) {
-          return null
-        }
-      },
-      // 设置字典
-      setDict(_key, value) {
-        if (_key !== null && _key !== "") {
-          this.dict.push({
-            key: _key,
-            value: value
-          })
-        }
-      },
-      // 删除字典
-      removeDict(_key) {
-        var bln = false
-        try {
-          for (let i = 0; i < this.dict.length; i++) {
-            if (this.dict[i].key == _key) {
-              this.dict.splice(i, 1)
-              return true
-            }
-          }
-        } catch (e) {
-          bln = false
-        }
-        return bln
-      },
-      // 清空字典
-      cleanDict() {
-        this.dict = new Array()
-      },
-      // 初始字典
-      initDict() {
-      }
-    }
-  })
-
-export default useDictStore
+interface DictItem {
+  key: string
+  value: any[]
+}
+
+interface DictState {
+  dict: DictItem[]
+}
+
+const useDictStore = defineStore(
+  'dict',
+  {
+    state: (): DictState => ({
+      dict: []
+    }),
+    actions: {
+      // 获取字典
+      getDict(_key: string): any[] | null {
+        if (_key == null && _key == "") {
+          return null
+        }
+        try {
+          for (let i = 0; i < this.dict.length; i++) {
+            if (this.dict[i].key == _key) {
+              return this.dict[i].value
+            }
+          }
+        } catch (e) {
+          return null
+        }
+        return null
+      },
+      // 设置字典
+      setDict(_key: string, value: any[]) {
+        if (_key !== null && _key !== "") {
+          this.dict.push({
+            key: _key,
+            value: value
+          })
+        }
+      },
+      // 删除字典
+      removeDict(_key: string): boolean {
+        let bln = false
+        try {
+          for (let i = 0; i < this.dict.length; i++) {
+            if (this.dict[i].key == _key) {
+              this.dict.splice(i, 1)
+              return true
+            }
+          }
+        } catch (e) {
+          bln = false
+        }
+        return bln
+      },
+      // 清空字典
+      cleanDict() {
+        this.dict = []
+      },
+      // 初始字典
+      initDict() {
+      }
+    }
+  })
+
+export default useDictStore
diff --git a/src/store/modules/permission.js b/src/store/modules/permission.ts
similarity index 79%
rename from src/store/modules/permission.js
rename to src/store/modules/permission.ts
index 6a16d9d..2c6d40e 100644
--- a/src/store/modules/permission.js
+++ b/src/store/modules/permission.ts
@@ -1,127 +1,127 @@
-import auth from '@/plugins/auth'
-import router, { constantRoutes, dynamicRoutes } from '@/router'
-import { getRouters } from '@/api/menu'
-import Layout from '@/layout/index'
-import ParentView from '@/components/ParentView'
-import InnerLink from '@/layout/components/InnerLink'
-
-// 匹配views里面所有的.vue文件
-const modules = import.meta.glob('./../../views/**/*.vue')
-
-const usePermissionStore = defineStore(
-  'permission',
-  {
-    state: () => ({
-      routes: [],
-      addRoutes: [],
-      defaultRoutes: [],
-      topbarRouters: [],
-      sidebarRouters: []
-    }),
-    actions: {
-      setRoutes(routes) {
-        this.addRoutes = routes
-        this.routes = constantRoutes.concat(routes)
-      },
-      setDefaultRoutes(routes) {
-        this.defaultRoutes = constantRoutes.concat(routes)
-      },
-      setTopbarRoutes(routes) {
-        this.topbarRouters = routes
-      },
-      setSidebarRouters(routes) {
-        this.sidebarRouters = routes
-      },
-      generateRoutes(roles) {
-        return new Promise(resolve => {
-          // 向后端请求路由数据
-          getRouters().then(res => {
-            const sdata = JSON.parse(JSON.stringify(res.data))
-            const rdata = JSON.parse(JSON.stringify(res.data))
-            const defaultData = JSON.parse(JSON.stringify(res.data))
-            const sidebarRoutes = filterAsyncRouter(sdata)
-            const rewriteRoutes = filterAsyncRouter(rdata, false, true)
-            const defaultRoutes = filterAsyncRouter(defaultData)
-            const asyncRoutes = filterDynamicRoutes(dynamicRoutes)
-            asyncRoutes.forEach(route => { router.addRoute(route) })
-            this.setRoutes(rewriteRoutes)
-            this.setSidebarRouters(constantRoutes.concat(sidebarRoutes))
-            this.setDefaultRoutes(sidebarRoutes)
-            this.setTopbarRoutes(defaultRoutes)
-            resolve(rewriteRoutes)
-          })
-        })
-      }
-    }
-  })
-
-// 遍历后台传来的路由字符串，转换为组件对象
-function filterAsyncRouter(asyncRouterMap, lastRouter = false, type = false) {
-  return asyncRouterMap.filter(route => {
-    if (type && route.children) {
-      route.children = filterChildren(route.children)
-    }
-    if (route.component) {
-      // Layout ParentView 组件特殊处理
-      if (route.component === 'Layout') {
-        route.component = Layout
-      } else if (route.component === 'ParentView') {
-        route.component = ParentView
-      } else if (route.component === 'InnerLink') {
-        route.component = InnerLink
-      } else {
-        route.component = loadView(route.component)
-      }
-    }
-    if (route.children != null && route.children && route.children.length) {
-      route.children = filterAsyncRouter(route.children, route, type)
-    } else {
-      delete route['children']
-      delete route['redirect']
-    }
-    return true
-  })
-}
-
-function filterChildren(childrenMap, lastRouter = false) {
-  var children = []
-  childrenMap.forEach(el => {
-    el.path = lastRouter ? lastRouter.path + '/' + el.path : el.path
-    if (el.children && el.children.length && el.component === 'ParentView') {
-      children = children.concat(filterChildren(el.children, el))
-    } else {
-      children.push(el)
-    }
-  })
-  return children
-}
-
-// 动态路由遍历，验证是否具备权限
-export function filterDynamicRoutes(routes) {
-  const res = []
-  routes.forEach(route => {
-    if (route.permissions) {
-      if (auth.hasPermiOr(route.permissions)) {
-        res.push(route)
-      }
-    } else if (route.roles) {
-      if (auth.hasRoleOr(route.roles)) {
-        res.push(route)
-      }
-    }
-  })
-  return res
-}
-
-export const loadView = (view) => {
-  let res
-  for (const path in modules) {
-    const dir = path.split('views/')[1].split('.vue')[0]
-    if (dir === view) {
-      res = () => modules[path]()
-    }
-  }
-  return res
-}
-
-export default usePermissionStore
+import auth from '@/plugins/auth'
+import router, { constantRoutes, dynamicRoutes } from '@/router'
+import { getRouters } from '@/api/menu'
+import Layout from '@/layout/index.vue'
+import ParentView from '@/components/ParentView/index.vue'
+import InnerLink from '@/layout/components/InnerLink/index.vue'
+
+// 匹配views里面所有的.vue文件
+const modules = import.meta.glob('./../../views/**/*.vue')
+
+const usePermissionStore = defineStore(
+  'permission',
+  {
+    state: () => ({
+      routes: [] as any[],
+      addRoutes: [] as any[],
+      defaultRoutes: [] as any[],
+      topbarRouters: [] as any[],
+      sidebarRouters: [] as any[]
+    }),
+    actions: {
+      setRoutes(routes: any[]) {
+        this.addRoutes = routes
+        this.routes = constantRoutes.concat(routes)
+      },
+      setDefaultRoutes(routes: any[]) {
+        this.defaultRoutes = constantRoutes.concat(routes)
+      },
+      setTopbarRoutes(routes: any[]) {
+        this.topbarRouters = routes
+      },
+      setSidebarRouters(routes: any[]) {
+        this.sidebarRouters = routes
+      },
+      generateRoutes(roles?: any[]): Promise<any[]> {
+        return new Promise(resolve => {
+          // 向后端请求路由数据
+          getRouters().then(res => {
+            const sdata = JSON.parse(JSON.stringify(res.data))
+            const rdata = JSON.parse(JSON.stringify(res.data))
+            const defaultData = JSON.parse(JSON.stringify(res.data))
+            const sidebarRoutes = filterAsyncRouter(sdata)
+            const rewriteRoutes = filterAsyncRouter(rdata, false, true)
+            const defaultRoutes = filterAsyncRouter(defaultData)
+            const asyncRoutes = filterDynamicRoutes(dynamicRoutes)
+            asyncRoutes.forEach(route => { router.addRoute(route) })
+            this.setRoutes(rewriteRoutes)
+            this.setSidebarRouters(constantRoutes.concat(sidebarRoutes))
+            this.setDefaultRoutes(sidebarRoutes)
+            this.setTopbarRoutes(defaultRoutes)
+            resolve(rewriteRoutes)
+          })
+        })
+      }
+    }
+  })
+
+// 遍历后台传来的路由字符串，转换为组件对象
+function filterAsyncRouter(asyncRouterMap: any[], lastRouter = false, type = false) {
+  return asyncRouterMap.filter(route => {
+    if (type && route.children) {
+      route.children = filterChildren(route.children)
+    }
+    if (route.component) {
+      // Layout ParentView 组件特殊处理
+      if (route.component === 'Layout') {
+        route.component = Layout
+      } else if (route.component === 'ParentView') {
+        route.component = ParentView
+      } else if (route.component === 'InnerLink') {
+        route.component = InnerLink
+      } else {
+        route.component = loadView(route.component)
+      }
+    }
+    if (route.children != null && route.children && route.children.length) {
+      route.children = filterAsyncRouter(route.children, route, type)
+    } else {
+      delete route['children']
+      delete route['redirect']
+    }
+    return true
+  })
+}
+
+function filterChildren(childrenMap: any[], lastRouter: any = false) {
+  var children: any[] = []
+  childrenMap.forEach(el => {
+    el.path = lastRouter ? lastRouter.path + '/' + el.path : el.path
+    if (el.children && el.children.length && el.component === 'ParentView') {
+      children = children.concat(filterChildren(el.children, el))
+    } else {
+      children.push(el)
+    }
+  })
+  return children
+}
+
+// 动态路由遍历，验证是否具备权限
+export function filterDynamicRoutes(routes: any[]): any[] {
+  const res: any[] = []
+  routes.forEach(route => {
+    if (route.permissions) {
+      if (auth.hasPermiOr(route.permissions)) {
+        res.push(route)
+      }
+    } else if (route.roles) {
+      if (auth.hasRoleOr(route.roles)) {
+        res.push(route)
+      }
+    }
+  })
+  return res
+}
+
+export const loadView = (view: string): any => {
+  let res
+  for (const path in modules) {
+    const dir = path.split('views/')[1].split('.vue')[0]
+    if (dir === view) {
+      res = () => modules[path]()
+    }
+  }
+  return res
+}
+
+export default usePermissionStore
diff --git a/src/store/modules/settings.js b/src/store/modules/settings.ts
similarity index 78%
rename from src/store/modules/settings.js
rename to src/store/modules/settings.ts
index 770d8d4..96a947c 100644
--- a/src/store/modules/settings.js
+++ b/src/store/modules/settings.ts
@@ -1,51 +1,67 @@
-import defaultSettings from '@/settings'
-import { useDark, useToggle } from '@vueuse/core'
-import { useDynamicTitle } from '@/utils/dynamicTitle'
-
-const isDark = useDark()
-const toggleDark = useToggle(isDark)
-
-const { sideTheme, showSettings, navType, tagsView, tagsIcon, fixedHeader, sidebarLogo, dynamicTitle, footerVisible, footerContent } = defaultSettings
-
-const storageSetting = JSON.parse(localStorage.getItem('layout-setting')) || ''
-
-const useSettingsStore = defineStore(
-  'settings',
-  {
-    state: () => ({
-      title: '',
-      theme: storageSetting.theme || '#409EFF',
-      sideTheme: storageSetting.sideTheme || sideTheme,
-      showSettings: showSettings,
-      navType: storageSetting.navType === undefined ? navType : storageSetting.navType,
-      tagsView: storageSetting.tagsView === undefined ? tagsView : storageSetting.tagsView,
-      tagsIcon: storageSetting.tagsIcon === undefined ? tagsIcon : storageSetting.tagsIcon,
-      fixedHeader: storageSetting.fixedHeader === undefined ? fixedHeader : storageSetting.fixedHeader,
-      sidebarLogo: storageSetting.sidebarLogo === undefined ? sidebarLogo : storageSetting.sidebarLogo,
-      dynamicTitle: storageSetting.dynamicTitle === undefined ? dynamicTitle : storageSetting.dynamicTitle,
-      footerVisible: storageSetting.footerVisible === undefined ? footerVisible : storageSetting.footerVisible,
-      footerContent: footerContent,
-      isDark: isDark.value
-    }),
-    actions: {
-      // 修改布局设置
-      changeSetting(data) {
-        const { key, value } = data
-        if (this.hasOwnProperty(key)) {
-          this[key] = value
-        }
-      },
-      // 设置网页标题
-      setTitle(title) {
-        this.title = title
-        useDynamicTitle()
-      },
-      // 切换暗黑模式
-      toggleTheme() {
-        this.isDark = !this.isDark
-        toggleDark()
-      }
-    }
-  })
-
-export default useSettingsStore
+import defaultSettings from '@/settings'
+import { useDark, useToggle } from '@vueuse/core'
+import { useDynamicTitle } from '@/utils/dynamicTitle'
+
+const isDark = useDark()
+const toggleDark = useToggle(isDark)
+
+const { sideTheme, showSettings, navType, tagsView, tagsIcon, fixedHeader, sidebarLogo, dynamicTitle, footerVisible, footerContent } = defaultSettings
+
+const storageSetting = JSON.parse(localStorage.getItem('layout-setting') || '{}') || {} 
+
+interface SettingsState {
+  title: string
+  theme: string
+  sideTheme: string
+  showSettings: boolean
+  navType: number
+  tagsView: boolean
+  tagsIcon: boolean
+  fixedHeader: boolean
+  sidebarLogo: boolean
+  dynamicTitle: boolean
+  footerVisible: boolean
+  footerContent: string
+  isDark: boolean
+}
+
+const useSettingsStore = defineStore(
+  'settings',
+  {
+    state: (): SettingsState => ({
+      title: '',
+      theme: storageSetting.theme || '#409EFF',
+      sideTheme: storageSetting.sideTheme || sideTheme,
+      showSettings: showSettings,
+      navType: storageSetting.navType === undefined ? navType : storageSetting.navType,
+      tagsView: storageSetting.tagsView === undefined ? tagsView : storageSetting.tagsView,
+      tagsIcon: storageSetting.tagsIcon === undefined ? tagsIcon : storageSetting.tagsIcon,
+      fixedHeader: storageSetting.fixedHeader === undefined ? fixedHeader : storageSetting.fixedHeader,
+      sidebarLogo: storageSetting.sidebarLogo === undefined ? sidebarLogo : storageSetting.sidebarLogo,
+      dynamicTitle: storageSetting.dynamicTitle === undefined ? dynamicTitle : storageSetting.dynamicTitle,
+      footerVisible: storageSetting.footerVisible === undefined ? footerVisible : storageSetting.footerVisible,
+      footerContent: footerContent,
+      isDark: isDark.value
+    }),
+    actions: {
+      // 修改布局设置
+      changeSetting(data: { key: string; value: any }) {
+        const { key, value } = data
+        if (this.hasOwnProperty(key)) {
+          (this as any)[key] = value
+        }
+      },
+      // 设置网页标题
+      setTitle(title: string) {
+        this.title = title
+        useDynamicTitle()
+      },
+      // 切换暗黑模式
+      toggleTheme() {
+        this.isDark = !this.isDark
+        toggleDark()
+      }
+    }
+  })
+
+export default useSettingsStore
diff --git a/src/store/modules/tagsView.js b/src/store/modules/tagsView.js
deleted file mode 100644
index b0d4ca1..0000000
--- a/src/store/modules/tagsView.js
+++ /dev/null
@@ -1,182 +0,0 @@
-const useTagsViewStore = defineStore(
-  'tags-view',
-  {
-    state: () => ({
-      visitedViews: [],
-      cachedViews: [],
-      iframeViews: []
-    }),
-    actions: {
-      addView(view) {
-        this.addVisitedView(view)
-        this.addCachedView(view)
-      },
-      addIframeView(view) {
-        if (this.iframeViews.some(v => v.path === view.path)) return
-        this.iframeViews.push(
-          Object.assign({}, view, {
-            title: view.meta.title || 'no-name'
-          })
-        )
-      },
-      addVisitedView(view) {
-        if (this.visitedViews.some(v => v.path === view.path)) return
-        this.visitedViews.push(
-          Object.assign({}, view, {
-            title: view.meta.title || 'no-name'
-          })
-        )
-      },
-      addCachedView(view) {
-        if (this.cachedViews.includes(view.name)) return
-        if (!view.meta.noCache) {
-          this.cachedViews.push(view.name)
-        }
-      },
-      delView(view) {
-        return new Promise(resolve => {
-          this.delVisitedView(view)
-          this.delCachedView(view)
-          resolve({
-            visitedViews: [...this.visitedViews],
-            cachedViews: [...this.cachedViews]
-          })
-        })
-      },
-      delVisitedView(view) {
-        return new Promise(resolve => {
-          for (const [i, v] of this.visitedViews.entries()) {
-            if (v.path === view.path) {
-              this.visitedViews.splice(i, 1)
-              break
-            }
-          }
-          this.iframeViews = this.iframeViews.filter(item => item.path !== view.path)
-          resolve([...this.visitedViews])
-        })
-      },
-      delIframeView(view) {
-        return new Promise(resolve => {
-          this.iframeViews = this.iframeViews.filter(item => item.path !== view.path)
-          resolve([...this.iframeViews])
-        })
-      },
-      delCachedView(view) {
-        return new Promise(resolve => {
-          const index = this.cachedViews.indexOf(view.name)
-          index > -1 && this.cachedViews.splice(index, 1)
-          resolve([...this.cachedViews])
-        })
-      },
-      delOthersViews(view) {
-        return new Promise(resolve => {
-          this.delOthersVisitedViews(view)
-          this.delOthersCachedViews(view)
-          resolve({
-            visitedViews: [...this.visitedViews],
-            cachedViews: [...this.cachedViews]
-          })
-        })
-      },
-      delOthersVisitedViews(view) {
-        return new Promise(resolve => {
-          this.visitedViews = this.visitedViews.filter(v => {
-            return v.meta.affix || v.path === view.path
-          })
-          this.iframeViews = this.iframeViews.filter(item => item.path === view.path)
-          resolve([...this.visitedViews])
-        })
-      },
-      delOthersCachedViews(view) {
-        return new Promise(resolve => {
-          const index = this.cachedViews.indexOf(view.name)
-          if (index > -1) {
-            this.cachedViews = this.cachedViews.slice(index, index + 1)
-          } else {
-            this.cachedViews = []
-          }
-          resolve([...this.cachedViews])
-        })
-      },
-      delAllViews(view) {
-        return new Promise(resolve => {
-          this.delAllVisitedViews(view)
-          this.delAllCachedViews(view)
-          resolve({
-            visitedViews: [...this.visitedViews],
-            cachedViews: [...this.cachedViews]
-          })
-        })
-      },
-      delAllVisitedViews(view) {
-        return new Promise(resolve => {
-          const affixTags = this.visitedViews.filter(tag => tag.meta.affix)
-          this.visitedViews = affixTags
-          this.iframeViews = []
-          resolve([...this.visitedViews])
-        })
-      },
-      delAllCachedViews(view) {
-        return new Promise(resolve => {
-          this.cachedViews = []
-          resolve([...this.cachedViews])
-        })
-      },
-      updateVisitedView(view) {
-        for (let v of this.visitedViews) {
-          if (v.path === view.path) {
-            v = Object.assign(v, view)
-            break
-          }
-        }
-      },
-      delRightTags(view) {
-        return new Promise(resolve => {
-          const index = this.visitedViews.findIndex(v => v.path === view.path)
-          if (index === -1) {
-            return
-          }
-          this.visitedViews = this.visitedViews.filter((item, idx) => {
-            if (idx <= index || (item.meta && item.meta.affix)) {
-              return true
-            }
-            const i = this.cachedViews.indexOf(item.name)
-            if (i > -1) {
-              this.cachedViews.splice(i, 1)
-            }
-            if(item.meta.link) {
-              const fi = this.iframeViews.findIndex(v => v.path === item.path)
-              this.iframeViews.splice(fi, 1)
-            }
-            return false
-          })
-          resolve([...this.visitedViews])
-        })
-      },
-      delLeftTags(view) {
-        return new Promise(resolve => {
-          const index = this.visitedViews.findIndex(v => v.path === view.path)
-          if (index === -1) {
-            return
-          }
-          this.visitedViews = this.visitedViews.filter((item, idx) => {
-            if (idx >= index || (item.meta && item.meta.affix)) {
-              return true
-            }
-            const i = this.cachedViews.indexOf(item.name)
-            if (i > -1) {
-              this.cachedViews.splice(i, 1)
-            }
-            if(item.meta.link) {
-              const fi = this.iframeViews.findIndex(v => v.path === item.path)
-              this.iframeViews.splice(fi, 1)
-            }
-            return false
-          })
-          resolve([...this.visitedViews])
-        })
-      }
-    }
-  })
-
-export default useTagsViewStore
diff --git a/src/store/modules/tagsView.ts b/src/store/modules/tagsView.ts
new file mode 100644
index 0000000..1c87d30
--- /dev/null
+++ b/src/store/modules/tagsView.ts
@@ -0,0 +1,219 @@
+interface ViewMeta {
+  title?: string
+  noCache?: boolean
+  affix?: boolean
+  link?: string
+  [key: string]: any
+}
+
+interface View {
+  path: string
+  name?: string
+  meta: ViewMeta
+  [key: string]: any
+}
+
+const useTagsViewStore = defineStore(
+  'tags-view',
+  {
+    state: () => ({
+      visitedViews: [] as View[],
+      cachedViews: [] as string[],
+      iframeViews: [] as View[]
+    }),
+
+    actions: {
+      addView(view: any) {
+        this.addVisitedView(view)
+        this.addCachedView(view)
+      },
+
+      addIframeView(view: any) {
+        if (this.iframeViews.some((v: any) => v.path === view.path)) return
+        this.iframeViews.push(
+          Object.assign({}, view, {
+            title: view.meta?.title || 'no-name'
+          })
+        )
+      },
+
+      addVisitedView(view: any) {
+        if (this.visitedViews.some((v: any) => v.path === view.path)) return
+        this.visitedViews.push(
+          Object.assign({}, view, {
+            title: view.meta?.title || 'no-name'
+          })
+        )
+      },
+
+      addCachedView(view: any) {
+        if (this.cachedViews.includes(view.name)) return
+        if (!view.meta?.noCache) {
+          this.cachedViews.push(view.name)
+        }
+      },
+
+      delView(view: any) {
+        return new Promise<{ visitedViews: View[], cachedViews: string[] }>(resolve => {
+          this.delVisitedView(view)
+          this.delCachedView(view)
+          resolve({
+            visitedViews: [...this.visitedViews],
+            cachedViews: [...this.cachedViews]
+          })
+        })
+      },
+
+      delVisitedView(view: any) {
+        return new Promise<View[]>(resolve => {
+          for (const [i, v] of this.visitedViews.entries()) {
+            if (v.path === view.path) {
+              this.visitedViews.splice(i, 1)
+              break
+            }
+          }
+          this.iframeViews = this.iframeViews.filter((item: any) => item.path !== view.path)
+          resolve([...this.visitedViews])
+        })
+      },
+
+      delIframeView(view: any) {
+        return new Promise<View[]>(resolve => {
+          this.iframeViews = this.iframeViews.filter((item: any) => item.path !== view.path)
+          resolve([...this.iframeViews])
+        })
+      },
+
+      delCachedView(view: any) {
+        return new Promise<string[]>(resolve => {
+          const index = this.cachedViews.indexOf(view.name)
+          index > -1 && this.cachedViews.splice(index, 1)
+          resolve([...this.cachedViews])
+        })
+      },
+
+      delOthersViews(view: any) {
+        return new Promise<{ visitedViews: View[], cachedViews: string[] }>(resolve => {
+          this.delOthersVisitedViews(view)
+          this.delOthersCachedViews(view)
+          resolve({
+            visitedViews: [...this.visitedViews],
+            cachedViews: [...this.cachedViews]
+          })
+        })
+      },
+
+      delOthersVisitedViews(view: any) {
+        return new Promise<View[]>(resolve => {
+          this.visitedViews = this.visitedViews.filter((v: any) => {
+            return v.meta?.affix || v.path === view.path
+          })
+          this.iframeViews = this.iframeViews.filter((item: any) => item.path === view.path)
+          resolve([...this.visitedViews])
+        })
+      },
+
+      delOthersCachedViews(view: any) {
+        return new Promise<string[]>(resolve => {
+          const index = this.cachedViews.indexOf(view.name)
+          if (index > -1) {
+            this.cachedViews = this.cachedViews.slice(index, index + 1)
+          } else {
+            this.cachedViews = []
+          }
+          resolve([...this.cachedViews])
+        })
+      },
+
+      delAllViews(view?: any) {
+        return new Promise<{ visitedViews: View[], cachedViews: string[] }>(resolve => {
+          this.delAllVisitedViews(view)
+          this.delAllCachedViews(view)
+          resolve({
+            visitedViews: [...this.visitedViews],
+            cachedViews: [...this.cachedViews]
+          })
+        })
+      },
+
+      delAllVisitedViews(view: any) {
+        return new Promise<View[]>(resolve => {
+          const affixTags = this.visitedViews.filter((tag: any) => tag.meta?.affix)
+          this.visitedViews = affixTags
+          this.iframeViews = []
+          resolve([...this.visitedViews])
+        })
+      },
+
+      delAllCachedViews(view: any) {
+        return new Promise<string[]>(resolve => {
+          this.cachedViews = []
+          resolve([...this.cachedViews])
+        })
+      },
+
+      updateVisitedView(view: any) {
+        for (let v of this.visitedViews) {
+          if (v.path === view.path) {
+            v = Object.assign(v, view)
+            break
+          }
+        }
+      },
+
+      delRightTags(view: any) {
+        return new Promise<View[]>(resolve => {
+          const index = this.visitedViews.findIndex((v: any) => v.path === view.path)
+          if (index === -1) {
+            return
+          }
+          this.visitedViews = this.visitedViews.filter((item: any, idx: number) => {
+            if (idx <= index || (item.meta && item.meta.affix)) {
+              return true
+            }
+            if (item.name) {
+              const i = this.cachedViews.indexOf(item.name)
+              if (i > -1) {
+                this.cachedViews.splice(i, 1)
+              }
+            }
+            if (item.meta?.link) {
+              const fi = this.iframeViews.findIndex((v: any) => v.path === item.path)
+              this.iframeViews.splice(fi, 1)
+            }
+            return false
+          })
+          resolve([...this.visitedViews])
+        })
+      },
+
+      delLeftTags(view: any) {
+        return new Promise<View[]>(resolve => {
+          const index = this.visitedViews.findIndex((v: any) => v.path === view.path)
+          if (index === -1) {
+            return
+          }
+          this.visitedViews = this.visitedViews.filter((item: any, idx: number) => {
+            if (idx >= index || (item.meta && item.meta.affix)) {
+              return true
+            }
+            if (item.name) {
+              const i = this.cachedViews.indexOf(item.name)
+              if (i > -1) {
+                this.cachedViews.splice(i, 1)
+              }
+            }
+            if (item.meta?.link) {
+              const fi = this.iframeViews.findIndex((v: any) => v.path === item.path)
+              this.iframeViews.splice(fi, 1)
+            }
+            return false
+          })
+          resolve([...this.visitedViews])
+        })
+      }
+    }
+  }
+)
+
+export default useTagsViewStore
diff --git a/src/store/modules/user.js b/src/store/modules/user.ts
similarity index 79%
rename from src/store/modules/user.js
rename to src/store/modules/user.ts
index 0f54c2d..9ff4a82 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.ts
@@ -1,91 +1,101 @@
-import router from '@/router'
-import { ElMessageBox, } from 'element-plus'
-import { login, logout, getInfo } from '@/api/login'
-import { getToken, setToken, removeToken } from '@/utils/auth'
-import { isHttp, isEmpty } from "@/utils/validate"
-import defAva from '@/assets/images/profile.jpg'
-
-const useUserStore = defineStore(
-  'user',
-  {
-    state: () => ({
-      token: getToken(),
-      id: '',
-      name: '',
-      nickName: '',
-      avatar: '',
-      roles: [],
-      permissions: []
-    }),
-    actions: {
-      // 登录
-      login(userInfo) {
-        const username = userInfo.username.trim()
-        const password = userInfo.password
-        const code = userInfo.code
-        const uuid = userInfo.uuid
-        return new Promise((resolve, reject) => {
-          login(username, password, code, uuid).then(res => {
-            setToken(res.token)
-            this.token = res.token
-            resolve()
-          }).catch(error => {
-            reject(error)
-          })
-        })
-      },
-      // 获取用户信息
-      getInfo() {
-        return new Promise((resolve, reject) => {
-          getInfo().then(res => {
-            const user = res.user
-            let avatar = user.avatar || ""
-            if (!isHttp(avatar)) {
-              avatar = (isEmpty(avatar)) ? defAva : import.meta.env.VITE_APP_BASE_API + avatar
-            }
-            if (res.roles && res.roles.length > 0) { // 验证返回的roles是否是一个非空数组
-              this.roles = res.roles
-              this.permissions = res.permissions
-            } else {
-              this.roles = ['ROLE_DEFAULT']
-            }
-            this.id = user.userId
-            this.name = user.userName
-            this.nickName = user.nickName
-            this.avatar = avatar
-            /* 初始密码提示 */
-            if(res.isDefaultModifyPwd) {
-              ElMessageBox.confirm('您的密码还是初始密码，请修改密码！',  '安全提示', {  confirmButtonText: '确定',  cancelButtonText: '取消',  type: 'warning' }).then(() => {
-                router.push({ name: 'Profile', params: { activeTab: 'resetPwd' } })
-              }).catch(() => {})
-            }
-            /* 过期密码提示 */
-            if(!res.isDefaultModifyPwd && res.isPasswordExpired) {
-              ElMessageBox.confirm('您的密码已过期，请尽快修改密码！',  '安全提示', {  confirmButtonText: '确定',  cancelButtonText: '取消',  type: 'warning' }).then(() => {
-                router.push({ name: 'Profile', params: { activeTab: 'resetPwd' } })
-              }).catch(() => {})
-            }
-            resolve(res)
-          }).catch(error => {
-            reject(error)
-          })
-        })
-      },
-      // 退出系统
-      logOut() {
-        return new Promise((resolve, reject) => {
-          logout(this.token).then(() => {
-            this.token = ''
-            this.roles = []
-            this.permissions = []
-            removeToken()
-            resolve()
-          }).catch(error => {
-            reject(error)
-          })
-        })
-      }
-    }
-  })
-
-export default useUserStore
+import router from '@/router'
+import { ElMessageBox } from 'element-plus'
+import { login, logout, getInfo } from '@/api/login'
+import { getToken, setToken, removeToken } from '@/utils/auth'
+import { isHttp, isEmpty } from "@/utils/validate"
+import defAva from '@/assets/images/profile.jpg'
+
+interface UserState {
+  token: string | undefined
+  id: string | number
+  name: string
+  nickName: string
+  avatar: string
+  roles: string[]
+  permissions: string[]
+}
+
+const useUserStore = defineStore(
+  'user',
+  {
+    state: (): UserState => ({
+      token: getToken(),
+      id: '',
+      name: '',
+      nickName: '',
+      avatar: '',
+      roles: [],
+      permissions: []
+    }),
+    actions: {
+      // 登录
+      login(userInfo: { username: string; password: string; code: string; uuid: string }) {
+        const username = userInfo.username.trim()
+        const password = userInfo.password
+        const code = userInfo.code
+        const uuid = userInfo.uuid
+        return new Promise<void>((resolve, reject) => {
+          login(username, password, code, uuid).then(res => {
+            setToken(res.token)
+            this.token = res.token
+            resolve()
+          }).catch(error => {
+            reject(error)
+          })
+        })
+      },
+      // 获取用户信息
+      getInfo() {
+        return new Promise((resolve, reject) => {
+          getInfo().then(res => {
+            const user = res.user
+            let avatar = user.avatar || ''
+            if (!isHttp(avatar)) {
+              avatar = (isEmpty(avatar)) ? defAva : import.meta.env.VITE_APP_BASE_API + avatar
+            }
+            if (res.roles && res.roles.length > 0) { // 验证返回的roles是否是一个非空数组
+              this.roles = res.roles
+              this.permissions = res.permissions
+            } else {
+              this.roles = ['ROLE_DEFAULT']
+            }
+            this.id = user.userId || ''
+            this.name = user.userName || ''
+            this.nickName = user.nickName || ''
+            this.avatar = avatar
+            /* 初始密码提示 */
+            if(res.isDefaultModifyPwd) {
+              ElMessageBox.confirm('您的密码还是初始密码，请修改密码！',  '安全提示', {  confirmButtonText: '确定',  cancelButtonText: '取消',  type: 'warning' }).then(() => {
+                router.push({ name: 'Profile', params: { activeTab: 'resetPwd' } })
+              }).catch(() => {})
+            }
+            /* 过期密码提示 */
+            if(!res.isDefaultModifyPwd && res.isPasswordExpired) {
+              ElMessageBox.confirm('您的密码已过期，请尽快修改密码！',  '安全提示', {  confirmButtonText: '确定',  cancelButtonText: '取消',  type: 'warning' }).then(() => {
+                router.push({ name: 'Profile', params: { activeTab: 'resetPwd' } })
+              }).catch(() => {})
+            }
+            resolve(res)
+          }).catch(error => {
+            reject(error)
+          })
+        })
+      },
+      // 退出系统
+      logOut() {
+        return new Promise<void>((resolve, reject) => {
+          logout().then(() => {
+            this.token = ''
+            this.roles = []
+            this.permissions = []
+            removeToken()
+            resolve()
+          }).catch((error: any) => {
+            reject(error)
+          })
+        })
+      }
+    }
+  })
+
+export default useUserStore
diff --git a/src/types/api/common.ts b/src/types/api/common.ts
new file mode 100644
index 0000000..e6fc621
--- /dev/null
+++ b/src/types/api/common.ts
@@ -0,0 +1,85 @@
+/** API 通用响应类型 */
+export interface AjaxResult<T = any> {
+  /** 状态码 */
+  code: number
+  /** 返回内容 */
+  msg: string
+  /** 数据对象 */
+  data?: T
+}
+
+/** API 表格响应类型 */
+export interface TableDataInfo<T = any> {
+  /** 状态码 */
+  code: number
+  /** 返回内容 */
+  msg: string
+  /** 总记录数 */
+  total: number
+  /** 列表数据 */
+  rows: T[]
+}
+
+/** 分页参数类型 */
+export interface PageDomain {
+  /** 当前记录起始索引 */
+  pageNum?: number
+  /** 每页显示记录数 */
+  pageSize?: number
+  /** 排序列 */
+  orderByColumn?: string
+  /** 排序的方向desc或者asc */
+  isAsc?: string
+  /** 分页参数合理化 */
+  reasonable?: boolean
+}
+
+/** Entity基类 */
+export interface BaseEntity {
+  /** 搜索值 */
+  searchValue?: string
+  /** 创建者 */
+  createBy?: string
+  /** 创建时间 */
+  createTime?: string
+  /** 更新者 */
+  updateBy?: string
+  /** 更新时间 */
+  updateTime?: string
+  /** 备注 */
+  remark?: string
+  /** 请求参数 */
+  params?: Record<string, any>
+}
+
+/** Treeselect树结构类型 */
+export interface TreeSelect {
+  /** 节点ID */
+  id?: number
+  /** 节点名称 */
+  label?: string
+  /** 节点禁用 */
+  disabled: boolean
+  /** 子节点 */
+  children: TreeSelect[]
+}
+
+/** 显隐列信息 */
+export interface TableShowColumns {
+  // 显示名称
+  label: string
+  // 是否显示
+  visible: boolean
+}
+
+/** 文件上传响应数据 */
+export interface UploadFileResult extends AjaxResult {
+  /** 文件名称（包含路径） */
+  fileName: string
+  /** 文件名称（不含路径） */
+  newFileName: string
+  /** 完整URL地址 */
+  url: string
+  /** 原始文件名称 */
+  originalFilename: string
+}
diff --git a/src/types/api/index.ts b/src/types/api/index.ts
new file mode 100644
index 0000000..2ffa461
--- /dev/null
+++ b/src/types/api/index.ts
@@ -0,0 +1,29 @@
+/**
+ * API 类型统一导出
+ */
+export * from "./common";
+
+// 登录模块
+export * from "./login";
+export * from "./menu";
+
+// System 模块
+export * from "./system/user";
+export * from "./system/role";
+export * from "./system/menu";
+export * from "./system/dept";
+export * from "./system/post";
+export * from "./system/dict";
+export * from "./system/config";
+export * from "./system/notice";
+
+// monitor 模块
+export * from "./monitor/cache";
+export * from "./monitor/job";
+export * from "./monitor/jobLog";
+export * from "./monitor/logininfor";
+export * from "./monitor/operlog";
+export * from "./monitor/online";
+
+// 代码生成模块
+export * from "./tool/gen";
diff --git a/src/types/api/login.ts b/src/types/api/login.ts
new file mode 100644
index 0000000..de8db26
--- /dev/null
+++ b/src/types/api/login.ts
@@ -0,0 +1,50 @@
+import type { AjaxResult } from './common'
+import type { SysUser } from './system/user'
+
+// 登录响应
+export interface LoginInfoResult extends AjaxResult {
+  /** 令牌 */
+  token: string
+}
+
+/** 用户信息响应 */
+export interface UserInfoResult extends AjaxResult {
+  /** 用户信息 */
+  user: SysUser
+  /** 角色数据 */
+  roles: string[]
+  /** 权限数据 */
+  permissions: string[]
+  /** 初始密码是否提醒修改 */
+  isDefaultModifyPwd?: boolean
+  /** 密码是否过期 */
+  isPasswordExpired?: boolean
+}
+
+/** 验证码响应 */
+export interface CaptchaInfoResult extends AjaxResult {
+  /** 验证码缓存key */
+  uuid: string;
+  /** 验证码图片Base64 */
+  img: string;
+  /** 验证码开关 */
+  captchaEnabled: boolean
+}
+
+/** 注册提交信息 */
+export interface RegisterForm {
+  username: string
+  password: string
+  confirmPassword: string
+  code: string
+  uuid: string
+}
+
+/** 登录提交信息 */
+export interface LoginForm {
+  username: string
+  password: string
+  rememberMe?: boolean | string
+  code: string
+  uuid: string
+}
diff --git a/src/types/api/menu.ts b/src/types/api/menu.ts
new file mode 100644
index 0000000..c3d3db9
--- /dev/null
+++ b/src/types/api/menu.ts
@@ -0,0 +1,33 @@
+/** 路由信息 */
+export interface RouterVo {
+  /** 路由名字 */
+  name?: string;
+  /** 路由地址 */
+  path?: string;
+  /** 是否隐藏路由，当设置 true 的时候该路由不会再侧边栏出现 */
+  hidden?: boolean;
+  /** 重定向地址，当设置 noRedirect 的时候该路由在面包屑导航中不可被点击 */
+  redirect?: string;
+  /** 组件地址 */
+  component?: string;
+  /** 路由参数：如 {"id": 1, "name": "ry"} */
+  query?: string;
+  /** 当你一个路由下面的 children 声明的路由大于1个时，自动会变成嵌套的模式--如组件页面 */
+  alwaysShow?: boolean;
+  /** 其他元素 */
+  meta?: MetaVo;
+  /** 子路由 */
+  children?: RouterVo[]
+}
+
+/** 路由其他元素信息 */
+export interface MetaVo {
+  /** 设置该路由在侧边栏和面包屑中展示的名字 */
+  title?: string
+  /** 设置该路由的图标，对应路径src/assets/icons/svg */
+  icon?: string
+  /** 设置为true，则不会被 <keep-alive>缓存 */
+  noCache?: boolean
+  /** 内链地址（http(s)://开头） */
+  link?: string
+}
diff --git a/src/types/api/monitor/cache.ts b/src/types/api/monitor/cache.ts
new file mode 100644
index 0000000..7e076d9
--- /dev/null
+++ b/src/types/api/monitor/cache.ts
@@ -0,0 +1,11 @@
+/** 定时任务信息 */
+export interface SysCache {
+  /** 缓存名称 */
+  cacheName?: string;
+  /** 缓存键名 */
+  cacheKey?: string;
+  /** 缓存内容 */
+  cacheValue?: string;
+  /** 备注 */
+  remark?: string;
+}
diff --git a/src/types/api/monitor/job.ts b/src/types/api/monitor/job.ts
new file mode 100644
index 0000000..04c713a
--- /dev/null
+++ b/src/types/api/monitor/job.ts
@@ -0,0 +1,33 @@
+import type { PageDomain, BaseEntity } from "../common";
+
+/** 定时任务分页查询参数 */
+export interface JobQueryParams extends PageDomain {
+  /** 任务名称 */
+  jobName?: string;
+  /** 任务组名 */
+  jobGroup?: string;
+  /** 任务状态 */
+  status?: string;
+}
+
+/** 定时任务信息 */
+export interface SysJob extends BaseEntity {
+  /** 任务编号 */
+  jobId?: number;
+  /** 任务名称 */
+  jobName?: string;
+  /** 任务组名 */
+  jobGroup?: string;
+  /** 调用目标字符串 */
+  invokeTarget?: string;
+  /** 执行表达式 */
+  cronExpression?: string;
+  /** 下次执行时间 */
+  nextValidTime?: Date;
+  /** 计划策略 */
+  misfirePolicy?: '1' | '2' | '3';
+  /** 并发执行（0允许 1禁止） */
+  concurrent?: '0' | '1';
+  /** 状态（0正常 1暂停） */
+  status?: '0' | '1';
+}
diff --git a/src/types/api/monitor/jobLog.ts b/src/types/api/monitor/jobLog.ts
new file mode 100644
index 0000000..7a61a46
--- /dev/null
+++ b/src/types/api/monitor/jobLog.ts
@@ -0,0 +1,34 @@
+import type { PageDomain, BaseEntity } from "../common";
+
+/** 定时任务日志分页查询参数 */
+export interface JobLogQueryParams extends PageDomain {
+  /** 任务名称 */
+  jobName?: string;
+  /** 任务组名 */
+  jobGroup?: string;
+  /** 执行状态 */
+  status?: string;
+  /** 执行时间 */
+  params?: {
+    beginTime?: string;
+    endTime?: string;
+  };
+}
+
+/** 定时任务日志信息 */
+export interface SysJobLog extends BaseEntity {
+  /** 任务日志编号 */
+  jobLogId?: number;
+  /** 任务名称 */
+  jobName?: string;
+  /** 任务组名 */
+  jobGroup?: string;
+  /** 调用目标字符串 */
+  invokeTarget?: string;
+  /** 日志信息 */
+  jobMessage?: string;
+  /** 异常信息 */
+  exceptionInfo?: string;
+  /** 状态（0正常 1失败） */
+  status?: '0' | '1';
+}
diff --git a/src/types/api/monitor/logininfor.ts b/src/types/api/monitor/logininfor.ts
new file mode 100644
index 0000000..0b81e83
--- /dev/null
+++ b/src/types/api/monitor/logininfor.ts
@@ -0,0 +1,38 @@
+import type { PageDomain, BaseEntity } from "../common";
+
+/** 登录日志分页查询参数 */
+export interface LogininforQueryParams extends PageDomain {
+  /** 登录地址 */
+  ipaddr?: string;
+  /** 用户名称 */
+  userName?: string;
+  /** 状态 */
+  status?: string;
+  /** 登录时间 */
+  params?: {
+    beginTime?: string;
+    endTime?: string;
+  };
+}
+
+/** 登录日志信息 */
+export interface SysLogininfor extends BaseEntity {
+  /** 登录日志编号 */
+  infoId?: number;
+  /** 用户账号 */
+  userName?: string;
+  /** 登录地址 */
+  ipaddr?: string;
+  /** 登录地点 */
+  loginLocation?: string;
+  /** 浏览器 */
+  browser?: string;
+  /** 操作系统 */
+  os?: string;
+  /** 提示消息 */
+  msg?: string;
+  /** 访问时间 */
+  loginTime?: Date;
+  /** 状态（0正常 1失败） */
+  status?: '0' | '1';
+}
diff --git a/src/types/api/monitor/online.ts b/src/types/api/monitor/online.ts
new file mode 100644
index 0000000..3ca96cd
--- /dev/null
+++ b/src/types/api/monitor/online.ts
@@ -0,0 +1,27 @@
+/** 在线用户分页查询参数 */
+export interface OnlineQueryParams {
+  /** 登录地址 */
+  ipaddr?: string;
+  /** 用户名称 */
+  userName?: string;
+}
+
+/** 在线用户信息 */
+export interface SysUserOnline {
+  /** 会话编号 */
+  tokenId?: string;
+  /** 部门名称 */
+  deptName?: string;
+  /** 用户名称 */
+  userName?: string;
+  /** 登录IP */
+  ipaddr?: string;
+  /** 登录地址 */
+  loginLocation?: string;
+  /** 浏览器类型 */
+  browser?: string;
+  /** 操作系统 */
+  os?: string;
+  /** 登录时间 */
+  loginTime?: number;
+}
diff --git a/src/types/api/monitor/operlog.ts b/src/types/api/monitor/operlog.ts
new file mode 100644
index 0000000..a6530e3
--- /dev/null
+++ b/src/types/api/monitor/operlog.ts
@@ -0,0 +1,58 @@
+import type { PageDomain, BaseEntity } from "../common";
+
+/** 操作日志分页查询参数 */
+export interface OperlogQueryParams extends PageDomain {
+  /** 操作地址 */
+  operIp?: string;
+  /** 系统模块 */
+  title?: string;
+  /** 操作人员 */
+  operName?: string;
+  /** 类型 */
+  businessType?: number;
+  /** 状态 */
+  status?: string;
+  /** 登录时间 */
+  params?: {
+    beginTime?: string;
+    endTime?: string;
+  };
+}
+
+/** 操作日志信息 */
+export interface SysOperLog extends BaseEntity {
+  /** 操作日志编号 */
+  operId?: number;
+  /** 操作模块 */
+  title?: string;
+  /** 业务类型（0=其它,1=新增,2=修改,3=删除,4=授权,5=导出,6=导入,7=强退,8=生成代码,9=清空数据） */
+  businessType?: number;
+  /** 请求方法 */
+  method?: string;
+  /** 请求方式 */
+  requestMethod?: string;
+  /** 操作类别 */
+  operatorType?: string;
+  /** 操作人员 */
+  operName?: string;
+  /** 部门名称 */
+  deptName?: string;
+  /** 请求地址 */
+  operUrl?: string;
+  /** 操作地址 */
+  operIp?: string;
+  /** 操作地点 */
+  operLocation?: string;
+  /** 请求参数 */
+  operParam?: string;
+  /** 返回参数 */
+  jsonResult?: string;
+  /** 错误消息 */
+  errorMsg?: string;
+  /** 操作时间 */
+  operTime?: Date;
+  /** 消耗时间 */
+  costTime?: number;
+  /** 状态（0正常 1异常） */
+  status?: '0' | '1';
+}
diff --git a/src/types/api/system/config.ts b/src/types/api/system/config.ts
new file mode 100644
index 0000000..3e02f6d
--- /dev/null
+++ b/src/types/api/system/config.ts
@@ -0,0 +1,30 @@
+import type { PageDomain, BaseEntity } from "../common";
+
+/** 参数配置分页查询参数 */
+export interface ConfigQueryParams extends PageDomain {
+  /** 参数名称 */
+  configName?: string;
+  /** 参数键名 */
+  configKey?: string;
+  /** 系统内置 */
+  configType?: string;
+  /** 创建时间 */
+  params?: {
+    beginTime?: string;
+    endTime?: string;
+  };
+}
+
+/** 参数配置信息 */
+export interface SysConfig extends BaseEntity {
+  /** 参数编号 */
+  configId?: number;
+  /** 参数名称 */
+  configName?: string;
+  /** 参数键名 */
+  configKey?: string;
+  /** 参数键值 */
+  configValue?: string;
+  /** 系统内置（Y是 N否） */
+  configType?: 'Y' | 'N';
+}
diff --git a/src/types/api/system/dept.ts b/src/types/api/system/dept.ts
new file mode 100644
index 0000000..ff29ba5
--- /dev/null
+++ b/src/types/api/system/dept.ts
@@ -0,0 +1,31 @@
+import type { BaseEntity } from "../common";
+
+/** 部门查询参数 */
+export interface DeptQueryParams {
+  /** 部门名称 */
+  deptName?: string;
+  /** 状态 */
+  status?: string;
+}
+
+/** 部门信息 */
+export interface SysDept extends BaseEntity {
+  /** 部门编号 */
+  deptId?: number;
+  /** 父部门ID */
+  parentId?: number;
+  /** 祖级列表 */
+  ancestors?: string;
+  /** 部门名称 */
+  deptName?: string;
+  /** 显示顺序 */
+  orderNum?: number;
+  /** 负责人 */
+  leader?: string;
+  /** 联系电话 */
+  phone?: string;
+  /** 邮箱 */
+  email?: string;
+  /** 状态（0正常 1停用） */
+  status?: '0' | '1';
+}
diff --git a/src/types/api/system/dict.ts b/src/types/api/system/dict.ts
new file mode 100644
index 0000000..fb1d7d3
--- /dev/null
+++ b/src/types/api/system/dict.ts
@@ -0,0 +1,60 @@
+import type { PageDomain, BaseEntity } from "../common";
+
+/** 字典分页查询参数 */
+export interface DictTypeQueryParams extends PageDomain {
+  /** 字典名称 */
+  dictName?: string;
+  /** 字典类型 */
+  dictType?: string;
+  /** 状态 */
+  status?: string;
+  /** 创建时间 */
+  params?: {
+    beginTime?: string;
+    endTime?: string;
+  };
+}
+
+/** 字典数据查询参数 */
+export interface DictDataQueryParams extends PageDomain {
+  /** 字典名称 */
+  dictName?: string;
+  /** 字典标签 */
+  dictLabel?: string;
+  /** 状态 */
+  status?: string;
+}
+
+/** 字典类型信息 */
+export interface SysDictType extends BaseEntity {
+  /** 字典编号 */
+  dictId?: number;
+  /** 字典名称 */
+  dictName?: string;
+  /** 字典类型 */
+  dictType?: string;
+  /** 状态（0正常 1停用） */
+  status?: '0' | '1';
+}
+
+/** 字典数据信息 */
+export interface SysDictData extends BaseEntity {
+  /** 字典编码 */
+  dictCode?: number;
+  /** 字典标签 */
+  dictLabel?: string;
+  /** 字典键值 */
+  dictValue?: string;
+  /** 字典类型 */
+  dictType?: string;
+  /** 样式属性 */
+  cssClass?: string;
+  /** 表格字典样式 */
+  listClass?: string;
+  /** 字典排序 */
+  dictSort?: number;
+  /** 是否默认（Y是 N否） */
+  isDefault?: 'Y' | 'N';
+  /** 状态（0正常 1停用） */
+  status?: '0' | '1';
+}
diff --git a/src/types/api/system/menu.ts b/src/types/api/system/menu.ts
new file mode 100644
index 0000000..6a4cbb6
--- /dev/null
+++ b/src/types/api/system/menu.ts
@@ -0,0 +1,50 @@
+import type { BaseEntity, AjaxResult, TreeSelect } from "../common";
+
+/** 菜单查询参数 */
+export interface MenuQueryParams {
+  /** 菜单名称 */
+  menuName?: string;
+  /** 状态 */
+  status?: string;
+}
+
+/** 菜单信息 */
+export interface SysMenu extends BaseEntity {
+  /** 菜单编号 */
+  menuId?: number;
+  /** 父菜单ID */
+  parentId?: number;
+  /** 菜单名称 */
+  menuName?: string;
+  /** 显示顺序 */
+  orderNum?: number;
+  /** 路由地址 */
+  path?: string;
+  /** 组件路径 */
+  component?: string;
+  /** 路由参数 */
+  query?: string;
+  /** 路由名称 */
+  routeName?: string;
+  /** 权限字符串 */
+  perms?: string;
+  /** 菜单图标 */
+  icon?: string;
+  /** 是否为外链（0是 1否） */
+  isFrame?: '0' | '1';
+  /** 是否缓存（0缓存 1不缓存） */
+  isCache?: '0' | '1';
+  /** 类型（M目录 C菜单 F按钮） */
+  menuType?: 'M' | 'C' | 'F';
+  /** 显示状态（0显示 1隐藏） */
+  visible?: '0' | '1';
+  /** 状态（0正常 1停用） */
+  status?: '0' | '1';
+}
+
+export interface RoleMenuTreeselectResult extends AjaxResult {
+  /** 已选中的菜单ID列表 */
+  checkedKeys: number[]
+  /** 菜单树形结构 */
+  menus: TreeSelect[]
+}
diff --git a/src/types/api/system/notice.ts b/src/types/api/system/notice.ts
new file mode 100644
index 0000000..6506356
--- /dev/null
+++ b/src/types/api/system/notice.ts
@@ -0,0 +1,25 @@
+import type { PageDomain, BaseEntity } from "../common";
+
+/** 通知公告分页查询参数 */
+export interface NoticeQueryParams extends PageDomain  {
+  /** 公告标题 */
+  noticeTitle?: string;
+  /** 操作人员 */
+  createBy?: string;
+  /** 公告类型 */
+  noticeType?: string;
+}
+
+/** 通知公告信息 */
+export interface SysNotice extends BaseEntity {
+  /** 公告编号 */
+  noticeId?: number;
+  /** 公告标题 */
+  noticeTitle?: string;
+  /** 公告类型（1通知 2公告） */
+  noticeType?: '1' | '2';
+  /** 公告内容 */
+  noticeContent?: string;
+  /** 状态（0正常 1停用） */
+  status?: '0' | '1';
+}
diff --git a/src/types/api/system/post.ts b/src/types/api/system/post.ts
new file mode 100644
index 0000000..e49fbd7
--- /dev/null
+++ b/src/types/api/system/post.ts
@@ -0,0 +1,25 @@
+import type { PageDomain, BaseEntity } from "../common";
+
+/** 岗位分页查询参数 */
+export interface PostQueryParams extends PageDomain {
+  /** 岗位编码 */
+  postCode?: string;
+  /** 岗位名称 */
+  postName?: string;
+  /** 状态 */
+  status?: string;
+}
+
+/** 岗位信息 */
+export interface SysPost extends BaseEntity {
+  /** 岗位编号 */
+  postId?: number;
+  /** 岗位编码 */
+  postCode?: string;
+  /** 岗位名称 */
+  postName?: string;
+  /** 岗位排序 */
+  postSort?: number;
+  /** 状态（0正常 1停用） */
+  status?: '0' | '1';
+}
diff --git a/src/types/api/system/role.ts b/src/types/api/system/role.ts
new file mode 100644
index 0000000..55c5d9b
--- /dev/null
+++ b/src/types/api/system/role.ts
@@ -0,0 +1,71 @@
+import type { PageDomain, BaseEntity, AjaxResult, TreeSelect } from "../common";
+
+/** 角色分页查询参数 */
+export interface RoleQueryParams extends PageDomain {
+  /** 角色名称 */
+  roleName?: string;
+  /** 角色权限 */
+  roleKey?: string;
+  /** 状态 */
+  status?: string;
+  /** 创建时间 */
+  params?: {
+    beginTime?: string;
+    endTime?: string;
+  };
+}
+
+/** 批量授权用户参数 */
+export interface AuthUserSelectParams {
+  roleId: number;
+  userIds: number[];
+}
+
+/** 用户和角色关联信息 */
+export interface SysUserRole {
+  /** 用户编号 */
+  userId?: number;
+  /** 角色编号 */
+  roleId: number;
+}
+
+/** 用户和多角色关联信息 */
+export interface SysUserRoles {
+  /** 用户编号 */
+  userId?: number;
+  /** 角色编号组 */
+  roleIds?: number[];
+}
+
+
+/** 角色信息 */
+export interface SysRole extends BaseEntity {
+  /** 角色编号 */
+  roleId?: number;
+  /** 角色名称 */
+  roleName?: string;
+  /** 角色权限 */
+  roleKey?: string;
+  /** 角色排序  */
+  roleSort?: number;
+  /** 数据范围（1：所有数据权限；2：自定义数据权限；3：本部门数据权限；4：本部门及以下数据权限；5：仅本人数据权限） */
+  dataScope?: '1' | '2' | '3' | '4' | '5';
+  /** 菜单树选择项是否关联显示 */
+  menuCheckStrictly?: boolean;
+  /** 部门树选择项是否关联显示 */
+  deptCheckStrictly?: boolean;
+  /** 角色权限 */
+  menuIds?: number[];
+  /** 角色权限 */
+  deptIds?: number[];
+  /** 状态（0正常 1停用） */
+  status?: '0' | '1';
+}
+
+/** 角色部门树响应 */
+export interface RoleDeptTreeResult extends AjaxResult {
+  /** 选中部门ID */
+  checkedKeys: number[]
+  /** 部门树列表 */
+  depts: TreeSelect[]
+}
diff --git a/src/types/api/system/user.ts b/src/types/api/system/user.ts
new file mode 100644
index 0000000..de0675f
--- /dev/null
+++ b/src/types/api/system/user.ts
@@ -0,0 +1,107 @@
+import type { SysRole } from './role'
+import type { SysDept } from './dept'
+import type { SysPost } from './post'
+import type { PageDomain, AjaxResult, BaseEntity } from "../common";
+
+/** 用户分页查询参数 */
+export interface UserQueryParams extends PageDomain {
+  /** 用户名称 */
+  userName?: string;
+  /** 手机号码 */
+  phonenumber?: string;
+  /** 状态（0正常 1停用） */
+  status?: '0' | '1';
+  /** 部门编号 */
+  deptId?: number;
+  /** 创建时间 */
+  params?: {
+    beginTime?: string;
+    endTime?: string;
+  };
+}
+
+/** 角色授权用户分页查询参数 */
+export interface AuthUserQueryParams extends UserQueryParams {
+  /** 角色编号 */
+  roleId?: number;
+}
+
+/** 用户信息 */
+export interface SysUser extends BaseEntity {
+  /** 用户ID */
+  userId?: number;
+  /** 部门ID */
+  deptId?: number;
+  /** 用户账号 */
+  userName?: string;
+  /** 用户昵称 */
+  nickName?: string;
+  /** 用户邮箱 */
+  email?: string;
+  /** 手机号码 */
+  phonenumber?: string;
+  /** 用户性别（0男 1女 2未知） */
+  sex?: '0' | '1' | '2';
+  /** 用户头像 */
+  avatar?: string;
+  /** 密码 */
+  password?: string;
+  /** 账号状态（0正常 1停用） */
+  status?: '0' | '1';
+  /** 部门对象 */
+  dept?: SysDept;
+  /** 角色对象 */
+  roles?: SysRole[];
+  /** 角色组 */
+  roleIds?: number[];
+  /** 岗位组 */
+  postIds?: number[];
+}
+
+/** 注册信息 */
+export interface SysRegister {
+  /** 用户账号 */
+  userName?: string;
+  /** 密码 */
+  password?: string;
+  /** 验证码 */
+  code?: string;
+  /** 唯一标识 */
+  uuid?: string;
+}
+
+/** 用户详情查询响应 */
+export interface UserFormDataResult extends AjaxResult {
+  /** 用户信息 */
+  data?: SysUser
+  /** 用户的岗位ID列表 */
+  postIds?: number[]
+  /** 用户的角色ID列表 */
+  roleIds?: number[]
+  /** 所有角色列表 */
+  roles: SysRole[]
+  /** 所有岗位列表 */
+  posts: SysPost[]
+}
+
+/** 用户个人资料响应 */
+export interface UserProfileResult extends AjaxResult {
+  /** 角色分组 */
+  roleGroup: string
+  /** 岗位分组 */
+  postGroup: string
+}
+
+/** 用户头像上传响应 */
+export interface UserProfileAvatarResult extends AjaxResult {
+  /** 头像地址 */
+  imgUrl: string
+}
+
+/** 用户授权角色响应 */
+export interface UserAuthRoleResult extends AjaxResult {
+  /** 用户信息 */
+  user: SysUser
+  /** 角色列表 */
+  roles: SysRole[]
+}
diff --git a/src/types/api/tool/gen.ts b/src/types/api/tool/gen.ts
new file mode 100644
index 0000000..08135f3
--- /dev/null
+++ b/src/types/api/tool/gen.ts
@@ -0,0 +1,112 @@
+import type { PageDomain, BaseEntity } from "../common";
+
+/** 数据表分页查询参数 */
+export interface GenQueryParams extends PageDomain {
+  /** 表名称 */
+  tableName?: string;
+  /** 表描述 */
+  tableComment?: string;
+  /** 创建时间 */
+  params?: {
+    beginTime?: string;
+    endTime?: string;
+  };
+}
+
+/** 代码生成业务信息 */
+export interface GenTable extends BaseEntity {
+  /** 主键编号 */
+  tableId?: number;
+  /** 表名称 */
+  tableName?: string;
+  /** 表描述 */
+  tableComment?: string;
+  /** 关联父表的表名 */
+  subTableName?: string;
+  /** 本表关联父表的外键名 */
+  subTableFkName?: string;
+  /** 实体类名称(首字母大写) */
+  className?: string;
+  /** 使用的模板（crud单表操作 tree树表操作 sub主子表操作） */
+  tplCategory?: 'crud' | 'tree' | 'sub'
+  /** 前端类型（element-ui模版 element-plus模版） */
+  tplWebType?: 'element-ui' | 'element-plus'
+  /** 生成包路径 */
+  packageName?: string;
+  /** 生成模块名 */
+  moduleName?: string;
+  /** 生成业务名 */
+  businessName?: string;
+  /** 生成功能名 */
+  functionName?: string;
+  /** 生成作者 */
+  functionAuthor?: string;
+  /** 生成代码方式（0zip压缩包 1自定义路径） */
+  genType?: '0' | '1'
+  /** 生成路径（不填默认项目路径） */
+  genPath?: string;
+   /** 其它生成选项 */
+   options?: string;
+  /** 树编码字段  */
+  treeCode?: string;
+  /** 树父编码字段 */
+  treeParentCode?: string;
+  /** 树名称字段 */
+  treeName?: string;
+  /** 上级菜单ID字段 */
+  parentMenuId?: string;
+  /** 上级菜单名称字段 */
+  parentMenuName?: string;
+  /** 表列信息 */
+  columns?: GenTableColumn[]
+}
+
+/** 生成表列字段信息 */
+export interface GenTableColumn extends BaseEntity {
+  /** 主键编号 */
+  columnId?: number
+  /** 归属表编号 */
+  tableId?: number
+  /** 列名称 */
+  columnName?: string
+  /** 列描述 */
+  columnComment?: string
+  /** 列类型 */
+  columnType?: string
+  /** Java类型 */
+  javaType?: string
+  /** Java字段名 */
+  javaField?: string
+  /** 是否主键（1是） */
+  isPk?: '1' | '0'
+  /** 是否自增（1是） */
+  isIncrement?: '1' | '0'
+  /** 是否必填（1是） */
+  isRequired?: '1' | '0'
+  /** 是否为插入字段（1是） */
+  isInsert?: '1' | '0'
+  /** 是否编辑字段（1是） */
+  isEdit?: '1' | '0'
+  /** 是否列表字段（1是） */
+  isList?: '1' | '0'
+  /** 是否查询字段（1是） */
+  isQuery?: '1' | '0'
+  /** 查询方式（EQ等于、NE不等于、GT大于、LT小于、LIKE模糊、BETWEEN范围） */
+  queryType?: 'EQ' | 'NE' | 'GT' | 'LT' | 'LIKE' | 'BETWEEN'
+  /** 显示类型（input文本框、textarea文本域、select下拉框、checkbox复选框、radio单选框、datetime日期控件、image图片上传控件、upload文件上传控件、editor富文本控件） */
+  htmlType?: string
+  /** 字典类型 */
+  dictType?: string
+  /** 排序 */
+  sort?: number
+}
+
+/** 代码生成信息响应 */
+export interface GenTableInfoResult {
+  /** 表信息 */
+  info: GenTable
+  /** 列信息列表 */
+  rows: GenTableColumn[]
+  /** 所有表信息 */
+  tables: GenTable[]
+}
diff --git a/src/types/components.d.ts b/src/types/components.d.ts
new file mode 100644
index 0000000..35d2077
--- /dev/null
+++ b/src/types/components.d.ts
@@ -0,0 +1,11 @@
+/* eslint-disable */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+  }
+}
diff --git a/src/types/global.d.ts b/src/types/global.d.ts
new file mode 100644
index 0000000..4d55a97
--- /dev/null
+++ b/src/types/global.d.ts
@@ -0,0 +1,134 @@
+/** 模块类型声明 */
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
+
+/** Vite 环境变量类型 */
+interface ImportMetaEnv {
+  readonly VITE_APP_TITLE: string
+  readonly VITE_APP_BASE_API: string
+  readonly VITE_APP_ENV: string
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+}
+
+// element-plus
+declare module 'element-plus'
+
+// vue
+declare module 'vue' {
+  interface ComponentInternalInstance { proxy: any }
+}
+
+// nprogress
+declare module 'nprogress' {
+  export interface NProgressOptions {
+    minimum?: number
+    template?: string
+    easing?: string
+    speed?: number
+    trickle?: boolean
+    trickleSpeed?: number
+    showSpinner?: boolean
+    parent?: string
+    barSelector?: string
+  }
+
+  export interface NProgress {
+    start(): NProgress
+    set(n: number): NProgress
+    inc(amount?: number): NProgress
+    done(force?: boolean): NProgress
+    remove(): void
+    configure(options: NProgressOptions): NProgress
+    status: number | null
+  }
+
+  const nprogress: NProgress
+  export default nprogress
+}
+
+// js-cookie
+declare module 'js-cookie' {
+  export default Cookies
+}
+
+// file-saver
+declare module 'file-saver' {
+  export function saveAs(data: Blob | string, filename?: string, options?: any): void
+  export function saveAs(data: Blob | string, filename?: string, disableAutoBOM?: boolean): void
+  export default saveAs
+}
+
+// jsencrypt
+declare module 'jsencrypt/bin/jsencrypt.min' {
+  import JSEncrypt from 'jsencrypt'
+  export default JSEncrypt
+}
+
+// axios
+declare module 'axios'
+
+// vue-quill
+declare module '@vueup/vue-quill'
+
+// sortablejs
+declare module 'sortablejs' {
+  export interface SortableEvent {
+    oldIndex: number;
+    newIndex: number;
+  }
+  
+  export interface SortableOptions {
+    ghostClass?: string;
+    onEnd?: (evt: SortableEvent) => void;
+  }
+  
+  export default class Sortable {
+    static create(el: HTMLElement, options: SortableOptions): Sortable;
+  }
+}
+
+// fuse
+declare module 'fuse.js' {
+  export interface FuseOptions<T> {
+    keys: string[];
+    threshold?: number;
+    includeScore?: boolean;
+    includeMatches?: boolean;
+    minMatchCharLength?: number;
+    shouldSort?: boolean;
+    // 添加其他你需要的选项
+  }
+  
+  export default class Fuse<T> {
+    constructor(list: T[], options?: FuseOptions<T>)
+    search(pattern: string): T[]
+  }
+}
+
+// vuedraggable
+declare module 'vuedraggable/dist/vuedraggable.common' {
+  import { DefineComponent } from 'vue'
+  const draggable: DefineComponent
+  export default draggable
+}
+
+// vue-cropper
+declare module 'vue-cropper' {
+  import { DefineComponent } from 'vue'
+  const VueCropper: DefineComponent
+  export { VueCropper }
+}
+
+// splitpanes
+declare module 'splitpanes' {
+  import { DefineComponent } from 'vue'
+  
+  export const Splitpanes: DefineComponent
+  export const Pane: DefineComponent
+}
diff --git a/src/types/index.ts b/src/types/index.ts
new file mode 100644
index 0000000..792b1a3
--- /dev/null
+++ b/src/types/index.ts
@@ -0,0 +1,5 @@
+/**
+ * 类型统一导出
+ */
+
+export * from "./api";
diff --git a/src/utils/auth.js b/src/utils/auth.js
deleted file mode 100644
index 88d7b6c..0000000
--- a/src/utils/auth.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import Cookies from 'js-cookie'
-
-const TokenKey = 'Admin-Token'
-
-export function getToken() {
-  return Cookies.get(TokenKey)
-}
-
-export function setToken(token) {
-  return Cookies.set(TokenKey, token)
-}
-
-export function removeToken() {
-  return Cookies.remove(TokenKey)
-}
diff --git a/src/utils/auth.ts b/src/utils/auth.ts
new file mode 100644
index 0000000..8c2e07f
--- /dev/null
+++ b/src/utils/auth.ts
@@ -0,0 +1,15 @@
+import Cookies from 'js-cookie'
+
+const TokenKey = 'Admin-Token'
+
+export function getToken(): string | undefined {
+  return Cookies.get(TokenKey)
+}
+
+export function setToken(token: string): string | undefined {
+  return Cookies.set(TokenKey, token)
+}
+
+export function removeToken(): void {
+  Cookies.remove(TokenKey)
+}
diff --git a/src/utils/dict.js b/src/utils/dict.ts
similarity index 62%
rename from src/utils/dict.js
rename to src/utils/dict.ts
index a6db068..5672bef 100644
--- a/src/utils/dict.js
+++ b/src/utils/dict.ts
@@ -1,24 +1,24 @@
-import useDictStore from '@/store/modules/dict'
-import { getDicts } from '@/api/system/dict/data'
-
-/**
- * 获取字典数据
- */
-export function useDict(...args) {
-  const res = ref({})
-  return (() => {
-    args.forEach((dictType, index) => {
-      res.value[dictType] = []
-      const dicts = useDictStore().getDict(dictType)
-      if (dicts) {
-        res.value[dictType] = dicts
-      } else {
-        getDicts(dictType).then(resp => {
-          res.value[dictType] = resp.data.map(p => ({ label: p.dictLabel, value: p.dictValue, elTagType: p.listClass, elTagClass: p.cssClass }))
-          useDictStore().setDict(dictType, res.value[dictType])
-        })
-      }
-    })
-    return toRefs(res.value)
-  })()
-}
\ No newline at end of file
+import useDictStore from '@/store/modules/dict'
+import { getDicts } from '@/api/system/dict/data'
+
+/**
+ * 获取字典数据
+ */
+export function useDict(...args: string[]) {
+  const res = ref<Record<string, any[]>>({})
+  return (() => {
+    args.forEach((dictType) => {
+      res.value[dictType] = []
+      const dicts = useDictStore().getDict(dictType)
+      if (dicts) {
+        res.value[dictType] = dicts
+      } else {
+        getDicts(dictType).then(resp => {
+          res.value[dictType] = (resp.data || []).map((p: any) => ({ label: p.dictLabel, value: p.dictValue, elTagType: p.listClass, elTagClass: p.cssClass }))
+          useDictStore().setDict(dictType, res.value[dictType])
+        })
+      }
+    })
+    return toRefs(res.value)
+  })()
+}
diff --git a/src/utils/dynamicTitle.js b/src/utils/dynamicTitle.ts
similarity index 87%
rename from src/utils/dynamicTitle.js
rename to src/utils/dynamicTitle.ts
index a308146..66a503a 100644
--- a/src/utils/dynamicTitle.js
+++ b/src/utils/dynamicTitle.ts
@@ -1,14 +1,14 @@
-import defaultSettings from '@/settings'
-import useSettingsStore from '@/store/modules/settings'
-
-/**
- * 动态修改标题
- */
-export function useDynamicTitle() {
-  const settingsStore = useSettingsStore()
-  if (settingsStore.dynamicTitle) {
-    document.title = settingsStore.title + ' - ' + defaultSettings.title
-  } else {
-    document.title = defaultSettings.title
-  }
-}
\ No newline at end of file
+import defaultSettings from '@/settings'
+import useSettingsStore from '@/store/modules/settings'
+
+/**
+ * 动态修改标题
+ */
+export function useDynamicTitle(): void {
+  const settingsStore = useSettingsStore()
+  if (settingsStore.dynamicTitle) {
+    document.title = settingsStore.title + ' - ' + defaultSettings.title
+  } else {
+    document.title = defaultSettings.title
+  }
+}
diff --git a/src/utils/errorCode.js b/src/utils/errorCode.ts
similarity index 72%
rename from src/utils/errorCode.js
rename to src/utils/errorCode.ts
index b72d026..ab2832d 100644
--- a/src/utils/errorCode.js
+++ b/src/utils/errorCode.ts
@@ -1,6 +1,8 @@
-export default {
-  '401': '认证失败，无法访问系统资源',
-  '403': '当前操作没有权限',
-  '404': '访问资源不存在',
-  'default': '系统未知错误，请反馈给管理员'
-}
+const errorCode: Record<string, string> = {
+  '401': '认证失败，无法访问系统资源',
+  '403': '当前操作没有权限',
+  '404': '访问资源不存在',
+  'default': '系统未知错误，请反馈给管理员'
+}
+
+export default errorCode
diff --git a/src/utils/index.js b/src/utils/index.ts
similarity index 57%
rename from src/utils/index.js
rename to src/utils/index.ts
index da79665..757df52 100644
--- a/src/utils/index.js
+++ b/src/utils/index.ts
@@ -1,390 +1,348 @@
-import { parseTime } from './ruoyi'
-
-/**
- * 表格时间格式化
- */
-export function formatDate(cellValue) {
-  if (cellValue == null || cellValue == "") return ""
-  var date = new Date(cellValue) 
-  var year = date.getFullYear()
-  var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1
-  var day = date.getDate() < 10 ? '0' + date.getDate() : date.getDate() 
-  var hours = date.getHours() < 10 ? '0' + date.getHours() : date.getHours() 
-  var minutes = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes() 
-  var seconds = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds()
-  return year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds
-}
-
-/**
- * @param {number} time
- * @param {string} option
- * @returns {string}
- */
-export function formatTime(time, option) {
-  if (('' + time).length === 10) {
-    time = parseInt(time) * 1000
-  } else {
-    time = +time
-  }
-  const d = new Date(time)
-  const now = Date.now()
-
-  const diff = (now - d) / 1000
-
-  if (diff < 30) {
-    return '刚刚'
-  } else if (diff < 3600) {
-    // less 1 hour
-    return Math.ceil(diff / 60) + '分钟前'
-  } else if (diff < 3600 * 24) {
-    return Math.ceil(diff / 3600) + '小时前'
-  } else if (diff < 3600 * 24 * 2) {
-    return '1天前'
-  }
-  if (option) {
-    return parseTime(time, option)
-  } else {
-    return (
-      d.getMonth() +
-      1 +
-      '月' +
-      d.getDate() +
-      '日' +
-      d.getHours() +
-      '时' +
-      d.getMinutes() +
-      '分'
-    )
-  }
-}
-
-/**
- * @param {string} url
- * @returns {Object}
- */
-export function getQueryObject(url) {
-  url = url == null ? window.location.href : url
-  const search = url.substring(url.lastIndexOf('?') + 1)
-  const obj = {}
-  const reg = /([^?&=]+)=([^?&=]*)/g
-  search.replace(reg, (rs, $1, $2) => {
-    const name = decodeURIComponent($1)
-    let val = decodeURIComponent($2)
-    val = String(val)
-    obj[name] = val
-    return rs
-  })
-  return obj
-}
-
-/**
- * @param {string} input value
- * @returns {number} output value
- */
-export function byteLength(str) {
-  // returns the byte length of an utf8 string
-  let s = str.length
-  for (var i = str.length - 1; i >= 0; i--) {
-    const code = str.charCodeAt(i)
-    if (code > 0x7f && code <= 0x7ff) s++
-    else if (code > 0x7ff && code <= 0xffff) s += 2
-    if (code >= 0xDC00 && code <= 0xDFFF) i--
-  }
-  return s
-}
-
-/**
- * @param {Array} actual
- * @returns {Array}
- */
-export function cleanArray(actual) {
-  const newArray = []
-  for (let i = 0; i < actual.length; i++) {
-    if (actual[i]) {
-      newArray.push(actual[i])
-    }
-  }
-  return newArray
-}
-
-/**
- * @param {Object} json
- * @returns {Array}
- */
-export function param(json) {
-  if (!json) return ''
-  return cleanArray(
-    Object.keys(json).map(key => {
-      if (json[key] === undefined) return ''
-      return encodeURIComponent(key) + '=' + encodeURIComponent(json[key])
-    })
-  ).join('&')
-}
-
-/**
- * @param {string} url
- * @returns {Object}
- */
-export function param2Obj(url) {
-  const search = decodeURIComponent(url.split('?')[1]).replace(/\+/g, ' ')
-  if (!search) {
-    return {}
-  }
-  const obj = {}
-  const searchArr = search.split('&')
-  searchArr.forEach(v => {
-    const index = v.indexOf('=')
-    if (index !== -1) {
-      const name = v.substring(0, index)
-      const val = v.substring(index + 1, v.length)
-      obj[name] = val
-    }
-  })
-  return obj
-}
-
-/**
- * @param {string} val
- * @returns {string}
- */
-export function html2Text(val) {
-  const div = document.createElement('div')
-  div.innerHTML = val
-  return div.textContent || div.innerText
-}
-
-/**
- * Merges two objects, giving the last one precedence
- * @param {Object} target
- * @param {(Object|Array)} source
- * @returns {Object}
- */
-export function objectMerge(target, source) {
-  if (typeof target !== 'object') {
-    target = {}
-  }
-  if (Array.isArray(source)) {
-    return source.slice()
-  }
-  Object.keys(source).forEach(property => {
-    const sourceProperty = source[property]
-    if (typeof sourceProperty === 'object') {
-      target[property] = objectMerge(target[property], sourceProperty)
-    } else {
-      target[property] = sourceProperty
-    }
-  })
-  return target
-}
-
-/**
- * @param {HTMLElement} element
- * @param {string} className
- */
-export function toggleClass(element, className) {
-  if (!element || !className) {
-    return
-  }
-  let classString = element.className
-  const nameIndex = classString.indexOf(className)
-  if (nameIndex === -1) {
-    classString += '' + className
-  } else {
-    classString =
-      classString.substr(0, nameIndex) +
-      classString.substr(nameIndex + className.length)
-  }
-  element.className = classString
-}
-
-/**
- * @param {string} type
- * @returns {Date}
- */
-export function getTime(type) {
-  if (type === 'start') {
-    return new Date().getTime() - 3600 * 1000 * 24 * 90
-  } else {
-    return new Date(new Date().toDateString())
-  }
-}
-
-/**
- * @param {Function} func
- * @param {number} wait
- * @param {boolean} immediate
- * @return {*}
- */
-export function debounce(func, wait, immediate) {
-  let timeout, args, context, timestamp, result
-
-  const later = function() {
-    // 据上一次触发时间间隔
-    const last = +new Date() - timestamp
-
-    // 上次被包装函数被调用时间间隔 last 小于设定时间间隔 wait
-    if (last < wait && last > 0) {
-      timeout = setTimeout(later, wait - last)
-    } else {
-      timeout = null
-      // 如果设定为immediate===true，因为开始边界已经调用过了此处无需调用
-      if (!immediate) {
-        result = func.apply(context, args)
-        if (!timeout) context = args = null
-      }
-    }
-  }
-
-  return function(...args) {
-    context = this
-    timestamp = +new Date()
-    const callNow = immediate && !timeout
-    // 如果延时不存在，重新设定延时
-    if (!timeout) timeout = setTimeout(later, wait)
-    if (callNow) {
-      result = func.apply(context, args)
-      context = args = null
-    }
-
-    return result
-  }
-}
-
-/**
- * This is just a simple version of deep copy
- * Has a lot of edge cases bug
- * If you want to use a perfect deep copy, use lodash's _.cloneDeep
- * @param {Object} source
- * @returns {Object}
- */
-export function deepClone(source) {
-  if (!source && typeof source !== 'object') {
-    throw new Error('error arguments', 'deepClone')
-  }
-  const targetObj = source.constructor === Array ? [] : {}
-  Object.keys(source).forEach(keys => {
-    if (source[keys] && typeof source[keys] === 'object') {
-      targetObj[keys] = deepClone(source[keys])
-    } else {
-      targetObj[keys] = source[keys]
-    }
-  })
-  return targetObj
-}
-
-/**
- * @param {Array} arr
- * @returns {Array}
- */
-export function uniqueArr(arr) {
-  return Array.from(new Set(arr))
-}
-
-/**
- * @returns {string}
- */
-export function createUniqueString() {
-  const timestamp = +new Date() + ''
-  const randomNum = parseInt((1 + Math.random()) * 65536) + ''
-  return (+(randomNum + timestamp)).toString(32)
-}
-
-/**
- * Check if an element has a class
- * @param {HTMLElement} elm
- * @param {string} cls
- * @returns {boolean}
- */
-export function hasClass(ele, cls) {
-  return !!ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'))
-}
-
-/**
- * Add class to element
- * @param {HTMLElement} elm
- * @param {string} cls
- */
-export function addClass(ele, cls) {
-  if (!hasClass(ele, cls)) ele.className += ' ' + cls
-}
-
-/**
- * Remove class from element
- * @param {HTMLElement} elm
- * @param {string} cls
- */
-export function removeClass(ele, cls) {
-  if (hasClass(ele, cls)) {
-    const reg = new RegExp('(\\s|^)' + cls + '(\\s|$)')
-    ele.className = ele.className.replace(reg, ' ')
-  }
-}
-
-export function makeMap(str, expectsLowerCase) {
-  const map = Object.create(null)
-  const list = str.split(',')
-  for (let i = 0; i < list.length; i++) {
-    map[list[i]] = true
-  }
-  return expectsLowerCase
-    ? val => map[val.toLowerCase()]
-    : val => map[val]
-}
- 
-export const exportDefault = 'export default '
-
-export const beautifierConf = {
-  html: {
-    indent_size: '2',
-    indent_char: ' ',
-    max_preserve_newlines: '-1',
-    preserve_newlines: false,
-    keep_array_indentation: false,
-    break_chained_methods: false,
-    indent_scripts: 'separate',
-    brace_style: 'end-expand',
-    space_before_conditional: true,
-    unescape_strings: false,
-    jslint_happy: false,
-    end_with_newline: true,
-    wrap_line_length: '110',
-    indent_inner_html: true,
-    comma_first: false,
-    e4x: true,
-    indent_empty_lines: true
-  },
-  js: {
-    indent_size: '2',
-    indent_char: ' ',
-    max_preserve_newlines: '-1',
-    preserve_newlines: false,
-    keep_array_indentation: false,
-    break_chained_methods: false,
-    indent_scripts: 'normal',
-    brace_style: 'end-expand',
-    space_before_conditional: true,
-    unescape_strings: false,
-    jslint_happy: true,
-    end_with_newline: true,
-    wrap_line_length: '110',
-    indent_inner_html: true,
-    comma_first: false,
-    e4x: true,
-    indent_empty_lines: true
-  }
-}
-
-// 首字母大小
-export function titleCase(str) {
-  return str.replace(/( |^)[a-z]/g, L => L.toUpperCase())
-}
-
-// 下划转驼峰
-export function camelCase(str) {
-  return str.replace(/_[a-z]/g, str1 => str1.substr(-1).toUpperCase())
-}
-
-export function isNumberStr(str) {
-  return /^[+-]?(0|([1-9]\d*))(\.\d+)?$/g.test(str)
-}
- 
+import { parseTime } from './ruoyi'
+
+/**
+ * 表格时间格式化
+ */
+export function formatDate(cellValue: any): string {
+  if (cellValue == null || cellValue == "") return ""
+  const date = new Date(cellValue) 
+  const year = date.getFullYear()
+  const month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1
+  const day = date.getDate() < 10 ? '0' + date.getDate() : date.getDate() 
+  const hours = date.getHours() < 10 ? '0' + date.getHours() : date.getHours() 
+  const minutes = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes() 
+  const seconds = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds()
+  return year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds
+}
+
+/**
+ * @param time
+ * @param option
+ * @returns {string}
+ */
+export function formatTime(time: number | string, option?: string): string {
+  if (('' + time).length === 10) {
+    time = parseInt(time as string) * 1000
+  } else {
+    time = +time
+  }
+  const d = new Date(time)
+  const now = Date.now()
+
+  const diff = (now - d.getTime()) / 1000
+
+  if (diff < 30) {
+    return '刚刚'
+  } else if (diff < 3600) {
+    // less 1 hour
+    return Math.ceil(diff / 60) + '分钟前'
+  } else if (diff < 3600 * 24) {
+    return Math.ceil(diff / 3600) + '小时前'
+  } else if (diff < 3600 * 24 * 2) {
+    return '1天前'
+  }
+  if (option) {
+    return parseTime(time, option) || ''
+  } else {
+    return (
+      d.getMonth() +
+      1 +
+      '月' +
+      d.getDate() +
+      '日' +
+      d.getHours() +
+      '时' +
+      d.getMinutes() +
+      '分'
+    )
+  }
+}
+
+/**
+ * @param url
+ * @returns {Object}
+ */
+export function getQueryObject(url?: string | null): Record<string, string> {
+  url = url == null ? window.location.href : url
+  const search = url.substring(url.lastIndexOf('?') + 1)
+  const obj: Record<string, string> = {}
+  const reg = /([^?&=]+)=([^?&=]*)/g
+  search.replace(reg, (rs, $1: string, $2: string) => {
+    const name = decodeURIComponent($1)
+    let val = decodeURIComponent($2)
+    val = String(val)
+    obj[name] = val
+    return rs
+  })
+  return obj
+}
+
+/**
+ * @param input value
+ * @returns {number} output value
+ */
+export function byteLength(str: string): number {
+  // returns the byte length of an utf8 string
+  let s = str.length
+  for (let i = str.length - 1; i >= 0; i--) {
+    const code = str.charCodeAt(i)
+    if (code > 0x7f && code <= 0x7ff) s++
+    else if (code > 0x7ff && code <= 0xffff) s += 2
+    if (code >= 0xDC00 && code <= 0xDFFF) i--
+  }
+  return s
+}
+
+/**
+ * @param actual
+ * @returns {Array}
+ */
+export function cleanArray(actual: any[]): any[] {
+  const newArray: any[] = []
+  for (let i = 0; i < actual.length; i++) {
+    if (actual[i]) {
+      newArray.push(actual[i])
+    }
+  }
+  return newArray
+}
+
+/**
+ * @param json
+ * @returns {Array}
+ */
+export function param(json: Record<string, any>): string {
+  if (!json) return ''
+  return cleanArray(
+    Object.keys(json).map(key => {
+      if (json[key] === undefined) return ''
+      return encodeURIComponent(key) + '=' + encodeURIComponent(json[key])
+    })
+  ).join('&')
+}
+
+/**
+ * @param url
+ * @returns {Object}
+ */
+export function param2Obj(url: string): Record<string, string> {
+  const search = decodeURIComponent(url.split('?')[1]).replace(/\+/g, ' ')
+  if (!search) {
+    return {}
+  }
+  const obj: Record<string, string> = {}
+  const searchArr = search.split('&')
+  searchArr.forEach(v => {
+    const index = v.indexOf('=')
+    if (index !== -1) {
+      const name = v.substring(0, index)
+      const val = v.substring(index + 1, v.length)
+      obj[name] = val
+    }
+  })
+  return obj
+}
+
+/**
+ * @param val
+ * @returns {string}
+ */
+export function html2Text(val: string): string {
+  const div = document.createElement('div')
+  div.innerHTML = val
+  return div.textContent || div.innerText || ''
+}
+
+/**
+ * Merges two objects, giving the last one precedence
+ * @param target
+ * @param source
+ * @returns {Object}
+ */
+export function objectMerge(target: any, source: any): any {
+  if (typeof target !== 'object') {
+    target = {}
+  }
+  if (Array.isArray(source)) {
+    return source.slice()
+  }
+  Object.keys(source).forEach(property => {
+    const sourceProperty = source[property]
+    if (typeof sourceProperty === 'object') {
+      target[property] = objectMerge(target[property], sourceProperty)
+    } else {
+      target[property] = sourceProperty
+    }
+  })
+  return target
+}
+
+/**
+ * @param element
+ * @param className
+ */
+export function toggleClass(element: HTMLElement, className: string): void {
+  if (!element || !className) {
+    return
+  }
+  let classString = element.className
+  const nameIndex = classString.indexOf(className)
+  if (nameIndex === -1) {
+    classString += ' ' + className
+  } else {
+    classString =
+      classString.substr(0, nameIndex) +
+      classString.substr(nameIndex + className.length)
+  }
+  element.className = classString
+}
+
+/**
+ * @param type
+ * @returns {Date}
+ */
+export function getTime(type?: string): number {
+  if (type === 'start') {
+    return new Date().getTime() - 3600 * 1000 * 24 * 90
+  } else {
+    return new Date(new Date().toDateString()).getTime()
+  }
+}
+
+/**
+ * This is just a simple version of deep copy
+ * Has a lot of edge cases bug
+ * If you want to use a perfect deep copy, use lodash's _.cloneDeep
+ * @param source
+ * @returns {Object}
+ */
+export function deepClone<T>(source: T): T {
+  if (!source && typeof source !== 'object') {
+    throw new Error('error arguments')
+  }
+  const targetObj = (source as any).constructor === Array ? [] : {}
+  Object.keys(source as any).forEach(keys => {
+    if ((source as any)[keys] && typeof (source as any)[keys] === 'object') {
+      (targetObj as any)[keys] = deepClone((source as any)[keys])
+    } else {
+      (targetObj as any)[keys] = (source as any)[keys]
+    }
+  })
+  return targetObj as T
+}
+
+/**
+ * @param arr
+ * @returns {Array}
+ */
+export function uniqueArr<T>(arr: T[]): T[] {
+  return Array.from(new Set(arr))
+}
+
+/**
+ * @returns {string}
+ */
+export function createUniqueString(): string {
+  const timestamp = +new Date() + ''
+  const randomNum = parseInt((1 + Math.random()) * 65536 + '') + ''
+  return (+(randomNum + timestamp)).toString(32)
+}
+
+/**
+ * Check if an element has a class
+ * @param elm
+ * @param cls
+ * @returns {boolean}
+ */
+export function hasClass(ele: HTMLElement, cls: string): boolean {
+  return !!ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'))
+}
+
+/**
+ * Add class to element
+ * @param ele
+ * @param cls
+ */
+export function addClass(ele: HTMLElement, cls: string): void {
+  if (!hasClass(ele, cls)) ele.className += ' ' + cls
+}
+
+/**
+ * Remove class from element
+ * @param ele
+ * @param cls
+ */
+export function removeClass(ele: HTMLElement, cls: string): void {
+  if (hasClass(ele, cls)) {
+    const reg = new RegExp('(\\s|^)' + cls + '(\\s|$)')
+    ele.className = ele.className.replace(reg, ' ')
+  }
+}
+
+export function makeMap(str: string, expectsLowerCase?: boolean): (val: string) => boolean {
+  const map = Object.create(null)
+  const list = str.split(',')
+  for (let i = 0; i < list.length; i++) {
+    map[list[i]] = true
+  }
+  return expectsLowerCase
+    ? (val: string) => map[val.toLowerCase()]
+    : (val: string) => map[val]
+}
+ 
+export const exportDefault = 'export default '
+
+export const beautifierConf = {
+  html: {
+    indent_size: '2',
+    indent_char: ' ',
+    max_preserve_newlines: '-1',
+    preserve_newlines: false,
+    keep_array_indentation: false,
+    break_chained_methods: false,
+    indent_scripts: 'separate',
+    brace_style: 'end-expand',
+    space_before_conditional: true,
+    unescape_strings: false,
+    jslint_happy: false,
+    end_with_newline: true,
+    wrap_line_length: '110',
+    indent_inner_html: true,
+    comma_first: false,
+    e4x: true,
+    indent_empty_lines: true
+  },
+  js: {
+    indent_size: '2',
+    indent_char: ' ',
+    max_preserve_newlines: '-1',
+    preserve_newlines: false,
+    keep_array_indentation: false,
+    break_chained_methods: false,
+    indent_scripts: 'normal',
+    brace_style: 'end-expand',
+    space_before_conditional: true,
+    unescape_strings: false,
+    jslint_happy: true,
+    end_with_newline: true,
+    wrap_line_length: '110',
+    indent_inner_html: true,
+    comma_first: false,
+    e4x: true,
+    indent_empty_lines: true
+  }
+}
+
+// 首字母大小
+export function titleCase(str: string): string {
+  return str.replace(/( |^)[a-z]/g, L => L.toUpperCase())
+}
+
+// 下划转驼峰
+export function camelCase(str: string): string {
+  return str.replace(/_[a-z]/g, str1 => str1.substr(-1).toUpperCase())
+}
+
+export function isNumberStr(str: string): boolean {
+  return /^[+-]?(0|([1-9]\d*))(\.\d+)?$/g.test(str)
+}
diff --git a/src/utils/jsencrypt.js b/src/utils/jsencrypt.ts
similarity index 91%
rename from src/utils/jsencrypt.js
rename to src/utils/jsencrypt.ts
index 9f3a280..1f832cb 100644
--- a/src/utils/jsencrypt.js
+++ b/src/utils/jsencrypt.ts
@@ -1,30 +1,29 @@
-import JSEncrypt from 'jsencrypt/bin/jsencrypt.min'
-
-// 密钥对生成 http://web.chacuo.net/netrsakeypair
-
-const publicKey = 'MFwwDQYJKoZIhvcNAQEBBQADSwAwSAJBAKoR8mX0rGKLqzcWmOzbfj64K8ZIgOdH\n' +
-  'nzkXSOVOZbFu/TJhZ7rFAN+eaGkl3C4buccQd/EjEsj9ir7ijT7h96MCAwEAAQ=='
-
-const privateKey = 'MIIBVAIBADANBgkqhkiG9w0BAQEFAASCAT4wggE6AgEAAkEAqhHyZfSsYourNxaY\n' +
-  '7Nt+PrgrxkiA50efORdI5U5lsW79MmFnusUA355oaSXcLhu5xxB38SMSyP2KvuKN\n' +
-  'PuH3owIDAQABAkAfoiLyL+Z4lf4Myxk6xUDgLaWGximj20CUf+5BKKnlrK+Ed8gA\n' +
-  'kM0HqoTt2UZwA5E2MzS4EI2gjfQhz5X28uqxAiEA3wNFxfrCZlSZHb0gn2zDpWow\n' +
-  'cSxQAgiCstxGUoOqlW8CIQDDOerGKH5OmCJ4Z21v+F25WaHYPxCFMvwxpcw99Ecv\n' +
-  'DQIgIdhDTIqD2jfYjPTY8Jj3EDGPbH2HHuffvflECt3Ek60CIQCFRlCkHpi7hthh\n' +
-  'YhovyloRYsM+IS9h/0BzlEAuO0ktMQIgSPT3aFAgJYwKpqRYKlLDVcflZFCKY7u3\n' +
-  'UP8iWi1Qw0Y='
-
-// 加密
-export function encrypt(txt) {
-  const encryptor = new JSEncrypt()
-  encryptor.setPublicKey(publicKey) // 设置公钥
-  return encryptor.encrypt(txt) // 对数据进行加密
-}
-
-// 解密
-export function decrypt(txt) {
-  const encryptor = new JSEncrypt()
-  encryptor.setPrivateKey(privateKey) // 设置私钥
-  return encryptor.decrypt(txt) // 对数据进行解密
-}
-
+import JSEncrypt from 'jsencrypt/bin/jsencrypt.min'
+
+// 密钥对生成 http://web.chacuo.net/netrsakeypair
+
+const publicKey = 'MFwwDQYJKoZIhvcNAQEBBQADSwAwSAJBAKoR8mX0rGKLqzcWmOzbfj64K8ZIgOdH\n' +
+  'nzkXSOVOZbFu/TJhZ7rFAN+eaGkl3C4buccQd/EjEsj9ir7ijT7h96MCAwEAAQ=='
+
+const privateKey = 'MIIBVAIBADANBgkqhkiG9w0BAQEFAASCAT4wggE6AgEAAkEAqhHyZfSsYourNxaY\n' +
+  '7Nt+PrgrxkiA50efORdI5U5lsW79MmFnusUA355oaSXcLhu5xxB38SMSyP2KvuKN\n' +
+  'PuH3owIDAQABAkAfoiLyL+Z4lf4Myxk6xUDgLaWGximj20CUf+5BKKnlrK+Ed8gA\n' +
+  'kM0HqoTt2UZwA5E2MzS4EI2gjfQhz5X28uqxAiEA3wNFxfrCZlSZHb0gn2zDpWow\n' +
+  'cSxQAgiCstxGUoOqlW8CIQDDOerGKH5OmCJ4Z21v+F25WaHYPxCFMvwxpcw99Ecv\n' +
+  'DQIgIdhDTIqD2jfYjPTY8Jj3EDGPbH2HHuffvflECt3Ek60CIQCFRlCkHpi7hthh\n' +
+  'YhovyloRYsM+IS9h/0BzlEAuO0ktMQIgSPT3aFAgJYwKpqRYKlLDVcflZFCKY7u3\n' +
+  'UP8iWi1Qw0Y='
+
+// 加密
+export function encrypt(txt: string): string | false {
+  const encryptor = new JSEncrypt()
+  encryptor.setPublicKey(publicKey) // 设置公钥
+  return encryptor.encrypt(txt) // 对数据进行加密
+}
+
+// 解密
+export function decrypt(txt: string): string | false {
+  const encryptor = new JSEncrypt()
+  encryptor.setPrivateKey(privateKey) // 设置私钥
+  return encryptor.decrypt(txt) // 对数据进行解密
+}
diff --git a/src/utils/permission.js b/src/utils/permission.ts
similarity index 77%
rename from src/utils/permission.js
rename to src/utils/permission.ts
index c736c0c..df75cf3 100644
--- a/src/utils/permission.js
+++ b/src/utils/permission.ts
@@ -1,51 +1,51 @@
-import useUserStore from '@/store/modules/user'
-
-/**
- * 字符权限校验
- * @param {Array} value 校验值
- * @returns {Boolean}
- */
-export function checkPermi(value) {
-  if (value && value instanceof Array && value.length > 0) {
-    const permissions = useUserStore().permissions
-    const permissionDatas = value
-    const all_permission = "*:*:*"
-
-    const hasPermission = permissions.some(permission => {
-      return all_permission === permission || permissionDatas.includes(permission)
-    })
-
-    if (!hasPermission) {
-      return false
-    }
-    return true
-  } else {
-    console.error(`need roles! Like checkPermi="['system:user:add','system:user:edit']"`)
-    return false
-  }
-}
-
-/**
- * 角色权限校验
- * @param {Array} value 校验值
- * @returns {Boolean}
- */
-export function checkRole(value) {
-  if (value && value instanceof Array && value.length > 0) {
-    const roles = useUserStore().roles
-    const permissionRoles = value
-    const super_admin = "admin"
-
-    const hasRole = roles.some(role => {
-      return super_admin === role || permissionRoles.includes(role)
-    })
-
-    if (!hasRole) {
-      return false
-    }
-    return true
-  } else {
-    console.error(`need roles! Like checkRole="['admin','editor']"`)
-    return false
-  }
-}
\ No newline at end of file
+import useUserStore from '@/store/modules/user'
+
+/**
+ * 字符权限校验
+ * @param value 校验值
+ * @returns {Boolean}
+ */
+export function checkPermi(value: string[]): boolean {
+  if (value && value instanceof Array && value.length > 0) {
+    const permissions = useUserStore().permissions
+    const permissionDatas = value
+    const all_permission = "*:*:*"
+
+    const hasPermission = permissions.some((permission: string) => {
+      return all_permission === permission || permissionDatas.includes(permission)
+    })
+
+    if (!hasPermission) {
+      return false
+    }
+    return true
+  } else {
+    console.error(`need roles! Like checkPermi="['system:user:add','system:user:edit']"`)
+    return false
+  }
+}
+
+/**
+ * 角色权限校验
+ * @param value 校验值
+ * @returns {Boolean}
+ */
+export function checkRole(value: string[]): boolean {
+  if (value && value instanceof Array && value.length > 0) {
+    const roles = useUserStore().roles
+    const permissionRoles = value
+    const super_admin = "admin"
+
+    const hasRole = roles.some((role: string) => {
+      return super_admin === role || permissionRoles.includes(role)
+    })
+
+    if (!hasRole) {
+      return false
+    }
+    return true
+  } else {
+    console.error(`need roles! Like checkRole="['admin','editor']"`)
+    return false
+  }
+}
diff --git a/src/utils/request.js b/src/utils/request.ts
similarity index 91%
rename from src/utils/request.js
rename to src/utils/request.ts
index 7ed2906..5dbccd1 100644
--- a/src/utils/request.js
+++ b/src/utils/request.ts
@@ -1,153 +1,153 @@
-import axios from 'axios'
-import { ElNotification , ElMessageBox, ElMessage, ElLoading } from 'element-plus'
-import { getToken } from '@/utils/auth'
-import errorCode from '@/utils/errorCode'
-import { tansParams, blobValidate } from '@/utils/ruoyi'
-import cache from '@/plugins/cache'
-import { saveAs } from 'file-saver'
-import useUserStore from '@/store/modules/user'
-
-let downloadLoadingInstance
-// 是否显示重新登录
-export let isRelogin = { show: false }
-
-axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
-// 创建axios实例
-const service = axios.create({
-  // axios中请求配置有baseURL选项，表示请求URL公共部分
-  baseURL: import.meta.env.VITE_APP_BASE_API,
-  // 超时
-  timeout: 10000
-})
-
-// request拦截器
-service.interceptors.request.use(config => {
-  // 是否需要设置 token
-  const isToken = (config.headers || {}).isToken === false
-  // 是否需要防止数据重复提交
-  const isRepeatSubmit = (config.headers || {}).repeatSubmit === false
-  // 间隔时间(ms)，小于此时间视为重复提交
-  const interval = (config.headers || {}).interval || 1000
-  if (getToken() && !isToken) {
-    config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
-  }
-  // get请求映射params参数
-  if (config.method === 'get' && config.params) {
-    let url = config.url + '?' + tansParams(config.params)
-    url = url.slice(0, -1)
-    config.params = {}
-    config.url = url
-  }
-  if (!isRepeatSubmit && (config.method === 'post' || config.method === 'put')) {
-    const requestObj = {
-      url: config.url,
-      data: typeof config.data === 'object' ? JSON.stringify(config.data) : config.data,
-      time: new Date().getTime()
-    }
-    const requestSize = Object.keys(JSON.stringify(requestObj)).length // 请求数据大小
-    const limitSize = 5 * 1024 * 1024 // 限制存放数据5M
-    if (requestSize >= limitSize) {
-      console.warn(`[${config.url}]: ` + '请求数据大小超出允许的5M限制，无法进行防重复提交验证。')
-      return config
-    }
-    const sessionObj = cache.session.getJSON('sessionObj')
-    if (sessionObj === undefined || sessionObj === null || sessionObj === '') {
-      cache.session.setJSON('sessionObj', requestObj)
-    } else {
-      const s_url = sessionObj.url                // 请求地址
-      const s_data = sessionObj.data              // 请求数据
-      const s_time = sessionObj.time              // 请求时间
-      if (s_data === requestObj.data && requestObj.time - s_time < interval && s_url === requestObj.url) {
-        const message = '数据正在处理，请勿重复提交'
-        console.warn(`[${s_url}]: ` + message)
-        return Promise.reject(new Error(message))
-      } else {
-        cache.session.setJSON('sessionObj', requestObj)
-      }
-    }
-  }
-  return config
-}, error => {
-    console.log(error)
-    Promise.reject(error)
-})
-
-// 响应拦截器
-service.interceptors.response.use(res => {
-    // 未设置状态码则默认成功状态
-    const code = res.data.code || 200
-    // 获取错误信息
-    const msg = errorCode[code] || res.data.msg || errorCode['default']
-    // 二进制数据则直接返回
-    if (res.request.responseType ===  'blob' || res.request.responseType ===  'arraybuffer') {
-      return res.data
-    }
-    if (code === 401) {
-      if (!isRelogin.show) {
-        isRelogin.show = true
-        ElMessageBox.confirm('登录状态已过期，您可以继续留在该页面，或者重新登录', '系统提示', { confirmButtonText: '重新登录', cancelButtonText: '取消', type: 'warning' }).then(() => {
-          isRelogin.show = false
-          useUserStore().logOut().then(() => {
-            location.href = '/index'
-          })
-      }).catch(() => {
-        isRelogin.show = false
-      })
-    }
-      return Promise.reject('无效的会话，或者会话已过期，请重新登录。')
-    } else if (code === 500) {
-      ElMessage({ message: msg, type: 'error' })
-      return Promise.reject(new Error(msg))
-    } else if (code === 601) {
-      ElMessage({ message: msg, type: 'warning' })
-      return Promise.reject(new Error(msg))
-    } else if (code !== 200) {
-      ElNotification.error({ title: msg })
-      return Promise.reject('error')
-    } else {
-      return  Promise.resolve(res.data)
-    }
-  },
-  error => {
-    console.log('err' + error)
-    let { message } = error
-    if (message == "Network Error") {
-      message = "后端接口连接异常"
-    } else if (message.includes("timeout")) {
-      message = "系统接口请求超时"
-    } else if (message.includes("Request failed with status code")) {
-      message = "系统接口" + message.slice(-3) + "异常"
-    }
-    ElMessage({ message: message, type: 'error', duration: 5 * 1000 })
-    return Promise.reject(error)
-  }
-)
-
-// 通用下载方法
-export function download(url, params, filename, config) {
-  downloadLoadingInstance = ElLoading.service({ text: "正在下载数据，请稍候", background: "rgba(0, 0, 0, 0.7)", })
-  return service.post(url, params, {
-    transformRequest: [(params) => { return tansParams(params) }],
-    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
-    responseType: 'blob',
-    ...config
-  }).then(async (data) => {
-    const isBlob = blobValidate(data)
-    if (isBlob) {
-      const blob = new Blob([data])
-      saveAs(blob, filename)
-    } else {
-      const resText = await data.text()
-      const rspObj = JSON.parse(resText)
-      const errMsg = errorCode[rspObj.code] || rspObj.msg || errorCode['default']
-      ElMessage.error(errMsg)
-    }
-    downloadLoadingInstance.close()
-  }).catch((r) => {
-    console.error(r)
-    ElMessage.error('下载文件出现错误，请联系管理员！')
-    downloadLoadingInstance.close()
-  })
-}
-
-export default service
+import axios from 'axios'
+import { ElNotification , ElMessageBox, ElMessage, ElLoading } from 'element-plus'
+import { getToken } from '@/utils/auth'
+import errorCode from '@/utils/errorCode'
+import { tansParams, blobValidate } from '@/utils/ruoyi'
+import cache from '@/plugins/cache'
+import { saveAs } from 'file-saver'
+import useUserStore from '@/store/modules/user'
+
+let downloadLoadingInstance: ReturnType<typeof ElLoading.service>
+// 是否显示重新登录
+export const isRelogin = { show: false }
+
+axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
+// 创建axios实例
+const service = axios.create({
+  // axios中请求配置有baseURL选项，表示请求URL公共部分
+  baseURL: import.meta.env.VITE_APP_BASE_API,
+  // 超时
+  timeout: 10000
+})
+
+// request拦截器
+service.interceptors.request.use((config: any) => {
+  // 是否需要设置 token
+  const isToken = (config.headers || {}).isToken === false
+  // 是否需要防止数据重复提交
+  const isRepeatSubmit = (config.headers || {}).repeatSubmit === false
+  // 间隔时间(ms)，小于此时间视为重复提交
+  const interval = (config.headers || {}).interval || 1000
+  if (getToken() && !isToken) {
+    config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
+  }
+  // get请求映射params参数
+  if (config.method === 'get' && config.params) {
+    let url = config.url + '?' + tansParams(config.params)
+    url = url.slice(0, -1)
+    config.params = {}
+    config.url = url
+  }
+  if (!isRepeatSubmit && (config.method === 'post' || config.method === 'put')) {
+    const requestObj = {
+      url: config.url,
+      data: typeof config.data === 'object' ? JSON.stringify(config.data) : config.data,
+      time: new Date().getTime()
+    }
+    const requestSize = Object.keys(JSON.stringify(requestObj)).length // 请求数据大小
+    const limitSize = 5 * 1024 * 1024 // 限制存放数据5M
+    if (requestSize >= limitSize) {
+      console.warn(`[${config.url}]: ` + '请求数据大小超出允许的5M限制，无法进行防重复提交验证。')
+      return config
+    }
+    const sessionObj = cache.session.getJSON('sessionObj')
+    if (sessionObj === undefined || sessionObj === null || sessionObj === '') {
+      cache.session.setJSON('sessionObj', requestObj)
+    } else {
+      const s_url = sessionObj.url                // 请求地址
+      const s_data = sessionObj.data              // 请求数据
+      const s_time = sessionObj.time              // 请求时间
+      if (s_data === requestObj.data && requestObj.time - s_time < interval && s_url === requestObj.url) {
+        const message = '数据正在处理，请勿重复提交'
+        console.warn(`[${s_url}]: ` + message)
+        return Promise.reject(new Error(message))
+      } else {
+        cache.session.setJSON('sessionObj', requestObj)
+      }
+    }
+  }
+  return config
+}, (error: any) => {
+    console.log(error)
+    Promise.reject(error)
+})
+
+// 响应拦截器
+service.interceptors.response.use((res: any) => {
+    // 未设置状态码则默认成功状态
+    const code = res.data.code || 200
+    // 获取错误信息
+    const msg = errorCode[code] || res.data.msg || errorCode['default']
+    // 二进制数据则直接返回
+    if (res.request.responseType ===  'blob' || res.request.responseType ===  'arraybuffer') {
+      return res.data
+    }
+    if (code === 401) {
+      if (!isRelogin.show) {
+        isRelogin.show = true
+        ElMessageBox.confirm('登录状态已过期，您可以继续留在该页面，或者重新登录', '系统提示', { confirmButtonText: '重新登录', cancelButtonText: '取消', type: 'warning' }).then(() => {
+          isRelogin.show = false
+          useUserStore().logOut().then(() => {
+            location.href = '/index'
+          })
+      }).catch(() => {
+        isRelogin.show = false
+      })
+    }
+      return Promise.reject('无效的会话，或者会话已过期，请重新登录。')
+    } else if (code === 500) {
+      ElMessage({ message: msg, type: 'error' })
+      return Promise.reject(new Error(msg))
+    } else if (code === 601) {
+      ElMessage({ message: msg, type: 'warning' })
+      return Promise.reject(new Error(msg))
+    } else if (code !== 200) {
+      ElNotification.error({ title: msg })
+      return Promise.reject('error')
+    } else {
+      return  Promise.resolve(res.data)
+    }
+  },
+  (error: any) => {
+    console.log('err' + error)
+    let { message } = error
+    if (message == "Network Error") {
+      message = "后端接口连接异常"
+    } else if (message.includes("timeout")) {
+      message = "系统接口请求超时"
+    } else if (message.includes("Request failed with status code")) {
+      message = "系统接口" + message.slice(-3) + "异常"
+    }
+    ElMessage({ message: message, type: 'error', duration: 5 * 1000 })
+    return Promise.reject(error)
+  }
+)
+
+// 通用下载方法
+export function download(url: string, params: any, filename: string, config?: any) {
+  downloadLoadingInstance = ElLoading.service({ text: "正在下载数据，请稍候", background: "rgba(0, 0, 0, 0.7)", })
+  return service.post(url, params, {
+    transformRequest: [(params: any) => { return tansParams(params) }],
+    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+    responseType: 'blob',
+    ...config
+  }).then(async (data: any) => {
+    const isBlob = blobValidate(data)
+    if (isBlob) {
+      const blob = new Blob([data])
+      saveAs(blob, filename)
+    } else {
+      const resText = await data.text()
+      const rspObj = JSON.parse(resText)
+      const errMsg = errorCode[rspObj.code] || rspObj.msg || errorCode['default']
+      ElMessage.error(errMsg)
+    }
+    downloadLoadingInstance.close()
+  }).catch((r: any) => {
+    console.error(r)
+    ElMessage.error('下载文件出现错误，请联系管理员！')
+    downloadLoadingInstance.close()
+  })
+}
+
+export default service
diff --git a/src/utils/ruoyi.js b/src/utils/ruoyi.ts
similarity index 69%
rename from src/utils/ruoyi.js
rename to src/utils/ruoyi.ts
index 0d72c1a..9724779 100644
--- a/src/utils/ruoyi.js
+++ b/src/utils/ruoyi.ts
@@ -1,228 +1,230 @@
-/**
- * 通用js方法封装处理
- * Copyright (c) 2019 ruoyi
- */
-
-// 日期格式化
-export function parseTime(time, pattern) {
-  if (arguments.length === 0 || !time) {
-    return null
-  }
-  const format = pattern || '{y}-{m}-{d} {h}:{i}:{s}'
-  let date
-  if (typeof time === 'object') {
-    date = time
-  } else {
-    if ((typeof time === 'string') && (/^[0-9]+$/.test(time))) {
-      time = parseInt(time)
-    } else if (typeof time === 'string') {
-      time = time.replace(new RegExp(/-/gm), '/').replace('T', ' ').replace(new RegExp(/\.[\d]{3}/gm), '')
-    }
-    if ((typeof time === 'number') && (time.toString().length === 10)) {
-      time = time * 1000
-    }
-    date = new Date(time)
-  }
-  const formatObj = {
-    y: date.getFullYear(),
-    m: date.getMonth() + 1,
-    d: date.getDate(),
-    h: date.getHours(),
-    i: date.getMinutes(),
-    s: date.getSeconds(),
-    a: date.getDay()
-  }
-  const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
-    let value = formatObj[key]
-    // Note: getDay() returns 0 on Sunday
-    if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value] }
-    if (result.length > 0 && value < 10) {
-      value = '0' + value
-    }
-    return value || 0
-  })
-  return time_str
-}
-
-// 表单重置
-export function resetForm(refName) {
-  if (this.$refs[refName]) {
-    this.$refs[refName].resetFields()
-  }
-}
-
-// 添加日期范围
-export function addDateRange(params, dateRange, propName) {
-  let search = params
-  search.params = typeof (search.params) === 'object' && search.params !== null && !Array.isArray(search.params) ? search.params : {}
-  dateRange = Array.isArray(dateRange) ? dateRange : []
-  if (typeof (propName) === 'undefined') {
-    search.params['beginTime'] = dateRange[0]
-    search.params['endTime'] = dateRange[1]
-  } else {
-    search.params['begin' + propName] = dateRange[0]
-    search.params['end' + propName] = dateRange[1]
-  }
-  return search
-}
-
-// 回显数据字典
-export function selectDictLabel(datas, value) {
-  if (value === undefined) {
-    return ""
-  }
-  var actions = []
-  Object.keys(datas).some((key) => {
-    if (datas[key].value == ('' + value)) {
-      actions.push(datas[key].label)
-      return true
-    }
-  })
-  if (actions.length === 0) {
-    actions.push(value)
-  }
-  return actions.join('')
-}
-
-// 回显数据字典（字符串、数组）
-export function selectDictLabels(datas, value, separator) {
-  if (value === undefined || value.length ===0) {
-    return ""
-  }
-  if (Array.isArray(value)) {
-    value = value.join(",")
-  }
-  var actions = []
-  var currentSeparator = undefined === separator ? "," : separator
-  var temp = value.split(currentSeparator)
-  Object.keys(value.split(currentSeparator)).some((val) => {
-    var match = false
-    Object.keys(datas).some((key) => {
-      if (datas[key].value == ('' + temp[val])) {
-        actions.push(datas[key].label + currentSeparator)
-        match = true
-      }
-    })
-    if (!match) {
-      actions.push(temp[val] + currentSeparator)
-    }
-  })
-  return actions.join('').substring(0, actions.join('').length - 1)
-}
-
-// 字符串格式化(%s )
-export function sprintf(str) {
-  var args = arguments, flag = true, i = 1
-  str = str.replace(/%s/g, function () {
-    var arg = args[i++]
-    if (typeof arg === 'undefined') {
-      flag = false
-      return ''
-    }
-    return arg
-  })
-  return flag ? str : ''
-}
-
-// 转换字符串，undefined,null等转化为""
-export function parseStrEmpty(str) {
-  if (!str || str == "undefined" || str == "null") {
-    return ""
-  }
-  return str
-}
-
-// 数据合并
-export function mergeRecursive(source, target) {
-  for (var p in target) {
-    try {
-      if (target[p].constructor == Object) {
-        source[p] = mergeRecursive(source[p], target[p])
-      } else {
-        source[p] = target[p]
-      }
-    } catch (e) {
-      source[p] = target[p]
-    }
-  }
-  return source
-}
-
-/**
- * 构造树型结构数据
- * @param {*} data 数据源
- * @param {*} id id字段 默认 'id'
- * @param {*} parentId 父节点字段 默认 'parentId'
- * @param {*} children 孩子节点字段 默认 'children'
- */
-export function handleTree(data, id, parentId, children) {
-  let config = {
-    id: id || 'id',
-    parentId: parentId || 'parentId',
-    childrenList: children || 'children'
-  }
-
-  var childrenListMap = {}
-  var tree = []
-  for (let d of data) {
-    let id = d[config.id]
-    childrenListMap[id] = d
-    if (!d[config.childrenList]) {
-      d[config.childrenList] = []
-    }
-  }
-
-  for (let d of data) {
-    let parentId = d[config.parentId]
-    let parentObj = childrenListMap[parentId]
-    if (!parentObj) {
-      tree.push(d)
-    } else {
-      parentObj[config.childrenList].push(d)
-    }
-  }
-  return tree
-}
-
-/**
-* 参数处理
-* @param {*} params  参数
-*/
-export function tansParams(params) {
-  let result = ''
-  for (const propName of Object.keys(params)) {
-    const value = params[propName]
-    var part = encodeURIComponent(propName) + "="
-    if (value !== null && value !== "" && typeof (value) !== "undefined") {
-      if (typeof value === 'object') {
-        for (const key of Object.keys(value)) {
-          if (value[key] !== null && value[key] !== "" && typeof (value[key]) !== 'undefined') {
-            let params = propName + '[' + key + ']'
-            var subPart = encodeURIComponent(params) + "="
-            result += subPart + encodeURIComponent(value[key]) + "&"
-          }
-        }
-      } else {
-        result += part + encodeURIComponent(value) + "&"
-      }
-    }
-  }
-  return result
-}
-
-// 返回项目路径
-export function getNormalPath(p) {
-  if (p.length === 0 || !p || p == 'undefined') {
-    return p
-  }
-  let res = p.replace('//', '/')
-  if (res[res.length - 1] === '/') {
-    return res.slice(0, res.length - 1)
-  }
-  return res
-}
-
-// 验证是否为blob格式
-export function blobValidate(data) {
-  return data.type !== 'application/json'
-}
+/**
+ * 通用js方法封装处理
+ * Copyright (c) 2019 ruoyi
+ */
+
+// 日期格式化
+export function parseTime(time: any, pattern?: string): string | null {
+  if (arguments.length === 0 || !time) {
+    return null
+  }
+  const format = pattern || '{y}-{m}-{d} {h}:{i}:{s}'
+  let date: Date
+  if (typeof time === 'object') {
+    date = time
+  } else {
+    if ((typeof time === 'string') && (/^[0-9]+$/.test(time))) {
+      time = parseInt(time)
+    } else if (typeof time === 'string') {
+      time = time.replace(new RegExp(/-/gm), '/').replace('T', ' ').replace(new RegExp(/\.[\d]{3}/gm), '')
+    }
+    if ((typeof time === 'number') && (time.toString().length === 10)) {
+      time = time * 1000
+    }
+    date = new Date(time)
+  }
+  const formatObj: Record<string, any> = {
+    y: date.getFullYear(),
+    m: date.getMonth() + 1,
+    d: date.getDate(),
+    h: date.getHours(),
+    i: date.getMinutes(),
+    s: date.getSeconds(),
+    a: date.getDay()
+  }
+  const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
+    let value = formatObj[key]
+    // Note: getDay() returns 0 on Sunday
+    if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value] }
+    if (result.length > 0 && value < 10) {
+      value = '0' + value
+    }
+    return value || 0
+  })
+  return time_str
+}
+
+// 表单重置
+export function resetForm(refName: string): void {
+  // @ts-ignore
+  if ((this as any).$refs[refName]) {
+    // @ts-ignore
+    (this as any).$refs[refName].resetFields()
+  }
+}
+
+// 添加日期范围
+export function addDateRange(params: any, dateRange: string[], propName?: string): any {
+  let search = params
+  search.params = typeof (search.params) === 'object' && search.params !== null && !Array.isArray(search.params) ? search.params : {}
+  dateRange = Array.isArray(dateRange) ? dateRange : []
+  if (typeof (propName) === 'undefined') {
+    search.params['beginTime'] = dateRange[0]
+    search.params['endTime'] = dateRange[1]
+  } else {
+    search.params['begin' + propName] = dateRange[0]
+    search.params['end' + propName] = dateRange[1]
+  }
+  return search
+}
+
+// 回显数据字典
+export function selectDictLabel(datas: any, value: any): string {
+  if (value === undefined) {
+    return ""
+  }
+  const actions: string[] = []
+  Object.keys(datas).some((key) => {
+    if (datas[key].value == ('' + value)) {
+      actions.push(datas[key].label)
+      return true
+    }
+  })
+  if (actions.length === 0) {
+    actions.push(value)
+  }
+  return actions.join('')
+}
+
+// 回显数据字典（字符串、数组）
+export function selectDictLabels(datas: any, value: any, separator?: string): string {
+  if (value === undefined || value.length === 0) {
+    return ""
+  }
+  if (Array.isArray(value)) {
+    value = value.join(",")
+  }
+  const actions: string[] = []
+  const currentSeparator = undefined === separator ? "," : separator
+  const temp = value.split(currentSeparator)
+  Object.keys(value.split(currentSeparator)).some((val) => {
+    let match = false
+    Object.keys(datas).some((key) => {
+      if (datas[key].value == ('' + temp[val])) {
+        actions.push(datas[key].label + currentSeparator)
+        match = true
+      }
+    })
+    if (!match) {
+      actions.push(temp[val] + currentSeparator)
+    }
+  })
+  return actions.join('').substring(0, actions.join('').length - 1)
+}
+
+// 字符串格式化(%s )
+export function sprintf(str: string, ...args: any[]): string {
+  let flag = true, i = 1
+  str = str.replace(/%s/g, function () {
+    const arg = args[i++]
+    if (typeof arg === 'undefined') {
+      flag = false
+      return ''
+    }
+    return arg
+  })
+  return flag ? str : ''
+}
+
+// 转换字符串，undefined,null等转化为""
+export function parseStrEmpty(str: any): string {
+  if (!str || str == "undefined" || str == "null") {
+    return ""
+  }
+  return str
+}
+
+// 数据合并
+export function mergeRecursive(source: any, target: any): any {
+  for (const p in target) {
+    try {
+      if (target[p].constructor == Object) {
+        source[p] = mergeRecursive(source[p], target[p])
+      } else {
+        source[p] = target[p]
+      }
+    } catch (e) {
+      source[p] = target[p]
+    }
+  }
+  return source
+}
+
+/**
+ * 构造树型结构数据
+ * @param data 数据源
+ * @param id id字段 默认 'id'
+ * @param parentId 父节点字段 默认 'parentId'
+ * @param children 孩子节点字段 默认 'children'
+ */
+export function handleTree(data: any[], id?: string, parentId?: string, children?: string): any[] {
+  const config = {
+    id: id || 'id',
+    parentId: parentId || 'parentId',
+    childrenList: children || 'children'
+  }
+
+  const childrenListMap: Record<string, any> = {}
+  const tree: any[] = []
+  for (const d of data) {
+    const id = d[config.id]
+    childrenListMap[id] = d
+    if (!d[config.childrenList]) {
+      d[config.childrenList] = []
+    }
+  }
+
+  for (const d of data) {
+    const parentId = d[config.parentId]
+    const parentObj = childrenListMap[parentId]
+    if (!parentObj) {
+      tree.push(d)
+    } else {
+      parentObj[config.childrenList].push(d)
+    }
+  }
+  return tree
+}
+
+/**
+* 参数处理
+* @param params  参数
+*/
+export function tansParams(params: Record<string, any>): string {
+  let result = ''
+  for (const propName of Object.keys(params)) {
+    const value = params[propName]
+    const part = encodeURIComponent(propName) + "="
+    if (value !== null && value !== "" && typeof (value) !== "undefined") {
+      if (typeof value === 'object') {
+        for (const key of Object.keys(value)) {
+          if (value[key] !== null && value[key] !== "" && typeof (value[key]) !== 'undefined') {
+            const params = propName + '[' + key + ']'
+            const subPart = encodeURIComponent(params) + "="
+            result += subPart + encodeURIComponent(value[key]) + "&"
+          }
+        }
+      } else {
+        result += part + encodeURIComponent(value) + "&"
+      }
+    }
+  }
+  return result
+}
+
+// 返回项目路径
+export function getNormalPath(p: string): string {
+  if (p.length === 0 || !p || p == 'undefined') {
+    return p
+  }
+  let res = p.replace('//', '/')
+  if (res[res.length - 1] === '/') {
+    return res.slice(0, res.length - 1)
+  }
+  return res
+}
+
+// 验证是否为blob格式
+export function blobValidate(data: Blob): boolean {
+  return data.type !== 'application/json'
+}
diff --git a/src/utils/scroll-to.js b/src/utils/scroll-to.ts
similarity index 50%
rename from src/utils/scroll-to.js
rename to src/utils/scroll-to.ts
index 709fa57..9078347 100644
--- a/src/utils/scroll-to.js
+++ b/src/utils/scroll-to.ts
@@ -1,58 +1,64 @@
-Math.easeInOutQuad = function(t, b, c, d) {
-  t /= d / 2
-  if (t < 1) {
-    return c / 2 * t * t + b
-  }
-  t--
-  return -c / 2 * (t * (t - 2) - 1) + b
-}
-
-// requestAnimationFrame for Smart Animating http://goo.gl/sx5sts
-var requestAnimFrame = (function() {
-  return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(callback) { window.setTimeout(callback, 1000 / 60) }
-})()
-
-/**
- * Because it's so fucking difficult to detect the scrolling element, just move them all
- * @param {number} amount
- */
-function move(amount) {
-  document.documentElement.scrollTop = amount
-  document.body.parentNode.scrollTop = amount
-  document.body.scrollTop = amount
-}
-
-function position() {
-  return document.documentElement.scrollTop || document.body.parentNode.scrollTop || document.body.scrollTop
-}
-
-/**
- * @param {number} to
- * @param {number} duration
- * @param {Function} callback
- */
-export function scrollTo(to, duration, callback) {
-  const start = position()
-  const change = to - start
-  const increment = 20
-  let currentTime = 0
-  duration = (typeof (duration) === 'undefined') ? 500 : duration
-  var animateScroll = function() {
-    // increment the time
-    currentTime += increment
-    // find the value with the quadratic in-out easing function
-    var val = Math.easeInOutQuad(currentTime, start, change, duration)
-    // move the document.body
-    move(val)
-    // do the animation unless its over
-    if (currentTime < duration) {
-      requestAnimFrame(animateScroll)
-    } else {
-      if (callback && typeof (callback) === 'function') {
-        // the animation is done so lets callback
-        callback()
-      }
-    }
-  }
-  animateScroll()
-}
+declare global {
+  interface Math {
+    easeInOutQuad(t: number, b: number, c: number, d: number): number
+  }
+}
+
+Math.easeInOutQuad = function(t: number, b: number, c: number, d: number): number {
+  t /= d / 2
+  if (t < 1) {
+    return c / 2 * t * t + b
+  }
+  t--
+  return -c / 2 * (t * (t - 2) - 1) + b
+}
+
+// requestAnimationFrame for Smart Animating http://goo.gl/sx5sts
+const requestAnimFrame = (function() {
+  return window.requestAnimationFrame || (window as any).webkitRequestAnimationFrame || (window as any).mozRequestAnimationFrame || function(callback: FrameRequestCallback) { window.setTimeout(callback, 1000 / 60) }
+})()
+
+/**
+ * Because it's so fucking difficult to detect the scrolling element, just move them all
+ * @param amount
+ */
+function move(amount: number): void {
+  document.documentElement.scrollTop = amount
+  ;(document.body.parentNode as HTMLElement).scrollTop = amount
+  document.body.scrollTop = amount
+}
+
+function position(): number {
+  return document.documentElement.scrollTop || (document.body.parentNode as HTMLElement).scrollTop || document.body.scrollTop
+}
+
+/**
+ * @param to
+ * @param duration
+ * @param callback
+ */
+export function scrollTo(to: number, duration?: number, callback?: () => void): void {
+  const start = position()
+  const change = to - start
+  const increment = 20
+  let currentTime = 0
+  duration = (typeof (duration) === 'undefined') ? 500 : duration
+  const animateScroll = function() {
+    // increment the time
+    currentTime += increment
+    // find the value with the quadratic in-out easing function
+    const val = Math.easeInOutQuad(currentTime, start, change, duration!)
+    // move the document.body
+    move(val)
+    // do the animation unless its over
+    if (currentTime < duration) {
+      requestAnimFrame(animateScroll)
+    } else {
+      if (callback && typeof (callback) === 'function') {
+        // the animation is done so lets callback
+        callback()
+      }
+    }
+  }
+  animateScroll()
+}
diff --git a/src/utils/theme.js b/src/utils/theme.js
deleted file mode 100644
index f4badc6..0000000
--- a/src/utils/theme.js
+++ /dev/null
@@ -1,49 +0,0 @@
-// 处理主题样式
-export function handleThemeStyle(theme) {
-	document.documentElement.style.setProperty('--el-color-primary', theme)
-	for (let i = 1; i <= 9; i++) {
-		document.documentElement.style.setProperty(`--el-color-primary-light-${i}`, `${getLightColor(theme, i / 10)}`)
-	}
-	for (let i = 1; i <= 9; i++) {
-		document.documentElement.style.setProperty(`--el-color-primary-dark-${i}`, `${getDarkColor(theme, i / 10)}`)
-	}
-}
-
-// hex颜色转rgb颜色
-export function hexToRgb(str) {
-	str = str.replace('#', '')
-	let hexs = str.match(/../g)
-	for (let i = 0; i < 3; i++) {
-		hexs[i] = parseInt(hexs[i], 16)
-	}
-	return hexs
-}
-
-// rgb颜色转Hex颜色
-export function rgbToHex(r, g, b) {
-	let hexs = [r.toString(16), g.toString(16), b.toString(16)]
-	for (let i = 0; i < 3; i++) {
-		if (hexs[i].length == 1) {
-			hexs[i] = `0${hexs[i]}`
-		}
-	}
-	return `#${hexs.join('')}`
-}
-
-// 变浅颜色值
-export function getLightColor(color, level) {
-	let rgb = hexToRgb(color)
-	for (let i = 0; i < 3; i++) {
-		rgb[i] = Math.floor((255 - rgb[i]) * level + rgb[i])
-	}
-	return rgbToHex(rgb[0], rgb[1], rgb[2])
-}
-
-// 变深颜色值
-export function getDarkColor(color, level) {
-	let rgb = hexToRgb(color)
-	for (let i = 0; i < 3; i++) {
-		rgb[i] = Math.floor(rgb[i] * (1 - level))
-	}
-	return rgbToHex(rgb[0], rgb[1], rgb[2])
-}
diff --git a/src/utils/theme.ts b/src/utils/theme.ts
new file mode 100644
index 0000000..3e2f518
--- /dev/null
+++ b/src/utils/theme.ts
@@ -0,0 +1,49 @@
+// 处理主题样式
+export function handleThemeStyle(theme: string): void {
+  document.documentElement.style.setProperty('--el-color-primary', theme)
+  for (let i = 1; i <= 9; i++) {
+    document.documentElement.style.setProperty(`--el-color-primary-light-${i}`, `${getLightColor(theme, i / 10)}`)
+  }
+  for (let i = 1; i <= 9; i++) {
+    document.documentElement.style.setProperty(`--el-color-primary-dark-${i}`, `${getDarkColor(theme, i / 10)}`)
+  }
+}
+
+// hex颜色转rgb颜色
+export function hexToRgb(str: string): number[] {
+  str = str.replace('#', '')
+  const hexs = str.match(/../g) || []
+  for (let i = 0; i < 3; i++) {
+    hexs[i] = String(parseInt(hexs[i], 16))
+  }
+  return hexs.map(h => parseInt(h))
+}
+
+// rgb颜色转Hex颜色
+export function rgbToHex(r: number, g: number, b: number): string {
+  const hexs = [r.toString(16), g.toString(16), b.toString(16)]
+  for (let i = 0; i < 3; i++) {
+    if (hexs[i].length == 1) {
+      hexs[i] = `0${hexs[i]}`
+    }
+  }
+  return `#${hexs.join('')}`
+}
+
+// 变浅颜色值
+export function getLightColor(color: string, level: number): string {
+  const rgb = hexToRgb(color)
+  for (let i = 0; i < 3; i++) {
+    rgb[i] = Math.floor((255 - rgb[i]) * level + rgb[i])
+  }
+  return rgbToHex(rgb[0], rgb[1], rgb[2])
+}
+
+// 变深颜色值
+export function getDarkColor(color: string, level: number): string {
+  const rgb = hexToRgb(color)
+  for (let i = 0; i < 3; i++) {
+    rgb[i] = Math.floor(rgb[i] * (1 - level))
+  }
+  return rgbToHex(rgb[0], rgb[1], rgb[2])
+}
diff --git a/src/utils/validate.js b/src/utils/validate.ts
similarity index 69%
rename from src/utils/validate.js
rename to src/utils/validate.ts
index 13b7a15..ed99eee 100644
--- a/src/utils/validate.js
+++ b/src/utils/validate.ts
@@ -1,114 +1,114 @@
-/**
- * 路径匹配器
- * @param {string} pattern
- * @param {string} path
- * @returns {Boolean}
- */
-export function isPathMatch(pattern, path) {
-  const regexPattern = pattern.replace(/\//g, '\\/').replace(/\*\*/g, '.*').replace(/\*/g, '[^\\/]*')
-  const regex = new RegExp(`^${regexPattern}$`)
-  return regex.test(path)
-}
-
-/**
- * 判断value字符串是否为空 
- * @param {string} value
- * @returns {Boolean}
- */
-export function isEmpty(value) {
-  if (value == null || value == "" || value == undefined || value == "undefined") {
-    return true
-  }
-  return false
-}
-
-/**
- * 判断url是否是http或https 
- * @param {string} url
- * @returns {Boolean}
- */
-export function isHttp(url) {
-  return url.indexOf('http://') !== -1 || url.indexOf('https://') !== -1
-}
-
-/**
- * 判断path是否为外链
- * @param {string} path
- * @returns {Boolean}
- */
-export function isExternal(path) {
-  return /^(https?:|mailto:|tel:)/.test(path)
-}
-
-/**
- * @param {string} str
- * @returns {Boolean}
- */
-export function validUsername(str) {
-  const valid_map = ['admin', 'editor']
-  return valid_map.indexOf(str.trim()) >= 0
-}
-
-/**
- * @param {string} url
- * @returns {Boolean}
- */
-export function validURL(url) {
-  const reg = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/
-  return reg.test(url)
-}
-
-/**
- * @param {string} str
- * @returns {Boolean}
- */
-export function validLowerCase(str) {
-  const reg = /^[a-z]+$/
-  return reg.test(str)
-}
-
-/**
- * @param {string} str
- * @returns {Boolean}
- */
-export function validUpperCase(str) {
-  const reg = /^[A-Z]+$/
-  return reg.test(str)
-}
-
-/**
- * @param {string} str
- * @returns {Boolean}
- */
-export function validAlphabets(str) {
-  const reg = /^[A-Za-z]+$/
-  return reg.test(str)
-}
-
-/**
- * @param {string} email
- * @returns {Boolean}
- */
-export function validEmail(email) {
-  const reg = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
-  return reg.test(email)
-}
-
-/**
- * @param {string} str
- * @returns {Boolean}
- */
-export function isString(str) {
-  return typeof str === 'string' || str instanceof String
-}
-
-/**
- * @param {Array} arg
- * @returns {Boolean}
- */
-export function isArray(arg) {
-  if (typeof Array.isArray === 'undefined') {
-    return Object.prototype.toString.call(arg) === '[object Array]'
-  }
-  return Array.isArray(arg)
-}
+/**
+ * 路径匹配器
+ * @param pattern
+ * @param path
+ * @returns {Boolean}
+ */
+export function isPathMatch(pattern: string, path: string): boolean {
+  const regexPattern = pattern.replace(/\//g, '\\/').replace(/\*\*/g, '.*').replace(/\*/g, '[^\\/]*')
+  const regex = new RegExp(`^${regexPattern}$`)
+  return regex.test(path)
+}
+
+/**
+ * 判断value字符串是否为空 
+ * @param value
+ * @returns {Boolean}
+ */
+export function isEmpty(value: any): boolean {
+  if (value == null || value == "" || value == undefined || value == "undefined") {
+    return true
+  }
+  return false
+}
+
+/**
+ * 判断url是否是http或https 
+ * @param url
+ * @returns {Boolean}
+ */
+export function isHttp(url: string): boolean {
+  return url.indexOf('http://') !== -1 || url.indexOf('https://') !== -1
+}
+
+/**
+ * 判断path是否为外链
+ * @param path
+ * @returns {Boolean}
+ */
+export function isExternal(path: string): boolean {
+  return /^(https?:|mailto:|tel:)/.test(path)
+}
+
+/**
+ * @param str
+ * @returns {Boolean}
+ */
+export function validUsername(str: string): boolean {
+  const valid_map = ['admin', 'editor']
+  return valid_map.indexOf(str.trim()) >= 0
+}
+
+/**
+ * @param url
+ * @returns {Boolean}
+ */
+export function validURL(url: string): boolean {
+  const reg = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/
+  return reg.test(url)
+}
+
+/**
+ * @param str
+ * @returns {Boolean}
+ */
+export function validLowerCase(str: string): boolean {
+  const reg = /^[a-z]+$/
+  return reg.test(str)
+}
+
+/**
+ * @param str
+ * @returns {Boolean}
+ */
+export function validUpperCase(str: string): boolean {
+  const reg = /^[A-Z]+$/
+  return reg.test(str)
+}
+
+/**
+ * @param str
+ * @returns {Boolean}
+ */
+export function validAlphabets(str: string): boolean {
+  const reg = /^[A-Za-z]+$/
+  return reg.test(str)
+}
+
+/**
+ * @param email
+ * @returns {Boolean}
+ */
+export function validEmail(email: string): boolean {
+  const reg = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
+  return reg.test(email)
+}
+
+/**
+ * @param str
+ * @returns {Boolean}
+ */
+export function isString(str: any): boolean {
+  return typeof str === 'string' || str instanceof String
+}
+
+/**
+ * @param arg
+ * @returns {Boolean}
+ */
+export function isArray(arg: any): boolean {
+  if (typeof Array.isArray === 'undefined') {
+    return Object.prototype.toString.call(arg) === '[object Array]'
+  }
+  return Array.isArray(arg)
+}
diff --git a/src/views/error/401.vue b/src/views/error/401.vue
index 2bc8922..0086bc9 100644
--- a/src/views/error/401.vue
+++ b/src/views/error/401.vue
@@ -25,14 +25,14 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import errImage from "@/assets/401_images/401.gif"
 
-let { proxy } = getCurrentInstance()
+const { proxy } = getCurrentInstance()
 
-const errGif = ref(errImage + "?" + +new Date())
+const errGif = ref<string>(errImage + "?" + +new Date())
 
-function back() {
+function back(): void {
   if (proxy.$route.query.noGoBack) {
     proxy.$router.push({ path: "/" })
   } else {
diff --git a/src/views/error/404.vue b/src/views/error/404.vue
index 08a617a..1f72931 100644
--- a/src/views/error/404.vue
+++ b/src/views/error/404.vue
@@ -25,8 +25,8 @@
   </div>
 </template>
 
-<script setup>
-let message = computed(() => {
+<script setup lang="ts">
+const message = computed(() => {
   return '找不到网页！'
 })
 </script>
diff --git a/src/views/index.vue b/src/views/index.vue
index 2ed9de8..ffb9f0c 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -88,7 +88,7 @@
               <s> 满101046199 </s> <s> 满136919097 </s> <s> 满143961921 </s> <s> 满174951577 </s> 
               <s> 满161281055 </s> <s> 满138988063 </s> <s> 满151450850 </s> <s> 满224622315 </s>
               <s> 满287842588 </s> <s> 满187944233 </s> <s> 满228578329 </s> <s> 满191164766 </s>
-              <a href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=EeCBXu51I1zPWRia2uskpjDRx6VrbnFN&authKey=Xm8yDxk0%2FyYGI11oxhXaQnTn4K7UwCk7Kn2MZTh3P1JxLctollAkyeySjnaILDkb&noverify=0&group_code=174569686" target="_blank">174569686</a>
+              <s> 满174569686 </s> <a href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=M9y5NjAl44lAL_Vh2crmEehZU_PMU6KS&authKey=ZSDz8hEREWSaPuxQV3gEwqGIaGjfRNnkB4rJjf0IvXhrSUGSGwQFmBA%2Boe8HFxyl&noverify=0&group_code=127358632" target="_blank">127358632</a>
             </p>
             <p>
               <i class="el-icon-chat-dot-round"></i> 微信：<a
@@ -1094,10 +1094,10 @@
   </div>
 </template>
 
-<script setup name="Index">
-const version = ref('3.9.1')
+<script setup lang="ts" name="Index">
+const version = ref<string>('3.9.1')
 
-function goTarget(url) {
+function goTarget(url: string): void {
   window.open(url, '__blank')
 }
 </script>
diff --git a/src/views/login.vue b/src/views/login.vue
index 788693e..77aceb7 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -64,12 +64,14 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { getCodeImg } from "@/api/login"
 import Cookies from "js-cookie"
 import { encrypt, decrypt } from "@/utils/jsencrypt"
 import useUserStore from '@/store/modules/user'
 import defaultSettings from '@/settings'
+import type { CaptchaInfoResult } from '@/types/api/login'
+import type { LoginForm } from '@/types/api/login'
 
 const title = import.meta.env.VITE_APP_TITLE
 const footerContent = defaultSettings.footerContent
@@ -78,7 +80,7 @@ const route = useRoute()
 const router = useRouter()
 const { proxy } = getCurrentInstance()
 
-const loginForm = ref({
+const loginForm = ref<LoginForm>({
   username: "admin",
   password: "admin123",
   rememberMe: false,
@@ -98,14 +100,14 @@ const loading = ref(false)
 const captchaEnabled = ref(true)
 // 注册开关
 const register = ref(false)
-const redirect = ref(undefined)
+const redirect = ref<string | undefined>(undefined)
 
-watch(route, (newRoute) => {
-    redirect.value = newRoute.query && newRoute.query.redirect
+watch(route, (newRoute: any) => {
+    redirect.value = (newRoute.query && newRoute.query.redirect) as string | undefined
 }, { immediate: true })
 
-function handleLogin() {
-  proxy.$refs.loginRef.validate(valid => {
+function handleLogin(): void {
+  proxy.$refs.loginRef.validate((valid: boolean) => {
     if (valid) {
       loading.value = true
       // 勾选了需要记住密码设置在 cookie 中设置记住用户名和密码
@@ -122,7 +124,7 @@ function handleLogin() {
       // 调用action的登录方法
       userStore.login(loginForm.value).then(() => {
         const query = route.query
-        const otherQueryParams = Object.keys(query).reduce((acc, cur) => {
+        const otherQueryParams = Object.keys(query).reduce((acc: Record<string, any>, cur) => {
           if (cur !== "redirect") {
             acc[cur] = query[cur]
           }
@@ -140,7 +142,7 @@ function handleLogin() {
   })
 }
 
-function getCode() {
+function getCode(): void {
   getCodeImg().then(res => {
     captchaEnabled.value = res.captchaEnabled === undefined ? true : res.captchaEnabled
     if (captchaEnabled.value) {
@@ -150,7 +152,7 @@ function getCode() {
   })
 }
 
-function getCookie() {
+function getCookie(): void {
   const username = Cookies.get("username")
   const password = Cookies.get("password")
   const rememberMe = Cookies.get("rememberMe")
diff --git a/src/views/monitor/cache/index.vue b/src/views/monitor/cache/index.vue
index b351fa9..fd16b8b 100644
--- a/src/views/monitor/cache/index.vue
+++ b/src/views/monitor/cache/index.vue
@@ -64,7 +64,7 @@
   </div>
 </template>
 
-<script setup name="Cache">
+<script setup lang="ts" name="Cache">
 import { getCache } from '@/api/monitor/cache'
 import * as echarts from 'echarts'
 
@@ -73,13 +73,13 @@ const commandstats = ref(null)
 const usedmemory = ref(null)
 const { proxy } = getCurrentInstance()
 
-function getList() {
+function getList(): void {
   proxy.$modal.loading("正在加载缓存监控数据，请稍候！")
   getCache().then(response => {
     proxy.$modal.closeLoading()
-    cache.value = response.data
+    cache.value = response.data!
 
-    const commandstatsIntance = echarts.init(commandstats.value, "macarons")
+    const commandstatsIntance = echarts.init(commandstats.value!, "macarons")
     commandstatsIntance.setOption({
       tooltip: {
         trigger: "item",
@@ -92,16 +92,16 @@ function getList() {
           roseType: "radius",
           radius: [15, 95],
           center: ["50%", "38%"],
-          data: response.data.commandStats,
+          data: response.data!.commandStats,
           animationEasing: "cubicInOut",
           animationDuration: 1000
         }
       ]
     })
-    const usedmemoryInstance = echarts.init(usedmemory.value, "macarons")
+    const usedmemoryInstance = echarts.init(usedmemory.value!, "macarons")
     usedmemoryInstance.setOption({
       tooltip: {
-        formatter: "{b} <br/>{a} : " + cache.value.info.used_memory_human
+        formatter: "{b} <br/>{a} : " + cache.value!.info.used_memory_human
       },
       series: [
         {
@@ -110,11 +110,11 @@ function getList() {
           min: 0,
           max: 1000,
           detail: {
-            formatter: cache.value.info.used_memory_human
+            formatter: cache.value!.info.used_memory_human
           },
           data: [
             {
-              value: parseFloat(cache.value.info.used_memory_human),
+              value: parseFloat(cache.value!.info.used_memory_human),
               name: "内存消耗"
             }
           ]
diff --git a/src/views/monitor/cache/list.vue b/src/views/monitor/cache/list.vue
index 77baec4..a4cee3a 100644
--- a/src/views/monitor/cache/list.vue
+++ b/src/views/monitor/cache/list.vue
@@ -154,90 +154,103 @@
   </div>
 </template>
 
-<script setup name="CacheList">
+<script setup lang="ts" name="CacheList">
 import { listCacheName, listCacheKey, getCacheValue, clearCacheName, clearCacheKey, clearCacheAll } from "@/api/monitor/cache"
+import type { SysCache } from '@/types/api/monitor/cache'
+
+interface CacheName {
+  cacheName: string
+  [key: string]: any
+}
+
+interface CacheForm {
+  cacheName?: string
+  cacheKey?: string
+  cacheValue?: string
+}
 
 const { proxy } = getCurrentInstance()
 
-const cacheNames = ref([])
-const cacheKeys = ref([])
-const cacheForm = ref({})
-const loading = ref(true)
-const subLoading = ref(false)
-const nowCacheName = ref("")
-const tableHeight = ref(window.innerHeight - 200)
+const cacheNames = ref<CacheName[]>([])
+const cacheKeys = ref<string[]>([])
+const cacheForm = ref<CacheForm>({})
+const loading = ref<boolean>(true)
+const subLoading = ref<boolean>(false)
+const nowCacheName = ref<string>("")
+const tableHeight = ref<number>(window.innerHeight - 200)
 
 /** 查询缓存名称列表 */
-function getCacheNames() {
+function getCacheNames(): void {
   loading.value = true
   listCacheName().then(response => {
-    cacheNames.value = response.data
+    cacheNames.value = response.data!
     loading.value = false
   })
 }
 
 /** 刷新缓存名称列表 */
-function refreshCacheNames() {
+function refreshCacheNames(): void {
   getCacheNames()
   proxy.$modal.msgSuccess("刷新缓存列表成功")
 }
 
 /** 清理指定名称缓存 */
-function handleClearCacheName(row) {
-  clearCacheName(row.cacheName).then(response => {
+function handleClearCacheName(row: SysCache): void {
+  clearCacheName(row.cacheName as string).then(() => {
     proxy.$modal.msgSuccess("清理缓存名称[" + row.cacheName + "]成功")
     getCacheKeys()
   })
 }
 
 /** 查询缓存键名列表 */
-function getCacheKeys(row) {
+function getCacheKeys(row?: SysCache): void {
   const cacheName = row !== undefined ? row.cacheName : nowCacheName.value
   if (cacheName === "") {
     return
   }
   subLoading.value = true
   listCacheKey(cacheName).then(response => {
-    cacheKeys.value = response.data
+    cacheKeys.value = response.data!
     subLoading.value = false
     nowCacheName.value = cacheName
   })
 }
 
 /** 刷新缓存键名列表 */
-function refreshCacheKeys() {
+function refreshCacheKeys(): void {
   getCacheKeys()
   proxy.$modal.msgSuccess("刷新键名列表成功")
 }
 
 /** 清理指定键名缓存 */
-function handleClearCacheKey(cacheKey) {
-  clearCacheKey(cacheKey).then(response => {
+function handleClearCacheKey(cacheKey: string): void {
+  clearCacheKey(cacheKey).then(() => {
     proxy.$modal.msgSuccess("清理缓存键名[" + cacheKey + "]成功")
     getCacheKeys()
   })
 }
 
 /** 列表前缀去除 */
-function nameFormatter(row) {
+function nameFormatter(row: SysCache): string {
+  if (!row?.cacheName) return ''
   return row.cacheName.replace(":", "")
 }
 
 /** 键名前缀去除 */
-function keyFormatter(cacheKey) {
+function keyFormatter(cacheKey: string): string {
   return cacheKey.replace(nowCacheName.value, "")
 }
 
 /** 查询缓存内容详细 */
-function handleCacheValue(cacheKey) {
+function handleCacheValue(cacheKey: string): void {
   getCacheValue(nowCacheName.value, cacheKey).then(response => {
-    cacheForm.value = response.data
+    cacheForm.value = response.data!
   })
 }
 
 /** 清理全部缓存 */
-function handleClearCacheAll() {
-  clearCacheAll().then(response => {
+function handleClearCacheAll(): void {
+  clearCacheAll().then(() => {
     proxy.$modal.msgSuccess("清理全部缓存成功")
   })
 }
diff --git a/src/views/monitor/druid/index.vue b/src/views/monitor/druid/index.vue
index 1faaead..569dae2 100644
--- a/src/views/monitor/druid/index.vue
+++ b/src/views/monitor/druid/index.vue
@@ -4,10 +4,8 @@
    </div>
 </template>
 
-<script setup>
-import iFrame from '@/components/iFrame'
+<script setup lang="ts">
+import iFrame from '@/components/iFrame/index.vue'
 
-import { ref } from 'vue'
-
-const url = ref(import.meta.env.VITE_APP_BASE_API + '/druid/login.html')
+const url = ref<string>(import.meta.env.VITE_APP_BASE_API + '/druid/login.html')
 </script>
diff --git a/src/views/monitor/job/index.vue b/src/views/monitor/job/index.vue
index 8dfbad2..625b901 100644
--- a/src/views/monitor/job/index.vue
+++ b/src/views/monitor/job/index.vue
@@ -284,36 +284,37 @@
    </div>
 </template>
 
-<script setup name="Job">
-import Crontab from '@/components/Crontab'
+<script setup lang="ts" name="Job">
+import Crontab from '@/components/Crontab/index.vue'
 import { listJob, getJob, delJob, addJob, updateJob, runJob, changeJobStatus } from "@/api/monitor/job"
+import type { JobQueryParams, SysJob } from '@/types/api/monitor/job'
 
 const router = useRouter()
 const { proxy } = getCurrentInstance()
 const { sys_job_group, sys_job_status } = proxy.useDict("sys_job_group", "sys_job_status")
 
-const jobList = ref([])
-const open = ref(false)
-const loading = ref(true)
-const showSearch = ref(true)
-const ids = ref([])
-const single = ref(true)
-const multiple = ref(true)
-const total = ref(0)
-const title = ref("")
-const openView = ref(false)
-const openCron = ref(false)
-const expression = ref("")
+const jobList = ref<SysJob[]>([])
+const open = ref<boolean>(false)
+const loading = ref<boolean>(true)
+const showSearch = ref<boolean>(true)
+const ids = ref<number[]>([])
+const single = ref<boolean>(true)
+const multiple = ref<boolean>(true)
+const total = ref<number>(0)
+const title = ref<string>("")
+const openView = ref<boolean>(false)
+const openCron = ref<boolean>(false)
+const expression = ref<string>("")
 
 const data = reactive({
-  form: {},
+  form: {} as SysJob,
   queryParams: {
     pageNum: 1,
     pageSize: 10,
     jobName: undefined,
     jobGroup: undefined,
     status: undefined
-  },
+  } as JobQueryParams,
   rules: {
     jobName: [{ required: true, message: "任务名称不能为空", trigger: "blur" }],
     invokeTarget: [{ required: true, message: "调用目标字符串不能为空", trigger: "blur" }],
@@ -334,8 +335,8 @@ function getList() {
 }
 
 /** 任务组名字典翻译 */
-function jobGroupFormat(row, column) {
-  return proxy.selectDictLabel(sys_job_group.value, row.jobGroup)
+function jobGroupFormat(row: SysJob): string {
+  return proxy.selectDictLabel(sys_job_group.value, row.jobGroup!)
 }
 
 /** 取消按钮 */
@@ -352,8 +353,8 @@ function reset() {
     jobGroup: undefined,
     invokeTarget: undefined,
     cronExpression: undefined,
-    misfirePolicy: 1,
-    concurrent: 1,
+    misfirePolicy: '1',
+    concurrent: '1',
     status: "0"
   }
   proxy.resetForm("jobRef")
@@ -372,14 +373,14 @@ function resetQuery() {
 }
 
 // 多选框选中数据
-function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.jobId)
+function handleSelectionChange(selection: SysJob[]) {
+  ids.value = selection.map(item => item.jobId!)
   single.value = selection.length != 1
   multiple.value = !selection.length
 }
 
 // 更多操作触发
-function handleCommand(command, row) {
+function handleCommand(command: string, row: SysJob) {
   switch (command) {
     case "handleRun":
       handleRun(row)
@@ -396,10 +397,10 @@ function handleCommand(command, row) {
 }
 
 // 任务状态修改
-function handleStatusChange(row) {
-  let text = row.status === "0" ? "启用" : "停用"
+function handleStatusChange(row: SysJob) {
+  const text = row.status === "0" ? "启用" : "停用"
   proxy.$modal.confirm('确认要"' + text + '""' + row.jobName + '"任务吗?').then(function () {
-    return changeJobStatus(row.jobId, row.status)
+    return changeJobStatus(row.jobId!, row.status!)
   }).then(() => {
     proxy.$modal.msgSuccess(text + "成功")
   }).catch(function () {
@@ -408,35 +409,35 @@ function handleStatusChange(row) {
 }
 
 /* 立即执行一次 */
-function handleRun(row) {
+function handleRun(row: SysJob) {
   proxy.$modal.confirm('确认要立即执行一次"' + row.jobName + '"任务吗?').then(function () {
-    return runJob(row.jobId, row.jobGroup)
+    return runJob(row.jobId!, row.jobGroup!)
   }).then(() => {
-    proxy.$modal.msgSuccess("执行成功")})
-  .catch(() => {})
+    proxy.$modal.msgSuccess("执行成功")
+  }).catch(() => {})
 }
 
 /** 任务详细信息 */
-function handleView(row) {
-  getJob(row.jobId).then(response => {
-    form.value = response.data
+function handleView(row: SysJob) {
+  getJob(row.jobId!).then(response => {
+    form.value = response.data!
     openView.value = true
   })
 }
 
 /** cron表达式按钮操作 */
 function handleShowCron() {
-  expression.value = form.value.cronExpression
+  expression.value = form.value.cronExpression || ""
   openCron.value = true
 }
 
 /** 确定后回传值 */
-function crontabFill(value) {
+function crontabFill(value: string) {
   form.value.cronExpression = value
 }
 
 /** 任务日志列表查询 */
-function handleJobLog(row) {
+function handleJobLog(row: SysJob) {
   const jobId = row.jobId || 0
   router.push('/monitor/job-log/index/' + jobId)
 }
@@ -449,11 +450,11 @@ function handleAdd() {
 }
 
 /** 修改按钮操作 */
-function handleUpdate(row) {
+function handleUpdate(row?: SysJob) {
   reset()
-  const jobId = row.jobId || ids.value
+  const jobId = row?.jobId || ids.value[0]
   getJob(jobId).then(response => {
-    form.value = response.data
+    form.value = response.data!
     open.value = true
     title.value = "修改任务"
   })
@@ -461,16 +462,16 @@ function handleUpdate(row) {
 
 /** 提交按钮 */
 function submitForm() {
-  proxy.$refs["jobRef"].validate(valid => {
+  proxy.$refs["jobRef"].validate((valid: boolean) => {
     if (valid) {
       if (form.value.jobId != undefined) {
-        updateJob(form.value).then(response => {
+        updateJob(form.value).then(() => {
           proxy.$modal.msgSuccess("修改成功")
           open.value = false
           getList()
         })
       } else {
-        addJob(form.value).then(response => {
+        addJob(form.value).then(() => {
           proxy.$modal.msgSuccess("新增成功")
           open.value = false
           getList()
@@ -481,8 +482,8 @@ function submitForm() {
 }
 
 /** 删除按钮操作 */
-function handleDelete(row) {
-  const jobIds = row.jobId || ids.value
+function handleDelete(row?: SysJob) {
+  const jobIds = row?.jobId || ids.value
   proxy.$modal.confirm('是否确认删除定时任务编号为"' + jobIds + '"的数据项?').then(function () {
     return delJob(jobIds)
   }).then(() => {
diff --git a/src/views/monitor/job/log.vue b/src/views/monitor/job/log.vue
index b425e45..bd26cdd 100644
--- a/src/views/monitor/job/log.vue
+++ b/src/views/monitor/job/log.vue
@@ -170,35 +170,37 @@
    </div>
 </template>
 
-<script setup name="JobLog">
+<script setup lang="ts" name="JobLog">
 import { getJob } from "@/api/monitor/job"
 import { listJobLog, delJobLog, cleanJobLog } from "@/api/monitor/jobLog"
+import type { SysJobLog, JobLogQueryParams } from '@/types/api/monitor/jobLog'
+import type { SysJob } from '@/types/api/monitor/job'
 
 const { proxy } = getCurrentInstance()
 const { sys_common_status, sys_job_group } = proxy.useDict("sys_common_status", "sys_job_group")
 
-const jobLogList = ref([])
-const open = ref(false)
-const loading = ref(true)
-const showSearch = ref(true)
-const ids = ref([])
-const multiple = ref(true)
-const total = ref(0)
-const dateRange = ref([])
+const jobLogList = ref<SysJobLog[]>([])
+const open = ref<boolean>(false)
+const loading = ref<boolean>(true)
+const showSearch = ref<boolean>(true)
+const ids = ref<number[]>([])
+const multiple = ref<boolean>(true)
+const total = ref<number>(0)
+const dateRange = ref<string[]>([])
 const route = useRoute()
 
 const data = reactive({
-  form: {},
+  form: {} as SysJobLog,
   queryParams: {
     pageNum: 1,
     pageSize: 10,
-    dictName: undefined,
-    dictType: undefined,
+    jobName: undefined,
+    jobGroup: undefined,
     status: undefined
-  }
+  } as JobLogQueryParams
 })
 
-const { queryParams, form, rules } = toRefs(data)
+const { queryParams, form } = toRefs(data)
 
 /** 查询调度日志列表 */
 function getList() {
@@ -230,19 +232,19 @@ function resetQuery() {
 }
 
 // 多选框选中数据
-function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.jobLogId)
+function handleSelectionChange(selection: SysJobLog[]) {
+  ids.value = selection.map(item => item.jobLogId!)
   multiple.value = !selection.length
 }
 
 /** 详细按钮操作 */
-function handleView(row) {
+function handleView(row: SysJobLog) {
   open.value = true
   form.value = row
 }
 
 /** 删除按钮操作 */
-function handleDelete(row) {
+function handleDelete() {
   proxy.$modal.confirm('是否确认删除调度日志编号为"' + ids.value + '"的数据项?').then(function () {
     return delJobLog(ids.value)
   }).then(() => {
@@ -269,11 +271,11 @@ function handleExport() {
 }
 
 (() => {
-  const jobId = route.params && route.params.jobId
+  const jobId = route.params && Number(route.params.jobId)
   if (jobId !== undefined && jobId != 0) {
     getJob(jobId).then(response => {
-      queryParams.value.jobName = response.data.jobName
-      queryParams.value.jobGroup = response.data.jobGroup
+      queryParams.value.jobName = response.data!.jobName
+      queryParams.value.jobGroup = response.data!.jobGroup
       getList()
     })
   } else {
diff --git a/src/views/monitor/logininfor/index.vue b/src/views/monitor/logininfor/index.vue
index aa42b52..b960708 100644
--- a/src/views/monitor/logininfor/index.vue
+++ b/src/views/monitor/logininfor/index.vue
@@ -124,25 +124,26 @@
    </div>
 </template>
 
-<script setup name="Logininfor">
+<script setup lang="ts" name="Logininfor">
 import { list, delLogininfor, cleanLogininfor, unlockLogininfor } from "@/api/monitor/logininfor"
+import type { SysLogininfor, LogininforQueryParams } from '@/types/api/monitor/logininfor'
 
 const { proxy } = getCurrentInstance()
 const { sys_common_status } = proxy.useDict("sys_common_status")
 
-const logininforList = ref([])
-const loading = ref(true)
-const showSearch = ref(true)
-const ids = ref([])
-const single = ref(true)
-const multiple = ref(true)
-const selectName = ref("")
-const total = ref(0)
-const dateRange = ref([])
+const logininforList = ref<SysLogininfor[]>([])
+const loading = ref<boolean>(true)
+const showSearch = ref<boolean>(true)
+const ids = ref<number[]>([])
+const single = ref<boolean>(true)
+const multiple = ref<boolean>(true)
+const selectName = ref<string[]>([])
+const total = ref<number>(0)
+const dateRange = ref<string[]>([])
 const defaultSort = ref({ prop: "loginTime", order: "descending" })
 
 // 查询参数
-const queryParams = ref({
+const queryParams = ref<LogininforQueryParams>({
   pageNum: 1,
   pageSize: 10,
   ipaddr: undefined,
@@ -177,23 +178,23 @@ function resetQuery() {
 }
 
 /** 多选框选中数据 */
-function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.infoId)
+function handleSelectionChange(selection: SysLogininfor[]) {
+  ids.value = selection.map(item => item.infoId!)
   multiple.value = !selection.length
   single.value = selection.length != 1
-  selectName.value = selection.map(item => item.userName)
+  selectName.value = selection.map(item => item.userName!)
 }
 
 /** 排序触发事件 */
-function handleSortChange(column, prop, order) {
+function handleSortChange(column: any) {
   queryParams.value.orderByColumn = column.prop
   queryParams.value.isAsc = column.order
   getList()
 }
 
 /** 删除按钮操作 */
-function handleDelete(row) {
-  const infoIds = row.infoId || ids.value
+function handleDelete(row?: SysLogininfor) {
+  const infoIds = row?.infoId || ids.value
   proxy.$modal.confirm('是否确认删除访问编号为"' + infoIds + '"的数据项?').then(function () {
     return delLogininfor(infoIds)
   }).then(() => {
diff --git a/src/views/monitor/online/index.vue b/src/views/monitor/online/index.vue
index 21f6463..470ff8c 100644
--- a/src/views/monitor/online/index.vue
+++ b/src/views/monitor/online/index.vue
@@ -57,18 +57,19 @@
    </div>
 </template>
 
-<script setup name="Online">
+<script setup lang="ts" name="Online">
 import { forceLogout, list as initData } from "@/api/monitor/online"
+import type { SysUserOnline, OnlineQueryParams } from '@/types/api/monitor/online'
 
 const { proxy } = getCurrentInstance()
 
-const onlineList = ref([])
-const loading = ref(true)
-const total = ref(0)
-const pageNum = ref(1)
-const pageSize = ref(10)
+const onlineList = ref<SysUserOnline[]>([])
+const loading = ref<boolean>(true)
+const total = ref<number>(0)
+const pageNum = ref<number>(1)
+const pageSize = ref<number>(10)
 
-const queryParams = ref({
+const queryParams = ref<OnlineQueryParams>({
   ipaddr: undefined,
   userName: undefined
 })
@@ -96,9 +97,9 @@ function resetQuery() {
 }
 
 /** 强退按钮操作 */
-function handleForceLogout(row) {
-    proxy.$modal.confirm('是否确认强退名称为"' + row.userName + '"的用户?').then(function () {
-  return forceLogout(row.tokenId)
+function handleForceLogout(row: SysUserOnline) {
+  proxy.$modal.confirm('是否确认强退名称为"' + row.userName + '"的用户?').then(function () {
+    return forceLogout(row.tokenId!)
   }).then(() => {
     getList()
     proxy.$modal.msgSuccess("删除成功")
diff --git a/src/views/monitor/operlog/index.vue b/src/views/monitor/operlog/index.vue
index 05a4296..773ea0f 100644
--- a/src/views/monitor/operlog/index.vue
+++ b/src/views/monitor/operlog/index.vue
@@ -197,26 +197,27 @@
    </div>
 </template>
 
-<script setup name="Operlog">
+<script setup lang="ts" name="Operlog">
 import { list, delOperlog, cleanOperlog } from "@/api/monitor/operlog"
+import type { SysOperLog, OperlogQueryParams } from '@/types/api/monitor/operlog'
 
 const { proxy } = getCurrentInstance()
 const { sys_oper_type, sys_common_status } = proxy.useDict("sys_oper_type", "sys_common_status")
 
-const operlogList = ref([])
-const open = ref(false)
-const loading = ref(true)
-const showSearch = ref(true)
-const ids = ref([])
-const single = ref(true)
-const multiple = ref(true)
-const total = ref(0)
-const title = ref("")
-const dateRange = ref([])
+const operlogList = ref<SysOperLog[]>([])
+const open = ref<boolean>(false)
+const loading = ref<boolean>(true)
+const showSearch = ref<boolean>(true)
+const ids = ref<number[]>([])
+const single = ref<boolean>(true)
+const multiple = ref<boolean>(true)
+const total = ref<number>(0)
+const title = ref<string>("")
+const dateRange = ref<string[]>([])
 const defaultSort = ref({ prop: "operTime", order: "descending" })
 
 const data = reactive({
-  form: {},
+  form: {} as SysOperLog,
   queryParams: {
     pageNum: 1,
     pageSize: 10,
@@ -225,7 +226,7 @@ const data = reactive({
     operName: undefined,
     businessType: undefined,
     status: undefined
-  }
+  } as OperlogQueryParams
 })
 
 const { queryParams, form } = toRefs(data)
@@ -241,8 +242,8 @@ function getList() {
 }
 
 /** 操作日志类型字典翻译 */
-function typeFormat(row, column) {
-  return proxy.selectDictLabel(sys_oper_type.value, row.businessType)
+function typeFormat(row: SysOperLog): string {
+  return proxy.selectDictLabel(sys_oper_type.value, row.businessType!)
 }
 
 /** 搜索按钮操作 */
@@ -260,27 +261,27 @@ function resetQuery() {
 }
 
 /** 多选框选中数据 */
-function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.operId)
+function handleSelectionChange(selection: SysOperLog[]) {
+  ids.value = selection.map(item => item.operId!)
   multiple.value = !selection.length
 }
 
 /** 排序触发事件 */
-function handleSortChange(column, prop, order) {
+function handleSortChange(column: any) {
   queryParams.value.orderByColumn = column.prop
   queryParams.value.isAsc = column.order
   getList()
 }
 
 /** 详细按钮操作 */
-function handleView(row) {
+function handleView(row: SysOperLog) {
   open.value = true
   form.value = row
 }
 
 /** 删除按钮操作 */
-function handleDelete(row) {
-  const operIds = row.operId || ids.value
+function handleDelete(row?: SysOperLog) {
+  const operIds = row?.operId || ids.value
   proxy.$modal.confirm('是否确认删除日志编号为"' + operIds + '"的数据项?').then(function () {
     return delOperlog(operIds)
   }).then(() => {
diff --git a/src/views/monitor/server/index.vue b/src/views/monitor/server/index.vue
index 5eb7945..5598e7c 100644
--- a/src/views/monitor/server/index.vue
+++ b/src/views/monitor/server/index.vue
@@ -169,10 +169,10 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { getServer } from '@/api/monitor/server'
 
-const server = ref([])
+const server = ref<any>([])
 const { proxy } = getCurrentInstance()
 
 function getList() {
diff --git a/src/views/redirect/index.vue b/src/views/redirect/index.vue
index d932b25..2b2f64c 100644
--- a/src/views/redirect/index.vue
+++ b/src/views/redirect/index.vue
@@ -2,7 +2,7 @@
   <div></div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { useRoute, useRouter } from 'vue-router'
 
 const route = useRoute()
@@ -10,5 +10,5 @@ const router = useRouter()
 const { params, query } = route
 const { path } = params
 
-router.replace({ path: '/' + path, query })
+router.replace({ path: '/' + (path as string), query })
 </script>
\ No newline at end of file
diff --git a/src/views/register.vue b/src/views/register.vue
index 13b8061..f6056b0 100644
--- a/src/views/register.vue
+++ b/src/views/register.vue
@@ -75,17 +75,18 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ElMessageBox } from "element-plus"
 import { getCodeImg, register } from "@/api/login"
 import defaultSettings from '@/settings'
+import type { RegisterForm } from '@/types/api/login'
 
 const title = import.meta.env.VITE_APP_TITLE
 const footerContent = defaultSettings.footerContent
 const router = useRouter()
 const { proxy } = getCurrentInstance()
 
-const registerForm = ref({
+const registerForm = ref<RegisterForm>({
   username: "",
   password: "",
   confirmPassword: "",
@@ -93,7 +94,7 @@ const registerForm = ref({
   uuid: ""
 })
 
-const equalToPassword = (rule, value, callback) => {
+const equalToPassword = (rule: any, value: string, callback: (error?: Error) => void): void => {
   if (registerForm.value.password !== value) {
     callback(new Error("两次输入的密码不一致"))
   } else {
@@ -118,15 +119,15 @@ const registerRules = {
   code: [{ required: true, trigger: "change", message: "请输入验证码" }]
 }
 
-const codeUrl = ref("")
-const loading = ref(false)
-const captchaEnabled = ref(true)
+const codeUrl = ref<string>("")
+const loading = ref<boolean>(false)
+const captchaEnabled = ref<boolean>(true)
 
-function handleRegister() {
-  proxy.$refs.registerRef.validate(valid => {
+function handleRegister(): void {
+  proxy.$refs.registerRef.validate((valid: boolean) => {
     if (valid) {
       loading.value = true
-      register(registerForm.value).then(res => {
+      register(registerForm.value).then(() => {
         const username = registerForm.value.username
         ElMessageBox.alert("<font color='red'>恭喜你，您的账号 " + username + " 注册成功！</font>", "系统提示", {
           dangerouslyUseHTMLString: true,
@@ -144,7 +145,7 @@ function handleRegister() {
   })
 }
 
-function getCode() {
+function getCode(): void {
   getCodeImg().then(res => {
     captchaEnabled.value = res.captchaEnabled === undefined ? true : res.captchaEnabled
     if (captchaEnabled.value) {
diff --git a/src/views/system/config/index.vue b/src/views/system/config/index.vue
index 77d9f5a..16660c1 100644
--- a/src/views/system/config/index.vue
+++ b/src/views/system/config/index.vue
@@ -164,32 +164,33 @@
    </div>
 </template>
 
-<script setup name="Config">
+<script setup lang="ts" name="Config">
+import type { SysConfig, ConfigQueryParams } from '@/types/api/system/config'
 import { listConfig, getConfig, delConfig, addConfig, updateConfig, refreshCache } from "@/api/system/config"
 
 const { proxy } = getCurrentInstance()
 const { sys_yes_no } = proxy.useDict("sys_yes_no")
 
-const configList = ref([])
-const open = ref(false)
-const loading = ref(true)
-const showSearch = ref(true)
-const ids = ref([])
-const single = ref(true)
-const multiple = ref(true)
-const total = ref(0)
-const title = ref("")
-const dateRange = ref([])
+const configList = ref<SysConfig[]>([])
+const open = ref<boolean>(false)
+const loading = ref<boolean>(true)
+const showSearch = ref<boolean>(true)
+const ids = ref<number[]>([])
+const single = ref<boolean>(true)
+const multiple = ref<boolean>(true)
+const total = ref<number>(0)
+const title = ref<string>("")
+const dateRange = ref<string[]>([])
 
 const data = reactive({
-  form: {},
+  form: {} as SysConfig,
   queryParams: {
     pageNum: 1,
     pageSize: 10,
     configName: undefined,
     configKey: undefined,
     configType: undefined
-  },
+  } as ConfigQueryParams,
   rules: {
     configName: [{ required: true, message: "参数名称不能为空", trigger: "blur" }],
     configKey: [{ required: true, message: "参数键名不能为空", trigger: "blur" }],
@@ -242,8 +243,8 @@ function resetQuery() {
 }
 
 /** 多选框选中数据 */
-function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.configId)
+function handleSelectionChange(selection: SysConfig[]) {
+  ids.value = selection.map(item => item.configId!)
   single.value = selection.length != 1
   multiple.value = !selection.length
 }
@@ -256,9 +257,9 @@ function handleAdd() {
 }
 
 /** 修改按钮操作 */
-function handleUpdate(row) {
+function handleUpdate(row: SysConfig) {
   reset()
-  const configId = row.configId || ids.value
+  const configId = row.configId || ids.value[0]
   getConfig(configId).then(response => {
     form.value = response.data
     open.value = true
@@ -268,16 +269,16 @@ function handleUpdate(row) {
 
 /** 提交按钮 */
 function submitForm() {
-  proxy.$refs["configRef"].validate(valid => {
+  proxy.$refs["configRef"].validate((valid: boolean) => {
     if (valid) {
       if (form.value.configId != undefined) {
-        updateConfig(form.value).then(response => {
+        updateConfig(form.value).then(() => {
           proxy.$modal.msgSuccess("修改成功")
           open.value = false
           getList()
         })
       } else {
-        addConfig(form.value).then(response => {
+        addConfig(form.value).then(() => {
           proxy.$modal.msgSuccess("新增成功")
           open.value = false
           getList()
@@ -288,7 +289,7 @@ function submitForm() {
 }
 
 /** 删除按钮操作 */
-function handleDelete(row) {
+function handleDelete(row: SysConfig) {
   const configIds = row.configId || ids.value
   proxy.$modal.confirm('是否确认删除参数编号为"' + configIds + '"的数据项？').then(function () {
     return delConfig(configIds)
diff --git a/src/views/system/dept/index.vue b/src/views/system/dept/index.vue
index 5eb99cd..36578b6 100644
--- a/src/views/system/dept/index.vue
+++ b/src/views/system/dept/index.vue
@@ -140,27 +140,29 @@
    </div>
 </template>
 
-<script setup name="Dept">
+<script setup lang="ts" name="Dept">
 import { listDept, getDept, delDept, addDept, updateDept, listDeptExcludeChild } from "@/api/system/dept"
+import type { SysDept, DeptQueryParams } from '@/types/api/system/dept'
+import type { TreeSelect } from '@/types/api/common'
 
 const { proxy } = getCurrentInstance()
 const { sys_normal_disable } = proxy.useDict("sys_normal_disable")
 
-const deptList = ref([])
-const open = ref(false)
-const loading = ref(true)
-const showSearch = ref(true)
-const title = ref("")
-const deptOptions = ref([])
-const isExpandAll = ref(true)
-const refreshTable = ref(true)
+const deptList = ref<any[]>([])
+const open = ref<boolean>(false)
+const loading = ref<boolean>(true)
+const showSearch = ref<boolean>(true)
+const title = ref<string>("")
+const deptOptions = ref<TreeSelect[]>([])
+const isExpandAll = ref<boolean>(true)
+const refreshTable = ref<boolean>(true)
 
 const data = reactive({
-  form: {},
+  form: {} as SysDept,
   queryParams: {
     deptName: undefined,
     status: undefined
-  },
+  } as DeptQueryParams,
   rules: {
     parentId: [{ required: true, message: "上级部门不能为空", trigger: "blur" }],
     deptName: [{ required: true, message: "部门名称不能为空", trigger: "blur" }],
@@ -214,7 +216,7 @@ function resetQuery() {
 }
 
 /** 新增按钮操作 */
-function handleAdd(row) {
+function handleAdd(row?: SysDept) {
   reset()
   listDept().then(response => {
     deptOptions.value = proxy.handleTree(response.data, "deptId")
@@ -236,13 +238,13 @@ function toggleExpandAll() {
 }
 
 /** 修改按钮操作 */
-function handleUpdate(row) {
+function handleUpdate(row: SysDept) {
   reset()
-  listDeptExcludeChild(row.deptId).then(response => {
+  listDeptExcludeChild(row.deptId!).then(response => {
     deptOptions.value = proxy.handleTree(response.data, "deptId")
   })
-  getDept(row.deptId).then(response => {
-    form.value = response.data
+  getDept(row.deptId!).then(response => {
+    form.value = response.data!
     open.value = true
     title.value = "修改部门"
   })
@@ -250,16 +252,16 @@ function handleUpdate(row) {
 
 /** 提交按钮 */
 function submitForm() {
-  proxy.$refs["deptRef"].validate(valid => {
+  proxy.$refs["deptRef"].validate((valid: boolean) => {
     if (valid) {
       if (form.value.deptId != undefined) {
-        updateDept(form.value).then(response => {
+        updateDept(form.value).then(() => {
           proxy.$modal.msgSuccess("修改成功")
           open.value = false
           getList()
         })
       } else {
-        addDept(form.value).then(response => {
+        addDept(form.value).then(() => {
           proxy.$modal.msgSuccess("新增成功")
           open.value = false
           getList()
@@ -270,9 +272,9 @@ function submitForm() {
 }
 
 /** 删除按钮操作 */
-function handleDelete(row) {
+function handleDelete(row: SysDept) {
   proxy.$modal.confirm('是否确认删除名称为"' + row.deptName + '"的数据项?').then(function() {
-    return delDept(row.deptId)
+    return delDept(row.deptId!)
   }).then(() => {
     getList()
     proxy.$modal.msgSuccess("删除成功")
diff --git a/src/views/system/dict/data.vue b/src/views/system/dict/data.vue
index f4e2c6f..45855ed 100644
--- a/src/views/system/dict/data.vue
+++ b/src/views/system/dict/data.vue
@@ -175,28 +175,34 @@
    </div>
 </template>
 
-<script setup name="Data">
+<script setup lang="ts" name="Data">
 import useDictStore from '@/store/modules/dict'
 import { optionselect as getDictOptionselect, getType } from "@/api/system/dict/type"
 import { listData, getData, delData, addData, updateData } from "@/api/system/dict/data"
+import type { SysDictData, SysDictType, DictDataQueryParams } from '@/types/api/system/dict'
+
+interface ListClassOption {
+  value: string
+  label: string
+}
 
 const { proxy } = getCurrentInstance()
 const { sys_normal_disable } = proxy.useDict("sys_normal_disable")
 
-const dataList = ref([])
-const open = ref(false)
-const loading = ref(true)
-const showSearch = ref(true)
-const ids = ref([])
-const single = ref(true)
-const multiple = ref(true)
-const total = ref(0)
-const title = ref("")
-const defaultDictType = ref("")
-const typeOptions = ref([])
+const dataList = ref<SysDictData[]>([])
+const open = ref<boolean>(false)
+const loading = ref<boolean>(true)
+const showSearch = ref<boolean>(true)
+const ids = ref<number[]>([])
+const single = ref<boolean>(true)
+const multiple = ref<boolean>(true)
+const total = ref<number>(0)
+const title = ref<string>("")
+const defaultDictType = ref<string>("")
+const typeOptions = ref<SysDictType[]>([])
 const route = useRoute()
 // 数据标签回显样式
-const listClassOptions = ref([
+const listClassOptions = ref<ListClassOption[]>([
   { value: "default", label: "默认" }, 
   { value: "primary", label: "主要" }, 
   { value: "success", label: "成功" },
@@ -206,14 +212,14 @@ const listClassOptions = ref([
 ])
 
 const data = reactive({
-  form: {},
+  form: {} as SysDictData,
   queryParams: {
     pageNum: 1,
     pageSize: 10,
     dictType: undefined,
     dictLabel: undefined,
     status: undefined
-  },
+  } as DictDataQueryParams,
   rules: {
     dictLabel: [{ required: true, message: "数据标签不能为空", trigger: "blur" }],
     dictValue: [{ required: true, message: "数据键值不能为空", trigger: "blur" }],
@@ -224,10 +230,10 @@ const data = reactive({
 const { queryParams, form, rules } = toRefs(data)
 
 /** 查询字典类型详细 */
-function getTypes(dictId) {
+function getTypes(dictId: number) {
   getType(dictId).then(response => {
-    queryParams.value.dictType = response.data.dictType
-    defaultDictType.value = response.data.dictType
+    queryParams.value.dictType = response.data!.dictType
+    defaultDictType.value = response.data!.dictType!
     getList()
   })
 }
@@ -298,18 +304,18 @@ function handleAdd() {
 }
 
 /** 多选框选中数据 */
-function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.dictCode)
+function handleSelectionChange(selection: SysDictData[]) {
+  ids.value = selection.map(item => item.dictCode!)
   single.value = selection.length != 1
   multiple.value = !selection.length
 }
 
 /** 修改按钮操作 */
-function handleUpdate(row) {
+function handleUpdate(row?: SysDictData) {
   reset()
-  const dictCode = row.dictCode || ids.value
+  const dictCode = row?.dictCode || ids.value[0]
   getData(dictCode).then(response => {
-    form.value = response.data
+    form.value = response.data!
     open.value = true
     title.value = "修改字典数据"
   })
@@ -317,18 +323,18 @@ function handleUpdate(row) {
 
 /** 提交按钮 */
 function submitForm() {
-  proxy.$refs["dataRef"].validate(valid => {
+  proxy.$refs["dataRef"].validate((valid: boolean) => {
     if (valid) {
       if (form.value.dictCode != undefined) {
-        updateData(form.value).then(response => {
-          useDictStore().removeDict(queryParams.value.dictType)
+        updateData(form.value).then(() => {
+          useDictStore().removeDict(queryParams.value.dictType!)
           proxy.$modal.msgSuccess("修改成功")
           open.value = false
           getList()
         })
       } else {
-        addData(form.value).then(response => {
-          useDictStore().removeDict(queryParams.value.dictType)
+        addData(form.value).then(() => {
+          useDictStore().removeDict(queryParams.value.dictType!)
           proxy.$modal.msgSuccess("新增成功")
           open.value = false
           getList()
@@ -339,14 +345,14 @@ function submitForm() {
 }
 
 /** 删除按钮操作 */
-function handleDelete(row) {
-  const dictCodes = row.dictCode || ids.value
+function handleDelete(row?: SysDictData) {
+  const dictCodes = row?.dictCode || ids.value
   proxy.$modal.confirm('是否确认删除字典编码为"' + dictCodes + '"的数据项？').then(function() {
     return delData(dictCodes)
   }).then(() => {
     getList()
     proxy.$modal.msgSuccess("删除成功")
-    useDictStore().removeDict(queryParams.value.dictType)
+    useDictStore().removeDict(queryParams.value.dictType!)
   }).catch(() => {})
 }
 
@@ -357,6 +363,6 @@ function handleExport() {
   }, `dict_data_${new Date().getTime()}.xlsx`)
 }
 
-getTypes(route.params && route.params.dictId)
+getTypes(route.params && Number(route.params.dictId))
 getTypeList()
 </script>
diff --git a/src/views/system/dict/index.vue b/src/views/system/dict/index.vue
index bd6ab65..94abab8 100644
--- a/src/views/system/dict/index.vue
+++ b/src/views/system/dict/index.vue
@@ -171,33 +171,34 @@
    </div>
 </template>
 
-<script setup name="Dict">
+<script setup lang="ts" name="Dict">
 import useDictStore from '@/store/modules/dict'
 import { listType, getType, delType, addType, updateType, refreshCache } from "@/api/system/dict/type"
+import type { SysDictType, DictTypeQueryParams } from '@/types/api/system/dict'
 
 const { proxy } = getCurrentInstance()
 const { sys_normal_disable } = proxy.useDict("sys_normal_disable")
 
-const typeList = ref([])
-const open = ref(false)
-const loading = ref(true)
-const showSearch = ref(true)
-const ids = ref([])
-const single = ref(true)
-const multiple = ref(true)
-const total = ref(0)
-const title = ref("")
-const dateRange = ref([])
+const typeList = ref<SysDictType[]>([])
+const open = ref<boolean>(false)
+const loading = ref<boolean>(true)
+const showSearch = ref<boolean>(true)
+const ids = ref<number[]>([])
+const single = ref<boolean>(true)
+const multiple = ref<boolean>(true)
+const total = ref<number>(0)
+const title = ref<string>("")
+const dateRange = ref<string[]>([])
 
 const data = reactive({
-  form: {},
+  form: {} as SysDictType,
   queryParams: {
     pageNum: 1,
     pageSize: 10,
     dictName: undefined,
     dictType: undefined,
     status: undefined
-  },
+  } as DictTypeQueryParams,
   rules: {
     dictName: [{ required: true, message: "字典名称不能为空", trigger: "blur" }],
     dictType: [{ required: true, message: "字典类型不能为空", trigger: "blur" }]
@@ -255,18 +256,18 @@ function handleAdd() {
 }
 
 /** 多选框选中数据 */
-function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.dictId)
+function handleSelectionChange(selection: SysDictType[]) {
+  ids.value = selection.map(item => item.dictId!)
   single.value = selection.length != 1
   multiple.value = !selection.length
 }
 
 /** 修改按钮操作 */
-function handleUpdate(row) {
+function handleUpdate(row?: SysDictType) {
   reset()
-  const dictId = row.dictId || ids.value
-  getType(dictId).then(response => {
-    form.value = response.data
+  const dictId = row?.dictId || ids.value[0]
+  getType(dictId).then(response=> {
+    form.value = response.data!
     open.value = true
     title.value = "修改字典类型"
   })
@@ -274,16 +275,16 @@ function handleUpdate(row) {
 
 /** 提交按钮 */
 function submitForm() {
-  proxy.$refs["dictRef"].validate(valid => {
+  proxy.$refs["dictRef"].validate((valid: boolean) => {
     if (valid) {
       if (form.value.dictId != undefined) {
-        updateType(form.value).then(response => {
+        updateType(form.value).then(() => {
           proxy.$modal.msgSuccess("修改成功")
           open.value = false
           getList()
         })
       } else {
-        addType(form.value).then(response => {
+        addType(form.value).then(() => {
           proxy.$modal.msgSuccess("新增成功")
           open.value = false
           getList()
@@ -294,8 +295,8 @@ function submitForm() {
 }
 
 /** 删除按钮操作 */
-function handleDelete(row) {
-  const dictIds = row.dictId || ids.value
+function handleDelete(row?: SysDictType) {
+  const dictIds = row?.dictId || ids.value
   proxy.$modal.confirm('是否确认删除字典编号为"' + dictIds + '"的数据项？').then(function() {
     return delType(dictIds)
   }).then(() => {
diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
index 78c49cf..ef45a4d 100644
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -288,30 +288,31 @@
    </div>
 </template>
 
-<script setup name="Menu">
+<script setup lang="ts" name="Menu">
 import { addMenu, delMenu, getMenu, listMenu, updateMenu } from "@/api/system/menu"
-import SvgIcon from "@/components/SvgIcon"
-import IconSelect from "@/components/IconSelect"
+import SvgIcon from "@/components/SvgIcon/index.vue"
+import IconSelect from "@/components/IconSelect/index.vue"
+import type { SysMenu, MenuQueryParams } from '@/types/api/system/menu'
 
 const { proxy } = getCurrentInstance()
 const { sys_show_hide, sys_normal_disable } = proxy.useDict("sys_show_hide", "sys_normal_disable")
 
-const menuList = ref([])
-const open = ref(false)
-const loading = ref(true)
-const showSearch = ref(true)
-const title = ref("")
-const menuOptions = ref([])
-const isExpandAll = ref(false)
-const refreshTable = ref(true)
-const iconSelectRef = ref(null)
+const menuList = ref<any[]>([])
+const open = ref<boolean>(false)
+const loading = ref<boolean>(true)
+const showSearch = ref<boolean>(true)
+const title = ref<string>("")
+const menuOptions = ref<any[]>([])
+const isExpandAll = ref<boolean>(false)
+const refreshTable = ref<boolean>(true)
+const iconSelectRef = ref<any | null>(null)
 
 const data = reactive({
-  form: {},
+  form: {} as SysMenu,
   queryParams: {
     menuName: undefined,
     visible: undefined
-  },
+  } as MenuQueryParams,
   rules: {
     menuName: [{ required: true, message: "菜单名称不能为空", trigger: "blur" }],
     orderNum: [{ required: true, message: "菜单顺序不能为空", trigger: "blur" }],
@@ -365,11 +366,11 @@ function reset() {
 
 /** 展示下拉图标 */
 function showSelectIcon() {
-  iconSelectRef.value.reset()
+  iconSelectRef.value?.reset()
 }
 
 /** 选择图标 */
-function selected(name) {
+function selected(name: string) {
   form.value.icon = name
 }
 
@@ -385,7 +386,7 @@ function resetQuery() {
 }
 
 /** 新增按钮操作 */
-function handleAdd(row) {
+function handleAdd(row?: SysMenu) {
   reset()
   getTreeselect()
   if (row != null && row.menuId) {
@@ -407,11 +408,11 @@ function toggleExpandAll() {
 }
 
 /** 修改按钮操作 */
-async function handleUpdate(row) {
+async function handleUpdate(row: SysMenu) {
   reset()
   await getTreeselect()
-  getMenu(row.menuId).then(response => {
-    form.value = response.data
+  getMenu(row.menuId!).then(response => {
+    form.value = response.data!
     open.value = true
     title.value = "修改菜单"
   })
@@ -419,16 +420,16 @@ async function handleUpdate(row) {
 
 /** 提交按钮 */
 function submitForm() {
-  proxy.$refs["menuRef"].validate(valid => {
+  proxy.$refs["menuRef"].validate((valid: boolean) => {
     if (valid) {
       if (form.value.menuId != undefined) {
-        updateMenu(form.value).then(response => {
+        updateMenu(form.value).then(() => {
           proxy.$modal.msgSuccess("修改成功")
           open.value = false
           getList()
         })
       } else {
-        addMenu(form.value).then(response => {
+        addMenu(form.value).then(() => {
           proxy.$modal.msgSuccess("新增成功")
           open.value = false
           getList()
@@ -439,9 +440,9 @@ function submitForm() {
 }
 
 /** 删除按钮操作 */
-function handleDelete(row) {
+function handleDelete(row: SysMenu) {
   proxy.$modal.confirm('是否确认删除名称为"' + row.menuName + '"的数据项?').then(function() {
-    return delMenu(row.menuId)
+    return delMenu(row.menuId!)
   }).then(() => {
     getList()
     proxy.$modal.msgSuccess("删除成功")
diff --git a/src/views/system/notice/index.vue b/src/views/system/notice/index.vue
index 96dadcc..c8a4608 100644
--- a/src/views/system/notice/index.vue
+++ b/src/views/system/notice/index.vue
@@ -158,31 +158,32 @@
    </div>
 </template>
 
-<script setup name="Notice">
+<script setup lang="ts" name="Notice">
 import { listNotice, getNotice, delNotice, addNotice, updateNotice } from "@/api/system/notice"
+import type { SysNotice, NoticeQueryParams } from '@/types/api/system/notice'
 
 const { proxy } = getCurrentInstance()
 const { sys_notice_status, sys_notice_type } = proxy.useDict("sys_notice_status", "sys_notice_type")
 
-const noticeList = ref([])
-const open = ref(false)
-const loading = ref(true)
-const showSearch = ref(true)
-const ids = ref([])
-const single = ref(true)
-const multiple = ref(true)
-const total = ref(0)
-const title = ref("")
+const noticeList = ref<SysNotice[]>([])
+const open = ref<boolean>(false)
+const loading = ref<boolean>(true)
+const showSearch = ref<boolean>(true)
+const ids = ref<number[]>([])
+const single = ref<boolean>(true)
+const multiple = ref<boolean>(true)
+const total = ref<number>(0)
+const title = ref<string>("")
 
 const data = reactive({
-  form: {},
+  form: {} as SysNotice,
   queryParams: {
     pageNum: 1,
     pageSize: 10,
     noticeTitle: undefined,
     createBy: undefined,
     status: undefined
-  },
+  } as NoticeQueryParams,
   rules: {
     noticeTitle: [{ required: true, message: "公告标题不能为空", trigger: "blur" }],
     noticeType: [{ required: true, message: "公告类型不能为空", trigger: "change" }]
@@ -232,8 +233,8 @@ function resetQuery() {
 }
 
 /** 多选框选中数据 */
-function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.noticeId)
+function handleSelectionChange(selection: SysNotice[]) {
+  ids.value = selection.map(item => item.noticeId!)
   single.value = selection.length != 1
   multiple.value = !selection.length
 }
@@ -246,11 +247,11 @@ function handleAdd() {
 }
 
 /**修改按钮操作 */
-function handleUpdate(row) {
+function handleUpdate(row?: SysNotice) {
   reset()
-  const noticeId = row.noticeId || ids.value
+  const noticeId = row?.noticeId || ids.value[0]
   getNotice(noticeId).then(response => {
-    form.value = response.data
+    form.value = response.data!
     open.value = true
     title.value = "修改公告"
   })
@@ -258,16 +259,16 @@ function handleUpdate(row) {
 
 /** 提交按钮 */
 function submitForm() {
-  proxy.$refs["noticeRef"].validate(valid => {
+  proxy.$refs["noticeRef"].validate((valid: boolean) => {
     if (valid) {
       if (form.value.noticeId != undefined) {
-        updateNotice(form.value).then(response => {
+        updateNotice(form.value).then(() => {
           proxy.$modal.msgSuccess("修改成功")
           open.value = false
           getList()
         })
       } else {
-        addNotice(form.value).then(response => {
+        addNotice(form.value).then(() => {
           proxy.$modal.msgSuccess("新增成功")
           open.value = false
           getList()
@@ -278,8 +279,8 @@ function submitForm() {
 }
 
 /** 删除按钮操作 */
-function handleDelete(row) {
-  const noticeIds = row.noticeId || ids.value
+function handleDelete(row?: SysNotice) {
+  const noticeIds = row?.noticeId || ids.value
   proxy.$modal.confirm('是否确认删除公告编号为"' + noticeIds + '"的数据项？').then(function() {
     return delNotice(noticeIds)
   }).then(() => {
diff --git a/src/views/system/post/index.vue b/src/views/system/post/index.vue
index 2608669..50a3232 100644
--- a/src/views/system/post/index.vue
+++ b/src/views/system/post/index.vue
@@ -144,31 +144,32 @@
    </div>
 </template>
 
-<script setup name="Post">
+<script setup lang="ts" name="Post">
 import { listPost, addPost, delPost, getPost, updatePost } from "@/api/system/post"
+import type { SysPost, PostQueryParams } from '@/types/api/system/post'
 
 const { proxy } = getCurrentInstance()
 const { sys_normal_disable } = proxy.useDict("sys_normal_disable")
 
-const postList = ref([])
-const open = ref(false)
-const loading = ref(true)
-const showSearch = ref(true)
-const ids = ref([])
-const single = ref(true)
-const multiple = ref(true)
-const total = ref(0)
-const title = ref("")
+const postList = ref<SysPost[]>([])
+const open = ref<boolean>(false)
+const loading = ref<boolean>(true)
+const showSearch = ref<boolean>(true)
+const ids = ref<number[]>([])
+const single = ref<boolean>(true)
+const multiple = ref<boolean>(true)
+const total = ref<number>(0)
+const title = ref<string>("")
 
 const data = reactive({
-  form: {},
+  form: {} as SysPost,
   queryParams: {
     pageNum: 1,
     pageSize: 10,
     postCode: undefined,
     postName: undefined,
     status: undefined
-  },
+  } as PostQueryParams,
   rules: {
     postName: [{ required: true, message: "岗位名称不能为空", trigger: "blur" }],
     postCode: [{ required: true, message: "岗位编码不能为空", trigger: "blur" }],
@@ -220,8 +221,8 @@ function resetQuery() {
 }
 
 /** 多选框选中数据 */
-function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.postId)
+function handleSelectionChange(selection: SysPost[]) {
+  ids.value = selection.map(item => item.postId!)
   single.value = selection.length != 1
   multiple.value = !selection.length
 }
@@ -234,11 +235,11 @@ function handleAdd() {
 }
 
 /** 修改按钮操作 */
-function handleUpdate(row) {
+function handleUpdate(row?: SysPost) {
   reset()
-  const postId = row.postId || ids.value
+  const postId = row?.postId || ids.value[0]
   getPost(postId).then(response => {
-    form.value = response.data
+    form.value = response.data!
     open.value = true
     title.value = "修改岗位"
   })
@@ -246,16 +247,16 @@ function handleUpdate(row) {
 
 /** 提交按钮 */
 function submitForm() {
-  proxy.$refs["postRef"].validate(valid => {
+  proxy.$refs["postRef"].validate((valid: boolean) => {
     if (valid) {
       if (form.value.postId != undefined) {
-        updatePost(form.value).then(response => {
+        updatePost(form.value).then(() => {
           proxy.$modal.msgSuccess("修改成功")
           open.value = false
           getList()
         })
       } else {
-        addPost(form.value).then(response => {
+        addPost(form.value).then(() => {
           proxy.$modal.msgSuccess("新增成功")
           open.value = false
           getList()
@@ -266,8 +267,8 @@ function submitForm() {
 }
 
 /** 删除按钮操作 */
-function handleDelete(row) {
-  const postIds = row.postId || ids.value
+function handleDelete(row?: SysPost) {
+  const postIds = row?.postId || ids.value
   proxy.$modal.confirm('是否确认删除岗位编号为"' + postIds + '"的数据项？').then(function() {
     return delPost(postIds)
   }).then(() => {
diff --git a/src/views/system/role/authUser.vue b/src/views/system/role/authUser.vue
index 20be11c..5d16127 100644
--- a/src/views/system/role/authUser.vue
+++ b/src/views/system/role/authUser.vue
@@ -91,22 +91,23 @@
    </div>
 </template>
 
-<script setup name="AuthUser">
-import selectUser from "./selectUser"
+<script setup lang="ts" name="AuthUser">
+import selectUser from "./selectUser.vue"
 import { allocatedUserList, authUserCancel, authUserCancelAll } from "@/api/system/role"
+import type { SysUser, AuthUserQueryParams } from '@/types/api/system/user'
 
 const route = useRoute()
 const { proxy } = getCurrentInstance()
 const { sys_normal_disable } = proxy.useDict("sys_normal_disable")
 
-const userList = ref([])
-const loading = ref(true)
-const showSearch = ref(true)
-const multiple = ref(true)
-const total = ref(0)
-const userIds = ref([])
+const userList = ref<SysUser[]>([])
+const loading = ref<boolean>(true)
+const showSearch = ref<boolean>(true)
+const multiple = ref<boolean>(true)
+const total = ref<number>(0)
+const userIds = ref<number[]>([])
 
-const queryParams = reactive({
+const queryParams = reactive<AuthUserQueryParams>({
   pageNum: 1,
   pageSize: 10,
   roleId: route.params.roleId,
@@ -143,8 +144,8 @@ function resetQuery() {
 }
 
 /** 多选框选中数据 */
-function handleSelectionChange(selection) {
-  userIds.value = selection.map(item => item.userId)
+function handleSelectionChange(selection: SysUser[]) {
+  userIds.value = selection.map(item => item.userId!)
   multiple.value = !selection.length
 }
 
@@ -154,9 +155,9 @@ function openSelectUser() {
 }
 
 /** 取消授权按钮操作 */
-function cancelAuthUser(row) {
+function cancelAuthUser(row: SysUser) {
   proxy.$modal.confirm('确认要取消该用户"' + row.userName + '"角色吗？').then(function () {
-    return authUserCancel({ userId: row.userId, roleId: queryParams.roleId })
+    return authUserCancel({ userId: row.userId!, roleId: queryParams.roleId })
   }).then(() => {
     getList()
     proxy.$modal.msgSuccess("取消授权成功")
@@ -164,7 +165,7 @@ function cancelAuthUser(row) {
 }
 
 /** 批量取消授权按钮操作 */
-function cancelAuthUserAll(row) {
+function cancelAuthUserAll() {
   const roleId = queryParams.roleId
   const uIds = userIds.value.join(",")
   proxy.$modal.confirm("是否取消选中用户授权数据项?").then(function () {
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index 0a52f44..b94f9d3 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -241,33 +241,37 @@
    </div>
 </template>
 
-<script setup name="Role">
+<script setup lang="ts" name="Role">
 import { addRole, changeRoleStatus, dataScope, delRole, getRole, listRole, updateRole, deptTreeSelect } from "@/api/system/role"
 import { roleMenuTreeselect, treeselect as menuTreeselect } from "@/api/system/menu"
+import type { SysRole, RoleQueryParams } from '@/types/api/system/role'
+import type { TreeSelect } from '@/types/api/common'
+import type { RoleDeptTreeResult } from '@/types/api/system/role'
+import type { RoleMenuTreeselectResult } from '@/types/api/system/menu'
 
 const router = useRouter()
 const { proxy } = getCurrentInstance()
 const { sys_normal_disable } = proxy.useDict("sys_normal_disable")
 
-const roleList = ref([])
-const open = ref(false)
-const loading = ref(true)
-const showSearch = ref(true)
-const ids = ref([])
-const single = ref(true)
-const multiple = ref(true)
-const total = ref(0)
-const title = ref("")
-const dateRange = ref([])
-const menuOptions = ref([])
-const menuExpand = ref(false)
-const menuNodeAll = ref(false)
-const deptExpand = ref(true)
-const deptNodeAll = ref(false)
-const deptOptions = ref([])
-const openDataScope = ref(false)
-const menuRef = ref(null)
-const deptRef = ref(null)
+const roleList = ref<SysRole[]>([])
+const open = ref<boolean>(false)
+const loading = ref<boolean>(true)
+const showSearch = ref<boolean>(true)
+const ids = ref<number[]>([])
+const single = ref<boolean>(true)
+const multiple = ref<boolean>(true)
+const total = ref<number>(0)
+const title = ref<string>("")
+const dateRange = ref<string[]>([])
+const menuOptions = ref<TreeSelect[]>([])
+const menuExpand = ref<boolean>(false)
+const menuNodeAll = ref<boolean>(false)
+const deptExpand = ref<boolean>(true)
+const deptNodeAll = ref<boolean>(false)
+const deptOptions = ref<TreeSelect[]>([])
+const openDataScope = ref<boolean>(false)
+const menuRef = ref<any | null>(null)
+const deptRef = ref<any | null>(null)
 
 /** 数据范围选项*/
 const dataScopeOptions = ref([
@@ -279,14 +283,14 @@ const dataScopeOptions = ref([
 ])
 
 const data = reactive({
-  form: {},
+  form: {} as SysRole,
   queryParams: {
     pageNum: 1,
     pageSize: 10,
     roleName: undefined,
     roleKey: undefined,
     status: undefined
-  },
+  } as RoleQueryParams,
   rules: {
     roleName: [{ required: true, message: "角色名称不能为空", trigger: "blur" }],
     roleKey: [{ required: true, message: "权限字符不能为空", trigger: "blur" }],
@@ -320,8 +324,8 @@ function resetQuery() {
 }
 
 /** 删除按钮操作 */
-function handleDelete(row) {
-  const roleIds = row.roleId || ids.value
+function handleDelete(row?: SysRole) {
+  const roleIds = row?.roleId || ids.value
   proxy.$modal.confirm('是否确认删除角色编号为"' + roleIds + '"的数据项?').then(function () {
     return delRole(roleIds)
   }).then(() => {
@@ -338,17 +342,17 @@ function handleExport() {
 }
 
 /** 多选框选中数据 */
-function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.roleId)
+function handleSelectionChange(selection: SysRole[]) {
+  ids.value = selection.map(item => item.roleId!)
   single.value = selection.length != 1
   multiple.value = !selection.length
 }
 
 /** 角色状态修改 */
-function handleStatusChange(row) {
-  let text = row.status === "0" ? "启用" : "停用"
+function handleStatusChange(row: SysRole) {
+  const text = row.status === "0" ? "启用" : "停用"
   proxy.$modal.confirm('确认要"' + text + '""' + row.roleName + '"角色吗?').then(function () {
-    return changeRoleStatus(row.roleId, row.status)
+    return changeRoleStatus(row.roleId!, row.status!)
   }).then(() => {
     proxy.$modal.msgSuccess(text + "成功")
   }).catch(function () {
@@ -357,7 +361,7 @@ function handleStatusChange(row) {
 }
 
 /** 更多操作 */
-function handleCommand(command, row) {
+function handleCommand(command: string, row: SysRole) {
   switch (command) {
     case "handleDataScope":
       handleDataScope(row)
@@ -371,7 +375,7 @@ function handleCommand(command, row) {
 }
 
 /** 分配用户 */
-function handleAuthUser(row) {
+function handleAuthUser(row: SysRole) {
   router.push("/system/role-auth/user/" + row.roleId)
 }
 
@@ -383,7 +387,7 @@ function getMenuTreeselect() {
 }
 
 /** 所有部门节点数据 */
-function getDeptAllCheckedKeys() {
+function getDeptAllCheckedKeys(): number[] {
   // 目前被选中的部门节点
   let checkedKeys = deptRef.value.getCheckedKeys()
   // 半选中的部门节点
@@ -425,20 +429,20 @@ function handleAdd() {
 }
 
 /** 修改角色 */
-function handleUpdate(row) {
+function handleUpdate(row?: SysRole) {
   reset()
-  const roleId = row.roleId || ids.value
+  const roleId = row?.roleId || ids.value[0]
   const roleMenu = getRoleMenuTreeselect(roleId)
   getRole(roleId).then(response => {
-    form.value = response.data
+    form.value = response.data!
     form.value.roleSort = Number(form.value.roleSort)
     open.value = true
     nextTick(() => {
-      roleMenu.then((res) => {
-        let checkedKeys = res.checkedKeys
+      roleMenu.then((res: RoleMenuTreeselectResult) => {
+        const checkedKeys = res.checkedKeys
         checkedKeys.forEach((v) => {
           nextTick(() => {
-            menuRef.value.setChecked(v, true, false)
+            menuRef.value?.setChecked(v, true, false)
           })
         })
       })
@@ -448,7 +452,7 @@ function handleUpdate(row) {
 }
 
 /** 根据角色ID查询菜单树结构 */
-function getRoleMenuTreeselect(roleId) {
+function getRoleMenuTreeselect(roleId: number): Promise<RoleMenuTreeselectResult> {
   return roleMenuTreeselect(roleId).then(response => {
     menuOptions.value = response.menus
     return response
@@ -456,7 +460,7 @@ function getRoleMenuTreeselect(roleId) {
 }
 
 /** 根据角色ID查询部门树结构 */
-function getDeptTree(roleId) {
+function getDeptTree(roleId: number) { Promise<RoleDeptTreeResult>
   return deptTreeSelect(roleId).then(response => {
     deptOptions.value = response.depts
     return response
@@ -464,7 +468,7 @@ function getDeptTree(roleId) {
 }
 
 /** 树权限（展开/折叠）*/
-function handleCheckedTreeExpand(value, type) {
+function handleCheckedTreeExpand(value: boolean, type: string) {
   if (type == "menu") {
     let treeList = menuOptions.value
     for (let i = 0; i < treeList.length; i++) {
@@ -479,7 +483,7 @@ function handleCheckedTreeExpand(value, type) {
 }
 
 /** 树权限（全选/全不选） */
-function handleCheckedTreeNodeAll(value, type) {
+function handleCheckedTreeNodeAll(value: boolean, type: string) {
   if (type == "menu") {
     menuRef.value.setCheckedNodes(value ? menuOptions.value : [])
   } else if (type == "dept") {
@@ -488,7 +492,7 @@ function handleCheckedTreeNodeAll(value, type) {
 }
 
 /** 树权限（父子联动） */
-function handleCheckedTreeConnect(value, type) {
+function handleCheckedTreeConnect(value: boolean, type: string) {
   if (type == "menu") {
     form.value.menuCheckStrictly = value ? true : false
   } else if (type == "dept") {
@@ -497,7 +501,7 @@ function handleCheckedTreeConnect(value, type) {
 }
 
 /** 所有菜单节点数据 */
-function getMenuAllCheckedKeys() {
+function getMenuAllCheckedKeys(): number[] {
   // 目前被选中的菜单节点
   let checkedKeys = menuRef.value.getCheckedKeys()
   // 半选中的菜单节点
@@ -508,18 +512,18 @@ function getMenuAllCheckedKeys() {
 
 /** 提交按钮 */
 function submitForm() {
-  proxy.$refs["roleRef"].validate(valid => {
+  proxy.$refs["roleRef"].validate((valid: boolean) => {
     if (valid) {
       if (form.value.roleId != undefined) {
         form.value.menuIds = getMenuAllCheckedKeys()
-        updateRole(form.value).then(response => {
+        updateRole(form.value).then(() => {
           proxy.$modal.msgSuccess("修改成功")
           open.value = false
           getList()
         })
       } else {
         form.value.menuIds = getMenuAllCheckedKeys()
-        addRole(form.value).then(response => {
+        addRole(form.value).then(() => {
           proxy.$modal.msgSuccess("新增成功")
           open.value = false
           getList()
@@ -536,18 +540,18 @@ function cancel() {
 }
 
 /** 选择角色权限范围触发 */
-function dataScopeSelectChange(value) {
+function dataScopeSelectChange(value: string) {
   if (value !== "2") {
     deptRef.value.setCheckedKeys([])
   }
 }
 
 /** 分配数据权限操作 */
-function handleDataScope(row) {
+function handleDataScope(row: SysRole) {
   reset()
-  const deptTreeSelect = getDeptTree(row.roleId)
-  getRole(row.roleId).then(response => {
-    form.value = response.data
+  const deptTreeSelect = getDeptTree(row.roleId!)
+  getRole(row.roleId!).then(response => {
+    form.value = response.data!
     openDataScope.value = true
     nextTick(() => {
       deptTreeSelect.then(res => {
@@ -566,7 +570,7 @@ function handleDataScope(row) {
 function submitDataScope() {
   if (form.value.roleId != undefined) {
     form.value.deptIds = getDeptAllCheckedKeys()
-    dataScope(form.value).then(response => {
+    dataScope(form.value).then(() => {
       proxy.$modal.msgSuccess("修改成功")
       openDataScope.value = false
       getList()
diff --git a/src/views/system/role/selectUser.vue b/src/views/system/role/selectUser.vue
index 3e3d8aa..cc0d656 100644
--- a/src/views/system/role/selectUser.vue
+++ b/src/views/system/role/selectUser.vue
@@ -60,8 +60,9 @@
    </el-dialog>
 </template>
 
-<script setup name="SelectUser">
+<script setup lang="ts" name="SelectUser">
 import { authUserSelectAll, unallocatedUserList } from "@/api/system/role"
+import type { SysUser, UserQueryParams } from '@/types/api/system/user'
 
 const props = defineProps({
   roleId: {
@@ -72,12 +73,12 @@ const props = defineProps({
 const { proxy } = getCurrentInstance()
 const { sys_normal_disable } = proxy.useDict("sys_normal_disable")
 
-const userList = ref([])
-const visible = ref(false)
-const total = ref(0)
-const userIds = ref([])
+const userList = ref<SysUser[]>([])
+const visible = ref<boolean>(false)
+const total = ref<number>(0)
+const userIds = ref<number[]>([])
 
-const queryParams = reactive({
+const queryParams = reactive<UserQueryParams>({
   pageNum: 1,
   pageSize: 10,
   roleId: undefined,
@@ -93,13 +94,13 @@ function show() {
 }
 
 /**选择行 */
-function clickRow(row) {
+function clickRow(row: SysUser) {
   proxy.$refs["refTable"].toggleRowSelection(row)
 }
 
 // 多选框选中数据
-function handleSelectionChange(selection) {
-  userIds.value = selection.map(item => item.userId)
+function handleSelectionChange(selection: SysUser[]) {
+  userIds.value = selection.map(item => item.userId!)
 }
 
 // 查询表数据
@@ -131,7 +132,7 @@ function handleSelectUser() {
     proxy.$modal.msgError("请选择要分配的用户")
     return
   }
-  authUserSelectAll({ roleId: roleId, userIds: uIds }).then(res => {
+  authUserSelectAll({ roleId: roleId!, userIds: uIds }).then(res => {
     proxy.$modal.msgSuccess(res.msg)
     visible.value = false
     emit("ok")
diff --git a/src/views/system/user/authRole.vue b/src/views/system/user/authRole.vue
index 3935ab1..5f21d79 100644
--- a/src/views/system/user/authRole.vue
+++ b/src/views/system/user/authRole.vue
@@ -45,43 +45,50 @@
    </div>
 </template>
 
-<script setup name="AuthRole">
+<script setup lang="ts" name="AuthRole">
 import { getAuthRole, updateAuthRole } from "@/api/system/user"
+import type { SysRole } from '@/types/api/system/role'
+import type { SysUser } from '@/types/api/system/user'
 
 const route = useRoute()
 const { proxy } = getCurrentInstance()
 
-const loading = ref(true)
-const total = ref(0)
-const pageNum = ref(1)
-const pageSize = ref(10)
-const roleIds = ref([])
-const roles = ref([])
-const form = ref({
+interface SysRoleWithFlag extends SysRole {
+  /** 用户是否存在此角色标识 */
+  flag: boolean;
+}
+
+const loading = ref<boolean>(true)
+const total = ref<number>(0)
+const pageNum = ref<number>(1)
+const pageSize = ref<number>(10)
+const roleIds = ref<number[]>([])
+const roles = ref<SysRoleWithFlag[]>([])
+const form = ref<SysUser>({
   nickName: undefined,
   userName: undefined,
   userId: undefined
 })
 
 /** 单击选中行数据 */
-function clickRow(row) {
+function clickRow(row: SysRole) {
   if (checkSelectable(row)) {
     proxy.$refs["roleRef"].toggleRowSelection(row)
   }
 }
 
 /** 多选框选中数据 */
-function handleSelectionChange(selection) {
-  roleIds.value = selection.map(item => item.roleId)
+function handleSelectionChange(selection: SysRole[]) {
+  roleIds.value = selection.map(item => item.roleId!)
 }
 
 /** 保存选中的数据编号 */
-function getRowKey(row) {
-  return row.roleId
+function getRowKey(row: SysRole): number {
+  return row.roleId!
 }
 
 // 检查角色状态
-function checkSelectable(row) {
+function checkSelectable(row: SysRole): boolean {
   return row.status === "0" ? true : false
 }
 
@@ -95,14 +102,14 @@ function close() {
 function submitForm() {
   const userId = form.value.userId
   const rIds = roleIds.value.join(",")
-  updateAuthRole({ userId: userId, roleIds: rIds }).then(response => {
+  updateAuthRole({ userId: userId!, roleIds: rIds }).then(() => {
     proxy.$modal.msgSuccess("授权成功")
     close()
   })
 }
 
 (() => {
-  const userId = route.params && route.params.userId
+  const userId = route.params && Number(route.params.userId)
   if (userId) {
     loading.value = true
     getAuthRole(userId).then(response => {
@@ -110,7 +117,7 @@ function submitForm() {
       roles.value = response.roles
       total.value = roles.value.length
       nextTick(() => {
-        roles.value.forEach(row => {
+        roles.value.forEach((row: SysRoleWithFlag) => {
           if (row.flag) {
             proxy.$refs["roleRef"].toggleRowSelection(row)
           }
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index 80fc94e..8060623 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -199,7 +199,7 @@
               <el-checkbox v-model="upload.updateSupport" />是否更新已经存在的用户数据
             </div>
             <span>仅允许导入xls、xlsx格式文件。</span>
-            <el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline" @click="importTemplate">下载模板</el-link>
+            <el-link type="primary" underline="never" style="font-size: 12px; vertical-align: baseline" @click="importTemplate">下载模板</el-link>
           </div>
         </template>
       </el-upload>
@@ -213,34 +213,38 @@
   </div>
 </template>
 
-<script setup name="User">
+<script setup lang="ts" name="User">
 import { getToken } from "@/utils/auth"
 import useAppStore from '@/store/modules/app'
 import { changeUserStatus, listUser, resetUserPwd, delUser, getUser, updateUser, addUser, deptTreeSelect } from "@/api/system/user"
 import { Splitpanes, Pane } from "splitpanes"
 import "splitpanes/dist/splitpanes.css"
+import type { SysUser, UserQueryParams, UserFormDataResult } from '@/types/api/system/user'
+import type { SysRole } from '@/types/api/system/role'
+import type { SysPost } from '@/types/api/system/post'
+import type { TreeSelect, TableShowColumns, AjaxResult } from '@/types/api/common'
 
 const router = useRouter()
 const appStore = useAppStore()
 const { proxy } = getCurrentInstance()
 const { sys_normal_disable, sys_user_sex } = proxy.useDict("sys_normal_disable", "sys_user_sex")
 
-const userList = ref([])
-const open = ref(false)
-const loading = ref(true)
-const showSearch = ref(true)
-const ids = ref([])
-const single = ref(true)
-const multiple = ref(true)
-const total = ref(0)
-const title = ref("")
-const dateRange = ref([])
-const deptName = ref("")
-const deptOptions = ref(undefined)
-const enabledDeptOptions = ref(undefined)
-const initPassword = ref(undefined)
-const postOptions = ref([])
-const roleOptions = ref([])
+const userList = ref<SysUser[]>([])
+const open = ref<boolean>(false)
+const loading = ref<boolean>(true)
+const showSearch = ref<boolean>(true)
+const ids = ref<number[]>([])
+const single = ref<boolean>(true)
+const multiple = ref<boolean>(true)
+const total = ref<number>(0)
+const title = ref<string>("")
+const dateRange = ref<string[]>([])
+const deptName = ref<string>("")
+const deptOptions = ref<TreeSelect[] | undefined>(undefined)
+const enabledDeptOptions = ref<TreeSelect[] | undefined>(undefined)
+const initPassword = ref<string | undefined>(undefined)
+const postOptions = ref<SysPost[]>([])
+const roleOptions = ref<SysRole[]>([])
 /*** 用户导入参数 */
 const upload = reactive({
   // 是否显示弹出层（用户导入）
@@ -257,7 +261,7 @@ const upload = reactive({
   url: import.meta.env.VITE_APP_BASE_API + "/system/user/importData"
 })
 // 列显隐信息
-const columns = ref({
+const columns = ref<Record<string, TableShowColumns>>({
   userId: { label: '用户编号', visible: true },
   userName: { label: '用户名称', visible: true },
   nickName: { label: '用户昵称', visible: true },
@@ -268,7 +272,7 @@ const columns = ref({
 })
 
 const data = reactive({
-  form: {},
+  form: {} as SysUser,
   queryParams: {
     pageNum: 1,
     pageSize: 10,
@@ -276,7 +280,7 @@ const data = reactive({
     phonenumber: undefined,
     status: undefined,
     deptId: undefined
-  },
+  } as UserQueryParams,
   rules: {
     userName: [{ required: true, message: "用户名称不能为空", trigger: "blur" }, { min: 2, max: 20, message: "用户名称长度必须介于 2 和 20 之间", trigger: "blur" }],
     nickName: [{ required: true, message: "用户昵称不能为空", trigger: "blur" }],
@@ -289,13 +293,13 @@ const data = reactive({
 const { queryParams, form, rules } = toRefs(data)
 
 /** 通过条件过滤节点  */
-const filterNode = (value, data) => {
+const filterNode = (value: string, data: any): boolean => {
   if (!value) return true
   return data.label.indexOf(value) !== -1
 }
 
 /** 根据名称筛选部门树 */
-watch(deptName, val => {
+watch(deptName, (val: string) => {
   proxy.$refs["deptTreeRef"].filter(val)
 })
 
@@ -318,7 +322,7 @@ function getDeptTree() {
 }
 
 /** 过滤禁用的部门 */
-function filterDisabledDept(deptList) {
+function filterDisabledDept(deptList: TreeSelect[]) {
   return deptList.filter(dept => {
     if (dept.disabled) {
       return false
@@ -331,7 +335,7 @@ function filterDisabledDept(deptList) {
 }
 
 /** 节点单击事件 */
-function handleNodeClick(data) {
+function handleNodeClick(data: any) {
   queryParams.value.deptId = data.id
   handleQuery()
 }
@@ -352,8 +356,8 @@ function resetQuery() {
 }
 
 /** 删除按钮操作 */
-function handleDelete(row) {
-  const userIds = row.userId || ids.value
+function handleDelete(row?: SysUser) {
+  const userIds = row?.userId || ids.value
   proxy.$modal.confirm('是否确认删除用户编号为"' + userIds + '"的数据项？').then(function () {
     return delUser(userIds)
   }).then(() => {
@@ -370,10 +374,10 @@ function handleExport() {
 }
 
 /** 用户状态修改  */
-function handleStatusChange(row) {
-  let text = row.status === "0" ? "启用" : "停用"
+function handleStatusChange(row: SysUser) {
+  const text = row.status === "0" ? "启用" : "停用"
   proxy.$modal.confirm('确认要"' + text + '""' + row.userName + '"用户吗?').then(function () {
-    return changeUserStatus(row.userId, row.status)
+    return changeUserStatus(row.userId!, row.status!)
   }).then(() => {
     proxy.$modal.msgSuccess(text + "成功")
   }).catch(function () {
@@ -382,7 +386,7 @@ function handleStatusChange(row) {
 }
 
 /** 更多操作 */
-function handleCommand(command, row) {
+function handleCommand(command: string, row: SysUser) {
   switch (command) {
     case "handleResetPwd":
       handleResetPwd(row)
@@ -396,34 +400,35 @@ function handleCommand(command, row) {
 }
 
 /** 跳转角色分配 */
-function handleAuthRole(row) {
+function handleAuthRole(row: SysUser) {
   const userId = row.userId
   router.push("/system/user-auth/role/" + userId)
 }
 
 /** 重置密码按钮操作 */
-function handleResetPwd(row) {
+function handleResetPwd(row: SysUser) {
   proxy.$prompt('请输入"' + row.userName + '"的新密码', "提示", {
     confirmButtonText: "确定",
     cancelButtonText: "取消",
     closeOnClickModal: false,
     inputPattern: /^.{5,20}$/,
     inputErrorMessage: "用户密码长度必须介于 5 和 20 之间",
-    inputValidator: (value) => {
+    inputValidator: (value: string) => {
       if (/<|>|"|'|\||\\/.test(value)) {
         return "不能包含非法字符：< > \" ' \\\ |"
       }
+      return true
     },
-  }).then(({ value }) => {
-    resetUserPwd(row.userId, value).then(response => {
+  }).then(({ value }: { value: string }) => { 
+    resetUserPwd(row.userId!, value).then(() => {
       proxy.$modal.msgSuccess("修改成功，新密码是：" + value)
     })
   }).catch(() => {})
 }
 
 /** 选择条数  */
-function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.userId)
+function handleSelectionChange(selection: SysUser[]) {
+  ids.value = selection.map(item => item.userId!)
   single.value = selection.length != 1
   multiple.value = !selection.length
 }
@@ -442,22 +447,22 @@ function importTemplate() {
 }
 
 /**文件上传中处理 */
-const handleFileUploadProgress = (event, file, fileList) => {
+const handleFileUploadProgress = (event: any, file: any, fileList: any[]) => {
   upload.isUploading = true
 }
 
 /** 文件选择处理 */
-const handleFileChange = (file, fileList) => {
+const handleFileChange = (file: any, fileList: any[]) => {
   upload.selectedFile = file
 }
 
 /** 文件删除处理 */
-const handleFileRemove = (file, fileList) => {
+const handleFileRemove = (file: any, fileList: any[]) => {
   upload.selectedFile = null
 }
 
 /** 文件上传成功处理 */
-const handleFileSuccess = (response, file, fileList) => {
+const handleFileSuccess = (response: AjaxResult, file: any, fileList: any[]) => {
   upload.open = false
   upload.isUploading = false
   proxy.$refs["uploadRef"].handleRemove(file)
@@ -513,33 +518,33 @@ function handleAdd() {
 }
 
 /** 修改按钮操作 */
-function handleUpdate(row) {
+function handleUpdate(row?: SysUser) {
   reset()
-  const userId = row.userId || ids.value
+  const userId = row?.userId || ids.value[0]
   getUser(userId).then(response => {
-    form.value = response.data
+    form.value = response.data!
     postOptions.value = response.posts
     roleOptions.value = response.roles
     form.value.postIds = response.postIds
     form.value.roleIds = response.roleIds
     open.value = true
     title.value = "修改用户"
-    form.password = ""
+    form.value.password = ""
   })
 }
 
 /** 提交按钮 */
 function submitForm() {
-  proxy.$refs["userRef"].validate(valid => {
+  proxy.$refs["userRef"].validate((valid: boolean) => {
     if (valid) {
       if (form.value.userId != undefined) {
-        updateUser(form.value).then(response => {
+        updateUser(form.value).then(() => {
           proxy.$modal.msgSuccess("修改成功")
           open.value = false
           getList()
         })
       } else {
-        addUser(form.value).then(response => {
+        addUser(form.value).then(() => {
           proxy.$modal.msgSuccess("新增成功")
           open.value = false
           getList()
@@ -552,7 +557,7 @@ function submitForm() {
 onMounted(() => {
   getDeptTree()
   getList()
-  proxy.getConfigKey("sys.user.initPassword").then(response => {
+  proxy.getConfigKey("sys.user.initPassword").then((response: AjaxResult) => {
     initPassword.value = response.msg
   })
 })
diff --git a/src/views/system/user/profile/index.vue b/src/views/system/user/profile/index.vue
index df23125..e8c1ec4 100644
--- a/src/views/system/user/profile/index.vue
+++ b/src/views/system/user/profile/index.vue
@@ -62,18 +62,26 @@
    </div>
 </template>
 
-<script setup name="Profile">
-import userAvatar from "./userAvatar"
-import userInfo from "./userInfo"
-import resetPwd from "./resetPwd"
+<script setup lang="ts" name="Profile">
+import userAvatar from "./userAvatar.vue"
+import userInfo from "./userInfo.vue"
+import resetPwd from "./resetPwd.vue"
 import { getUserProfile } from "@/api/system/user"
+import type { SysUser } from '@/types/api/system/user'
 
 const route = useRoute()
-const selectedTab = ref("userinfo")
-const state = reactive({
-  user: {},
-  roleGroup: {},
-  postGroup: {}
+const selectedTab = ref<string>("userinfo")
+
+interface UserProfileState {
+  user: SysUser
+  roleGroup: string
+  postGroup: string
+}
+
+const state = reactive<UserProfileState>({
+  user: {} as SysUser,
+  roleGroup: '',
+  postGroup: ''
 })
 
 function getUser() {
@@ -87,7 +95,7 @@ function getUser() {
 onMounted(() => {
   const activeTab = route.params && route.params.activeTab
   if (activeTab) {
-    selectedTab.value = activeTab
+    selectedTab.value = activeTab as string
   }
   getUser()
 })
diff --git a/src/views/system/user/profile/resetPwd.vue b/src/views/system/user/profile/resetPwd.vue
index 308229a..9b93387 100644
--- a/src/views/system/user/profile/resetPwd.vue
+++ b/src/views/system/user/profile/resetPwd.vue
@@ -16,18 +16,27 @@
    </el-form>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { updateUserPwd } from "@/api/system/user"
 
 const { proxy } = getCurrentInstance()
 
-const user = reactive({
+interface UserProfilePwd {
+  // 旧密码
+  oldPassword?: string
+  // 新密码
+  newPassword?: string
+  // 确认密码
+  confirmPassword?: string
+}
+
+const user = reactive<UserProfilePwd>({
   oldPassword: undefined,
   newPassword: undefined,
   confirmPassword: undefined
 })
 
-const equalToPassword = (rule, value, callback) => {
+const equalToPassword = (rule: any, value: string, callback: (error?: Error) => void): void => {
   if (user.newPassword !== value) {
     callback(new Error("两次输入的密码不一致"))
   } else {
@@ -35,17 +44,17 @@ const equalToPassword = (rule, value, callback) => {
   }
 }
 
-const rules = ref({
+const rules = {
   oldPassword: [{ required: true, message: "旧密码不能为空", trigger: "blur" }],
   newPassword: [{ required: true, message: "新密码不能为空", trigger: "blur" }, { min: 6, max: 20, message: "长度在 6 到 20 个字符", trigger: "blur" }, { pattern: /^[^<>"'|\\]+$/, message: "不能包含非法字符：< > \" ' \\\ |", trigger: "blur" }],
   confirmPassword: [{ required: true, message: "确认密码不能为空", trigger: "blur" }, { required: true, validator: equalToPassword, trigger: "blur" }]
-})
+}
 
 /** 提交按钮 */
 function submit() {
-  proxy.$refs.pwdRef.validate(valid => {
+  proxy.$refs.pwdRef.validate((valid: boolean) => {
     if (valid) {
-      updateUserPwd(user.oldPassword, user.newPassword).then(response => {
+      updateUserPwd(user.oldPassword!, user.newPassword!).then(() => {
         proxy.$modal.msgSuccess("修改成功")
       })
     }
diff --git a/src/views/system/user/profile/userAvatar.vue b/src/views/system/user/profile/userAvatar.vue
index ae36e39..0fb7d32 100644
--- a/src/views/system/user/profile/userAvatar.vue
+++ b/src/views/system/user/profile/userAvatar.vue
@@ -58,7 +58,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import "vue-cropper/dist/index.css"
 import { VueCropper } from "vue-cropper"
 import { uploadAvatar } from "@/api/system/user"
@@ -67,12 +67,12 @@ import useUserStore from "@/store/modules/user"
 const userStore = useUserStore()
 const { proxy } = getCurrentInstance()
 
-const open = ref(false)
-const visible = ref(false)
-const title = ref("修改头像")
+const open = ref<boolean>(false)
+const visible = ref<boolean>(false)
+const title = ref<string>("修改头像")
 
 //图片裁剪数据
-const options = reactive({
+const options = reactive<any>({
   img: userStore.avatar,     // 裁剪图片的地址
   autoCrop: true,            // 是否默认生成截图框
   autoCropWidth: 200,        // 默认生成截图框宽度
@@ -107,13 +107,13 @@ function rotateRight() {
 }
 
 /** 图片缩放 */
-function changeScale(num) {
+function changeScale(num: number) {
   num = num || 1
   proxy.$refs.cropper.changeScale(num)
 }
 
 /** 上传预处理 */
-function beforeUpload(file) {
+function beforeUpload(file: File) {
   if (file.type.indexOf("image/") == -1) {
     proxy.$modal.msgError("文件格式错误，请上传图片类型,如：JPG，PNG后缀的文件。")
   } else {
@@ -128,8 +128,8 @@ function beforeUpload(file) {
 
 /** 上传图片 */
 function uploadImg() {
-  proxy.$refs.cropper.getCropBlob(data => {
-    let formData = new FormData()
+  proxy.$refs.cropper.getCropBlob((data: Blob) => {
+    const formData = new FormData()
     formData.append("avatarfile", data, options.filename)
     uploadAvatar(formData).then(response => {
       open.value = false
@@ -142,7 +142,7 @@ function uploadImg() {
 }
 
 /** 实时预览 */
-function realTime(data) {
+function realTime(data: any) {
   options.previews = data
 }
 
diff --git a/src/views/system/user/profile/userInfo.vue b/src/views/system/user/profile/userInfo.vue
index 77f6924..87ef7b6 100644
--- a/src/views/system/user/profile/userInfo.vue
+++ b/src/views/system/user/profile/userInfo.vue
@@ -22,32 +22,35 @@
    </el-form>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { updateUserProfile } from "@/api/system/user"
+import type { SysUser } from '@/types/api/system/user'
 
-const props = defineProps({
-  user: {
-    type: Object
-  }
-})
+interface Props {
+  user?: SysUser
+}
+
+const props = defineProps<Props>()
 
 const { proxy } = getCurrentInstance()
 
-const form = ref({})
-const rules = ref({
+const form = ref<SysUser>({})
+const rules = {
   nickName: [{ required: true, message: "用户昵称不能为空", trigger: "blur" }],
   email: [{ required: true, message: "邮箱地址不能为空", trigger: "blur" }, { type: "email", message: "请输入正确的邮箱地址", trigger: ["blur", "change"] }],
   phonenumber: [{ required: true, message: "手机号码不能为空", trigger: "blur" }, { pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "请输入正确的手机号码", trigger: "blur" }],
-})
+}
 
 /** 提交按钮 */
 function submit() {
-  proxy.$refs.userRef.validate(valid => {
+  proxy.$refs.userRef.validate((valid: boolean) => {
     if (valid) {
-      updateUserProfile(form.value).then(response => {
+      updateUserProfile(form.value).then(() => {
         proxy.$modal.msgSuccess("修改成功")
-        props.user.phonenumber = form.value.phonenumber
-        props.user.email = form.value.email
+        if (props.user) {
+          props.user.phonenumber = form.value.phonenumber
+          props.user.email = form.value.email
+        }
       })
     }
   })
@@ -59,7 +62,7 @@ function close() {
 }
 
 // 回显当前登录用户信息
-watch(() => props.user, user => {
+watch(() => props.user, (user: SysUser) => {
   if (user) {
     form.value = { nickName: user.nickName, phonenumber: user.phonenumber, email: user.email, sex: user.sex }
   }
diff --git a/src/views/tool/build/CodeTypeDialog.vue b/src/views/tool/build/CodeTypeDialog.vue
index de0beb7..2b1fef2 100644
--- a/src/views/tool/build/CodeTypeDialog.vue
+++ b/src/views/tool/build/CodeTypeDialog.vue
@@ -20,7 +20,7 @@
   </el-dialog>
 </template>
 
-<script setup>
+<script setup lang="ts">
 const open = defineModel()
 const props = defineProps({
   showFileName: Boolean
@@ -53,16 +53,16 @@ const typeOptions = ref([
     value: 'dialog'
   }
 ])
-function onOpen() {
+function onOpen(): void {
   if (props.showFileName) {
     formData.value.fileName = `${+new Date()}.vue`
   }
 }
-function onClose() {
+function onClose(): void {
   open.value = false
 }
-function handelConfirm() {
-  codeTypeForm.value.validate(valid => {
+function handelConfirm(): void {
+  codeTypeForm.value?.validate((valid: boolean) => {
     if (!valid) return
     emit('confirm', { ...formData.value })
     onClose()
diff --git a/src/views/tool/build/DraggableItem.vue b/src/views/tool/build/DraggableItem.vue
index 9ae2354..3b0fe2b 100644
--- a/src/views/tool/build/DraggableItem.vue
+++ b/src/views/tool/build/DraggableItem.vue
@@ -24,7 +24,7 @@
     </span>
   </el-col>
 </template>
-<script setup name="DraggableItem">
+<script setup lang="ts" name="DraggableItem">
 import draggable from "vuedraggable/dist/vuedraggable.common"
 import render from '@/utils/generator/render'
 
@@ -41,17 +41,17 @@ const className = ref('')
 const draggableItemRef = ref(null)
 const emits = defineEmits(['activeItem', 'copyItem', 'deleteItem'])
 
-function activeItem(item) {
+function activeItem(item: Element): void {
   emits('activeItem', item)
 }
-function copyItem(item, parent) {
+function copyItem(item: Element, parent?: Element[]): void {
   emits('copyItem', item, parent ?? props.drawingList)
 }
-function deleteItem(item, parent) {
+function deleteItem(item: number | Element, parent?: Element[]): void {
   emits('deleteItem', item, parent ?? props.drawingList)
 }
 
-function getComponentData() {
+function getComponentData(): Record<string, any> {
   return {
     gutter: props.element.gutter,
     justify: props.element.justify,
@@ -59,10 +59,10 @@ function getComponentData() {
   }
 }
 
-watch(() => props.activeId, (val) => {
+watch(() => props.activeId, (val: string) => {
   className.value = (props.element.layout === 'rowFormItem' ? 'drawing-row-item' : 'drawing-item') + (val === props.element.formId ? ' active-from-item' : '')
   if (props.formConf.unFocusedComponentBorder) {
     className.value += ' unfocus-bordered'
   }
 }, { immediate: true })
-</script>
\ No newline at end of file
+</script>
diff --git a/src/views/tool/build/IconsDialog.vue b/src/views/tool/build/IconsDialog.vue
index 98d9c13..d1b2dac 100644
--- a/src/views/tool/build/IconsDialog.vue
+++ b/src/views/tool/build/IconsDialog.vue
@@ -20,14 +20,13 @@
     </el-dialog>
   </div>
 </template>
-<script setup>
+<script setup lang="ts">
 import * as ElementPlusIconsVue from '@element-plus/icons-vue'
-import { watch } from 'vue'
 
-const iconList = ref([])
-const originList = []
-const key = ref('')
-const active = ref('')
+const iconList = ref<string[]>([])
+const originList: string[] = []
+const key = ref<string>('')
+const active = ref<string>('')
 const emit = defineEmits(['select'])
 const value = defineModel()
 for (const [key] of Object.entries(ElementPlusIconsVue)) {
@@ -35,15 +34,17 @@ for (const [key] of Object.entries(ElementPlusIconsVue)) {
   originList.push(key)
 }
 
-function onOpen() { }
-function onClose() { }
-function onSelect(icon) {
+function onOpen(): void { }
+function onClose(): void { }
+function onSelect(icon: string): void {
   active.value = icon
   emit('select', icon)
-  value.value = false
+  if (value.value !== undefined) {
+    value.value = false
+  }
 }
 
-watch(key, (val) => {
+watch(key, (val: string) => {
   if (val) {
     iconList.value = originList.filter(name => name.indexOf(val) > -1)
   } else {
diff --git a/src/views/tool/build/RightPanel.vue b/src/views/tool/build/RightPanel.vue
index 5fe80fb..e7ad28c 100644
--- a/src/views/tool/build/RightPanel.vue
+++ b/src/views/tool/build/RightPanel.vue
@@ -136,8 +136,8 @@
           </el-form-item>
           <el-form-item v-if="activeData.maxlength !== undefined" label="最多输入">
             <el-input v-model="activeData.maxlength" placeholder="请输入字符长度">
-              <template slot="append">
-                个字符
+              <template #append>
+                <span>个字符</span>
               </template>
             </el-input>
           </el-form-item>
@@ -177,11 +177,13 @@
           </el-form-item>
           <el-form-item v-if="activeData.fileSize !== undefined" label="文件大小">
             <el-input v-model.number="activeData.fileSize" placeholder="请输入文件大小">
-              <el-select slot="append" v-model="activeData.sizeUnit" :style="{ width: '66px' }">
+              <template #append>
+                <el-select v-model="activeData.sizeUnit" :style="{ width: '66px' }">
                 <el-option label="KB" value="KB" />
                 <el-option label="MB" value="MB" />
                 <el-option label="GB" value="GB" />
-              </el-select>
+                </el-select>
+              </template>
             </el-input>
           </el-form-item>
           <el-form-item v-if="activeData.action !== undefined" label="上传地址">
@@ -463,15 +465,15 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import draggable from "vuedraggable/dist/vuedraggable.common"
 import { isNumberStr } from '@/utils/index'
-import IconsDialog from './IconsDialog'
-import TreeNodeDialog from './TreeNodeDialog'
+import IconsDialog from './IconsDialog.vue'
+import TreeNodeDialog from './TreeNodeDialog.vue'
 import { inputComponents, selectComponents } from '@/utils/generator/config'
 
 const { proxy } = getCurrentInstance()
-const dateTimeFormat = {
+const dateTimeFormat: Record<string, string> = {
   date: 'YYYY-MM-DD',
   week: 'YYYY 第 ww 周',
   month: 'YYYY-MM',
@@ -481,11 +483,11 @@ const dateTimeFormat = {
   monthrange: 'YYYY-MM',
   datetimerange: 'YYYY-MM-DD HH:mm:ss'
 }
-const props = defineProps({
-  showField: Boolean,
-  activeData: Object,
-  formConf: Object
-})
+const props = defineProps<{
+  showField: boolean
+  activeData: any
+  formConf: any
+}>()
 
 const data = reactive({
   currentTab: 'field',
@@ -574,7 +576,7 @@ const data = reactive({
     }
   ],
   layoutTreeProps: {
-    label(data, node) {
+    label(data: any, node: any) {
       return data.componentName || `${data.label}: ${data.vModel}`
     }
   }
@@ -582,7 +584,7 @@ const data = reactive({
 
 const { currentTab, currentNode, dialogVisible, iconsVisible, currentIconModel, dateTypeOptions, dateRangeTypeOptions, colorFormatOptions, justifyOptions, layoutTreeProps } = toRefs(data)
 
-const documentLink = computed(() => props.activeData.document || 'https://element-plus.org/zh-CN/guide/installation')
+const documentLink = computed<string>(() => props.activeData.document || 'https://element-plus.org/zh-CN/guide/installation')
 
 const dateOptions = computed(() => {
   if (props.activeData.type !== undefined && props.activeData.tag === 'el-date-picker') {
@@ -607,26 +609,32 @@ const tagList = ref([
 
 const emit = defineEmits(['tag-change'])
 
-function addReg() {
+function addReg(): void {
+  if (!props.activeData.regList) {
+    props.activeData.regList = []
+  }
   props.activeData.regList.push({
     pattern: '',
     message: ''
   })
 }
-function addSelectItem() {
+function addSelectItem(): void {
+  if (!props.activeData.options) {
+    props.activeData.options = []
+  }
   props.activeData.options.push({
     label: '',
     value: ''
   })
 }
 
-function addTreeItem() {
+function addTreeItem(): void {
   ++proxy.idGlobal
   dialogVisible.value = true
   currentNode.value = props.activeData.options
 }
 
-function renderContent(h, { node, data, store }) {
+function renderContent(h: any, { node, data, store }: any): any {
   return h('div', {
     class: "custom-tree-node"
   }, [
@@ -640,7 +648,6 @@ function renderContent(h, { node, data, store }) {
         underline: false,
         onClick: () => {
           append(data)
-
         }
       }),
       h(resolveComponent('el-link'), {
@@ -655,40 +662,42 @@ function renderContent(h, { node, data, store }) {
     ])
   ])
 }
-function append(data) {
+function append(data: any): void {
   if (!data.children) {
     data.children = []
   }
   dialogVisible.value = true
   currentNode.value = data.children
 }
-function remove(node, data) {
+function remove(node: any, data: any): void {
   const { parent } = node
   const children = parent.data.children || parent.data
-  const index = children.findIndex(d => d.id === data.id)
+  const index = children.findIndex((d: any) => d.id === data.id)
   children.splice(index, 1)
 }
-function addNode(data) {
-  currentNode.value.push(data)
+function addNode(data: any): void {
+  if (currentNode.value) {
+    currentNode.value.push(data)
+  }
 }
 
-function setOptionValue(item, val) {
+function setOptionValue(item: { value: any }, val: string): void {
   item.value = isNumberStr(val) ? +val : val
 }
-function setDefaultValue(val) {
+function setDefaultValue(val: any): string {
   if (Array.isArray(val)) {
     return val.join(',')
   }
-  if (['string', 'number'].indexOf(val) > -1) {
-    return val
+  if (['string', 'number'].indexOf(typeof val) > -1) {
+    return String(val)
   }
   if (typeof val === 'boolean') {
     return `${val}`
   }
-  return val
+  return String(val)
 }
 
-function onDefaultValueInput(str) {
+function onDefaultValueInput(str: string): void {
   if (Array.isArray(props.activeData.defaultValue)) {
     // 数组
     props.activeData.defaultValue = str.split(',').map(val => (isNumberStr(val) ? +val : val))
@@ -701,7 +710,7 @@ function onDefaultValueInput(str) {
   }
 }
 
-function onSwitchValueInput(val, name) {
+function onSwitchValueInput(val: string, name: string): void {
   if (['true', 'false'].indexOf(val) > -1) {
     props.activeData[name] = JSON.parse(val)
   } else {
@@ -709,56 +718,63 @@ function onSwitchValueInput(val, name) {
   }
 }
 
-function setTimeValue(val, type) {
+function setTimeValue(val: string, type?: string): void {
   const valueFormat = type === 'week' ? dateTimeFormat.date : val
   props.activeData.defaultValue = null
   props.activeData['value-format'] = valueFormat
   props.activeData.format = val
 }
 
-function spanChange(val) {
+function spanChange(val: number): void {
   props.formConf.span = val
 }
 
-function multipleChange(val) {
+function multipleChange(val: boolean): void {
   props.activeData.defaultValue = val ? [] : ''
 }
 
-function dateTypeChange(val) {
+function dateTypeChange(val: string): void {
   setTimeValue(dateTimeFormat[val], val)
 }
 
-function rangeChange(val) {
+function rangeChange(val: boolean): void {
   props.activeData.defaultValue = val ? [props.activeData.min, props.activeData.max] : props.activeData.min
 }
 
-function rateTextChange(val) {
+function rateTextChange(val: boolean): void {
   if (val) props.activeData['show-score'] = false
 }
 
-function rateScoreChange(val) {
+function rateScoreChange(val: boolean): void {
   if (val) props.activeData['show-text'] = false
 }
 
-function colorFormatChange(val) {
+function colorFormatChange(val: string): void {
   props.activeData.defaultValue = null
   props.activeData['show-alpha'] = val.indexOf('a') > -1
   props.activeData.renderKey = +new Date() // 更新renderKey,重新渲染该组件
 }
 
-function openIconsDialog(model) {
+function openIconsDialog(model: string): void {
   iconsVisible.value = true
   currentIconModel.value = model
 }
 
-function setIcon(val) {
-  props.activeData[currentIconModel.value] = val
+function setIcon(val: string): void {
+  if (currentIconModel.value) {
+    props.activeData[currentIconModel.value] = val
+  }
 }
 
-function tagChange(tagIcon) {
-  let target = inputComponents.find(item => item.tagIcon === tagIcon)
-  if (!target) target = selectComponents.find(item => item.tagIcon === tagIcon)
-  emit('tag-change', target)
+function tagChange(tagIcon: string): void {
+  let target: Record<string, any> | undefined
+  target = inputComponents.find(item => item.tagIcon === tagIcon)
+  if (!target) {
+    target = selectComponents.find(item => item.tagIcon === tagIcon)
+  }
+  if (target) {
+    emit('tag-change', target)
+  }
 }
 </script>
 
diff --git a/src/views/tool/build/TreeNodeDialog.vue b/src/views/tool/build/TreeNodeDialog.vue
index 372d3af..882c7ad 100644
--- a/src/views/tool/build/TreeNodeDialog.vue
+++ b/src/views/tool/build/TreeNodeDialog.vue
@@ -31,7 +31,7 @@
     </el-dialog>
   </div>
 </template>
-<script setup>
+<script setup lang="ts">
 const open = defineModel()
 const emit = defineEmits(['confirm'])
 const formData = ref({
@@ -54,8 +54,8 @@ const rules = {
     }
   ]
 }
-const dataType = ref('string')
-const dataTypeOptions = ref([
+const dataType = ref<string>('string')
+const dataTypeOptions = ref<any[]>([
   {
     label: '字符串',
     value: 'string'
@@ -65,25 +65,27 @@ const dataTypeOptions = ref([
     value: 'number'
   }
 ])
-const id = ref(100)
-const treeNodeForm = ref()
+const id = ref<number>(100)
+const treeNodeForm = ref<any>()
 
-function onOpen() {
+function onOpen(): void {
   formData.value = {
     label: undefined,
     value: undefined
   }
 }
 
-function onClose() {
-  open.value = false
+function onClose(): void {
+  if (open.value !== undefined) {
+    open.value = false
+  }
 }
 
-function handelConfirm() {
-  treeNodeForm.value.validate(valid => {
+function handelConfirm(): void {
+  treeNodeForm.value?.validate((valid: boolean) => {
     if (!valid) return
     if (dataType.value === 'number') {
-      formData.value.value = parseFloat(formData.value.value)
+      formData.value.value = parseFloat(String(formData.value.value))
     }
     formData.value.id = id.value++
     emit('commit', formData.value)
diff --git a/src/views/tool/build/index.vue b/src/views/tool/build/index.vue
index 9696dc1..2b0eb89 100644
--- a/src/views/tool/build/index.vue
+++ b/src/views/tool/build/index.vue
@@ -95,9 +95,10 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import draggable from "vuedraggable/dist/vuedraggable.common"
 import ClipboardJS from 'clipboard'
+//@ts-ignore
 import beautifier from 'js-beautify'
 import logo from '@/assets/logo/logo.png'
 import { inputComponents, selectComponents, layoutComponents, formConf as formConfData } from '@/utils/generator/config'
@@ -108,72 +109,72 @@ import { makeUpJs } from '@/utils/generator/js'
 import { makeUpCss } from '@/utils/generator/css'
 import Download from '@/plugins/download'
 import { ElNotification } from 'element-plus'
-import DraggableItem from './DraggableItem'
-import RightPanel from './RightPanel'
-import CodeTypeDialog from './CodeTypeDialog'
-import { onMounted, watch } from 'vue'
+import DraggableItem from './DraggableItem.vue'
+import RightPanel from './RightPanel.vue'
+import CodeTypeDialog from './CodeTypeDialog.vue'
 
 initDrawingDefaultValue()
 
-const drawingList = ref(drawingDefaultValue)
+const drawingList = ref<any[]>(drawingDefaultValue)
 const { proxy } = getCurrentInstance()
-const dialogVisible = ref(false)
-const showFileName = ref(false)
-const operationType = ref('')
-const idGlobal = ref(100)
-const activeData = ref(drawingDefaultValue[0])
-const activeId = ref(drawingDefaultValue[0].formId)
-const generateConf = ref(null)
-const formData = ref({})
-const formConf = ref(formConfData)
-let oldActiveId
-let tempActiveData
+const dialogVisible = ref<boolean>(false)
+const showFileName = ref<boolean>(false)
+const operationType = ref<string>('')
+const idGlobal = ref<number>(100)
+const activeData = ref<any>(drawingDefaultValue[0])
+const activeId = ref<number>(drawingDefaultValue[0].formId)
+const generateConf = ref<any | null>(null)
+const formData = ref<FormData>({} as FormData)
+const formConf = ref<any>(formConfData)
+let oldActiveId: number
+let tempActiveData: any
 
-function activeFormItem(element) {
+function activeFormItem(element: any): void {
   activeData.value = element
   activeId.value = element.formId
 }
-function copy() {
+function copy(): void {
   dialogVisible.value = true
   showFileName.value = false
   operationType.value = 'copy'
 }
-function download() {
+function download(): void {
   dialogVisible.value = true
   showFileName.value = true
   operationType.value = 'download'
 }
-function empty() {
+function empty(): void {
   proxy.$modal.confirm('确定要清空所有组件吗？', '提示', { type: 'warning' }).then(() => {
-      idGlobal.value = 100
-      drawingList.value = []
-      cleanDrawingDefaultValue()
-    }
-  )
+    idGlobal.value = 100
+    drawingList.value = []
+    cleanDrawingDefaultValue()
+  })
 }
 
-function onEnd(obj, a) {
+function onEnd(obj: any): void {
   if (obj.from !== obj.to) {
     activeData.value = tempActiveData
     activeId.value = idGlobal.value
   }
 }
 
-function addComponent(item) {
+function addComponent(item: any): void {
   const clone = cloneComponent(item)
   drawingList.value.push(clone)
   activeFormItem(clone)
 }
 
-function cloneComponent(origin) {
-  const clone = JSON.parse(JSON.stringify(origin))
+function cloneComponent(origin: any): any {
+  const clone = JSON.parse(JSON.stringify(origin)) as any
   clone.formId = ++idGlobal.value
   clone.span = formConf.value.span
   clone.renderKey = +new Date() // 改变renderKey后可以实现强制更新组件
   if (!clone.layout) clone.layout = 'colFormItem'
   if (clone.layout === 'colFormItem') {
     clone.vModel = `field${idGlobal.value}`
-    clone.placeholder !== undefined && (clone.placeholder += clone.label)
+    if (clone.placeholder !== undefined) {
+      clone.placeholder += clone.label
+    }
     tempActiveData = clone
   } else if (clone.layout === 'rowFormItem') {
     delete clone.label
@@ -184,15 +185,14 @@ function cloneComponent(origin) {
   return tempActiveData
 }
 
-function drawingItemCopy(item, parent) {
+function drawingItemCopy(item: any, parent: any[]): void {
   let clone = JSON.parse(JSON.stringify(item))
   clone = createIdAndKey(clone)
   parent.push(clone)
   activeFormItem(clone)
 }
 
-
-function createIdAndKey(item) {
+function createIdAndKey(item: any): any {
   item.formId = ++idGlobal.value
   item.renderKey = +new Date()
   if (item.layout === 'colFormItem') {
@@ -201,12 +201,12 @@ function createIdAndKey(item) {
     item.componentName = `row${idGlobal.value}`
   }
   if (Array.isArray(item.children)) {
-    item.children = item.children.map(childItem => createIdAndKey(childItem))
+    item.children = item.children.map((childItem: any) => createIdAndKey(childItem))
   }
   return item
 }
 
-function drawingItemDelete(index, parent) {
+function drawingItemDelete(index: number, parent: any[]): void {
   parent.splice(index, 1)
   nextTick(() => {
     const len = drawingList.value.length
@@ -216,26 +216,25 @@ function drawingItemDelete(index, parent) {
   })
 }
 
-function tagChange(newTag) {
-  newTag = cloneComponent(newTag)
-  newTag.vModel = activeData.value.vModel
-  newTag.formId = activeId.value
-  newTag.span = activeData.value.span
+function tagChange(newTag: any): void {
+  let clonedTag = cloneComponent(newTag)
+  clonedTag.vModel = activeData.value.vModel
+  clonedTag.formId = activeId.value
+  clonedTag.span = activeData.value.span
   delete activeData.value.tag
   delete activeData.value.tagIcon
   delete activeData.value.document
-  Object.keys(newTag).forEach(key => {
+  Object.keys(clonedTag).forEach(key => {
     if (activeData.value[key] !== undefined
-      && typeof activeData.value[key] === typeof newTag[key]) {
-      newTag[key] = activeData.value[key]
+      && typeof activeData.value[key] === typeof clonedTag[key]) {
+      clonedTag[key] = activeData.value[key]
     }
   })
-  activeData.value = newTag
-  updateDrawingList(newTag, drawingList.value)
+  activeData.value = clonedTag
+  updateDrawingList(clonedTag, drawingList.value)
 }
 
-
-function updateDrawingList(newTag, list) {
+function updateDrawingList(newTag: any, list: any[]): void {
   const index = list.findIndex(item => item.formId === activeId.value)
   if (index > -1) {
     list.splice(index, 1, newTag)
@@ -245,12 +244,12 @@ function updateDrawingList(newTag, list) {
     })
   }
 }
-function generate(data) {
+function generate(data: any): void {
   generateConf.value = data
   nextTick(() => {
     switch (operationType.value) {
       case 'copy':
-        execCopy(data)
+        execCopy()
         break
       case 'download':
         execDownload(data)
@@ -261,19 +260,23 @@ function generate(data) {
   })
 }
 
-function execDownload(data) {
+function execDownload(data: any): void {
   const codeStr = generateCode()
   const blob = new Blob([codeStr], { type: 'text/plain;charset=utf-8' })
-  Download.saveAs(blob, data.fileName)
+  Download.saveAs(blob, data.fileName!)
 }
 
-function execCopy(data) {
-  document.getElementById('copyNode').click()
+function execCopy(): void {
+  const copyNode = document.getElementById('copyNode') as HTMLElement
+  if (copyNode) {
+    copyNode.click()
+  }
 }
-function AssembleFormData() {
+function AssembleFormData(): void {
   formData.value = { fields: JSON.parse(JSON.stringify(drawingList.value)), ...formConf.value }
 }
-function generateCode() {
+function generateCode(): string {
+  if (!generateConf.value) return ''
   const { type } = generateConf.value
   AssembleFormData()
   const script = vueScript(makeUpJs(formData.value, type))
@@ -281,7 +284,7 @@ function generateCode() {
   const css = cssStyle(makeUpCss(formData.value))
   return beautifier.html(html + script + css, beautifierConf.html)
 }
-watch(() => activeData.value.label, (val, oldVal) => {
+watch(() => activeData.value.label, (val: string, oldVal: string) => {
   if (
     activeData.value.placeholder === undefined
     || !activeData.value.tag
@@ -291,25 +294,25 @@ watch(() => activeData.value.label, (val, oldVal) => {
   }
   activeData.value.placeholder = activeData.value.placeholder.replace(oldVal, '') + val
 })
-watch(activeId, (val) => {
+watch(activeId, (val: number) => {
   oldActiveId = val
 }, { immediate: true })
 
-let clipboard = null
+let clipboard: ClipboardJS | null = null
 onMounted(() => {
   clipboard = new ClipboardJS('#copyNode', {
-    text: trigger => {
+    text: (trigger: Element) => {
       const codeStr = generateCode()
       ElNotification({ title: '成功', message: '代码已复制到剪切板，可粘贴。', type: 'success' })
       return codeStr
     }
   })
-  clipboard.on('error', e => {
+  clipboard.on('error', () => {
     proxy.$modal.msgError('代码复制失败')
   })
 })
 onUnmounted(() => {
-  clipboard.destroy()
+  clipboard?.destroy()
 })
 </script>
 
diff --git a/src/views/tool/gen/basicInfoForm.vue b/src/views/tool/gen/basicInfoForm.vue
index 8bfc373..76fb1c4 100644
--- a/src/views/tool/gen/basicInfoForm.vue
+++ b/src/views/tool/gen/basicInfoForm.vue
@@ -30,7 +30,7 @@
   </el-form>
 </template>
 
-<script setup>
+<script setup lang="ts">
 defineProps({
   info: {
     type: Object,
diff --git a/src/views/tool/gen/createTable.vue b/src/views/tool/gen/createTable.vue
index ef6f8f3..5a2250e 100644
--- a/src/views/tool/gen/createTable.vue
+++ b/src/views/tool/gen/createTable.vue
@@ -12,21 +12,21 @@
   </el-dialog>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { createTable } from "@/api/tool/gen"
 
-const visible = ref(false)
-const content = ref("")
+const visible = ref<boolean>(false)
+const content = ref<string>("")
 const { proxy } = getCurrentInstance()
 const emit = defineEmits(["ok"])
 
 /** 显示弹框 */
-function show() {
+function show(): void {
   visible.value = true
 }
 
 /** 导入按钮操作 */
-function handleImportTable() {
+function handleImportTable(): void {
   if (content.value === "") {
     proxy.$modal.msgError("请输入建表语句")
     return
diff --git a/src/views/tool/gen/editTable.vue b/src/views/tool/gen/editTable.vue
index f0a832c..3352f00 100644
--- a/src/views/tool/gen/editTable.vue
+++ b/src/views/tool/gen/editTable.vue
@@ -121,25 +121,26 @@
   </el-card>
 </template>
 
-<script setup name="GenEdit">
+<script setup lang="ts" name="GenEdit">
 import { getGenTable, updateGenTable } from "@/api/tool/gen"
 import { optionselect as getDictOptionselect } from "@/api/system/dict/type"
-import basicInfoForm from "./basicInfoForm"
-import genInfoForm from "./genInfoForm"
+import type { GenTableInfoResult } from '@/types/api/tool/gen'
+import BasicInfoForm from "./basicInfoForm.vue"
+import GenInfoForm from "./genInfoForm.vue"
 import Sortable from 'sortablejs'
 
 const route = useRoute()
 const { proxy } = getCurrentInstance()
 
-const activeName = ref("columnInfo")
-const tableHeight = ref(document.documentElement.scrollHeight - 245 + "px")
-const tables = ref([])
-const columns = ref([])
-const dictOptions = ref([])
-const info = ref({})
+const activeName = ref<string>("columnInfo")
+const tableHeight = ref<string>(document.documentElement.scrollHeight - 245 + "px")
+const tables = ref<any[]>([])
+const columns = ref<any[]>([])
+const dictOptions = ref<any[]>([])
+const info = ref<Record<string, any>>({})
 
 /** 提交按钮 */
-function submitForm() {
+function submitForm(): void {
   const basicForm = proxy.$refs.basicInfo.$refs.basicInfoForm
   const genForm = proxy.$refs.genInfo.$refs.genInfoForm
   Promise.all([basicForm, genForm].map(getFormPromise)).then(res => {
@@ -165,15 +166,15 @@ function submitForm() {
   })
 }
 
-function getFormPromise(form) {
+function getFormPromise(form: any): Promise<boolean> {
   return new Promise(resolve => {
-    form.validate(res => {
+    form.validate((res: boolean) => {
       resolve(res)
     })
   })
 }
 
-function close() {
+function close(): void {
   const obj = { path: "/tool/gen", query: { t: Date.now(), pageNum: route.query.pageNum } }
   proxy.$tab.closeOpenPage(obj)
 }
@@ -182,10 +183,11 @@ function close() {
   const tableId = route.params && route.params.tableId
   if (tableId) {
     // 获取表详细信息
-    getGenTable(tableId).then(res => {
-      columns.value = res.data.rows
-      info.value = res.data.info
-      tables.value = res.data.tables
+    getGenTable(Number(tableId)).then(res => {
+      const data = res.data as GenTableInfoResult
+      columns.value = data.rows
+      info.value = data.info
+      tables.value = data.tables
     })
     /** 查询字典下拉列表 */
     getDictOptionselect().then(response => {
@@ -197,15 +199,18 @@ function close() {
 // 拖动排序
 onMounted(() => {
   const element = document.querySelector('.el-table__body > tbody')
-  Sortable.create(element, {
-    handle: ".allowDrag",
-    onEnd: (evt) => {
-      const targetRow = columns.value.splice(evt.oldIndex, 1)[0]
-      columns.value.splice(evt.newIndex, 0, targetRow)
-      for (const index in columns.value) {
-        columns.value[index].sort = parseInt(index) + 1
+  if (element) {
+    Sortable.create(element as HTMLElement, {
+      //@ts-ignore
+      handle: ".allowDrag",
+      onEnd: (evt) => {
+        const targetRow = columns.value.splice(evt.oldIndex!, 1)[0]
+        columns.value.splice(evt.newIndex!, 0, targetRow)
+        for (const index in columns.value) {
+          columns.value[index].sort = parseInt(index) + 1
+        }
       }
-    }
-  })
+    })
+  }
 })
 </script>
diff --git a/src/views/tool/gen/genInfoForm.vue b/src/views/tool/gen/genInfoForm.vue
index b416a89..9241eb5 100644
--- a/src/views/tool/gen/genInfoForm.vue
+++ b/src/views/tool/gen/genInfoForm.vue
@@ -234,7 +234,7 @@
   </el-form>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { listMenu } from "@/api/system/menu"
 
 const subColumns = ref([])
@@ -261,29 +261,31 @@ const rules = ref({
   functionName: [{ required: true, message: "请输入生成功能名", trigger: "blur" }]
 })
 
-function subSelectChange(value) {
-  props.info.subTableFkName = ""
+function subSelectChange(value: string): void {
+  if (props.info) {
+    props.info.subTableFkName = ""
+  }
 }
 
-function tplSelectChange(value) {
-  if (value !== "sub") {
+function tplSelectChange(value: string): void {
+  if (value !== "sub" && props.info) {
     props.info.subTableName = ""
     props.info.subTableFkName = ""
   }
 }
 
-function setSubTableColumns(value) {
-  for (var item in props.tables) {
-    const name = props.tables[item].tableName
+function setSubTableColumns(value: string): void {
+  for (const item of props.tables || []) {
+    const name = item.tableName
     if (value === name) {
-      subColumns.value = props.tables[item].columns
+      subColumns.value = item.columns || []
       break
     }
   }
 }
 
 /** 查询菜单下拉树结构 */
-function getMenuTreeselect() {
+function getMenuTreeselect(): void {
   listMenu().then(response => {
     menuOptions.value = proxy.handleTree(response.data, "menuId")
   })
@@ -293,12 +295,14 @@ onMounted(() => {
   getMenuTreeselect()
 })
 
-watch(() => props.info.subTableName, val => {
-  setSubTableColumns(val)
+watch(() => props.info?.subTableName, (val: string) => {
+  if (val) {
+    setSubTableColumns(val)
+  }
 })
 
-watch(() => props.info.tplWebType, val => {
-  if (val === '') {
+watch(() => props.info?.tplWebType, (val: string) => {
+  if (val === '' && props.info) {
     props.info.tplWebType = "element-plus"
   }
 })
diff --git a/src/views/tool/gen/importTable.vue b/src/views/tool/gen/importTable.vue
index 23dbf28..5eaca5a 100644
--- a/src/views/tool/gen/importTable.vue
+++ b/src/views/tool/gen/importTable.vue
@@ -50,16 +50,17 @@
   </el-dialog>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { listDbTable, importTable } from "@/api/tool/gen"
+import type { GenQueryParams, GenTable } from '@/types/api/tool/gen'
 
-const total = ref(0)
-const visible = ref(false)
-const tables = ref([])
-const dbTableList = ref([])
+const total = ref<number>(0)
+const visible = ref<boolean>(false)
+const tables = ref<string[]>([])
+const dbTableList = ref<GenTable[]>([])
 const { proxy } = getCurrentInstance()
 
-const queryParams = reactive({
+const queryParams = reactive<GenQueryParams>({
   pageNum: 1,
   pageSize: 10,
   tableName: undefined,
@@ -69,18 +70,18 @@ const queryParams = reactive({
 const emit = defineEmits(["ok"])
 
 /** 查询参数列表 */
-function show() {
+function show(): void {
   getList()
   visible.value = true
 }
 
 /** 单击选择行 */
-function clickRow(row) {
+function clickRow(row: GenTable) {
   proxy.$refs.table.toggleRowSelection(row)
 }
 
 /** 多选框选中数据 */
-function handleSelectionChange(selection) {
+function handleSelectionChange(selection: GenTable[]) {
   tables.value = selection.map(item => item.tableName)
 }
 
diff --git a/src/views/tool/gen/index.vue b/src/views/tool/gen/index.vue
index 823a850..162b21c 100644
--- a/src/views/tool/gen/index.vue
+++ b/src/views/tool/gen/index.vue
@@ -131,11 +131,11 @@
       <el-tabs v-model="preview.activeName">
         <el-tab-pane
           v-for="(value, key) in preview.data"
-          :label="key.substring(key.lastIndexOf('/')+1,key.indexOf('.vm'))"
-          :name="key.substring(key.lastIndexOf('/')+1,key.indexOf('.vm'))"
+          :label="String(key).substring(String(key).lastIndexOf('/')+1,String(key).indexOf('.vm'))"
+          :name="String(key).substring(String(key).lastIndexOf('/')+1,String(key).indexOf('.vm'))"
           :key="value"
         >
-          <el-link :underline="false" icon="DocumentCopy" v-copyText="value" v-copyText:callback="copyTextSuccess" style="float:right">&nbsp;复制</el-link>
+          <el-link underline="never" icon="DocumentCopy" v-copyText="value" v-copyText:callback="copyTextSuccess" style="float:right">&nbsp;复制</el-link>
           <pre>{{ value }}</pre>
         </el-tab-pane>
       </el-tabs>
@@ -145,25 +145,25 @@
   </div>
 </template>
 
-<script setup name="Gen">
+<script setup lang="ts" name="Gen">
 import { listTable, previewTable, delTable, genCode, synchDb } from "@/api/tool/gen"
-import router from "@/router"
-import importTable from "./importTable"
-import createTable from "./createTable"
+import importTable from "./importTable.vue"
+import createTable from "./createTable.vue"
+import type { GenTable, GenQueryParams } from '@/types/api/tool/gen'
 
 const route = useRoute()
 const { proxy } = getCurrentInstance()
 
-const tableList = ref([])
-const loading = ref(true)
-const showSearch = ref(true)
-const ids = ref([])
-const single = ref(true)
-const multiple = ref(true)
-const total = ref(0)
-const tableNames = ref([])
-const dateRange = ref([])
-const uniqueId = ref("")
+const tableList = ref<GenTable[]>([])
+const loading = ref<boolean>(true)
+const showSearch = ref<boolean>(true)
+const ids = ref<number[]>([])
+const single = ref<boolean>(true)
+const multiple = ref<boolean>(true)
+const total = ref<number>(0)
+const tableNames = ref<string[]>([])
+const dateRange = ref<string[]>([])
+const uniqueId = ref<string>("")
 const defaultSort = ref({ prop: "createTime", order: "descending" })
 
 const data = reactive({
@@ -174,7 +174,7 @@ const data = reactive({
     tableComment: undefined,
     orderByColumn: defaultSort.value.prop,
     isAsc: defaultSort.value.order
-  },
+  } as GenQueryParams,
   preview: {
     open: false,
     title: "代码预览",
@@ -213,14 +213,14 @@ function handleQuery() {
 }
 
 /** 生成代码操作 */
-function handleGenTable(row) {
+function handleGenTable(row: GenTable) {
   const tbNames = row.tableName || tableNames.value
   if (tbNames == "") {
     proxy.$modal.msgError("请选择要生成的数据")
     return
   }
   if (row.genType === "1") {
-    genCode(row.tableName).then(response => {
+    genCode(row.tableName!).then(() => {
       proxy.$modal.msgSuccess("成功生成到自定义路径：" + row.genPath)
     })
   } else {
@@ -230,10 +230,10 @@ function handleGenTable(row) {
 }
 
 /** 同步数据库操作 */
-function handleSynchDb(row) {
+function handleSynchDb(row: GenTable) {
   const tableName = row.tableName
   proxy.$modal.confirm('确认要强制同步"' + tableName + '"表结构吗？').then(function () {
-    return synchDb(tableName)
+    return synchDb(tableName!)
   }).then(() => {
     proxy.$modal.msgSuccess("同步成功")
   }).catch(() => {})
@@ -258,8 +258,8 @@ function resetQuery() {
 }
 
 /** 预览按钮 */
-function handlePreview(row) {
-  previewTable(row.tableId).then(response => {
+function handlePreview(row: GenTable) {
+  previewTable(row.tableId!).then(response => {
     preview.value.data = response.data
     preview.value.open = true
     preview.value.activeName = "domain.java"
@@ -272,7 +272,7 @@ function copyTextSuccess() {
 }
 
 // 多选框选中数据
-function handleSelectionChange(selection) {
+function handleSelectionChange(selection: GenTable[]) {
   ids.value = selection.map(item => item.tableId)
   tableNames.value = selection.map(item => item.tableName)
   single.value = selection.length != 1
@@ -280,23 +280,23 @@ function handleSelectionChange(selection) {
 }
 
 /** 排序触发事件 */
-function handleSortChange(column, prop, order) {
+function handleSortChange(column: any) {
   queryParams.value.orderByColumn = column.prop
   queryParams.value.isAsc = column.order
   getList()
 }
 
 /** 修改按钮操作 */
-function handleEditTable(row) {
-  const tableId = row.tableId || ids.value[0]
-  const tableName = row.tableName || tableNames.value[0]
+function handleEditTable(row?: GenTable) {
+  const tableId = row?.tableId || ids.value[0]
+  const tableName = row?.tableName || tableNames.value[0]
   const params = { pageNum: queryParams.value.pageNum }
   proxy.$tab.openPage("修改[" + tableName + "]生成配置", '/tool/gen-edit/index/' + tableId, params)
 }
 
 /** 删除按钮操作 */
-function handleDelete(row) {
-  const tableIds = row.tableId || ids.value
+function handleDelete(row?: GenTable) {
+  const tableIds = row?.tableId || ids.value
   proxy.$modal.confirm('是否确认删除表编号为"' + tableIds + '"的数据项？').then(function () {
     return delTable(tableIds)
   }).then(() => {
diff --git a/src/views/tool/swagger/index.vue b/src/views/tool/swagger/index.vue
index f29c40f..2774c71 100644
--- a/src/views/tool/swagger/index.vue
+++ b/src/views/tool/swagger/index.vue
@@ -2,8 +2,8 @@
    <i-frame v-model:src="url"></i-frame>
 </template>
 
-<script setup>
-import iFrame from '@/components/iFrame'
+<script setup lang="ts">
+import iFrame from '@/components/iFrame/index.vue'
 
-const url = ref(import.meta.env.VITE_APP_BASE_API + "/swagger-ui/index.html")
+const url = ref<string>(import.meta.env.VITE_APP_BASE_API + "/swagger-ui/index.html")
 </script>
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..2a7aac0
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,40 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "lib": ["esnext", "dom"],
+    "baseUrl": "./",
+    "paths": {
+      "@/*": ["src/*"]
+    },
+
+    // 严格性和类型检查相关配置
+    "strict": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+
+    // 模块和兼容性相关配置
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+
+    // 调试和兼容性相关配置
+    "sourceMap": true,
+    "useDefineForClassFields": true,
+    "allowJs": true,
+    "noEmit": true,
+
+    // 类型声明相关配置
+    "types": ["node", "vite/client", "element-plus/global"]
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.vue",
+    "vite/**/*.ts",
+    "auto-imports.d.ts",
+    "vite.config.ts"
+  ],
+  "exclude": ["node_modules", "dist", "src/**/*.js"]
+}
+
diff --git a/vite.config.js b/vite.config.ts
similarity index 95%
rename from vite.config.js
rename to vite.config.ts
index 13d1fcb..0232b79 100644
--- a/vite.config.js
+++ b/vite.config.ts
@@ -1,79 +1,80 @@
-import { defineConfig, loadEnv } from 'vite'
-import path from 'path'
-import createVitePlugins from './vite/plugins'
-
-const baseUrl = 'http://localhost:8080' // 后端接口
-
-// https://vitejs.dev/config/
-export default defineConfig(({ mode, command }) => {
-  const env = loadEnv(mode, process.cwd())
-  const { VITE_APP_ENV } = env
-  return {
-    // 部署生产环境和开发环境下的URL。
-    // 默认情况下，vite 会假设你的应用是被部署在一个域名的根路径上
-    // 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.ruoyi.vip/admin/，则设置 baseUrl 为 /admin/。
-    base: VITE_APP_ENV === 'production' ? '/' : '/',
-    plugins: createVitePlugins(env, command === 'build'),
-    resolve: {
-      // https://cn.vitejs.dev/config/#resolve-alias
-      alias: {
-        // 设置路径
-        '~': path.resolve(__dirname, './'),
-        // 设置别名
-        '@': path.resolve(__dirname, './src')
-      },
-      // https://cn.vitejs.dev/config/#resolve-extensions
-      extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
-    },
-    // 打包配置
-    build: {
-      // https://vite.dev/config/build-options.html
-      sourcemap: command === 'build' ? false : 'inline',
-      outDir: 'dist',
-      assetsDir: 'assets',
-      chunkSizeWarningLimit: 2000,
-      rollupOptions: {
-        output: {
-          chunkFileNames: 'static/js/[name]-[hash].js',
-          entryFileNames: 'static/js/[name]-[hash].js',
-          assetFileNames: 'static/[ext]/[name]-[hash].[ext]'
-        }
-      }
-    },
-    // vite 相关配置
-    server: {
-      port: 80,
-      host: true,
-      open: true,
-      proxy: {
-        // https://cn.vitejs.dev/config/#server-proxy
-        '/dev-api': {
-          target: baseUrl,
-          changeOrigin: true,
-          rewrite: (p) => p.replace(/^\/dev-api/, '')
-        },
-         // springdoc proxy
-         '^/v3/api-docs/(.*)': {
-          target: baseUrl,
-          changeOrigin: true,
-        }
-      }
-    },
-    css: {
-      postcss: {
-        plugins: [
-          {
-            postcssPlugin: 'internal:charset-removal',
-            AtRule: {
-              charset: (atRule) => {
-                if (atRule.name === 'charset') {
-                  atRule.remove()
-                }
-              }
-            }
-          }
-        ]
-      }
-    }
-  }
-})
+import { defineConfig, loadEnv } from 'vite'
+import path from 'path'
+import createVitePlugins from './vite/plugins'
+
+const baseUrl = 'http://localhost:8080' // 后端接口
+
+// https://vitejs.dev/config/
+export default defineConfig(({ mode, command }) => {
+  const env = loadEnv(mode, process.cwd())
+  const { VITE_APP_ENV } = env
+  return {
+    // 部署生产环境和开发环境下的URL。
+    // 默认情况下，vite 会假设你的应用是被部署在一个域名的根路径上
+    // 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.ruoyi.vip/admin/，则设置 baseUrl 为 /admin/。
+    base: VITE_APP_ENV === 'production' ? '/' : '/',
+    plugins: createVitePlugins(env, command === 'build'),
+    resolve: {
+      // https://cn.vitejs.dev/config/#resolve-alias
+      alias: {
+        // 设置路径
+        '~': path.resolve(__dirname, './'),
+        // 设置别名
+        '@': path.resolve(__dirname, './src')
+      },
+      // https://cn.vitejs.dev/config/#resolve-extensions
+      extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
+    },
+    // 打包配置
+    build: {
+      // https://vite.dev/config/build-options.html
+      sourcemap: command === 'build' ? false : 'inline',
+      outDir: 'dist',
+      assetsDir: 'assets',
+      chunkSizeWarningLimit: 2000,
+      rollupOptions: {
+        output: {
+          chunkFileNames: 'static/js/[name]-[hash].js',
+          entryFileNames: 'static/js/[name]-[hash].js',
+          assetFileNames: 'static/[ext]/[name]-[hash].[ext]'
+        }
+      }
+    },
+    // vite 相关配置
+    server: {
+      port: 80,
+      host: true,
+      open: true,
+      proxy: {
+        // https://cn.vitejs.dev/config/#server-proxy
+        '/dev-api': {
+          target: baseUrl,
+          changeOrigin: true,
+          rewrite: (p) => p.replace(/^\/dev-api/, '')
+        },
+         // springdoc proxy
+         '^/v3/api-docs/(.*)': {
+          target: baseUrl,
+          changeOrigin: true,
+        }
+      }
+    },
+    css: {
+      postcss: {
+        plugins: [
+          {
+            postcssPlugin: 'internal:charset-removal',
+            AtRule: {
+              charset: (atRule: any) => {
+                if (atRule.name === 'charset') {
+                  atRule.remove()
+                }
+              }
+            }
+          }
+        ]
+      }
+    }
+  }
+})
+
diff --git a/vite/plugins/auto-import.js b/vite/plugins/auto-import.js
deleted file mode 100644
index ba51689..0000000
--- a/vite/plugins/auto-import.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import autoImport from 'unplugin-auto-import/vite'
-
-export default function createAutoImport() {
-    return autoImport({
-        imports: [
-            'vue',
-            'vue-router',
-            'pinia'
-        ],
-        dts: false
-    })
-}
diff --git a/vite/plugins/auto-import.ts b/vite/plugins/auto-import.ts
new file mode 100644
index 0000000..c1d0fc4
--- /dev/null
+++ b/vite/plugins/auto-import.ts
@@ -0,0 +1,13 @@
+import autoImport from 'unplugin-auto-import/vite'
+
+export default function createAutoImport() {
+  return autoImport({
+    imports: [
+      'vue',
+      'vue-router',
+      'pinia'
+    ],
+    dts: true
+  })
+}
+
diff --git a/vite/plugins/compression.js b/vite/plugins/compression.js
deleted file mode 100644
index 9767308..0000000
--- a/vite/plugins/compression.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import compression from 'vite-plugin-compression'
-
-export default function createCompression(env) {
-    const { VITE_BUILD_COMPRESS } = env
-    const plugin = []
-    if (VITE_BUILD_COMPRESS) {
-        const compressList = VITE_BUILD_COMPRESS.split(',')
-        if (compressList.includes('gzip')) {
-            // http://doc.ruoyi.vip/ruoyi-vue/other/faq.html#使用gzip解压缩静态文件
-            plugin.push(
-                compression({
-                    ext: '.gz',
-                    deleteOriginFile: false
-                })
-            )
-        }
-        if (compressList.includes('brotli')) {
-            plugin.push(
-                compression({
-                    ext: '.br',
-                    algorithm: 'brotliCompress',
-                    deleteOriginFile: false
-                })
-            )
-        }
-    }
-    return plugin
-}
diff --git a/vite/plugins/compression.ts b/vite/plugins/compression.ts
new file mode 100644
index 0000000..3201198
--- /dev/null
+++ b/vite/plugins/compression.ts
@@ -0,0 +1,29 @@
+import { PluginOption } from 'vite'
+import compression from 'vite-plugin-compression'
+
+export default function createCompression(env: Record<string, string>) {
+  const { VITE_BUILD_COMPRESS } = env
+  const plugin: PluginOption[] = []
+  if (VITE_BUILD_COMPRESS) {
+    const compressList = VITE_BUILD_COMPRESS.split(',')
+    if (compressList.includes('gzip')) {
+      // http://doc.ruoyi.vip/ruoyi-vue/other/faq.html#使用gzip解压缩静态文件
+      plugin.push(
+        compression({
+          ext: '.gz',
+          deleteOriginFile: false
+        })
+      )
+    }
+    if (compressList.includes('brotli')) {
+      plugin.push(
+        compression({
+          ext: '.br',
+          algorithm: 'brotliCompress',
+          deleteOriginFile: false
+        })
+      )
+    }
+  }
+  return plugin
+}
diff --git a/vite/plugins/index.js b/vite/plugins/index.js
deleted file mode 100644
index 7715adc..0000000
--- a/vite/plugins/index.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import vue from '@vitejs/plugin-vue'
-
-import createAutoImport from './auto-import'
-import createSvgIcon from './svg-icon'
-import createCompression from './compression'
-import createSetupExtend from './setup-extend'
-
-export default function createVitePlugins(viteEnv, isBuild = false) {
-    const vitePlugins = [vue()]
-    vitePlugins.push(createAutoImport())
-	vitePlugins.push(createSetupExtend())
-    vitePlugins.push(createSvgIcon(isBuild))
-	isBuild && vitePlugins.push(...createCompression(viteEnv))
-    return vitePlugins
-}
diff --git a/vite/plugins/index.ts b/vite/plugins/index.ts
new file mode 100644
index 0000000..28874fd
--- /dev/null
+++ b/vite/plugins/index.ts
@@ -0,0 +1,16 @@
+import vue from '@vitejs/plugin-vue'
+
+import createAutoImport from './auto-import'
+import createSvgIcon from './svg-icon'
+import createCompression from './compression'
+import createSetupExtend from './setup-extend'
+import { PluginOption } from 'vite'
+
+export default function createVitePlugins(viteEnv: Record<string, string>, isBuild = false) {
+  const vitePlugins: PluginOption[] = [vue()]
+  vitePlugins.push(createAutoImport())
+  vitePlugins.push(createSetupExtend())
+  vitePlugins.push(createSvgIcon(isBuild))
+  isBuild && vitePlugins.push(...createCompression(viteEnv))
+  return vitePlugins
+}
diff --git a/vite/plugins/setup-extend.js b/vite/plugins/setup-extend.ts
similarity index 77%
rename from vite/plugins/setup-extend.js
rename to vite/plugins/setup-extend.ts
index eac072c..fb70609 100644
--- a/vite/plugins/setup-extend.js
+++ b/vite/plugins/setup-extend.ts
@@ -1,5 +1,5 @@
-import setupExtend from 'unplugin-vue-setup-extend-plus/vite'
-
-export default function createSetupExtend() {
-    return setupExtend({})
-}
+import setupExtend from 'unplugin-vue-setup-extend-plus/vite'
+
+export default function createSetupExtend() {
+  return setupExtend({})
+}
diff --git a/vite/plugins/svg-icon.js b/vite/plugins/svg-icon.js
deleted file mode 100644
index f23beff..0000000
--- a/vite/plugins/svg-icon.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
-import path from 'path'
-
-export default function createSvgIcon(isBuild) {
-    return createSvgIconsPlugin({
-		iconDirs: [path.resolve(process.cwd(), 'src/assets/icons/svg')],
-        symbolId: 'icon-[dir]-[name]',
-        svgoOptions: isBuild
-    })
-}
diff --git a/vite/plugins/svg-icon.ts b/vite/plugins/svg-icon.ts
new file mode 100644
index 0000000..2862a9e
--- /dev/null
+++ b/vite/plugins/svg-icon.ts
@@ -0,0 +1,10 @@
+import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
+import path from 'path'
+
+export default function createSvgIcon(isBuild: boolean) {
+  return createSvgIconsPlugin({
+    iconDirs: [path.resolve(process.cwd(), 'src/assets/icons/svg')],
+    symbolId: 'icon-[dir]-[name]',
+    svgoOptions: isBuild
+  })
+}