From 8ef911603e4c257316e7b018e330388cefe0e3fc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8?= <frankyang0820@outlook.com>
Date: Fri, 22 May 2026 14:29:32 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=84=E7=90=86=E5=80=92=E8=AE=A1=E6=97=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/sendCaptcha/index.ts             | 18 +++++++++++++-----
 src/views/capital/fundFlow/index.vue       |  2 +-
 src/views/capital/rechangeCheck/index.vue  |  1 +
 src/views/capital/transfer/index.vue       |  6 +++---
 src/views/profile/personalCenter/index.vue | 10 +++++-----
 src/views/user/ChangePassword.vue          |  6 +++---
 src/views/user/ForgotPassword.vue          |  6 +++---
 src/views/user/Register.vue                |  6 +++---
 src/views/user/bindEmail.vue               |  4 ++--
 src/views/user/bindPhone.vue               |  4 ++--
 10 files changed, 36 insertions(+), 27 deletions(-)

diff --git a/src/utils/sendCaptcha/index.ts b/src/utils/sendCaptcha/index.ts
index 9b62bdc..ca60c1a 100644
--- a/src/utils/sendCaptcha/index.ts
+++ b/src/utils/sendCaptcha/index.ts
@@ -23,18 +23,26 @@ export interface CaptchaCountdownState {
  * 初始化验证码倒计时状态（支持刷新恢复）
  * @param key 唯一标识（必填，如：register_phone/register_email/forgotPassword_phone）
  * @param totalSeconds 总倒计时时长（默认60秒）
+ * @param pagePrefix 页面级唯一前缀（可选，用于隔离不同页面的倒计时状态）
  * @returns 倒计时状态对象
  */
-export const initCaptchaState = (key: string, totalSeconds: number = 60): CaptchaCountdownState => {
+export const initCaptchaState = (
+  key: string,
+  totalSeconds: number = 60,
+  pagePrefix?: string
+): CaptchaCountdownState => {
+  // 生成完整的 key，包含页面级前缀以避免跨页面状态污染
+  const fullKey = pagePrefix ? `${pagePrefix}_${key}` : key;
+
   const state: CaptchaCountdownState = {
     countdown: ref(0),
     isCounting: ref(false),
     timer: null,
-    key
+    key: fullKey
   };
 
   // 页面刷新后，从sessionStorage恢复状态
-  const stored = getStorage<StoredCaptchaState>(`captcha_${key}`, 'session');
+  const stored = getStorage<StoredCaptchaState>(`captcha_${fullKey}`, 'session');
   if (stored) {
     try {
       const now = Date.now();
@@ -58,11 +66,11 @@ export const initCaptchaState = (key: string, totalSeconds: number = 60): Captch
         }, 1000);
       } else {
         // 剩余时间<=0，清空本地存储
-        removeStorage(`captcha_${key}`, 'session');
+        removeStorage(`captcha_${fullKey}`, 'session');
       }
     } catch (e) {
       console.error('恢复验证码倒计时状态失败：', e);
-      removeStorage(`captcha_${key}`, 'session');
+      removeStorage(`captcha_${fullKey}`, 'session');
     }
   }
 
diff --git a/src/views/capital/fundFlow/index.vue b/src/views/capital/fundFlow/index.vue
index bba9063..bc2a88f 100644
--- a/src/views/capital/fundFlow/index.vue
+++ b/src/views/capital/fundFlow/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="table_form-container">
     <!-- 搜索 -->
-    <FundDetailSearch :search-form="searchForm" :search-options="searchOptions" @search="handleSearch"
+    <FundDetailSearch :search-form="searchForm" :search-options="searchOptions" :buttonLoading="loading" @search="handleSearch"
       @reset="handleReset">
       <template #button="{ form }">
         <el-button type="primary" @click="handleExport()"> 导出 </el-button>
diff --git a/src/views/capital/rechangeCheck/index.vue b/src/views/capital/rechangeCheck/index.vue
index 8e30948..c936ba2 100644
--- a/src/views/capital/rechangeCheck/index.vue
+++ b/src/views/capital/rechangeCheck/index.vue
@@ -2,6 +2,7 @@
   <div class="rechange-check table_form-container">
     <!-- 搜索区域：默认把当天 0 点到当前时间写入时间输入框 -->
     <RechangeSearch
+      :buttonLoading="loading" 
       :search-form="searchForm"
       :search-options="searchOptions"
       @search="handleSearch"
diff --git a/src/views/capital/transfer/index.vue b/src/views/capital/transfer/index.vue
index adbfd21..d01d524 100644
--- a/src/views/capital/transfer/index.vue
+++ b/src/views/capital/transfer/index.vue
@@ -227,9 +227,9 @@ const sendState = ref({
   countdown: 0,
 })
 
-//初始化验证码倒计时状态
-const emailCaptchaState = initCaptchaState('email') // 邮箱专属
-const phoneCaptchaState = initCaptchaState('phone') // 手机专属
+//初始化验证码倒计时状态（添加页面前缀隔离不同页面的倒计时状态）
+const emailCaptchaState = initCaptchaState('email', 60, 'transfer_email') // 邮箱专属
+const phoneCaptchaState = initCaptchaState('phone', 60, 'transfer_phone') // 手机专属
 
 // 邮箱验证码状态
 const { isCounting: emailIsCounting, countdown: emailCountdown } = emailCaptchaState
diff --git a/src/views/profile/personalCenter/index.vue b/src/views/profile/personalCenter/index.vue
index bd08b84..19b82a7 100644
--- a/src/views/profile/personalCenter/index.vue
+++ b/src/views/profile/personalCenter/index.vue
@@ -205,16 +205,16 @@ const passwordForm = reactive<PasswordForm>({
   login_password2: ''
 });
 
-// 验证码状态
+// 验证码状态（添加页面前缀隔离不同页面的倒计时状态）
 const showSendButton = ref(true);
 const sendState = ref({ isCounting: false, countdown: 0 });
-const phoneCaptchaState = initCaptchaState('phone');
-const emailCaptchaState = initCaptchaState('email');
+const phoneCaptchaState = initCaptchaState('phone', 60, 'center_phone');
+const emailCaptchaState = initCaptchaState('email', 60, 'center_email');
 
 const showPwdSendButton = ref(true);
 const pwdSendState = reactive({ isCounting: false, countdown: 0 });
-const pwdMobileCaptchaState = initCaptchaState('phone');
-const pwdEmailCaptchaState = initCaptchaState('email');
+const pwdMobileCaptchaState = initCaptchaState('phone', 60, 'center_pwd_phone');
+const pwdEmailCaptchaState = initCaptchaState('email', 60, 'center_pwd_email');
 
 const userStore = useUserStore();
 const languageStore = useLanguageStore();
diff --git a/src/views/user/ChangePassword.vue b/src/views/user/ChangePassword.vue
index 8428572..bd85fc1 100644
--- a/src/views/user/ChangePassword.vue
+++ b/src/views/user/ChangePassword.vue
@@ -86,9 +86,9 @@ const sendState = ref<object>({
   isCounting: false,
   countdown: 0,
 })
-//初始化验证码倒计时状态
-const emailCaptchaState = initCaptchaState('email'); // 邮箱专属
-const phoneCaptchaState = initCaptchaState('phone'); // 手机专属
+//初始化验证码倒计时状态（添加页面前缀隔离不同页面的倒计时状态）
+const emailCaptchaState = initCaptchaState('email', 60, 'changepwd_email'); // 邮箱专属
+const phoneCaptchaState = initCaptchaState('phone', 60, 'changepwd_phone'); // 手机专属
 // 邮箱验证码状态
 const { isCounting: emailIsCounting, countdown: emailCountdown } = emailCaptchaState
 // 手机验证码状态
diff --git a/src/views/user/ForgotPassword.vue b/src/views/user/ForgotPassword.vue
index c54770f..f4f7d6e 100644
--- a/src/views/user/ForgotPassword.vue
+++ b/src/views/user/ForgotPassword.vue
@@ -116,9 +116,9 @@ const sendState = ref<object>({
   isCounting: false,
   countdown: 0,
 })
-//初始化验证码倒计时状态
-const emailCaptchaState = initCaptchaState('email'); // 邮箱专属
-const phoneCaptchaState = initCaptchaState('phone'); // 手机专属
+//初始化验证码倒计时状态（添加页面前缀隔离不同页面的倒计时状态）
+const emailCaptchaState = initCaptchaState('email', 60, 'forgot_email'); // 邮箱专属
+const phoneCaptchaState = initCaptchaState('phone', 60, 'forgot_phone'); // 手机专属
 // 邮箱验证码状态
 const { isCounting: emailIsCounting, countdown: emailCountdown } = emailCaptchaState
 // 手机验证码状态
diff --git a/src/views/user/Register.vue b/src/views/user/Register.vue
index 5e7bc99..908906f 100644
--- a/src/views/user/Register.vue
+++ b/src/views/user/Register.vue
@@ -163,9 +163,9 @@ const registerRules = ref<FormRules>({
   code: codeRules().code,
 })
 
-//初始化验证码倒计时状态
-const emailCaptchaState = initCaptchaState('email') // 邮箱专属
-const phoneCaptchaState = initCaptchaState('phone') // 手机专属
+//初始化验证码倒计时状态（添加页面前缀隔离不同页面的倒计时状态）
+const emailCaptchaState = initCaptchaState('email', 60, 'register_email') // 邮箱专属
+const phoneCaptchaState = initCaptchaState('phone', 60, 'register_phone') // 手机专属
 // 邮箱验证码状态
 const { isCounting: emailIsCounting, countdown: emailCountdown } = emailCaptchaState
 // 手机验证码状态
diff --git a/src/views/user/bindEmail.vue b/src/views/user/bindEmail.vue
index c3e0dac..7ec4e12 100644
--- a/src/views/user/bindEmail.vue
+++ b/src/views/user/bindEmail.vue
@@ -60,8 +60,8 @@ const sendState = ref<object>({
     isCounting: false,
     countdown: 0,
 })
-//初始化验证码倒计时状态
-const emailCaptchaState = initCaptchaState('email');
+//初始化验证码倒计时状态（添加页面前缀隔离不同页面的倒计时状态）
+const emailCaptchaState = initCaptchaState('email', 60, 'bindemail_email');
 // 邮箱验证码状态
 const { isCounting: emailIsCounting, countdown: emailCountdown } = emailCaptchaState
 
diff --git a/src/views/user/bindPhone.vue b/src/views/user/bindPhone.vue
index 8519b82..048004a 100644
--- a/src/views/user/bindPhone.vue
+++ b/src/views/user/bindPhone.vue
@@ -70,8 +70,8 @@ const sendState = ref<object>({
     isCounting: false,
     countdown: 0,
 })
-//初始化验证码倒计时状态
-const phoneCaptchaState = initCaptchaState('phone');
+//初始化验证码倒计时状态（添加页面前缀隔离不同页面的倒计时状态）
+const phoneCaptchaState = initCaptchaState('phone', 60, 'bindphone_phone');
 // 邮箱验证码状态
 const { isCounting: phoneIsCounting, countdown: phoneCountdown } = phoneCaptchaState