From 08ffcf9d7ffafaa82d8de7f9b5fcfdb49e9c3688 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期三, 05 十一月 2025 17:33:54 +0800
Subject: [PATCH] 动态溯源 1. 修复CO因子文本没有正常显示的问题；
---
src/views/sourcetrace/component/ClueRecordItem.vue | 96 ++++++++++++++++++++++-------------------------
1 files changed, 45 insertions(+), 51 deletions(-)
diff --git a/src/views/sourcetrace/component/ClueRecordItem.vue b/src/views/sourcetrace/component/ClueRecordItem.vue
index 5237bb5..2353812 100644
--- a/src/views/sourcetrace/component/ClueRecordItem.vue
+++ b/src/views/sourcetrace/component/ClueRecordItem.vue
@@ -9,7 +9,7 @@
<el-col :span="21">
<el-row justify="space-between">
<el-space>
- <el-text type="primary" size="default">
+ <el-text type="info" size="default">
<el-icon><Timer /></el-icon>
{{
item.pollutedData._startTime +
@@ -18,7 +18,7 @@
}}
</el-text>
</el-space>
- <el-link type="primary" @click="emits('open', item)"> 璇︽儏 </el-link>
+ <el-link type="info" @click="emits('open', item)"> 璇︽儏 </el-link>
</el-row>
<div>
<el-tag
@@ -30,18 +30,20 @@
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="primary">
+ <el-text type="info">
{{ item.pollutedData.exception + '锛�' }}
</el-text>
- <el-text type="primary">{{
+ <el-text type="info">{{
formatDistanceType(item.pollutedArea.distanceType)
}}</el-text>
- <el-text :type="noWarn ? 'primary' : 'warning'">
+ <el-text :type="noWarn ? 'info' : 'warning'">
{{
item.pollutedSource.sceneList.length == 0
- ? '鏈壘鍒伴闄╂簮'
+ ? '鍙兘瀛樺湪鐜板満姹℃煋锛岃娉ㄦ剰鍛ㄨ竟鎯呭喌銆�'
: '鎵惧埌' + item.pollutedSource.sceneList.length + '涓闄╂簮'
}}
</el-text>
@@ -65,11 +67,11 @@
<div v-else-if="item._type == '2'">
<el-row justify="space-between">
<el-tag type="danger" effect="dark" size="small">绾跨储</el-tag>
- <el-link type="primary" @click="emits('open')"> 璇︽儏 </el-link>
+ <el-link type="info" @click="emits('open')"> 璇︽儏 </el-link>
</el-row>
<el-space>
<el-icon color="#F56C6C" :size="40"><WarnTriangleFilled /></el-icon>
- <el-text type="primary">{{ item.advice }}</el-text>
+ <el-text type="info">{{ item.advice }}</el-text>
</el-space>
</div>
<el-row v-else-if="item._type == '3'">
@@ -79,7 +81,7 @@
<el-col :span="21">
<el-row justify="space-between">
<el-space>
- <el-text type="primary" size="default">
+ <el-text type="info" size="default">
<el-icon><Timer /></el-icon>
{{
item.pollutedData._startTime +
@@ -88,7 +90,7 @@
}}
</el-text>
</el-space>
- <!-- <el-link type="primary" @click="emits('open', item)"> 璇︽儏 </el-link> -->
+ <el-link type="info" @click="emits('open', item)"> 璇︽儏 </el-link>
</el-row>
<div>
<el-tag
@@ -100,11 +102,13 @@
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="primary">{{ item.pollutedData.exception }}</el-text>
+ <el-text type="info">{{ item.pollutedData.exception }}</el-text>
</div>
- <div v-if="item.pollutedSource.sceneList.length > 0">
+ <!-- <div v-if="item.pollutedSource.sceneList.length > 0">
<div v-for="s in item.pollutedSource.sceneList" :key="s.guid">
<img style="width: 24px" :src="sceneIcon(s.typeId)" :alt="s.type" />
<el-text
@@ -117,24 +121,8 @@
{{ s.name }}
</el-text>
</div>
- </div>
+ </div> -->
</el-col>
-
- <!-- <el-row justify="space-between">
- <el-space>
- <el-tag type="primary" effect="dark" size="small">鎻愰啋</el-tag>
- <el-text type="primary">{{
- item.pollutedData.startTime + ' - ' + item.pollutedData.endTime
- }}</el-text>
- </el-space>
- <el-link type="primary" @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="primary">{{ 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 n;
+ }
+ };
+ 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