import http from '../utils/request'
|
import tip from '../utils/tips'
|
import store from '../store'
|
import {isURL} from '../utils/validate'
|
|
let $router
|
let $moduleRoutes // 模块路由(基于主入口布局页面)
|
let $fnGetComponent // 模块引用方法
|
export function setConfig(router, moduleRoutes, fnGetComponent) {
|
$router = router
|
$moduleRoutes = moduleRoutes
|
$fnGetComponent = fnGetComponent
|
}
|
|
// 页面路由(独立页面)
|
export const pageRoutes = [
|
{
|
path: '/404',
|
component: () => import('../views/pages/404'),
|
name: '404',
|
meta: {title: '404未找到'},
|
beforeEnter(to, from, next) {
|
// 拦截处理特殊业务场景
|
// 如果, 重定向路由包含__双下划线, 为临时添加路由
|
if (/__.*/.test(to.redirectedFrom)) {
|
return next(to.redirectedFrom.replace(/__.*/, ''))
|
}
|
next()
|
}
|
}
|
]
|
|
export function beforeEach(to, from, next) {
|
// 添加动态(菜单)路由
|
// 已添加或者当前路由为页面路由, 可直接访问
|
if (window.SITE_CONFIG['dynamicMenuRoutesHasAdded'] || fnCurrentRouteIsPageRoute(to, pageRoutes)) {
|
return next()
|
}
|
|
// 获取字典
|
store.dispatch('getDictList')
|
|
// 获取菜单列表, 添加并全局变量保存
|
http.get('/sys/menu/nav').then(res => {
|
if (res.code !== 0) {
|
return
|
}
|
let menuList = res.data
|
console.log(res.data,'res.data res.data')
|
// 给开发者添加代码生成功能
|
if (window.SITE_CONFIG['nodeEnv'] === 'development') {
|
menuList[0].children.push({id: 'development', name: '开发工具', icon: 'icon-solution', url: 'development'})
|
}
|
|
// 默认选择第一个系统
|
if (menuList && menuList.length > 0) {
|
window.SITE_CONFIG['menuList'] = menuList
|
fnAddDynamicMenuRoutes(window.SITE_CONFIG['menuList'], [])
|
} else {
|
tip.error('您没有使用系统的权限！')
|
return next({name: 'login'})
|
}
|
|
if (from.path === '/') {
|
next({...to, replace: true})
|
} else {
|
next()
|
}
|
}).catch(() => {})
|
}
|
|
/**
|
* 判断当前路由是否为页面路由
|
* @param {*} route 当前路由
|
* @param {*} pageRoutes 页面路由
|
*/
|
function fnCurrentRouteIsPageRoute(route, pageRoutes = []) {
|
var temp = []
|
for (var i = 0; i < pageRoutes.length; i++) {
|
if (route.path === pageRoutes[i].path) {
|
return true
|
}
|
if (pageRoutes[i].children && pageRoutes[i].children.length >= 1) {
|
temp = temp.concat(pageRoutes[i].children)
|
}
|
}
|
return temp.length >= 1 ? fnCurrentRouteIsPageRoute(route, temp) : false
|
}
|
|
/**
|
* 添加动态(菜单)路由
|
* @param {*} menuList 菜单列表
|
* @param {*} routes 递归创建的动态(菜单)路由
|
*/
|
function fnAddDynamicMenuRoutes(menuList = [], routes = []) {
|
var temp = []
|
for (var i = 0; i < menuList.length; i++) {
|
if (menuList[i].children && menuList[i].children.length >= 1) {
|
temp = temp.concat(menuList[i].children)
|
continue
|
}
|
// 组装路由
|
var route = {
|
path: '',
|
component: null,
|
name: '',
|
meta: {
|
...window.SITE_CONFIG['contentTabDefault'],
|
menuId: menuList[i].id,
|
title: menuList[i].name,
|
remark: menuList[i].remark
|
}
|
}
|
// eslint-disable-next-line
|
let URL = (menuList[i].url || '').replace(/{{([^}}]+)?}}/g, (s1, s2) => eval(s2)) // URL支持{{ window.xxx }}占位符变量
|
if (isURL(URL)) {
|
route['path'] = route['name'] = `i-${menuList[i].id}`
|
route['meta']['iframeURL'] = URL
|
} else {
|
URL = URL.replace(/^\//, '').replace(/_/g, '-')
|
route['path'] = route['name'] = URL.replace(/\//g, '-')
|
route['component'] = () => {
|
if (URL === 'development') {
|
return import('../views/pages/development')
|
} else if (PackagesViews.indexOf(URL + '.vue') >= 0) {
|
return import(`../views/modules/${URL}`)
|
} else {
|
return $fnGetComponent(URL)
|
}
|
}
|
}
|
routes.push(route)
|
}
|
if (temp.length >= 1) {
|
return fnAddDynamicMenuRoutes(temp, routes)
|
}
|
// 添加路由
|
$router.addRoutes([
|
{
|
...$moduleRoutes,
|
name: 'main-dynamic-menu',
|
children: routes
|
},
|
{path: '*', redirect: {name: '404'}}
|
])
|
window.SITE_CONFIG['dynamicMenuRoutes'] = routes
|
window.SITE_CONFIG['dynamicMenuRoutesHasAdded'] = true
|
}
|
|
// 添加动态路由
|
export function addDynamicRoute(routeParams) {
|
// 组装路由名称, 并判断是否已添加, 如是: 则直接跳转
|
var routeName = routeParams.routeName
|
var dynamicRoute = window.SITE_CONFIG['dynamicRoutes'].filter(item => item.name === routeName)[0]
|
if (dynamicRoute) {
|
return $router.push({
|
name: routeName,
|
params: routeParams.params
|
})
|
}
|
// 否则: 添加并全局变量保存, 再跳转
|
dynamicRoute = {
|
path: routeName,
|
component: () => {
|
if (PackagesViews.indexOf(routeParams.path) >= 0) {
|
return import(`../views/modules/${routeParams.path}`)
|
} else {
|
return $fnGetComponent(routeParams.path)
|
}
|
},
|
name: routeName,
|
meta: {
|
...window.SITE_CONFIG['contentTabDefault'],
|
menuId: routeParams.menuId,
|
title: `${routeParams.title}`,
|
remark: `${routeParams.remark}`
|
}
|
}
|
$router.addRoutes([{
|
...$moduleRoutes,
|
name: `main-dynamic__${dynamicRoute.name}`,
|
children: [dynamicRoute]
|
}])
|
window.SITE_CONFIG['dynamicRoutes'].push(dynamicRoute)
|
$router.push({
|
name: dynamicRoute.name,
|
params: routeParams.params
|
})
|
}
|
|
// 框架页面find $PWD/* | xargs ls -d | grep '.vue'
|
export const PackagesViews = [
|
'bpm/definition/definition-add-or-update.vue',
|
'bpm/definition/definition-list.vue',
|
'bpm/definition/definition-versions.vue',
|
'bpm/definition/start-workflow.vue',
|
'bpm/instance/instance-image.vue',
|
'bpm/instance/instance-list.vue',
|
'bpm/task/task-complete.vue',
|
'bpm/task/task-list.vue',
|
'bpm/task/task-opinion.vue',
|
'form/businessObject/bus-object-add-or-update.vue',
|
'form/businessObject/bus-object-dialog.vue',
|
'form/businessObject/bus-object.vue',
|
'form/businessTable/bus-table-add-or-update.vue',
|
'form/businessTable/bus-table-dialog.vue',
|
'form/businessTable/bus-table.vue',
|
'form/dynamicForm/dynamic-form.vue',
|
'form/formDefinition/form-definition-add-or-update.vue',
|
'form/formDefinition/form-definition.vue',
|
'form/formTemplate/form-template-add-or-update.vue',
|
'form/formTemplate/form-template.vue',
|
'message/mail-log.vue',
|
'message/mail-template-add-or-update.vue',
|
'message/mail-template-config.vue',
|
'message/mail-template-send.vue',
|
'message/mail-template.vue',
|
'message/sms-log.vue',
|
'message/sms-send.vue',
|
'message/sms-template-add-or-update.vue',
|
'message/sms-template.vue',
|
'notice/notice-add-or-update.vue',
|
'notice/notice-user-view.vue',
|
'notice/notice-user.vue',
|
'notice/notice-view.vue',
|
'notice/notice.vue',
|
'oss/oss.vue',
|
'sys/company-add-or-update.vue',
|
'sys/company.vue',
|
'sys/dept-add-or-update.vue',
|
'sys/dept.vue',
|
'sys/dict-data-add-or-update.vue',
|
'sys/dict-data.vue',
|
'sys/dict-type-add-or-update.vue',
|
'sys/dict-type.vue',
|
'sys/job-add-or-update.vue',
|
'sys/job.vue',
|
'sys/log-error.vue',
|
'sys/log-login.vue',
|
'sys/log-operation.vue',
|
'sys/menu-add-or-update.vue',
|
'sys/menu.vue',
|
'sys/params-add-or-update.vue',
|
'sys/params.vue',
|
'sys/post-add-or-update.vue',
|
'sys/post.vue',
|
'sys/role-add-or-update.vue',
|
'sys/role-data-scope.vue',
|
'sys/role-menu.vue',
|
'sys/role.vue',
|
'sys/tenant-add-or-update.vue',
|
'sys/tenant-menu.vue',
|
'sys/tenant.vue',
|
'sys/user-add-or-update.vue',
|
'sys/user-role.vue',
|
'sys/user.vue'
|
]
|
