-
内涝地址:
-
{{ allData.dataList.address }}
-
行政辖区:
-
{{ allData.dataList.jurisdiction }}
+
+
+
-
-
所属街道:
-
{{ allData.dataList.belongsStreet }}
-
风险级别:
-
{{ allData.dataList.riskLevel }}
-
-
-
内涝原因:
-
{{ allData.dataList.originTypeName }}
-
积水次数 :
-
{{ allData.dataList.yearHappenCount }}次
-
-
-
最大深度:
-
{{ allData.dataList.yearMaxDepth }}mm
-
退水时长 :
-
{{ allData.dataList.yearMaxHour }}h
-
+
@@ -204,6 +167,32 @@
});
}
+// 积水点
+let chartJSD = null;
+function changeDateJSD() {
+ setTimeout(() => {
+ if (!!chartJSD) chartJSD.dispose();
+ chartJSD = echarts.init(document.getElementById('chartHistoryJSD'));
+ chartOption.popupRainTrend.legend.data = ['水深'];
+ chartOption.popupRainTrend.yAxis.name = 'm';
+ chartOption.popupRainTrend.xAxis.data = ['2024-07-12 12:30:20', '2024-07-12 13:30:20', '2024-07-12 14:30:20', '2024-07-12 15:30:20'];
+ chartOption.popupRainTrend.xAxis.boundaryGap = true;
+ chartOption.popupRainTrend.series.name = '水深';
+ chartOption.popupRainTrend.series.barWidth = 10;
+ chartOption.popupRainTrend.series.data = [0.23, 0.3, 0.25, 0.18];
+ // 设置鼠标滚轮放大缩小展示数据区间
+ // chartOption.popupRainTrend.dataZoom = [{ type: 'inside', startValue: propertyMonitorXList.value[propertyMonitorXList.value.length / 2] }];
+ // if (propertyMonitorXList.value.length > 0) {
+ // chartOption.popupRainTrend.graphic.invisible = true; //暂无数据
+ // } else {
+ // chartOption.popupRainTrend.graphic.invisible = false; //暂无数据
+ // }
+ chartOption.popupRainTrend.graphic.invisible = true; //暂无数据
+ chartJSD.clear();
+ chartJSD.setOption(chartOption.popupRainTrend);
+ });
+}
+
// 雨量站弹窗内容
const changeDate = () => {
getSuperViseData();
@@ -363,6 +352,7 @@
allData.popupShow = true;
if (allData.dataList.siteType == 'rain') changeDate(); //雨量站曲线图
if (allData.dataList.type == 'waterCourse') changeDateSW(); //河道水位计
+ if (allData.dataList.type == 'waterLoging') changeDateJSD(); //内涝积水点
});
});
onBeforeUnmount(() => {
@@ -385,7 +375,8 @@
background: #003b6d;
border: 1px solid #6acefe;
#chartPopupRainC,
- #chartHistoryZM {
+ #chartHistoryZM,
+ #chartHistoryJSD {
width: 400px;
height: 200px;
margin-top: 10px;