From 306ef09707d6bcf9ffa67de55f86ab6f4362deee Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期五, 18 七月 2025 10:04:01 +0800
Subject: [PATCH] 2025.7.18 动态溯源-测试版本
---
src/views/sourcetrace/component/PollutedWarnItem.vue | 41 +++++++++++++++++++++++++++++++++++++----
1 files changed, 37 insertions(+), 4 deletions(-)
diff --git a/src/views/sourcetrace/component/PollutedWarnItem.vue b/src/views/sourcetrace/component/PollutedWarnItem.vue
index d047320..90a8456 100644
--- a/src/views/sourcetrace/component/PollutedWarnItem.vue
+++ b/src/views/sourcetrace/component/PollutedWarnItem.vue
@@ -30,7 +30,10 @@
<div>
<el-text type="info">
<el-icon><MapLocation /></el-icon>
- {{ '鎵�鍦ㄥ尯鍩燂細' + item.pollutedArea.address }}
+ {{
+ '鎵�鍦ㄥ尯鍩燂細' +
+ (item.pollutedArea.address ? item.pollutedArea.address : '')
+ }}
</el-text>
</div>
<!-- <div>
@@ -45,11 +48,23 @@
</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>
@@ -117,7 +132,7 @@
padding: 0 4px;
/* margin-right: 2px; */
width: 340px;
- height: 240px;
+ height: 260px;
/* border-right: 1px solid white; */
border-radius: 2px;
}
@@ -130,4 +145,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