feat: 根据网元显示特有菜单

src/router/index.ts

@@ -1,128 +1,21 @@
+import NProgress from 'nprogress';
+import 'nprogress/nprogress.css';
 import {
   createRouter,
   createWebHistory,
   createWebHashHistory,
-  RouteRecordRaw,
 } from 'vue-router';
-import NProgress from 'nprogress';
-import 'nprogress/nprogress.css';
-import BasicLayout from '../layouts/BasicLayout.vue';
-import BlankLayout from '../layouts/BlankLayout.vue';
+import { constantRoutes } from './routers';
 import { getAccessToken } from '@/plugins/auth-token';
 import { validHttp } from '@/utils/regular-utils';
 import useUserStore from '@/store/modules/user';
 import useAppStore from '@/store/modules/app';
+import useNeListStore from '@/store/modules/ne_list';
 import useRouterStore from '@/store/modules/router';
 
 // NProgress Configuration
 NProgress.configure({ showSpinner: false });
 
-// import { MetaRecord, MenuDataItem } from 'antdv-pro-layout';
-// mate数据类型 MetaRecord
-// 根据/路径构建菜单列表，列表项类型 MenuDataItem
-// https://github.com/vueComponent/pro-components/blob/a19279f3a28190bf11e8c36f316c92dbd3387a6d/packages/pro-layout/src/typings.ts#L16
-// 菜单图标来源 https://ant.design/components/icon 自定义iconfont
-
-/**公共路由 */
-const constantRoutes: RouteRecordRaw[] = [
-  {
-    path: '/',
-    name: 'Root',
-    component: BasicLayout,
-    redirect: '/index',
-    children: [
-      {
-        path: '/index',
-        name: 'Index',
-        meta: { title: 'router.index', icon: 'icon-pcduan' },
-        component: () => import('@/views/index.vue'),
-      },
-      {
-        path: '/account',
-        name: 'Account',
-        meta: {
-          title: 'router.account.index',
-          hideInMenu: true,
-        },
-        component: BlankLayout,
-        redirect: '/account/settings',
-        children: [
-          {
-            path: 'profile',
-            name: 'Profile',
-            meta: { title: 'router.account.profile', cache: true },
-            component: () => import('@/views/account/profile.vue'),
-          },
-          {
-            path: 'settings',
-            name: 'Settings',
-            meta: { title: 'router.account.settings', cache: true },
-            component: () => import('@/views/account/settings.vue'),
-          },
-        ],
-      },
-    ],
-  },
-  {
-    path: '/login',
-    name: 'Login',
-    meta: { title: 'router.login' },
-    component: () => import('@/views/login.vue'),
-  },
-  {
-    path: '/register',
-    name: 'Register',
-    meta: { title: 'router.register' },
-    component: () => import('@/views/register.vue'),
-  },
-  {
-    path: '/403',
-    name: 'NotPermission',
-    meta: { title: 'router.page403' },
-    component: () => import('@/views/error/403.vue'),
-  },
-  {
-    path: '/help',
-    name: 'HelpDoc',
-    meta: { title: 'router.helpDoc' },
-    component: () => import('@/views/tool/help/index.vue'),
-  },
-  {
-    path: '/trace-task-hlr',
-    name: 'TraceTaskHLR',
-    meta: { title: 'router.traceTaskHLR' },
-    component: () => import('@/views/traceManage/task-hlr/index.vue'),
-  },
-  {
-    path: '/quick-start',
-    name: 'QuickStart',
-    meta: { title: 'router.quickStart' },
-    component: () => import('@/views/system/quick-start/index.vue'),
-  },
-  {
-    path: '/lock-screen',
-    name: 'LockScreen',
-    meta: { title: 'router.lockScreen' },
-    component: () => import('@/views/tool/lockScreen/index.vue'),
-  },
-  {
-    path: '/redirect',
-    name: 'Redirect',
-    component: BasicLayout,
-    children: [
-      {
-        path: '/redirect/:path(.*)',
-        component: () => import('@/views/redirect/index.vue'),
-      },
-    ],
-  },
-  {
-    path: '/:pathMatch(.*)*',
-    meta: { title: 'router.page404' },
-    component: () => import('@/views/error/404.vue'),
-  },
-];
-
 // 根据.env配置获取是否带井号和基础路径
 const hasHash = import.meta.env.VITE_HISTORY_HASH;
 const bashUrl = import.meta.env.VITE_HISTORY_BASE_URL;
@@ -202,14 +95,16 @@ router.beforeEach(async (to, from, next) => {
 
   // 有Token
   if (token) {
-    // 防止重复访问登录页面
     if (to.path === '/login') {
+      // 防止重复访问登录页面
       next({ name: 'Index' });
     } else {
       // 判断当前用户是否有角色信息
       const user = useUserStore();
       if (user.roles && user.roles.length === 0) {
         try {
+          // 获取网元信息
+          await useNeListStore().fnNelist();
           // 获取用户信息
           await user.fnGetInfo();
           // 获取路由信息
@@ -230,6 +125,12 @@ router.beforeEach(async (to, from, next) => {
           await user.fnLogOut();
           next({ name: 'Login' });
         }
+      } else if (
+        to.meta.neType &&
+        to.meta.neType.length > 0 &&
+        !useNeListStore().fnHasNe(to.meta.neType)
+      ) {
+        next({ name: 'NotPermission' });
       } else {
         next();
       }