From 56b6c157e81bcca9cb29168b54a6165ae3f3a300 Mon Sep 17 00:00:00 2001
From: smail <likb_blue@163.com>
Date: Tue, 6 Oct 2026 06:27:02 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E9=A6=96=E6=AC=A1=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE=E5=AE=89=E5=85=A8=E7=A0=81=E8=87=AA=E5=8A=A8=E9=9A=90?=
 =?UTF-8?q?=E8=97=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../RecoverySetupPrompt.vue                   | 22 ++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/components/RecoverySetupPrompt/RecoverySetupPrompt.vue b/frontend/src/views/components/RecoverySetupPrompt/RecoverySetupPrompt.vue
index fd32a80..2b06a8d 100644
--- a/frontend/src/views/components/RecoverySetupPrompt/RecoverySetupPrompt.vue
+++ b/frontend/src/views/components/RecoverySetupPrompt/RecoverySetupPrompt.vue
@@ -50,16 +50,29 @@
 </template>
 
 <script setup>
-import { computed, ref } from "vue"
+import { computed, onUnmounted, ref } from "vue"
 
 import { ElMessage } from "element-plus"
 
 import { http } from "@/utils/axios"
 import { useGlobalStatusStore } from "@/stores/useGlobalStatusStore"
+import { RECOVERY_CODE_DISPLAY_MS } from "@/utils/recoveryCodeDisplay"
 
 const globalStatus = useGlobalStatusStore()
 const loading = ref(false)
 const generatedCodes = ref([])
+let recoveryCodeHideTimer = null
+
+const clearGeneratedCodes = () => {
+  generatedCodes.value = []
+  clearTimeout(recoveryCodeHideTimer)
+  recoveryCodeHideTimer = null
+}
+
+const scheduleRecoveryCodeHide = () => {
+  clearTimeout(recoveryCodeHideTimer)
+  recoveryCodeHideTimer = setTimeout(clearGeneratedCodes, RECOVERY_CODE_DISPLAY_MS)
+}
 
 const visible = computed({
   get: () => Boolean(
@@ -75,7 +88,7 @@ const visible = computed({
 })
 
 const dismiss = () => {
-  generatedCodes.value = []
+  clearGeneratedCodes()
   globalStatus.dismissRecoveryPrompt()
 }
 
@@ -90,15 +103,18 @@ const generateRecoveryCodes = async () => {
       throw new Error(response.errorMsg || "离线恢复码生成失败")
     }
     generatedCodes.value = response.data.codes
+    scheduleRecoveryCodeHide()
     globalStatus.userInfos.recoveryCodesConfigured = true
     globalStatus.userInfos.showRecoverySetupPrompt = false
-    ElMessage.success("恢复码已生成，请妥善保存；可在安全设置中验证本人密码后再次查看有效恢复码")
+    ElMessage.success("恢复码已生成，请妥善保存；60 秒后自动隐藏")
   } catch (error) {
     ElMessage.error(error?.message || "离线恢复码生成失败，请稍后重试")
   } finally {
     loading.value = false
   }
 }
+
+onUnmounted(clearGeneratedCodes)
 </script>
 
 <style scoped src="./RecoverySetupPrompt.css"></style>