From a9dc3f3f101fa66fdeffd27626d86c400ba13b16 Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Tue, 20 Jan 2026 07:17:08 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E4=BA=8C=E6=AD=A5?=
 =?UTF-8?q?=E9=AA=8C=E8=AF=81=E7=95=8C=E9=9D=A2=EF=BC=8C=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81=E6=8F=90=E7=A4=BA=E5=92=8C=E6=8F=8F=E8=BF=B0?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF=EF=BC=8C=E6=8F=90=E5=8D=87=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E4=BD=93=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/google-auth.vue | 28 ++++++++++++++++++++-------
 src/typings/components.d.ts           |  2 ++
 2 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/src/components/common/google-auth.vue b/src/components/common/google-auth.vue
index 202bdf5..d84f632 100644
--- a/src/components/common/google-auth.vue
+++ b/src/components/common/google-auth.vue
@@ -114,7 +114,17 @@ async function disableTwoFactor() {
   <div class="google-auth">
     <template v-if="!twoFactorEnabled">
       <template v-if="!qrCodeUrl">
-        <NButton type="primary" :loading="loading" @click="enableTwoFactor">开启二步验证</NButton>
+        <NSpace vertical align="center" justify="center">
+          <NResult
+            status="success"
+            title="二步验证暂未开启"
+            description="开启二步验证可提升账户安全性，登录时需要输入动态验证码。"
+          >
+            <template #footer>
+              <NButton type="primary" :loading="loading" @click="enableTwoFactor">开启二步验证</NButton>
+            </template>
+          </NResult>
+        </NSpace>
       </template>
 
       <template v-else>
@@ -136,12 +146,16 @@ async function disableTwoFactor() {
     </template>
 
     <template v-else>
-      <NSpace align="center">
-        <div class="text-success">
-          <i class="i-carbon-checkmark-filled mr-1" />
-          二步验证已开启
-        </div>
-        <NButton type="error" :loading="disabling" @click="disableTwoFactor">关闭二步验证</NButton>
+      <NSpace vertical align="center" justify="center">
+        <NResult
+          status="success"
+          title="二步验证已开启"
+          description="您的账户已启用二步验证，登录时需要输入动态验证码以增强安全性。"
+        >
+          <template #footer>
+            <NButton type="error" :loading="disabling" @click="disableTwoFactor">关闭二步验证</NButton>
+          </template>
+        </NResult>
       </NSpace>
     </template>
   </div>
diff --git a/src/typings/components.d.ts b/src/typings/components.d.ts
index 69cb3db..2140cb8 100644
--- a/src/typings/components.d.ts
+++ b/src/typings/components.d.ts
@@ -75,6 +75,7 @@ declare module 'vue' {
     NModal: typeof import('naive-ui')['NModal']
     NNotificationProvider: typeof import('naive-ui')['NNotificationProvider']
     NPopover: typeof import('naive-ui')['NPopover']
+    NResult: typeof import('naive-ui')['NResult']
     NRow: typeof import('naive-ui')['NRow']
     NScrollbar: typeof import('naive-ui')['NScrollbar']
     NSelect: typeof import('naive-ui')['NSelect']
@@ -171,6 +172,7 @@ declare global {
   const NModal: typeof import('naive-ui')['NModal']
   const NNotificationProvider: typeof import('naive-ui')['NNotificationProvider']
   const NPopover: typeof import('naive-ui')['NPopover']
+  const NResult: typeof import('naive-ui')['NResult']
   const NRow: typeof import('naive-ui')['NRow']
   const NScrollbar: typeof import('naive-ui')['NScrollbar']
   const NSelect: typeof import('naive-ui')['NSelect']