GCLS_Page_BMS/src/router/index.js

import Vue from 'vue';
import VueRouter from 'vue-router';
import login from '@/views/login';
import Layout from '@/layouts';
import store from '@/store';
import NProgress from 'nprogress';
import { Message } from 'element-ui';

Vue.use(VueRouter);

function isHasPopedom(code) {
  return store.state.user.popedom_code_list.indexOf(code) !== -1;
}

function jumpURL() {
  if (isHasPopedom(1000001)) {
    return '/org_manager';
  }
  if (isHasPopedom(1000002)) {
    return '/account_manager/index';
  }
  if (isHasPopedom(1000003)) {
    return '/teacher_manager/index';
  }
  return '/login';
}

// 路由独享的守卫的权限控制
function beforeRouterPopedom(code, next) {
  if (isHasPopedom(code)) {
    next();
  } else {
    Message({
      type: 'warning',
      message: '无权限'
    });
    store.dispatch('user/signOut');
    next('/login');
    NProgress.done();
  }
}

const routes = [
  {
    path: '/login',
    component: login
  },
  {
    path: '/jump',
    redirect: () => jumpURL()
  },
  {
    path: '/404',
    component: () => import('@/views/404')
  },
  {
    path: '/',
    component: Layout,
    redirect: { name: 'OrgManager' },
    meta: { title: '机构管理', path: '/org_manager' },
    children: [
      {
        path: '/org_manager',
        name: 'OrgManager',
        component: () => import('@/views/org_manager'),
        beforeEnter: (to, form, next) => {
          beforeRouterPopedom(1000001, next);
        }
      },
      {
        path: '/add_org',
        meta: { title: '创建机构' },
        component: () => import('@/views/org_manager/AddOrg'),
        beforeEnter: (to, form, next) => {
          beforeRouterPopedom(1000001, next);
        }
      }
    ]
  },
  {
    path: '/account_manager',
    component: Layout,
    meta: { title: '账户管理' },
    redirect: { name: 'AccountManager' },
    children: [
      {
        path: '/account_manager/index',
        name: 'AccountManager',
        component: () => import('@/views/account_manager'),
        beforeEnter: (to, form, next) => {
          beforeRouterPopedom(1000002, next);
        }
      }
    ]
  },
  {
    path: '/teacher_manager',
    component: Layout,
    meta: { title: '机构教师' },
    redirect: { name: 'TeacherManager' },
    children: [
      {
        path: '/teacher_manager/index',
        name: 'TeacherManager',
        component: () => import('@/views/teacher_manager'),
        beforeEnter: (to, form, next) => {
          beforeRouterPopedom(1000003, next);
        }
      }
    ]
  },
  {
    path: '/student_manager',
    component: Layout,
    meta: { title: '机构学生' },
    redirect: { name: 'StudentManager' },
    children: [
      {
        path: '/student_manager/index',
        name: 'StudentManager',
        component: () => import('@/views/student_manager'),
        beforeEnter: (to, form, next) => {
          beforeRouterPopedom(1000003, next);
        }
      }
    ]
  },
  {
    path: '/vocabulary',
    component: Layout,
    meta: { title: '多语言词汇' },
    redirect: '/vocabulary/index',
    children: [
      {
        path: '/vocabulary/index',
        component: () => import('@/views/vocabulary/index')
      },
      {
        path: '/vocabDetail',
        component: () => import('@/views/vocabulary/vocabDetail')
      }
    ]
  },
  {
    path: '/uploadList',
    component: Layout,
    meta: { title: '文件静态资源' },
    redirect: '/upload/uploadList',
    children: [
      {
        path: '/upload/uploadList',
        component: () => import('@/views/upload/uploadList')
      },
      {
        path: '/uploadDetail',
        component: () => import('@/views/upload/uploadDetail'),
        meta: { title: '文件详情' }
      }
    ]
  },
  {
    path: '/settings',
    component: Layout,
    meta: { title: '系统配置' },
    redirect: '/settings/index/LiveRoomConfig',
    children: [
      {
        path: '/settings/index',
        component: () => import('@/views/settings'),
        children: [
          {
            path: 'LiveRoomConfig',
            meta: {
              name: 'LiveRoomConfig'
            },
            components: {
              // 命名视图
              configure: () => import('@/views/settings/configure/LiveRoomConfig.vue')
            }
          },
          {
            path: 'SXYZFConfig',
            meta: {
              name: 'SXYZFConfig'
            },
            components: {
              configure: () => import('@/views/settings/configure/SXYZFConfig.vue')
            }
          }
        ]
      }
    ]
  },
  {
    path: '/quota',
    component: Layout,
    meta: { title: '配额管理', path: '/quota' },
    redirect: '/quota/index',
    children: [
      {
        path: 'index',
        component: () => import('@/views/quota')
      },
      {
        path: 'usageRecord/:orgId/:orgName',
        component: () => import('@/views/quota/UsageRecord.vue'),
        meta: { title: '' },
        props: true,
        beforeEnter: ({ meta, params }, from, next) => {
          meta.title = params.orgName;
          next();
        }
      },
      {
        path: 'liveDetail/:taskId/:orgName',
        component: () => import('@/views/quota/LiveDetail.vue'),
        meta: { title: '' },
        props: true,
        beforeEnter: ({ meta, params }, from, next) => {
          meta.title = params.orgName;
          next();
        }
      }
    ]
  },
  {
    path: '*',
    redirect: '/404'
  }
];

const createRouter = () =>
  new VueRouter({
    // mode: 'history',
    scrollBehavior: () => ({ y: 0 }),
    routes
  });

const router = createRouter();

// 重置路由
export function resetRouter() {
  const newRouter = createRouter();
  router.matcher = newRouter.matcher;
}

export default router;