From bb22f062ed4ab4b5b71938270fe4cc666af6b8e7 Mon Sep 17 00:00:00 2001
From: xiaojunnuo <xiaojunnuo@qq.com>
Date: Tue, 20 May 2025 23:28:09 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BA=8C=E6=AC=A1=E8=AE=A4=E8=AF=81?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E4=B8=AD=EF=BC=8C=E6=B7=BB=E5=8A=A0=E5=8A=A8?=
 =?UTF-8?q?=E6=80=81=E9=AA=8C=E8=AF=81=E7=A0=81=E8=BE=93=E5=85=A5=E6=A1=86?=
 =?UTF-8?q?=E7=9A=84=E7=84=A6=E7=82=B9=E6=8E=A7=E5=88=B6=EF=BC=8C=E6=8F=90?=
 =?UTF-8?q?=E5=8D=87=E7=94=A8=E6=88=B7=E4=BD=93=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/ui/certd-client/src/layout/layout-basic.vue     | 7 +++++++
 .../ui/certd-client/src/views/framework/login/index.vue  | 9 +++++++--
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/packages/ui/certd-client/src/layout/layout-basic.vue b/packages/ui/certd-client/src/layout/layout-basic.vue
index 0a549702..c38fd64d 100644
--- a/packages/ui/certd-client/src/layout/layout-basic.vue
+++ b/packages/ui/certd-client/src/layout/layout-basic.vue
@@ -21,6 +21,13 @@ const menus = computed(() => [
     icon: "fa-solid:book",
     text: "账号信息",
   },
+  {
+    handler: () => {
+      router.push("/certd/mine/security");
+    },
+    icon: "fluent:shield-keyhole-16-regular",
+    text: "认证安全设置",
+  },
 ]);
 
 const avatar = computed(() => {
diff --git a/packages/ui/certd-client/src/views/framework/login/index.vue b/packages/ui/certd-client/src/views/framework/login/index.vue
index 6ccc92fa..a748bde7 100644
--- a/packages/ui/certd-client/src/views/framework/login/index.vue
+++ b/packages/ui/certd-client/src/views/framework/login/index.vue
@@ -54,7 +54,7 @@
     <a-form v-else ref="twoFactorFormRef" class="user-layout-login" :model="twoFactor" v-bind="layout">
       <div class="mb-10 flex flex-center">请打开您的Authenticator APP，获取动态验证码。</div>
       <a-form-item name="verifyCode">
-        <a-input v-model:value="twoFactor.verifyCode" placeholder="请输入动态验证码" allow-clear>
+        <a-input ref="verifyCodeInputRef" v-model:value="twoFactor.verifyCode" placeholder="请输入动态验证码" allow-clear>
           <template #prefix>
             <fs-icon icon="ion:lock-closed-outline"></fs-icon>
           </template>
@@ -71,7 +71,7 @@
   </div>
 </template>
 <script lang="ts">
-import { defineComponent, reactive, ref, toRaw } from "vue";
+import { defineComponent, nextTick, reactive, ref, toRaw } from "vue";
 import { useUserStore } from "/src/store/user";
 import { useSettingStore } from "/@/store/settings";
 import { utils } from "@fast-crud/fast-crud";
@@ -82,6 +82,7 @@ export default defineComponent({
   name: "LoginPage",
   components: { SmsCode, ImageCode },
   setup() {
+    const verifyCodeInputRef = ref();
     const loading = ref(false);
     const userStore = useUserStore();
     const settingStore = useSettingStore();
@@ -149,8 +150,11 @@ export default defineComponent({
       } catch (e: any) {
         //@ts-ignore
         if (e.code === 10020) {
+          //双重认证
           //@ts-ignore
           twoFactor.loginId = e.data;
+          await nextTick();
+          verifyCodeInputRef.value.focus();
         } else {
           throw e;
         }
@@ -188,6 +192,7 @@ export default defineComponent({
       hasRegisterTypeEnabled,
       twoFactor,
       handleTwoFactorSubmit,
+      verifyCodeInputRef,
     };
   },
 });