增加登录遮罩

web/src/pinia/modules/user.js

@@ -1,12 +1,14 @@
 import { login, getUserInfo, setSelfInfo } from '@/api/user'
 import { jsonInBlacklist } from '@/api/jwt'
 import router from '@/router/index'
-import { ElMessage } from 'element-plus'
+import { ElLoading, ElMessage } from 'element-plus'
 import { defineStore } from 'pinia'
 import { ref, computed, watch } from 'vue'
 import { useRouterStore } from './router'
 
 export const useUserStore = defineStore('user', () => {
+  const loadingInstance = ref(null)
+
   const userInfo = ref({
     uuid: '',
     nickName: '',
@@ -48,6 +50,10 @@ export const useUserStore = defineStore('user', () => {
   }
   /* 登录*/
   const LoginIn = async(loginInfo) => {
+    loadingInstance.value = ElLoading.service({
+      fullscreen: true,
+      text: '登陆中，请稍候...',
+    })
     const res = await login(loginInfo)
     if (res.code === 0) {
       setUserInfo(res.data.user)
@@ -128,6 +134,7 @@ export const useUserStore = defineStore('user', () => {
     sideMode,
     setToken,
     baseColor,
-    activeColor
+    activeColor,
+    loadingInstance
   }
 })