From 2bbea6fd3f7cabcd8bd432fdaaefc93bd01c5aa4 Mon Sep 17 00:00:00 2001
From: xiaojunnuo <xiaojunnuo@qq.com>
Date: Thu, 17 Apr 2025 23:05:52 +0800
Subject: [PATCH] chore:

---
 packages/ui/certd-client/src/style/certd.less | 15 ++++++++++
 .../src/views/certd/mine/security/index.vue   | 28 +++++++++++++++++--
 2 files changed, 40 insertions(+), 3 deletions(-)

diff --git a/packages/ui/certd-client/src/style/certd.less b/packages/ui/certd-client/src/style/certd.less
index 3c2f19bc..51168636 100644
--- a/packages/ui/certd-client/src/style/certd.less
+++ b/packages/ui/certd-client/src/style/certd.less
@@ -105,4 +105,19 @@ span.fs-icon-svg{
   svg{
     vertical-align:0 !important;
   }
+}
+
+.fs-button{
+  span{
+    &:first-child{
+      margin-right: 5px;
+    }
+    &:last-child{
+      margin-left: 5px;
+    }
+  }
+  .fs-icon,.fs-button-icon{
+    margin: 0 !important;
+
+  }
 }
\ No newline at end of file
diff --git a/packages/ui/certd-client/src/views/certd/mine/security/index.vue b/packages/ui/certd-client/src/views/certd/mine/security/index.vue
index 7b7bc095..8e5d08c6 100644
--- a/packages/ui/certd-client/src/views/certd/mine/security/index.vue
+++ b/packages/ui/certd-client/src/views/certd/mine/security/index.vue
@@ -5,7 +5,7 @@
     </template>
     <div class="user-settings-form settings-form">
       <a-form :model="formState" name="basic" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }" autocomplete="off">
-        <a-form-item label="OTP多重验证登录" :name="['authenticator', 'enabled']">
+        <a-form-item label="2FA多重验证登录" :name="['authenticator', 'enabled']">
           <div class="flex mt-5">
             <a-switch v-model:checked="formState.authenticator.enabled" :disabled="!settingsStore.isPlus" @change="onAuthenticatorEnabledChanged" />
 
@@ -26,8 +26,30 @@
           <div class="helper">是否开启多重验证登录</div>
         </a-form-item>
         <a-form-item v-if="authenticatorOpenRef" label="绑定设备" class="authenticator-config">
-          <h3 class="font-bold m-5">1. 安装任意一款 Authenticator APP</h3>
-          <div class="ml-20">比如：Microsoft Authenticator / Google Authenticator / Authy / Synology Secure SignIn 等</div>
+          <h3 class="font-bold m-5">1. 安装任意一款支持Authenticator的验证APP，比如：</h3>
+          <div class="ml-20">
+            <ul>
+              <li>
+                <a-tooltip title="如果报没有找到谷歌服务的错误，您可以安装KK谷歌助手">
+                  <a href="https://appgallery.huawei.com/app/C100262999" target="_blank"> Microsoft Authenticator</a>
+                </a-tooltip>
+              </li>
+              <li>
+                <a-tooltip title="如果报没有找到谷歌服务的错误，您可以安装KK谷歌助手">
+                  <a href="https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2" target="_blank">Google Authenticator</a>
+                </a-tooltip>
+              </li>
+              <li>
+                <a href="https://sj.qq.com/appdetail/com.tencent.authenticator" target="_blank">腾讯身份验证器</a>
+              </li>
+              <li>
+                <a href="https://play.google.com/store/apps/details?id=com.authy.authy" target="_blank">Authy</a>
+              </li>
+              <li>
+                <a href="https://www.synology.cn/zh-cn/dsm/feature/authentication" target="_blank">群晖身份验证器</a>
+              </li>
+            </ul>
+          </div>
           <h3 class="font-bold m-10">2. 扫描二维码添加账号</h3>
           <div v-if="authenticatorForm.qrcodeSrc" class="qrcode">
             <div class="ml-20">