修改loading

祖安之光

4 days ago 4d5264ead8c96c78c9928e22fc66b0af190ed180

 src/permission.js

@@ -1,5 +1,5 @@
import router from './router'
import { ElMessage } from 'element-plus'
import { ElMessage, ElLoading } from 'element-plus'
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
import { getToken } from '@/utils/auth'
@@ -13,6 +13,27 @@

const whiteList = ['/homePage'];

// 全局 Loading 实例
let loadingInstance = null

// 显示 Loading
const showLoading = () => {
  loadingInstance = ElLoading.service({
    fullscreen: false,
    text: '正在加载系统菜单...',
    customClass: 'route-loading'
  })
}

// 隐藏 Loading
const hideLoading = () => {
  if (loadingInstance) {
    loadingInstance.close()
    loadingInstance = null
  }
}


router.beforeEach((to, from, next) => {
  NProgress.start()
  if (getToken()) {
@@ -22,9 +43,18 @@
      next({ path: '/' })
      NProgress.done()
    } else if (whiteList.indexOf(to.path) !== -1) {
      
      next()
    } else {
      if(to.path ==='/menuPage'){
          next()
          return
        }
      if (useUserStore().roles.length === 0) {
        if(to.path ==='/menuIndex'){
          showLoading()
        }
        
        isRelogin.show = true
        // 判断当前用户是否已拉取完user_info信息
        useUserStore().getInfo().then(() => {
@@ -51,6 +81,7 @@
            } else {
              next({ ...to, replace: true }) // hack方法 确保addRoutes已完成
            }
            hideLoading()
            // next({ ...to, replace: true })
            // hack方法 确保addRoutes已完成
          })
@@ -77,5 +108,6 @@
})

router.afterEach(() => {
  hideLoading()
  NProgress.done()
})