import {
|
createRouter,
|
createWebHistory,
|
createWebHashHistory,
|
createMemoryHistory,
|
} from 'vue-router'
|
import {GetMenus} from "@/api/admin/system";
|
import {GetAccountWithRolesAndPermissions} from "@/api/admin/security";
|
import {saveLocalStorage, getLocalStorage} from '@/utils/common'
|
import Cookies from "js-cookie";
|
import * as elementplus from "element-plus";
|
import i18n from "../../public/assets/i18n/i18n";
|
import NProgress from 'nprogress'
|
import 'nprogress/nprogress.css'
|
|
NProgress.configure({showSpinner: false}, {ease: 'ease', speed: 600});
|
|
import License from '../views/License.vue'
|
import LicenseSecrecy from '../views/LicenseSecrecy.vue'
|
import LayoutAdmin from '../views/admin/Layout.vue'
|
import AdminLogin from '../views/admin/Login.vue'
|
import AccountActivation from '../views/admin/AccountActivation.vue'
|
import Register from '../views/admin/Register.vue'
|
import RetrievePassword from '../views/admin/RetrievePassword.vue'
|
import Workbench from '../views/admin/Workbench.vue'
|
import AdminProfile from '../views/admin/UserProfile.vue'
|
|
import masterdataRoutes from './routedata/masterdata';
|
import QuestionSubjectKnowledgePoint from '../views/admin/question/QuestionSubjectKnowledgePoint.vue'
|
import QuestionPaper from '../views/admin/question/QuestionPaper.vue'
|
import QuestionPaperQuestionList from '../views/admin/question/QuestionPaperQuestionList.vue'
|
|
import OrganizationDepartment from '../views/admin/organization/OrganizationDepartment.vue'
|
import OrganizationMajor from '../views/admin/organization/OrganizationMajor.vue'
|
import OrganizationGrade from '../views/admin/organization/OrganizationGrade.vue'
|
import OrganizationGradeSubjectRelation from '../views/admin/question/OrganizationGradeSubjectRelation.vue'
|
import ActiveOrderDetail from '../views/admin/order/ActiveOrderDetail.vue'
|
|
import MobileQuestion from '../views/mobile/question/question.vue'
|
|
const routePaths = {
|
Workbench: '/admin/workbench',
|
Navigation: '/admin/workbench',
|
AdminLogin: '/admin/login',
|
AccountActivation: '/admin/accountactivation',
|
RetrievePassword: '/admin/retrievepassword',
|
Register: '/admin/register',
|
License: '/license',
|
LicenseSecrecy: '/license/secrecy',
|
AdminProfile: '/admin/profile',
|
Error404: '/404',
|
Error500: '/500',
|
};
|
|
const modules = import.meta.glob('../views/**/**/*.vue')
|
const routes = [
|
{
|
path: '/:catchAll(.*)',
|
redirect: '/404',
|
},
|
{
|
path: routePaths.AdminLogin,
|
name: 'AdminLogin',
|
component: AdminLogin,
|
},
|
{
|
path: routePaths.AccountActivation,
|
name: 'AccountActivation',
|
component: AccountActivation,
|
},
|
{
|
path: routePaths.RetrievePassword,
|
name: 'RetrievePassword',
|
component: RetrievePassword,
|
},
|
{
|
path: routePaths.Register,
|
name: 'Register',
|
component: Register,
|
},
|
{
|
path: routePaths.License,
|
name: 'License',
|
component: License,
|
},
|
{
|
path: routePaths.LicenseSecrecy,
|
name: 'LicenseSecrecy',
|
component: LicenseSecrecy,
|
},
|
{
|
path: '/admin',
|
name: '/Admin',
|
component: LayoutAdmin,
|
redirect: routePaths.Workbench,
|
children: [
|
{
|
path: routePaths.Error404,
|
name: '404',
|
component: () => import(`@/views/error/404.vue`),
|
},
|
{
|
path: routePaths.Workbench,
|
name: 'Workbench',
|
component: Workbench,
|
meta: {
|
languagekey: 'Workbench',
|
icon: 'workbench'
|
},
|
},
|
{
|
path: routePaths.AdminProfile,
|
name: 'AdminProfile',
|
component: AdminProfile,
|
meta: {
|
languagekey: 'Profile',
|
icon: 'user'
|
},
|
},
|
{
|
path: '/admin/question/QuestionSubjectKnowledgePoint',
|
name: 'QuestionSubjectKnowledgePoint',
|
component: QuestionSubjectKnowledgePoint,
|
meta: {
|
keepAlive: true
|
}
|
},
|
{
|
path: '/admin/question/QuestionPaper',
|
name: 'QuestionPaper',
|
component: QuestionPaper,
|
meta: {
|
keepAlive: true
|
}
|
},
|
{
|
path: '/admin/question/QuestionPaperQuestionList',
|
name: 'QuestionPaperQuestionList',
|
component: QuestionPaperQuestionList,
|
meta: {
|
keepAlive: true
|
}
|
},
|
{
|
path: '/admin/organization/OrganizationDepartment',
|
name: 'OrganizationDepartment',
|
component: OrganizationDepartment,
|
meta: {
|
keepAlive: true
|
}
|
},
|
{
|
path: '/admin/organization/OrganizationMajor',
|
name: 'OrganizationMajor',
|
component: OrganizationMajor,
|
meta: {
|
keepAlive: true
|
}
|
},
|
{
|
path: '/admin/organization/OrganizationGrade',
|
name: 'OrganizationGrade',
|
component: OrganizationGrade,
|
meta: {
|
keepAlive: true
|
}
|
},
|
{
|
path: '/admin/organization/OrganizationGradeSubjectRelation',
|
name: 'OrganizationGradeSubjectRelation',
|
component: OrganizationGradeSubjectRelation,
|
meta: {
|
keepAlive: true
|
}
|
},
|
{
|
path: '/admin/order/ActiveOrderDetail',
|
name: 'ActiveOrderDetail',
|
component: ActiveOrderDetail,
|
meta: {
|
keepAlive: true
|
}
|
},
|
]
|
},
|
{
|
path: '/mobile/question',
|
name: 'Question',
|
component: MobileQuestion,
|
},
|
...masterdataRoutes.routes,
|
]
|
|
const routerHistory = createWebHistory(WGURL.namespace);
|
const routerHash = createWebHashHistory(WGURL.namespace);
|
const routerBbstract = createMemoryHistory(WGURL.namespace);
|
const router = createRouter({
|
history: routerHistory, routes: routes
|
});
|
|
router.routeDatas = {
|
masterdataRoutes,
|
}
|
|
let localstorageMenus;
|
let userid;
|
let token;
|
|
router.beforeEach(async (to, from, next) => {
|
NProgress.start();
|
|
//处理浏览器直接访问路由时路由找不到的问题
|
if (to.name === "404" && to.redirectedFrom.path) {
|
if (!checkToken() || !checkUser()) {
|
if (WGURL.UseSSO) {
|
window.location.href = `${WGURL.SSOLoginUri}?source=${window.location.href}`;
|
} else {
|
next({path: '/admin/login', replace: true});
|
}
|
|
NProgress.done();
|
return;
|
}
|
|
const hasRouters = await getAsyncRouters();
|
const hasPermission = await getAsyncUserWithRolesAndPermissions(userid);
|
if (hasRouters && hasPermission) {
|
if (router.getRoutes().filter(e => e.path === to.redirectedFrom.path).shift()) {
|
next({path: to.redirectedFrom.path});
|
} else {
|
next();
|
}
|
|
NProgress.done();
|
return;
|
} else {
|
elementplus.ElNotification({
|
title: 'Error',
|
message: `${i18n.t('message.AccessIsDenied')}`,
|
position: 'top-right',
|
duration: 5000,
|
type: 'error'
|
});
|
if (WGURL.UseSSO) {
|
window.location.href = `${WGURL.SSOLoginUri}?source=${window.location.href}`;
|
} else {
|
next({path: '/admin/login', replace: true});
|
}
|
|
NProgress.done();
|
return;
|
}
|
}
|
|
let frompath = from.path.toLocaleLowerCase();
|
let topath = to.path.toLocaleLowerCase();
|
|
if (!topath.startsWith('/admin/')) {
|
next();
|
|
NProgress.done();
|
return;
|
} else if (topath === '/admin/login') {
|
if (WGURL.UseSSO) {
|
window.location.href = `${WGURL.SSOLoginUri}?source=${window.location.href}`;
|
} else {
|
next();
|
}
|
|
NProgress.done();
|
return;
|
} else if (topath === '/admin/accountactivation' || topath === '/admin/retrievepassword' || topath === '/admin/register') {
|
next();
|
|
NProgress.done();
|
return;
|
} else if (topath !== '/admin/login') {
|
if (!checkToken() || !checkUser()) {
|
if (WGURL.UseSSO) {
|
window.location.href = `${WGURL.SSOLoginUri}?source=${window.location.href}`;
|
} else {
|
next({path: '/admin/login', replace: true});
|
}
|
|
NProgress.done();
|
return;
|
}
|
|
const hasRouters = await getAsyncRouters();
|
const hasPermission = await getAsyncUserWithRolesAndPermissions(userid);
|
if (hasRouters && hasPermission) {
|
next();
|
|
NProgress.done();
|
return;
|
} else {
|
elementplus.ElNotification({
|
title: 'Error',
|
message: `${i18n.t('message.AccessIsDenied')}`,
|
position: 'top-right',
|
duration: 5000,
|
type: 'error'
|
});
|
if (WGURL.UseSSO) {
|
window.location.href = `${WGURL.SSOLoginUri}?source=${window.location.href}`;
|
} else {
|
next({path: '/admin/login', replace: true});
|
}
|
|
NProgress.done();
|
return;
|
}
|
}
|
|
NProgress.done();
|
});
|
|
router.afterEach((to, from) => {
|
let frompath = from.path.toLocaleLowerCase();
|
let topath = to.path.toLocaleLowerCase();
|
|
if (topath.startsWith('/admin/') && topath !== '/admin/login') {
|
getAsyncRouters().then((resp) => {
|
|
});
|
}
|
});
|
|
router.onError(error => {
|
console.error(error);
|
});
|
|
async function getAsyncUserWithRolesAndPermissions(userid) {
|
let roles = getLocalStorage("roles");
|
let permissions = getLocalStorage("permissions");
|
|
if (!roles || roles === [] || roles.length === 0 || !permissions || permissions === [] || permissions.length === 0) {
|
const resp = await GetAccountWithRolesAndPermissions(userid);
|
|
let data = resp.data;
|
if (data && data.code === 200) {
|
let user = data.data;
|
let roles = data.data.roles;
|
let permissions = data.data.permissions;
|
|
saveLocalStorage("user", user);
|
saveLocalStorage("roles", roles);
|
saveLocalStorage("permissions", permissions);
|
|
return true;
|
} else {
|
return false;
|
}
|
} else {
|
return true;
|
}
|
}
|
|
async function getAsyncRouters() {
|
if (localstorageMenus && localstorageMenus.length > 0) {
|
initRouter(localstorageMenus);
|
return true;
|
}
|
|
localstorageMenus = getLocalStorage(`${WGURL.routeKey}-menus`);
|
if (localstorageMenus && localstorageMenus.length > 0) {
|
initRouter(localstorageMenus);
|
return true;
|
}
|
|
const resp = await GetMenus({});
|
if (resp && resp.data && resp.data.data && resp.data.data.length > 0) {
|
let menus = [];
|
let allMenus = resp.data.data;
|
let permissions = getLocalStorage('permissions');
|
|
if (permissions && permissions.length > 0) {
|
let paths = permissions.map(p => p.url);
|
allMenus.map(menu => {
|
if (paths.includes(menu.path)) {
|
if (menu.children) {
|
menu.children = menu.children.filter(e => paths.includes(e.path));
|
}
|
menus.push(menu);
|
}
|
});
|
}
|
|
saveLocalStorage(`${WGURL.routeKey}-menus`, menus);
|
|
initRouter(menus);
|
return true;
|
} else {
|
return false;
|
}
|
}
|
|
function initRouter(routerdbdata) {
|
let fmtRoutes = formatRoutes(routerdbdata)
|
fmtRoutes.forEach((r) => {
|
router.addRoute(r);
|
});
|
|
localStorage.setItem(`${WGURL.routeKey}-routes`, JSON.stringify(fmtRoutes));
|
}
|
|
function formatRoutes(data) {
|
let fmRoutes = [];
|
if (data != null && data.length > 0) {
|
data.forEach((d) => {
|
let {url, path, name, languagekey, meta, icon, children} = d;
|
if (children && children instanceof Array) {
|
children = formatRoutes(children);
|
}
|
let component = LayoutAdmin;
|
Object.keys(modules).forEach(key => {
|
if (key === '../views' + path + '.vue') {
|
component = modules[key];
|
}
|
});
|
let fmRouter = {
|
url: url, path: path, name: name, meta: {
|
languagekey: languagekey, icon: icon
|
}, children: children, component: component
|
}
|
fmRoutes.push(fmRouter);
|
});
|
}
|
|
return fmRoutes;
|
}
|
|
function checkToken() {
|
token = Cookies.get('Authorization', {domain: WGURL.cookieDomain});
|
if (token == null || token === '' || token === 'null') {
|
return false;
|
}
|
localStorage.setItem('Authorization', token);
|
|
return true;
|
}
|
|
function checkUser() {
|
userid = Cookies.get('userid', {domain: WGURL.cookieDomain});
|
if (userid == null || userid === '' || userid === 'null') {
|
return false;
|
}
|
localStorage.setItem('userid', userid);
|
|
return true;
|
}
|
|
export default router;
|
