blackteay/ray-template
1
0
Fork 0
mirror of https://github.com/XiaoDaiGua-Ray/ray-template.git synced 2025-04-06 03:57:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: 移除登陆时全屏加载动画的触发

Browse Source
This commit is contained in:
XiaoDaiGua-Ray 2024-04-07 17:14:05 +08:00
parent 7c429338d4
commit 85f7f28dc4
1 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/login/components/Signing/index.tsx
View File

@ -3,7 +3,6 @@ import { NForm, NFormItem, NInput, NButton } from 'naive-ui'
import { setStorage } from '@/utils' import { setStorage } from '@/utils'
import { useI18n, useAppRoot } from '@/hooks' import { useI18n, useAppRoot } from '@/hooks'
import { APP_CATCH_KEY } from '@/app-config' import { APP_CATCH_KEY } from '@/app-config'
import { setVariable, getVariableToRefs } from '@/global-variable'
import { useSigningActions } from '@/store' import { useSigningActions } from '@/store'
import type { FormInst } from 'naive-ui' import type { FormInst } from 'naive-ui'
@ -16,7 +15,7 @@ export default defineComponent({
const { t } = useI18n() const { t } = useI18n()
const { signing } = useSigningActions() const { signing } = useSigningActions()
const { getRootPath } = useAppRoot() const { getRootPath } = useAppRoot()
const globalSpinning = getVariableToRefs('globalSpinning') const loading = ref(false)
const useSigningForm = () => ({ const useSigningForm = () => ({
name: 'Ray Admin', name: 'Ray Admin',
@ -43,20 +42,20 @@ export default defineComponent({
const handleLogin = () => { const handleLogin = () => {
loginFormRef.value?.validate((valid) => { loginFormRef.value?.validate((valid) => {
if (!valid) { if (!valid) {
setVariable('globalSpinning', true) loading.value = true
signing(signingForm.value) signing(signingForm.value)
.then((res) => { .then((res) => {
if (res.code === 0) { if (res.code === 0) {
setTimeout(() => { setTimeout(() => {
setVariable('globalSpinning', false)
window.$message.success(`欢迎${signingForm.value.name}登陆~`) window.$message.success(`欢迎${signingForm.value.name}登陆~`)
setStorage(APP_CATCH_KEY.token, 'tokenValue') setStorage(APP_CATCH_KEY.token, 'tokenValue')
setStorage(APP_CATCH_KEY.signing, res.data) setStorage(APP_CATCH_KEY.signing, res.data)
router.push(getRootPath.value) router.push(getRootPath.value)
loading.value = false
}, 2 * 1000) }, 2 * 1000)
} }
}) })
@ -72,11 +71,11 @@ export default defineComponent({
loginFormRef, loginFormRef,
handleLogin, handleLogin,
rules, rules,
globalSpinning, loading,
} }
}, },
render() { render() {
const { $t, globalSpinning } = this const { $t, loading } = this
return ( return (
<NForm model={this.signingForm} ref="loginFormRef" rules={this.rules}> <NForm model={this.signingForm} ref="loginFormRef" rules={this.rules}>
@ -98,7 +97,7 @@ export default defineComponent({
style={['width: 100%', 'margin-to: 18px']} style={['width: 100%', 'margin-to: 18px']}
type="primary" type="primary"
onClick={this.handleLogin.bind(this)} onClick={this.handleLogin.bind(this)}
loading={globalSpinning} loading={loading}
> >
{$t('views.login.index.Login')} {$t('views.login.index.Login')}
</NButton> </NButton>