From 581ed16b734d0c5b058401f1e0de9d85ba610f1f Mon Sep 17 00:00:00 2001
From: ssongliu <73214554+ssongliu@users.noreply.github.com>
Date: Thu, 19 Oct 2023 21:52:44 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=20mfa=20=E7=99=BB?=
 =?UTF-8?q?=E9=99=86=E6=96=B9=E5=BC=8F=20(#2605)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Refs #1884
---
 frontend/src/views/login/components/login-form.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/frontend/src/views/login/components/login-form.vue b/frontend/src/views/login/components/login-form.vue
index 2aaf5dd16..563242bf1 100644
--- a/frontend/src/views/login/components/login-form.vue
+++ b/frontend/src/views/login/components/login-form.vue
@@ -9,6 +9,7 @@
                             size="default"
                             :placeholder="$t('commons.login.mfaCode')"
                             v-model.trim="mfaLoginForm.code"
+                            @input="mfaLogin(true)"
                         >
                             <template #prefix>
                                 <el-icon class="el-input__icon">
@@ -28,7 +29,7 @@
                             type="primary"
                             size="default"
                             round
-                            @click="mfaLogin()"
+                            @click="mfaLogin(false)"
                         >
                             {{ $t('commons.button.verify') }}
                         </el-button>
@@ -278,8 +279,8 @@ const login = (formEl: FormInstance | undefined) => {
     });
 };
 
-const mfaLogin = async () => {
-    if (mfaLoginForm.code) {
+const mfaLogin = async (auto: boolean) => {
+    if ((!auto && mfaLoginForm.code) || (auto && mfaLoginForm.code.length === 6)) {
         mfaLoginForm.name = loginForm.name;
         mfaLoginForm.password = loginForm.password;
         const res = await mfaLoginApi(mfaLoginForm);
@@ -328,7 +329,7 @@ onMounted(() => {
                 }
             }
             if (mfaShow.value && !mfaButtonFocused.value) {
-                mfaLogin();
+                mfaLogin(false);
             }
         }
     };