From 7a8c6c4ce51d234671774d475afd9597814bf257 Mon Sep 17 00:00:00 2001
From: engigu <sayheya@qq.com>
Date: Sun, 28 Sep 2025 21:22:05 +0800
Subject: [PATCH] feat: add dashbaord cardnum redirect

---
 .../components/pages/dashboard/CardNum.vue    | 14 ++++++-
 .../components/pages/dashboard/Dashboard.vue  | 40 ++++++++++++++++---
 .../components/pages/sendLogs/SendLogs.vue    | 34 ++++++++++++++--
 3 files changed, 77 insertions(+), 11 deletions(-)

diff --git a/web/src/components/pages/dashboard/CardNum.vue b/web/src/components/pages/dashboard/CardNum.vue
index 8914f23..8615b34 100644
--- a/web/src/components/pages/dashboard/CardNum.vue
+++ b/web/src/components/pages/dashboard/CardNum.vue
@@ -1,5 +1,5 @@
 <template>
-  <Card class="w-full">
+  <Card class="w-full cursor-pointer hover:shadow-md transition-shadow duration-200" @click="handleClick">
     <CardHeader class="flex flex-row items-center justify-between space-y-0 pb-2">
       <CardTitle class="text-sm font-medium text-muted-foreground">
         {{ title }}
@@ -16,13 +16,23 @@
 <script setup lang="ts">
 import { Card, CardHeader, CardTitle, CardContent } from "@/components/ui/card"
 import type { Component } from 'vue'
+import { useRouter } from 'vue-router'
 
-defineProps<{
+const router = useRouter()
+
+const props = defineProps<{
   title: string
   value: string | number
   description?: string
   icon?: Component
+  routePath?: string
 }>()
+
+const handleClick = () => {
+  if (props.routePath) {
+    router.push(props.routePath)
+  }
+}
 </script>
 
 <script lang="ts">
diff --git a/web/src/components/pages/dashboard/Dashboard.vue b/web/src/components/pages/dashboard/Dashboard.vue
index b2749d3..7624d05 100644
--- a/web/src/components/pages/dashboard/Dashboard.vue
+++ b/web/src/components/pages/dashboard/Dashboard.vue
@@ -422,11 +422,41 @@ onMounted(() => {
 
 <template>
   <div class="w-[90%] mx-auto pt-4 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3  lg:grid-cols-5 gap-4">
-    <StatCard title="推送留存数" :value="state.basicData.message_total_num" description="" :icon="DatabaseIcon" />
-    <StatCard title="托管消息数" :value="state.basicData.hosted_message_total_num" description="" :icon="BarChartIcon" />
-    <StatCard title="今日发送数" :value="state.basicData.today_total_num" description="" :icon="SendIcon" />
-    <StatCard title="今日成功数" :value="state.basicData.today_succ_num" description="" :icon="CheckCircleIcon" />
-    <StatCard title="今日失败数" :value="state.basicData.today_failed_num" description="" :icon="XCircleIcon" />
+    <StatCard 
+      title="推送留存数" 
+      :value="state.basicData.message_total_num" 
+      description="" 
+      :icon="DatabaseIcon" 
+      route-path="/sendtasks" 
+    />
+    <StatCard 
+      title="托管消息数" 
+      :value="state.basicData.hosted_message_total_num" 
+      description="" 
+      :icon="BarChartIcon" 
+      route-path="/hostedmessage" 
+    />
+    <StatCard 
+      title="今日发送数" 
+      :value="state.basicData.today_total_num" 
+      description="" 
+      :icon="SendIcon" 
+      route-path="/sendlogs" 
+    />
+    <StatCard 
+      title="今日成功数" 
+      :value="state.basicData.today_succ_num" 
+      description="" 
+      :icon="CheckCircleIcon" 
+      route-path="/sendlogs?query=%7B%22status%22%3A%221%22%7D" 
+    />
+    <StatCard 
+      title="今日失败数" 
+      :value="state.basicData.today_failed_num" 
+      description="" 
+      :icon="XCircleIcon" 
+      route-path="/sendlogs?query=%7B%22status%22%3A%220%22%7D" 
+    />
   </div>
 
   <!-- 折线图 -->
diff --git a/web/src/components/pages/sendLogs/SendLogs.vue b/web/src/components/pages/sendLogs/SendLogs.vue
index cfe8e07..4ca04fb 100644
--- a/web/src/components/pages/sendLogs/SendLogs.vue
+++ b/web/src/components/pages/sendLogs/SendLogs.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, computed, reactive, onMounted, nextTick } from 'vue'
+import { ref, computed, reactive, onMounted, nextTick, watch } from 'vue'
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'
 import { Button } from '@/components/ui/button'
 import { Badge } from '@/components/ui/badge'
@@ -116,16 +116,42 @@ const queryListData = async (page: number, size: number, name = '', taskid = '',
   state.total = rsp.data.data.total;
 }
 
-onMounted(async () => {
-  // 页面加载触发日志显示
+// 解析URL参数并更新筛选状态
+const parseUrlParams = async () => {
   state.search = router.query.name?.toString() || '';
+  
+  // 解析URL中的query参数，设置状态筛选
+  const queryParam = router.query.query?.toString() || '';
+  if (queryParam) {
+    try {
+      const queryObj = JSON.parse(decodeURIComponent(queryParam));
+      if (queryObj.status !== undefined) {
+        selectedStatus.value = queryObj.status.toString();
+      }
+    } catch (error) {
+      console.warn('解析query参数失败:', error);
+    }
+  } else {
+    // 如果没有query参数，重置为全部
+    selectedStatus.value = 'all';
+  }
+  
   await queryListData(
     1,
     state.pageSize,
     router.query.name?.toString() || '',
     router.query.taskid?.toString() || '',
-    router.query.query?.toString() || ''
+    queryParam
   );
+};
+
+// 监听路由变化
+watch(() => router.query, () => {
+  parseUrlParams();
+}, { deep: true });
+
+onMounted(async () => {
+  await parseUrlParams();
 });
 </script>