233 lines
5.3 KiB
TypeScript
233 lines
5.3 KiB
TypeScript
import { createRouter, createWebHistory, RouteRecordRaw, createWebHashHistory } from 'vue-router'
|
||
import { defineAsyncComponent } from 'vue'
|
||
import store from "@/store"
|
||
import { getCookie, setCookie } from "@/tool/cookie";
|
||
const _import = (path: string) => defineAsyncComponent(() => import(`../views/${path}.vue`));
|
||
const _import_component = (path : string) => defineAsyncComponent(() => import(`../component/${path}`));
|
||
const _import_custom = (path : string) => defineAsyncComponent(() => import(`../views/${path}`));
|
||
|
||
const routes: Array<RouteRecordRaw> = [
|
||
{
|
||
path: "/",
|
||
// redirect重定向
|
||
// redirect: "/login"
|
||
// redirect: "/upgrade"
|
||
name: "HomeRecommend",
|
||
component: _import('HomeRecommend'),
|
||
},
|
||
{
|
||
path: '/login',
|
||
name: 'login',
|
||
component: _import('LoginPage')
|
||
},
|
||
// {
|
||
// path: '/register',
|
||
// name: 'register',
|
||
// component: _import('RegisterPage')
|
||
// },
|
||
{
|
||
path: '/upgrade',
|
||
name: 'upgrade',
|
||
component: _import('Upgrade'),
|
||
},
|
||
// {
|
||
// path: '/home',
|
||
// name: 'home',
|
||
// component: _import('HomeView')
|
||
// },
|
||
{
|
||
path: '/home',
|
||
name: 'home',
|
||
component: _import('HomeMain'),
|
||
meta:{keepAlive:true},
|
||
children:[
|
||
{
|
||
path: "",
|
||
name:'""',
|
||
redirect: "home/homePage"
|
||
},
|
||
{
|
||
path:'homePage',
|
||
name:'homePage',
|
||
component: _import_custom('HomeView/HomeView.vue'),
|
||
meta:{keepAlive:true},
|
||
},{
|
||
path:'library',
|
||
name:'library',
|
||
component: _import_custom('HomeView/library.vue'),
|
||
},{
|
||
path:'history',
|
||
name:'history',
|
||
component: _import_custom('HomeView/history.vue'),
|
||
},{
|
||
path:'works',
|
||
name:'works',
|
||
component: _import_custom('HomeView/Works.vue'),
|
||
},
|
||
]
|
||
},
|
||
{
|
||
path: '/demo',
|
||
name: 'demo',
|
||
component: _import('Demo')
|
||
},
|
||
// {
|
||
// path: '/history',
|
||
// name: 'history',
|
||
// component: _import('history')
|
||
// },
|
||
// {
|
||
// path: '/testClickData',
|
||
// name: 'testClickData',
|
||
// component: _import('TestClickData')
|
||
// },
|
||
{
|
||
path: '/administrator',
|
||
name: 'administrator',
|
||
component: _import('Administrator'),
|
||
children:[
|
||
{
|
||
path:'allUser',
|
||
name:'allUser',
|
||
component: _import_component('Administrator/allUser.vue'),
|
||
},
|
||
{
|
||
path:'testClickData',
|
||
name:'testClickData',
|
||
component: _import_component('Administrator/TestClickData.vue'),
|
||
},
|
||
{
|
||
path:'trialApproval',
|
||
name:'trialApproval',
|
||
component: _import_component('Administrator/trialApproval.vue'),
|
||
},
|
||
]
|
||
},
|
||
{
|
||
path: '/paySucceed',
|
||
name: 'paySucceed',
|
||
component: _import('paySucceed')
|
||
},
|
||
// {
|
||
// path: '/library',
|
||
// name: 'library',
|
||
// component: _import('library')
|
||
// },
|
||
// {
|
||
// path: '/trialApproval',
|
||
// name: 'trialApproval',
|
||
// component: _import('trialApproval')
|
||
// },
|
||
{
|
||
path: '/setIdentification',
|
||
name: 'setIdentification',
|
||
component: _import('setIdentification')
|
||
},
|
||
{
|
||
path: '/feedbackSurvey',
|
||
name: 'feedbackSurvey',
|
||
component: _import('feedbackSurvey'),
|
||
},
|
||
{
|
||
path: '/feedbackSurveyCN',
|
||
name: 'feedbackSurveyCN',
|
||
component: _import('feedbackSurveyCN'),
|
||
},
|
||
{
|
||
path: '/404',
|
||
name: '404',
|
||
component: _import('404')
|
||
},
|
||
]
|
||
|
||
const router = createRouter({
|
||
history: createWebHistory(process.env.BASE_URL),
|
||
// history: createWebHashHistory(),
|
||
routes
|
||
})
|
||
// 刷新保存数据-
|
||
let state:any = store.state
|
||
window.addEventListener("beforeunload", (e) => {
|
||
sessionStorage.setItem(
|
||
"vuex_setSystemUser",
|
||
JSON.stringify(state.UserHabit.systemUser.value)
|
||
);
|
||
});
|
||
var vuex_setSystemUser:any = sessionStorage.getItem("vuex_setSystemUser");
|
||
if (vuex_setSystemUser == 0 || vuex_setSystemUser == 1) {
|
||
store.commit("setSystemUser", JSON.parse(vuex_setSystemUser));
|
||
sessionStorage.removeItem("vuex_setSystemUser");
|
||
}
|
||
|
||
router.beforeEach((to, from, next) => {
|
||
|
||
// 系统维护
|
||
// let upgradeList = ['/feedbackSurvey','/feedbackSurveyCN']//指定页面系统维护也可以访问
|
||
// const toName = to.name === 'upgrade';
|
||
// if(upgradeList.indexOf(to.path) > -1){
|
||
// next();
|
||
// }else{
|
||
// if (toName) {
|
||
// next();
|
||
// } else {
|
||
// next({ name: 'upgrade' });
|
||
// }
|
||
// }
|
||
// return
|
||
// 检查路由是否存在
|
||
// 机房用户
|
||
let userInfo = JSON.parse(getCookie("userInfo") as any);
|
||
let murmurStr: any = localStorage.getItem('murmurStr')
|
||
let getIsMurmur: any = getCookie("isMurmur")
|
||
let token = getCookie("token");
|
||
let isMurmur = JSON.parse(getIsMurmur)
|
||
let routeList = ['/testClickData','/trialApproval']//指定页面需要指定id才能进入
|
||
let userIdList = [88,6,46,31,73,83,87]
|
||
let isSystemUserRouteList = ['/login','/']//指定页面
|
||
|
||
let systemUser = state.UserHabit.systemUser
|
||
const routeExists = router.getRoutes().some(({ name }) =>{
|
||
if(name){
|
||
return name === to.name
|
||
}else{
|
||
return false
|
||
}
|
||
});
|
||
if(systemUser.value == 0){
|
||
if(isSystemUserRouteList.indexOf(to.path) > -1){
|
||
next();
|
||
}else{
|
||
next('/');
|
||
}
|
||
return
|
||
}
|
||
if (routeExists) {
|
||
if (isMurmur && murmurStr && token) {
|
||
const toName = to.name === 'login';
|
||
if (toName) {
|
||
next({ name: '/homePage' });
|
||
} else {
|
||
next();
|
||
}
|
||
} else {
|
||
if (routeList.indexOf(to.path) > -1 ) {
|
||
|
||
if(userIdList.indexOf(userInfo.userId) > -1){
|
||
next();
|
||
}else{
|
||
next({ name: '/404' });
|
||
}
|
||
}else{
|
||
next();
|
||
}
|
||
// 如果页面存在，正常跳转
|
||
}
|
||
} else {
|
||
// 如果页面不存在，可以跳转到404页面或者其他页面
|
||
next('/404');
|
||
}
|
||
|
||
|
||
});
|
||
export default router
|