// 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'),
|
|
// 你需要动态引入的页面组件
|
Workplace: () => import('@/views/dashboard/Workplace'),
|
Analysis: () => import('@/views/dashboard/Analysis'),
|
|
// 个人页
|
Userlist: () => import('@/views/userlist/index'),
|
// Institution: () => import('@/views/loanmanage/institution'),
|
Agentlist: () => import('@/views/userlist/agentlist'),
|
|
// form
|
BasicForm: () => import('@/views/form/basicForm'),
|
StepForm: () => import('@/views/form/stepForm/StepForm'),
|
AdvanceForm: () => import('@/views/form/advancedForm/AdvancedForm'),
|
|
// list
|
TableList: () => import('@/views/list/TableList'),
|
StandardList: () => import('@/views/list/BasicList'),
|
CardList: () => import('@/views/list/CardList'),
|
SearchLayout: () => import('@/views/list/search/SearchLayout'),
|
SearchArticles: () => import('@/views/list/search/Article'),
|
SearchProjects: () => import('@/views/list/search/Projects'),
|
SearchApplications: () => import('@/views/list/search/Applications'),
|
ProfileBasic: () => import('@/views/profile/basic'),
|
ProfileAdvanced: () => import('@/views/profile/advanced/Advanced'),
|
|
// result
|
ResultSuccess: () => import(/* webpackChunkName: "result" */ '@/views/result/Success'),
|
ResultFail: () => import(/* webpackChunkName: "result" */ '@/views/result/Error'),
|
|
// exception
|
Exception403: () => import(/* webpackChunkName: "fail" */ '@/views/exception/403'),
|
Exception404: () => import(/* webpackChunkName: "fail" */ '@/views/exception/404'),
|
Exception500: () => import(/* webpackChunkName: "fail" */ '@/views/exception/500'),
|
|
// account
|
Center: () => import('@/views/account/center'),
|
Interesttreasure: () => import('@/views/account/settings/Index'),
|
BasicSetting: () => import('@/views/account/settings/BasicSetting'),
|
SecuritySettings: () => import('@/views/account/settings/Security'),
|
CustomSettings: () => import('@/views/account/settings/Custom'),
|
BindingSettings: () => import('@/views/account/settings/Binding'),
|
NotificationSettings: () => import('@/views/account/settings/Notification'),
|
|
// TestWork: () => import(/* webpackChunkName: "TestWork" */ '@/views/dashboard/TestWork')
|
}
|
|
// 根级菜单
|
const rootRouter = {
|
path: '/',
|
name: 'index',
|
component: BasicLayout,
|
meta: { title: 'menu.home' },
|
redirect: '/dashboard/workplace',
|
children: [],
|
}
|
|
// export const generatorStaticRouter = () => {
|
|
// }
|
|
/**
|
* 动态生成菜单
|
* @param token
|
* @returns {Promise<Router>}
|
*/
|
|
export const generatorDynamicRouter = (token) => {
|
return new Promise((resolve, reject) => {
|
loginService
|
.getCurrentUserNav(token)
|
.then((res) => {
|
const routers = generator([{ ...rootRouter, children: res.data }])
|
// console.log('routers', routers)
|
resolve(routers)
|
})
|
.catch((err) => {
|
reject(err)
|
})
|
})
|
}
|
|
/**
|
* 格式化树形结构数据 生成 vue-router 层级路由表
|
*
|
* @param routerMap
|
* @param parent
|
* @returns {*}
|
*/
|
|
export const generator = (routerMap, parent) => {
|
// debugger
|
return routerMap.map((item) => {
|
const { title, show, hideChildren, hiddenHeaderContent, target, icon } = item.meta || {}
|
console.log(typeof item.component === 'object')
|
const currentRouter = {
|
// 如果路由设置了 path，则作为默认 path，否则 路由地址 动态拼接生成如 /dashboard/workplace
|
path: item.path || `${(parent && parent.path) || ''}/${item.key}`,
|
// 路由名称，建议唯一
|
name: item.name || item.key || '',
|
// 该路由对应页面的 组件 :方案1
|
component:
|
typeof item.component === 'object'
|
? item.component
|
: item.component !== 'Layout'
|
? () => import(`@/views/${item.component}`)
|
: RouteView,
|
// 该路由对应页面的 组件 :方案2 (动态加载)
|
// component: () => import(`@/views/${item.name}`),
|
// component: component,
|
// meta: 页面标题, 菜单图标, 页面权限(供指令权限用，可去掉)
|
meta: {
|
title: title,
|
icon: icon || undefined,
|
hiddenHeaderContent: hiddenHeaderContent,
|
target: target,
|
permission: item.name,
|
},
|
}
|
// console.log(`@/views/${item.component}`)
|
// 是否设置了隐藏菜单
|
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)
|
}
|
// debugger
|
console.log('currentRouter', 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)
|
}
|
// if(item.parentId == 0){
|
// const child = {
|
// ...item,
|
// key: item.key || item.name,
|
// children: []
|
// }
|
// listToTree(list, child.children, item.id)
|
// }
|
})
|
}
|
