From c611fa0e358ddd57d2cc12e263dcbcb4b836231d Mon Sep 17 00:00:00 2001
From: "chen.home" <1147347984@qq.com>
Date: Tue, 23 Aug 2022 21:28:02 +0800
Subject: [PATCH] =?UTF-8?q?feat(projects):=20=E5=A2=9E=E5=8A=A0=E9=9D=99?=
 =?UTF-8?q?=E6=80=81=E8=B7=AF=E7=94=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/modules/dashboard.ts | 11 ++----
 src/router/modules/index.ts     |  3 +-
 src/router/modules/test.ts      | 63 +++++++++++++++++++++++++++++++++
 src/store/modules/route.ts      | 11 +++---
 4 files changed, 74 insertions(+), 14 deletions(-)
 create mode 100644 src/router/modules/test.ts

diff --git a/src/router/modules/dashboard.ts b/src/router/modules/dashboard.ts
index 98976b5..2046cf6 100644
--- a/src/router/modules/dashboard.ts
+++ b/src/router/modules/dashboard.ts
@@ -1,12 +1,9 @@
-import { RouteRecordRaw } from 'vue-router';
-import { BasicLayout } from '@/layouts/index';
-export const dashboard: RouteRecordRaw = {
-  path: '/dashboard',
+export const dashboard = {
   name: 'dashboard',
+  path: '/dashboard',
   redirect: '/dashboard/workbench',
-  component: BasicLayout,
   meta: {
-    title: '分析页',
+    title: '分析页-static',
     requiresAuth: true,
     icon: 'icon-park-outline:analysis',
   },
@@ -14,7 +11,6 @@ export const dashboard: RouteRecordRaw = {
     {
       name: 'dashboard_workbench',
       path: '/dashboard/workbench',
-      component: () => import('@/views/dashboard/workbench/index.vue'),
       meta: {
         title: '工作台',
         requiresAuth: true,
@@ -24,7 +20,6 @@ export const dashboard: RouteRecordRaw = {
     {
       name: 'dashboard_monitor',
       path: '/dashboard/monitor',
-      component: () => import('@/views/dashboard/monitor/index.vue'),
       meta: {
         title: '监控页',
         requiresAuth: true,
diff --git a/src/router/modules/index.ts b/src/router/modules/index.ts
index 9c46a8e..ece88d9 100644
--- a/src/router/modules/index.ts
+++ b/src/router/modules/index.ts
@@ -1,3 +1,4 @@
 import { dashboard } from './dashboard';
+import { test } from './test';
 
-export const staticRoutes = [dashboard];
+export const staticRoutes = [dashboard, test];
diff --git a/src/router/modules/test.ts b/src/router/modules/test.ts
new file mode 100644
index 0000000..8e986cc
--- /dev/null
+++ b/src/router/modules/test.ts
@@ -0,0 +1,63 @@
+export const test = {
+  name: 'test',
+  path: '/test',
+  redirect: '/test/test1',
+  meta: {
+    title: '测试专题',
+    requiresAuth: true,
+    icon: 'icon-park-outline:ambulance',
+  },
+  children: [
+    {
+      name: 'test1',
+      path: '/test/test1',
+      meta: {
+        title: '测试专题1',
+        requiresAuth: true,
+        icon: 'icon-park-outline:alarm',
+      },
+    },
+    {
+      name: 'test2',
+      path: '/test/test2',
+      meta: {
+        title: '测试专题2',
+        requiresAuth: true,
+        icon: 'icon-park-outline:pic',
+      },
+      children: [
+        {
+          name: 'test2_detail',
+          path: '/test/test2/detail',
+          meta: {
+            title: '测试专题2的详情页',
+            requiresAuth: true,
+            icon: 'icon-park-outline:tool',
+            hide: true,
+            activeMenu: '/test/test2',
+          },
+        },
+      ],
+    },
+    {
+      name: 'test3',
+      path: '/test/test3',
+      meta: {
+        title: '测试专题3',
+        requiresAuth: true,
+        icon: 'icon-park-outline:tool',
+      },
+      children: [
+        {
+          name: 'test4',
+          path: '/test/test3/test4',
+          meta: {
+            title: '测试专题4',
+            requiresAuth: true,
+            icon: 'icon-park-outline:tool',
+          },
+        },
+      ],
+    },
+  ],
+};
diff --git a/src/store/modules/route.ts b/src/store/modules/route.ts
index 282c6d1..fd7d0a3 100644
--- a/src/store/modules/route.ts
+++ b/src/store/modules/route.ts
@@ -88,11 +88,12 @@ export const useRouteStore = defineStore('route-store', {
     },
     /* 初始化静态路由 */
     async initStaticRoute() {
-      /* 将静态路由转换为侧边菜单 */
-      staticRoutes.forEach((route) => {
-        // 插入路由表
-        router.addRoute(route);
-      });
+      // 根据静态路由表来生成真实路由
+      const appRoutes = await createDynamicRoutes(staticRoutes);
+      // 更具返回的生成侧边菜单
+      await this.createMenus(staticRoutes);
+      // 插入路由表
+      router.addRoute(appRoutes);
     },
     //* 将返回的路由表渲染成侧边栏 */
     transformAuthRoutesToMenus(userRoutes: AppRoute.Route[]): MenuOption[] {