From 44ad51c7b0b53a0f256db2a64a20cf5c9fa94716 Mon Sep 17 00:00:00 2001
From: "WANGFAN\\wangf" <15871339963@163.com>
Date: Tue, 8 Apr 2025 22:16:17 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=B7=AF=E7=94=B1=E6=A0=91=E6=89=81?=
 =?UTF-8?q?=E5=B9=B3=E5=8C=96=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/useMenuMethod.ts                  |    9 +-
 src/lang/index.ts                           |   14 +-
 src/layout/layout-mixing/index.vue          |   16 +-
 src/mock/_data/system_menu.ts               | 2092 ++++++++++---------
 src/mock/_utils.ts                          |   34 +-
 src/mock/system/menu.ts                     |   16 +-
 src/typings/global.d.ts                     |    3 +
 src/views/i18n/{i18n.vue => show/index.vue} |   66 +-
 src/views/system/account/account.vue        |    4 +-
 src/views/system/dictionary/dictionary.vue  |    4 +-
 src/views/system/division/division.vue      |    2 +-
 src/views/system/menu/menu.vue              |  202 +-
 vite.config.ts                              |    2 +-
 13 files changed, 1303 insertions(+), 1161 deletions(-)
 rename src/views/i18n/{i18n.vue => show/index.vue} (95%)

diff --git a/src/hooks/useMenuMethod.ts b/src/hooks/useMenuMethod.ts
index de85910..1ca1018 100644
--- a/src/hooks/useMenuMethod.ts
+++ b/src/hooks/useMenuMethod.ts
@@ -6,21 +6,22 @@ export const useMenuMethod = () => {
   /**
    * 多级菜单的显示隐藏
    * @param {Menu.MenuOptions} item 菜单的item
-   * @returns 若多级菜单有children，并且不隐藏，返回true，否则返回false
+   * @returns type:1为目录，并且不隐藏，返回true，否则返回false
    */
   const menuShow = (item: Menu.MenuOptions) => {
-    if (item.children && item.children?.length > 0 && !item.meta.hide) return true;
+    if (item.meta.type == 1 && !item.meta.hide) return true;
     return false;
   };
   /**
    * 单级菜单的显示隐藏
    * @param {Menu.MenuOptions} item 菜单的item
-   * @returns 若单级菜单不隐藏，返回true，否则返回false
+   * @returns type:2为菜单，并且单级菜单不隐藏，返回true，否则返回false
    */
   const aMenuShow = (item: Menu.MenuOptions) => {
-    if (!item.meta.hide) return true;
+    if (item.meta.type == 2 && !item.meta.hide) return true;
     return false;
   };
+
   return {
     menuShow,
     aMenuShow
diff --git a/src/lang/index.ts b/src/lang/index.ts
index da27061..18a4398 100644
--- a/src/lang/index.ts
+++ b/src/lang/index.ts
@@ -21,7 +21,19 @@ const i18n = createI18n({
   legacy: false, // Composition API模式需要设为false
   globalInjection: true, // 全局生效: $
   locale: getLang(), // 默认语言
-  messages // 数据源
+  messages, // 数据源
+  missing: (_: string, key: string) => {
+    return removeBeforeFirstDot(key);
+  }
 });
 
+/**
+ * @param { string } str 国际化key
+ * @returns 去掉第一个点之前的字符串，例如："menu.home" => "home"
+ */
+function removeBeforeFirstDot(str: string) {
+  const dotIndex = str.indexOf(".");
+  return dotIndex >= 0 ? str.slice(dotIndex + 1) : "未定义";
+}
+
 export default i18n;
diff --git a/src/layout/layout-mixing/index.vue b/src/layout/layout-mixing/index.vue
index 14ea636..1030837 100644
--- a/src/layout/layout-mixing/index.vue
+++ b/src/layout/layout-mixing/index.vue
@@ -22,7 +22,7 @@
             :popup-max-height="600"
           >
             <template v-for="item in routeTree" :key="item.name">
-              <a-menu-item v-if="aMenuShow(item)" :key="item.name" :popup-max-height="600">
+              <a-menu-item v-if="!item.meta.hide" :key="item.name" :popup-max-height="600">
                 <template #icon v-if="item.meta.svgIcon || item.meta.icon">
                   <MenuItemIcon :svg-icon="item.meta.svgIcon" :icon="item.meta.icon" />
                 </template>
@@ -52,7 +52,6 @@ import { useRoutesConfigStore } from "@/store/modules/route-config";
 import { useRoutingMethod } from "@/hooks/useRoutingMethod";
 import { storeToRefs } from "pinia";
 import { useThemeConfig } from "@/store/modules/theme-config";
-import { useMenuMethod } from "@/hooks/useMenuMethod";
 import { useDevicesSize } from "@/hooks/useDevicesSize";
 defineOptions({ name: "LayoutMixing" });
 const route = useRoute();
@@ -61,7 +60,6 @@ const routerStore = useRoutesConfigStore();
 const themeStore = useThemeConfig();
 const { isFooter, collapsed, asideDark, language } = storeToRefs(themeStore);
 const { routeTree } = storeToRefs(routerStore);
-const { aMenuShow } = useMenuMethod();
 const { isPc } = useDevicesSize();
 
 const drawing = ref<boolean>(true);
@@ -89,10 +87,18 @@ const onMenuItem = (key: string) => {
   if (find) {
     // 给左侧树赋值
     setAsideMenu(find);
-    // 这里直接跳转父级path，因为父级路由做了重定向
+    // 若有重定向，则跳转到重定向的路由
     // 如果有子路由则重定向到自己的第一个菜单
     // 如果没有子路由则说明当前父级是一个菜单，直接跳转
-    router.push(find.path);
+    let path = "";
+    if (find.redirect) {
+      path = find.redirect;
+    } else if (find.children && find.children.length > 0) {
+      path = find.children[0].path;
+    } else {
+      path = find.path;
+    }
+    router.push(path);
   } else {
     router.push("/404");
   }
diff --git a/src/mock/_data/system_menu.ts b/src/mock/_data/system_menu.ts
index e61a093..8ed9342 100644
--- a/src/mock/_data/system_menu.ts
+++ b/src/mock/_data/system_menu.ts
@@ -60,7 +60,8 @@ export default [
       svgIcon: "home", // 菜单图标
       sort: 1,
       type: 2 // type 1目录 2菜单 3按钮
-    }
+    },
+    children: []
   },
   {
     id: "02",
@@ -81,28 +82,28 @@ export default [
       sort: 2,
       type: 1
     },
-    children: [
-      {
-        id: "0201",
-        parentId: "02",
-        path: "/file/document-library",
-        name: "document-library",
-        component: "file/document-library/document-library",
-        meta: {
-          title: "document-library",
-          hide: false,
-          disable: false,
-          keepAlive: true,
-          affix: false,
-          link: "",
-          iframe: false,
-          roles: ["admin"],
-          icon: "icon-menu",
-          sort: 1,
-          type: 2
-        }
-      }
-    ]
+    children: []
+  },
+  {
+    id: "0201",
+    parentId: "02",
+    path: "/file/document-library",
+    name: "document-library",
+    component: "file/document-library/document-library",
+    meta: {
+      title: "document-library",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 1,
+      type: 2
+    },
+    children: []
   },
   {
     id: "03",
@@ -123,48 +124,49 @@ export default [
       sort: 3,
       type: 1
     },
-    children: [
-      {
-        id: "0301",
-        parentId: "03",
-        path: "/table/common-table",
-        name: "common-table",
-        component: "table/common-table/common-table",
-        meta: {
-          title: "common-table",
-          hide: false,
-          disable: false,
-          keepAlive: true,
-          affix: false,
-          link: "",
-          iframe: false,
-          roles: ["admin"],
-          icon: "icon-menu",
-          sort: 1,
-          type: 2
-        }
-      },
-      {
-        id: "0302",
-        parentId: "03",
-        path: "/table/custom-table",
-        name: "custom-table",
-        component: "table/custom-table/custom-table",
-        meta: {
-          title: "custom-table",
-          hide: false,
-          disable: false,
-          keepAlive: true,
-          affix: false,
-          link: "",
-          iframe: false,
-          roles: ["admin"],
-          icon: "icon-menu",
-          sort: 2,
-          type: 2
-        }
-      }
-    ]
+    children: []
+  },
+  {
+    id: "0301",
+    parentId: "03",
+    path: "/table/common-table",
+    name: "common-table",
+    component: "table/common-table/common-table",
+    meta: {
+      title: "common-table",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 1,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "0302",
+    parentId: "03",
+    path: "/table/custom-table",
+    name: "custom-table",
+    component: "table/custom-table/custom-table",
+    meta: {
+      title: "custom-table",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 2,
+      type: 2
+    },
+    children: []
   },
   {
     id: "04",
@@ -185,48 +187,49 @@ export default [
       sort: 4,
       type: 1
     },
-    children: [
-      {
-        id: "0401",
-        parentId: "04",
-        path: "/form/common-form",
-        name: "common-form",
-        component: "form/common-form/common-form",
-        meta: {
-          title: "common-form",
-          hide: false,
-          disable: false,
-          keepAlive: true,
-          affix: false,
-          link: "",
-          iframe: false,
-          roles: ["admin"],
-          icon: "icon-menu",
-          sort: 1,
-          type: 2
-        }
-      },
-      {
-        id: "0402",
-        parentId: "04",
-        path: "/form/step-form",
-        name: "step-form",
-        component: "form/step-form/step-form",
-        meta: {
-          title: "step-form",
-          hide: false,
-          disable: false,
-          keepAlive: true,
-          affix: false,
-          link: "",
-          iframe: false,
-          roles: ["admin"],
-          icon: "icon-menu",
-          sort: 2,
-          type: 2
-        }
-      }
-    ]
+    children: []
+  },
+  {
+    id: "0401",
+    parentId: "04",
+    path: "/form/common-form",
+    name: "common-form",
+    component: "form/common-form/common-form",
+    meta: {
+      title: "common-form",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 1,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "0402",
+    parentId: "04",
+    path: "/form/step-form",
+    name: "step-form",
+    component: "form/step-form/step-form",
+    meta: {
+      title: "step-form",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 2,
+      type: 2
+    },
+    children: []
   },
   {
     id: "05",
@@ -247,223 +250,231 @@ export default [
       sort: 5,
       type: 1
     },
-    children: [
-      {
-        id: "0501",
-        parentId: "05",
-        path: "/multilevel/second-1",
-        name: "second-1",
-        component: "multilevel/second/second-1",
-        meta: {
-          title: "second-1",
-          hide: false,
-          disable: false,
-          keepAlive: true,
-          affix: false,
-          link: "",
-          iframe: false,
-          roles: ["admin"],
-          icon: "icon-menu",
-          sort: 1,
-          type: 2
-        }
-      },
-      {
-        id: "0502",
-        parentId: "05",
-        path: "/multilevel/second-2",
-        name: "second-2",
-        redirect: "/multilevel/third-1",
-        meta: {
-          title: "second-2",
-          hide: false,
-          disable: false,
-          keepAlive: true,
-          affix: false,
-          link: "",
-          iframe: false,
-          roles: ["admin"],
-          icon: "icon-menu",
-          sort: 2,
-          type: 1
-        },
-        children: [
-          {
-            id: "050201",
-            parentId: "0502",
-            path: "/multilevel/third-2",
-            name: "third-2",
-            component: "multilevel/third/third-2",
-            meta: {
-              title: "third-2",
-              hide: false,
-              disable: false,
-              keepAlive: true,
-              affix: false,
-              link: "",
-              iframe: false,
-              roles: ["admin"],
-              icon: "icon-menu",
-              sort: 2,
-              type: 2
-            }
-          },
-          {
-            id: "050202",
-            parentId: "0502",
-            path: "/multilevel/third-1",
-            name: "third-1",
-            component: "multilevel/third/third-1",
-            meta: {
-              title: "third-1",
-              hide: false,
-              disable: false,
-              keepAlive: true,
-              affix: false,
-              link: "",
-              iframe: false,
-              roles: ["admin"],
-              icon: "icon-menu",
-              sort: 1,
-              type: 2
-            }
-          },
-          {
-            id: "050203",
-            parentId: "0502",
-            path: "/multilevel/third-3",
-            name: "third-3",
-            component: "multilevel/third/third-3",
-            meta: {
-              title: "third-3",
-              link: "",
-              hide: false,
-              keepAlive: true,
-              affix: false,
-              iframe: false,
-              roles: ["admin"],
-              icon: "icon-menu",
-              sort: 3,
-              type: 2
-            }
-          },
-          {
-            id: "050204",
-            parentId: "0502",
-            path: "/multilevel/third-4",
-            name: "third-4",
-            component: "multilevel/third/third-4",
-            meta: {
-              title: "third-4",
-              link: "",
-              hide: false,
-              keepAlive: true,
-              affix: false,
-              iframe: false,
-              roles: ["admin"],
-              icon: "icon-menu",
-              sort: 4,
-              type: 2
-            }
-          },
-          {
-            id: "050205",
-            parentId: "0502",
-            path: "/multilevel/third-5",
-            name: "third-5",
-            component: "multilevel/third/third-5",
-            meta: {
-              title: "third-5",
-              link: "",
-              hide: false,
-              keepAlive: true,
-              affix: false,
-              iframe: false,
-              roles: ["admin"],
-              icon: "icon-menu",
-              sort: 5,
-              type: 2
-            }
-          },
-          {
-            id: "050206",
-            parentId: "0502",
-            path: "/multilevel/third-6",
-            name: "third-6",
-            component: "multilevel/third/third-6",
-            meta: {
-              title: "third-6",
-              link: "",
-              hide: false,
-              keepAlive: true,
-              affix: false,
-              iframe: false,
-              roles: ["admin"],
-              icon: "icon-menu",
-              sort: 6,
-              type: 2
-            }
-          },
-          {
-            id: "050207",
-            parentId: "0502",
-            path: "/multilevel/third-7",
-            name: "third-7",
-            component: "multilevel/third/third-7",
-            meta: {
-              title: "third-7",
-              link: "",
-              hide: false,
-              keepAlive: true,
-              affix: false,
-              iframe: false,
-              roles: ["admin"],
-              icon: "icon-menu",
-              sort: 7,
-              type: 2
-            }
-          },
-          {
-            id: "050208",
-            parentId: "0502",
-            path: "/multilevel/third-8",
-            name: "third-8",
-            component: "multilevel/third/third-8",
-            meta: {
-              title: "third-8",
-              link: "",
-              hide: false,
-              keepAlive: true,
-              affix: false,
-              iframe: false,
-              roles: ["admin"],
-              icon: "icon-menu",
-              sort: 8,
-              type: 2
-            }
-          },
-          {
-            id: "050209",
-            parentId: "0502",
-            path: "/multilevel/third-9",
-            name: "third-9",
-            component: "multilevel/third/third-9",
-            meta: {
-              title: "third-9",
-              link: "",
-              hide: false,
-              keepAlive: true,
-              affix: false,
-              iframe: false,
-              roles: ["admin"],
-              icon: "icon-menu",
-              sort: 9,
-              type: 2
-            }
-          }
-        ]
-      }
-    ]
+    children: []
+  },
+  {
+    id: "0501",
+    parentId: "05",
+    path: "/multilevel/second-1",
+    name: "second-1",
+    component: "multilevel/second/second-1",
+    meta: {
+      title: "second-1",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 1,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "0502",
+    parentId: "05",
+    path: "/multilevel/second-2",
+    name: "second-2",
+    redirect: "/multilevel/third-1",
+    meta: {
+      title: "second-2",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 2,
+      type: 1
+    },
+    children: []
+  },
+  {
+    id: "050201",
+    parentId: "0502",
+    path: "/multilevel/third-2",
+    name: "third-2",
+    component: "multilevel/third/third-2",
+    meta: {
+      title: "third-2",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 2,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "050202",
+    parentId: "0502",
+    path: "/multilevel/third-1",
+    name: "third-1",
+    component: "multilevel/third/third-1",
+    meta: {
+      title: "third-1",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 1,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "050203",
+    parentId: "0502",
+    path: "/multilevel/third-3",
+    name: "third-3",
+    component: "multilevel/third/third-3",
+    meta: {
+      title: "third-3",
+      link: "",
+      hide: false,
+      keepAlive: true,
+      affix: false,
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 3,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "050204",
+    parentId: "0502",
+    path: "/multilevel/third-4",
+    name: "third-4",
+    component: "multilevel/third/third-4",
+    meta: {
+      title: "third-4",
+      link: "",
+      hide: false,
+      keepAlive: true,
+      affix: false,
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 4,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "050205",
+    parentId: "0502",
+    path: "/multilevel/third-5",
+    name: "third-5",
+    component: "multilevel/third/third-5",
+    meta: {
+      title: "third-5",
+      link: "",
+      hide: false,
+      keepAlive: true,
+      affix: false,
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 5,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "050206",
+    parentId: "0502",
+    path: "/multilevel/third-6",
+    name: "third-6",
+    component: "multilevel/third/third-6",
+    meta: {
+      title: "third-6",
+      link: "",
+      hide: false,
+      keepAlive: true,
+      affix: false,
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 6,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "050207",
+    parentId: "0502",
+    path: "/multilevel/third-7",
+    name: "third-7",
+    component: "multilevel/third/third-7",
+    meta: {
+      title: "third-7",
+      link: "",
+      hide: false,
+      keepAlive: true,
+      affix: false,
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 7,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "050208",
+    parentId: "0502",
+    path: "/multilevel/third-8",
+    name: "third-8",
+    component: "multilevel/third/third-8",
+    meta: {
+      title: "third-8",
+      link: "",
+      hide: false,
+      keepAlive: true,
+      affix: false,
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 8,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "050209",
+    parentId: "0502",
+    path: "/multilevel/third-9",
+    name: "third-9",
+    component: "multilevel/third/third-9",
+    meta: {
+      title: "third-9",
+      link: "",
+      hide: false,
+      keepAlive: true,
+      affix: false,
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 9,
+      type: 2
+    },
+    children: []
   },
   {
     id: "06",
@@ -484,228 +495,238 @@ export default [
       sort: 6,
       type: 1
     },
-    children: [
-      {
-        id: "0601",
-        parentId: "06",
-        path: "/component/player",
-        name: "player",
-        component: "component/player/player",
-        meta: {
-          title: "player",
-          hide: false,
-          disable: false,
-          keepAlive: true,
-          affix: false,
-          link: "",
-          iframe: false,
-          roles: ["admin"],
-          icon: "icon-menu",
-          sort: 1,
-          type: 2
-        }
-      },
-      {
-        id: "0602",
-        parentId: "06",
-        path: "/component/print",
-        name: "print",
-        component: "component/print/print",
-        meta: {
-          title: "print",
-          hide: false,
-          disable: false,
-          keepAlive: true,
-          affix: false,
-          link: "",
-          iframe: false,
-          roles: ["admin"],
-          icon: "icon-menu",
-          sort: 2,
-          type: 2
-        }
-      },
-      {
-        id: "0603",
-        parentId: "06",
-        path: "/component/draggable",
-        name: "draggable",
-        component: "component/draggable/draggable",
-        meta: {
-          title: "draggable",
-          hide: false,
-          disable: false,
-          keepAlive: true,
-          affix: false,
-          link: "",
-          iframe: false,
-          roles: ["admin"],
-          icon: "icon-menu",
-          sort: 3,
-          type: 2
-        }
-      },
-      {
-        id: "0604",
-        parentId: "06",
-        path: "/component/editor",
-        name: "editor",
-        component: "component/editor/editor",
-        meta: {
-          title: "editor",
-          hide: false,
-          disable: false,
-          keepAlive: true,
-          affix: false,
-          link: "",
-          iframe: false,
-          roles: ["admin"],
-          icon: "icon-menu",
-          sort: 4,
-          type: 2
-        }
-      },
-      {
-        id: "0605",
-        parentId: "06",
-        path: "/component/newbie",
-        name: "newbie",
-        component: "component/newbie/newbie",
-        meta: {
-          title: "newbie",
-          hide: false,
-          disable: false,
-          keepAlive: true,
-          affix: false,
-          link: "",
-          iframe: false,
-          roles: ["admin"],
-          icon: "icon-menu",
-          sort: 5,
-          type: 2
-        }
-      },
-      {
-        id: "0606",
-        parentId: "06",
-        path: "/component/icon-selector",
-        name: "icon-selector",
-        component: "component/icon-selector/icon-selector",
-        meta: {
-          title: "icon-selector",
-          hide: false,
-          disable: false,
-          keepAlive: true,
-          affix: false,
-          link: "",
-          iframe: false,
-          roles: ["admin"],
-          icon: "icon-menu",
-          sort: 6,
-          type: 2
-        }
-      },
-      {
-        id: "0607",
-        parentId: "06",
-        path: "/component/user-center",
-        name: "user-center",
-        component: "component/user-center/user-center",
-        meta: {
-          title: "user-center",
-          hide: true,
-          disable: false,
-          keepAlive: true,
-          affix: false,
-          link: "",
-          iframe: false,
-          roles: ["admin"],
-          icon: "icon-menu",
-          sort: 7,
-          type: 2
-        }
-      },
-      {
-        id: "0608",
-        parentId: "06",
-        path: "/component/fingerprintjs2",
-        name: "fingerprintjs2",
-        component: "component/fingerprintjs2/fingerprintjs2",
-        meta: {
-          title: "fingerprintjs2",
-          hide: false,
-          disable: false,
-          keepAlive: true,
-          affix: false,
-          link: "",
-          iframe: false,
-          roles: ["admin"],
-          icon: "icon-menu",
-          sort: 8,
-          type: 2
-        }
-      },
-      {
-        id: "0609",
-        parentId: "06",
-        path: "/component/barcode",
-        name: "barcode",
-        component: "component/barcode/barcode",
-        meta: {
-          title: "barcode",
-          hide: false,
-          disable: false,
-          keepAlive: true,
-          affix: false,
-          link: "",
-          iframe: false,
-          roles: ["admin"],
-          icon: "icon-menu",
-          sort: 9,
-          type: 2
-        }
-      },
-      {
-        id: "0610",
-        parentId: "06",
-        path: "/component/qrcode",
-        name: "qrcode",
-        component: "component/qrcode/qrcode",
-        meta: {
-          title: "qrcode",
-          hide: false,
-          disable: false,
-          keepAlive: true,
-          affix: false,
-          link: "",
-          iframe: false,
-          roles: ["admin"],
-          icon: "icon-menu",
-          sort: 10,
-          type: 2
-        }
-      },
-      {
-        id: "0611",
-        parentId: "06",
-        path: "/component/pinyin",
-        name: "pinyin",
-        component: "component/pinyin/pinyin",
-        meta: {
-          title: "pinyin",
-          hide: false,
-          disable: false,
-          keepAlive: true,
-          affix: false,
-          link: "",
-          iframe: false,
-          roles: ["admin"],
-          icon: "icon-menu",
-          sort: 11,
-          type: 2
-        }
-      }
-    ]
+    children: []
+  },
+  {
+    id: "0601",
+    parentId: "06",
+    path: "/component/player",
+    name: "player",
+    component: "component/player/player",
+    meta: {
+      title: "player",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 1,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "0602",
+    parentId: "06",
+    path: "/component/print",
+    name: "print",
+    component: "component/print/print",
+    meta: {
+      title: "print",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 2,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "0603",
+    parentId: "06",
+    path: "/component/draggable",
+    name: "draggable",
+    component: "component/draggable/draggable",
+    meta: {
+      title: "draggable",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 3,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "0604",
+    parentId: "06",
+    path: "/component/editor",
+    name: "editor",
+    component: "component/editor/editor",
+    meta: {
+      title: "editor",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 4,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "0605",
+    parentId: "06",
+    path: "/component/newbie",
+    name: "newbie",
+    component: "component/newbie/newbie",
+    meta: {
+      title: "newbie",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 5,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "0606",
+    parentId: "06",
+    path: "/component/icon-selector",
+    name: "icon-selector",
+    component: "component/icon-selector/icon-selector",
+    meta: {
+      title: "icon-selector",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 6,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "0607",
+    parentId: "06",
+    path: "/component/user-center",
+    name: "user-center",
+    component: "component/user-center/user-center",
+    meta: {
+      title: "user-center",
+      hide: true,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 7,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "0608",
+    parentId: "06",
+    path: "/component/fingerprintjs2",
+    name: "fingerprintjs2",
+    component: "component/fingerprintjs2/fingerprintjs2",
+    meta: {
+      title: "fingerprintjs2",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 8,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "0609",
+    parentId: "06",
+    path: "/component/barcode",
+    name: "barcode",
+    component: "component/barcode/barcode",
+    meta: {
+      title: "barcode",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 9,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "0610",
+    parentId: "06",
+    path: "/component/qrcode",
+    name: "qrcode",
+    component: "component/qrcode/qrcode",
+    meta: {
+      title: "qrcode",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 10,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "0611",
+    parentId: "06",
+    path: "/component/pinyin",
+    name: "pinyin",
+    component: "component/pinyin/pinyin",
+    meta: {
+      title: "pinyin",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 11,
+      type: 2
+    },
+    children: []
   },
   {
     id: "07",
@@ -726,68 +747,70 @@ export default [
       sort: 7,
       type: 1
     },
-    children: [
-      {
-        id: "0701",
-        parentId: "07",
-        path: "/directive/anti-shake",
-        name: "anti-shake",
-        component: "directive/anti-shake/anti-shake",
-        meta: {
-          title: "anti-shake",
-          hide: false,
-          disable: false,
-          keepAlive: true,
-          affix: false,
-          link: "",
-          iframe: false,
-          roles: ["admin"],
-          icon: "icon-menu",
-          sort: 1,
-          type: 2
-        }
-      },
-      {
-        id: "0702",
-        parentId: "07",
-        path: "/directive/throttle",
-        name: "throttle",
-        component: "directive/throttle/throttle",
-        meta: {
-          title: "throttle",
-          hide: false,
-          disable: false,
-          keepAlive: true,
-          affix: false,
-          link: "",
-          iframe: false,
-          roles: ["admin"],
-          icon: "icon-menu",
-          sort: 2,
-          type: 2
-        }
-      },
-      {
-        id: "0703",
-        parentId: "07",
-        path: "/directive/test-directive",
-        name: "test-directive",
-        component: "directive/test-directive/test-directive",
-        meta: {
-          title: "test-directive",
-          hide: false,
-          disable: false,
-          keepAlive: true,
-          affix: false,
-          link: "",
-          iframe: false,
-          roles: ["admin"],
-          icon: "icon-menu",
-          sort: 3,
-          type: 2
-        }
-      }
-    ]
+    children: []
+  },
+  {
+    id: "0701",
+    parentId: "07",
+    path: "/directive/anti-shake",
+    name: "anti-shake",
+    component: "directive/anti-shake/anti-shake",
+    meta: {
+      title: "anti-shake",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 1,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "0702",
+    parentId: "07",
+    path: "/directive/throttle",
+    name: "throttle",
+    component: "directive/throttle/throttle",
+    meta: {
+      title: "throttle",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 2,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "0703",
+    parentId: "07",
+    path: "/directive/test-directive",
+    name: "test-directive",
+    component: "directive/test-directive/test-directive",
+    meta: {
+      title: "test-directive",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 3,
+      type: 2
+    },
+    children: []
   },
   {
     id: "08",
@@ -808,48 +831,49 @@ export default [
       sort: 8,
       type: 1
     },
-    children: [
-      {
-        id: "0801",
-        parentId: "08",
-        path: "/personal/userinfo",
-        name: "userinfo",
-        component: "personal/userinfo/userinfo",
-        meta: {
-          title: "userinfo",
-          hide: false,
-          disable: false,
-          keepAlive: true,
-          affix: false,
-          link: "",
-          iframe: false,
-          roles: ["admin"],
-          icon: "icon-menu",
-          sort: 1,
-          type: 2
-        }
-      },
-      {
-        id: "0802",
-        parentId: "08",
-        path: "/personal/user-settings",
-        name: "user-settings",
-        component: "personal/user-settings/user-settings",
-        meta: {
-          title: "user-settings",
-          hide: false,
-          disable: false,
-          keepAlive: true,
-          affix: false,
-          link: "",
-          iframe: false,
-          roles: ["admin"],
-          icon: "icon-menu",
-          sort: 2,
-          type: 2
-        }
-      }
-    ]
+    children: []
+  },
+  {
+    id: "0801",
+    parentId: "08",
+    path: "/personal/userinfo",
+    name: "userinfo",
+    component: "personal/userinfo/userinfo",
+    meta: {
+      title: "userinfo",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 1,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "0802",
+    parentId: "08",
+    path: "/personal/user-settings",
+    name: "user-settings",
+    component: "personal/user-settings/user-settings",
+    meta: {
+      title: "user-settings",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 2,
+      type: 2
+    },
+    children: []
   },
   {
     id: "09",
@@ -870,128 +894,133 @@ export default [
       sort: 9,
       type: 1
     },
-    children: [
-      {
-        id: "0901",
-        parentId: "09",
-        path: "/system/account",
-        name: "account",
-        component: "system/account/account",
-        meta: {
-          title: "account",
-          hide: false,
-          disable: false,
-          keepAlive: true,
-          affix: false,
-          link: "",
-          iframe: false,
-          roles: ["admin"],
-          icon: "icon-menu",
-          sort: 1,
-          type: 2
-        }
-      },
-      {
-        id: "0902",
-        parentId: "09",
-        path: "/system/role",
-        name: "role",
-        component: "system/role/role",
-        meta: {
-          title: "role",
-          hide: false,
-          disable: false,
-          keepAlive: true,
-          affix: false,
-          link: "",
-          iframe: false,
-          roles: ["admin"],
-          icon: "icon-menu",
-          sort: 2,
-          type: 2
-        }
-      },
-      {
-        id: "0903",
-        parentId: "09",
-        path: "/system/menu",
-        name: "menu",
-        component: "system/menu/menu",
-        meta: {
-          title: "menu",
-          hide: false,
-          disable: false,
-          keepAlive: true,
-          affix: false,
-          link: "",
-          iframe: false,
-          roles: ["admin"],
-          icon: "icon-menu",
-          sort: 3,
-          type: 2
-        }
-      },
-      {
-        id: "0904",
-        parentId: "09",
-        path: "/system/division",
-        name: "division",
-        component: "system/division/division",
-        meta: {
-          title: "division",
-          hide: false,
-          disable: false,
-          keepAlive: true,
-          affix: false,
-          link: "",
-          iframe: false,
-          roles: ["admin"],
-          icon: "icon-menu",
-          sort: 4,
-          type: 2
-        }
-      },
-      {
-        id: "0905",
-        parentId: "09",
-        path: "/system/dictionary",
-        name: "dictionary",
-        component: "system/dictionary/dictionary",
-        meta: {
-          title: "dictionary",
-          hide: false,
-          disable: false,
-          keepAlive: true,
-          affix: false,
-          link: "",
-          iframe: false,
-          roles: ["admin"],
-          icon: "icon-menu",
-          sort: 5,
-          type: 2
-        }
-      },
-      {
-        id: "0906",
-        parentId: "09",
-        path: "/system/log",
-        name: "log",
-        component: "system/log/log",
-        meta: {
-          title: "log",
-          hide: true,
-          disable: false,
-          keepAlive: true,
-          affix: false,
-          link: "",
-          iframe: false,
-          roles: ["admin"],
-          icon: "icon-menu",
-          sort: 6,
-          type: 2
-        }
-      }
-    ]
+    children: []
+  },
+  {
+    id: "0901",
+    parentId: "09",
+    path: "/system/account",
+    name: "account",
+    component: "system/account/account",
+    meta: {
+      title: "account",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 1,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "0902",
+    parentId: "09",
+    path: "/system/role",
+    name: "role",
+    component: "system/role/role",
+    meta: {
+      title: "role",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 2,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "0903",
+    parentId: "09",
+    path: "/system/menu",
+    name: "menu",
+    component: "system/menu/menu",
+    meta: {
+      title: "menu",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 3,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "0904",
+    parentId: "09",
+    path: "/system/division",
+    name: "division",
+    component: "system/division/division",
+    meta: {
+      title: "division",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 4,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "0905",
+    parentId: "09",
+    path: "/system/dictionary",
+    name: "dictionary",
+    component: "system/dictionary/dictionary",
+    meta: {
+      title: "dictionary",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 5,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "0906",
+    parentId: "09",
+    path: "/system/log",
+    name: "log",
+    component: "system/log/log",
+    meta: {
+      title: "log",
+      hide: true,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 6,
+      type: 2
+    },
+    children: []
   },
   {
     id: "10",
@@ -1012,212 +1041,217 @@ export default [
       sort: 10,
       type: 1
     },
-    children: [
-      {
-        id: "1001",
-        parentId: "10",
-        path: "/link/internal",
-        name: "internal",
-        redirect: "/link/internal/uigradients",
-        meta: {
-          title: "internal",
-          hide: false,
-          disable: false,
-          keepAlive: true,
-          affix: false,
-          link: "",
-          iframe: false,
-          roles: ["admin"],
-          icon: "icon-menu",
-          sort: 1,
-          type: 1
-        },
-        children: [
-          {
-            id: "100101",
-            parentId: "1001",
-            path: "/link/internal/uigradients",
-            name: "uigradients",
-            component: "link/internal/internal",
-            meta: {
-              title: "uigradients",
-              hide: false,
-              keepAlive: true,
-              disable: false,
-              affix: false,
-              link: "https://uigradients.com/#HoneyDew", // 链接
-              iframe: true, // 区分是否内链 true内链 false外链
-              roles: ["admin"],
-              icon: "icon-menu",
-              sort: 1,
-              type: 2
-            }
-          },
-          {
-            id: "100102",
-            parentId: "1001",
-            path: "/link/internal/color-taking-tool",
-            name: "color-taking-tool",
-            component: "link/internal/internal",
-            meta: {
-              title: "color-taking-tool",
-              hide: false,
-              disable: false,
-              keepAlive: true,
-              affix: false,
-              link: "https://photokit.com/colors/eyedropper/?lang=zh", // 链接
-              iframe: true, // 区分是否内链 true内链 false外链
-              roles: ["admin"],
-              icon: "icon-menu",
-              sort: 2,
-              type: 2
-            }
-          },
-          {
-            id: "100103",
-            parentId: "1001",
-            path: "/link/internal/grid-generator",
-            name: "grid-generator",
-            component: "link/internal/internal",
-            meta: {
-              title: "grid-generator",
-              hide: false,
-              disable: false,
-              keepAlive: true,
-              affix: false,
-              link: "https://cssgrid-generator.netlify.app/", // 链接
-              iframe: true, // 区分是否内链 true内链 false外链
-              roles: ["admin"],
-              icon: "icon-menu",
-              sort: 3,
-              type: 2
-            }
-          }
-        ]
-      },
-      {
-        id: "1002",
-        parentId: "10",
-        path: "/link/external",
-        name: "external",
-        redirect: "/link/external/link-vue",
-        meta: {
-          title: "external",
-          hide: false,
-          disable: false,
-          keepAlive: true,
-          affix: false,
-          link: "",
-          iframe: false,
-          roles: ["admin"],
-          icon: "icon-menu",
-          sort: 2,
-          type: 1
-        },
-        children: [
-          {
-            id: "100201",
-            parentId: "1002",
-            path: "/link/external/SnowAdmin-Docs",
-            name: "SnowAdmin-Docs",
-            component: "link/external/external",
-            meta: {
-              title: "SnowAdmin-Docs",
-              hide: false,
-              disable: false,
-              keepAlive: true,
-              affix: false,
-              link: "http://101.126.93.137:81/", // 链接
-              iframe: false, // 区分是否内链 true内链 false外链
-              roles: ["admin"],
-              icon: "icon-menu",
-              sort: 5,
-              type: 2
-            }
-          },
-          {
-            id: "100202",
-            parentId: "1002",
-            path: "/link/external/vue",
-            name: "vue",
-            component: "link/external/external",
-            meta: {
-              title: "vue",
-              hide: false,
-              disable: false,
-              keepAlive: true,
-              affix: false,
-              link: "https://cn.vuejs.org/", // 链接
-              iframe: false, // 区分是否内链 true内链 false外链
-              roles: ["admin"],
-              icon: "icon-menu",
-              sort: 1,
-              type: 2
-            }
-          },
-          {
-            id: "100203",
-            parentId: "1002",
-            path: "/link/external/vite",
-            name: "vite",
-            component: "link/external/external",
-            meta: {
-              title: "vite",
-              hide: false,
-              disable: false,
-              keepAlive: true,
-              affix: false,
-              link: "https://www.vitejs.net/", // 链接
-              iframe: false, // 区分是否内链 true内链 false外链
-              roles: ["admin"],
-              icon: "icon-menu",
-              sort: 2,
-              type: 2
-            }
-          },
-          {
-            id: "100204",
-            parentId: "1002",
-            path: "/link/external/github",
-            name: "github",
-            component: "link/external/external",
-            meta: {
-              title: "github",
-              hide: false,
-              disable: true,
-              keepAlive: true,
-              affix: false,
-              link: "https://github.com/WANG-Fan0912/SnowAdmin", // 链接
-              iframe: false, // 区分是否内链 true内链 false外链
-              roles: ["admin"],
-              icon: "icon-menu",
-              sort: 3,
-              type: 2
-            }
-          },
-          {
-            id: "100205",
-            parentId: "1002",
-            path: "/link/external/juejin",
-            name: "juejin",
-            component: "link/external/external",
-            meta: {
-              title: "juejin",
-              hide: false,
-              disable: false,
-              keepAlive: true,
-              affix: false,
-              link: "https://juejin.cn/user/1728883023940600", // 链接
-              iframe: false, // 区分是否内链 true内链 false外链
-              roles: ["admin"],
-              icon: "icon-menu",
-              sort: 4,
-              type: 2
-            }
-          }
-        ]
-      }
-    ]
+    children: []
+  },
+  {
+    id: "1001",
+    parentId: "10",
+    path: "/link/internal",
+    name: "internal",
+    redirect: "/link/internal/uigradients",
+    meta: {
+      title: "internal",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 1,
+      type: 1
+    },
+    children: []
+  },
+  {
+    id: "100101",
+    parentId: "1001",
+    path: "/link/internal/uigradients",
+    name: "uigradients",
+    component: "link/internal/internal",
+    meta: {
+      title: "uigradients",
+      hide: false,
+      keepAlive: true,
+      disable: false,
+      affix: false,
+      link: "https://uigradients.com/#HoneyDew", // 链接
+      iframe: true, // 区分是否内链 true内链 false外链
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 1,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "100102",
+    parentId: "1001",
+    path: "/link/internal/color-taking-tool",
+    name: "color-taking-tool",
+    component: "link/internal/internal",
+    meta: {
+      title: "color-taking-tool",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "https://photokit.com/colors/eyedropper/?lang=zh", // 链接
+      iframe: true, // 区分是否内链 true内链 false外链
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 2,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "100103",
+    parentId: "1001",
+    path: "/link/internal/grid-generator",
+    name: "grid-generator",
+    component: "link/internal/internal",
+    meta: {
+      title: "grid-generator",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "https://cssgrid-generator.netlify.app/", // 链接
+      iframe: true, // 区分是否内链 true内链 false外链
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 3,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "1002",
+    parentId: "10",
+    path: "/link/external",
+    name: "external",
+    redirect: "/link/external/link-vue",
+    meta: {
+      title: "external",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 2,
+      type: 1
+    },
+    children: []
+  },
+  {
+    id: "100201",
+    parentId: "1002",
+    path: "/link/external/SnowAdmin-Docs",
+    name: "SnowAdmin-Docs",
+    component: "link/external/external",
+    meta: {
+      title: "SnowAdmin-Docs",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "http://101.126.93.137:81/", // 链接
+      iframe: false, // 区分是否内链 true内链 false外链
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 5,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "100202",
+    parentId: "1002",
+    path: "/link/external/vue",
+    name: "vue",
+    component: "link/external/external",
+    meta: {
+      title: "vue",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "https://cn.vuejs.org/", // 链接
+      iframe: false, // 区分是否内链 true内链 false外链
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 1,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "100203",
+    parentId: "1002",
+    path: "/link/external/vite",
+    name: "vite",
+    component: "link/external/external",
+    meta: {
+      title: "vite",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "https://www.vitejs.net/", // 链接
+      iframe: false, // 区分是否内链 true内链 false外链
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 2,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "100204",
+    parentId: "1002",
+    path: "/link/external/github",
+    name: "github",
+    component: "link/external/external",
+    meta: {
+      title: "github",
+      hide: false,
+      disable: true,
+      keepAlive: true,
+      affix: false,
+      link: "https://github.com/WANG-Fan0912/SnowAdmin", // 链接
+      iframe: false, // 区分是否内链 true内链 false外链
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 3,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "100205",
+    parentId: "1002",
+    path: "/link/external/juejin",
+    name: "juejin",
+    component: "link/external/external",
+    meta: {
+      title: "juejin",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "https://juejin.cn/user/1728883023940600", // 链接
+      iframe: false, // 区分是否内链 true内链 false外链
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 4,
+      type: 2
+    },
+    children: []
   },
   {
     id: "11",
@@ -1237,7 +1271,8 @@ export default [
       svgIcon: "switch",
       sort: 11,
       type: 2
-    }
+    },
+    children: []
   },
   {
     id: "12",
@@ -1257,7 +1292,8 @@ export default [
       svgIcon: "switch",
       sort: 12,
       type: 2
-    }
+    },
+    children: []
   },
   {
     id: "13",
@@ -1278,48 +1314,49 @@ export default [
       sort: 13,
       type: 1
     },
-    children: [
-      {
-        id: "1301",
-        parentId: "13",
-        path: "/permission/test1",
-        name: "test1",
-        component: "permission/test1/test1",
-        meta: {
-          title: "test-1",
-          hide: false,
-          disable: false,
-          keepAlive: true,
-          affix: false,
-          link: "",
-          iframe: false,
-          roles: ["admin"],
-          icon: "icon-menu",
-          sort: 1,
-          type: 2
-        }
-      },
-      {
-        id: "1302",
-        parentId: "13",
-        path: "/permission/test2",
-        name: "test2",
-        component: "permission/test2/test2",
-        meta: {
-          title: "test-2",
-          hide: false,
-          disable: false,
-          keepAlive: true,
-          affix: false,
-          link: "",
-          iframe: false,
-          roles: ["admin", "common"],
-          icon: "icon-menu",
-          sort: 2,
-          type: 2
-        }
-      }
-    ]
+    children: []
+  },
+  {
+    id: "1301",
+    parentId: "13",
+    path: "/permission/test1",
+    name: "test1",
+    component: "permission/test1/test1",
+    meta: {
+      title: "test-1",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 1,
+      type: 2
+    },
+    children: []
+  },
+  {
+    id: "1302",
+    parentId: "13",
+    path: "/permission/test2",
+    name: "test2",
+    component: "permission/test2/test2",
+    meta: {
+      title: "test-2",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin", "common"],
+      icon: "icon-menu",
+      sort: 2,
+      type: 2
+    },
+    children: []
   },
   {
     id: "14",
@@ -1339,14 +1376,15 @@ export default [
       svgIcon: "amap",
       sort: 14,
       type: 2
-    }
+    },
+    children: []
   },
   {
     id: "15",
     parentId: "0",
     path: "/i18n",
     name: "i18n",
-    component: "i18n/i18n",
+    component: "i18n/show/index",
     meta: {
       title: "i18n",
       hide: false,
@@ -1359,7 +1397,8 @@ export default [
       svgIcon: "earth",
       sort: 15,
       type: 2
-    }
+    },
+    children: []
   },
   {
     id: "16",
@@ -1379,6 +1418,7 @@ export default [
       svgIcon: "about",
       sort: 16,
       type: 2
-    }
+    },
+    children: []
   }
 ];
diff --git a/src/mock/_utils.ts b/src/mock/_utils.ts
index f5a5a08..b1ff1fe 100644
--- a/src/mock/_utils.ts
+++ b/src/mock/_utils.ts
@@ -52,8 +52,8 @@ export const treeSort = (tree: Menu.MenuOptions[]) => {
 
 /**
  * 过滤路由树，返回有权限的树
- * 1、先过滤停用的菜单，该菜单是不可访问的，直接去掉
- * 2、根据角色权限过滤原始路由树
+ * 1、根据角色权限过滤原始路由树
+ * 2、过滤禁用的菜单，该菜单是不可访问的，直接去掉
  * @param {array} tree 根据角色权限过滤原始路由树
  * @returns 返回有权限的树
  */
@@ -65,7 +65,6 @@ export const filterByRole = (tree: any, userRoles: Array<string>) => {
     }
     // 过滤是否禁用
     if (item?.meta?.disable) return false;
-    if (item.children) item.children = filterByRole(item.children, userRoles);
     return true;
   });
 };
@@ -122,3 +121,32 @@ export function deepClone(data: any) {
   }
   return cloned;
 }
+
+/**
+ * 将扁平路由组装成树形结构
+ * @param {array} nodes 扁平数组
+ * @returns 树形结构
+ */
+export const buildTreeOptimized = (nodes: Menu.MenuOptions[]) => {
+  const nodeMap = new Map(); // 哈希映射存储节点引用
+  const roots = []; // 存储顶层节点
+
+  // 单次遍历构建结构（兼容乱序数据）
+  for (const node of nodes) {
+    const { id, parentId } = node;
+    node.children = []; // 初始化子节点数组
+
+    // 将当前节点存入哈希表
+    nodeMap.set(id, node);
+
+    // 处理父子关系
+    if (parentId === "0") {
+      roots.push(node); // 顶层节点直接加入结果
+    } else {
+      const parent = nodeMap.get(parentId);
+      parent?.children.push(node); // 子节点挂载到父级
+    }
+  }
+
+  return roots;
+};
diff --git a/src/mock/system/menu.ts b/src/mock/system/menu.ts
index f4d76b5..71a5e90 100644
--- a/src/mock/system/menu.ts
+++ b/src/mock/system/menu.ts
@@ -1,16 +1,17 @@
 import type { MockMethod } from "vite-plugin-mock";
-import { deepClone, filterByRole, treeSort, resultSuccess } from "../_utils";
+import { deepClone, filterByRole, buildTreeOptimized, treeSort, resultSuccess } from "../_utils";
 import systemMenu from "../_data/system_menu";
 
 /**
  * 初始化
- * 后端TODO
+ * 后端接口需要做的事情：
  * 1、根据token判断角色
- * 2、根据角色过滤权限树
+ * 2、过滤扁平路由，根据角色过滤权限和非禁用的节点
+ * 3、将扁平路由转换为树结构
  * 3、路由树排序
  * 4、返回路由树
  *
- * 前端TODO
+ * 前端调用接口拿到路由数据后：
  * 1、将模块设置为真实模块
  * 2、存储路由树，用于生成菜单
  * 3、根据树生成一维路由数组
@@ -29,7 +30,12 @@ export default [
       // 这里模拟两个角色，admin、common
       let userRoles = token === "Admin-Token" ? ["admin"] : ["common"];
       const originTree: any = deepClone(systemMenu);
-      return resultSuccess(treeSort(filterByRole(originTree, userRoles)));
+      // 1. 过滤扁平路由，根据角色返回有权限且非禁用的节点
+      const survivalTree = filterByRole(originTree, userRoles);
+      // 2. 将扁平路由转换为树结构
+      // 2. 给路由树排序
+      // 3. 返回路由树
+      return resultSuccess(treeSort(buildTreeOptimized(survivalTree)));
     }
   }
 ] as MockMethod[];
diff --git a/src/typings/global.d.ts b/src/typings/global.d.ts
index 6100232..9eaa26f 100644
--- a/src/typings/global.d.ts
+++ b/src/typings/global.d.ts
@@ -2,6 +2,8 @@
 /* 路由-Menu */
 declare namespace Menu {
   interface MenuOptions {
+    id: string;
+    parentId: string;
     path: string;
     name: string;
     redirect?: string;
@@ -21,6 +23,7 @@ declare namespace Menu {
     icon?: string;
     svgIcon?: string;
     sort?: number;
+    type?: number;
   }
 }
 /* tabs菜单 */
diff --git a/src/views/i18n/i18n.vue b/src/views/i18n/show/index.vue
similarity index 95%
rename from src/views/i18n/i18n.vue
rename to src/views/i18n/show/index.vue
index bd54907..0758356 100644
--- a/src/views/i18n/i18n.vue
+++ b/src/views/i18n/show/index.vue
@@ -1,33 +1,33 @@
-<template>
-  <div class="snow-page">
-    <div class="snow-inner">
-      <p>{{ $t(`system.switch-language-to-preview`) }}</p>
-      <br />
-      <div>
-        <a-date-picker style="width: 200px" v-model="form.time" />
-      </div>
-      <br />
-      <div>
-        <a-time-picker type="time-range" style="width: 252px" v-model="form.timeRange" />
-      </div>
-      <br />
-      <div>
-        <a-range-picker style="width: 360px" show-time format="YYYY-MM-DD HH:mm" v-model="form.date" />
-      </div>
-      <br />
-      <div>
-        <a-pagination :total="50" show-total show-jumper show-page-size />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-const form = reactive({
-  time: "",
-  timeRange: [],
-  date: []
-});
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <div class="snow-page">
+    <div class="snow-inner">
+      <p>{{ $t(`system.switch-language-to-preview`) }}</p>
+      <br />
+      <div>
+        <a-date-picker style="width: 200px" v-model="form.time" />
+      </div>
+      <br />
+      <div>
+        <a-time-picker type="time-range" style="width: 252px" v-model="form.timeRange" />
+      </div>
+      <br />
+      <div>
+        <a-range-picker style="width: 360px" show-time format="YYYY-MM-DD HH:mm" v-model="form.date" />
+      </div>
+      <br />
+      <div>
+        <a-pagination :total="50" show-total show-jumper show-page-size />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+const form = reactive({
+  time: "",
+  timeRange: [],
+  date: []
+});
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/src/views/system/account/account.vue b/src/views/system/account/account.vue
index 49259f7..d0cefb9 100644
--- a/src/views/system/account/account.vue
+++ b/src/views/system/account/account.vue
@@ -83,7 +83,7 @@
                     <template #icon><icon-edit /></template>
                     <span>修改</span>
                   </a-button>
-                  <a-popconfirm type="warning" content="确定删除该角色吗?">
+                  <a-popconfirm type="warning" content="确定删除该账号吗?">
                     <a-button type="primary" status="danger" size="mini" :disabled="record.admin">
                       <template #icon><icon-delete /></template>
                       <span>删除</span>
@@ -166,7 +166,7 @@
             </a-switch>
           </a-form-item>
           <a-form-item field="description" label="描述" validate-trigger="blur">
-            <a-textarea v-model="addFrom.description" placeholder="请输入字典描述" allow-clear />
+            <a-textarea v-model="addFrom.description" placeholder="请输入描述" allow-clear />
           </a-form-item>
         </a-form>
       </div>
diff --git a/src/views/system/dictionary/dictionary.vue b/src/views/system/dictionary/dictionary.vue
index ebcf321..e6a63c2 100644
--- a/src/views/system/dictionary/dictionary.vue
+++ b/src/views/system/dictionary/dictionary.vue
@@ -67,7 +67,7 @@
                   <template #icon><icon-edit /></template>
                   <span>修改</span>
                 </a-button>
-                <a-popconfirm type="warning" content="确定删除该角色吗?" @ok="onDelete">
+                <a-popconfirm type="warning" content="确定删除该字典吗?" @ok="onDelete">
                   <a-button type="primary" status="danger" size="mini">
                     <template #icon><icon-delete /></template>
                     <span>删除</span>
@@ -150,7 +150,7 @@
                     <template #icon><icon-edit /></template>
                     <span>修改</span>
                   </a-button>
-                  <a-popconfirm type="warning" content="确定删除该角色吗?">
+                  <a-popconfirm type="warning" content="确定删除该字典吗?">
                     <a-button type="primary" status="danger" size="mini">
                       <template #icon><icon-delete /></template>
                       <span>删除</span>
diff --git a/src/views/system/division/division.vue b/src/views/system/division/division.vue
index dd13a79..090045b 100644
--- a/src/views/system/division/division.vue
+++ b/src/views/system/division/division.vue
@@ -142,7 +142,7 @@
             </a-col>
           </a-row>
           <a-form-item field="description" label="描述" validate-trigger="blur">
-            <a-textarea v-model="addFrom.description" placeholder="请输入字典描述" allow-clear />
+            <a-textarea v-model="addFrom.description" placeholder="请输入描述" allow-clear />
           </a-form-item>
         </a-form>
       </div>
diff --git a/src/views/system/menu/menu.vue b/src/views/system/menu/menu.vue
index dfdf017..b7ffe0e 100644
--- a/src/views/system/menu/menu.vue
+++ b/src/views/system/menu/menu.vue
@@ -28,8 +28,10 @@
             <span>新增</span>
           </a-button>
           <a-button type="primary" status="success" @click="onExpand">
-            <template #icon><icon-swap /></template>
-            <span>折叠</span>
+            <template #icon>
+              <icon-swap />
+            </template>
+            <span>{{ expand ? "收起" : "展开" }}</span>
           </a-button>
         </a-space>
       </a-row>
@@ -118,7 +120,7 @@
                   <template #icon><icon-edit /></template>
                   <span>修改</span>
                 </a-button>
-                <a-button size="mini" type="primary" status="success">
+                <a-button size="mini" type="primary" status="success" v-if="record.meta.type != 3">
                   <template #icon><icon-plus /></template>
                   <span>新增</span>
                 </a-button>
@@ -138,26 +140,33 @@
       <div>
         <a-form ref="formRef" auto-label-width :rules="rules" :model="addFrom">
           <a-form-item field="type" label="菜单类型" validate-trigger="blur">
-            <a-radio-group type="button" v-model="addFrom.type">
+            <a-radio-group type="button" v-model="addFrom.type" @change="typeChange">
               <a-radio v-for="item in menuType" :key="item.value" :value="item.value">{{ item.name }}</a-radio>
             </a-radio-group>
           </a-form-item>
-          <a-form-item field="id" label="上级菜单" validate-trigger="blur">
+          <a-form-item field="parentId" label="上级菜单" validate-trigger="blur">
             <a-tree-select
-              v-model="addFrom.id"
+              v-model="addFrom.parentId"
               :data="menuTree"
               :field-names="{
                 key: 'id',
                 title: 'i18n',
                 children: 'children'
               }"
+              allow-clear
               placeholder="请选择上级菜单"
             ></a-tree-select>
+            <template #extra>
+              <div>未选择则默认第一级</div>
+            </template>
           </a-form-item>
-          <a-row :gutter="24">
+          <a-row :gutter="24" v-if="[1, 2].includes(addFrom.type)">
             <a-col :span="12">
               <a-form-item field="svgIcon" label="自定义图标" validate-trigger="blur">
                 <SelectIcon type="svg" v-model="addFrom.svgIcon" />
+                <template #extra>
+                  <div>自定义图标优先级高于菜单图标</div>
+                </template>
               </a-form-item>
             </a-col>
             <a-col :span="12">
@@ -166,42 +175,59 @@
               </a-form-item>
             </a-col>
           </a-row>
-          <a-row :gutter="24">
-            <a-col :span="12">
-              <a-form-item field="name" label="菜单名称" validate-trigger="blur">
-                <a-input v-model="addFrom.name" placeholder="请输入菜单名称" allow-clear />
-              </a-form-item>
-            </a-col>
-            <a-col :span="12">
-              <a-form-item field="title" label="国际化Key" validate-trigger="blur">
-                <a-input v-model="addFrom.title" placeholder="请输入国际化Key" allow-clear />
-              </a-form-item>
-            </a-col>
-          </a-row>
-          <a-form-item field="path" label="路由路径" validate-trigger="blur">
-            <a-input v-model="addFrom.path" placeholder="请输入路由路径" allow-clear />
+          <a-form-item field="name" label="菜单名称" validate-trigger="blur">
+            <a-input v-model="addFrom.name" placeholder="请输入菜单名称，如：home" allow-clear @change="nameChange" />
           </a-form-item>
-          <a-form-item field="redirect" label="重定向路径" validate-trigger="blur">
-            <a-input v-model="addFrom.redirect" placeholder="请输入重定向路径" allow-clear />
+          <a-form-item v-if="[1, 2].includes(addFrom.type)" field="path" label="路由路径" validate-trigger="blur">
+            <a-input v-model="addFrom.path" placeholder="请输入路由路径，如：/home" allow-clear disabled />
+          </a-form-item>
+          <a-form-item field="title" label="菜单标题" validate-trigger="blur">
+            <a-input v-model="addFrom.title" placeholder="请输入菜单标题" allow-clear />
+            <template #extra>
+              <div>
+                优先匹配国际化Key
+                <span v-if="addFrom.title">menu.{{ addFrom.title }}</span>
+                （无对应Key则直接取标题展示）
+              </div>
+            </template>
+          </a-form-item>
+          <a-form-item v-if="addFrom.type == 3" field="permission" label="权限标识" validate-trigger="blur">
+            <a-input v-model="addFrom.permission" placeholder="请输入权限标识，如：sys:btn:add" allow-clear />
+          </a-form-item>
+
+          <a-form-item v-if="[1, 2].includes(addFrom.type)" field="redirect" label="路由重定向" validate-trigger="blur">
+            <a-input v-model="addFrom.redirect" placeholder="请输入路由重定向" allow-clear />
+          </a-form-item>
+          <a-form-item
+            v-if="addFrom.type == 2"
+            field="component"
+            label="组件路径"
+            validate-trigger="blur"
+            :disabled="addFrom.isLink"
+          >
+            <a-input v-model="addFrom.component" placeholder="请输入组件路径" allow-clear>
+              <template #prepend>@/views/</template>
+              <template #append>.vue</template>
+            </a-input>
           </a-form-item>
           <a-row :gutter="24">
-            <a-col :span="8">
+            <a-col :span="8" v-if="[1, 2].includes(addFrom.type)">
               <a-form-item field="hide" label="显示状态" validate-trigger="blur">
-                <a-switch type="round" v-model="addFrom.hide">
+                <a-switch type="round" v-model="addFrom.hide" :checked-value="false" :unchecked-value="true">
                   <template #checked> 显示 </template>
                   <template #unchecked> 隐藏 </template>
                 </a-switch>
               </a-form-item>
             </a-col>
-            <a-col :span="8">
+            <a-col :span="8" v-if="[1, 2].includes(addFrom.type)">
               <a-form-item field="disable" label="启用状态" validate-trigger="blur">
-                <a-switch type="round" v-model="addFrom.disable">
+                <a-switch type="round" v-model="addFrom.disable" :checked-value="false" :unchecked-value="true">
                   <template #checked> 启用 </template>
                   <template #unchecked> 禁用 </template>
                 </a-switch>
               </a-form-item>
             </a-col>
-            <a-col :span="8">
+            <a-col :span="8" v-if="addFrom.type == 2">
               <a-form-item field="keepAlive" label="是否缓存" validate-trigger="blur">
                 <a-switch type="round" v-model="addFrom.keepAlive">
                   <template #checked> 是 </template>
@@ -210,7 +236,7 @@
               </a-form-item>
             </a-col>
           </a-row>
-          <a-row :gutter="24">
+          <a-row :gutter="24" v-if="addFrom.type == 2">
             <a-col :span="8">
               <a-form-item field="affix" label="固定Tabs" validate-trigger="blur">
                 <a-switch type="round" v-model="addFrom.affix">
@@ -221,22 +247,22 @@
             </a-col>
             <a-col :span="8">
               <a-form-item field="isLink" label="是否外链" validate-trigger="blur">
-                <a-switch type="round" v-model="addFrom.isLink">
+                <a-switch type="round" v-model="addFrom.isLink" @change="onIsLink">
                   <template #checked> 是 </template>
                   <template #unchecked> 否 </template>
                 </a-switch>
               </a-form-item>
             </a-col>
             <a-col :span="8">
-              <a-form-item field="iframe" label="内嵌外链窗口" validate-trigger="blur" :disabled="!addFrom.isLink">
-                <a-switch type="round" v-model="addFrom.iframe">
+              <a-form-item field="iframe" label="内嵌窗口" validate-trigger="blur" :disabled="!addFrom.isLink">
+                <a-switch type="round" v-model="addFrom.iframe" @change="onIframe">
                   <template #checked> 是 </template>
                   <template #unchecked> 否 </template>
                 </a-switch>
               </a-form-item>
             </a-col>
           </a-row>
-          <a-form-item field="link" label="外链路径" validate-trigger="blur" v-if="addFrom.isLink">
+          <a-form-item field="link" label="外链路径" validate-trigger="blur" v-if="addFrom.type == 2 && addFrom.isLink">
             <a-input v-model="addFrom.link" placeholder="请输入路由路径" allow-clear />
           </a-form-item>
           <a-form-item field="link" label="菜单排序" validate-trigger="blur">
@@ -280,44 +306,14 @@ const onEdit = (row: Menu.MenuOptions) => {
 };
 // 新增
 const open = ref(false);
-const rules = {
-  userName: [
-    {
-      required: true,
-      message: "请输入用户名称"
-    }
-  ],
-  nickName: [
-    {
-      required: true,
-      message: "请输入昵称"
-    }
-  ],
-  sex: [
-    {
-      required: true,
-      message: "请选择性别"
-    }
-  ],
-  deptId: [
-    {
-      required: true,
-      message: "请选择所属部门"
-    }
-  ],
-  roles: [
-    {
-      required: true,
-      message: "请选择角色"
-    }
-  ],
-  status: [
-    {
-      required: true,
-      message: "请选择状态"
-    }
-  ]
-};
+const rules = ref({
+  parentId: [{ required: false, message: "请选择上级菜单" }],
+  name: [{ required: true, message: "请输入菜单名称" }],
+  title: [{ required: true, message: "请输入菜单标题" }],
+  path: [{ required: true, message: "请输入路由路径" }],
+  permission: [{ required: true, message: "请输入权限标识" }]
+});
+
 const menuType = ref([
   { name: "目录", value: 1 },
   { name: "菜单", value: 2 },
@@ -325,13 +321,15 @@ const menuType = ref([
 ]);
 const addFrom = ref<any>({
   type: 1,
-  id: "",
+  parentId: "",
   svgIcon: "",
   icon: "",
   name: "",
   title: "",
+  permission: "",
   path: "",
   redirect: "",
+  component: "",
   hide: false,
   disable: false,
   keepAlive: true,
@@ -353,19 +351,22 @@ const handleOk = async () => {
   let state = await formRef.value.validate();
   if (state) return (open.value = true); // 校验不通过
   arcoMessage("success", "模拟提交成功");
+  console.log("提交", addFrom.value);
 };
 // 关闭对话框动画结束后触发
 const afterClose = () => {
   formRef.value.resetFields();
   addFrom.value = {
     type: 1,
-    id: "",
+    parentId: "",
     svgIcon: "",
     icon: "",
     name: "",
     title: "",
+    permission: "",
     path: "",
     redirect: "",
+    component: "",
     hide: false,
     disable: false,
     keepAlive: true,
@@ -377,17 +378,59 @@ const afterClose = () => {
   };
 };
 
+// 菜单类型
+const typeChange = (val: number) => {
+  rules.value.parentId[0].required = val == 3;
+  formRef.value.clearValidate();
+};
+
+// 菜单名称
+const nameChange = (str: string) => {
+  // 自定关联路由路径
+  addFrom.value.path = str ? "/" + str : "";
+};
+
+// 是否外链
+const onIsLink = (is: boolean) => {
+  // 非外链
+  if (!is) {
+    // 关联iframe和link
+    addFrom.value.iframe = false;
+    addFrom.value.link = "";
+    addFrom.value.component = "";
+  } else {
+    // 外链
+    addFrom.value.component = "link/external/external";
+  }
+};
+
+// 是否内嵌外链窗口
+const onIframe = (is: boolean) => {
+  // 非内嵌
+  if (!is) {
+    // 关联iframe和link
+    addFrom.value.component = "link/external/external";
+  } else {
+    // 内嵌
+    addFrom.value.component = "link/internal/internal";
+  }
+};
+
 const onSearch = () => getMenu();
 const loading = ref(false);
 const tableRef = ref();
 const tableTree = ref([]);
+const menuTree = ref<any>([]);
 const getMenu = async () => {
   try {
     loading.value = true;
     let { data } = await getMenuListAPI();
+    // 语言翻译
     translation(data);
-    menuTree.value = filterTree(data);
+    // 列表数据
     tableTree.value = data;
+    // 过滤type:3的节点，该节点是按钮权限，不显示在菜单中-用于下拉选择
+    menuTree.value = filterTree(data);
     console.log("数据", data, menuTree.value);
   } finally {
     loading.value = false;
@@ -410,9 +453,12 @@ const translation = (tree: any) => {
   });
 };
 
-// 过滤掉按钮菜单-type:3为按钮菜单-用于下拉选择
-const menuTree = ref([]);
-function filterTree(nodes: any) {
+/**
+ * 过滤type:3的节点，该节点是按钮权限，不显示在菜单中-用于下拉选择
+ * @param {object} nodes 路由树
+ * @returns 节点过滤后的路由树
+ */
+const filterTree = (nodes: Menu.MenuOptions[]) => {
   // 过滤当前层级的节点，排除 type 为 3 的节点
   return nodes
     .filter((node: any) => node.meta.type !== 3)
@@ -431,7 +477,7 @@ function filterTree(nodes: any) {
       }
       return newNode;
     });
-}
+};
 
 getMenu();
 </script>
diff --git a/vite.config.ts b/vite.config.ts
index 3ee333a..a5394a9 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -17,7 +17,7 @@ export default defineConfig(({ mode }) => {
     base: env.VITE_PUBLIC_PATH,
     server: {
       // host: "0.0.0.0",
-      open: true,
+      open: false,
       // 为开发服务器配置自定义代理规则-用于开发时的代理
       proxy: {
         "/api": {