From e02c17066d33dc906bdd713ccec17c607885c4f2 Mon Sep 17 00:00:00 2001
From: wangqiao <wangqiao@kailinjt.com>
Date: Fri, 29 Aug 2025 08:53:43 +0800
Subject: [PATCH] Add dialog close handler and fix personal center routing

---
 components/kl-quick-menu/components/kl-vip.vue | 12 ++++++++++--
 pages/personal-Center/index.vue                | 16 +++++++++-------
 pages/personal-Center/index/components/pay.vue | 10 +++++++++-
 3 files changed, 28 insertions(+), 10 deletions(-)

diff --git a/components/kl-quick-menu/components/kl-vip.vue b/components/kl-quick-menu/components/kl-vip.vue
index 97fa186..c31ff81 100644
--- a/components/kl-quick-menu/components/kl-vip.vue
+++ b/components/kl-quick-menu/components/kl-vip.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-dialog v-model="visible" width="800px" class="vip-dialog" align-center>
+  <el-dialog v-model="visible" width="800px" class="vip-dialog" align-center @close="handleClose">
     <template #header>
       <div class="vip-modal-title">VIP套餐</div>
     </template>
@@ -133,6 +133,14 @@
     clearInterval(interval.value)
     interval.value = undefined
   }
+
+  /** 关闭弹窗 */
+  const handleClose = () => {
+    visible.value = false
+    // 清空任务
+    clearInterval(interval.value)
+    interval.value = undefined
+  }
 </script>
 
 <style scoped>
@@ -239,7 +247,7 @@
 
   :deep(.el-dialog__header) {
     .el-dialog__close {
-      top: -10px !important
+      top: -10px !important;
     }
   }
 </style>
diff --git a/pages/personal-Center/index.vue b/pages/personal-Center/index.vue
index 109e5ed..dcb40be 100644
--- a/pages/personal-Center/index.vue
+++ b/pages/personal-Center/index.vue
@@ -1,10 +1,12 @@
 <template>
   <KlNavTab />
   <div class="ma-auto w-[1198px] flex justify-between">
-    <div class="left mt-[25px] box-border h-[370px] w-[260px] border border-[#EEEEEE] rounded-[4px] border-solid bg-[#FFFFFF] text-[15px] text-[#333333] font-medium">
+    <div
+      class="left mt-[25px] box-border h-[370px] w-[260px] border border-[#EEEEEE] rounded-[4px] border-solid bg-[#FFFFFF] text-[15px] text-[#333333] font-medium"
+    >
       <nuxt-link to="/personal-Center/info" class="flex items-center justify-between py-[14px]">
         <div class="flex items-center pl-[20px]">
-          <img v-if="route.path.startsWith('/personal/center/info')" src="~/assets/images/user3.png" alt="" srcset="" class="h-[20px]" />
+          <img v-if="route.path.startsWith('/personal-Center/info')" src="~/assets/images/user3.png" alt="" srcset="" class="h-[20px]" />
           <img v-else src="~/assets/images/个人.png" alt="" srcset="" class="h-[20px]" />
           <span class="ml-[10px]">个人中心</span>
         </div>
@@ -15,7 +17,7 @@
 
       <nuxt-link to="/personal-Center/personal-profile" class="flex items-center justify-between py-[14px]">
         <div class="flex items-center pl-[20px]">
-          <img v-if="!route.path.startsWith('/personal/profile')" src="~/assets/images/user_zl.png" alt="" srcset="" class="h-[16px]" />
+          <img v-if="!route.path.startsWith('/personal-Center/personal-profile')" src="~/assets/images/user_zl.png" alt="" srcset="" class="h-[16px]" />
           <img v-else src="~/assets/images/个人资料 (1).png" alt="" srcset="" class="h-[16px]" />
           <span class="ml-[10px]">个人资料</span>
         </div>
@@ -25,7 +27,7 @@
       </nuxt-link>
       <nuxt-link to="/personal-Center/account-security" class="flex items-center justify-between py-[14px]">
         <div class="flex items-center pl-[20px]">
-          <img v-if="!route.path.startsWith('/personal/account/security')" src="~/assets/images/account.png" alt="" srcset="" class="h-[20px]" />
+          <img v-if="!route.path.startsWith('/personal-Center/account-security')" src="~/assets/images/account.png" alt="" srcset="" class="h-[20px]" />
           <img v-else src="~/assets/images/账户安全.png" alt="" srcset="" class="h-[20px]" />
           <span class="ml-[14px]">账户与安全</span>
         </div>
@@ -35,7 +37,7 @@
       </nuxt-link>
       <nuxt-link to="/personal-Center/resource-center" class="flex items-center justify-between py-[14px]">
         <div class="flex items-center pl-[20px]">
-          <img v-if="!route.path.startsWith('/personal/resource/center')" src="~/assets/images/ziyuan.png" alt="" srcset="" class="h-[18px]" />
+          <img v-if="!route.path.startsWith('/personal-Center/resource-center')" src="~/assets/images/ziyuan.png" alt="" srcset="" class="h-[18px]" />
           <img v-else src="~/assets/images/资源.png" alt="" srcset="" class="h-[18px]" />
           <span class="ml-[12px]">资源中心</span>
         </div>
@@ -45,7 +47,7 @@
       </nuxt-link>
       <nuxt-link to="/personal-Center/trading-center" class="flex items-center justify-between py-[14px]">
         <div class="flex items-center pl-[20px]">
-          <img v-if="!route.path.startsWith('/personal/trading/center')" src="~/assets/images/pay.png" alt="" srcset="" class="h-[20px]" />
+          <img v-if="!route.path.startsWith('/personal-Center/trading-center')" src="~/assets/images/pay.png" alt="" srcset="" class="h-[20px]" />
           <img v-else src="~/assets/images/交易管理.png" alt="" srcset="" class="h-[20px]" />
           <span class="ml-[12px]">交易中心</span>
         </div>
@@ -55,7 +57,7 @@
       </nuxt-link>
       <nuxt-link to="/personal-Center/message-center" class="flex items-center justify-between py-[14px]">
         <div class="flex items-center pl-[20px]">
-          <img v-if="!route.path.startsWith('/personal/center/message')" src="~/assets/images/message.png" alt="" srcset="" class="h-[18px]" />
+          <img v-if="!route.path.startsWith('/personal-Center/message-center')" src="~/assets/images/message.png" alt="" srcset="" class="h-[18px]" />
           <img v-else src="~/assets/images/消息.png" alt="" srcset="" class="h-[18px]" />
           <span class="ml-[14px]">消息通知</span>
         </div>
diff --git a/pages/personal-Center/index/components/pay.vue b/pages/personal-Center/index/components/pay.vue
index dfd87ce..492cab3 100644
--- a/pages/personal-Center/index/components/pay.vue
+++ b/pages/personal-Center/index/components/pay.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-dialog v-model="visible" width="800px" class="vip-dialog" align-center>
+  <el-dialog v-model="visible" width="800px" class="vip-dialog" align-center @close="handleClose">
     <template #header>
       <div class="vip-modal-title">钱包充值</div>
     </template>
@@ -135,6 +135,14 @@
     clearInterval(interval.value)
     interval.value = undefined
   }
+
+  /** 关闭弹窗 */
+  const handleClose = () => {
+    visible.value = false
+    // 清空任务
+    clearInterval(interval.value)
+    interval.value = undefined
+  }
 </script>
 
 <style scoped>