WMS_IAC_FE/PC/InterFace.Dash/src/permission.js

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

router.beforeEach(async (to, from, next) => {
  // start progress bar
  NProgress.start()
  // set page title
  document.title = getPageTitle()

  // 判断是否自动登录
  let isAutoLogin = JSON.parse(localStorage.getItem('isAutoLogin'))
  const interfaceBoardColumnsNames = localStorage.getItem("interfaceBoardColumnsNames")
  // 如果路径中有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')
  // 是否有用户信息：
  // 1、如果没有判断是否为自动登录（是自动登录则自动执行登录，账号密码为配置信息中的值，不是自动登录则跳到登录页）
  // 2、有/没有：则检查是否有api接口的表头数据，没有的话重新获取
  if(userInfo){
    if(store.getters.permission_routes && store.getters.permission_routes.length > 0){
      next()
    }else{
      const accessRoutes = await store.dispatch('permission/getApiColumnsNames')
      router.addRoutes(accessRoutes)
      console.log(52)
      next({
        ...to,
        query:{
          loginName:from.query.loginName,
          isAutoLogin:from.query.isAutoLogin,
        },
        replace: true
      })
    }
  }else{
    if(!interfaceBoardColumnsNames){
      const accessRoutes = await store.dispatch('permission/getApiColumnsNames')
      router.addRoutes(accessRoutes)
      console.log(123,to)
      next({
        ...to,
        query:{
          loginName:to.query.loginName,
          isAutoLogin:to.query.isAutoLogin,
        },
        replace: true
      })
    }
    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(()=>{
        let _username = to.query.loginName ? to.query.loginName : localStorage.getItem("userNameOrEmailAddress")
        if(to.path != '/login'){
          getUsersByUserName(_username).then(res=>{
            // todo:currentUserInfo全程需要优化
            if(res && JSON.stringify(res).length > 0){
              localStorage.setItem("currentUserInfo", JSON.stringify(res));
              // next('/')
              next({
                ...to,
                query:{
                  loginName:to.query.loginName,
                  isAutoLogin:to.query.isAutoLogin,
                },
                replace: true
              })
            }else{
              next(`/login?loginName=${to.query.loginName}&isAutoLogin=${to.query.isAutoLogin}`)
              // next(`/login`)
              Message.error('获取用户信息失败，请重试')
            }
          })
          .catch(err => {
            console.log('获取用户信息失败，请重试')
          })
        }else{
          next()
        }
      // })
      // .catch((error) => {
      //   console.log('登录失败')
      // })
    }
    else{
      if (to.path != '/login') {
        Message.error('获取用户信息失败，请重新登录')
        next(`/login?loginName=${to.query.loginName}&isAutoLogin=${to.query.isAutoLogin}`)
        next(`/login`)
      }else{
        next()
      }
    }
    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()
})