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/PollutedWarnItem.vue | 54 +++++++++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 49 insertions(+), 5 deletions(-)
diff --git a/src/views/sourcetrace/component/PollutedWarnItem.vue b/src/views/sourcetrace/component/PollutedWarnItem.vue
index d047320..b9c97de 100644
--- a/src/views/sourcetrace/component/PollutedWarnItem.vue
+++ b/src/views/sourcetrace/component/PollutedWarnItem.vue
@@ -30,7 +30,7 @@
<div>
<el-text type="info">
<el-icon><MapLocation /></el-icon>
- {{ '鎵�鍦ㄥ尯鍩燂細' + item.pollutedArea.address }}
+ {{ '鎵�鍦ㄥ尯鍩燂細' + riskRegion }}
</el-text>
</div>
<!-- <div>
@@ -45,17 +45,29 @@
</el-text>
</div>
<el-row style="border-top: 1px solid white"> </el-row>
- <RealTimeLineChart
+ <div v-for="s in item.pollutedData.statisticMap" :key="s.factorId">
+ <el-row justify="space-between" class="wrap">
+ <div class="flex-col m-r-4">
+ <div class="factor-name">{{ s.factorName }}</div>
+ </div>
+ <RealTimeLineChart
+ v-for="(item1, index1) in s._chartOptions"
+ :key="index1"
+ :model-value="item1"
+ ></RealTimeLineChart>
+ </el-row>
+ </div>
+ <!-- <RealTimeLineChart
v-for="(item1, index1) in item._chartOptions"
:key="index1"
:model-value="item1"
- ></RealTimeLineChart>
+ ></RealTimeLineChart> -->
</el-scrollbar>
</template>
</BaseCard>
</template>
<script setup>
-import { ref } from 'vue';
+import { ref, computed } from 'vue';
const props = defineProps({
modelValue: Boolean,
@@ -63,6 +75,20 @@
});
const emits = defineEmits(['showMarksAndPolygon', 'update:modelValue']);
+
+const riskRegion = computed(() => {
+ const _riskRegion = [];
+ if (props.item.pollutedArea.address) {
+ _riskRegion.push(props.item.pollutedArea.address);
+ }
+ if (props.item.pollutedArea.streetNumber) {
+ _riskRegion.push(props.item.pollutedArea.streetNumber);
+ }
+ if (props.item.pollutedArea.roadinter) {
+ _riskRegion.push(props.item.pollutedArea.roadinter);
+ }
+ return _riskRegion.join('锛�');
+});
function showMarksAndPolygon(item) {
emits('showMarksAndPolygon', item);
@@ -117,7 +143,7 @@
padding: 0 4px;
/* margin-right: 2px; */
width: 340px;
- height: 240px;
+ height: 260px;
/* border-right: 1px solid white; */
border-radius: 2px;
}
@@ -130,4 +156,22 @@
padding: 0px 1px;
margin-bottom: 4px;
}
+
+.wrap {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.329);
+}
+
+.flex-col {
+ display: flex;
+ flex-direction: column;
+}
+
+.factor-value {
+ font-weight: 600;
+ font-size: 20px;
+}
+
+.factor-name {
+ color: #23dad1;
+}
</style>
--
Gitblit v1.9.3