menu路由构建优化

schoolNewsWeb/src/utils/route-generator.ts

@@ -83,16 +83,21 @@ function generateRouteFromMenu(menu: SysMenu, isTopLevel = true): RouteRecordRaw
   
   // 如果有子菜单，使用布局组件
   if (menu.children && menu.children.length > 0) {
-    // 如果是顶层的NAVIGATION类型菜单，使用NavigationLayout
-    if (isTopLevel && menu.type === MenuType.NAVIGATION) {
-      route.component = getComponent(menu.component || 'NavigationLayout');
-    } else if (menu.type === MenuType.SIDEBAR) {
-      // SIDEBAR类型的菜单使用BlankLayout，避免嵌套布局
-      // BlankLayout 只是一个纯容器，不会添加额外的导航栏或面包屑
-      route.component = getComponent(menu.component || 'BlankLayout');
+    // 根据layout字段选择布局
+    const layout = (menu as any).layout || menu.component;
+    
+    if (layout) {
+      // 如果指定了layout，使用指定的布局
+      route.component = getComponent(layout);
     } else {
-      // 其他情况使用BasicLayout
-      route.component = getComponent(menu.component || 'BasicLayout');
+      // 根据菜单类型选择默认布局
+      if (isTopLevel && menu.type === MenuType.NAVIGATION) {
+        route.component = getComponent('NavigationLayout');
+      } else if (menu.type === MenuType.SIDEBAR) {
+        route.component = getComponent('BlankLayout');
+      } else {
+        route.component = getComponent('BasicLayout');
+      }
     }
   } else {
     // 没有子菜单，使用具体的页面组件
@@ -277,6 +282,7 @@ export function buildMenuTree(menus: SysMenu[]): SysMenu[] {
   
   const menuMap = new Map<string, SysMenu>();
   const rootMenus: SysMenu[] = [];
+  const maxDepth = allMenus.length; // 最多遍历len层
   
   // 创建菜单映射
   allMenus.forEach(menu => {
@@ -285,23 +291,47 @@ export function buildMenuTree(menus: SysMenu[]): SysMenu[] {
     }
   });
   
-  // 构建树结构
-  allMenus.forEach(menu => {
-    const menuNode = menuMap.get(menu.menuID!);
-    if (!menuNode) return;
+  // 循环构建树结构，最多遍历maxDepth次
+  for (let depth = 0; depth < maxDepth; depth++) {
+    let hasChanges = false;
     
-    if (!menu.parentID || menu.parentID === '0') {
-      // 根菜单
-      rootMenus.push(menuNode);
-    } else {
-      // 子菜单
-      const parent = menuMap.get(menu.parentID);
-      if (parent) {
-        parent.children = parent.children || [];
-        parent.children.push(menuNode);
+    allMenus.forEach(menu => {
+      if (!menu.menuID) return;
+      
+      const menuNode = menuMap.get(menu.menuID);
+      if (!menuNode) return;
+      
+      // 如果节点已经在树中，跳过
+      if (isNodeInTree(menuNode, rootMenus)) {
+        return;
       }
+      
+      if (!menu.parentID || menu.parentID === '0' || menu.parentID === '') {
+        // 根菜单
+        if (!isNodeInTree(menuNode, rootMenus)) {
+          rootMenus.push(menuNode);
+          hasChanges = true;
+        }
+      } else {
+        // 子菜单
+        const parent = menuMap.get(menu.parentID);
+        if (parent && isNodeInTree(parent, rootMenus)) {
+          if (!parent.children) {
+            parent.children = [];
+          }
+          if (!parent.children.includes(menuNode)) {
+            parent.children.push(menuNode);
+            hasChanges = true;
+          }
+        }
+      }
+    });
+    
+    // 如果没有变化，说明树构建完成
+    if (!hasChanges) {
+      break;
     }
-  });
+  }
   
   // 按orderNum排序
   const sortMenus = (menus: SysMenu[]): SysMenu[] => {
@@ -316,6 +346,19 @@ export function buildMenuTree(menus: SysMenu[]): SysMenu[] {
   return sortMenus(rootMenus);
 }
 
+// 检查节点是否已经在树中
+function isNodeInTree(node: SysMenu, tree: SysMenu[]): boolean {
+  for (const treeNode of tree) {
+    if (treeNode.menuID === node.menuID) {
+      return true;
+    }
+    if (treeNode.children && isNodeInTree(node, treeNode.children)) {
+      return true;
+    }
+  }
+  return false;
+}
+
 /**
  * 根据权限过滤菜单
  * @param menus 菜单列表