import * as roleApi from '@/api/system/roleApi.js';
|
import Layout from '@/layout/index'
|
|
/**
|
* Filter asynchronous routing tables by recursion
|
* @param routes asyncRoutes
|
* @param roles
|
*/
|
export function filterAsyncRoutes(routes, roles) {
|
const res = [];
|
routes.forEach((route) => {
|
const tmp = { ...route };
|
if (tmp.child) {
|
tmp.child = filterAsyncRoutes(tmp.child, roles);
|
}
|
res.push(tmp);
|
});
|
|
return res;
|
}
|
|
const state = {
|
routes: [],
|
addRoutes: [],
|
topbarRouters: [],
|
sidebarRouters: JSON.parse(localStorage.getItem('sidebarRouters')) || [],
|
};
|
|
const mutations = {
|
SET_ROUTES: (state, routes) => {
|
state.addRoutes = routes;
|
state.routes = routes;
|
},
|
SET_TOPBAR_ROUTES: (state, routes) => {
|
state.topbarRouters = routes;
|
},
|
SET_SIDEBAR_ROUTERS: (state, routes) => {
|
state.sidebarRouters = routes;
|
localStorage.setItem('sidebarRouters', JSON.stringify(routes));
|
if (!routes.length) localStorage.removeItem('sidebarRouters');
|
},
|
};
|
const actions = {
|
generateRoutes({ commit }) {
|
return new Promise(async (resolve) => {
|
let accessedRoutes = [];
|
let menus = await roleApi.menuListApi();
|
commit('SET_SIDEBAR_ROUTERS', menus);
|
let list = tree2arr(JSON.parse(JSON.stringify(menus)),[])
|
let menuData = [];
|
if (list != null && list.length > 0) {
|
const rlist = [];
|
for (let i = 0; i < list.length; i++) {
|
const sm = list[i];
|
if (sm.pid == 0) {
|
rlist.push(getResultMap(sm))
|
list.splice(i, 1)
|
i--
|
}
|
|
}
|
menuData = setChildren(list, rlist)
|
}
|
commit('SET_ROUTES', menuData);
|
resolve(menuData);
|
});
|
},
|
};
|
|
function comRouter(menus, asyncRouter, hasLeft) {
|
const res = [];
|
asyncRouter.forEach((router) => {
|
const _leftUrl = hasLeft ? hasLeft + '/' + router.path : router.path;
|
const _hasPromise = menus.filter((item) => item.url.startsWith(_leftUrl));
|
if (_hasPromise.length > 0) {
|
res.push(router);
|
}
|
if (router.children) {
|
comRouter(menus, router.children, router.path);
|
}
|
});
|
return res;
|
}
|
|
|
const setChildren = (list, rlist) => {
|
let b// 减少没必要的遍历
|
for (let x = 0; x < rlist.length; x++) {
|
const m = rlist[x]
|
b = false
|
for (let i = 0; i < list.length; i++) {
|
const sm = list[i]
|
if (sm.pid === m.id) { // 存在子节点
|
b = true
|
if (m.children === undefined) {
|
m.children = []
|
}
|
const clist = m.children
|
const cmap = getResultMap(sm)
|
clist.push(cmap)
|
list.splice(i, 1)
|
i--
|
setChildren(list, clist)
|
continue
|
}
|
if (b) {
|
break
|
}
|
}
|
}
|
return rlist
|
}
|
const tree2arr = (tree)=>{
|
let arr=[]
|
tree.map(item=>{
|
arr.push(item)
|
if(item.childList.length>0){
|
arr.push(...tree2arr(item.childList))
|
}
|
})
|
return arr
|
}
|
const getResultMap = sysMenu => { //M 目录 C菜单 F按钮
|
const result = {}
|
result.id = sysMenu.id
|
result.name = 'menu' + sysMenu.id
|
if (sysMenu.menuType == 'M') { // 目录
|
|
if (sysMenu.pid == '0') {
|
result.path = ''
|
result.component = Layout
|
result.redirect = 'noredirect'
|
result.alwaysShow = false
|
} else {
|
result.path = ''
|
result.component = () => import(`@/views/routerView/index`)
|
result.redirect = 'noredirect'
|
}
|
} else if (sysMenu.menuType == 'C') {
|
let url = sysMenu.component
|
if(url.substr(0, 7) == 'http://' || url.substr(0,8)=='https://'){
|
if(url.indexOf('?')>-1){
|
result.path = url+'&sessionToken='+getToken()
|
}else{
|
result.path = url+'?sessionToken='+getToken()
|
}
|
}else if(url.indexOf("?")>-1){
|
const params = url.substring(url.indexOf("?")+1,url.length).split("&");
|
let param={}
|
params.forEach(function(v){
|
param[v.split("=")[0]] = v.split("=")[1]
|
})
|
result.props=param
|
url = url.substring(0,url.indexOf("?"))
|
result.path = '/views' + url+'/'+sysMenu.id
|
result.component = () => import(`@/views/${url}`)
|
}else{
|
result.path = sysMenu.component
|
// result.component = () => import(`@/views/${url}`)
|
result.component= resolve => require([`@/views${url}`],resolve)
|
}
|
|
|
} else {
|
result.hidden = true
|
}
|
|
const result1 = {}
|
result1.title = sysMenu.name
|
result1.icon = sysMenu.icons
|
result1.noCache = false
|
// result1.role = ['admin','editor']
|
result.meta = result1
|
return result
|
}
|
export default {
|
namespaced: true,
|
state,
|
mutations,
|
actions,
|
};
|
