refactor: loading

Author: wxg0103

ui/src/views/login/forgot-password/index.vue

@@ -112,11 +112,11 @@ const rules = ref<FormRules<CheckCodeRequest>>({
 const loading = ref<boolean>(false)
 const isDisabled = ref<boolean>(false)
 const time = ref<number>(60)
-
+const sendLoading = ref<boolean>(false)
 const checkCode = () => {
   resetPasswordFormRef.value
     ?.validate()
-    .then(() => UserApi.checkCode(CheckEmailForm.value, loading))
+    .then(() => UserApi.checkCode(CheckEmailForm.value, sendLoading))
     .then(() => router.push({ name: 'reset_password', params: CheckEmailForm.value }))
 }
 /**
@@ -125,7 +125,7 @@ const checkCode = () => {
 const sendEmail = () => {
   resetPasswordFormRef.value?.validateField('email', (v: boolean) => {
     if (v) {
-      UserApi.sendEmit(CheckEmailForm.value.email, 'reset_password', loading).then(() => {
+      UserApi.sendEmit(CheckEmailForm.value.email, 'reset_password', sendLoading).then(() => {
         MsgSuccess(t('views.login.verificationCode.successMessage'))
         isDisabled.value = true
         handleTimeChange()

ui/src/views/login/reset-password/index.vue

@@ -66,6 +66,7 @@ import type { FormInstance, FormRules } from 'element-plus'
 import UserApi from '@/api/user'
 import { t } from '@/locales'
 import useStore from '@/stores'
+
 const { user } = useStore()
 const router = useRouter()
 const route = useRoute()
@@ -133,10 +134,11 @@ const rules = ref<FormRules<ResetPasswordRequest>>({
 })
 const resetPasswordFormRef = ref<FormInstance>()
 const loading = ref<boolean>(false)
+const sendLoading = ref<boolean>(false)
 const resetPassword = () => {
   resetPasswordFormRef.value
     ?.validate()
-    .then(() => UserApi.resetPassword(resetPasswordForm.value, loading))
+    .then(() => UserApi.resetPassword(resetPasswordForm.value, sendLoading))
     .then(() => {
       MsgSuccess(t('common.modifySuccess'))
       router.push({ name: 'login' })