import * as VueRouter from 'vue-router';
|
|
export default function($store,$ui){
|
const routes = [
|
{ name: 'default', path: '/', component: () => import('@/pages/screen/Screen1.vue') },
|
{ name: 'screen1', path: '/1', component: () => import('@/pages/screen/Screen1.vue') },
|
{ name: 'screen3', path: '/2', component: () => import('@/pages/screen/Screen3.vue') }
|
]
|
|
const router = VueRouter.createRouter({
|
history: VueRouter.createWebHashHistory(),
|
routes
|
})
|
|
router.beforeEach((to, from) => {
|
/* 登录需求判断 */
|
if (to.meta.login) {
|
let token = $store.getters['user/getToken'];
|
if (!token) {
|
return {path:'/login'}
|
}
|
}
|
/* 数据出错，页面不在用户权限 */
|
if (to.fullPath.startsWith('/sub-')) {
|
let __menus = $store.getters['user/getMenusList'];
|
}
|
|
|
/* 获取路由的完整路径 */
|
const __getCurrentRoutePath = function(compareVar,isRoot=true) {
|
let res = {error:false,response:[]};
|
let _homeRoute = {
|
id:'-999999',
|
name:'首页',
|
path:'/sub-home'
|
}
|
if (compareVar==='/sub-home') {
|
res.response = [_homeRoute]
|
} else {
|
let menus = $store.getters['user/getMenusList'];
|
const parentFields = 'pid';
|
let compareFields = 'path';
|
if (!isRoot) {
|
compareFields = 'id';
|
}
|
for (let i=0;i<menus.length;i++) {
|
if (menus[i][compareFields] === compareVar) {
|
res.response.push(menus[i]);
|
if (menus[i][parentFields]) {
|
let childRes = __getCurrentRoutePath(menus[i][parentFields],false)
|
res.response = [...childRes.response,...res.response]
|
}
|
break;
|
}
|
}
|
/* 路由不在用户菜单权限中 */
|
if (isRoot && res.response.length<=0) {
|
res.response = [_homeRoute]
|
res.error = true
|
}
|
}
|
|
return res;
|
}
|
|
/* 设置菜单tab */
|
const __dealMenuTabs = function(isErr) {
|
let uobj = $store.getters['user/getUserInfo'];
|
if (isErr) {
|
$store.commit('system/setMenuTabs',{
|
uid:uobj['user_id'],
|
tabs:[]
|
})
|
return []
|
}
|
let oldTemp = $store.getters['system/getMenuTabs'];
|
if (to.fullPath==='/sub-home') {
|
if (oldTemp.uid !== uobj['user_id']) {
|
$store.commit('system/setMenuTabs',{
|
uid:uobj['user_id'],
|
tabs:[]
|
})
|
return []
|
} else {
|
return oldTemp.tabs
|
}
|
} else {
|
let menus = $store.getters['user/getMenusList'];
|
let currentMenu = {};
|
for (let i=0;i<menus.length;i++) {
|
if (menus[i].path === to.fullPath) {
|
currentMenu = menus[i];
|
break;
|
}
|
}
|
if (!currentMenu.id) {
|
return oldTemp.tabs;
|
}
|
|
if (oldTemp.uid === uobj['user_id']) {
|
let tempFlag = false, newTemp = {...oldTemp};
|
for (let j=0;j<newTemp.tabs.length;j++) {
|
if (newTemp.tabs[j].id === currentMenu.id) {
|
newTemp.tabs[j] = currentMenu;
|
tempFlag = true;
|
break;
|
}
|
}
|
if (!tempFlag) {
|
newTemp.tabs.push(currentMenu)
|
}
|
$store.commit('system/setMenuTabs',newTemp)
|
return newTemp.tabs;
|
} else {
|
$store.commit('system/setMenuTabs',{
|
uid:uobj['user_id'],
|
tabs:[currentMenu]
|
})
|
return [currentMenu]
|
}
|
}
|
}
|
|
/* 计算设置 需要加载的子页面的组件 */
|
const _setNewActiveSubpages = function(tabs,toPage) {
|
let temp = $store.getters['system/getActiveSubpages'];
|
let res = [...temp];
|
let refreshFlag = false, _count=0,doNew=true;
|
while(_count<res.length) {
|
if (doNew && res[_count]===toPage) {
|
doNew = false
|
}
|
/* 除home，不在tab中的页面不需要预加载和保存，如此方可保证再次打开这些页面的时候会刷新该页面 */
|
let needDel = true;
|
if (res[_count]==='home') {
|
needDel = false;
|
} else {
|
for (let i=0;i<tabs.length;i++) {
|
if (tabs[i].path === '/sub-'+ res[_count]) {
|
needDel = false;
|
break;
|
}
|
}
|
}
|
if (needDel) {
|
res.splice(_count,1);
|
refreshFlag = true;
|
} else {
|
_count++;
|
}
|
}
|
if (doNew) {
|
res.push(toPage)
|
refreshFlag = true;
|
}
|
if (refreshFlag) {
|
$store.commit('system/setActiveSubpages',res)
|
}
|
}
|
|
/* 子页面数据处理 */
|
const __dealSubpagesData = function(toObj){
|
let res = {flag:true,path:''}
|
if (toObj.fullPath.startsWith('/sub-')) {
|
/* 当前路由的子页面 */
|
let _changePage = toObj.params.pagePath;
|
/* 当前子页面的菜单路径 */
|
let fullCurPath = __getCurrentRoutePath(toObj.fullPath);
|
if (fullCurPath.error) {
|
res.flag = false
|
res.path = '/sub-home'
|
_changePage = 'home'
|
}
|
|
/* 保存当前需要显示的子页面的菜单路径 */
|
$store.commit('system/setCurrentFullMenuPath',fullCurPath.response)
|
/* 保存当前需要显示的子页面的后缀 */
|
$store.commit('system/setVisibleSubpage',_changePage);
|
|
/* 保存当前需要显示的菜单tab */
|
let newTabs = __dealMenuTabs(fullCurPath.error)
|
|
/* 保存当前需要加载的子页面的组件,需要确认新的菜单tabs之后再执行 */
|
_setNewActiveSubpages(newTabs,_changePage)
|
}
|
return res;
|
}
|
|
/* 最终页面跳转 */
|
let finalFlag = __dealSubpagesData(to);
|
if (!finalFlag.flag) {
|
$ui.ElMessage.error('页面无权访问!')
|
return {path:finalFlag.path}
|
}
|
|
return true
|
})
|
|
return router
|
}
|
