import {isURL} from '../../packages/utils/validate'
|
import http from '../../packages/utils/request'
|
import Cookies from 'js-cookie'
|
import {getUUID} from '../../packages/utils'
|
import {EventBus2} from "../commonJS/eventbus2";
|
|
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 getMenu() {
|
console.log('getMenu1111')
|
http.get('/sys/menu/nav').then(res => {
|
console.log(res.data,'getMenu22222')
|
if (res.code !== 0) {
|
return
|
}
|
let menuList = res.data
|
console.log(res.data,'getMenu3333')
|
if (menuList && menuList.length > 0) {
|
console.log(res.data,'getMenu22222')
|
//window.SITE_CONFIG['menuList'] = menuList
|
//给开发者添加代码生成功能
|
if (window.SITE_CONFIG['nodeEnv'] === 'development') {
|
menuList[0].children.push({
|
id: 'development',
|
name: '开发工具',
|
isRefresh: 0,
|
icon: 'icon-solution',
|
url: 'development',
|
showMenu:1,
|
pid:menuList[0].id,
|
params: ''
|
})
|
/* menuList[0].children.push({
|
id: 'generator',
|
name: '代码生成',
|
isRefresh: 0,
|
icon: 'icon-solution',
|
url: 'generator',
|
showMenu:1,
|
pid:menuList[0].id,
|
params: ''
|
})*/
|
}
|
fnAddDynamicMenuRoutes(menuList, [])
|
console.log(window.SITE_CONFIG['dynamicMenuRoutes'],'window.SITE_CONFIG[\'dynamicMenuRoutes\']')
|
}
|
else{
|
tip.error('您没有使用系统的权限！')
|
return next({name: 'login'})
|
}
|
window.SITE_CONFIG['menuList'] = menuList
|
console.log(window.SITE_CONFIG['menuList'], '0window.SITE_CONFIG[\'menuList\']')
|
// let that = this
|
setTimeout(() => {
|
//this.flag = getUUID()
|
EventBus2.$emit('setMenuList')
|
console.log('set flag')
|
}, 250)
|
})
|
}
|
|
export function beforeEach(to, from, next) {
|
//alert('beforeEach')
|
// 添加动态(菜单)路由
|
// 已添加或者当前路由为页面路由, 可直接访问
|
|
/*
|
console.log(to, ' beforeEach to')
|
console.log(from, ' beforeEach from')
|
console.log(next, ' beforeEach next')
|
console.log(pageRoutes, 'beforeEach pageRoutes')
|
console.log(window.SITE_CONFIG['menuList'], 'beforeEach window.SITE_CONFIG[\'menuList\'] ')
|
*/
|
|
if (to.name == 'home' || to.name == 'single' || window.SITE_CONFIG['dynamicMenuRoutesHasAdded'] || fnCurrentRouteIsPageRoute(to, pageRoutes)) {
|
return next()
|
}
|
console.log('重新获取菜单权限', ' beforeEach')
|
|
//alert('重新获取菜单权限')
|
// 获取字典
|
|
if (Cookies.get('token') == null) {
|
tip.error('您没有使用登录系统！')
|
return next({name: 'login'})
|
} else if (window.SITE_CONFIG['menuList'].length < 1) {
|
http.get('/sys/menu/nav').then(res => {
|
if (res.code !== 0) {
|
return
|
}
|
let menuList = res.data
|
if (menuList && menuList.length > 0) {
|
//给开发者添加代码生成功能
|
if (window.SITE_CONFIG['nodeEnv'] === 'development') {
|
menuList[0].children.push({
|
id: 'development',
|
name: '开发工具',
|
icon: 'icon-solution',
|
url: 'development',
|
params: ''
|
})
|
}
|
//window.SITE_CONFIG['menuList'] = menuList
|
fnAddDynamicMenuRoutes(menuList, [])
|
window.SITE_CONFIG['menuList'] = menuList
|
console.log('enter beforeEach1')
|
console.log(window.SITE_CONFIG['menuList'], '1window.SITE_CONFIG[\'menuList\']')
|
console.log(from.path, 'from.path')
|
if (from.path === '/') {
|
next({...to, replace: true})
|
} else if (from.path === '/map') {
|
next({...to})
|
} else {
|
next({...to})
|
}
|
setTimeout(() => {
|
//this.flag = getUUID()
|
EventBus2.$emit('setMenuList')
|
console.log('set flag')
|
}, 50)
|
} else {
|
tip.error('您没有使用系统的权限！')
|
return next({name: 'login'})
|
}
|
})
|
}else{
|
console.log('enter beforeEach2')
|
console.log(window.SITE_CONFIG['menuList'], '2window.SITE_CONFIG[\'menuList\']')
|
return next()
|
}
|
console.log('enter beforeEach3')
|
console.log(window.SITE_CONFIG['menuList'], '3window.SITE_CONFIG[\'menuList\']')
|
}
|
|
/**
|
* 判断当前路由是否为页面路由
|
* @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
|
}
|
|
function isJSON(str) {
|
if (typeof str == 'string') {
|
try {
|
var obj = JSON.parse(str);
|
if (typeof obj == 'object' && obj) {
|
return true;
|
} else {
|
return false;
|
}
|
|
} catch (e) {
|
console.log('error：' + str + '!!!' + e);
|
return false;
|
}
|
}
|
console.log('It is not a string!')
|
}
|
|
/**
|
* 添加动态(菜单)路由
|
* @param {*} menuList 菜单列表
|
* @param {*} routes 递归创建的动态(菜单)路由
|
*/
|
export function fnAddDynamicMenuRoutes(menuList = [], routes = []) {
|
var temp = []
|
console.log(menuList, 'menuList')
|
for (var i = 0; i < menuList.length; i++) {
|
if (menuList[i].children && menuList[i].children.length >= 1) {
|
temp = temp.concat(menuList[i].children)
|
continue
|
}
|
// 组装路由
|
let params = {}
|
if (menuList[i].params !== null && menuList[i].params !== '') {
|
let paramsStr = menuList[i].params.replace(/^\s+|\s+$/gm, '')
|
if (isJSON(paramsStr)) {
|
//alert(paramsStr)
|
params = JSON.parse(paramsStr)
|
}
|
}
|
var route = {
|
path: '',
|
component: null,
|
name: '',
|
meta: {
|
...window.SITE_CONFIG['contentTabDefault'],
|
menuId: menuList[i].id,
|
title: menuList[i].name,
|
isRefresh: menuList[i].isRefresh,
|
params: params,
|
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)) {
|
console.log(menuList[i].name, '111')
|
route['path'] = `i-${menuList[i].id}`
|
route['name'] = `i-${menuList[i].id}`
|
route['meta']['iframeURL'] = URL
|
} else {
|
URL = URL.replace(/^\//, '').replace(/_/g, '-')
|
route['path'] = URL.replace(/\//g, '-')
|
route['name'] = menuList[i].id
|
route['component'] = () => {
|
if (URL === 'generator') {
|
return import('../../packages/views/pages/generator')
|
}
|
else if (URL === 'development') {
|
return import('../../packages/views/pages/development')
|
}
|
else if (PackagesViews.indexOf(URL + '.vue') >= 0) {
|
return import(`../../packages/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'}}
|
])
|
console.log($router, '$router')
|
console.log(routes, 'routes')
|
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(`../../packages/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'
|
const PackagesViews = [
|
'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'
|
]
|
