From 94b22c94532d628bb83cd374111976fbdcff8165 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=98chen=2Ehome=E2=80=99?= <1147347984@qq.com>
Date: Tue, 16 Aug 2022 23:30:11 +0800
Subject: [PATCH] =?UTF-8?q?feat(projects):=20=E4=BF=AE=E6=94=B9=E8=B7=AF?=
 =?UTF-8?q?=E7=94=B1=E4=B8=BA=E6=A0=B9=E6=8D=AE=E8=A7=92=E8=89=B2=E5=8A=A8?=
 =?UTF-8?q?=E6=80=81=E6=B7=BB=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/guard/dynamic.ts | 126 +++++++++++++++++++-----------------
 1 file changed, 67 insertions(+), 59 deletions(-)

diff --git a/src/router/guard/dynamic.ts b/src/router/guard/dynamic.ts
index 5b09a97..b887cad 100644
--- a/src/router/guard/dynamic.ts
+++ b/src/router/guard/dynamic.ts
@@ -1,69 +1,77 @@
 import { RouteRecordRaw } from 'vue-router';
 import { router } from '@/router';
 import { BasicLayout } from '@/layouts/index';
+import { useAuthStore } from '@/store';
 
 export async function setDynamicRoutes() {
-  const vueRoutes: RouteRecordRaw[] = [
+  const authStore = useAuthStore();
+  const vueRootRoute: RouteRecordRaw = {
+    path: '/test',
+    name: 'test',
+    redirect: '/test/test1',
+    component: BasicLayout,
+    children: [],
+  };
+  const dynamicRoutes = [
     {
-      path: '/test',
-      name: 'test',
-      redirect: '/test/test1',
-      component: BasicLayout,
-      children: [
-        {
-          path: 'test1',
-          name: 'test1',
-          component: () => import(`@/views/test/test1.vue`),
-          meta: {
-            title: '测试1',
-            icon: 'icon-park-outline:game-three',
-            requiresAuth: true,
-          },
-        },
-        {
-          path: 'test2',
-          name: 'test2',
-          component: () => import('@/views/test/test2.vue'),
-          meta: {
-            title: '测试2',
-            icon: 'carbon:aperture',
-            requiresAuth: true,
-          },
-        },
-        {
-          path: 'test3',
-          name: 'test3',
-          component: () => import('@/views/test/test3.vue'),
-          meta: {
-            title: '测试3',
-            icon: 'icon-park-outline:music-list',
-            requiresAuth: true,
-          },
-        },
-        {
-          path: '/dashboard/workbench',
-          name: 'workbench',
-          component: () => import('@/views/dashboard/workbench/index.vue'),
-          meta: {
-            title: '工作台',
-            icon: 'icon-park-outline:music-list',
-            requiresAuth: true,
-          },
-        },
-        {
-          path: '/dashboard/monitor',
-          name: 'monitor',
-          component: () => import('@/views/dashboard/monitor/index.vue'),
-          meta: {
-            title: '控制页',
-            icon: 'icon-park-outline:music-list',
-            requiresAuth: true,
-          },
-        },
-      ],
+      path: '/dashboard/workbench',
+      name: 'workbench',
+      component: () => import('@/views/dashboard/workbench/index.vue'),
+      meta: {
+        title: '工作台',
+        icon: 'icon-park-outline:music-list',
+        requiresAuth: true,
+        role: ['admin'],
+      },
+    },
+    {
+      path: '/dashboard/monitor',
+      name: 'monitor',
+      component: () => import('@/views/dashboard/monitor/index.vue'),
+      meta: {
+        title: '控制页',
+        icon: 'icon-park-outline:music-list',
+        requiresAuth: true,
+        role: ['admin'],
+      },
+    },
+    {
+      path: '/test/test1',
+      name: 'test1',
+      component: () => import(`@/views/test/test1.vue`),
+      meta: {
+        title: '测试1',
+        icon: 'icon-park-outline:game-three',
+        requiresAuth: true,
+        role: ['admin'],
+      },
+    },
+    {
+      path: '/test/test2',
+      name: 'test2',
+      component: () => import('@/views/test/test2.vue'),
+      meta: {
+        title: '测试2',
+        icon: 'carbon:aperture',
+        requiresAuth: true,
+        role: ['admin'],
+      },
+    },
+    {
+      path: '/test/test3',
+      name: 'test3',
+      component: () => import('@/views/test/test3.vue'),
+      meta: {
+        title: '测试3',
+        icon: 'icon-park-outline:music-list',
+        requiresAuth: true,
+        role: ['admin'],
+      },
     },
   ];
-  vueRoutes.forEach((route) => {
-    router.addRoute(route);
+  // 根据角色过滤后的插入根路由中
+  vueRootRoute.children = dynamicRoutes.filter((route) => {
+    return route.meta.role.includes(authStore.userInfo.role);
   });
+  router.addRoute(vueRootRoute);
 }