From 4b8c485d81f7c2743256c7eb12a7c8bb7216e456 Mon Sep 17 00:00:00 2001
From: zhangrenyuan <18990852002@163.com>
Date: Tue, 13 Jan 2026 14:29:36 +0800
Subject: [PATCH] =?UTF-8?q?feat(workspace):=20=E4=B8=BA=E7=8E=B0=E9=87=91?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E7=BB=84=E4=BB=B6=E6=B7=BB=E5=8A=A0=E5=B8=82?=
 =?UTF-8?q?=E5=9C=BA=E7=82=B9=E5=87=BB=E8=B7=B3=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/components/workspace/CashManagement.vue | 31 +++++++++++++++++++++++++----
 1 file changed, 27 insertions(+), 4 deletions(-)

diff --git a/src/components/workspace/CashManagement.vue b/src/components/workspace/CashManagement.vue
index aabbc44..10e9d2c 100644
--- a/src/components/workspace/CashManagement.vue
+++ b/src/components/workspace/CashManagement.vue
@@ -37,11 +37,23 @@
     <div class="chart-container">
       <!-- 左侧数据列表 -->
       <div class="market-data">
-        <div v-if="marksFlag" v-for="market in cashData.markets" :key="market.name" class="market-item">
+        <div
+          v-if="marksFlag"
+          v-for="market in cashData.markets"
+          :key="market.name"
+          class="market-item"
+          @click="handleMarketClick(market.name)"
+        >
           <span class="market-name">{{ market.name }}：</span>
           <span class="market-value">{{ market.value.toLocaleString() }} {{ t('workbench.SGD') }}</span>
         </div>
-        <div v-else v-for="item in cashData.markets" :key="item.name" class="market-item">
+        <div
+          v-else
+          v-for="item in cashData.markets"
+          :key="item.name"
+          class="market-item"
+          @click="handleMarketClick(item.name)"
+        >
           <span class="market-name">{{ item.name }}{{ t('workbench.collect') }}：</span>
           <span class="market-value">{{ item.value.toLocaleString() }} {{ item.currencyLabel }}</span>
 
@@ -57,14 +69,16 @@
 
 <script setup>
 import * as echarts from 'echarts'
-import {onMounted, ref} from 'vue'
+import { onMounted, ref } from 'vue'
+import { useRouter } from 'vue-router'
 import request from "@/util/http.js";
 import API from "@/util/http.js";
-import {Warning, Service} from "@element-plus/icons-vue";
+import { Warning, Service } from "@element-plus/icons-vue";
 import { useI18n } from 'vue-i18n'
 
 const { t } = useI18n()
 
+const router = useRouter()
 
 const chartRef = ref(null)
 let chartInstance = null
@@ -195,6 +209,14 @@ const fetchCashData = async () => {
   }
 }
 
+const handleMarketClick = (name) => {
+  if (!name) return
+  router.push({
+    path: '/moneyManage/financialAccount/cashFlow',
+    query: { region: name }
+  })
+}
+
 // 标记地区 为 研发部、总部时值为
 const marksFlag = ref();
 const loading = ref(true); // 新增加载状态
@@ -333,6 +355,7 @@ onMounted( async() => {
   overflow: hidden; /* 隐藏溢出内容 */
   text-overflow: ellipsis; /* 溢出显示省略号 */
   margin-bottom: 8px; /* 增加项间距，提升可读性 */
+  cursor: pointer;
 }
 
 .market-name {