地图指数标签接入数据

pages/marketSituation/marketOverview.vue

@@ -6,10 +6,10 @@
     <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">道琼斯{{ judgeSymbol(INDU.value) }}</view>
+          <view class="NDX">纳斯达克{{ judgeSymbol(NDX.value) }}</view>
+          <view class="HSI">恒生指数{{ judgeSymbol(HSI.value) }}</view>
+          <view class="CN">上证指数{{ judgeSymbol(CN.value) }}</view>
           <image src="/static/marketSituation-image/map.png" mode="widthFix"></image>
         </view>
         <view class="global_index">
@@ -64,10 +64,10 @@ const contentHeight = ref(0);
 const headerHeight = ref(0); // 动态计算的header高度
 const isWarnTextOverflow = ref(false); // warn文字是否溢出
 
-const INDU = ref({stockName: "道琼斯",stockCode: "INDU",value: ""});
-const NDX = ref({stockName: "纳斯达克",stockCode: "NDX",value: ""});
-const HSI = ref({stockName: "恒生指数",stockCode: "HSI",value: ""});
-const CN = ref({stockName: "上证指数",stockCode: "1A0001",value: ""});
+const INDU = ref({ stockName: "道琼斯", stockCode: "INDU", value: "" });
+const NDX = ref({ stockName: "纳斯达克", stockCode: "513300", value: "" });
+const HSI = ref({ stockName: "恒生指数", stockCode: "HSI", value: "" });
+const CN = ref({ stockName: "上证指数", stockCode: "1A0001", value: "" });
 
 const pageIndex = ref(0);
 const scrollToView = ref("");
@@ -86,6 +86,10 @@ const warnTextClass = computed(() => {
 
 const globalIndexArray = ref([]);
 
+const judgeSymbol = (num) => {
+  return num[0] === "-" ? num : "+" + num;
+};
+
 // 搜索输入事件
 const onSearchInput = (e) => {
   searchValue.value = e.detail.value;
@@ -369,6 +373,27 @@ const parseStockData = (message) => {
           changePercent: ((100 * (stockDataArray[item.stockCode][0].current_price - stockDataArray[item.stockCode][0].pre_close)) / stockDataArray[item.stockCode][0].pre_close).toFixed(2) + "%",
           isRising: stockDataArray[item.stockCode][0].current_price - stockDataArray[item.stockCode][0].pre_close >= 0,
         }));
+
+        if (stockDataArray[INDU.value.stockCode][0]) {
+          INDU.value.value = ((100 * (stockDataArray[INDU.value.stockCode][0].current_price - stockDataArray[INDU.value.stockCode][0].pre_close)) / stockDataArray[INDU.value.stockCode][0].pre_close).toFixed(2) + "%";
+        } else {
+          console.log("INDU不存在");
+        }
+        if (stockDataArray[NDX.value.stockCode][0]) {
+          NDX.value.value = ((100 * (stockDataArray[NDX.value.stockCode][0].current_price - stockDataArray[NDX.value.stockCode][0].pre_close)) / stockDataArray[NDX.value.stockCode][0].pre_close).toFixed(2) + "%";
+        } else {
+          console.log("NDX不存在");
+        }
+        if (stockDataArray[HSI.value.stockCode][0]) {
+          HSI.value.value = ((100 * (stockDataArray[HSI.value.stockCode][0].current_price - stockDataArray[HSI.value.stockCode][0].pre_close)) / stockDataArray[HSI.value.stockCode][0].pre_close).toFixed(2) + "%";
+        } else {
+          console.log("HSI不存在");
+        }
+        if (stockDataArray[CN.value.stockCode][0]) {
+          CN.value.value = ((100 * (stockDataArray[CN.value.stockCode][0].current_price - stockDataArray[CN.value.stockCode][0].pre_close)) / stockDataArray[CN.value.stockCode][0].pre_close).toFixed(2) + "%";
+        } else {
+          console.log("CN不存在");
+        }
       }
     } else if ((typeof message === "string" && message.includes('{"count')) || isMorePacket.batch_real_time) {
       if (typeof message === "string" && message.includes('{"count')) {
@@ -415,6 +440,27 @@ const parseStockData = (message) => {
           changePercent: ((100 * (stockDataArray[item.stockCode][0].current_price - stockDataArray[item.stockCode][0].pre_close)) / stockDataArray[item.stockCode][0].pre_close).toFixed(2) + "%",
           isRising: stockDataArray[item.stockCode][0].current_price - stockDataArray[item.stockCode][0].pre_close >= 0,
         }));
+
+        if (stockDataArray[INDU.value.stockCode][0]) {
+          INDU.value.value = ((100 * (stockDataArray[INDU.value.stockCode][0].current_price - stockDataArray[INDU.value.stockCode][0].pre_close)) / stockDataArray[INDU.value.stockCode][0].pre_close).toFixed(2) + "%";
+        } else {
+          console.log("INDU不存在");
+        }
+        if (stockDataArray[NDX.value.stockCode][0]) {
+          NDX.value.value = ((100 * (stockDataArray[NDX.value.stockCode][0].current_price - stockDataArray[NDX.value.stockCode][0].pre_close)) / stockDataArray[NDX.value.stockCode][0].pre_close).toFixed(2) + "%";
+        } else {
+          console.log("NDX不存在");
+        }
+        if (stockDataArray[HSI.value.stockCode][0]) {
+          HSI.value.value = ((100 * (stockDataArray[HSI.value.stockCode][0].current_price - stockDataArray[HSI.value.stockCode][0].pre_close)) / stockDataArray[HSI.value.stockCode][0].pre_close).toFixed(2) + "%";
+        } else {
+          console.log("HSI不存在");
+        }
+        if (stockDataArray[CN.value.stockCode][0]) {
+          CN.value.value = ((100 * (stockDataArray[CN.value.stockCode][0].current_price - stockDataArray[CN.value.stockCode][0].pre_close)) / stockDataArray[CN.value.stockCode][0].pre_close).toFixed(2) + "%";
+        } else {
+          console.log("CN不存在");
+        }
       }
     } else {
       // 没有通过JSON解析判断，说明不是需要的数据