rt-sim-training-client/src/router/index.js

import Vue from 'vue';
import Router from 'vue-router';

Vue.use(Router);

/* Layout */
import Layout from '@/layout';

/**
 * Note: sub-menu only appear when route children.length >= 1
 * Detail see: https://panjiachen.github.io/vue-element-admin-site/guide/essentials/router-and-nav.html
 *
 * hidden: true                   if set true, item will not show in the sidebar(default is false)
 * alwaysShow: true               if set true, will always show the root menu
 *                                if not set alwaysShow, when item has more than one children route,
 *                                it will becomes nested mode, otherwise not show the root menu
 * redirect: noRedirect           if set noRedirect will no redirect in the breadcrumb
 * name:'router-name'             the name is used by <keep-alive> (must set!!!)
 * meta : {
    roles: ['admin','editor']    control the page roles (you can set multiple roles)
    title: 'title'               the name show in sidebar and breadcrumb (recommend set)
    icon: 'svg-name'             the icon show in the sidebar
    breadcrumb: false            if set false, the item will hidden in breadcrumb(default is true)
    activeMenu: '/example/list'  if set path, the sidebar will highlight the path you set
  }
 */

export const user = '01';				// 普通用户
export const mapCreater = '02';			// 地图创建权限
export const lessonCreater = '03';		// 课程创建权限
export const admin = '04';				// 管理员
export const superAdmin = '05';			// 超级管理员

export const userExam = '011'; 			// 考试系统
export const userLesson = '012'; 		// 教学系统
export const userSimulation = '013';	// 仿真系统
export const userScreen = '014'; 		// 大屏系统
export const userPlan = '015'; 			// 计划系统

export const UrlConfig = {
	display: '/display',
	examRuleDraft: '/examRule/draft',
	examRuleManage: '/examRule/manage',
	map: {
		prefix: '/map',
		draft: '/map/draw',
		skinStyle: '/map/skinStyle',
		skinStyleDraft: '/map/skinStyle/draft',
		runPlan: '/map/runPlan',
		runPlanView: '/map/runPlan/view',
		product: '/map/product',
		productDraft: '/map/product/draft'
	},
	lesson: {
		prefix: '/lesson',
		record: '/lesson/record/training',
		manage: '/lesson/manage/training'
	},
	teach: {
		prefix: '/teach',
		detail: '/teach/detail',
		practical: '/teach/practical',
		pay: '/teach/pay'
	},
	exam: {
		prefix: '/exam',
		detail: '/exam/detail',
		course: '/exam/course',
		examRuleManage: '/exam/examRule/manage',
		pay: '/exam/pay'
	},
	demonstration: {
		prefix: '/demonstration',
		detail: '/demonstration/detail',
		pay: '/demonstration/pay'
	},
	dp: {
		prefix: '/dp',
		detail: '/dp/detail',
		pay: '/dp/pay'

	},
	plan: {
		prefix: '/plan',
		tool: '/plan/tool',
		detail: '/plan/detail',
		pay: '/plan/pay'
	},
	replay: {
		prefix: '/replay'
	},
	permission: {
		prefix: '/permission',
		permissionList: '/permission/manage',
		permissionDraft: '/permission/draft',
		permission: '/permission/restore'
	},
	publish: {
		prefix: '/publish',
		map: '/publish/map',
		mapDraft: '/publish/map/draft',
		runPlanEveryDay: '/publish/runPlan/everyDay',
		runPlanTemplate: '/publish/runPlan/template',
		runPlanCommon: '/publish/runPlan/common',
		runPlanView: '/publish/runPlan/view'
	},
	orderauthor: {
		prefix: '/orderauthor',
		commodityManage: '/orderauthor/commodity/manage',
		commodityDraft: '/orderauthor/commodity/draft',
		orderManage: '/orderauthor/order/manage',
		orderDraft: '/orderauthor/order/draft',
		authorMange: '/orderauthor/author/manage',
		authorDraft: '/orderauthor/author/draft',
		transferDetail: '/orderauthor/transfer/detail',
		trainferPackage: '/orderauthor/transfer/package'
	}
};

/**
 * constantRoutes
 * a base page that does not have permission requirements
 * all roles can be accessed
 */
export const constantRoutes = [
	{
		path: '/login',
		component: () => import('@/views/login/loginNew'),
		hidden: true
	},

	{
		path: '/login1',
		component: () => import('@/views/login/index'),
		hidden: true
	},
	// 扫码登录
	{
		path: '/dp/login',
		component: () => import('@/views/login/loginNewScreen'),
		hidden: true
	},
	// 密码登录
	{
		path: '/dp/login1',
		component: () => import('@/views/login/loginScreen'),
		hidden: true
	},
	// 扫码登录
	{
		path: '/plan/login',
		component: () => import('@/views/login/loginNewPlan'),
		hidden: true
	},
	// 密码登录
	{
		path: '/plan/login1',
		component: () => import('@/views/login/loginPlan'),
		hidden: true
	},
	{
		path: '/jlmap3d/edit',
		component: () => import('@/views/jlmap3d/jlmap3dedit'),
		hidden: true
	},
	{
		path: '/401',
		component: () => import('@/views/error-page/401'),
		hidden: true
	},

	{
		path: '/404',
		component: () => import('@/views/error-page/404'),
		hidden: true
	},

	{
		path: '/',
		component: Layout,
		redirect: '/dashboard',
		children: [{
			path: 'dashboard',
			component: () => import('@/views/dashboard/index'),
			meta: {
				i18n: 'router.homePage',
				icon: 'dashboard'
			}
		}]
	},

	{ path: '*', redirect: '/404', hidden: true }
];

export const asyncRouter = [
	{
		path: '/',
		component: Layout,
		redirect: '/dashboard',
		hidden: true,
		children: [
			{
				path: 'dashboard',
				component: () => import('@/views/dashboard/index.vue')
			}
		]
	},
	{
		path: '/display/:mode',
		component: () => import('@/views/display/index'),
		meta: {
		},
		hidden: true
	},
	{
		path: '/trainroom',
		component: () => import('@/views/trainRoom/index'),
		meta: {
		},
		hidden: true
	},
	{
		path: '/jointTraining',
		component: () => import('@/views/jointTraining/index'),
		hidden: true
	},
	{
		path: '/jlmap3d',
		component: () => import('@/views/jlmap3d/index'),
		meta: {
		},
		hidden: true
	},
	{
		path: '/map',
		meta: {
			i18n: 'router.mapManage',
			roles: [admin, mapCreater]
		},
		component: Layout,
		children: [
			{
				path: 'skinStyle',
				component: () => import('@/views/map/skinStyle/index'),
				meta: {
					i18n: 'router.skinManage'
				}
			},
			{
				path: 'skinStyle/draft/:mode/:skinStyleId',
				hidden: true,
				component: () => import('@/views/map/skinStyle/draft')
			},
			{
				path: 'draw',
				redirect: '/map/draw/0/draft',
				component: () => import('@/views/map/mapdraft/index'),
				meta: {
					i18n: 'router.mapDraw'
				},
				children: [
					{
						path: ':mapId/:view',
						component: () => import('@/views/map/mapdraft/mapedit/index'),
						hidden: true
					}
				]
			},
			{
				path: 'runPlan',
				redirect: '/map/runPlan/view/draft',
				component: () => import('@/views/map/runplan/index'),
				meta: {
					i18n: 'router.runPlanManage'
				},
				children: [{
					path: 'view/:mode',
					component: () => import('@/views/map/runplan/chart'),
					hidden: true
				}]
			},
			{
				path: 'product',
				component: () => import('@/views/lesson/trainingcategory/index'),
				meta: {
					i18n: 'router.productEdit'
				}
			}
		]
	},
	{
		path: '/lesson',
		component: Layout,
		meta: {
			i18n: 'router.lessaonManage',
			roles: [admin, lessonCreater]
		},
		children: [
			{
				path: 'record',
				redirect: '/lesson/record/training/0/null',
				component: () => import('@/views/lesson/trainingrecord/index'),
				meta: {
					i18n: 'router.trainingRecord'
				},
				children: [
					{
						path: 'training/:trainingId/:trainingName',
						component: () => import('@/views/lesson/trainingrecord/manage/index'),
						hidden: true
					}
				]
			},
			{
				path: 'manage/taskManage',
				component: () => import('@/views/lesson/taskmanage/list'),
				meta: {
					i18n: 'router.taskManage'
				}
			},
			{
				path: 'manage/trainingRule',
				component: () => import('@/views/lesson/trainingRule/list'),
				meta: {
					i18n: 'router.trainingRule'
				}
			},
			{
				path: 'manage/trainingRule/detail',
				hidden: true,
				component: () => import('@/views/lesson/trainingRule/detail/index'),
				meta: {
				}
			},
			{
				path: 'manage/training',
				component: () => import('@/views/lesson/trainingmanage/index'),
				meta: {
					i18n: 'router.trainingManage'
				}
			},
			{
				path: 'edit',
				component: () => import('@/views/lesson/lessoncategory/index'),
				meta: {
					i18n: 'router.lessonEdit'
				}
			}
		]
	},
	{
		path: '/script',
		component: Layout,
		meta: {
			roles: [admin, lessonCreater]
		},
		children: [
			{
				path: 'scriptManage',
				component: () => import('@/views/lesson/scriptmanage/list'),
				meta: {
					i18n: 'router.scriptManage'
				}
			}
		]
	},
	{
		path: '/teach',
		redirect: '/teach/home',
		component: () => import('@/views/teach/index'),
		meta: {
			roles: [admin, userLesson, user]
		},
		children: [
			{
				path: 'home',
				component: () => import('@/views/teach/home'),
				meta: {
					i18n: 'router.teachSystem'
				}
			},
			{
				// 课程详情
				path: 'detail/:lessonId',
				component: () => import('@/views/teach/detail/index'),
				meta: {
				},
				hidden: true
			},
			{
				// 实训详情
				path: 'practical/:trainingId/:lessonId',
				component: () => import('@/views/teach/practical/index'),
				meta: {
				},
				hidden: true
			},
			{
				path: 'pay/:lessonId',
				component: () => import('@/views/components/pay/index'),
				meta: {
				},
				hidden: true
			}
		]
	},
	{
		path: '/exam',
		redirect: '/exam/home',
		component: () => import('@/views/exam/index'),
		meta: {
			roles: [admin, userExam, user]
		},
		children: [
			{
				path: 'home',
				component: () => import('@/views/exam/home'),
				meta: {
					i18n: 'router.examSystem'
				}
			},
			{
				// 试卷详情
				path: 'detail/:examId',
				component: () => import('@/views/exam/detail/examDetail'),
				hidden: true
			},
			{
				path: 'course/:lessonId',
				component: () => import('@/views/exam/detail/courseDetail'),
				hidden: true
			},
			{
				// 规则管理
				path: 'examRule/manage',
				component: () => import('@/views/publish/examRule/index'),
				hidden: true
			},
			{
				path: 'examRule/draft/:mode/:ruleId/:lessonId',
				hidden: true,
				component: () => import('@/views/publish/examRule/draft/index')
			},
			{
				path: 'pay/:lessonId',
				component: () => import('@/views/components/pay/index'),
				hidden: true
			},
			{
				// 开始考试
				path: 'questionDetail/:examQuestionId',
				component: () => import('@/views/exam/detail/questionDetail'),
				hidden: true
			},
			{
				// 考试结果
				path: 'result/:userExamId',
				component: () => import('@/views/exam/result'),
				hidden: true
			}
		]
	},
	{
		path: '/demonstration',
		redirect: '/demonstration/home',
		component: () => import('@/views/demonstration/index'),
		meta: {
			roles: [admin, userSimulation, user]
		},
		children: [
			{
				path: 'home',
				component: () => import('@/views/demonstration/home'),
				meta: {
					i18n: 'router.demonstrationSystem'
				}
			},
			{
				path: 'detail/:mapId',
				component: () => import('@/views/demonstration/detail/index'),
				hidden: true
			},
			{
				path: 'pay/:lessonId',
				component: () => import('@/views/components/pay/index'),
				hidden: true
			}
		]
	},
	{
		path: '/dp',
		redirect: '/dp/home',
		component: () => import('@/views/screenMonitor/index'),
		meta: {
			roles: [admin, userScreen, user]
		},
		children: [
			{
				path: 'home',
				component: () => import('@/views/screenMonitor/home'),
				meta: {
					i18n: 'router.dpSystem'
				},
				target: true
			},
			{
				path: 'detail/:lessonId',
				component: () => import('@/views/screenMonitor/detail/index'),
				hidden: true
			},
			{
				path: 'pay/:lessonId',
				component: () => import('@/views/components/pay/index'),
				hidden: true
			}
		]
	},
	{
		path: '/plan/tool',
		component: () => import('@/views/planMonitor/editTool/index'),
		meta: {
		},
		hidden: true
	},
	{
		path: '/plan',
		redirect: '/plan/home',
		component: () => import('@/views/planMonitor/index'),
		meta: {
			roles: [admin, user]
		},
		children: [
			{
				path: 'home',
				component: () => import('@/views/planMonitor/home'),
				meta: {
					i18n: 'router.planSystem'
				},
				target: true
			},
			{
				path: 'detail/:lessonId',
				component: () => import('@/views/planMonitor/detail'),
				hidden: true
			},
			{
				path: 'pay/:lessonId',
				component: () => import('@/views/components/pay/index'),
				hidden: true
			}
		]
	},
	{
		path: '/replay',
		component: Layout,
		meta: {
			roles: [admin]
		},
		children: [
			{
				path: 'manage',
				component: () => import('@/views/replay/index'),
				meta: {
					i18n: 'router.replayManage'
				}
			}
		]
	},
	{
		path: '/permission',
		component: Layout,
		meta: {
			roles: [admin, user]
		},
		children: [
			{
				path: 'manage',
				component: () => import('@/views/package/index'),
				meta: {
					i18n: 'router.permissionManage'
				}
			},
			{
				path: 'draft',
				component: () => import('@/views/package/draft/ruleForm'),
				hidden: true
			}
		]
	},
	{
		path: '/publish',
		component: Layout,
		meta: {
			i18n: 'router.pulishManage',
			roles: [admin]
		},
		children: [
			{
				path: 'map',
				component: () => import('@/views/publish/publishMap/index'),
				meta: {
					i18n: 'router.publishMapManage'
				}
			},
			{
				path: 'product',
				component: () => import('@/views/publish/productStatus/index'),
				meta: {
					i18n: 'router.productStateManage'
				}
			},
			{
				path: 'lesson',
				component: () => import('@/views/publish/publishLesson/index'),
				meta: {
					i18n: 'router.publishLessonManage'
				}
			},
			// {
			// 	path: 'script',
			// 	component:() => import('@/views/publish/simulationScript/index'),
			// 	meta: {
			// 		title: '仿真脚本管理',
			// 	}
			// },
			{
				path: 'runPlan/template',
				component: () => import('@/views/publish/runPlanTemplate/index'),
				meta: {
					i18n: 'router.runPlanTemplateManage'
				}
			},
			{
				path: 'runPlan/common',
				component: () => import('@/views/publish/runPlanCommon/index'),
				meta: {
					i18n: 'router.runPlanCommonManage'
				}
			},
			{
				path: 'runPlan/everyDay',
				component: () => import('@/views/publish/runPlanEveryDay/index'),
				meta: {
					i18n: 'router.runPlanEveryDayManage'
				}
			},
			{
				path: 'examRule/manage',
				component: () => import('@/views/publish/examRule/index'),
				meta: {
					i18n: 'router.examRuleManage'
				}
			},
			{
				path: 'map/draft/:mode/:mapId',
				component: () => import('@/views/publish/publishMap/draft'),
				hidden: true
			},
			{
				path: 'examRule/draft/:mode/:ruleId/:lessonId',
				component: () => import('@/views/publish/examRule/draft/index'),
				hidden: true
			},
			{
				path: 'runPlan/common/:mode',
				component: () => import('@/views/publish/runPlanCommon/draft'),
				hidden: true
			},
			{
				path: 'runPlan/view/:mode',
				component: () => import('@/views/map/runplan/chart'),
				hidden: true
			}
		]
	},
	{
		path: '/orderauthor',
		component: Layout,
		meta: {
			i18n: 'router.orderAuthorityManage',
			roles: [admin]
		},
		children: [
			{
				path: 'commodity/manage',
				component: () => import('@/views/orderauthor/commodity/index'),
				meta: {
					i18n: 'router.commodityManage'
				}
			},
			{
				path: 'order/manage',
				component: () => import('@/views/orderauthor/order/list'),
				meta: {
					i18n: 'router.orderManage'
				}
			},
			{
				path: 'author/manage',
				component: () => import('@/views/orderauthor/author/index'),
				meta: {
					i18n: 'router.authorityManage'
				}
			},
			{
				path: 'transfer/manage',
				component: () => import('@/views/orderauthor/permission/index'),
				meta: {
					i18n: 'router.authorityTransferManage'
				}
			},
			{
				path: 'commodity/draft/:mode/:commodityId',
				hidden: true,
				component: () => import('@/views/orderauthor/commodity/draft'),
				meta: {
					i18n: 'router.addCommodity'
				}
			},
			{
				path: 'order/draft/:mode/:orderId',
				hidden: true,
				component: () => import('@/views/orderauthor/order/draft'),
				meta: {
					i18n: 'router.addOrder'
				}
			},
			{
				path: 'author/draft/:mode/:userId',
				hidden: true,
				component: () => import('@/views/orderauthor/author/draft'),
				meta: {
					i18n: 'router.addCoursePermissions'
				}
			},
			{
				path: 'transfer/detail/:permissionId',
				component: () => import('@/views/orderauthor/permission/detail'),
				hidden: true
			},
			{
				path: 'transfer/package',
				component: () => import('@/views/orderauthor/permission/draft/ruleForm'),
				hidden: true
			}
		]
	},
	{
		path: '/system',
		component: Layout,
		meta: {
			i18n: 'router.systemManage',
			roles: [admin]
		},
		children: [
			{
				path: 'dictionary',
				component: () => import('@/views/management/dictionary/index'),
				meta: {
					i18n: 'router.dataDictionary'
				}
			},
			{
				path: 'dictionary/detail',
				hidden: true,
				component: () => import('@/views/management/dictionaryDetail/index'),
				meta: {
					i18n: 'router.dataDictionaryDetails'
				}
			},
			{
				path: 'userManage',
				component: () => import('@/views/management/userControl/index'),
				meta: {
					i18n: 'router.userManage'
				}
			},
			{
				path: 'userTrainingManage',
				component: () => import('@/views/management/userTraining/index'),
				meta: {
					i18n: 'router.userTrainingManage'
				}
			},
			{
				path: 'userExamManage',
				component: () => import('@/views/management/userExam/index'),
				meta: {
					i18n: 'router.userExamManage'
				}
			},
			{
				path: 'userSimulationManage',
				component: () => import('@/views/management/userSimulation/index'),
				meta: {
					i18n: 'router.userSimulationManage'
				}
			},
			{
				path: 'existingSimulation',
				component: () => import('@/views/management/existingSimulation/index'),
				meta: {
					i18n: 'router.existingSimulation'
				}
			}
		]
	}
];

const createRouter = () => new Router({
	mode: 'history', // require service support
	scrollBehavior: () => ({ y: 0 }),
	routes: constantRoutes
});

const router = createRouter();

router.beforeEach((to, from, next) => {
	const name = to.fullPath;
	if (name.includes('/dp/') || name.includes('display/dp')) {
		document.title = '琏课堂-大屏系统';
	} else if (name.includes('/plan/') || name.includes('/planEdit/')) {
		document.title = '琏计划';
	} else {
		document.title = '琏课堂';
	}
	next();
});

export default router;