You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
186 lines
6.6 KiB
186 lines
6.6 KiB
2 years ago
|
import router from './router'
|
||
|
|
import store from './store'
|
||
|
|
import {
|
||
|
|
Message
|
||
|
|
} from 'element-ui'
|
||
|
|
import NProgress from 'nprogress' // progress bar
|
||
|
|
import 'nprogress/nprogress.css' // progress bar style
|
||
|
|
import {
|
||
|
|
getToken
|
||
|
|
} from '@/utils/auth' // get token from cookie
|
||
|
|
import getPageTitle from '@/utils/get-page-title'
|
||
|
|
import {
|
||
|
|
asyncRoutes
|
||
|
|
} from '@/router'
|
||
|
|
import { getInterfaceBoard } from "@/api/wms-interface"
|
||
|
|
import { login,getUsersByUserName } from "@/api/wms-auth"
|
||
|
|
|
||
|
|
NProgress.configure({
|
||
|
|
showSpinner: false
|
||
|
|
}) // NProgress Configuration
|
||
|
|
|
||
|
|
const whiteList = ['/login', '/auth-redirect', '/testForm'] // no redirect whitelist
|
||
|
|
|
||
|
|
|
||
|
|
router.beforeEach(async (to, from, next) => {
|
||
|
|
// 添加路由信息，方便代码修改定位
|
||
|
|
// console.log('----------------' + to.meta.title + '-----------------------'+ to.fullPath.substring(to.fullPath.lastIndexOf('-')+1,to.fullPath.length) + '.vue' );
|
||
|
|
// start progress bar
|
||
|
|
NProgress.start()
|
||
|
|
|
||
|
|
// set page title
|
||
|
|
document.title = getPageTitle()
|
||
|
|
|
||
|
|
// 判断是否自动登录
|
||
|
|
let isAutoLogin = JSON.parse(localStorage.getItem('isAutoLogin'))
|
||
|
|
// 如果路径中有isAutoLogin参数则优先，否则读取配置文件中的isAutoLogin参数
|
||
|
|
let _url_isAutoLogin = to.query.isAutoLogin
|
||
|
|
if( _url_isAutoLogin== 'false' || _url_isAutoLogin == 'true'){
|
||
|
|
isAutoLogin = JSON.parse(_url_isAutoLogin)
|
||
|
|
}
|
||
|
|
let userInfo = localStorage.getItem('currentUserInfo')
|
||
|
|
let _zh = localStorage.getItem('columnsApiNamesZh')
|
||
|
|
// 是否有用户信息：
|
||
|
|
// 1、如果没有判断是否为自动登录（是自动登录则自动执行登录，账号密码为配置信息中的值，不是自动登录则跳到登录页）
|
||
|
|
// 2、如果有用户信息：则检查是否有api接口的表头数据，没有的话重新获取
|
||
|
|
if(!userInfo){
|
||
|
|
if(isAutoLogin || to.query.loginName){
|
||
|
|
// let loginForm= {
|
||
|
|
// userNameOrEmailAddress:localStorage.getItem("userNameOrEmailAddress"),
|
||
|
|
// password:localStorage.getItem("client_secret"),
|
||
|
|
// // rememberMe:true,
|
||
|
|
// // grant_type: 'password',
|
||
|
|
// // client_id: 'Auth_App',
|
||
|
|
// }
|
||
|
|
// store.dispatch('user/login', loginForm).then(() => {
|
||
|
|
// login(loginForm).then(()=>{
|
||
|
|
getUsersByUserName(localStorage.getItem("userNameOrEmailAddress")).then(res=>{
|
||
|
|
// todo:currentUserInfo全程需要优化
|
||
|
|
localStorage.setItem("currentUserInfo", JSON.stringify(res));
|
||
|
|
})
|
||
|
|
.catch(err => {
|
||
|
|
console.log('获取用户信息失败，请重试')
|
||
|
|
})
|
||
|
|
// 提前获取接口监控看板表头数据并存储
|
||
|
|
getInterfaceBoard().then(result => {
|
||
|
|
localStorage.setItem("interfaceBoardColumnsNames", JSON.stringify(result.resources[_zh].texts));
|
||
|
|
next('/')
|
||
|
|
})
|
||
|
|
.catch(err => {
|
||
|
|
console.log('获取表头失败，请重试')
|
||
|
|
})
|
||
|
|
// })
|
||
|
|
// .catch((error) => {
|
||
|
|
// console.log('登录失败')
|
||
|
|
// })
|
||
|
|
}else{
|
||
|
|
if (to.path != '/login') {
|
||
|
|
next('/login')
|
||
|
|
}else{
|
||
|
|
next()
|
||
|
|
}
|
||
|
|
NProgress.done()
|
||
|
|
}
|
||
|
|
}else{
|
||
|
|
// 重新获取api接口表头
|
||
|
|
const _interfaceBoardColumnsNames = localStorage.getItem("interfaceBoardColumnsNames")
|
||
|
|
if( !_interfaceBoardColumnsNames || _interfaceBoardColumnsNames == 'undefined' || _interfaceBoardColumnsNames == 'null'){
|
||
|
|
getInterfaceBoard().then(result => {
|
||
|
|
// todo-new:columnsApiNamesZh配置的地址补全（evel）
|
||
|
|
localStorage.setItem("interfaceBoardColumnsNames", JSON.stringify(result.resources[_zh].texts));
|
||
|
|
setTimeout(()=>{
|
||
|
|
next()
|
||
|
|
},0)
|
||
|
|
})
|
||
|
|
}else{
|
||
|
|
next()
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
// determine whether the user has logged in
|
||
|
|
|
||
|
|
// todo-new:如果token接口恢复做处理
|
||
|
|
const hasToken = getToken()
|
||
|
|
// else if (hasToken) {
|
||
|
|
// // if(from.path != '/login'){
|
||
|
|
// // let _interfaceBoardColumnsNames = localStorage.getItem("interfaceBoardColumnsNames")
|
||
|
|
// // if(!_interfaceBoardColumnsNames){
|
||
|
|
// // // next({
|
||
|
|
// // // path: '/'
|
||
|
|
// // // })
|
||
|
|
// // // NProgress.done()
|
||
|
|
// // }
|
||
|
|
// // }
|
||
|
|
// if (to.path === '/login') {
|
||
|
|
// // if is logged in, redirect to the home page
|
||
|
|
// next({
|
||
|
|
// path: '/'
|
||
|
|
// })
|
||
|
|
// NProgress.done() // hack: https://github.com/PanJiaChen/vue-element-admin/pull/2939
|
||
|
|
// } else {
|
||
|
|
// // determine whether the user has obtained his permission roles through getInfo
|
||
|
|
// const hasRoles =await store.getters.roles && await store.getters.roles.length > 0
|
||
|
|
// if (hasRoles) {
|
||
|
|
// next()
|
||
|
|
// } else {
|
||
|
|
// try {
|
||
|
|
// // get user info
|
||
|
|
// // note: roles must be a object array! such as: ['admin'] or ,['developer','editor']
|
||
|
|
|
||
|
|
// const {
|
||
|
|
// roles
|
||
|
|
// } = await store.dispatch('user/getInfo')
|
||
|
|
// // generate accessible routes map based on roles
|
||
|
|
|
||
|
|
// // const accessRoutes = await store.dispatch('permission/generateRoutes', localStorage.getItem('userId'))
|
||
|
|
// // router.addRoutes(accessRoutes)
|
||
|
|
|
||
|
|
// // 原码 防止刷新出现空白页（系统暂无出现所以注释）
|
||
|
|
// // const accessRoutes = await store.dispatch('permission/generateRoutes', roles)
|
||
|
|
// // router.addRoutes(accessRoutes)
|
||
|
|
|
||
|
|
// // hack method to ensure that addRoutes is complete
|
||
|
|
// // set the replace: true, so the navigation will not leave a history record
|
||
|
|
// next({
|
||
|
|
// ...to,
|
||
|
|
// replace: true
|
||
|
|
// })
|
||
|
|
// } catch (error) {
|
||
|
|
// // remove token and go to login page to re-login
|
||
|
|
// await store.dispatch('user/resetToken')
|
||
|
|
// Message.error(error || 'Has Error')
|
||
|
|
// next(`/login?redirect=${to.path}`)
|
||
|
|
// NProgress.done()
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
// } else {
|
||
|
|
// /* has no token*/
|
||
|
|
|
||
|
|
// if (whiteList.indexOf(to.path) !== -1) {
|
||
|
|
// // in the free login whitelist, go directly
|
||
|
|
// next()
|
||
|
|
// } else {
|
||
|
|
// // other pages that do not have permission to access are redirected to the login page.
|
||
|
|
// next(`/login?redirect=${to.path}`)
|
||
|
|
// NProgress.done()
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
})
|
||
|
|
|
||
|
|
router.afterEach(() => {
|
||
|
|
// element-ui 使用 Tooltip 提示时候，更换页面，提示依旧存在偶现bug处理。
|
||
|
|
const mytooltipList = document.querySelectorAll('.el-tooltip__popper') // 获取页面所有tooltip的dom集合
|
||
|
|
setTimeout(() => {
|
||
|
|
mytooltipList.forEach((value) => {
|
||
|
|
value.style.display = 'none'
|
||
|
|
if(value.parentElement){
|
||
|
|
value.parentElement.removeChild(value)
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}, 1000)
|
||
|
|
// finish progress bar
|
||
|
|
NProgress.done()
|
||
|
|
})
|