From d3825ab5b2caa2d9a624fe0461f2ace598d53178 Mon Sep 17 00:00:00 2001
From: lijiahang <ljh1553488six@139.com>
Date: Wed, 25 Oct 2023 10:26:14 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=89=8D=E7=AB=AF=E5=AF=BC?=
 =?UTF-8?q?=E5=85=A5=E8=A7=84=E8=8C=83.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../resources/templates/orion-vue-api.ts.vm   |  4 +-
 .../templates/orion-vue-router.ts.vm          |  2 +-
 ...rion-vue-views-components-card-list.vue.vm |  5 +-
 ...on-vue-views-components-form-drawer.vue.vm |  3 +-
 ...ion-vue-views-components-form-modal.vue.vm |  3 +-
 .../orion-vue-views-components-table.vue.vm   |  3 +-
 .../orion-vue-views-types-card.fields.ts.vm   |  2 +-
 .../orion-vue-views-types-form.rules.ts.vm    |  2 +-
 .../orion-vue-views-types-table.columns.ts.vm |  2 +-
 orion-ops-ui/src/api/asset/host-identity.ts   |  4 +-
 orion-ops-ui/src/api/asset/host-key.ts        |  4 +-
 orion-ops-ui/src/api/asset/host.ts            |  4 +-
 orion-ops-ui/src/api/dashboard.ts             |  2 +-
 orion-ops-ui/src/api/interceptor.ts           |  2 +-
 orion-ops-ui/src/api/meta/history-value.ts    |  4 +-
 orion-ops-ui/src/api/system/dict-key.ts       |  4 +-
 orion-ops-ui/src/api/system/dict-value.ts     |  4 +-
 orion-ops-ui/src/api/system/menu.ts           |  2 +-
 orion-ops-ui/src/api/user/role.ts             |  4 +-
 orion-ops-ui/src/api/user/user.ts             |  4 +-
 .../src/components/app/breadcrumb/index.vue   |  8 ++--
 .../src/components/app/navbar/index.vue       |  2 +-
 .../src/components/app/setting/block.vue      | 10 ++--
 .../components/app/setting/form-wrapper.vue   |  4 +-
 .../src/components/app/setting/index.vue      |  2 +-
 .../src/components/app/tab-bar/index.vue      |  4 +-
 .../src/components/app/tab-bar/tab-item.vue   | 11 ++---
 .../host-identity/host-identity-selector.vue  |  2 +-
 .../asset/host-key/host-key-selector.vue      |  2 +-
 orion-ops-ui/src/components/index.ts          |  2 +-
 .../meta/tag/tag-multi-selector.vue           |  9 ++--
 .../system/dict-key/dict-key-selector.vue     |  3 +-
 .../menu/selector/menu-selector-tree.vue      |  2 +-
 .../src/components/system/menu/tree/index.vue |  4 +-
 .../system/menu/tree/use-menu-tree.ts         |  2 +-
 .../components/system/message-box/index.vue   | 10 ++--
 .../components/system/message-box/list.vue    |  6 +--
 .../user/role/user-role-selector.vue          |  7 +--
 .../src/components/view/card-list/index.vue   | 46 +++++++++----------
 .../src/components/view/chart/index.vue       |  3 +-
 orion-ops-ui/src/directive/index.ts           |  2 +-
 .../src/directive/permission/index.ts         |  2 +-
 orion-ops-ui/src/hooks/chart-option.ts        |  2 +-
 orion-ops-ui/src/hooks/favorite.ts            |  3 +-
 orion-ops-ui/src/hooks/permission.ts          |  2 +-
 orion-ops-ui/src/hooks/request.ts             |  7 +--
 orion-ops-ui/src/layout/default-layout.vue    |  2 +-
 orion-ops-ui/src/layout/page-layout.vue       |  3 +-
 orion-ops-ui/src/router/constants.ts          |  4 +-
 .../src/router/routes/modules/asset.ts        |  2 +-
 .../src/router/routes/modules/dashboard.ts    |  2 +-
 .../src/router/routes/modules/system.ts       |  2 +-
 .../src/router/routes/modules/user.ts         |  2 +-
 orion-ops-ui/src/router/routes/types.ts       |  2 +-
 orion-ops-ui/src/store/modules/app/index.ts   |  2 +-
 orion-ops-ui/src/store/modules/cache/index.ts |  2 +-
 orion-ops-ui/src/store/modules/cache/types.ts | 12 ++---
 orion-ops-ui/src/store/modules/menu/index.ts  |  4 +-
 .../src/store/modules/tab-bar/index.ts        |  2 +-
 orion-ops-ui/src/store/modules/tips/index.ts  |  2 +-
 orion-ops-ui/src/store/modules/user/index.ts  |  5 +-
 orion-ops-ui/src/types/axios.d.ts             |  2 +-
 orion-ops-ui/src/types/card.ts                |  5 +-
 orion-ops-ui/src/types/echarts.ts             |  2 +-
 orion-ops-ui/src/types/table.ts               |  2 +-
 orion-ops-ui/src/utils/index.ts               |  2 +-
 orion-ops-ui/src/utils/route-listener.ts      |  3 +-
 .../components/host-identity-card-list.vue    |  7 +--
 .../components/host-identity-form-modal.vue   |  6 ++-
 .../components/host-identity-table.vue        |  3 +-
 .../asset/host-identity/types/card.fields.ts  |  2 +-
 .../asset/host-identity/types/form.rules.ts   |  2 +-
 .../host-identity/types/table.columns.ts      |  2 +-
 .../components/host-key-card-list.vue         |  7 +--
 .../components/host-key-form-drawer.vue       |  6 ++-
 .../host-key/components/host-key-table.vue    |  3 +-
 .../views/asset/host-key/types/card.fields.ts |  2 +-
 .../views/asset/host-key/types/form.rules.ts  |  2 +-
 .../asset/host-key/types/table.columns.ts     |  2 +-
 .../asset/host/components/host-card-list.vue  |  7 +--
 .../host/components/host-config-ssh-form.vue  |  6 ++-
 .../asset/host/components/host-form-modal.vue |  3 +-
 .../asset/host/components/host-table.vue      |  3 +-
 .../host/types/host-config.form.rules.ts      |  2 +-
 .../asset/host/types/host.card.fields.ts      |  2 +-
 .../views/asset/host/types/host.form.rules.ts |  2 +-
 .../asset/host/types/host.table.columns.ts    |  2 +-
 .../login/components/login-form.vue           |  4 +-
 .../src/views/base/redirect/index.vue         |  3 +-
 .../src/views/base/status/forbidden/index.vue |  2 +-
 .../src/views/base/status/not-found/index.vue |  2 +-
 .../workplace/components/announcement.vue     |  3 +-
 .../dashboard/workplace/components/banner.vue |  2 +-
 .../components/categories-percent.vue         |  3 +-
 .../workplace/components/content-chart.vue    | 15 +++---
 .../workplace/components/data-panel.vue       | 15 ++++--
 .../workplace/components/popular-content.vue  |  8 +++-
 .../workplace/components/quick-operation.vue  |  3 +-
 .../src/views/dashboard/workplace/mock.ts     |  2 +-
 .../components/dict-key-form-modal.vue        |  6 ++-
 .../dict-key/components/dict-key-table.vue    |  7 +--
 .../views/system/dict-key/types/form.rules.ts |  2 +-
 .../system/dict-key/types/table.columns.ts    |  2 +-
 .../components/dict-value-form-modal.vue      |  3 +-
 .../components/dict-value-table.vue           |  6 +--
 .../src/views/system/dict-value/index.vue     |  1 -
 .../system/dict-value/types/form.rules.ts     |  2 +-
 .../system/dict-value/types/table.columns.ts  |  2 +-
 .../menu/components/menu-form-modal.vue       |  5 +-
 .../system/menu/components/menu-table.vue     | 13 +++---
 .../menu/components/menu-tree-selector.vue    |  2 +-
 .../src/views/system/menu/types/form.rules.ts |  2 +-
 .../views/system/menu/types/table.columns.ts  |  2 +-
 orion-ops-ui/src/views/user/mine/index.vue    |  2 +-
 .../user/role/components/role-form-modal.vue  |  3 +-
 .../role/components/role-menu-grant-modal.vue |  3 +-
 .../views/user/role/components/role-table.vue |  5 +-
 .../src/views/user/role/types/form.rules.ts   |  2 +-
 .../views/user/role/types/table.columns.ts    |  2 +-
 .../user/user/components/user-form-modal.vue  |  3 +-
 .../user-grant-roles-form-modal.vue           |  3 +-
 .../user-reset-password-form-modal.vue        |  3 +-
 .../views/user/user/components/user-table.vue |  5 +-
 .../src/views/user/user/types/form.rules.ts   |  2 +-
 .../views/user/user/types/table.columns.ts    |  2 +-
 125 files changed, 277 insertions(+), 231 deletions(-)

diff --git a/orion-ops-launch/src/main/resources/templates/orion-vue-api.ts.vm b/orion-ops-launch/src/main/resources/templates/orion-vue-api.ts.vm
index 8e4b4240..23fa7ce9 100644
--- a/orion-ops-launch/src/main/resources/templates/orion-vue-api.ts.vm
+++ b/orion-ops-launch/src/main/resources/templates/orion-vue-api.ts.vm
@@ -1,7 +1,7 @@
+import type { DataGrid, Pagination } from '@/types/global';
+import type { TableData } from '@arco-design/web-vue/es/table/interface';
 import axios from 'axios';
 import qs from 'query-string';
-import { DataGrid, Pagination } from '@/types/global';
-import { TableData } from '@arco-design/web-vue/es/table/interface';
 
 /**
  * ${table.comment}创建请求
diff --git a/orion-ops-launch/src/main/resources/templates/orion-vue-router.ts.vm b/orion-ops-launch/src/main/resources/templates/orion-vue-router.ts.vm
index 547d043b..fdb2d039 100644
--- a/orion-ops-launch/src/main/resources/templates/orion-vue-router.ts.vm
+++ b/orion-ops-launch/src/main/resources/templates/orion-vue-router.ts.vm
@@ -1,5 +1,5 @@
+import type { AppRouteRecordRaw } from '../types';
 import { DEFAULT_LAYOUT } from '../base';
-import { AppRouteRecordRaw } from '../types';
 
 const $vue.moduleConst: AppRouteRecordRaw = {
   name: '$vue.moduleEntityFirstLower',
diff --git a/orion-ops-launch/src/main/resources/templates/orion-vue-views-components-card-list.vue.vm b/orion-ops-launch/src/main/resources/templates/orion-vue-views-components-card-list.vue.vm
index a8414a43..cdfc3064 100644
--- a/orion-ops-launch/src/main/resources/templates/orion-vue-views-components-card-list.vue.vm
+++ b/orion-ops-launch/src/main/resources/templates/orion-vue-views-components-card-list.vue.vm
@@ -106,12 +106,13 @@
 </script>
 
 <script lang="ts" setup>
+  import type { ${vue.featureEntity}QueryRequest, ${vue.featureEntity}QueryResponse } from '@/api/${vue.module}/${vue.feature}';
   import { usePagination, useColLayout } from '@/types/card';
   import { computed, reactive, ref } from 'vue';
   import useLoading from '@/hooks/loading';
   import { objectTruthKeyCount, resetObject } from '@/utils';
   import fieldConfig from '../types/card.fields';
-  import { delete${vue.featureEntity}, get${vue.featureEntity}Page, ${vue.featureEntity}QueryRequest, ${vue.featureEntity}QueryResponse } from '@/api/${vue.module}/${vue.feature}';
+  import { delete${vue.featureEntity}, get${vue.featureEntity}Page } from '@/api/${vue.module}/${vue.feature}';
   import { Message, Modal } from '@arco-design/web-vue';
   import {} from '../types/const';
   #if($vue.enums.isEmpty())
@@ -206,6 +207,6 @@
 
 </script>
 
-<style scoped lang="less">
+<style lang="less" scoped>
 
 </style>
diff --git a/orion-ops-launch/src/main/resources/templates/orion-vue-views-components-form-drawer.vue.vm b/orion-ops-launch/src/main/resources/templates/orion-vue-views-components-form-drawer.vue.vm
index 0276df88..e085280f 100644
--- a/orion-ops-launch/src/main/resources/templates/orion-vue-views-components-form-drawer.vue.vm
+++ b/orion-ops-launch/src/main/resources/templates/orion-vue-views-components-form-drawer.vue.vm
@@ -53,11 +53,12 @@
 </script>
 
 <script lang="ts" setup>
+  import type { ${vue.featureEntity}UpdateRequest } from '@/api/${vue.module}/${vue.feature}';
   import { ref } from 'vue';
   import useLoading from '@/hooks/loading';
   import useVisible from '@/hooks/visible';
   import formRules from '../types/form.rules';
-  import { create${vue.featureEntity}, update${vue.featureEntity}, ${vue.featureEntity}UpdateRequest } from '@/api/${vue.module}/${vue.feature}';
+  import { create${vue.featureEntity}, update${vue.featureEntity} } from '@/api/${vue.module}/${vue.feature}';
   import { Message } from '@arco-design/web-vue';
   import {} from '../types/const';
   #if($vue.enums.isEmpty())
diff --git a/orion-ops-launch/src/main/resources/templates/orion-vue-views-components-form-modal.vue.vm b/orion-ops-launch/src/main/resources/templates/orion-vue-views-components-form-modal.vue.vm
index 998413cb..bdfdd33c 100644
--- a/orion-ops-launch/src/main/resources/templates/orion-vue-views-components-form-modal.vue.vm
+++ b/orion-ops-launch/src/main/resources/templates/orion-vue-views-components-form-modal.vue.vm
@@ -57,11 +57,12 @@
 </script>
 
 <script lang="ts" setup>
+  import type { ${vue.featureEntity}UpdateRequest } from '@/api/${vue.module}/${vue.feature}';
   import { ref } from 'vue';
   import useLoading from '@/hooks/loading';
   import useVisible from '@/hooks/visible';
   import formRules from '../types/form.rules';
-  import { create${vue.featureEntity}, update${vue.featureEntity}, ${vue.featureEntity}UpdateRequest } from '@/api/${vue.module}/${vue.feature}';
+  import { create${vue.featureEntity}, update${vue.featureEntity} } from '@/api/${vue.module}/${vue.feature}';
   import { Message } from '@arco-design/web-vue';
   import {} from '../types/const';
   #if($vue.enums.isEmpty())
diff --git a/orion-ops-launch/src/main/resources/templates/orion-vue-views-components-table.vue.vm b/orion-ops-launch/src/main/resources/templates/orion-vue-views-components-table.vue.vm
index 52015389..79886370 100644
--- a/orion-ops-launch/src/main/resources/templates/orion-vue-views-components-table.vue.vm
+++ b/orion-ops-launch/src/main/resources/templates/orion-vue-views-components-table.vue.vm
@@ -135,8 +135,9 @@
 </script>
 
 <script lang="ts" setup>
+  import type { ${vue.featureEntity}QueryRequest, ${vue.featureEntity}QueryResponse } from '@/api/${vue.module}/${vue.feature}';
   import { reactive, ref } from 'vue';
-  import { batchDelete${vue.featureEntity}, delete${vue.featureEntity}, get${vue.featureEntity}Page, ${vue.featureEntity}QueryRequest, ${vue.featureEntity}QueryResponse } from '@/api/${vue.module}/${vue.feature}';
+  import { batchDelete${vue.featureEntity}, delete${vue.featureEntity}, get${vue.featureEntity}Page } from '@/api/${vue.module}/${vue.feature}';
   import { Message } from '@arco-design/web-vue';
   import useLoading from '@/hooks/loading';
   import columns from '../types/table.columns';
diff --git a/orion-ops-launch/src/main/resources/templates/orion-vue-views-types-card.fields.ts.vm b/orion-ops-launch/src/main/resources/templates/orion-vue-views-types-card.fields.ts.vm
index cff6f7e1..d0f78696 100644
--- a/orion-ops-launch/src/main/resources/templates/orion-vue-views-types-card.fields.ts.vm
+++ b/orion-ops-launch/src/main/resources/templates/orion-vue-views-types-card.fields.ts.vm
@@ -1,4 +1,4 @@
-import { CardField, CardFieldConfig } from '@/types/card';
+import type { CardField, CardFieldConfig } from '@/types/card';
 import { dateFormat } from '@/utils';
 
 const fieldConfig = {
diff --git a/orion-ops-launch/src/main/resources/templates/orion-vue-views-types-form.rules.ts.vm b/orion-ops-launch/src/main/resources/templates/orion-vue-views-types-form.rules.ts.vm
index 9df7314e..ec72e63f 100644
--- a/orion-ops-launch/src/main/resources/templates/orion-vue-views-types-form.rules.ts.vm
+++ b/orion-ops-launch/src/main/resources/templates/orion-vue-views-types-form.rules.ts.vm
@@ -1,4 +1,4 @@
-import { FieldRule } from '@arco-design/web-vue';
+import type { FieldRule } from '@arco-design/web-vue';
 #foreach($field in ${table.fields})
 #if("$!field.propertyName" != "id")
 #if(${field.propertyType} == 'String' && "$field.metaInfo.jdbcType" != "LONGVARCHAR")
diff --git a/orion-ops-launch/src/main/resources/templates/orion-vue-views-types-table.columns.ts.vm b/orion-ops-launch/src/main/resources/templates/orion-vue-views-types-table.columns.ts.vm
index 377cc40c..aa0aa3e6 100644
--- a/orion-ops-launch/src/main/resources/templates/orion-vue-views-types-table.columns.ts.vm
+++ b/orion-ops-launch/src/main/resources/templates/orion-vue-views-types-table.columns.ts.vm
@@ -1,4 +1,4 @@
-import { TableColumnData } from '@arco-design/web-vue/es/table/interface';
+import type { TableColumnData } from '@arco-design/web-vue/es/table/interface';
 import { dateFormat } from '@/utils';
 
 const columns = [
diff --git a/orion-ops-ui/src/api/asset/host-identity.ts b/orion-ops-ui/src/api/asset/host-identity.ts
index 3e7b22de..a0536a40 100644
--- a/orion-ops-ui/src/api/asset/host-identity.ts
+++ b/orion-ops-ui/src/api/asset/host-identity.ts
@@ -1,6 +1,6 @@
+import type { DataGrid, Pagination } from '@/types/global';
+import type { TableData } from '@arco-design/web-vue/es/table/interface';
 import axios from 'axios';
-import { DataGrid, Pagination } from '@/types/global';
-import { TableData } from '@arco-design/web-vue/es/table/interface';
 
 /**
  * 主机身份创建请求
diff --git a/orion-ops-ui/src/api/asset/host-key.ts b/orion-ops-ui/src/api/asset/host-key.ts
index fad91f03..3bdf3f8d 100644
--- a/orion-ops-ui/src/api/asset/host-key.ts
+++ b/orion-ops-ui/src/api/asset/host-key.ts
@@ -1,6 +1,6 @@
+import type { DataGrid, Pagination } from '@/types/global';
+import type { TableData } from '@arco-design/web-vue/es/table/interface';
 import axios from 'axios';
-import { DataGrid, Pagination } from '@/types/global';
-import { TableData } from '@arco-design/web-vue/es/table/interface';
 
 /**
  * 主机秘钥创建请求
diff --git a/orion-ops-ui/src/api/asset/host.ts b/orion-ops-ui/src/api/asset/host.ts
index aaea3050..a80e07c7 100644
--- a/orion-ops-ui/src/api/asset/host.ts
+++ b/orion-ops-ui/src/api/asset/host.ts
@@ -1,6 +1,6 @@
+import type { DataGrid, Pagination } from '@/types/global';
+import type { TableData } from '@arco-design/web-vue/es/table/interface';
 import axios from 'axios';
-import { DataGrid, Pagination } from '@/types/global';
-import { TableData } from '@arco-design/web-vue/es/table/interface';
 
 /**
  * 主机创建请求
diff --git a/orion-ops-ui/src/api/dashboard.ts b/orion-ops-ui/src/api/dashboard.ts
index 773a1048..75dc3e40 100644
--- a/orion-ops-ui/src/api/dashboard.ts
+++ b/orion-ops-ui/src/api/dashboard.ts
@@ -1,5 +1,5 @@
-import axios from 'axios';
 import type { TableData } from '@arco-design/web-vue/es/table/interface';
+import axios from 'axios';
 
 export interface ContentDataRecord {
   x: string;
diff --git a/orion-ops-ui/src/api/interceptor.ts b/orion-ops-ui/src/api/interceptor.ts
index 87394018..13e40fce 100644
--- a/orion-ops-ui/src/api/interceptor.ts
+++ b/orion-ops-ui/src/api/interceptor.ts
@@ -1,5 +1,5 @@
-import axios from 'axios';
 import type { AxiosRequestConfig, AxiosResponse } from 'axios';
+import axios from 'axios';
 import { Message, Notification } from '@arco-design/web-vue';
 import { useUserStore } from '@/store';
 import { getToken } from '@/utils/auth';
diff --git a/orion-ops-ui/src/api/meta/history-value.ts b/orion-ops-ui/src/api/meta/history-value.ts
index d3074569..9867b141 100644
--- a/orion-ops-ui/src/api/meta/history-value.ts
+++ b/orion-ops-ui/src/api/meta/history-value.ts
@@ -1,6 +1,6 @@
+import type { DataGrid, Pagination } from '@/types/global';
+import type { TableData } from '@arco-design/web-vue/es/table/interface';
 import axios from 'axios';
-import { DataGrid, Pagination } from '@/types/global';
-import { TableData } from '@arco-design/web-vue/es/table/interface';
 
 /**
  * 历史归档查询请求
diff --git a/orion-ops-ui/src/api/system/dict-key.ts b/orion-ops-ui/src/api/system/dict-key.ts
index ee93241a..681832d0 100644
--- a/orion-ops-ui/src/api/system/dict-key.ts
+++ b/orion-ops-ui/src/api/system/dict-key.ts
@@ -1,7 +1,7 @@
+import type { DataGrid, Pagination } from '@/types/global';
+import type { TableData } from '@arco-design/web-vue/es/table/interface';
 import axios from 'axios';
 import qs from 'query-string';
-import { DataGrid, Pagination } from '@/types/global';
-import { TableData } from '@arco-design/web-vue/es/table/interface';
 
 /**
  * 字典配置项创建请求
diff --git a/orion-ops-ui/src/api/system/dict-value.ts b/orion-ops-ui/src/api/system/dict-value.ts
index ebd2f806..46018d51 100644
--- a/orion-ops-ui/src/api/system/dict-value.ts
+++ b/orion-ops-ui/src/api/system/dict-value.ts
@@ -1,7 +1,7 @@
+import type { DataGrid, Options, Pagination } from '@/types/global';
+import type { TableData } from '@arco-design/web-vue/es/table/interface';
 import axios from 'axios';
 import qs from 'query-string';
-import { DataGrid, Options, Pagination } from '@/types/global';
-import { TableData } from '@arco-design/web-vue/es/table/interface';
 
 /**
  * 字典配置值创建请求
diff --git a/orion-ops-ui/src/api/system/menu.ts b/orion-ops-ui/src/api/system/menu.ts
index d358a428..3f15665e 100644
--- a/orion-ops-ui/src/api/system/menu.ts
+++ b/orion-ops-ui/src/api/system/menu.ts
@@ -1,5 +1,5 @@
+import type { TableData } from '@arco-design/web-vue/es/table/interface';
 import axios from 'axios';
-import { TableData } from '@arco-design/web-vue/es/table/interface';
 
 /**
  * 菜单创建请求
diff --git a/orion-ops-ui/src/api/user/role.ts b/orion-ops-ui/src/api/user/role.ts
index 9aa6087c..9d352133 100644
--- a/orion-ops-ui/src/api/user/role.ts
+++ b/orion-ops-ui/src/api/user/role.ts
@@ -1,6 +1,6 @@
+import type { DataGrid, Pagination } from '@/types/global';
+import type { TableData } from '@arco-design/web-vue/es/table/interface';
 import axios from 'axios';
-import { DataGrid, Pagination } from '@/types/global';
-import { TableData } from '@arco-design/web-vue/es/table/interface';
 
 /**
  * 角色创建请求
diff --git a/orion-ops-ui/src/api/user/user.ts b/orion-ops-ui/src/api/user/user.ts
index e9884aac..d53179db 100644
--- a/orion-ops-ui/src/api/user/user.ts
+++ b/orion-ops-ui/src/api/user/user.ts
@@ -1,6 +1,6 @@
+import type { DataGrid, Pagination } from '@/types/global';
+import type { TableData } from '@arco-design/web-vue/es/table/interface';
 import axios from 'axios';
-import { DataGrid, Pagination } from '@/types/global';
-import { TableData } from '@arco-design/web-vue/es/table/interface';
 
 /**
  * 用户创建请求
diff --git a/orion-ops-ui/src/components/app/breadcrumb/index.vue b/orion-ops-ui/src/components/app/breadcrumb/index.vue
index f5257b36..aabd3fa3 100644
--- a/orion-ops-ui/src/components/app/breadcrumb/index.vue
+++ b/orion-ops-ui/src/components/app/breadcrumb/index.vue
@@ -10,7 +10,7 @@
 </template>
 
 <script lang="ts" setup>
-  import { PropType } from 'vue';
+  import type { PropType } from 'vue';
   import { useRoute } from 'vue-router';
 
   defineProps({
@@ -18,14 +18,14 @@
       type: Array as PropType<string[]>,
       default() {
         return useRoute().matched
-        .map(s => s.meta?.locale)
-        .filter(Boolean) || [];
+          .map(s => s.meta?.locale)
+          .filter(Boolean) || [];
       },
     },
   });
 </script>
 
-<style scoped lang="less">
+<style lang="less" scoped>
   .container-breadcrumb {
 
     :deep(.arco-breadcrumb-item) {
diff --git a/orion-ops-ui/src/components/app/navbar/index.vue b/orion-ops-ui/src/components/app/navbar/index.vue
index 072a3a49..c76fe7ff 100644
--- a/orion-ops-ui/src/components/app/navbar/index.vue
+++ b/orion-ops-ui/src/components/app/navbar/index.vue
@@ -263,7 +263,7 @@
 
 </script>
 
-<style scoped lang="less">
+<style lang="less" scoped>
   .navbar {
     display: flex;
     justify-content: space-between;
diff --git a/orion-ops-ui/src/components/app/setting/block.vue b/orion-ops-ui/src/components/app/setting/block.vue
index 0c50ba27..a3ec0136 100644
--- a/orion-ops-ui/src/components/app/setting/block.vue
+++ b/orion-ops-ui/src/components/app/setting/block.vue
@@ -17,10 +17,10 @@
 </template>
 
 <script lang="ts" setup>
-  import { PropType } from 'vue';
+  import type { PropType } from 'vue';
+  import type { RadioOption } from '@arco-design/web-vue/es/radio/interface';
   import { useAppStore } from '@/store';
   import FormWrapper from './form-wrapper.vue';
-  import { RadioOption } from '@arco-design/web-vue/es/radio/interface';
   import { updatePreferencePartial } from '@/api/user/preference';
   import { Message } from '@arco-design/web-vue';
 
@@ -37,9 +37,7 @@
     title: String,
     options: {
       type: Array as PropType<OptionsProps[]>,
-      default() {
-        return [];
-      },
+      default: []
     },
   });
 
@@ -77,7 +75,7 @@
   };
 </script>
 
-<style scoped lang="less">
+<style lang="less" scoped>
   .block {
     margin-bottom: 24px;
     user-select: none;
diff --git a/orion-ops-ui/src/components/app/setting/form-wrapper.vue b/orion-ops-ui/src/components/app/setting/form-wrapper.vue
index 4bb217c3..3572cebe 100644
--- a/orion-ops-ui/src/components/app/setting/form-wrapper.vue
+++ b/orion-ops-ui/src/components/app/setting/form-wrapper.vue
@@ -22,8 +22,8 @@
 </template>
 
 <script lang="ts" setup>
-  import { PropType } from 'vue';
-  import { RadioOption } from '@arco-design/web-vue/es/radio/interface';
+  import type { PropType } from 'vue';
+  import type { RadioOption } from '@arco-design/web-vue/es/radio/interface';
 
   const props = defineProps({
     type: {
diff --git a/orion-ops-ui/src/components/app/setting/index.vue b/orion-ops-ui/src/components/app/setting/index.vue
index f23a16aa..1fa5c022 100644
--- a/orion-ops-ui/src/components/app/setting/index.vue
+++ b/orion-ops-ui/src/components/app/setting/index.vue
@@ -102,7 +102,7 @@
 
 </script>
 
-<style scoped lang="less">
+<style lang="less" scoped>
   .fixed-settings {
     position: fixed;
     top: 280px;
diff --git a/orion-ops-ui/src/components/app/tab-bar/index.vue b/orion-ops-ui/src/components/app/tab-bar/index.vue
index dbc53947..e2932987 100644
--- a/orion-ops-ui/src/components/app/tab-bar/index.vue
+++ b/orion-ops-ui/src/components/app/tab-bar/index.vue
@@ -19,8 +19,8 @@
 </template>
 
 <script lang="ts" setup>
-  import { computed, onUnmounted, ref, watch } from 'vue';
   import type { RouteLocationNormalized } from 'vue-router';
+  import { computed, onUnmounted, ref, watch } from 'vue';
   import { routerToTag } from '@/router/constants';
   import { listenerRouteChange, removeRouteListener, } from '@/utils/route-listener';
   import { useAppStore, useTabBarStore } from '@/store';
@@ -62,7 +62,7 @@
   });
 </script>
 
-<style scoped lang="less">
+<style lang="less" scoped>
   .tab-bar-container {
     position: relative;
     background-color: var(--color-bg-2);
diff --git a/orion-ops-ui/src/components/app/tab-bar/tab-item.vue b/orion-ops-ui/src/components/app/tab-bar/tab-item.vue
index 1cff4b83..0692b9c9 100644
--- a/orion-ops-ui/src/components/app/tab-bar/tab-item.vue
+++ b/orion-ops-ui/src/components/app/tab-bar/tab-item.vue
@@ -52,10 +52,11 @@
 </template>
 
 <script lang="ts" setup>
-  import { PropType, computed } from 'vue';
+  import type { TagProps } from '@/store/modules/tab-bar/types';
+  import type { PropType } from 'vue';
+  import { computed } from 'vue';
   import { useRouter, useRoute } from 'vue-router';
   import { useTabBarStore } from '@/store';
-  import type { TagProps } from '@/store/modules/tab-bar/types';
   import { DEFAULT_ROUTE_NAME, REDIRECT_ROUTE_NAME } from '@/router/constants';
 
   enum Option {
@@ -70,9 +71,7 @@
   const props = defineProps({
     itemData: {
       type: Object as PropType<TagProps>,
-      default() {
-        return [];
-      },
+      default: [],
     },
     index: {
       type: Number,
@@ -169,7 +168,7 @@
   };
 </script>
 
-<style scoped lang="less">
+<style lang="less" scoped>
   .tag-link {
     color: var(--color-text-2);
     text-decoration: none;
diff --git a/orion-ops-ui/src/components/asset/host-identity/host-identity-selector.vue b/orion-ops-ui/src/components/asset/host-identity/host-identity-selector.vue
index 0f71760f..dacc6451 100644
--- a/orion-ops-ui/src/components/asset/host-identity/host-identity-selector.vue
+++ b/orion-ops-ui/src/components/asset/host-identity/host-identity-selector.vue
@@ -12,9 +12,9 @@
 </script>
 
 <script lang="ts" setup>
+  import type { SelectOptionData } from '@arco-design/web-vue';
   import { computed } from 'vue';
   import { useCacheStore } from '@/store';
-  import { SelectOptionData } from '@arco-design/web-vue';
 
   const props = defineProps({
     modelValue: Number,
diff --git a/orion-ops-ui/src/components/asset/host-key/host-key-selector.vue b/orion-ops-ui/src/components/asset/host-key/host-key-selector.vue
index e7863b37..c9370868 100644
--- a/orion-ops-ui/src/components/asset/host-key/host-key-selector.vue
+++ b/orion-ops-ui/src/components/asset/host-key/host-key-selector.vue
@@ -12,9 +12,9 @@
 </script>
 
 <script lang="ts" setup>
+  import type { SelectOptionData } from '@arco-design/web-vue';
   import { computed } from 'vue';
   import { useCacheStore } from '@/store';
-  import { SelectOptionData } from '@arco-design/web-vue';
 
   const props = defineProps({
     modelValue: Number,
diff --git a/orion-ops-ui/src/components/index.ts b/orion-ops-ui/src/components/index.ts
index b9154df4..511964c0 100644
--- a/orion-ops-ui/src/components/index.ts
+++ b/orion-ops-ui/src/components/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue';
+import type { App } from 'vue';
 import { use } from 'echarts/core';
 import AQueryHeader from '@dangojs/a-query-header';
 import { CanvasRenderer } from 'echarts/renderers';
diff --git a/orion-ops-ui/src/components/meta/tag/tag-multi-selector.vue b/orion-ops-ui/src/components/meta/tag/tag-multi-selector.vue
index 1fbae598..5c9d71b2 100644
--- a/orion-ops-ui/src/components/meta/tag/tag-multi-selector.vue
+++ b/orion-ops-ui/src/components/meta/tag/tag-multi-selector.vue
@@ -17,10 +17,13 @@
 </script>
 
 <script lang="ts" setup>
-  import { ref, computed, PropType } from 'vue';
+  import type { PropType } from 'vue';
+  import type { SelectOptionData } from '@arco-design/web-vue';
+  import type { TagCreateRequest } from '@/api/meta/tag';
+  import { ref, computed } from 'vue';
   import { useCacheStore } from '@/store';
-  import { Message, SelectOptionData } from '@arco-design/web-vue';
-  import { createTag, TagCreateRequest } from '@/api/meta/tag';
+  import { Message } from '@arco-design/web-vue';
+  import { createTag } from '@/api/meta/tag';
 
   const props = defineProps({
     modelValue: Array as PropType<Array<number>>,
diff --git a/orion-ops-ui/src/components/system/dict-key/dict-key-selector.vue b/orion-ops-ui/src/components/system/dict-key/dict-key-selector.vue
index 29968d32..7ba09db3 100644
--- a/orion-ops-ui/src/components/system/dict-key/dict-key-selector.vue
+++ b/orion-ops-ui/src/components/system/dict-key/dict-key-selector.vue
@@ -16,10 +16,9 @@
 </script>
 
 <script lang="ts" setup>
+  import type { SelectOptionData } from '@arco-design/web-vue';
   import { computed } from 'vue';
   import { useCacheStore } from '@/store';
-  import { SelectOptionData } from '@arco-design/web-vue';
-  import { DictKeyQueryResponse } from '@/api/system/dict-key';
 
   const props = defineProps({
     modelValue: Number,
diff --git a/orion-ops-ui/src/components/system/menu/selector/menu-selector-tree.vue b/orion-ops-ui/src/components/system/menu/selector/menu-selector-tree.vue
index cec4a099..5131a2ca 100644
--- a/orion-ops-ui/src/components/system/menu/selector/menu-selector-tree.vue
+++ b/orion-ops-ui/src/components/system/menu/selector/menu-selector-tree.vue
@@ -30,8 +30,8 @@
 </script>
 
 <script lang="ts" setup>
+  import type { TreeNodeData } from '@arco-design/web-vue';
   import { ref } from 'vue';
-  import { TreeNodeData } from '@arco-design/web-vue';
   import { useCacheStore } from '@/store';
 
   const treeData = ref<Array<TreeNodeData>>([]);
diff --git a/orion-ops-ui/src/components/system/menu/tree/index.vue b/orion-ops-ui/src/components/system/menu/tree/index.vue
index 006208cf..54e7e91b 100644
--- a/orion-ops-ui/src/components/system/menu/tree/index.vue
+++ b/orion-ops-ui/src/components/system/menu/tree/index.vue
@@ -1,7 +1,7 @@
 <script lang="tsx">
+  import type { RouteMeta, RouteRecordRaw } from 'vue-router';
   import { compile, computed, defineComponent, h, ref } from 'vue';
-  import type { RouteMeta } from 'vue-router';
-  import { RouteRecordRaw, useRoute, useRouter } from 'vue-router';
+  import { useRoute, useRouter } from 'vue-router';
   import { useAppStore } from '@/store';
   import { listenerRouteChange } from '@/utils/route-listener';
   import { openWindow, regexUrl } from '@/utils';
diff --git a/orion-ops-ui/src/components/system/menu/tree/use-menu-tree.ts b/orion-ops-ui/src/components/system/menu/tree/use-menu-tree.ts
index e2267403..ec4438fc 100644
--- a/orion-ops-ui/src/components/system/menu/tree/use-menu-tree.ts
+++ b/orion-ops-ui/src/components/system/menu/tree/use-menu-tree.ts
@@ -1,5 +1,5 @@
+import type { RouteRecordRaw, RouteRecordNormalized } from 'vue-router';
 import { computed } from 'vue';
-import { RouteRecordRaw, RouteRecordNormalized } from 'vue-router';
 import { useMenuStore } from '@/store';
 import { cloneDeep } from 'lodash';
 
diff --git a/orion-ops-ui/src/components/system/message-box/index.vue b/orion-ops-ui/src/components/system/message-box/index.vue
index 4ef7f4fd..4d5ffd76 100644
--- a/orion-ops-ui/src/components/system/message-box/index.vue
+++ b/orion-ops-ui/src/components/system/message-box/index.vue
@@ -22,13 +22,9 @@
 </template>
 
 <script lang="ts" setup>
+  import type { MessageRecord, MessageListType } from '@/api/system/message';
   import { ref, reactive, toRefs, computed } from 'vue';
-  import {
-    queryMessageList,
-    setMessageStatus,
-    MessageRecord,
-    MessageListType,
-  } from '@/api/system/message';
+  import { queryMessageList, setMessageStatus } from '@/api/system/message';
   import useLoading from '@/hooks/loading';
   import List from './list.vue';
 
@@ -108,7 +104,7 @@
   fetchSourceData();
 </script>
 
-<style scoped lang="less">
+<style lang="less" scoped>
   :deep(.arco-popover-popup-content) {
     padding: 0;
   }
diff --git a/orion-ops-ui/src/components/system/message-box/list.vue b/orion-ops-ui/src/components/system/message-box/list.vue
index c23e592e..95706f94 100644
--- a/orion-ops-ui/src/components/system/message-box/list.vue
+++ b/orion-ops-ui/src/components/system/message-box/list.vue
@@ -72,8 +72,8 @@
 </template>
 
 <script lang="ts" setup>
-  import { PropType } from 'vue';
-  import { MessageRecord, MessageListType } from '@/api/system/message';
+  import type { PropType } from 'vue';
+  import type { MessageRecord, MessageListType } from '@/api/system/message';
 
   const props = defineProps({
     renderList: {
@@ -98,7 +98,7 @@
   const showMax = 3;
 </script>
 
-<style scoped lang="less">
+<style lang="less" scoped>
   :deep(.arco-list) {
     .arco-list-item {
       min-height: 86px;
diff --git a/orion-ops-ui/src/components/user/role/user-role-selector.vue b/orion-ops-ui/src/components/user/role/user-role-selector.vue
index 9aedd807..4e08084c 100644
--- a/orion-ops-ui/src/components/user/role/user-role-selector.vue
+++ b/orion-ops-ui/src/components/user/role/user-role-selector.vue
@@ -16,13 +16,14 @@
 </script>
 
 <script lang="ts" setup>
-  import { computed, PropType } from 'vue';
+  import type { PropType } from 'vue';
+  import type { SelectOptionData } from '@arco-design/web-vue';
+  import { computed } from 'vue';
   import { useCacheStore } from '@/store';
-  import { SelectOptionData } from '@arco-design/web-vue';
   import { RoleStatusEnum } from '@/views/user/role/types/enum.types';
 
   const props = defineProps({
-    modelValue: Object as PropType<Array<number>> | PropType<number>,
+    modelValue: [Number, Array] as PropType<number | Array<number>>,
     loading: Boolean,
     multiple: Boolean,
   });
diff --git a/orion-ops-ui/src/components/view/card-list/index.vue b/orion-ops-ui/src/components/view/card-list/index.vue
index 267c263c..3926b199 100644
--- a/orion-ops-ui/src/components/view/card-list/index.vue
+++ b/orion-ops-ui/src/components/view/card-list/index.vue
@@ -222,11 +222,12 @@
   };
 </script>
 
-<script setup lang="ts">
-  import { compile, computed, h, PropType, ref } from 'vue';
+<script lang="ts" setup>
+  import type { PropType } from 'vue';
+  import type { PaginationProps, ResponsiveValue } from '@arco-design/web-vue';
+  import type { CardRecord, ColResponsiveValue, HandleVisible, CardFieldConfig, CardPosition } from '@/types/card';
+  import { compile, computed, h, ref } from 'vue';
   import { useAppStore } from '@/store';
-  import { PaginationProps, ResponsiveValue } from '@arco-design/web-vue';
-  import { CardRecord, ColResponsiveValue, HandleVisible, CardFieldConfig, CardPosition } from '@/types/card';
   import { triggerMouseEvent } from '@/utils';
 
   const appStore = useAppStore();
@@ -258,61 +259,58 @@
   const props = defineProps({
     key: {
       type: String,
-      default: () => 'id'
+      default: 'id'
     },
     pagination: {
-      type: Object as PropType<PaginationProps> | PropType<boolean>,
-      default: () => false
+      type: [Object, Boolean] as PropType<PaginationProps | boolean>,
+      default: false
     },
     loading: {
       type: Boolean as PropType<Boolean>,
-      default: () => false
+      default: false
     },
     fieldConfig: {
       type: Object as PropType<CardFieldConfig>,
-      default: () => []
+      default: []
     },
     cardHeight: {
       type: String,
-      default: () => '100%'
+      default: '100%'
     },
     cardClass: String,
     cardBodyStyle: Object,
     contextMenu: {
       type: Boolean,
-      default: () => true
+      default: true
     },
     filterCount: {
       type: Number,
-      default: () => 0
+      default: 0
     },
     searchInputPlaceholder: String,
     searchInputWidth: {
       type: String,
-      default: () => '200px'
+      default: '200px'
     },
     searchValue: {
       type: String,
-      default: () => ''
+      default: ''
     },
     createCardDescription: {
       type: String,
-      default: () => '点击此处进行创建'
+      default: '点击此处进行创建'
     },
     createCardPosition: {
       type: String as PropType<CardPosition>,
-      default: () => false
+      default: false
     },
     addPermission: {
       type: Array as PropType<String[]>,
-      default: () => []
+      default: []
     },
     cardLayoutGutter: {
-      type: [Number, Array] as PropType<Number> |
-        PropType<ResponsiveValue> |
-        PropType<Array<Number>> |
-        PropType<Array<ResponsiveValue>>,
-      default: () => [16, 16]
+      type: [Number, Object, Array] as PropType<Number | ResponsiveValue | Array<Number> | Array<ResponsiveValue>>,
+      default: [16, 16]
     },
     cardLayoutCols: {
       type: Object as PropType<ColResponsiveValue>,
@@ -330,7 +328,7 @@
     },
     list: {
       type: Array as PropType<Array<CardRecord>>,
-      default: () => []
+      default: []
     },
   });
 
@@ -368,7 +366,7 @@
 
 </script>
 
-<style scoped lang="less">
+<style lang="less" scoped>
   @header-info-height: 48px;
   @header-handler-height: 48px;
   @top-height: 16 + @header-info-height + @header-handler-height + 12px;
diff --git a/orion-ops-ui/src/components/view/chart/index.vue b/orion-ops-ui/src/components/view/chart/index.vue
index 417c4c8b..1a69307e 100644
--- a/orion-ops-ui/src/components/view/chart/index.vue
+++ b/orion-ops-ui/src/components/view/chart/index.vue
@@ -44,4 +44,5 @@
   });
 </script>
 
-<style scoped lang="less"></style>
+<style lang="less" scoped>
+</style>
diff --git a/orion-ops-ui/src/directive/index.ts b/orion-ops-ui/src/directive/index.ts
index 85c567f8..a5a849b0 100644
--- a/orion-ops-ui/src/directive/index.ts
+++ b/orion-ops-ui/src/directive/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue';
+import type { App } from 'vue';
 import permission from './permission';
 
 export default {
diff --git a/orion-ops-ui/src/directive/permission/index.ts b/orion-ops-ui/src/directive/permission/index.ts
index 096b2e07..01731875 100644
--- a/orion-ops-ui/src/directive/permission/index.ts
+++ b/orion-ops-ui/src/directive/permission/index.ts
@@ -1,4 +1,4 @@
-import { DirectiveBinding } from 'vue';
+import type { DirectiveBinding } from 'vue';
 import usePermission from '@/hooks/permission';
 
 function checkPermission(el: HTMLElement, binding: DirectiveBinding) {
diff --git a/orion-ops-ui/src/hooks/chart-option.ts b/orion-ops-ui/src/hooks/chart-option.ts
index ab15546a..dd14b572 100644
--- a/orion-ops-ui/src/hooks/chart-option.ts
+++ b/orion-ops-ui/src/hooks/chart-option.ts
@@ -1,5 +1,5 @@
+import type { EChartsOption } from 'echarts';
 import { computed } from 'vue';
-import { EChartsOption } from 'echarts';
 import { useAppStore } from '@/store';
 
 // for code hints
diff --git a/orion-ops-ui/src/hooks/favorite.ts b/orion-ops-ui/src/hooks/favorite.ts
index 89f201e4..0c3bf747 100644
--- a/orion-ops-ui/src/hooks/favorite.ts
+++ b/orion-ops-ui/src/hooks/favorite.ts
@@ -1,5 +1,6 @@
+import type { FavoriteType } from '@/api/meta/favorite';
 import { Message } from '@arco-design/web-vue';
-import { FavoriteType, addFavorite, cancelFavorite } from '@/api/meta/favorite';
+import { addFavorite, cancelFavorite } from '@/api/meta/favorite';
 
 export default function useFavorite(type: FavoriteType) {
   const toggle = async (record: any, id: number, cancelField = 'favorite') => {
diff --git a/orion-ops-ui/src/hooks/permission.ts b/orion-ops-ui/src/hooks/permission.ts
index 83f8a1d4..582249d7 100644
--- a/orion-ops-ui/src/hooks/permission.ts
+++ b/orion-ops-ui/src/hooks/permission.ts
@@ -1,4 +1,4 @@
-import { RouteLocationNormalized, RouteRecordNormalized, RouteRecordRaw } from 'vue-router';
+import type { RouteLocationNormalized, RouteRecordNormalized, RouteRecordRaw } from 'vue-router';
 import { useMenuStore, useUserStore } from '@/store';
 import { STATUS_ROUTER_LIST, WHITE_ROUTER_LIST } from '@/router/constants';
 
diff --git a/orion-ops-ui/src/hooks/request.ts b/orion-ops-ui/src/hooks/request.ts
index cf1667f7..1ffa19c1 100644
--- a/orion-ops-ui/src/hooks/request.ts
+++ b/orion-ops-ui/src/hooks/request.ts
@@ -1,6 +1,7 @@
-import { ref, UnwrapRef } from 'vue';
-import { AxiosResponse } from 'axios';
-import { HttpResponse } from '@/api/interceptor';
+import type { AxiosResponse } from 'axios';
+import type { HttpResponse } from '@/api/interceptor';
+import type { UnwrapRef } from 'vue';
+import { ref } from 'vue';
 import useLoading from './loading';
 
 export default function useRequest<T>(
diff --git a/orion-ops-ui/src/layout/default-layout.vue b/orion-ops-ui/src/layout/default-layout.vue
index cd0bf795..953d43d2 100644
--- a/orion-ops-ui/src/layout/default-layout.vue
+++ b/orion-ops-ui/src/layout/default-layout.vue
@@ -104,7 +104,7 @@
   });
 </script>
 
-<style scoped lang="less">
+<style lang="less" scoped>
   @nav-size-height: 60px;
   @layout-max-width: 1100px;
 
diff --git a/orion-ops-ui/src/layout/page-layout.vue b/orion-ops-ui/src/layout/page-layout.vue
index bccabbc9..8f30a4d4 100644
--- a/orion-ops-ui/src/layout/page-layout.vue
+++ b/orion-ops-ui/src/layout/page-layout.vue
@@ -24,4 +24,5 @@
   const cacheList = computed(() => tabBarStore.getCacheList);
 </script>
 
-<style scoped lang="less"></style>
+<style lang="less" scoped>
+</style>
diff --git a/orion-ops-ui/src/router/constants.ts b/orion-ops-ui/src/router/constants.ts
index a3d74a6e..ac9d6ab9 100644
--- a/orion-ops-ui/src/router/constants.ts
+++ b/orion-ops-ui/src/router/constants.ts
@@ -1,5 +1,5 @@
-import { RouteLocationNormalized } from 'vue-router';
-import { TagProps } from '@/store/modules/tab-bar/types';
+import type { RouteLocationNormalized } from 'vue-router';
+import type { TagProps } from '@/store/modules/tab-bar/types';
 
 export const REDIRECT_ROUTE_NAME = 'redirect';
 
diff --git a/orion-ops-ui/src/router/routes/modules/asset.ts b/orion-ops-ui/src/router/routes/modules/asset.ts
index d40e9ddb..f646478a 100644
--- a/orion-ops-ui/src/router/routes/modules/asset.ts
+++ b/orion-ops-ui/src/router/routes/modules/asset.ts
@@ -1,5 +1,5 @@
+import type { AppRouteRecordRaw } from '../types';
 import { DEFAULT_LAYOUT } from '../base';
-import { AppRouteRecordRaw } from '../types';
 
 const ASSET: AppRouteRecordRaw = {
   name: 'asset',
diff --git a/orion-ops-ui/src/router/routes/modules/dashboard.ts b/orion-ops-ui/src/router/routes/modules/dashboard.ts
index 153f905c..0161f87d 100644
--- a/orion-ops-ui/src/router/routes/modules/dashboard.ts
+++ b/orion-ops-ui/src/router/routes/modules/dashboard.ts
@@ -1,5 +1,5 @@
+import type { AppRouteRecordRaw } from '../types';
 import { DEFAULT_LAYOUT } from '../base';
-import { AppRouteRecordRaw } from '../types';
 
 const DASHBOARD: AppRouteRecordRaw = {
   name: 'dashboard',
diff --git a/orion-ops-ui/src/router/routes/modules/system.ts b/orion-ops-ui/src/router/routes/modules/system.ts
index 5b74d766..d783ec9b 100644
--- a/orion-ops-ui/src/router/routes/modules/system.ts
+++ b/orion-ops-ui/src/router/routes/modules/system.ts
@@ -1,5 +1,5 @@
+import type { AppRouteRecordRaw } from '../types';
 import { DEFAULT_LAYOUT } from '../base';
-import { AppRouteRecordRaw } from '../types';
 
 const SYSTEM: AppRouteRecordRaw = {
   name: 'system',
diff --git a/orion-ops-ui/src/router/routes/modules/user.ts b/orion-ops-ui/src/router/routes/modules/user.ts
index e2f6187d..c95c7fc4 100644
--- a/orion-ops-ui/src/router/routes/modules/user.ts
+++ b/orion-ops-ui/src/router/routes/modules/user.ts
@@ -1,5 +1,5 @@
+import type { AppRouteRecordRaw } from '../types';
 import { DEFAULT_LAYOUT } from '../base';
-import { AppRouteRecordRaw } from '../types';
 
 const USER: AppRouteRecordRaw = {
   name: 'user',
diff --git a/orion-ops-ui/src/router/routes/types.ts b/orion-ops-ui/src/router/routes/types.ts
index 68ba222b..fa4204cc 100644
--- a/orion-ops-ui/src/router/routes/types.ts
+++ b/orion-ops-ui/src/router/routes/types.ts
@@ -1,5 +1,5 @@
-import { defineComponent } from 'vue';
 import type { RouteMeta, NavigationGuard } from 'vue-router';
+import { defineComponent } from 'vue';
 
 export type Component<T = any> =
   | ReturnType<typeof defineComponent>
diff --git a/orion-ops-ui/src/store/modules/app/index.ts b/orion-ops-ui/src/store/modules/app/index.ts
index 21fb82d9..6bfa5b10 100644
--- a/orion-ops-ui/src/store/modules/app/index.ts
+++ b/orion-ops-ui/src/store/modules/app/index.ts
@@ -1,5 +1,5 @@
+import type { AppState } from './types';
 import { defineStore } from 'pinia';
-import { AppState } from './types';
 
 const defaultConfig: AppState = {
   // 应用设置
diff --git a/orion-ops-ui/src/store/modules/cache/index.ts b/orion-ops-ui/src/store/modules/cache/index.ts
index 412472ee..9f40c6cb 100644
--- a/orion-ops-ui/src/store/modules/cache/index.ts
+++ b/orion-ops-ui/src/store/modules/cache/index.ts
@@ -1,5 +1,5 @@
+import type { CacheState } from './types';
 import { defineStore } from 'pinia';
-import { CacheState } from './types';
 
 export type CacheType = 'menus' | 'roles' | 'hostTags' | 'hostKeys' | 'hostIdentities' | 'dictKeys' | string
 
diff --git a/orion-ops-ui/src/store/modules/cache/types.ts b/orion-ops-ui/src/store/modules/cache/types.ts
index a07142d3..23a00afb 100644
--- a/orion-ops-ui/src/store/modules/cache/types.ts
+++ b/orion-ops-ui/src/store/modules/cache/types.ts
@@ -1,9 +1,9 @@
-import { MenuQueryResponse } from '@/api/system/menu';
-import { RoleQueryResponse } from '@/api/user/role';
-import { TagQueryResponse } from '@/api/meta/tag';
-import { HostKeyQueryResponse } from '@/api/asset/host-key';
-import { HostIdentityQueryResponse } from '@/api/asset/host-identity';
-import { DictKeyQueryResponse } from '@/api/system/dict-key';
+import type { MenuQueryResponse } from '@/api/system/menu';
+import type { RoleQueryResponse } from '@/api/user/role';
+import type { TagQueryResponse } from '@/api/meta/tag';
+import type { HostKeyQueryResponse } from '@/api/asset/host-key';
+import type { HostIdentityQueryResponse } from '@/api/asset/host-identity';
+import type { DictKeyQueryResponse } from '@/api/system/dict-key';
 
 export interface CacheState {
   menus: MenuQueryResponse[];
diff --git a/orion-ops-ui/src/store/modules/menu/index.ts b/orion-ops-ui/src/store/modules/menu/index.ts
index ed889844..2c0990c1 100644
--- a/orion-ops-ui/src/store/modules/menu/index.ts
+++ b/orion-ops-ui/src/store/modules/menu/index.ts
@@ -1,8 +1,8 @@
+import type { RouteRecordNormalized } from 'vue-router';
+import type { MenuState } from './types';
 import { defineStore } from 'pinia';
 import { Notification } from '@arco-design/web-vue';
-import type { RouteRecordNormalized } from 'vue-router';
 import { getMenuList } from '@/api/user/auth';
-import { MenuState } from './types';
 import router from '@/router';
 
 export default defineStore('menu', {
diff --git a/orion-ops-ui/src/store/modules/tab-bar/index.ts b/orion-ops-ui/src/store/modules/tab-bar/index.ts
index 1a6e599a..03a44028 100644
--- a/orion-ops-ui/src/store/modules/tab-bar/index.ts
+++ b/orion-ops-ui/src/store/modules/tab-bar/index.ts
@@ -1,7 +1,7 @@
+import type { TabBarState, TagProps } from './types';
 import { defineStore } from 'pinia';
 import { DEFAULT_ROUTE_NAME, DEFAULT_TAB } from '@/router/constants';
 import { isString } from '@/utils/is';
-import { TabBarState, TagProps } from './types';
 
 export default defineStore('tabBar', {
   state: (): TabBarState => ({
diff --git a/orion-ops-ui/src/store/modules/tips/index.ts b/orion-ops-ui/src/store/modules/tips/index.ts
index ee2c1c4d..b134e990 100644
--- a/orion-ops-ui/src/store/modules/tips/index.ts
+++ b/orion-ops-ui/src/store/modules/tips/index.ts
@@ -1,5 +1,5 @@
+import type { TipsState } from './types';
 import { defineStore } from 'pinia';
-import { TipsState } from './types';
 import { setTipsTipped } from '@/api/user/tips';
 
 export default defineStore('tips', {
diff --git a/orion-ops-ui/src/store/modules/user/index.ts b/orion-ops-ui/src/store/modules/user/index.ts
index fe091454..61b08f35 100644
--- a/orion-ops-ui/src/store/modules/user/index.ts
+++ b/orion-ops-ui/src/store/modules/user/index.ts
@@ -1,9 +1,10 @@
+import type { UserState } from './types';
+import type { LoginRequest } from '@/api/user/auth';
 import { defineStore } from 'pinia';
-import { getUserPermission, login as userLogin, LoginRequest, logout as userLogout } from '@/api/user/auth';
+import { getUserPermission, login as userLogin, logout as userLogout } from '@/api/user/auth';
 import { clearToken, setToken } from '@/utils/auth';
 import { md5 } from '@/utils';
 import { removeRouteListener } from '@/utils/route-listener';
-import { UserState } from './types';
 import { useAppStore, useMenuStore, useTabBarStore, useTipsStore } from '@/store';
 
 export default defineStore('user', {
diff --git a/orion-ops-ui/src/types/axios.d.ts b/orion-ops-ui/src/types/axios.d.ts
index 00cd1c0d..9e1a924a 100644
--- a/orion-ops-ui/src/types/axios.d.ts
+++ b/orion-ops-ui/src/types/axios.d.ts
@@ -1,5 +1,5 @@
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { AxiosRequestConfig } from 'axios';
+import type { AxiosRequestConfig } from 'axios';
 
 declare module 'axios' {
   // eslint-disable-next-line no-shadow
diff --git a/orion-ops-ui/src/types/card.ts b/orion-ops-ui/src/types/card.ts
index b0b4d4e1..61cf4314 100644
--- a/orion-ops-ui/src/types/card.ts
+++ b/orion-ops-ui/src/types/card.ts
@@ -1,5 +1,6 @@
-import { PaginationProps, ResponsiveValue } from '@arco-design/web-vue';
-import { reactive, VNodeChild } from 'vue';
+import type { PaginationProps, ResponsiveValue } from '@arco-design/web-vue';
+import type { VNodeChild } from 'vue';
+import { reactive } from 'vue';
 
 /**
  * 字段对齐方式
diff --git a/orion-ops-ui/src/types/echarts.ts b/orion-ops-ui/src/types/echarts.ts
index ac4578ac..170a4da8 100644
--- a/orion-ops-ui/src/types/echarts.ts
+++ b/orion-ops-ui/src/types/echarts.ts
@@ -1,4 +1,4 @@
-import { CallbackDataParams } from 'echarts/types/dist/shared';
+import type { CallbackDataParams } from 'echarts/types/dist/shared';
 
 export interface ToolTipFormatterParams extends CallbackDataParams {
   axisDim: string;
diff --git a/orion-ops-ui/src/types/table.ts b/orion-ops-ui/src/types/table.ts
index b2dc5a5e..12302637 100644
--- a/orion-ops-ui/src/types/table.ts
+++ b/orion-ops-ui/src/types/table.ts
@@ -1,4 +1,4 @@
-import { PaginationProps, TableRowSelection } from '@arco-design/web-vue';
+import type { PaginationProps, TableRowSelection } from '@arco-design/web-vue';
 import { reactive } from 'vue';
 
 /**
diff --git a/orion-ops-ui/src/utils/index.ts b/orion-ops-ui/src/utils/index.ts
index 2ddfc913..85d30a6d 100644
--- a/orion-ops-ui/src/utils/index.ts
+++ b/orion-ops-ui/src/utils/index.ts
@@ -1,5 +1,5 @@
+import type { Ref } from 'vue';
 import { Md5 } from 'ts-md5';
-import { Ref } from 'vue';
 
 type TargetContext = '_self' | '_parent' | '_blank' | '_top';
 
diff --git a/orion-ops-ui/src/utils/route-listener.ts b/orion-ops-ui/src/utils/route-listener.ts
index 5ec44c9b..09cbe858 100644
--- a/orion-ops-ui/src/utils/route-listener.ts
+++ b/orion-ops-ui/src/utils/route-listener.ts
@@ -1,5 +1,6 @@
-import mitt, { Handler } from 'mitt';
 import type { RouteLocationNormalized } from 'vue-router';
+import type { Handler } from 'mitt';
+import mitt from 'mitt';
 
 const emitter = mitt();
 
diff --git a/orion-ops-ui/src/views/asset/host-identity/components/host-identity-card-list.vue b/orion-ops-ui/src/views/asset/host-identity/components/host-identity-card-list.vue
index 76fde006..28b1def8 100644
--- a/orion-ops-ui/src/views/asset/host-identity/components/host-identity-card-list.vue
+++ b/orion-ops-ui/src/views/asset/host-identity/components/host-identity-card-list.vue
@@ -124,13 +124,14 @@
   };
 </script>
 
-<script setup lang="ts">
+<script lang="ts" setup>
+  import type { HostIdentityQueryRequest, HostIdentityQueryResponse } from '@/api/asset/host-identity';
   import { usePagination, useColLayout } from '@/types/card';
   import { computed, reactive, ref } from 'vue';
   import useLoading from '@/hooks/loading';
   import { objectTruthKeyCount, resetObject } from '@/utils';
   import fieldConfig from '../types/card.fields';
-  import { deleteHostIdentity, getHostIdentityPage, HostIdentityQueryRequest, HostIdentityQueryResponse } from '@/api/asset/host-identity';
+  import { deleteHostIdentity, getHostIdentityPage } from '@/api/asset/host-identity';
   import { Message, Modal } from '@arco-design/web-vue';
   import usePermission from '@/hooks/permission';
   import useCopy from '@/hooks/copy';
@@ -225,6 +226,6 @@
 
 </script>
 
-<style scoped lang="less">
+<style  lang="less" scoped>
 
 </style>
diff --git a/orion-ops-ui/src/views/asset/host-identity/components/host-identity-form-modal.vue b/orion-ops-ui/src/views/asset/host-identity/components/host-identity-form-modal.vue
index 81248c31..4e7dee7c 100644
--- a/orion-ops-ui/src/views/asset/host-identity/components/host-identity-form-modal.vue
+++ b/orion-ops-ui/src/views/asset/host-identity/components/host-identity-form-modal.vue
@@ -61,12 +61,14 @@
 </script>
 
 <script lang="ts" setup>
+  import type { HostIdentityUpdateRequest } from '@/api/asset/host-identity';
+  import type { FieldRule } from '@arco-design/web-vue';
   import { ref } from 'vue';
   import useLoading from '@/hooks/loading';
   import useVisible from '@/hooks/visible';
   import formRules from '../types/form.rules';
-  import { createHostIdentity, updateHostIdentity, HostIdentityUpdateRequest } from '@/api/asset/host-identity';
-  import { FieldRule, Message } from '@arco-design/web-vue';
+  import { createHostIdentity, updateHostIdentity } from '@/api/asset/host-identity';
+  import { Message } from '@arco-design/web-vue';
   import HostKeySelector from '@/components/asset/host-key/host-key-selector.vue';
 
   const { visible, setVisible } = useVisible();
diff --git a/orion-ops-ui/src/views/asset/host-identity/components/host-identity-table.vue b/orion-ops-ui/src/views/asset/host-identity/components/host-identity-table.vue
index 0d05e09b..0de69365 100644
--- a/orion-ops-ui/src/views/asset/host-identity/components/host-identity-table.vue
+++ b/orion-ops-ui/src/views/asset/host-identity/components/host-identity-table.vue
@@ -125,8 +125,9 @@
 </script>
 
 <script lang="ts" setup>
+  import type { HostIdentityQueryRequest, HostIdentityQueryResponse } from '@/api/asset/host-identity';
   import { reactive, ref } from 'vue';
-  import { deleteHostIdentity, getHostIdentityPage, HostIdentityQueryRequest, HostIdentityQueryResponse } from '@/api/asset/host-identity';
+  import { deleteHostIdentity, getHostIdentityPage } from '@/api/asset/host-identity';
   import { Message } from '@arco-design/web-vue';
   import useLoading from '@/hooks/loading';
   import columns from '../types/table.columns';
diff --git a/orion-ops-ui/src/views/asset/host-identity/types/card.fields.ts b/orion-ops-ui/src/views/asset/host-identity/types/card.fields.ts
index 4954c81d..36138c80 100644
--- a/orion-ops-ui/src/views/asset/host-identity/types/card.fields.ts
+++ b/orion-ops-ui/src/views/asset/host-identity/types/card.fields.ts
@@ -1,4 +1,4 @@
-import { CardField, CardFieldConfig } from '@/types/card';
+import type { CardField, CardFieldConfig } from '@/types/card';
 import { dateFormat } from '@/utils';
 
 const fieldConfig = {
diff --git a/orion-ops-ui/src/views/asset/host-identity/types/form.rules.ts b/orion-ops-ui/src/views/asset/host-identity/types/form.rules.ts
index 4c2e5a02..e739e1be 100644
--- a/orion-ops-ui/src/views/asset/host-identity/types/form.rules.ts
+++ b/orion-ops-ui/src/views/asset/host-identity/types/form.rules.ts
@@ -1,4 +1,4 @@
-import { FieldRule } from '@arco-design/web-vue';
+import type { FieldRule } from '@arco-design/web-vue';
 
 export const name = [{
   required: true,
diff --git a/orion-ops-ui/src/views/asset/host-identity/types/table.columns.ts b/orion-ops-ui/src/views/asset/host-identity/types/table.columns.ts
index f68667c7..55ab626b 100644
--- a/orion-ops-ui/src/views/asset/host-identity/types/table.columns.ts
+++ b/orion-ops-ui/src/views/asset/host-identity/types/table.columns.ts
@@ -1,4 +1,4 @@
-import { TableColumnData } from '@arco-design/web-vue/es/table/interface';
+import type { TableColumnData } from '@arco-design/web-vue/es/table/interface';
 import { dateFormat } from '@/utils';
 
 const columns = [
diff --git a/orion-ops-ui/src/views/asset/host-key/components/host-key-card-list.vue b/orion-ops-ui/src/views/asset/host-key/components/host-key-card-list.vue
index 2369d552..15daea23 100644
--- a/orion-ops-ui/src/views/asset/host-key/components/host-key-card-list.vue
+++ b/orion-ops-ui/src/views/asset/host-key/components/host-key-card-list.vue
@@ -78,13 +78,14 @@
   };
 </script>
 
-<script setup lang="ts">
+<script lang="ts" setup>
+  import type { HostKeyQueryRequest, HostKeyQueryResponse } from '@/api/asset/host-key';
   import { usePagination, useColLayout } from '@/types/card';
   import { reactive, ref } from 'vue';
   import useLoading from '@/hooks/loading';
   import { resetObject } from '@/utils';
   import fieldConfig from '../types/card.fields';
-  import { deleteHostKey, getHostKeyPage, HostKeyQueryRequest, HostKeyQueryResponse } from '@/api/asset/host-key';
+  import { deleteHostKey, getHostKeyPage } from '@/api/asset/host-key';
   import { Message, Modal } from '@arco-design/web-vue';
 
   const { loading, setLoading } = useLoading();
@@ -163,6 +164,6 @@
 
 </script>
 
-<style scoped lang="less">
+<style lang="less" scoped>
 
 </style>
diff --git a/orion-ops-ui/src/views/asset/host-key/components/host-key-form-drawer.vue b/orion-ops-ui/src/views/asset/host-key/components/host-key-form-drawer.vue
index 6adad54d..30c57200 100644
--- a/orion-ops-ui/src/views/asset/host-key/components/host-key-form-drawer.vue
+++ b/orion-ops-ui/src/views/asset/host-key/components/host-key-form-drawer.vue
@@ -89,12 +89,14 @@
 </script>
 
 <script lang="ts" setup>
+  import type { HostKeyUpdateRequest } from '@/api/asset/host-key';
+  import type { FieldRule, FileItem } from '@arco-design/web-vue';
   import { ref } from 'vue';
   import useLoading from '@/hooks/loading';
   import useVisible from '@/hooks/visible';
   import formRules from '../types/form.rules';
-  import { createHostKey, updateHostKey, getHostKey, HostKeyUpdateRequest } from '@/api/asset/host-key';
-  import { FieldRule, FileItem, Message } from '@arco-design/web-vue';
+  import { createHostKey, updateHostKey, getHostKey } from '@/api/asset/host-key';
+  import { Message } from '@arco-design/web-vue';
   import { readFileText } from '@/utils/file';
 
   const { visible, setVisible } = useVisible();
diff --git a/orion-ops-ui/src/views/asset/host-key/components/host-key-table.vue b/orion-ops-ui/src/views/asset/host-key/components/host-key-table.vue
index acb2fefa..0420a680 100644
--- a/orion-ops-ui/src/views/asset/host-key/components/host-key-table.vue
+++ b/orion-ops-ui/src/views/asset/host-key/components/host-key-table.vue
@@ -98,8 +98,9 @@
 </script>
 
 <script lang="ts" setup>
+  import type { HostKeyQueryRequest, HostKeyQueryResponse } from '@/api/asset/host-key';
   import { reactive, ref } from 'vue';
-  import { deleteHostKey, getHostKeyPage, HostKeyQueryRequest, HostKeyQueryResponse } from '@/api/asset/host-key';
+  import { deleteHostKey, getHostKeyPage } from '@/api/asset/host-key';
   import { Message } from '@arco-design/web-vue';
   import useLoading from '@/hooks/loading';
   import columns from '../types/table.columns';
diff --git a/orion-ops-ui/src/views/asset/host-key/types/card.fields.ts b/orion-ops-ui/src/views/asset/host-key/types/card.fields.ts
index 4c490bf8..74190c32 100644
--- a/orion-ops-ui/src/views/asset/host-key/types/card.fields.ts
+++ b/orion-ops-ui/src/views/asset/host-key/types/card.fields.ts
@@ -1,4 +1,4 @@
-import { CardField, CardFieldConfig } from '@/types/card';
+import type { CardField, CardFieldConfig } from '@/types/card';
 import { dateFormat } from '@/utils';
 
 const fieldConfig = {
diff --git a/orion-ops-ui/src/views/asset/host-key/types/form.rules.ts b/orion-ops-ui/src/views/asset/host-key/types/form.rules.ts
index 60696d7a..d470e46f 100644
--- a/orion-ops-ui/src/views/asset/host-key/types/form.rules.ts
+++ b/orion-ops-ui/src/views/asset/host-key/types/form.rules.ts
@@ -1,4 +1,4 @@
-import { FieldRule } from '@arco-design/web-vue';
+import type { FieldRule } from '@arco-design/web-vue';
 
 export const name = [{
   required: true,
diff --git a/orion-ops-ui/src/views/asset/host-key/types/table.columns.ts b/orion-ops-ui/src/views/asset/host-key/types/table.columns.ts
index 6ccae640..b5023276 100644
--- a/orion-ops-ui/src/views/asset/host-key/types/table.columns.ts
+++ b/orion-ops-ui/src/views/asset/host-key/types/table.columns.ts
@@ -1,4 +1,4 @@
-import { TableColumnData } from '@arco-design/web-vue/es/table/interface';
+import type { TableColumnData } from '@arco-design/web-vue/es/table/interface';
 import { dateFormat } from '@/utils';
 
 const columns = [
diff --git a/orion-ops-ui/src/views/asset/host/components/host-card-list.vue b/orion-ops-ui/src/views/asset/host/components/host-card-list.vue
index 2ae1b45f..09927941 100644
--- a/orion-ops-ui/src/views/asset/host/components/host-card-list.vue
+++ b/orion-ops-ui/src/views/asset/host/components/host-card-list.vue
@@ -141,13 +141,14 @@
   };
 </script>
 
-<script setup lang="ts">
+<script lang="ts" setup>
+  import type { HostQueryRequest, HostQueryResponse } from '@/api/asset/host';
   import { usePagination, useColLayout } from '@/types/card';
   import { computed, reactive, ref } from 'vue';
   import useLoading from '@/hooks/loading';
   import { dataColor, objectTruthKeyCount, resetObject } from '@/utils';
   import fieldConfig from '../types/host.card.fields';
-  import { deleteHost, getHostPage, HostQueryRequest, HostQueryResponse } from '@/api/asset/host';
+  import { deleteHost, getHostPage } from '@/api/asset/host';
   import { Message, Modal } from '@arco-design/web-vue';
   import { tagColor } from '@/views/asset/host/types/const';
   import TagMultiSelector from '@/components/meta/tag/tag-multi-selector.vue';
@@ -243,7 +244,7 @@
 
 </script>
 
-<style scoped lang="less">
+<style lang="less" scoped>
   .host-address {
     cursor: pointer;
     color: rgb(var(--arcoblue-6))
diff --git a/orion-ops-ui/src/views/asset/host/components/host-config-ssh-form.vue b/orion-ops-ui/src/views/asset/host/components/host-config-ssh-form.vue
index 17d23ba9..4505088f 100644
--- a/orion-ops-ui/src/views/asset/host/components/host-config-ssh-form.vue
+++ b/orion-ops-ui/src/views/asset/host/components/host-config-ssh-form.vue
@@ -138,14 +138,16 @@
 </script>
 
 <script lang="ts" setup>
+  import type { FieldRule } from '@arco-design/web-vue';
+  import type { HostSshConfig } from '@/views/asset/host/types/host-config.types';
   import { ref, watch } from 'vue';
   import { updateHostConfigStatus, updateHostConfig } from '@/api/asset/host';
-  import { HostSshConfig, AuthTypeEnum } from '@/views/asset/host/types/host-config.types';
+  import { AuthTypeEnum } from '@/views/asset/host/types/host-config.types';
   import { sshRules } from '@/views/asset/host/types/host-config.form.rules';
   import HostKeySelector from '@/components/asset/host-key/host-key-selector.vue';
   import HostIdentitySelector from '@/components/asset/host-identity/host-identity-selector.vue';
   import { toOptions } from '@/utils/enum';
-  import { FieldRule, Message } from '@arco-design/web-vue';
+  import { Message } from '@arco-design/web-vue';
   import useLoading from '@/hooks/loading';
 
   const { loading, setLoading } = useLoading();
diff --git a/orion-ops-ui/src/views/asset/host/components/host-form-modal.vue b/orion-ops-ui/src/views/asset/host/components/host-form-modal.vue
index 2e8a5136..498eb2b5 100644
--- a/orion-ops-ui/src/views/asset/host/components/host-form-modal.vue
+++ b/orion-ops-ui/src/views/asset/host/components/host-form-modal.vue
@@ -53,11 +53,12 @@
 </script>
 
 <script lang="ts" setup>
+  import type { HostUpdateRequest } from '@/api/asset/host';
   import { ref } from 'vue';
   import useLoading from '@/hooks/loading';
   import useVisible from '@/hooks/visible';
   import formRules from '../types/host.form.rules';
-  import { createHost, updateHost, HostUpdateRequest } from '@/api/asset/host';
+  import { createHost, updateHost } from '@/api/asset/host';
   import { Message } from '@arco-design/web-vue';
   import TagMultiSelector from '@/components/meta/tag/tag-multi-selector.vue';
 
diff --git a/orion-ops-ui/src/views/asset/host/components/host-table.vue b/orion-ops-ui/src/views/asset/host/components/host-table.vue
index 21500e86..a25ebe0d 100644
--- a/orion-ops-ui/src/views/asset/host/components/host-table.vue
+++ b/orion-ops-ui/src/views/asset/host/components/host-table.vue
@@ -163,8 +163,9 @@
 </script>
 
 <script lang="ts" setup>
+  import type { HostQueryRequest, HostQueryResponse } from '@/api/asset/host';
   import { reactive, ref } from 'vue';
-  import { deleteHost, getHostPage, HostQueryRequest, HostQueryResponse } from '@/api/asset/host';
+  import { deleteHost, getHostPage } from '@/api/asset/host';
   import { Message } from '@arco-design/web-vue';
   import useLoading from '@/hooks/loading';
   import columns from '../types/host.table.columns';
diff --git a/orion-ops-ui/src/views/asset/host/types/host-config.form.rules.ts b/orion-ops-ui/src/views/asset/host/types/host-config.form.rules.ts
index 83c0f3f5..afff2adb 100644
--- a/orion-ops-ui/src/views/asset/host/types/host-config.form.rules.ts
+++ b/orion-ops-ui/src/views/asset/host/types/host-config.form.rules.ts
@@ -1,4 +1,4 @@
-import { FieldRule } from '@arco-design/web-vue';
+import type { FieldRule } from '@arco-design/web-vue';
 
 export const port = [{
   required: true,
diff --git a/orion-ops-ui/src/views/asset/host/types/host.card.fields.ts b/orion-ops-ui/src/views/asset/host/types/host.card.fields.ts
index a6fecb15..f0aa2346 100644
--- a/orion-ops-ui/src/views/asset/host/types/host.card.fields.ts
+++ b/orion-ops-ui/src/views/asset/host/types/host.card.fields.ts
@@ -1,4 +1,4 @@
-import { CardField, CardFieldConfig } from '@/types/card';
+import type { CardField, CardFieldConfig } from '@/types/card';
 
 const fieldConfig = {
   rowGap: '10px',
diff --git a/orion-ops-ui/src/views/asset/host/types/host.form.rules.ts b/orion-ops-ui/src/views/asset/host/types/host.form.rules.ts
index 00d9eece..f45d9e53 100644
--- a/orion-ops-ui/src/views/asset/host/types/host.form.rules.ts
+++ b/orion-ops-ui/src/views/asset/host/types/host.form.rules.ts
@@ -1,4 +1,4 @@
-import { FieldRule } from '@arco-design/web-vue';
+import type { FieldRule } from '@arco-design/web-vue';
 
 export const name = [{
   required: true,
diff --git a/orion-ops-ui/src/views/asset/host/types/host.table.columns.ts b/orion-ops-ui/src/views/asset/host/types/host.table.columns.ts
index 19cb9ab2..15a9eb5d 100644
--- a/orion-ops-ui/src/views/asset/host/types/host.table.columns.ts
+++ b/orion-ops-ui/src/views/asset/host/types/host.table.columns.ts
@@ -1,4 +1,4 @@
-import { TableColumnData } from '@arco-design/web-vue/es/table/interface';
+import type { TableColumnData } from '@arco-design/web-vue/es/table/interface';
 
 const columns = [
   {
diff --git a/orion-ops-ui/src/views/authentication/login/components/login-form.vue b/orion-ops-ui/src/views/authentication/login/components/login-form.vue
index 3948beb8..ca85c0cb 100644
--- a/orion-ops-ui/src/views/authentication/login/components/login-form.vue
+++ b/orion-ops-ui/src/views/authentication/login/components/login-form.vue
@@ -50,14 +50,14 @@
 </template>
 
 <script lang="ts" setup>
+  import type { ValidatedError } from '@arco-design/web-vue/es/form/interface';
+  import type { LoginRequest } from '@/api/user/auth';
   import { ref, reactive } from 'vue';
   import { useRouter } from 'vue-router';
   import { Message } from '@arco-design/web-vue';
-  import { ValidatedError } from '@arco-design/web-vue/es/form/interface';
   import { useI18n } from 'vue-i18n';
   import { useUserStore } from '@/store';
   import useLoading from '@/hooks/loading';
-  import type { LoginRequest } from '@/api/user/auth';
 
   const router = useRouter();
   const { t } = useI18n();
diff --git a/orion-ops-ui/src/views/base/redirect/index.vue b/orion-ops-ui/src/views/base/redirect/index.vue
index 59930af4..53f58888 100644
--- a/orion-ops-ui/src/views/base/redirect/index.vue
+++ b/orion-ops-ui/src/views/base/redirect/index.vue
@@ -13,4 +13,5 @@
   router.replace({ path: gotoPath });
 </script>
 
-<style scoped lang="less"></style>
+<style lang="less" scoped>
+</style>
diff --git a/orion-ops-ui/src/views/base/status/forbidden/index.vue b/orion-ops-ui/src/views/base/status/forbidden/index.vue
index d616becb..85da99ab 100644
--- a/orion-ops-ui/src/views/base/status/forbidden/index.vue
+++ b/orion-ops-ui/src/views/base/status/forbidden/index.vue
@@ -31,7 +31,7 @@
   };
 </script>
 
-<style scoped lang="less">
+<style lang="less" scoped>
   .content {
     // padding-top: 100px;
     position: absolute;
diff --git a/orion-ops-ui/src/views/base/status/not-found/index.vue b/orion-ops-ui/src/views/base/status/not-found/index.vue
index f0cde13e..cac9e772 100644
--- a/orion-ops-ui/src/views/base/status/not-found/index.vue
+++ b/orion-ops-ui/src/views/base/status/not-found/index.vue
@@ -31,7 +31,7 @@
   };
 </script>
 
-<style scoped lang="less">
+<style lang="less" scoped>
   .content {
     // padding-top: 100px;
     position: absolute;
diff --git a/orion-ops-ui/src/views/dashboard/workplace/components/announcement.vue b/orion-ops-ui/src/views/dashboard/workplace/components/announcement.vue
index e1d1a13b..415ee441 100644
--- a/orion-ops-ui/src/views/dashboard/workplace/components/announcement.vue
+++ b/orion-ops-ui/src/views/dashboard/workplace/components/announcement.vue
@@ -49,13 +49,14 @@
   ];
 </script>
 
-<style scoped lang="less">
+<style lang="less" scoped>
   .item {
     display: flex;
     align-items: center;
     width: 100%;
     height: 24px;
     margin-bottom: 4px;
+
     .item-content {
       flex: 1;
       overflow: hidden;
diff --git a/orion-ops-ui/src/views/dashboard/workplace/components/banner.vue b/orion-ops-ui/src/views/dashboard/workplace/components/banner.vue
index 55941725..9f50ea81 100644
--- a/orion-ops-ui/src/views/dashboard/workplace/components/banner.vue
+++ b/orion-ops-ui/src/views/dashboard/workplace/components/banner.vue
@@ -21,7 +21,7 @@
   });
 </script>
 
-<style scoped lang="less">
+<style lang="less" scoped>
   .banner {
     width: 100%;
     padding: 20px 20px 0 20px;
diff --git a/orion-ops-ui/src/views/dashboard/workplace/components/categories-percent.vue b/orion-ops-ui/src/views/dashboard/workplace/components/categories-percent.vue
index cbab4e33..0d02b636 100644
--- a/orion-ops-ui/src/views/dashboard/workplace/components/categories-percent.vue
+++ b/orion-ops-ui/src/views/dashboard/workplace/components/categories-percent.vue
@@ -111,4 +111,5 @@
   });
 </script>
 
-<style scoped lang="less"></style>
+<style lang="less" scoped>
+</style>
diff --git a/orion-ops-ui/src/views/dashboard/workplace/components/content-chart.vue b/orion-ops-ui/src/views/dashboard/workplace/components/content-chart.vue
index 98da70d9..8edd4c13 100644
--- a/orion-ops-ui/src/views/dashboard/workplace/components/content-chart.vue
+++ b/orion-ops-ui/src/views/dashboard/workplace/components/content-chart.vue
@@ -17,13 +17,14 @@
 </template>
 
 <script lang="ts" setup>
+  import type { ToolTipFormatterParams } from '@/types/echarts';
+  import type { AnyObject } from '@/types/global';
+  import type { ContentDataRecord } from '@/api/dashboard';
   import { ref } from 'vue';
   import { graphic } from 'echarts';
   import useLoading from '@/hooks/loading';
-  import { queryContentData, ContentDataRecord } from '@/api/dashboard';
+  import { queryContentData } from '@/api/dashboard';
   import useChartOption from '@/hooks/chart-option';
-  import { ToolTipFormatterParams } from '@/types/echarts';
-  import { AnyObject } from '@/types/global';
 
   function graphicFactory(side: AnyObject) {
     return {
@@ -38,6 +39,7 @@
       },
     };
   }
+
   const { loading, setLoading } = useLoading(true);
   const xAxis = ref<string[]>([]);
   const chartsData = ref<number[]>([]);
@@ -117,8 +119,8 @@
           return `<div>
             <p class="tooltip-title">${firstElement.axisValueLabel}</p>
             <div class="content-panel"><span>总内容量</span><span class="tooltip-value">${(
-              Number(firstElement.value) * 10000
-            ).toLocaleString()}</span></div>
+            Number(firstElement.value) * 10000
+          ).toLocaleString()}</span></div>
           </div>`;
         },
         className: 'echarts-tooltip-diy',
@@ -197,4 +199,5 @@
   fetchData();
 </script>
 
-<style scoped lang="less"></style>
+<style lang="less" scoped>
+</style>
diff --git a/orion-ops-ui/src/views/dashboard/workplace/components/data-panel.vue b/orion-ops-ui/src/views/dashboard/workplace/components/data-panel.vue
index 43d89994..89b8dc92 100644
--- a/orion-ops-ui/src/views/dashboard/workplace/components/data-panel.vue
+++ b/orion-ops-ui/src/views/dashboard/workplace/components/data-panel.vue
@@ -90,9 +90,10 @@
           :value="2.8"
           :precision="1"
           :value-from="0"
-          animation
-        >
-          <template #suffix> % <icon-caret-up class="up-icon" /> </template>
+          animation>
+          <template #suffix> %
+            <icon-caret-up class="up-icon" />
+          </template>
         </a-statistic>
       </a-space>
     </a-grid-item>
@@ -102,29 +103,35 @@
   </a-grid>
 </template>
 
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+</script>
 
 <style lang="less" scoped>
   .arco-grid.panel {
     margin-bottom: 0;
     padding: 16px 20px 0 20px;
   }
+
   .panel-col {
     padding-left: 43px;
     border-right: 1px solid rgb(var(--gray-2));
   }
+
   .col-avatar {
     margin-right: 12px;
     background-color: var(--color-fill-2);
   }
+
   .up-icon {
     color: rgb(var(--red-6));
   }
+
   .unit {
     margin-left: 8px;
     color: rgb(var(--gray-8));
     font-size: 12px;
   }
+
   :deep(.panel-border) {
     margin: 4px 0 0 0;
   }
diff --git a/orion-ops-ui/src/views/dashboard/workplace/components/popular-content.vue b/orion-ops-ui/src/views/dashboard/workplace/components/popular-content.vue
index 860ba1d8..13254964 100644
--- a/orion-ops-ui/src/views/dashboard/workplace/components/popular-content.vue
+++ b/orion-ops-ui/src/views/dashboard/workplace/components/popular-content.vue
@@ -73,10 +73,10 @@
 </template>
 
 <script lang="ts" setup>
+  import type { TableData } from '@arco-design/web-vue/es/table/interface';
   import { ref } from 'vue';
   import useLoading from '@/hooks/loading';
   import { queryPopularList } from '@/api/dashboard';
-  import type { TableData } from '@arco-design/web-vue/es/table/interface';
 
   const type = ref('text');
   const { loading, setLoading } = useLoading();
@@ -98,19 +98,23 @@
   fetchData('text');
 </script>
 
-<style scoped lang="less">
+<style lang="less" scoped>
   .general-card {
     min-height: 395px;
   }
+
   :deep(.arco-table-tr) {
     height: 44px;
+
     .arco-typography {
       margin-bottom: 0;
     }
   }
+
   .increases-cell {
     display: flex;
     align-items: center;
+
     span {
       margin-right: 4px;
     }
diff --git a/orion-ops-ui/src/views/dashboard/workplace/components/quick-operation.vue b/orion-ops-ui/src/views/dashboard/workplace/components/quick-operation.vue
index fad1a21a..65e064cf 100644
--- a/orion-ops-ui/src/views/dashboard/workplace/components/quick-operation.vue
+++ b/orion-ops-ui/src/views/dashboard/workplace/components/quick-operation.vue
@@ -32,4 +32,5 @@
   ];
 </script>
 
-<style scoped lang="less"></style>
+<style lang="less" scoped>
+</style>
diff --git a/orion-ops-ui/src/views/dashboard/workplace/mock.ts b/orion-ops-ui/src/views/dashboard/workplace/mock.ts
index 00ffb4ac..ef436f41 100644
--- a/orion-ops-ui/src/views/dashboard/workplace/mock.ts
+++ b/orion-ops-ui/src/views/dashboard/workplace/mock.ts
@@ -1,7 +1,7 @@
+import type { GetParams } from '@/types/global';
 import Mock from 'mockjs';
 import qs from 'query-string';
 import dayjs from 'dayjs';
-import { GetParams } from '@/types/global';
 import setupMock, { successResponseWrap } from '@/utils/setup-mock';
 
 const textList = [
diff --git a/orion-ops-ui/src/views/system/dict-key/components/dict-key-form-modal.vue b/orion-ops-ui/src/views/system/dict-key/components/dict-key-form-modal.vue
index 205a0564..191609c9 100644
--- a/orion-ops-ui/src/views/system/dict-key/components/dict-key-form-modal.vue
+++ b/orion-ops-ui/src/views/system/dict-key/components/dict-key-form-modal.vue
@@ -92,13 +92,15 @@
 </script>
 
 <script lang="ts" setup>
+  import type { DictKeyUpdateRequest } from '@/api/system/dict-key';
+  import type { ExtraParamType } from '../types/const';
   import { ref } from 'vue';
   import useLoading from '@/hooks/loading';
   import useVisible from '@/hooks/visible';
   import formRules from '../types/form.rules';
-  import { createDictKey, updateDictKey, DictKeyUpdateRequest } from '@/api/system/dict-key';
   import { Message } from '@arco-design/web-vue';
-  import { definedExtraKeys, innerKeys, ExtraParamType } from '../types/const';
+  import { createDictKey, updateDictKey } from '@/api/system/dict-key';
+  import { definedExtraKeys, innerKeys } from '../types/const';
   import { ValueTypeEnum } from '../types/enum.types';
   import { toOptions } from '@/utils/enum';
 
diff --git a/orion-ops-ui/src/views/system/dict-key/components/dict-key-table.vue b/orion-ops-ui/src/views/system/dict-key/components/dict-key-table.vue
index a081d03b..f4c069e1 100644
--- a/orion-ops-ui/src/views/system/dict-key/components/dict-key-table.vue
+++ b/orion-ops-ui/src/views/system/dict-key/components/dict-key-table.vue
@@ -55,7 +55,7 @@
              :bordered="false">
       <!-- 配置值类型 -->
       <template #valueType="{ record }">
-        <a-tag :color="getEnumValue(record.valueType, ValueTypeEnum,'color')">
+        <a-tag :color="getEnumValue(record.valueType, ValueTypeEnum, 'color')">
           {{ getEnumValue(record.valueType, ValueTypeEnum) }}
         </a-tag>
       </template>
@@ -64,7 +64,7 @@
         <template v-if="record.extraSchema">
           <a-space>
             <template v-for="item in JSON.parse(record.extraSchema)" :key="item.name">
-              <a-tag :color="getEnumValue(item.type, ValueTypeEnum,'color')">
+              <a-tag :color="getEnumValue(item.type, ValueTypeEnum, 'color')">
                 {{ item.name }}
               </a-tag>
             </template>
@@ -115,8 +115,9 @@
 </script>
 
 <script lang="ts" setup>
+  import type { DictKeyQueryRequest, DictKeyQueryResponse } from '@/api/system/dict-key';
   import { reactive, ref } from 'vue';
-  import { batchDeleteDictKey, deleteDictKey, getDictKeyPage, DictKeyQueryRequest, DictKeyQueryResponse } from '@/api/system/dict-key';
+  import { batchDeleteDictKey, deleteDictKey, getDictKeyPage } from '@/api/system/dict-key';
   import { Message } from '@arco-design/web-vue';
   import useLoading from '@/hooks/loading';
   import columns from '../types/table.columns';
diff --git a/orion-ops-ui/src/views/system/dict-key/types/form.rules.ts b/orion-ops-ui/src/views/system/dict-key/types/form.rules.ts
index 8e1328ca..32c96022 100644
--- a/orion-ops-ui/src/views/system/dict-key/types/form.rules.ts
+++ b/orion-ops-ui/src/views/system/dict-key/types/form.rules.ts
@@ -1,4 +1,4 @@
-import { FieldRule } from '@arco-design/web-vue';
+import type { FieldRule } from '@arco-design/web-vue';
 
 export const keyName = [{
   required: true,
diff --git a/orion-ops-ui/src/views/system/dict-key/types/table.columns.ts b/orion-ops-ui/src/views/system/dict-key/types/table.columns.ts
index a76026af..36d73a54 100644
--- a/orion-ops-ui/src/views/system/dict-key/types/table.columns.ts
+++ b/orion-ops-ui/src/views/system/dict-key/types/table.columns.ts
@@ -1,4 +1,4 @@
-import { TableColumnData } from '@arco-design/web-vue/es/table/interface';
+import type { TableColumnData } from '@arco-design/web-vue/es/table/interface';
 
 const columns = [
   {
diff --git a/orion-ops-ui/src/views/system/dict-value/components/dict-value-form-modal.vue b/orion-ops-ui/src/views/system/dict-value/components/dict-value-form-modal.vue
index 03db466f..f463ebd4 100644
--- a/orion-ops-ui/src/views/system/dict-value/components/dict-value-form-modal.vue
+++ b/orion-ops-ui/src/views/system/dict-value/components/dict-value-form-modal.vue
@@ -88,11 +88,12 @@
 </script>
 
 <script lang="ts" setup>
+  import type { DictValueUpdateRequest } from '@/api/system/dict-value';
   import { ref } from 'vue';
   import useLoading from '@/hooks/loading';
   import useVisible from '@/hooks/visible';
   import formRules from '../types/form.rules';
-  import { createDictValue, updateDictValue, DictValueUpdateRequest } from '@/api/system/dict-value';
+  import { createDictValue, updateDictValue } from '@/api/system/dict-value';
   import { Message } from '@arco-design/web-vue';
   import { ExtraParamType, innerKeys } from '../../dict-key/types/const';
   import { ValueTypeEnum } from '../../dict-key/types/enum.types';
diff --git a/orion-ops-ui/src/views/system/dict-value/components/dict-value-table.vue b/orion-ops-ui/src/views/system/dict-value/components/dict-value-table.vue
index 95b9dfb5..717f93d2 100644
--- a/orion-ops-ui/src/views/system/dict-value/components/dict-value-table.vue
+++ b/orion-ops-ui/src/views/system/dict-value/components/dict-value-table.vue
@@ -134,15 +134,13 @@
 </script>
 
 <script lang="ts" setup>
+  import type { DictValueQueryRequest, DictValueQueryResponse } from '@/api/system/dict-value';
   import { reactive, ref } from 'vue';
-  import { batchDeleteDictValue, deleteDictValue, getDictValuePage, DictValueQueryRequest, DictValueQueryResponse } from '@/api/system/dict-value';
+  import { batchDeleteDictValue, deleteDictValue, getDictValuePage } from '@/api/system/dict-value';
   import { Message } from '@arco-design/web-vue';
   import useLoading from '@/hooks/loading';
   import columns from '../types/table.columns';
   import { usePagination, useRowSelection } from '@/types/table';
-  import {} from '../types/const';
-  import {} from '../types/enum.types';
-  import { toOptions, getEnumValue } from '@/utils/enum';
   import useCopy from '@/hooks/copy';
   import DictKeySelector from '@/components/system/dict-key/dict-key-selector.vue';
 
diff --git a/orion-ops-ui/src/views/system/dict-value/index.vue b/orion-ops-ui/src/views/system/dict-value/index.vue
index 7f55a588..01663eae 100644
--- a/orion-ops-ui/src/views/system/dict-value/index.vue
+++ b/orion-ops-ui/src/views/system/dict-value/index.vue
@@ -24,7 +24,6 @@
   import { onUnmounted, ref } from 'vue';
   import { useCacheStore } from '@/store';
   import { getDictKeyList } from '@/api/system/dict-key';
-  import { getTagList } from '@/api/meta/tag';
   import { Message } from '@arco-design/web-vue';
 
   const table = ref();
diff --git a/orion-ops-ui/src/views/system/dict-value/types/form.rules.ts b/orion-ops-ui/src/views/system/dict-value/types/form.rules.ts
index 99757a10..74086a10 100644
--- a/orion-ops-ui/src/views/system/dict-value/types/form.rules.ts
+++ b/orion-ops-ui/src/views/system/dict-value/types/form.rules.ts
@@ -1,4 +1,4 @@
-import { FieldRule } from '@arco-design/web-vue';
+import type { FieldRule } from '@arco-design/web-vue';
 
 export const keyId = [{
   required: true,
diff --git a/orion-ops-ui/src/views/system/dict-value/types/table.columns.ts b/orion-ops-ui/src/views/system/dict-value/types/table.columns.ts
index 77c5a44b..6fe73e21 100644
--- a/orion-ops-ui/src/views/system/dict-value/types/table.columns.ts
+++ b/orion-ops-ui/src/views/system/dict-value/types/table.columns.ts
@@ -1,4 +1,4 @@
-import { TableColumnData } from '@arco-design/web-vue/es/table/interface';
+import type { TableColumnData } from '@arco-design/web-vue/es/table/interface';
 import { dateFormat } from '@/utils';
 
 const columns = [
diff --git a/orion-ops-ui/src/views/system/menu/components/menu-form-modal.vue b/orion-ops-ui/src/views/system/menu/components/menu-form-modal.vue
index 87fc6ddc..bde2fef7 100644
--- a/orion-ops-ui/src/views/system/menu/components/menu-form-modal.vue
+++ b/orion-ops-ui/src/views/system/menu/components/menu-form-modal.vue
@@ -118,7 +118,8 @@
 </script>
 
 <script lang="ts" setup>
-  import { reactive, ref, watch } from 'vue';
+  import type { MenuUpdateRequest } from '@/api/system/menu';
+  import { ref, watch } from 'vue';
   import useLoading from '@/hooks/loading';
   import useVisible from '@/hooks/visible';
   import formRules from '../types/form.rules';
@@ -127,7 +128,7 @@
   import { toOptions } from '@/utils/enum';
   import IconPicker from '@sanqi377/arco-vue-icon-picker';
   import MenuTreeSelector from './menu-tree-selector.vue';
-  import { createMenu, updateMenu, MenuUpdateRequest } from '@/api/system/menu';
+  import { createMenu, updateMenu } from '@/api/system/menu';
   import { Message } from '@arco-design/web-vue';
 
   const { visible, setVisible } = useVisible();
diff --git a/orion-ops-ui/src/views/system/menu/components/menu-table.vue b/orion-ops-ui/src/views/system/menu/components/menu-table.vue
index c994d452..e9fd80a4 100644
--- a/orion-ops-ui/src/views/system/menu/components/menu-table.vue
+++ b/orion-ops-ui/src/views/system/menu/components/menu-table.vue
@@ -111,12 +111,12 @@
                         :content="`确定要将当前节点以及所有子节点改为${toggleEnumValue(record.status, MenuStatusEnum, 'label')}?`"
                         @ok="updateStatus(record.id, toggleEnumValue(record.status, MenuStatusEnum))">
             <a-tooltip content="点击切换状态">
-              <a-tag :color="getEnumValue(record.status, MenuStatusEnum,'color')" class="pointer">
+              <a-tag :color="getEnumValue(record.status, MenuStatusEnum, 'color')" class="pointer">
                 {{ getEnumValue(record.status, MenuStatusEnum) }}
               </a-tag>
             </a-tooltip>
           </a-popconfirm>
-          <a-tag v-else :color="getEnumValue(record.status, MenuStatusEnum,'color')">
+          <a-tag v-else :color="getEnumValue(record.status, MenuStatusEnum, 'color')">
             {{ getEnumValue(record.status, MenuStatusEnum) }}
           </a-tag>
           <!-- 显示状态 -->
@@ -127,14 +127,14 @@
                         @ok="updateVisible(record.id, toggleEnumValue(record.visible, MenuVisibleEnum))">
             <a-tooltip content="点击切换状态">
               <a-tag v-if="(record.visible || record.visible === 0) && record.type !== MenuTypeEnum.FUNCTION.value"
-                     :color="getEnumValue(record.visible, MenuVisibleEnum,'color')"
+                     :color="getEnumValue(record.visible, MenuVisibleEnum, 'color')"
                      class="pointer">
                 {{ getEnumValue(record.visible, MenuVisibleEnum) }}
               </a-tag>
             </a-tooltip>
           </a-popconfirm>
           <a-tag v-else-if="(record.visible || record.visible === 0) && record.type !== MenuTypeEnum.FUNCTION.value"
-                 :color="getEnumValue(record.visible, MenuVisibleEnum,'color')">
+                 :color="getEnumValue(record.visible, MenuVisibleEnum, 'color')">
             {{ getEnumValue(record.visible, MenuVisibleEnum) }}
           </a-tag>
         </a-space>
@@ -181,9 +181,10 @@
 </script>
 
 <script lang="ts" setup>
-  import { reactive, ref, onUnmounted } from 'vue';
+  import type { MenuQueryRequest, MenuQueryResponse } from '@/api/system/menu';
+  import { reactive, ref } from 'vue';
   import useLoading from '@/hooks/loading';
-  import { getMenuList, deleteMenu, updateMenuStatus, initCache, MenuQueryRequest, MenuQueryResponse } from '@/api/system/menu';
+  import { getMenuList, deleteMenu, updateMenuStatus, initCache } from '@/api/system/menu';
   import { toOptions, getEnumValue, toggleEnumValue } from '@/utils/enum';
   import { MenuStatusEnum, MenuVisibleEnum, MenuTypeEnum } from '../types/enum.types';
   import columns from '../types/table.columns';
diff --git a/orion-ops-ui/src/views/system/menu/components/menu-tree-selector.vue b/orion-ops-ui/src/views/system/menu/components/menu-tree-selector.vue
index d620582c..7fb9db66 100644
--- a/orion-ops-ui/src/views/system/menu/components/menu-tree-selector.vue
+++ b/orion-ops-ui/src/views/system/menu/components/menu-tree-selector.vue
@@ -14,9 +14,9 @@
 </script>
 
 <script lang="ts" setup>
+  import type { TreeNodeData } from '@arco-design/web-vue';
   import { useCacheStore } from '@/store';
   import { computed } from 'vue';
-  import { TreeNodeData } from '@arco-design/web-vue';
 
   const props = defineProps({
     modelValue: Number,
diff --git a/orion-ops-ui/src/views/system/menu/types/form.rules.ts b/orion-ops-ui/src/views/system/menu/types/form.rules.ts
index 40ff9b92..8a2e875f 100644
--- a/orion-ops-ui/src/views/system/menu/types/form.rules.ts
+++ b/orion-ops-ui/src/views/system/menu/types/form.rules.ts
@@ -1,4 +1,4 @@
-import { FieldRule } from '@arco-design/web-vue';
+import type { FieldRule } from '@arco-design/web-vue';
 
 export const parentId = [{
   required: true,
diff --git a/orion-ops-ui/src/views/system/menu/types/table.columns.ts b/orion-ops-ui/src/views/system/menu/types/table.columns.ts
index 6503f527..f692772b 100644
--- a/orion-ops-ui/src/views/system/menu/types/table.columns.ts
+++ b/orion-ops-ui/src/views/system/menu/types/table.columns.ts
@@ -1,4 +1,4 @@
-import { TableColumnData } from '@arco-design/web-vue/es/table/interface';
+import type { TableColumnData } from '@arco-design/web-vue/es/table/interface';
 
 const columns = [
   {
diff --git a/orion-ops-ui/src/views/user/mine/index.vue b/orion-ops-ui/src/views/user/mine/index.vue
index 645a0eb1..c62bac12 100644
--- a/orion-ops-ui/src/views/user/mine/index.vue
+++ b/orion-ops-ui/src/views/user/mine/index.vue
@@ -36,9 +36,9 @@
 </template>
 
 <script lang="ts" setup>
+  import type { UserUpdateRequest } from '@/api/user/user';
   import useLoading from '@/hooks/loading';
   import { ref } from 'vue';
-  import { UserUpdateRequest } from '@/api/user/user';
   import formRules from '../user/types/form.rules';
 
   const { loading, setLoading } = useLoading();
diff --git a/orion-ops-ui/src/views/user/role/components/role-form-modal.vue b/orion-ops-ui/src/views/user/role/components/role-form-modal.vue
index f627d782..33bb3450 100644
--- a/orion-ops-ui/src/views/user/role/components/role-form-modal.vue
+++ b/orion-ops-ui/src/views/user/role/components/role-form-modal.vue
@@ -40,11 +40,12 @@
 </script>
 
 <script lang="ts" setup>
+  import type { RoleUpdateRequest } from '@/api/user/role';
   import { ref } from 'vue';
   import useLoading from '@/hooks/loading';
   import useVisible from '@/hooks/visible';
   import formRules from '../types/form.rules';
-  import { createRole, updateRole, RoleUpdateRequest, } from '@/api/user/role';
+  import { createRole, updateRole } from '@/api/user/role';
   import { Message } from '@arco-design/web-vue';
 
   const { visible, setVisible } = useVisible();
diff --git a/orion-ops-ui/src/views/user/role/components/role-menu-grant-modal.vue b/orion-ops-ui/src/views/user/role/components/role-menu-grant-modal.vue
index a13980fa..1340206d 100644
--- a/orion-ops-ui/src/views/user/role/components/role-menu-grant-modal.vue
+++ b/orion-ops-ui/src/views/user/role/components/role-menu-grant-modal.vue
@@ -43,10 +43,11 @@
 </script>
 
 <script lang="ts" setup>
+  import type { RoleGrantMenuRequest, RoleQueryResponse } from '@/api/user/role';
   import { ref } from 'vue';
   import useLoading from '@/hooks/loading';
   import useVisible from '@/hooks/visible';
-  import { getRoleMenuId, grantRoleMenu, RoleGrantMenuRequest, RoleQueryResponse } from '@/api/user/role';
+  import { getRoleMenuId, grantRoleMenu } from '@/api/user/role';
   import { Message } from '@arco-design/web-vue';
   import { useCacheStore } from '@/store';
   import { getMenuList } from '@/api/system/menu';
diff --git a/orion-ops-ui/src/views/user/role/components/role-table.vue b/orion-ops-ui/src/views/user/role/components/role-table.vue
index fcac5435..1eb2d273 100644
--- a/orion-ops-ui/src/views/user/role/components/role-table.vue
+++ b/orion-ops-ui/src/views/user/role/components/role-table.vue
@@ -67,7 +67,7 @@
       <!-- 状态 -->
       <template #status="{ record }">
         <span class="circle" :style="{
-          background: getEnumValue(record.status, RoleStatusEnum,'color')
+          background: getEnumValue(record.status, RoleStatusEnum, 'color')
         }" />
         {{ getEnumValue(record.status, RoleStatusEnum) }}
       </template>
@@ -128,8 +128,9 @@
 </script>
 
 <script lang="ts" setup>
+  import type { RoleQueryRequest, RoleQueryResponse } from '@/api/user/role';
   import { reactive, ref } from 'vue';
-  import { deleteRole, getRolePage, updateRoleStatus, RoleQueryRequest, RoleQueryResponse } from '@/api/user/role';
+  import { deleteRole, getRolePage, updateRoleStatus } from '@/api/user/role';
   import { Message } from '@arco-design/web-vue';
   import useLoading from '@/hooks/loading';
   import columns from '../types/table.columns';
diff --git a/orion-ops-ui/src/views/user/role/types/form.rules.ts b/orion-ops-ui/src/views/user/role/types/form.rules.ts
index 91d2209d..b31a0c70 100644
--- a/orion-ops-ui/src/views/user/role/types/form.rules.ts
+++ b/orion-ops-ui/src/views/user/role/types/form.rules.ts
@@ -1,4 +1,4 @@
-import { FieldRule } from '@arco-design/web-vue';
+import type { FieldRule } from '@arco-design/web-vue';
 
 export const name = [{
   required: true,
diff --git a/orion-ops-ui/src/views/user/role/types/table.columns.ts b/orion-ops-ui/src/views/user/role/types/table.columns.ts
index ba04afba..82e51384 100644
--- a/orion-ops-ui/src/views/user/role/types/table.columns.ts
+++ b/orion-ops-ui/src/views/user/role/types/table.columns.ts
@@ -1,4 +1,4 @@
-import { TableColumnData } from '@arco-design/web-vue/es/table/interface';
+import type { TableColumnData } from '@arco-design/web-vue/es/table/interface';
 import { dateFormat } from '@/utils';
 
 const columns = [
diff --git a/orion-ops-ui/src/views/user/user/components/user-form-modal.vue b/orion-ops-ui/src/views/user/user/components/user-form-modal.vue
index 1217a6ac..ea43ab27 100644
--- a/orion-ops-ui/src/views/user/user/components/user-form-modal.vue
+++ b/orion-ops-ui/src/views/user/user/components/user-form-modal.vue
@@ -54,11 +54,12 @@
 </script>
 
 <script lang="ts" setup>
+  import type { UserUpdateRequest } from '@/api/user/user';
   import { ref } from 'vue';
   import useLoading from '@/hooks/loading';
   import useVisible from '@/hooks/visible';
   import formRules from '../types/form.rules';
-  import { createUser, updateUser, UserUpdateRequest } from '@/api/user/user';
+  import { createUser, updateUser } from '@/api/user/user';
   import { Message } from '@arco-design/web-vue';
   import { md5 } from '@/utils';
 
diff --git a/orion-ops-ui/src/views/user/user/components/user-grant-roles-form-modal.vue b/orion-ops-ui/src/views/user/user/components/user-grant-roles-form-modal.vue
index b56d07d1..e2b459c8 100644
--- a/orion-ops-ui/src/views/user/user/components/user-grant-roles-form-modal.vue
+++ b/orion-ops-ui/src/views/user/user/components/user-grant-roles-form-modal.vue
@@ -45,6 +45,7 @@
 </script>
 
 <script lang="ts" setup>
+  import type { UserQueryResponse, UserUpdateRequest } from '@/api/user/user';
   import { ref } from 'vue';
   import useLoading from '@/hooks/loading';
   import useVisible from '@/hooks/visible';
@@ -52,7 +53,7 @@
   import UserRoleSelector from '@/components/user/role/user-role-selector.vue';
   import { getRoleList } from '@/api/user/role';
   import { useCacheStore } from '@/store';
-  import { getUserRoleIdList, grantUserRole, UserQueryResponse, UserUpdateRequest } from '@/api/user/user';
+  import { getUserRoleIdList, grantUserRole } from '@/api/user/user';
 
   const { visible, setVisible } = useVisible();
   const { loading: saveLoading, setLoading: setSaveLoading } = useLoading();
diff --git a/orion-ops-ui/src/views/user/user/components/user-reset-password-form-modal.vue b/orion-ops-ui/src/views/user/user/components/user-reset-password-form-modal.vue
index 13a9d041..81a42ec1 100644
--- a/orion-ops-ui/src/views/user/user/components/user-reset-password-form-modal.vue
+++ b/orion-ops-ui/src/views/user/user/components/user-reset-password-form-modal.vue
@@ -43,11 +43,12 @@
 </script>
 
 <script lang="ts" setup>
+  import type { UserQueryResponse, UserUpdateRequest } from '@/api/user/user';
   import { ref } from 'vue';
   import useLoading from '@/hooks/loading';
   import useVisible from '@/hooks/visible';
   import { password } from '../types/form.rules';
-  import { resetUserPassword, UserQueryResponse, UserUpdateRequest } from '@/api/user/user';
+  import { resetUserPassword } from '@/api/user/user';
   import { Message } from '@arco-design/web-vue';
   import { md5 } from '@/utils';
 
diff --git a/orion-ops-ui/src/views/user/user/components/user-table.vue b/orion-ops-ui/src/views/user/user/components/user-table.vue
index 1f5ce4b4..eb058e95 100644
--- a/orion-ops-ui/src/views/user/user/components/user-table.vue
+++ b/orion-ops-ui/src/views/user/user/components/user-table.vue
@@ -78,7 +78,7 @@
       <!-- 状态 -->
       <template #status="{ record }">
         <span class="circle" :style="{
-          background: getEnumValue(record.status, UserStatusEnum,'color')
+          background: getEnumValue(record.status, UserStatusEnum, 'color')
         }" />
         {{ getEnumValue(record.status, UserStatusEnum) }}
       </template>
@@ -150,8 +150,9 @@
 </script>
 
 <script lang="ts" setup>
+  import type { UserQueryRequest, UserQueryResponse } from '@/api/user/user';
   import { reactive, ref } from 'vue';
-  import { deleteUser, getUserPage, updateUserStatus, UserQueryRequest, UserQueryResponse } from '@/api/user/user';
+  import { deleteUser, getUserPage, updateUserStatus } from '@/api/user/user';
   import { Message } from '@arco-design/web-vue';
   import useLoading from '@/hooks/loading';
   import columns from '../types/table.columns';
diff --git a/orion-ops-ui/src/views/user/user/types/form.rules.ts b/orion-ops-ui/src/views/user/user/types/form.rules.ts
index b4c7472b..06d94ab6 100644
--- a/orion-ops-ui/src/views/user/user/types/form.rules.ts
+++ b/orion-ops-ui/src/views/user/user/types/form.rules.ts
@@ -1,4 +1,4 @@
-import { FieldRule } from '@arco-design/web-vue';
+import type { FieldRule } from '@arco-design/web-vue';
 
 export const username = [{
   required: true,
diff --git a/orion-ops-ui/src/views/user/user/types/table.columns.ts b/orion-ops-ui/src/views/user/user/types/table.columns.ts
index 33d9d164..0c83d426 100644
--- a/orion-ops-ui/src/views/user/user/types/table.columns.ts
+++ b/orion-ops-ui/src/views/user/user/types/table.columns.ts
@@ -1,4 +1,4 @@
-import { TableColumnData } from '@arco-design/web-vue/es/table/interface';
+import type { TableColumnData } from '@arco-design/web-vue/es/table/interface';
 import { dateFormat } from '@/utils';
 
 const columns = [