Faster.Zheng.Winin/Code/Fe/src/permission-0725.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 { 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()

  // 获取枚举数据
  if(!store.getters.enumList || store.getters.enumList.length <= 0){
    await store.dispatch('definition/getDefinitionConfig')
  }

  // // 获取表头转义
  // if(!store.getters.columZHList || store.getters.columZHList.length <= 0){
  //   await store.dispatch('definition/getColumZHList')
  // }

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