From b2392458ebf42594b9fc5390fda40d7a0a12f923 Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期三, 03 九月 2025 17:40:52 +0800 Subject: [PATCH] 调试自动生成网格融合图片功能(待完成) --- src/views/sourcetrace/component/ClueRecordItem.vue | 76 +++++++++++++++++-------------------- 1 files changed, 35 insertions(+), 41 deletions(-) diff --git a/src/views/sourcetrace/component/ClueRecordItem.vue b/src/views/sourcetrace/component/ClueRecordItem.vue index dedec77..f34ad6c 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 + '锛�' }} @@ -41,7 +43,7 @@ <el-text :type="noWarn ? 'info' : 'warning'"> {{ item.pollutedSource.sceneList.length == 0 - ? '鏈壘鍒伴闄╂簮' + ? '鍙兘瀛樺湪鐜板満姹℃煋锛岃娉ㄦ剰鍛ㄨ竟鎯呭喌銆�' : '鎵惧埌' + item.pollutedSource.sceneList.length + '涓闄╂簮' }} </el-text> @@ -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="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="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