From 2b981b3ffd4d358fd09101a347a7eefe3e472c2b Mon Sep 17 00:00:00 2001
From: chenxf <chxf@chinaweal.com.cn>
Date: Mon, 26 Jan 2026 11:04:42 +0800
Subject: [PATCH] =?UTF-8?q?feat(regulatoryPlatForm):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E7=BB=9F=E8=AE=A1=E5=8D=A1=E7=89=87=E7=82=B9=E5=87=BB=E8=B7=B3?=
 =?UTF-8?q?=E8=BD=AC=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 为统计卡片添加点击事件，支持跳转到对应的待办列表页面
- 增加卡片点击动效和悬停效果提升用户体验
- 在路由跳转时传递时间戳参数避免缓存问题
---
 src/views/regulatoryPlatForm/index.vue    | 23 ++++++++++++++++++-----
 src/views/regulatoryPlatForm/toDoList.vue |  2 +-
 2 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/src/views/regulatoryPlatForm/index.vue b/src/views/regulatoryPlatForm/index.vue
index f42585b..9ac7d2b 100644
--- a/src/views/regulatoryPlatForm/index.vue
+++ b/src/views/regulatoryPlatForm/index.vue
@@ -11,7 +11,7 @@
 
       <!-- 统计卡片 -->
       <div class="card-group">
-        <div class="stat-card">
+        <div class="stat-card" @click="goToTodoList('all')">
           <div class="icon">
             <svg-icon icon-class="d1" />
           </div>
@@ -20,7 +20,7 @@
             <div class="card-num">{{ cardData.myTodo }}</div>
           </div>
         </div>
-        <div class="stat-card">
+        <div class="stat-card" @click="goToTodoList('abnormal')">
           <div class="icon">
             <svg-icon icon-class="d2" />
           </div>
@@ -29,7 +29,7 @@
             <div class="card-num">{{ cardData.abnormal }}</div>
           </div>
         </div>
-        <div class="stat-card">
+        <div class="stat-card" @click="goToTodoList('illegal')">
           <div class="icon">
             <svg-icon icon-class="d3" />
           </div>
@@ -38,7 +38,7 @@
             <div class="card-num">{{ cardData.illegal }}</div>
           </div>
         </div>
-        <div class="stat-card">
+        <div class="stat-card" @click="goToTodoList('repair')">
           <div class="icon">
             <svg-icon icon-class="d1" />
           </div>
@@ -47,7 +47,7 @@
             <div class="card-num">{{ cardData.creditRepair }}</div>
           </div>
         </div>
-        <div class="stat-card">
+        <div class="stat-card" @click="goToTodoList('correct')">
           <div class="icon">
             <svg-icon icon-class="d2" />
           </div>
@@ -312,6 +312,13 @@ export default {
           data: pieData
         }]
       })
+    },
+    // 跳转到我的待办对应 tab
+    goToTodoList(activeName) {
+      this.$router.push({
+        path: '/toDoList',
+        query: { activeName, activeNamet: Date.now() }
+      })
     }
   }
 }
@@ -397,6 +404,12 @@ export default {
         align-items: center;
         justify-content: center;
         box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
+        cursor: pointer;
+        transition: transform 0.2s, box-shadow 0.2s;
+        &:hover {
+          transform: translateY(-2px);
+          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
+        }
         .icon{
           background: #EBF5FF;
           border-radius: 65px;
diff --git a/src/views/regulatoryPlatForm/toDoList.vue b/src/views/regulatoryPlatForm/toDoList.vue
index aa4df5a..c722a63 100644
--- a/src/views/regulatoryPlatForm/toDoList.vue
+++ b/src/views/regulatoryPlatForm/toDoList.vue
@@ -22,7 +22,7 @@ export default {
       if (this.$route.query.activeName === 'fraudCheck') {
         this.url = '/aiccs/#/cancel/fraudCheckList'
       } else {
-        this.url = '/aiccs/#/todo/list' + '?activeName=' + this.activeName + '&bustype=' + this.bustype
+        this.url = '/aiccs/#/todo/list' + '?activeName=' + this.activeName + '&bustype=' + this.bustype + '&activeNamet=' + (this.$route.query.activeNamet || '')
       }
     }
     this.src = this.url