From c23ac06446a9a1edc41cc13723e5d0b8eabdfd63 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期三, 16 七月 2025 17:30:50 +0800
Subject: [PATCH] 2025.7.16 动态溯源新增合并异常

---
 src/views/sourcetrace/component/ClueRecordItem.vue |   70 ++++++++++++++++-------------------
 1 files changed, 32 insertions(+), 38 deletions(-)

diff --git a/src/views/sourcetrace/component/ClueRecordItem.vue b/src/views/sourcetrace/component/ClueRecordItem.vue
index dedec77..25a1b59 100644
--- a/src/views/sourcetrace/component/ClueRecordItem.vue
+++ b/src/views/sourcetrace/component/ClueRecordItem.vue
@@ -30,7 +30,9 @@
             round
             class="m-r-4"
           >
-            <div v-html="formatFactorName(item.pollutedData.factorName)"></div>
+            <div
+              v-html="formatFactorName(item.pollutedData.statisticMap)"
+            ></div>
           </el-tag>
           <el-text type="info">
             {{ item.pollutedData.exception + '锛�' }}
@@ -100,7 +102,9 @@
             round
             class="m-r-4"
           >
-            <div v-html="formatFactorName(item.pollutedData.factorName)"></div>
+            <div
+              v-html="formatFactorName(item.pollutedData.statisticMap)"
+            ></div>
           </el-tag>
           <el-text type="info">{{ item.pollutedData.exception }}</el-text>
         </div>
@@ -119,22 +123,6 @@
           </div>
         </div>
       </el-col>
-
-      <!-- <el-row justify="space-between">
-        <el-space>
-          <el-tag type="info" effect="dark" size="small">鎻愰啋</el-tag>
-          <el-text type="info">{{
-            item.pollutedData.startTime + ' - ' + item.pollutedData.endTime
-          }}</el-text>
-        </el-space>
-        <el-link type="info" @click="emits('open', item)"> 璇︽儏 </el-link>
-      </el-row>
-      <el-col :span="24">
-        <el-tag effect="plain" type="info" size="small" hit round class="m-r-4">
-          <div v-html="formatFactorName(item.pollutedData.factorName)"></div>
-        </el-tag>
-        <el-text type="info">{{ item.pollutedData.exception }}</el-text>
-      </el-col> -->
     </el-row>
   </div>
 </template>
@@ -180,27 +168,33 @@
   }
 }
 
-function formatFactorName(name) {
-  switch (name) {
-    case 'PM25':
-      return 'PM<sub>2.5</sub>';
-    // return '<span>PM2.5</span>';
-    case 'PM10':
-      return 'PM<sub>10</sub>';
-    case 'NO2':
-      return 'NO<sub>2</sub>';
-    case 'H2S':
-      return 'H<sub>2</sub>S';
-    case 'SO2':
-      return 'SO<sub>2</sub>';
-    case 'O3':
-      return 'O<sub>3</sub>';
-    case 'VOC':
-      return 'VOC<sub>s</sub>';
-
-    default:
-      break;
+function formatFactorName(statisticMap) {
+  const mapName = (n) => {
+    switch (n) {
+      case 'PM25':
+        return 'PM<sub>2.5</sub>';
+      case 'PM10':
+        return 'PM<sub>10</sub>';
+      case 'NO2':
+        return 'NO<sub>2</sub>';
+      case 'H2S':
+        return 'H<sub>2</sub>S';
+      case 'SO2':
+        return 'SO<sub>2</sub>';
+      case 'O3':
+        return 'O<sub>3</sub>';
+      case 'VOC':
+        return 'VOC<sub>s</sub>';
+      default:
+        return '';
+    }
+  };
+  let name = [];
+  for (const key in statisticMap) {
+    const value = statisticMap[key];
+    name.push(mapName(value.factorName));
   }
+  return name.join('銆�');
 }
 
 function handleSetCenter(item, scene) {

--
Gitblit v1.9.3