huangge1199/vue-pro
1
0
Fork 0
mirror of https://gitee.com/huangge1199_admin/vue-pro.git synced 2024-11-30 03:01:53 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

perf: 登录显示loading

Browse Source
This commit is contained in:
xingyu4j 2022-11-21 16:53:15 +08:00
parent 33fbe43ff6
commit 88cb5497c5
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
yudao-ui-admin-vue3/src/views/Login/components/LoginForm.vue
View File

@ -147,7 +147,8 @@ import {
ElCol,
ElLink,
ElRow,
ElDivider
ElDivider,
ElLoading
} from 'element-plus'
import { reactive, ref, unref, onMounted, computed, watch } from 'vue'
import * as LoginApi from '@/api/login'
@ -247,6 +248,11 @@ const handleLogin = async (params) => {
if (!res) {
return
}
ElLoading.service({
lock: true,
text: '正在加载系统中...',
background: 'rgba(0, 0, 0, 0.7)'
})
if (loginData.loginForm.rememberMe) {
Cookies.set('username', loginData.loginForm.username, { expires: 30 })
Cookies.set('password', encrypt(loginData.loginForm.password), { expires: 30 })
@ -265,6 +271,11 @@ const handleLogin = async (params) => {
push({ path: redirect.value || permissionStore.addRouters[0].path })
} catch {
loginLoading.value = false
} finally {
setTimeout(() => {
const loadingInstance = ElLoading.service()
loadingInstance.close()
}, 400)
}
}