245 lines
7.1 KiB
JavaScript
245 lines
7.1 KiB
JavaScript
// eslint-disable-next-line
|
||
import * as loginService from '@/api/login'
|
||
// eslint-disable-next-line
|
||
import { BasicLayout, BlankLayout, PageView, RouteView } from '@/layouts'
|
||
|
||
// 前端路由表
|
||
const constantRouterComponents = {
|
||
// 基础页面 layout 必须引入
|
||
BasicLayout: BasicLayout,
|
||
BlankLayout: BlankLayout,
|
||
RouteView: RouteView,
|
||
PageView: PageView,
|
||
403: () => import(/* webpackChunkName: "error" */ '@/views/exception/403'),
|
||
404: () => import(/* webpackChunkName: "error" */ '@/views/exception/404'),
|
||
500: () => import(/* webpackChunkName: "error" */ '@/views/exception/500'),
|
||
|
||
// 你需要动态引入的页面组件
|
||
WorkplaceEquipment: () => import('@/views/dashboard/WorkplaceEquipment'),
|
||
Analysis: () => import('@/views/dashboard/Analysis'),
|
||
// 'TestWork': () => import(/* webpackChunkName: "TestWork" */ '@/views/dashboard/TestWork')
|
||
}
|
||
|
||
// 前端未找到页面路由（固定不用改）
|
||
const notFoundRouter = {
|
||
path: '*',
|
||
redirect: '/404',
|
||
hidden: true,
|
||
}
|
||
|
||
// 根级菜单
|
||
const rootRouter = {
|
||
key: '',
|
||
name: 'index',
|
||
title: '主页',
|
||
path: '',
|
||
component: 'BasicLayout',
|
||
// redirect: '/dashboard/equipment',
|
||
meta: {
|
||
title: '首页',
|
||
},
|
||
children: [],
|
||
}
|
||
|
||
const systemNav = {
|
||
id: '_67ed94a37b03415c8ee77a8991e79745',
|
||
title: '系统管理',
|
||
key: 'System',
|
||
name: '系统管理',
|
||
component: 'BasicLayout',
|
||
redirect: '/system/userlist',
|
||
parentId: '',
|
||
icon: 'dashboard',
|
||
children: [
|
||
{
|
||
id: '_1',
|
||
title: '菜单管理',
|
||
key: 'MenuList',
|
||
name: '菜单管理',
|
||
component: 'isystem/menuList',
|
||
redirect: null,
|
||
parentId: '67ed94a37b03415c8ee77a8991e79745',
|
||
icon: 'dashboard',
|
||
},
|
||
{
|
||
id: '_5114bf6a963f41149ab2435c86551927',
|
||
title: '用户管理',
|
||
key: 'UserList',
|
||
name: '用户管理',
|
||
component: 'isystem/userList',
|
||
redirect: null,
|
||
parentId: '67ed94a37b03415c8ee77a8991e79745',
|
||
icon: 'dashboard',
|
||
},
|
||
{
|
||
id: '_230a5ebe7cdc41acb997122d6de2d86f',
|
||
title: '角色管理',
|
||
key: 'RoleList',
|
||
name: '角色管理',
|
||
component: 'isystem/roleList',
|
||
redirect: null,
|
||
parentId: '67ed94a37b03415c8ee77a8991e79745',
|
||
icon: 'dashboard',
|
||
},
|
||
{
|
||
id: '_2fd1683b13c241be84c34185ff55028e',
|
||
title: '字典管理',
|
||
key: 'DictIndex',
|
||
name: '字典管理',
|
||
component: 'isystem/dict/dictlist',
|
||
redirect: null,
|
||
parentId: '67ed94a37b03415c8ee77a8991e79745',
|
||
icon: 'dashboard',
|
||
},
|
||
{
|
||
id: '_85924f8619f1451e847c9f69705f360f',
|
||
title: '系统日志',
|
||
key: 'LogList',
|
||
name: '系统日志',
|
||
component: 'isystem/logList',
|
||
redirect: null,
|
||
parentId: '67ed94a37b03415c8ee77a8991e79745',
|
||
icon: 'dashboard',
|
||
},
|
||
],
|
||
}
|
||
|
||
/**
|
||
* 动态生成菜单
|
||
* @param token
|
||
* @returns {Promise<Router>}
|
||
*/
|
||
// export const generatorDynamicRouter = token => {
|
||
// return new Promise((resolve, reject) => {
|
||
// loginService
|
||
// .getCurrentUserNav(token)
|
||
// .then(res => {
|
||
// console.log('generatorDynamicRouter response:', res)
|
||
// const { data } = res.data
|
||
// const menuNav = []
|
||
// const childrenNav = []
|
||
// // 后端数据, 根级树数组, 根级 PID
|
||
// // listToTree(data, childrenNav, 0)
|
||
// // rootRouter.children = childrenNav
|
||
// // menuNav.push(rootRouter)
|
||
// for(const i in data) {
|
||
// for(const j in data[i].children) {
|
||
// menuNav.push(data[i].children[j])
|
||
// }
|
||
// }
|
||
// console.log('menuNav', menuNav)
|
||
// const routers = generator(menuNav)
|
||
// routers.push(notFoundRouter)
|
||
// console.log('routers55', routers)
|
||
// resolve(routers)
|
||
// })
|
||
// .catch(err => {
|
||
// reject(err)
|
||
// })
|
||
// })
|
||
// }
|
||
export const generatorDynamicRouter = (token) => {
|
||
return new Promise((resolve, reject) => {
|
||
loginService
|
||
.getCurrentUserNav()
|
||
.then((res) => {
|
||
console.log('generatorDynamicRouter response:', res)
|
||
const data = res.data
|
||
const childrenNav = []
|
||
// console.log('data', res.data)
|
||
// 后端数据, 根级树数组, 根级 PID
|
||
listToTree(data, childrenNav, '')
|
||
console.log('childrenNav', childrenNav)
|
||
if (window._CONFIG.showSystemMenu) {
|
||
childrenNav.push(systemNav)
|
||
}
|
||
const routers = generator(childrenNav)
|
||
console.log('routers', routers)
|
||
resolve(routers)
|
||
})
|
||
.catch((err) => {
|
||
reject(err)
|
||
})
|
||
})
|
||
}
|
||
|
||
/**
|
||
* 格式化树形结构数据 生成 vue-router 层级路由表
|
||
*
|
||
* @param routerMap
|
||
* @param parent
|
||
* @returns {*}
|
||
*/
|
||
export const generator = (routerMap, parent) => {
|
||
return routerMap.map((item) => {
|
||
const { title, show, hideChildren, hiddenHeaderContent, target, icon } = item || item.meta || {}
|
||
const currentRouter = {
|
||
// 如果路由设置了 path，则作为默认 path，否则 路由地址 动态拼接生成如 /dashboard/workplace
|
||
path: item.path || `${(parent && parent.path) || ''}/${item.key}`,
|
||
// 路由名称，建议唯一
|
||
// name: item.name || item.key || '',
|
||
name: item.id,
|
||
// 该路由对应页面的 组件 :方案1
|
||
// component: constantRouterComponents[item.component || item.key],
|
||
// 该路由对应页面的 组件 :方案2 (动态加载)
|
||
component: constantRouterComponents[item.component || item.key] || (() => import(`@/views/${item.component}`)),
|
||
|
||
// meta: 页面标题, 菜单图标, 页面权限(供指令权限用，可去掉)
|
||
meta: {
|
||
title: title,
|
||
icon: icon || undefined,
|
||
hiddenHeaderContent: hiddenHeaderContent,
|
||
target: target,
|
||
// permission: item.name
|
||
},
|
||
}
|
||
// 是否设置了隐藏菜单
|
||
if (show === false) {
|
||
currentRouter.hidden = true
|
||
}
|
||
// 是否设置了隐藏子菜单
|
||
if (hideChildren) {
|
||
currentRouter.hideChildrenInMenu = true
|
||
}
|
||
// 为了防止出现后端返回结果不规范，处理有可能出现拼接出两个 反斜杠
|
||
if (!currentRouter.path.startsWith('http')) {
|
||
currentRouter.path = currentRouter.path.replace('//', '/')
|
||
}
|
||
// 重定向
|
||
item.redirect && (currentRouter.redirect = item.redirect)
|
||
// 是否有子菜单，并递归处理
|
||
if (item.children && item.children.length > 0) {
|
||
// Recursion
|
||
currentRouter.children = generator(item.children, currentRouter)
|
||
}
|
||
return currentRouter
|
||
})
|
||
}
|
||
|
||
/**
|
||
* 数组转树形结构
|
||
* @param list 源数组
|
||
* @param tree 树
|
||
* @param parentId 父ID
|
||
*/
|
||
const listToTree = (list, tree, parentId) => {
|
||
list.forEach((item) => {
|
||
// 判断是否为父级菜单
|
||
if (item.parentId === parentId) {
|
||
const child = {
|
||
...item,
|
||
key: item.key || item.name,
|
||
children: [],
|
||
}
|
||
// 迭代 list， 找到当前菜单相符合的所有子菜单
|
||
listToTree(list, child.children, item.id)
|
||
// 删掉不存在 children 值的属性
|
||
if (child.children.length <= 0) {
|
||
delete child.children
|
||
}
|
||
// 加入到树中
|
||
tree.push(child)
|
||
}
|
||
})
|
||
}
|