From 6784093cd2b4ab94bb3ff2e9375e5e5ad5f84748 Mon Sep 17 00:00:00 2001
From: zhaowenkang <z13306486998@126.com>
Date: Fri, 31 Oct 2025 18:11:44 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B7=B3=E8=BD=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/marketSituation/marketOverview.vue | 22 ++++++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/pages/marketSituation/marketOverview.vue b/pages/marketSituation/marketOverview.vue
index 0827d43..375b8ac 100644
--- a/pages/marketSituation/marketOverview.vue
+++ b/pages/marketSituation/marketOverview.vue
@@ -6,10 +6,18 @@
     <scroll-view class="content_scroll" scroll-y="true" :style="{ top: contentTopPosition + 'px' }">
       <view class="content">
         <view class="map">
-          <view class="INDU">道琼斯{{ INDU.value }}</view>
-          <view class="NDX">纳斯达克{{ NDX.value }}</view>
-          <view class="HSI">恒生指数{{ HSI.value }}</view>
-          <view class="CN">上证指数{{ CN.value }}</view>
+          <view class="INDU"
+            >道琼斯<view :class="getSignClass(INDU.value)" @click="viewDetail(INDU)">{{ judgeSymbol(INDU.value) }}</view></view
+          >
+          <view class="NDX"
+            >纳斯达克<view :class="getSignClass(NDX.value)" @click="viewDetail(NDX)">{{ judgeSymbol(NDX.value) }}</view></view
+          >
+          <view class="HSI"
+            >恒生指数<view :class="getSignClass(HSI.value)" @click="viewDetail(HSI)">{{ judgeSymbol(HSI.value) }}</view></view
+          >
+          <view class="CN"
+            >上证指数<view :class="getSignClass(CN.value)" @click="viewDetail(CN)">{{ judgeSymbol(CN.value) }}</view></view
+          >
           <image src="/static/marketSituation-image/map.png" mode="widthFix"></image>
         </view>
         <view class="global_index">
@@ -71,6 +79,12 @@ const CN = ref({stockName: "上证指数",stockCode: "1A0001",value: ""});
 const pageIndex = ref(0);
 const scrollToView = ref("");
 
+const viewDetail = (item) => {
+  uni.navigateTo({
+    url: `/pages/marketSituation/marketCondition?stockInformation=${encodeURIComponent(JSON.stringify(item))}&from=map`,
+  });
+};
+
 // 计算属性：精准计算content区域的top值
 const contentTopPosition = computed(() => {
   const statusBarHeight = iSMT.value || 0;