feat(regulatoryPlatForm): 添加统计卡片点击跳转功能

- 为统计卡片添加点击事件,支持跳转到对应的待办列表页面
- 增加卡片点击动效和悬停效果提升用户体验
- 在路由跳转时传递时间戳参数避免缓存问题
This commit is contained in:
chenxf 2026-01-26 11:04:42 +08:00
parent 41d13a8193
commit 2b981b3ffd
2 changed files with 19 additions and 6 deletions

View File

@ -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;

View File

@ -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