feat(projects): 添加多级菜单页面

src/router/components.ts

@@ -5,6 +5,7 @@ import NotFound from '@/views/system/exception/404.vue';
 import ServiceError from '@/views/system/exception/500.vue';
 import DashboardAnalysis from '@/views/dashboard/analysis/index.vue';
 import DashboardWorkbench from '@/views/dashboard/workbench/index.vue';
+import MultimenuFirstSecond from '@/views/multimenu/first/second/index.vue';
 
 const Exception403 = { ...NoPermission };
 const Exception404 = { ...NotFound };
@@ -18,6 +19,7 @@ setCacheName(NotFound, RouteNameMap.get('not-found'));
 setCacheName(ServiceError, RouteNameMap.get('service-error'));
 setCacheName(DashboardAnalysis, RouteNameMap.get('dashboard-analysis'));
 setCacheName(DashboardWorkbench, RouteNameMap.get('dashboard-workbench'));
+setCacheName(MultimenuFirstSecond, RouteNameMap.get('multimenu-first-second'));
 setCacheName(Exception404, RouteNameMap.get('exception-404'));
 setCacheName(Exception403, RouteNameMap.get('exception-403'));
 setCacheName(Exception500, RouteNameMap.get('exception-500'));
@@ -31,5 +33,6 @@ export {
   DashboardWorkbench,
   Exception403,
   Exception404,
-  Exception500
+  Exception500,
+  MultimenuFirstSecond
 };

src/router/routes.ts

@@ -1,7 +1,7 @@
 import type { RouteRecordRaw } from 'vue-router';
-import { Dashboard } from '@vicons/carbon';
+import { Dashboard, Menu } from '@vicons/carbon';
 import { ExceptionOutlined } from '@vicons/antd';
-import { BasicLayout, BlankLayout } from '@/layouts';
+import { BasicLayout, BlankLayout, MultiMenuLayout } from '@/layouts';
 import { EnumRoutePath, EnumRouteTitle } from '@/enum';
 import type { CustomRoute, LoginModuleType } from '@/interface';
 import { getLoginModuleRegExp } from '@/utils';
@@ -12,6 +12,7 @@ import {
   ServiceError,
   DashboardAnalysis,
   DashboardWorkbench,
+  MultimenuFirstSecond,
   Exception403,
   Exception404,
   Exception500
@@ -184,6 +185,40 @@ export const customRoutes: CustomRoute[] = [
         }
       }
     ]
+  },
+  {
+    name: RouteNameMap.get('multimenu'),
+    path: EnumRoutePath.multimenu,
+    component: MultiMenuLayout,
+    redirect: { name: RouteNameMap.get('multimenu-first') },
+    meta: {
+      title: EnumRouteTitle.multimenu,
+      icon: Menu
+    },
+    children: [
+      {
+        name: RouteNameMap.get('multimenu-first'),
+        path: EnumRoutePath['multimenu-first'],
+        component: BasicLayout,
+        meta: {
+          keepAlive: true,
+          requiresAuth: true,
+          title: EnumRouteTitle['multimenu-first']
+        },
+        children: [
+          {
+            name: RouteNameMap.get('multimenu-first-second'),
+            path: EnumRoutePath['multimenu-first-second'],
+            component: MultimenuFirstSecond,
+            meta: {
+              keepAlive: true,
+              requiresAuth: true,
+              title: EnumRouteTitle['multimenu-first-second']
+            }
+          }
+        ]
+      }
+    ]
   }
 ];