diff --git a/docs/about/change-log.md b/docs/about/change-log.md
index 7ee54c36..c92d24dc 100644
--- a/docs/about/change-log.md
+++ b/docs/about/change-log.md
@@ -7,7 +7,8 @@
 🐞 修复 SFTP 加载失败后一直 loading  
 🐞 修复 SSH 配置未启用还可以连接    
 🐞 修复 主机配置保存后无法修改状态  
-🔨 修改 菜单路由地址简化  
+🔨 修改 菜单路由命名逻辑修改      
+🔨 优化 前端组件命名规范化        
 
 [如何升级](/about/update.md?id=_v102)
 
diff --git a/orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/java/com/orion/ops/framework/mybatis/core/generator/core/CodeGenerator.java b/orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/java/com/orion/ops/framework/mybatis/core/generator/core/CodeGenerator.java
index eabfd817..bb85f65d 100644
--- a/orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/java/com/orion/ops/framework/mybatis/core/generator/core/CodeGenerator.java
+++ b/orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/java/com/orion/ops/framework/mybatis/core/generator/core/CodeGenerator.java
@@ -346,7 +346,7 @@ public class CodeGenerator implements Executable {
                 // api 文件
                 new String[]{"/templates/orion-vue-api.ts.vm", "${feature}.ts", "vue/api/${module}"},
                 // router 文件
-                new String[]{"/templates/orion-vue-router.ts.vm", "${module}.${feature}.ts", "vue/router/routes/modules"},
+                new String[]{"/templates/orion-vue-router.ts.vm", "${feature}.ts", "vue/router/routes/modules"},
                 // views index.ts 文件
                 new String[]{"/templates/orion-vue-views-index.vue.vm", "index.vue", "vue/views/${module}/${feature}"},
                 // form-modal.vue 文件
diff --git a/orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/resources/templates/orion-sql-menu.sql.vm b/orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/resources/templates/orion-sql-menu.sql.vm
index a6cbc96a..6514b77a 100644
--- a/orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/resources/templates/orion-sql-menu.sql.vm
+++ b/orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/resources/templates/orion-sql-menu.sql.vm
@@ -2,9 +2,9 @@
 
 -- 父菜单
 INSERT INTO system_menu
-  (parent_id, name, type, sort, visible, status, cache, component)
+  (parent_id, name, type, sort, visible, status, cache)
 VALUES
-  (0, '${table.comment}管理', 1, 10, 1, 1, 1, '$vue.moduleEntityFirstLower');
+  (0, '${table.comment}管理', 1, 10, 1, 1, 1);
 
 -- 设置临时父菜单id
 SELECT @TMP_PARENT_ID:=LAST_INSERT_ID();
@@ -13,7 +13,7 @@ SELECT @TMP_PARENT_ID:=LAST_INSERT_ID();
 INSERT INTO system_menu
   (parent_id, name, type, sort, visible, status, cache, component)
 VALUES
-  (@TMP_PARENT_ID, '$table.comment', 2, 10, 1, 1, 1, '$vue.moduleEntityFirstLower$vue.featureEntity');
+  (@TMP_PARENT_ID, '$table.comment', 2, 10, 1, 1, 1, '$vue.featureEntityFirstLower');
 
 -- 设置临时子菜单id
 SELECT @TMP_SUB_ID:=LAST_INSERT_ID();
diff --git a/orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-router.ts.vm b/orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-router.ts.vm
index 6959c09e..83bde468 100644
--- a/orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-router.ts.vm
+++ b/orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-router.ts.vm
@@ -2,12 +2,12 @@ import type { AppRouteRecordRaw } from '../types';
 import { DEFAULT_LAYOUT } from '../base';
 
 const $vue.moduleConst: AppRouteRecordRaw = {
-  name: '$vue.moduleEntityFirstLower',
+  name: '${vue.moduleEntityFirstLower}Module',
   component: DEFAULT_LAYOUT,
   children: [
     {
-      name: '$vue.moduleEntityFirstLower$vue.featureEntity',
-      path: '/$vue.module-$vue.feature',
+      name: '$vue.featureEntityFirstLower',
+      path: '/$vue.feature',
       component: () => import('@/views/$vue.module/$vue.feature/index.vue'),
     },
   ],
diff --git a/orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-components-card-list.vue.vm b/orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-components-card-list.vue.vm
index e4bd436e..7bf3e7be 100644
--- a/orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-components-card-list.vue.vm
+++ b/orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-components-card-list.vue.vm
@@ -111,7 +111,7 @@
 
 <script lang="ts">
   export default {
-    name: '${vue.moduleEntityFirstLower}${vue.featureEntity}CardList'
+    name: '${vue.featureEntityFirstLower}CardList'
   };
 </script>
 
diff --git a/orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-components-form-drawer.vue.vm b/orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-components-form-drawer.vue.vm
index 437a9410..fc77d615 100644
--- a/orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-components-form-drawer.vue.vm
+++ b/orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-components-form-drawer.vue.vm
@@ -50,7 +50,7 @@
 
 <script lang="ts">
   export default {
-    name: '${vue.moduleEntityFirstLower}${vue.featureEntity}FormDrawer'
+    name: '${vue.featureEntityFirstLower}FormDrawer'
   };
 </script>
 
diff --git a/orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-components-form-modal.vue.vm b/orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-components-form-modal.vue.vm
index 336cd890..b5d8e08f 100644
--- a/orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-components-form-modal.vue.vm
+++ b/orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-components-form-modal.vue.vm
@@ -54,7 +54,7 @@
 
 <script lang="ts">
   export default {
-    name: '${vue.moduleEntityFirstLower}${vue.featureEntity}FormModal'
+    name: '${vue.featureEntityFirstLower}FormModal'
   };
 </script>
 
diff --git a/orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-components-table.vue.vm b/orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-components-table.vue.vm
index 24d32c87..2976b850 100644
--- a/orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-components-table.vue.vm
+++ b/orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-components-table.vue.vm
@@ -130,7 +130,7 @@
 
 <script lang="ts">
   export default {
-    name: '${vue.moduleEntityFirstLower}${vue.featureEntity}Table'
+    name: '${vue.featureEntityFirstLower}Table'
   };
 </script>
 
diff --git a/orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-index.vue.vm b/orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-index.vue.vm
index 40d5aa41..73979f2a 100644
--- a/orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-index.vue.vm
+++ b/orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-index.vue.vm
@@ -33,20 +33,11 @@
 
 <script lang="ts">
   export default {
-    name: '${vue.moduleEntityFirstLower}${vue.featureEntity}'
+    name: '${vue.featureEntityFirstLower}'
   };
 </script>
 
 <script lang="ts" setup>
-  #if($vue.enableCardView)
-  import ${vue.featureEntity}CardList from './components/${vue.feature}-card-list.vue';
-  #end
-  import ${vue.featureEntity}Table from './components/${vue.feature}-table.vue';
-  #if($vue.enableDrawerForm)
-  import ${vue.featureEntity}FormDrawer from './components/${vue.feature}-form-drawer.vue';
-  #else
-  import ${vue.featureEntity}FormModal from './components/${vue.feature}-form-modal.vue';
-  #end
   #if($vue.enableCardView)
   import { computed, ref, onBeforeMount } from 'vue';
   #if($dictMap.entrySet().size() > 0)
@@ -62,6 +53,15 @@
   import { dictKeys } from './types/const';
   #end
   #end
+  #if($vue.enableCardView)
+  import ${vue.featureEntity}CardList from './components/${vue.feature}-card-list.vue';
+  #end
+  import ${vue.featureEntity}Table from './components/${vue.feature}-table.vue';
+  #if($vue.enableDrawerForm)
+  import ${vue.featureEntity}FormDrawer from './components/${vue.feature}-form-drawer.vue';
+  #else
+  import ${vue.featureEntity}FormModal from './components/${vue.feature}-form-modal.vue';
+  #end
 
   const render = ref(false);
   const table = ref();
diff --git a/orion-ops-ui/src/components/app/navbar/index.vue b/orion-ops-ui/src/components/app/navbar/index.vue
index e9b57a51..23111879 100644
--- a/orion-ops-ui/src/components/app/navbar/index.vue
+++ b/orion-ops-ui/src/components/app/navbar/index.vue
@@ -21,7 +21,7 @@
     </div>
     <!-- 顶部菜单 -->
     <div class="center-side">
-      <Menu v-if="topMenu" />
+      <menu-tree v-if="topMenu" />
     </div>
     <!-- 右侧操作 -->
     <ul class="right-side">
@@ -214,8 +214,8 @@
   import { preferenceTipsKey } from './const';
   import { REDIRECT_ROUTE_NAME, routerToTag } from '@/router/constants';
   import { openWindow } from '@/utils';
-  import Menu from '@/components/system/menu/tree/index.vue';
-  import UpdatePasswordModal from '@/components/user/user/update-password-modal.vue';
+  import MenuTree from '@/components/system/menu/tree/index.vue';
+  import UpdatePasswordModal from '@/components/user/user/update-password-modal/index.vue';
   import MessageBox from '@/components/system/message-box/index.vue';
 
   const tipsStore = useTipsStore();
diff --git a/orion-ops-ui/src/components/app/setting/index.vue b/orion-ops-ui/src/components/app/setting/index.vue
index 134b670e..549bd52c 100644
--- a/orion-ops-ui/src/components/app/setting/index.vue
+++ b/orion-ops-ui/src/components/app/setting/index.vue
@@ -59,7 +59,7 @@
       defaultVal: appStore.topMenu,
     },
     {
-      name: '底部',
+      name: '底部页脚',
       key: 'footer',
       defaultVal: appStore.footer
     },
diff --git a/orion-ops-ui/src/components/asset/host-group/types/const.ts b/orion-ops-ui/src/components/asset/host-group/const.ts
similarity index 100%
rename from orion-ops-ui/src/components/asset/host-group/types/const.ts
rename to orion-ops-ui/src/components/asset/host-group/const.ts
diff --git a/orion-ops-ui/src/components/asset/host-group/host-group-tree-selector.vue b/orion-ops-ui/src/components/asset/host-group/tree-selector/index.vue
similarity index 100%
rename from orion-ops-ui/src/components/asset/host-group/host-group-tree-selector.vue
rename to orion-ops-ui/src/components/asset/host-group/tree-selector/index.vue
diff --git a/orion-ops-ui/src/components/asset/host-group/host-group-tree.vue b/orion-ops-ui/src/components/asset/host-group/tree/index.vue
similarity index 99%
rename from orion-ops-ui/src/components/asset/host-group/host-group-tree.vue
rename to orion-ops-ui/src/components/asset/host-group/tree/index.vue
index c42bf643..033fb8b3 100644
--- a/orion-ops-ui/src/components/asset/host-group/host-group-tree.vue
+++ b/orion-ops-ui/src/components/asset/host-group/tree/index.vue
@@ -91,7 +91,7 @@
 <script lang="ts" setup>
   import type { TreeNodeData } from '@arco-design/web-vue';
   import { computed, nextTick, onMounted, ref } from 'vue';
-  import { createGroupGroupPrefix, rootId } from './types/const';
+  import { createGroupGroupPrefix, rootId } from '../const';
   import { findNode, findParentNode, moveNode } from '@/utils/tree';
   import { createHostGroup, deleteHostGroup, updateHostGroupName, moveHostGroup } from '@/api/asset/host-group';
   import { isString } from '@/utils/is';
diff --git a/orion-ops-ui/src/components/asset/host-identity/host-identity-selector.vue b/orion-ops-ui/src/components/asset/host-identity/selector/index.vue
similarity index 100%
rename from orion-ops-ui/src/components/asset/host-identity/host-identity-selector.vue
rename to orion-ops-ui/src/components/asset/host-identity/selector/index.vue
diff --git a/orion-ops-ui/src/components/asset/host-key/host-key-selector.vue b/orion-ops-ui/src/components/asset/host-key/selector/index.vue
similarity index 100%
rename from orion-ops-ui/src/components/asset/host-key/host-key-selector.vue
rename to orion-ops-ui/src/components/asset/host-key/selector/index.vue
diff --git a/orion-ops-ui/src/components/asset/host/host-selector.vue b/orion-ops-ui/src/components/asset/host/selector/index.vue
similarity index 100%
rename from orion-ops-ui/src/components/asset/host/host-selector.vue
rename to orion-ops-ui/src/components/asset/host/selector/index.vue
diff --git a/orion-ops-ui/src/components/meta/history/history-value-modal.vue b/orion-ops-ui/src/components/meta/history/modal/index.vue
similarity index 100%
rename from orion-ops-ui/src/components/meta/history/history-value-modal.vue
rename to orion-ops-ui/src/components/meta/history/modal/index.vue
diff --git a/orion-ops-ui/src/components/meta/tag/tag-multi-selector.vue b/orion-ops-ui/src/components/meta/tag/multi-selector/index.vue
similarity index 100%
rename from orion-ops-ui/src/components/meta/tag/tag-multi-selector.vue
rename to orion-ops-ui/src/components/meta/tag/multi-selector/index.vue
diff --git a/orion-ops-ui/src/components/system/dict-key/dict-key-selector.vue b/orion-ops-ui/src/components/system/dict-key/selector/index.vue
similarity index 100%
rename from orion-ops-ui/src/components/system/dict-key/dict-key-selector.vue
rename to orion-ops-ui/src/components/system/dict-key/selector/index.vue
diff --git a/orion-ops-ui/src/components/system/menu/grant/menu-grant-table.vue b/orion-ops-ui/src/components/system/menu/grant-table/index.vue
similarity index 96%
rename from orion-ops-ui/src/components/system/menu/grant/menu-grant-table.vue
rename to orion-ops-ui/src/components/system/menu/grant-table/index.vue
index 0310e00b..c03dd5c7 100644
--- a/orion-ops-ui/src/components/system/menu/grant/menu-grant-table.vue
+++ b/orion-ops-ui/src/components/system/menu/grant-table/index.vue
@@ -10,10 +10,10 @@
     <tbody>
     <a-checkbox-group v-model="checkedKeys" style="display: contents;">
       <template v-for="parentMenu in menuData" :key="parentMenu.id">
-        <template v-for="(childrenMenu, index) in parentMenu.children" :key="childrenMenu.id">
+        <template v-for="(childrenMenu, i) in parentMenu.children" :key="childrenMenu.id">
           <tr>
             <!-- 父菜单 -->
-            <td v-if="index === 0" :rowspan="parentMenu.children.length">
+            <td v-if="i === 0" :rowspan="parentMenu.children.length">
               <a-checkbox :value="parentMenu.id">
                 {{ parentMenu.name }}
               </a-checkbox>
diff --git a/orion-ops-ui/src/components/system/menu/selector/menu-tree-selector.vue b/orion-ops-ui/src/components/system/menu/tree-selector/index.vue
similarity index 100%
rename from orion-ops-ui/src/components/system/menu/selector/menu-tree-selector.vue
rename to orion-ops-ui/src/components/system/menu/tree-selector/index.vue
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 fa5ee5ac..c3ad7f09 100644
--- a/orion-ops-ui/src/components/system/menu/tree/index.vue
+++ b/orion-ops-ui/src/components/system/menu/tree/index.vue
@@ -8,6 +8,7 @@
   import useMenuTree from './use-menu-tree';
 
   export default defineComponent({
+    name: 'menuTree',
     emit: ['collapse'],
     setup() {
       const appStore = useAppStore();
diff --git a/orion-ops-ui/src/components/user/role/role-selector.vue b/orion-ops-ui/src/components/user/role/selector/index.vue
similarity index 100%
rename from orion-ops-ui/src/components/user/role/role-selector.vue
rename to orion-ops-ui/src/components/user/role/selector/index.vue
diff --git a/orion-ops-ui/src/components/user/user/user-selector.vue b/orion-ops-ui/src/components/user/user/selector/index.vue
similarity index 100%
rename from orion-ops-ui/src/components/user/user/user-selector.vue
rename to orion-ops-ui/src/components/user/user/selector/index.vue
diff --git a/orion-ops-ui/src/components/user/user/update-password-modal.vue b/orion-ops-ui/src/components/user/user/update-password-modal/index.vue
similarity index 100%
rename from orion-ops-ui/src/components/user/user/update-password-modal.vue
rename to orion-ops-ui/src/components/user/user/update-password-modal/index.vue
diff --git a/orion-ops-ui/src/components/view/json-editor/json-editor-modal.vue b/orion-ops-ui/src/components/view/json-editor/modal/index.vue
similarity index 100%
rename from orion-ops-ui/src/components/view/json-editor/json-editor-modal.vue
rename to orion-ops-ui/src/components/view/json-editor/modal/index.vue
diff --git a/orion-ops-ui/src/components/view/shell-editor/shell-editor-modal.vue b/orion-ops-ui/src/components/view/shell-editor/modal/index.vue
similarity index 100%
rename from orion-ops-ui/src/components/view/shell-editor/shell-editor-modal.vue
rename to orion-ops-ui/src/components/view/shell-editor/modal/index.vue
diff --git a/orion-ops-ui/src/layout/default-layout.vue b/orion-ops-ui/src/layout/default-layout.vue
index 1f24ec3b..cc34ecb2 100644
--- a/orion-ops-ui/src/layout/default-layout.vue
+++ b/orion-ops-ui/src/layout/default-layout.vue
@@ -17,7 +17,7 @@
                       :hide-trigger="true"
                       @collapse="setCollapsed">
         <div class="menu-wrapper">
-          <Menu />
+          <menu-tree />
         </div>
       </a-layout-sider>
       <!-- 顶部菜单栏 -->
@@ -29,7 +29,7 @@
                 mask-closable
                 :closable="false"
                 @cancel="drawerCancel">
-        <Menu style="padding: 12px 16px;" />
+        <menu-tree style="padding: 12px 16px;" />
       </a-drawer>
       <!-- body -->
       <a-layout class="layout-content" :style="paddingStyle">
@@ -57,13 +57,13 @@
   import { computed, onMounted, provide, ref } from 'vue';
   import { useRoute, useRouter } from 'vue-router';
   import { useAppStore, useUserStore } from '@/store';
-  import Menu from '@/components/system/menu/tree/index.vue';
+  import useResponsive from '@/hooks/responsive';
+  import { toggleDrawerMenuKey } from '@/types/symbol';
+  import PageLayout from './page-layout.vue';
+  import MenuTree from '@/components/system/menu/tree/index.vue';
   import NavBar from '@/components/app/navbar/index.vue';
   import Footer from '@/components/app/footer/index.vue';
   import TabBar from '@/components/app/tab-bar/index.vue';
-  import useResponsive from '@/hooks/responsive';
-  import PageLayout from './page-layout.vue';
-  import { toggleDrawerMenuKey } from '@/types/symbol';
 
   const isInit = ref(false);
   const appStore = useAppStore();
diff --git a/orion-ops-ui/src/router/routes/modules/system.ts b/orion-ops-ui/src/router/routes/modules/system.ts
index 17b5892b..47b08a03 100644
--- a/orion-ops-ui/src/router/routes/modules/system.ts
+++ b/orion-ops-ui/src/router/routes/modules/system.ts
@@ -6,7 +6,7 @@ const SYSTEM: AppRouteRecordRaw = {
   component: DEFAULT_LAYOUT,
   children: [
     {
-      name: 'menu',
+      name: 'systemMenu',
       path: '/menu',
       component: () => import('@/views/system/menu/index.vue'),
     },
diff --git a/orion-ops-ui/src/views/asset-audit/connect-log/components/connect-log-clear-modal.vue b/orion-ops-ui/src/views/asset-audit/connect-log/components/connect-log-clear-modal.vue
index 45fadaa9..5e3ff780 100644
--- a/orion-ops-ui/src/views/asset-audit/connect-log/components/connect-log-clear-modal.vue
+++ b/orion-ops-ui/src/views/asset-audit/connect-log/components/connect-log-clear-modal.vue
@@ -78,8 +78,8 @@
   import { getHostConnectLogCount, clearHostConnectLog } from '@/api/asset/host-connect-log';
   import { Message, Modal } from '@arco-design/web-vue';
   import { useDictStore } from '@/store';
-  import UserSelector from '@/components/user/user/user-selector.vue';
-  import HostSelector from '@/components/asset/host/host-selector.vue';
+  import UserSelector from '@/components/user/user/selector/index.vue';
+  import HostSelector from '@/components/asset/host/selector/index.vue';
 
   const { visible, setVisible } = useVisible();
   const { loading, setLoading } = useLoading();
diff --git a/orion-ops-ui/src/views/asset-audit/connect-log/components/connect-log-table.vue b/orion-ops-ui/src/views/asset-audit/connect-log/components/connect-log-table.vue
index 424eb869..6645f5c0 100644
--- a/orion-ops-ui/src/views/asset-audit/connect-log/components/connect-log-table.vue
+++ b/orion-ops-ui/src/views/asset-audit/connect-log/components/connect-log-table.vue
@@ -196,8 +196,8 @@
   import columns from '../types/table.columns';
   import useLoading from '@/hooks/loading';
   import useCopy from '@/hooks/copy';
-  import UserSelector from '@/components/user/user/user-selector.vue';
-  import HostSelector from '@/components/asset/host/host-selector.vue';
+  import UserSelector from '@/components/user/user/selector/index.vue';
+  import HostSelector from '@/components/asset/host/selector/index.vue';
   import ConnectLogClearModal from './connect-log-clear-modal.vue';
   import ConnectLogDetailDrawer from './connect-log-detail-drawer.vue';
 
diff --git a/orion-ops-ui/src/views/asset-audit/sftp-log/components/sftp-log-table.vue b/orion-ops-ui/src/views/asset-audit/sftp-log/components/sftp-log-table.vue
index 322d338b..808ac222 100644
--- a/orion-ops-ui/src/views/asset-audit/sftp-log/components/sftp-log-table.vue
+++ b/orion-ops-ui/src/views/asset-audit/sftp-log/components/sftp-log-table.vue
@@ -181,9 +181,9 @@
   import columns from '../types/table.columns';
   import useLoading from '@/hooks/loading';
   import useCopy from '@/hooks/copy';
-  import UserSelector from '@/components/user/user/user-selector.vue';
-  import HostSelector from '@/components/asset/host/host-selector.vue';
   import { permission10toString } from '@/utils/file';
+  import UserSelector from '@/components/user/user/selector/index.vue';
+  import HostSelector from '@/components/asset/host/selector/index.vue';
 
   const tableRenderData = ref<HostSftpLogQueryResponse[]>([]);
   const selectedKeys = ref<number[]>([]);
diff --git a/orion-ops-ui/src/views/asset/grant/components/host-group-grant.vue b/orion-ops-ui/src/views/asset/grant/components/host-group-grant.vue
index b61a9ea8..aee3fdbf 100644
--- a/orion-ops-ui/src/views/asset/grant/components/host-group-grant.vue
+++ b/orion-ops-ui/src/views/asset/grant/components/host-group-grant.vue
@@ -30,7 +30,7 @@
   import useLoading from '@/hooks/loading';
   import { getAuthorizedHostGroup, grantHostGroup } from '@/api/asset/asset-data-grant';
   import { Message } from '@arco-design/web-vue';
-  import HostGroupTree from '@/components/asset/host-group/host-group-tree.vue';
+  import HostGroupTree from '@/components/asset/host-group/tree/index.vue';
   import HostList from './host-list.vue';
   import GrantLayout from './grant-layout.vue';
 
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 18615497..b86f196a 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
@@ -155,8 +155,8 @@
   import { Message, Modal } from '@arco-design/web-vue';
   import usePermission from '@/hooks/permission';
   import useCopy from '@/hooks/copy';
-  import HostKeySelector from '@/components/asset/host-key/host-key-selector.vue';
   import { GrantKey, GrantRouteName } from '@/views/asset/grant/types/const';
+  import HostKeySelector from '@/components/asset/host-key/selector/index.vue';
 
   const emits = defineEmits(['openAdd', 'openUpdate', 'openKeyView']);
 
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 41c5247e..fc7100f6 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
@@ -70,7 +70,7 @@
   import formRules from '../types/form.rules';
   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';
+  import HostKeySelector from '@/components/asset/host-key/selector/index.vue';
 
   const { visible, setVisible } = useVisible();
   const { loading, setLoading } = useLoading();
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 8d4894af..ba989497 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
@@ -148,7 +148,7 @@
   import useLoading from '@/hooks/loading';
   import columns from '../types/table.columns';
   import { usePagination } from '@/types/table';
-  import HostKeySelector from '@/components/asset/host-key/host-key-selector.vue';
+  import HostKeySelector from '@/components/asset/host-key/selector/index.vue';
   import useCopy from '@/hooks/copy';
   import usePermission from '@/hooks/permission';
   import { GrantKey, GrantRouteName } from '@/views/asset/grant/types/const';
diff --git a/orion-ops-ui/src/views/asset/host-list/components/config/ssh/ssh-config-form.vue b/orion-ops-ui/src/views/asset/host-list/components/config/ssh/ssh-config-form.vue
index 239eec5c..8fe0c53c 100644
--- a/orion-ops-ui/src/views/asset/host-list/components/config/ssh/ssh-config-form.vue
+++ b/orion-ops-ui/src/views/asset/host-list/components/config/ssh/ssh-config-form.vue
@@ -146,8 +146,8 @@
   import { useDictStore } from '@/store';
   import { EnabledStatus } from '@/types/const';
   import { HostConfigType } from '../../../types/const';
-  import HostKeySelector from '@/components/asset/host-key/host-key-selector.vue';
-  import HostIdentitySelector from '@/components/asset/host-identity/host-identity-selector.vue';
+  import HostKeySelector from '@/components/asset/host-key/selector/index.vue';
+  import HostIdentitySelector from '@/components/asset/host-identity/selector/index.vue';
 
   const { loading, setLoading } = useLoading();
   const { toRadioOptions } = useDictStore();
diff --git a/orion-ops-ui/src/views/asset/host-list/components/group/host-group-drawer.vue b/orion-ops-ui/src/views/asset/host-list/components/group/host-group-drawer.vue
index 827fbc04..7ad474af 100644
--- a/orion-ops-ui/src/views/asset/host-list/components/group/host-group-drawer.vue
+++ b/orion-ops-ui/src/views/asset/host-list/components/group/host-group-drawer.vue
@@ -72,7 +72,7 @@
   import { Message } from '@arco-design/web-vue';
   import { updateHostGroupRel } from '@/api/asset/host-group';
   import HostTransfer from './host-transfer.vue';
-  import HostGroupTree from '@/components/asset/host-group/host-group-tree.vue';
+  import HostGroupTree from '@/components/asset/host-group/tree/index.vue';
 
   const { visible, setVisible } = useVisible();
   const { loading, setLoading } = useLoading();
diff --git a/orion-ops-ui/src/views/asset/host-list/components/host-card-list.vue b/orion-ops-ui/src/views/asset/host-list/components/host-card-list.vue
index 53a32bd9..cccfef42 100644
--- a/orion-ops-ui/src/views/asset/host-list/components/host-card-list.vue
+++ b/orion-ops-ui/src/views/asset/host-list/components/host-card-list.vue
@@ -182,7 +182,7 @@
   import { tagColor } from '../types/const';
   import useCopy from '@/hooks/copy';
   import { GrantKey, GrantRouteName } from '@/views/asset/grant/types/const';
-  import TagMultiSelector from '@/components/meta/tag/tag-multi-selector.vue';
+  import TagMultiSelector from '@/components/meta/tag/multi-selector/index.vue';
 
   const emits = defineEmits(['openAdd', 'openUpdate', 'openUpdateConfig', 'openHostGroup']);
 
diff --git a/orion-ops-ui/src/views/asset/host-list/components/host-form-modal.vue b/orion-ops-ui/src/views/asset/host-list/components/host-form-modal.vue
index eef00b8c..8ce1913c 100644
--- a/orion-ops-ui/src/views/asset/host-list/components/host-form-modal.vue
+++ b/orion-ops-ui/src/views/asset/host-list/components/host-form-modal.vue
@@ -68,8 +68,8 @@
   import { Message } from '@arco-design/web-vue';
   import { pick } from 'lodash';
   import { tagColor } from '@/views/asset/host-list/types/const';
-  import TagMultiSelector from '@/components/meta/tag/tag-multi-selector.vue';
-  import HostGroupTreeSelector from '@/components/asset/host-group/host-group-tree-selector.vue';
+  import TagMultiSelector from '@/components/meta/tag/multi-selector/index.vue';
+  import HostGroupTreeSelector from '@/components/asset/host-group/tree-selector/index.vue';
 
   const { visible, setVisible } = useVisible();
   const { loading, setLoading } = useLoading();
diff --git a/orion-ops-ui/src/views/asset/host-list/components/host-table.vue b/orion-ops-ui/src/views/asset/host-list/components/host-table.vue
index 1c1b2a8c..a95054b6 100644
--- a/orion-ops-ui/src/views/asset/host-list/components/host-table.vue
+++ b/orion-ops-ui/src/views/asset/host-list/components/host-table.vue
@@ -175,7 +175,7 @@
   import columns from '../types/table.columns';
   import { dataColor } from '@/utils';
   import { GrantKey, GrantRouteName } from '@/views/asset/grant/types/const';
-  import TagMultiSelector from '@/components/meta/tag/tag-multi-selector.vue';
+  import TagMultiSelector from '@/components/meta/tag/multi-selector/index.vue';
 
   const tagSelector = ref();
   const tableRenderData = ref<HostQueryResponse[]>([]);
diff --git a/orion-ops-ui/src/views/host/terminal/components/setting/extra/ssh-setting-form.vue b/orion-ops-ui/src/views/host/terminal/components/setting/extra/ssh-setting-form.vue
index 9cd8faa7..bc949a31 100644
--- a/orion-ops-ui/src/views/host/terminal/components/setting/extra/ssh-setting-form.vue
+++ b/orion-ops-ui/src/views/host/terminal/components/setting/extra/ssh-setting-form.vue
@@ -2,7 +2,6 @@
   <a-form :model="formModel"
           ref="formRef"
           label-align="right"
-          :style="{ width: '460px' }"
           :label-col-props="{ span: 6 }"
           :wrapper-col-props="{ span: 18 }"
           :rules="{}">
@@ -49,8 +48,8 @@
   import { getHostExtraItem } from '@/api/asset/host-extra';
   import { ExtraSshAuthType, extraSshAuthTypeKey } from '../../../types/terminal.const';
   import { useDictStore } from '@/store';
-  import HostKeySelector from '@/components/asset/host-key/host-key-selector.vue';
-  import HostIdentitySelector from '@/components/asset/host-identity/host-identity-selector.vue';
+  import HostKeySelector from '@/components/asset/host-key/selector/index.vue';
+  import HostIdentitySelector from '@/components/asset/host-identity/selector/index.vue';
 
   const props = defineProps<{
     hostId: number,
diff --git a/orion-ops-ui/src/views/host/terminal/components/ssh/ssh-view.vue b/orion-ops-ui/src/views/host/terminal/components/ssh/ssh-view.vue
index cc1f8d67..3c0a1e50 100644
--- a/orion-ops-ui/src/views/host/terminal/components/ssh/ssh-view.vue
+++ b/orion-ops-ui/src/views/host/terminal/components/ssh/ssh-view.vue
@@ -73,7 +73,7 @@
   import useCopy from '@/hooks/copy';
   import { ActionBarItems, connectStatusKey } from '../../types/terminal.const';
   import IconActions from '../layout/icon-actions.vue';
-  import ShellEditorModal from '@/components/view/shell-editor/shell-editor-modal.vue';
+  import ShellEditorModal from '@/components/view/shell-editor/modal/index.vue';
   import SshSearchModal from './ssh-search-modal.vue';
   import SshContextMenu from './ssh-context-menu.vue';
 
diff --git a/orion-ops-ui/src/views/system/dict-key/index.vue b/orion-ops-ui/src/views/system/dict-key/index.vue
index 2e39ace8..4901601c 100644
--- a/orion-ops-ui/src/views/system/dict-key/index.vue
+++ b/orion-ops-ui/src/views/system/dict-key/index.vue
@@ -22,11 +22,11 @@
 
 <script lang="ts" setup>
   import { ref, onBeforeMount } from 'vue';
-  import DictKeyTable from './components/dict-key-table.vue';
-  import DictKeyFormModal from './components/dict-key-form-modal.vue';
-  import JsonEditorModal from '@/components/view/json-editor/json-editor-modal.vue';
   import { useDictStore } from '@/store';
   import { dictKeys } from './types/const';
+  import DictKeyTable from './components/dict-key-table.vue';
+  import DictKeyFormModal from './components/dict-key-form-modal.vue';
+  import JsonEditorModal from '@/components/view/json-editor/modal/index.vue';
 
   const render = ref(false);
   const table = ref();
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 5a669070..8305177c 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
@@ -95,9 +95,9 @@
   import { createDictValue, updateDictValue } from '@/api/system/dict-value';
   import { Message } from '@arco-design/web-vue';
   import { ValueType, sortStep } from '../../dict-key/types/const';
-  import DictKeySelector from '@/components/system/dict-key/dict-key-selector.vue';
   import { DictKeyQueryResponse } from '@/api/system/dict-key';
   import { useCacheStore } from '@/store';
+  import DictKeySelector from '@/components/system/dict-key/selector/index.vue';
 
   const { visible, setVisible } = useVisible();
   const { loading, setLoading } = useLoading();
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 fa2726c8..49b0f8c3 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
@@ -138,7 +138,7 @@
   import columns from '../types/table.columns';
   import { usePagination, useRowSelection } from '@/types/table';
   import useCopy from '@/hooks/copy';
-  import DictKeySelector from '@/components/system/dict-key/dict-key-selector.vue';
+  import DictKeySelector from '@/components/system/dict-key/selector/index.vue';
 
   const emits = defineEmits(['openAdd', 'openUpdate', 'openHistory']);
 
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 e50a6251..ea58d7fa 100644
--- a/orion-ops-ui/src/views/system/dict-value/index.vue
+++ b/orion-ops-ui/src/views/system/dict-value/index.vue
@@ -24,13 +24,13 @@
 </script>
 
 <script lang="ts" setup>
-  import DictValueTable from './components/dict-value-table.vue';
-  import DictValueFormModal from './components/dict-value-form-modal.vue';
-  import HistoryValueModal from '@/components/meta/history/history-value-modal.vue';
   import { ref, onUnmounted } from 'vue';
   import { historyType } from './types/const';
   import { useCacheStore } from '@/store';
   import { rollbackDictValue } from '@/api/system/dict-value';
+  import DictValueTable from './components/dict-value-table.vue';
+  import DictValueFormModal from './components/dict-value-form-modal.vue';
+  import HistoryValueModal from '@/components/meta/history/modal/index.vue';
 
   const table = ref();
   const modal = ref();
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 49aace91..a0621a64 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
@@ -140,7 +140,7 @@
   import { Message } from '@arco-design/web-vue';
   import { useDictStore } from '@/store';
   import IconPicker from '@sanqi377/arco-vue-icon-picker';
-  import MenuTreeSelector from '@/components/system/menu/selector/menu-tree-selector.vue';
+  import MenuTreeSelector from '@/components/system/menu/tree-selector/index.vue';
 
   const { visible, setVisible } = useVisible();
   const { loading, setLoading } = useLoading();
diff --git a/orion-ops-ui/src/views/system/menu/index.vue b/orion-ops-ui/src/views/system/menu/index.vue
index e73d2aec..482f15ed 100644
--- a/orion-ops-ui/src/views/system/menu/index.vue
+++ b/orion-ops-ui/src/views/system/menu/index.vue
@@ -13,7 +13,7 @@
 
 <script lang="ts">
   export default {
-    name: 'menu'
+    name: 'systemMenu'
   };
 </script>
 
diff --git a/orion-ops-ui/src/views/user/operator-log/components/operator-log-clear-modal.vue b/orion-ops-ui/src/views/user/operator-log/components/operator-log-clear-modal.vue
index 3a154224..f46454bf 100644
--- a/orion-ops-ui/src/views/user/operator-log/components/operator-log-clear-modal.vue
+++ b/orion-ops-ui/src/views/user/operator-log/components/operator-log-clear-modal.vue
@@ -88,7 +88,7 @@
   import { useDictStore } from '@/store';
   import { operatorLogModuleKey, operatorLogResultKey, operatorLogTypeKey, operatorRiskLevelKey } from '@/views/user/operator-log/types/const';
   import { labelFilter } from '@/types/form';
-  import UserSelector from '@/components/user/user/user-selector.vue';
+  import UserSelector from '@/components/user/user/selector/index.vue';
 
   const { $state: dictState, toOptions } = useDictStore();
   const { visible, setVisible } = useVisible();
diff --git a/orion-ops-ui/src/views/user/operator-log/components/operator-log-query-header.vue b/orion-ops-ui/src/views/user/operator-log/components/operator-log-query-header.vue
index ed2ba2aa..5ee2c3b5 100644
--- a/orion-ops-ui/src/views/user/operator-log/components/operator-log-query-header.vue
+++ b/orion-ops-ui/src/views/user/operator-log/components/operator-log-query-header.vue
@@ -71,7 +71,7 @@
   import { useDictStore } from '@/store';
   import { operatorLogModuleKey, operatorLogTypeKey, operatorRiskLevelKey, operatorLogResultKey } from '../types/const';
   import { labelFilter } from '@/types/form';
-  import UserSelector from '@/components/user/user/user-selector.vue';
+  import UserSelector from '@/components/user/user/selector/index.vue';
 
   const emits = defineEmits(['submit']);
   const props = defineProps({
diff --git a/orion-ops-ui/src/views/user/operator-log/components/operator-log-simple-table.vue b/orion-ops-ui/src/views/user/operator-log/components/operator-log-simple-table.vue
index d1cb2635..30d2b45d 100644
--- a/orion-ops-ui/src/views/user/operator-log/components/operator-log-simple-table.vue
+++ b/orion-ops-ui/src/views/user/operator-log/components/operator-log-simple-table.vue
@@ -79,7 +79,7 @@
   import { getOperatorLogPage } from '@/api/user/operator-log';
   import { getCurrentUserOperatorLog } from '@/api/user/mine';
   import { replaceHtmlTag, clearHtmlTag } from '@/utils';
-  import JsonEditorModal from '@/components/view/json-editor/json-editor-modal.vue';
+  import JsonEditorModal from '@/components/view/json-editor/modal/index.vue';
 
   const props = defineProps({
     handleColumn: {
diff --git a/orion-ops-ui/src/views/user/operator-log/components/operator-log-table.vue b/orion-ops-ui/src/views/user/operator-log/components/operator-log-table.vue
index ead27305..6a435b43 100644
--- a/orion-ops-ui/src/views/user/operator-log/components/operator-log-table.vue
+++ b/orion-ops-ui/src/views/user/operator-log/components/operator-log-table.vue
@@ -143,7 +143,7 @@
   import { Message } from '@arco-design/web-vue';
   import OperatorLogQueryHeader from './operator-log-query-header.vue';
   import OperatorLogClearModal from './operator-log-clear-modal.vue';
-  import JsonEditorModal from '@/components/view/json-editor/json-editor-modal.vue';
+  import JsonEditorModal from '@/components/view/json-editor/modal/index.vue';
 
   const pagination = usePagination();
   const rowSelection = useRowSelection();
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 83e00a70..7eb224b7 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
@@ -64,7 +64,7 @@
   import { getRoleMenuId, grantRoleMenu } from '@/api/user/role';
   import { Message } from '@arco-design/web-vue';
   import { quickGrantMenuOperator } from '../types/const';
-  import MenuGrantTable from '@/components/system/menu/grant/menu-grant-table.vue';
+  import MenuGrantTable from '@/components/system/menu/grant-table/index.vue';
 
   const { visible, setVisible } = useVisible();
   const { loading, setLoading } = useLoading();
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 b99fe411..80b6a558 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
@@ -49,9 +49,9 @@
   import useLoading from '@/hooks/loading';
   import useVisible from '@/hooks/visible';
   import { Message } from '@arco-design/web-vue';
-  import RoleSelector from '@/components/user/role/role-selector.vue';
   import { useCacheStore } from '@/store';
   import { getUserRoleIdList, grantUserRole } from '@/api/user/user';
+  import RoleSelector from '@/components/user/role/selector/index.vue';
 
   const { visible, setVisible } = useVisible();
   const { loading, setLoading } = useLoading();