From 83f67936c8bcf0cc60de35c10f9dae7e7c48efa6 Mon Sep 17 00:00:00 2001
From: Nelson <1475262689@qq.com>
Date: Fri, 10 Jul 2026 13:51:44 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AD=A6=E5=91=98=E7=AB=AF=E7=9F=AD?=
 =?UTF-8?q?=E4=BF=A1=E9=AA=8C=E8=AF=81=E7=A0=81=E5=8F=91=E9=80=81=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A060=E7=A7=92=E5=80=92=E8=AE=A1=E6=97=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../user-client/src/components/LoginPanel.vue | 25 ++++++++++++++++---
 1 file changed, 22 insertions(+), 3 deletions(-)

diff --git a/ai_knowledge_base_v2/apps/user-client/src/components/LoginPanel.vue b/ai_knowledge_base_v2/apps/user-client/src/components/LoginPanel.vue
index 7703b72..47c9eec 100644
--- a/ai_knowledge_base_v2/apps/user-client/src/components/LoginPanel.vue
+++ b/ai_knowledge_base_v2/apps/user-client/src/components/LoginPanel.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, ref } from "vue";
+import { onMounted, onUnmounted, ref } from "vue";
 import { api, saveToken } from "../services/api";
 import type { UserProfile } from "../types/api";
 
@@ -16,6 +16,24 @@ const loading = ref(false);
 const captchaLoading = ref(false);
 const message = ref("请先完成图形验证码，再获取短信验证码。");
 const errorDialog = ref("");
+const countdown = ref(0);
+let countdownTimer: ReturnType<typeof setInterval> | null = null;
+
+function startCountdown(seconds = 60) {
+  countdown.value = seconds;
+  if (countdownTimer) clearInterval(countdownTimer);
+  countdownTimer = setInterval(() => {
+    countdown.value--;
+    if (countdown.value <= 0 && countdownTimer) {
+      clearInterval(countdownTimer);
+      countdownTimer = null;
+    }
+  }, 1000);
+}
+
+onUnmounted(() => {
+  if (countdownTimer) clearInterval(countdownTimer);
+});
 
 onMounted(() => {
   void loadCaptcha();
@@ -45,6 +63,7 @@ async function sendCode() {
   try {
     await api.sendSms(phone.value, captchaId.value, captchaCode.value);
     message.value = "短信验证码已发送，请查收。";
+    startCountdown(60);
     await loadCaptcha();
   } catch (error) {
     showError(error instanceof Error ? error.message : "发送失败");
@@ -102,10 +121,10 @@ function showError(text: string) {
         <button
           type="button"
           class="secondary"
-          :disabled="loading || phone.length < 11 || captchaCode.length < 4"
+          :disabled="loading || countdown > 0 || phone.length < 11 || captchaCode.length < 4"
           @click="sendCode"
         >
-          发送
+          {{ countdown > 0 ? `${countdown} 秒后重发` : "发送" }}
         </button>
       </div>
     </label>