From 153fe5c1db5d9bd7e73f04883cb612abca52a6f8 Mon Sep 17 00:00:00 2001
From: ssongliu <73214554+ssongliu@users.noreply.github.com>
Date: Wed, 11 Oct 2023 10:10:29 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20mfa=20=E6=A0=87=E9=A2=98=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=E6=A0=A1=E9=AA=8C=E8=A7=84=E5=88=99=20(#2497)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/setting/safe/mfa/index.vue | 18 +++++-------------
 1 file changed, 5 insertions(+), 13 deletions(-)

diff --git a/frontend/src/views/setting/safe/mfa/index.vue b/frontend/src/views/setting/safe/mfa/index.vue
index 761bef167..26cb6c71c 100644
--- a/frontend/src/views/setting/safe/mfa/index.vue
+++ b/frontend/src/views/setting/safe/mfa/index.vue
@@ -114,6 +114,7 @@ const form = reactive({
 
 const rules = reactive({
     code: [Rules.requiredInput],
+    title: [Rules.simpleName],
     interval: [Rules.number, checkNumberRange(15, 60)],
 });
 
@@ -138,11 +139,10 @@ const onCopy = async () => {
 
 const loadMfaCodeBefore = async (formEl: FormInstance | undefined) => {
     if (!formEl) return;
-    const result = await formEl.validateField('interval', callback);
-    if (!result) {
-        return;
-    }
-    loadMfaCode();
+    formEl.validate(async (valid) => {
+        if (!valid) return;
+        loadMfaCode();
+    });
 };
 const loadMfaCode = async () => {
     let param = {
@@ -154,14 +154,6 @@ const loadMfaCode = async () => {
     qrImage.value = res.data.qrImage;
 };
 
-function callback(error: any) {
-    if (error) {
-        return error.message;
-    } else {
-        return;
-    }
-}
-
 const onBind = async (formEl: FormInstance | undefined) => {
     if (!formEl) return;
     formEl.validate(async (valid) => {