diff --git a/src/assets/newImgs/pumpGY/projectBg.jpg b/src/assets/newImgs/pumpGY/projectBg.jpg index 94b428c..a01b8cd 100644 --- a/src/assets/newImgs/pumpGY/projectBg.jpg +++ b/src/assets/newImgs/pumpGY/projectBg.jpg Binary files differ diff --git a/src/assets/newImgs/pumpGY/projectBg.jpg b/src/assets/newImgs/pumpGY/projectBg.jpg index 94b428c..a01b8cd 100644 --- a/src/assets/newImgs/pumpGY/projectBg.jpg +++ b/src/assets/newImgs/pumpGY/projectBg.jpg Binary files differ diff --git a/src/views/floodSys/floodYP/riskAsses.vue b/src/views/floodSys/floodYP/riskAsses.vue index 799d435..f92508c 100644 --- a/src/views/floodSys/floodYP/riskAsses.vue +++ b/src/views/floodSys/floodYP/riskAsses.vue @@ -24,7 +24,7 @@
-
总降雨量：{{ item.rainfall }}mm
+
设计降雨量：{{ item.rainfall }}mm
{{ item.schemeName }}
 diff --git a/src/assets/newImgs/pumpGY/projectBg.jpg b/src/assets/newImgs/pumpGY/projectBg.jpg index 94b428c..a01b8cd 100644 --- a/src/assets/newImgs/pumpGY/projectBg.jpg +++ b/src/assets/newImgs/pumpGY/projectBg.jpg Binary files differ diff --git a/src/views/floodSys/floodYP/riskAsses.vue b/src/views/floodSys/floodYP/riskAsses.vue index 799d435..f92508c 100644 --- a/src/views/floodSys/floodYP/riskAsses.vue +++ b/src/views/floodSys/floodYP/riskAsses.vue @@ -24,7 +24,7 @@
-
总降雨量：{{ item.rainfall }}mm
+
设计降雨量：{{ item.rainfall }}mm
{{ item.schemeName }}
 diff --git a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue index b1f408b..6f625dc 100644 --- a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue +++ b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue @@ -5,54 +5,32 @@
-
- - 片区分析 -
-
- - - - - -
-
- -
-
+
项目分析
- - - - - - + + + + + +
- 设施分析 + 设施分析
- - - - - - - - - - + + + + + +
@@ -66,15 +44,13 @@ 管网分析
- - - - - + + +
-
+
@@ -101,9 +77,13 @@ { name: '金明品质提升示范片区', value: '3', lonlat: [114.285, 34.799] }, ]); -const XmList = ref([ - { name: '汴京路管网及道路海绵化改造', value: '1' }, - { name: '市民综合体', value: '3' }, +const XmList = ref([{ name: '汴京路管网及道路海绵化改造', value: '1' }]); +const hmssType = ref('1'); +const hmssTypeList = ref([ + { value: '1', label: '下沉式绿地' }, + { value: '2', label: '雨水花园' }, + { value: '3', label: '调节塘' }, + { value: '4', label: '透水铺装' }, ]); const AllData = reactive({ @@ -382,15 +362,20 @@ } } .Selectionbox { - width: 65%; + width: 85%; display: flex; align-items: center; + justify-content: flex-end; + padding-right: 5px; } } .assessment { - margin-top: 5px; width: 100%; - height: calc(100vh - 720px); + height: calc(100vh - 680px); + } + .assessmentJS { + width: 100%; + height: 280px; } } } diff --git a/src/assets/newImgs/pumpGY/projectBg.jpg b/src/assets/newImgs/pumpGY/projectBg.jpg index 94b428c..a01b8cd 100644 --- a/src/assets/newImgs/pumpGY/projectBg.jpg +++ b/src/assets/newImgs/pumpGY/projectBg.jpg Binary files differ diff --git a/src/views/floodSys/floodYP/riskAsses.vue b/src/views/floodSys/floodYP/riskAsses.vue index 799d435..f92508c 100644 --- a/src/views/floodSys/floodYP/riskAsses.vue +++ b/src/views/floodSys/floodYP/riskAsses.vue @@ -24,7 +24,7 @@
-
总降雨量：{{ item.rainfall }}mm
+
设计降雨量：{{ item.rainfall }}mm
{{ item.schemeName }}
 diff --git a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue index b1f408b..6f625dc 100644 --- a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue +++ b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue @@ -5,54 +5,32 @@
-
- - 片区分析 -
-
- - - - - -
-
- -
-
+
项目分析
- - - - - - + + + + + +
- 设施分析 + 设施分析
- - - - - - - - - - + + + + + +
@@ -66,15 +44,13 @@ 管网分析
- - - - - + + +
-
+
@@ -101,9 +77,13 @@ { name: '金明品质提升示范片区', value: '3', lonlat: [114.285, 34.799] }, ]); -const XmList = ref([ - { name: '汴京路管网及道路海绵化改造', value: '1' }, - { name: '市民综合体', value: '3' }, +const XmList = ref([{ name: '汴京路管网及道路海绵化改造', value: '1' }]); +const hmssType = ref('1'); +const hmssTypeList = ref([ + { value: '1', label: '下沉式绿地' }, + { value: '2', label: '雨水花园' }, + { value: '3', label: '调节塘' }, + { value: '4', label: '透水铺装' }, ]); const AllData = reactive({ @@ -382,15 +362,20 @@ } } .Selectionbox { - width: 65%; + width: 85%; display: flex; align-items: center; + justify-content: flex-end; + padding-right: 5px; } } .assessment { - margin-top: 5px; width: 100%; - height: calc(100vh - 720px); + height: calc(100vh - 680px); + } + .assessmentJS { + width: 100%; + height: 280px; } } } diff --git a/src/views/sponeScreen/projectHM/projectFX.vue b/src/views/sponeScreen/projectHM/projectFX.vue index 5c18bca..05cd739 100644 --- a/src/views/sponeScreen/projectHM/projectFX.vue +++ b/src/views/sponeScreen/projectHM/projectFX.vue @@ -5,9 +5,12 @@
- {{ rainDate }},降雨起止时间 - {{ item.rainStartTime }}-{{ item.rainEndTime }} - ，24小时累计降雨量{{ detailDataRain.rainfallIntensity }}mm，降雨等级 + {{ rainDate }}分析：降雨起止时间 + + {{ item.rainStartTime }}-{{ item.rainEndTime }}, + + 累计降雨时长:{{ rainTime }},小时最大降雨量是{{ hourMaxRain }}mm, 24小时累计降雨量{{ detailDataRain.rainfallIntensity }}mm, + 降雨等级 {{ detailDataRain.rainfallIntensity <= 10 @@ -20,20 +23,25 @@
1 - 项目设计雨水控制容积 3796.52m³, 总降雨量: + 项目设计降雨量为19.8mm对应的年径流总量控制率为68%；项目设计雨水控制容积 3796.52m³, 总控制降雨量: {{ ((detailDataRain.rainfallIntensity * 68439.85) / 1000).toFixed(2) }}m³
2 - 项目设计标准达标情况（设计降雨量{{ sjRain }}mm对应年径流总量控制率{{ jlkzl }}%;本场降雨径流总量控制率 - {{ jlkzl + 0.3 }}%， - - 达标 + 本场降雨径流总量控制率: + 达标 + --
3 雨水管网产流开始时间{{ detailDataRain.flowStartTime }}，结束时间{{ detailDataRain.flowEndTime }}，累计出口流量 - {{ detailDataRain.totalOutFlow }}m³。 + {{ Number(detailDataRain.totalOutFlow).toFixed(2) }}m³。 +
+
+ 4 + 分析建议： + 目前排水不畅，管网高水位运行，建议及时开启泵站，避免发生内涝风险。 + 暂无
@@ -46,10 +54,11 @@ src="@/assets/newImgs/pumpGY/water.png" alt="左" class="waterFlow" + style="transform: rotateY(180deg)" :style="{ height: (120 * maxSS1) / 1.1 + 'px', left: '73px', - width: '846px', + width: '606px', }" />
-

最大水深：{{ maxSS1 || '--' }}米

-

最大水深：{{ maxSS2 || '--' }}米

+

最大水深: {{ maxSS1.toFixed(2) || '--' }}米

+

最大水深: {{ maxSS2.toFixed(2) || '--' }}米

-
+
汴京路与公园路交叉口(出口) - 最大水深：{{ maxSS1 || '--' }} m - 流速：{{ nameToData(station1.propertyMonitorList, '流速')[valIndex1] || '--' }} m/s + 最大水深: {{ maxSS1.toFixed(2) || '--' }} m + 瞬时流速: {{ nameToData(station1.propertyMonitorList, '流速')[valIndex1] || '--' }} m/s - SS：{{ nameToData(station1.propertyMonitorList, 'SS')[valIndex1] || '--' }} mg/L + 瞬时SS(0-300): {{ nameToData(station1.propertyMonitorList, 'SS')[valIndex1] || '--' }} mg/L - 瞬时流量：{{ nameToData(station1.propertyMonitorList, '小时水量')[valIndex1] || '--' }} m³/h - 时间：{{ station1.propertyMonitorXList[valIndex1] ? station1.propertyMonitorXList[valIndex1].slice(10) : '--' }} - 管径：2.4*1.1m + 瞬时流量: {{ nameToData(station1.propertyMonitorList, '小时水量')[valIndex1] || '--' }} m³/h + 监测时间: {{ station1.propertyMonitorXList[valIndex1] ? station1.propertyMonitorXList[valIndex1].slice(10) : '--' }} + 管网管径: 2.4*1.1m
-
+
汴京路与劳动路交叉口(进口) - 最大水深：{{ nameToData(station2.propertyMonitorList, '水位')[valIndex2] || '--' }} m + 最大水深: {{ nameToData(station2.propertyMonitorList, '水位')[valIndex2] || '--' }} m - 流速：{{ nameToData(station2.propertyMonitorList, '流速')[valIndex2] || '--' }} m/s + 瞬时流速: {{ nameToData(station2.propertyMonitorList, '流速')[valIndex2] || '--' }} m/s - SS：{{ nameToData(station2.propertyMonitorList, 'SS')[valIndex2] || '--' }} mg/L + 瞬时SS(0-300): {{ nameToData(station2.propertyMonitorList, 'SS')[valIndex2] || '--' }} mg/L - 瞬时流量：{{ nameToData(station2.propertyMonitorList, '小时水量')[valIndex2] || '--' }} m³/h - 时间：{{ station2.propertyMonitorXList[valIndex2] ? station2.propertyMonitorXList[valIndex2].slice(10) : '--' }} - 管径：2.4*1.1m + 瞬时流量: {{ nameToData(station2.propertyMonitorList, '小时水量')[valIndex2] || '--' }} m³/h + 监测时间: {{ station2.propertyMonitorXList[valIndex2] ? station2.propertyMonitorXList[valIndex2].slice(10) : '--' }} + 管网管径: 2.4*1.1m
- -
- -- - 最大水深：{{ '--' }} m - 流速：{{ '--' }} m/s - SS：{{ '--' }} mg/L - 瞬时流量：-- m³/h - 时间： {{ '--' }} - 管径：3*1.8m + +
+ 由于施工待安装(进口) + 最大水深:{{ '--' }} m + 瞬时流速:{{ '--' }} m/s + 瞬时SS(0-300):{{ '--' }} mg/L + 瞬时流量:-- m³/h + 监测时间: {{ '--' }} + 管网管径: 3*1.8m
-
+
汴京路与工农路交叉口(出口) - 最大水深：{{ maxSS2 || '--' }} m - 流速：{{ nameToData(station5.propertyMonitorList, '流速')[valIndex5] || '--' }} m/s + 最大水深: {{ maxSS2 || '--' }} m + 瞬时流速: {{ nameToData(station5.propertyMonitorList, '流速')[valIndex5] || '--' }} m/s - SS：{{ nameToData(station5.propertyMonitorList, 'SS')[valIndex5] || '--' }} mg/L + 瞬时SS(0-300): {{ nameToData(station5.propertyMonitorList, 'SS')[valIndex5] || '--' }} mg/L - 瞬时流量：{{ nameToData(station5.propertyMonitorList, '小时水量')[valIndex5] || '--' }} m³/h - 时间：{{ station5.propertyMonitorXList[valIndex5] ? station5.propertyMonitorXList[valIndex5].slice(10) : '--' }} - 管径：3*1.8m + 瞬时流量: {{ nameToData(station5.propertyMonitorList, '小时水量')[valIndex5] || '--' }} m³/h + 监测时间: {{ station5.propertyMonitorXList[valIndex5] ? station5.propertyMonitorXList[valIndex5].slice(10) : '--' }} + 管网管径: 3*1.8m
海绵设施 设备左1 - 设备左1 - 设备左1 + 设备左2 设备右1 设备右1 @@ -160,15 +156,6 @@ 车4 车5 车3 - - -
- 左1 - 左2 - 左3 - 左4 - 左5 -
@@ -181,20 +168,18 @@ const timer = ref(null); const valIndex1 = ref(0); const valIndex2 = ref(0); -const valIndex3 = ref(0); const valIndex4 = ref(0); const valIndex5 = ref(0); const station1 = ref({ propertyMonitorList: [{ ylist: [] }, { ylist: [] }, { ylist: [] }], propertyMonitorXList: [] }); const station2 = ref({ propertyMonitorList: [{ ylist: [] }, { ylist: [] }, { ylist: [] }], propertyMonitorXList: [] }); -const station3 = ref({ propertyMonitorList: [{ ylist: [] }, { ylist: [] }, { ylist: [] }], propertyMonitorXList: [] }); const station4 = ref({ propertyMonitorList: [{ ylist: [] }, { ylist: [] }, { ylist: [] }], propertyMonitorXList: [] }); const station5 = ref({ propertyMonitorList: [{ ylist: [] }, { ylist: [] }, { ylist: [] }], propertyMonitorXList: [] }); const maxSS1 = ref(0); const maxSS2 = ref(0); const detailDataRain = ref({ totalOutFlow: 0, totalImportFlow: 0 }); const rainDate = ref(''); -const jlkzl = ref(0); -const sjRain = ref(0); +const rainTime = ref(''); +const hourMaxRain = ref(0); // 获取实时数据 function getRealData() { @@ -229,18 +214,6 @@ } }); - params.stCode = '0371000039'; - graphicReport(params).then(res => { - if (res.data.propertyMonitorList.length > 0) { - station3.value = res.data; - // 取最大的值 - let max = Math.max(...nameToData(station3.value.propertyMonitorList, '水位')); - valIndex3.value = nameToData(station3.value.propertyMonitorList, '水位').findIndex(item => { - return item == max; - }); - } - }); - station4.value = {}; //暂未安装，无数据 params.stCode = '0371000044'; @@ -278,42 +251,35 @@ projectNo: 'GW06', }; calculateAreaAnnualRunoff(params).then(res => { - detailDataRain.value = res.data || {}; - getRainBZ(); + let datas = res.data; + detailDataRain.value = datas || {}; + // 计算降雨总时长 + let times = 0; + datas.rainfallPeriods && + datas.rainfallPeriods.map(item => { + times += (new Date(item.rainEndTime).getTime() - new Date(item.rainStartTime).getTime()) / 1000; + }); + let hour = Math.floor(times / 60 / 60); + let minutes = Math.floor((times % 3600) / 60); + rainTime.value = hour + '小时' + minutes + '分钟'; }); -} -// 年径流和降雨量关系 -function getRainBZ() { - let val = detailDataRain.value.rainfallIntensity || 0; - if (val <= 3.04) { - sjRain.value = 3.04; - jlkzl.value = 20; - } else if (val > 3.04 && val <= 5) { - sjRain.value = 5; - jlkzl.value = 30; - } else if (val > 5 && val <= 7.56) { - sjRain.value = 7.56; - jlkzl.value = 40; - } else if (val > 7.56 && val <= 10.9) { - sjRain.value = 10.9; - jlkzl.value = 50; - } else if (val > 10.9 && val <= 15.2) { - sjRain.value = 15.2; - jlkzl.value = 60; - } else if (val > 15.2 && val <= 19.84) { - sjRain.value = 19.84; - jlkzl.value = 68; - } else if (val > 19.8) { - sjRain.value = 19.8; - jlkzl.value = 68; - } + // 雨量站监测数据 + let params2 = { + startTime: localStorage.getItem('setRainDateKF'), + endTime: localStorage.getItem('setRainDateKF'), + stCode: '0371000003', + }; + graphicReport(params2).then(res => { + let hourData = nameToData(res.data.propertyMonitorList, '1小时时段降水量'); + hourMaxRain.value = Math.max(...hourData); + }); } onMounted(() => { rainDate.value = localStorage.getItem('setRainDateKF'); - getRealData(); getRainDetail(); + getRealData(); // 5分钟刷新一次数据 timer.value = setInterval(() => { @@ -452,11 +418,14 @@ padding:10PX; color:#C1E8FF; font-size:16PX; - width:180PX; + width:230PX; span{ width:100%; display: inline-block; margin-bottom:3px; + &:nth-of-type(1){ + font-weight: bold; + } } } .realData{ @@ -474,12 +443,6 @@ } } - .waterFX{ - background: red; - img{ - position:absolute; - z-index: 20; - } - } + } diff --git a/src/assets/newImgs/pumpGY/projectBg.jpg b/src/assets/newImgs/pumpGY/projectBg.jpg index 94b428c..a01b8cd 100644 --- a/src/assets/newImgs/pumpGY/projectBg.jpg +++ b/src/assets/newImgs/pumpGY/projectBg.jpg Binary files differ diff --git a/src/views/floodSys/floodYP/riskAsses.vue b/src/views/floodSys/floodYP/riskAsses.vue index 799d435..f92508c 100644 --- a/src/views/floodSys/floodYP/riskAsses.vue +++ b/src/views/floodSys/floodYP/riskAsses.vue @@ -24,7 +24,7 @@
-
总降雨量：{{ item.rainfall }}mm
+
设计降雨量：{{ item.rainfall }}mm
{{ item.schemeName }}
 diff --git a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue index b1f408b..6f625dc 100644 --- a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue +++ b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue @@ -5,54 +5,32 @@
-
- - 片区分析 -
-
- - - - - -
-
- -
-
+
项目分析
- - - - - - + + + + + +
- 设施分析 + 设施分析
- - - - - - - - - - + + + + + +
@@ -66,15 +44,13 @@ 管网分析
- - - - - + + +
-
+
@@ -101,9 +77,13 @@ { name: '金明品质提升示范片区', value: '3', lonlat: [114.285, 34.799] }, ]); -const XmList = ref([ - { name: '汴京路管网及道路海绵化改造', value: '1' }, - { name: '市民综合体', value: '3' }, +const XmList = ref([{ name: '汴京路管网及道路海绵化改造', value: '1' }]); +const hmssType = ref('1'); +const hmssTypeList = ref([ + { value: '1', label: '下沉式绿地' }, + { value: '2', label: '雨水花园' }, + { value: '3', label: '调节塘' }, + { value: '4', label: '透水铺装' }, ]); const AllData = reactive({ @@ -382,15 +362,20 @@ } } .Selectionbox { - width: 65%; + width: 85%; display: flex; align-items: center; + justify-content: flex-end; + padding-right: 5px; } } .assessment { - margin-top: 5px; width: 100%; - height: calc(100vh - 720px); + height: calc(100vh - 680px); + } + .assessmentJS { + width: 100%; + height: 280px; } } } diff --git a/src/views/sponeScreen/projectHM/projectFX.vue b/src/views/sponeScreen/projectHM/projectFX.vue index 5c18bca..05cd739 100644 --- a/src/views/sponeScreen/projectHM/projectFX.vue +++ b/src/views/sponeScreen/projectHM/projectFX.vue @@ -5,9 +5,12 @@
- {{ rainDate }},降雨起止时间 - {{ item.rainStartTime }}-{{ item.rainEndTime }} - ，24小时累计降雨量{{ detailDataRain.rainfallIntensity }}mm，降雨等级 + {{ rainDate }}分析：降雨起止时间 + + {{ item.rainStartTime }}-{{ item.rainEndTime }}, + + 累计降雨时长:{{ rainTime }},小时最大降雨量是{{ hourMaxRain }}mm, 24小时累计降雨量{{ detailDataRain.rainfallIntensity }}mm, + 降雨等级 {{ detailDataRain.rainfallIntensity <= 10 @@ -20,20 +23,25 @@
1 - 项目设计雨水控制容积 3796.52m³, 总降雨量: + 项目设计降雨量为19.8mm对应的年径流总量控制率为68%；项目设计雨水控制容积 3796.52m³, 总控制降雨量: {{ ((detailDataRain.rainfallIntensity * 68439.85) / 1000).toFixed(2) }}m³
2 - 项目设计标准达标情况（设计降雨量{{ sjRain }}mm对应年径流总量控制率{{ jlkzl }}%;本场降雨径流总量控制率 - {{ jlkzl + 0.3 }}%， - - 达标 + 本场降雨径流总量控制率: + 达标 + --
3 雨水管网产流开始时间{{ detailDataRain.flowStartTime }}，结束时间{{ detailDataRain.flowEndTime }}，累计出口流量 - {{ detailDataRain.totalOutFlow }}m³。 + {{ Number(detailDataRain.totalOutFlow).toFixed(2) }}m³。 +
+
+ 4 + 分析建议： + 目前排水不畅，管网高水位运行，建议及时开启泵站，避免发生内涝风险。 + 暂无
@@ -46,10 +54,11 @@ src="@/assets/newImgs/pumpGY/water.png" alt="左" class="waterFlow" + style="transform: rotateY(180deg)" :style="{ height: (120 * maxSS1) / 1.1 + 'px', left: '73px', - width: '846px', + width: '606px', }" />
-

最大水深：{{ maxSS1 || '--' }}米

-

最大水深：{{ maxSS2 || '--' }}米

+

最大水深: {{ maxSS1.toFixed(2) || '--' }}米

+

最大水深: {{ maxSS2.toFixed(2) || '--' }}米

-
+
汴京路与公园路交叉口(出口) - 最大水深：{{ maxSS1 || '--' }} m - 流速：{{ nameToData(station1.propertyMonitorList, '流速')[valIndex1] || '--' }} m/s + 最大水深: {{ maxSS1.toFixed(2) || '--' }} m + 瞬时流速: {{ nameToData(station1.propertyMonitorList, '流速')[valIndex1] || '--' }} m/s - SS：{{ nameToData(station1.propertyMonitorList, 'SS')[valIndex1] || '--' }} mg/L + 瞬时SS(0-300): {{ nameToData(station1.propertyMonitorList, 'SS')[valIndex1] || '--' }} mg/L - 瞬时流量：{{ nameToData(station1.propertyMonitorList, '小时水量')[valIndex1] || '--' }} m³/h - 时间：{{ station1.propertyMonitorXList[valIndex1] ? station1.propertyMonitorXList[valIndex1].slice(10) : '--' }} - 管径：2.4*1.1m + 瞬时流量: {{ nameToData(station1.propertyMonitorList, '小时水量')[valIndex1] || '--' }} m³/h + 监测时间: {{ station1.propertyMonitorXList[valIndex1] ? station1.propertyMonitorXList[valIndex1].slice(10) : '--' }} + 管网管径: 2.4*1.1m
-
+
汴京路与劳动路交叉口(进口) - 最大水深：{{ nameToData(station2.propertyMonitorList, '水位')[valIndex2] || '--' }} m + 最大水深: {{ nameToData(station2.propertyMonitorList, '水位')[valIndex2] || '--' }} m - 流速：{{ nameToData(station2.propertyMonitorList, '流速')[valIndex2] || '--' }} m/s + 瞬时流速: {{ nameToData(station2.propertyMonitorList, '流速')[valIndex2] || '--' }} m/s - SS：{{ nameToData(station2.propertyMonitorList, 'SS')[valIndex2] || '--' }} mg/L + 瞬时SS(0-300): {{ nameToData(station2.propertyMonitorList, 'SS')[valIndex2] || '--' }} mg/L - 瞬时流量：{{ nameToData(station2.propertyMonitorList, '小时水量')[valIndex2] || '--' }} m³/h - 时间：{{ station2.propertyMonitorXList[valIndex2] ? station2.propertyMonitorXList[valIndex2].slice(10) : '--' }} - 管径：2.4*1.1m + 瞬时流量: {{ nameToData(station2.propertyMonitorList, '小时水量')[valIndex2] || '--' }} m³/h + 监测时间: {{ station2.propertyMonitorXList[valIndex2] ? station2.propertyMonitorXList[valIndex2].slice(10) : '--' }} + 管网管径: 2.4*1.1m
- -
- -- - 最大水深：{{ '--' }} m - 流速：{{ '--' }} m/s - SS：{{ '--' }} mg/L - 瞬时流量：-- m³/h - 时间： {{ '--' }} - 管径：3*1.8m + +
+ 由于施工待安装(进口) + 最大水深:{{ '--' }} m + 瞬时流速:{{ '--' }} m/s + 瞬时SS(0-300):{{ '--' }} mg/L + 瞬时流量:-- m³/h + 监测时间: {{ '--' }} + 管网管径: 3*1.8m
-
+
汴京路与工农路交叉口(出口) - 最大水深：{{ maxSS2 || '--' }} m - 流速：{{ nameToData(station5.propertyMonitorList, '流速')[valIndex5] || '--' }} m/s + 最大水深: {{ maxSS2 || '--' }} m + 瞬时流速: {{ nameToData(station5.propertyMonitorList, '流速')[valIndex5] || '--' }} m/s - SS：{{ nameToData(station5.propertyMonitorList, 'SS')[valIndex5] || '--' }} mg/L + 瞬时SS(0-300): {{ nameToData(station5.propertyMonitorList, 'SS')[valIndex5] || '--' }} mg/L - 瞬时流量：{{ nameToData(station5.propertyMonitorList, '小时水量')[valIndex5] || '--' }} m³/h - 时间：{{ station5.propertyMonitorXList[valIndex5] ? station5.propertyMonitorXList[valIndex5].slice(10) : '--' }} - 管径：3*1.8m + 瞬时流量: {{ nameToData(station5.propertyMonitorList, '小时水量')[valIndex5] || '--' }} m³/h + 监测时间: {{ station5.propertyMonitorXList[valIndex5] ? station5.propertyMonitorXList[valIndex5].slice(10) : '--' }} + 管网管径: 3*1.8m
海绵设施 设备左1 - 设备左1 - 设备左1 + 设备左2 设备右1 设备右1 @@ -160,15 +156,6 @@ 车4 车5 车3 - - -
- 左1 - 左2 - 左3 - 左4 - 左5 -
@@ -181,20 +168,18 @@ const timer = ref(null); const valIndex1 = ref(0); const valIndex2 = ref(0); -const valIndex3 = ref(0); const valIndex4 = ref(0); const valIndex5 = ref(0); const station1 = ref({ propertyMonitorList: [{ ylist: [] }, { ylist: [] }, { ylist: [] }], propertyMonitorXList: [] }); const station2 = ref({ propertyMonitorList: [{ ylist: [] }, { ylist: [] }, { ylist: [] }], propertyMonitorXList: [] }); -const station3 = ref({ propertyMonitorList: [{ ylist: [] }, { ylist: [] }, { ylist: [] }], propertyMonitorXList: [] }); const station4 = ref({ propertyMonitorList: [{ ylist: [] }, { ylist: [] }, { ylist: [] }], propertyMonitorXList: [] }); const station5 = ref({ propertyMonitorList: [{ ylist: [] }, { ylist: [] }, { ylist: [] }], propertyMonitorXList: [] }); const maxSS1 = ref(0); const maxSS2 = ref(0); const detailDataRain = ref({ totalOutFlow: 0, totalImportFlow: 0 }); const rainDate = ref(''); -const jlkzl = ref(0); -const sjRain = ref(0); +const rainTime = ref(''); +const hourMaxRain = ref(0); // 获取实时数据 function getRealData() { @@ -229,18 +214,6 @@ } }); - params.stCode = '0371000039'; - graphicReport(params).then(res => { - if (res.data.propertyMonitorList.length > 0) { - station3.value = res.data; - // 取最大的值 - let max = Math.max(...nameToData(station3.value.propertyMonitorList, '水位')); - valIndex3.value = nameToData(station3.value.propertyMonitorList, '水位').findIndex(item => { - return item == max; - }); - } - }); - station4.value = {}; //暂未安装，无数据 params.stCode = '0371000044'; @@ -278,42 +251,35 @@ projectNo: 'GW06', }; calculateAreaAnnualRunoff(params).then(res => { - detailDataRain.value = res.data || {}; - getRainBZ(); + let datas = res.data; + detailDataRain.value = datas || {}; + // 计算降雨总时长 + let times = 0; + datas.rainfallPeriods && + datas.rainfallPeriods.map(item => { + times += (new Date(item.rainEndTime).getTime() - new Date(item.rainStartTime).getTime()) / 1000; + }); + let hour = Math.floor(times / 60 / 60); + let minutes = Math.floor((times % 3600) / 60); + rainTime.value = hour + '小时' + minutes + '分钟'; }); -} -// 年径流和降雨量关系 -function getRainBZ() { - let val = detailDataRain.value.rainfallIntensity || 0; - if (val <= 3.04) { - sjRain.value = 3.04; - jlkzl.value = 20; - } else if (val > 3.04 && val <= 5) { - sjRain.value = 5; - jlkzl.value = 30; - } else if (val > 5 && val <= 7.56) { - sjRain.value = 7.56; - jlkzl.value = 40; - } else if (val > 7.56 && val <= 10.9) { - sjRain.value = 10.9; - jlkzl.value = 50; - } else if (val > 10.9 && val <= 15.2) { - sjRain.value = 15.2; - jlkzl.value = 60; - } else if (val > 15.2 && val <= 19.84) { - sjRain.value = 19.84; - jlkzl.value = 68; - } else if (val > 19.8) { - sjRain.value = 19.8; - jlkzl.value = 68; - } + // 雨量站监测数据 + let params2 = { + startTime: localStorage.getItem('setRainDateKF'), + endTime: localStorage.getItem('setRainDateKF'), + stCode: '0371000003', + }; + graphicReport(params2).then(res => { + let hourData = nameToData(res.data.propertyMonitorList, '1小时时段降水量'); + hourMaxRain.value = Math.max(...hourData); + }); } onMounted(() => { rainDate.value = localStorage.getItem('setRainDateKF'); - getRealData(); getRainDetail(); + getRealData(); // 5分钟刷新一次数据 timer.value = setInterval(() => { @@ -452,11 +418,14 @@ padding:10PX; color:#C1E8FF; font-size:16PX; - width:180PX; + width:230PX; span{ width:100%; display: inline-block; margin-bottom:3px; + &:nth-of-type(1){ + font-weight: bold; + } } } .realData{ @@ -474,12 +443,6 @@ } } - .waterFX{ - background: red; - img{ - position:absolute; - z-index: 20; - } - } + } diff --git a/src/views/sponeScreen/projectHM/projectSSDX.vue b/src/views/sponeScreen/projectHM/projectSSDX.vue index fa71808..e52d5f8 100644 --- a/src/views/sponeScreen/projectHM/projectSSDX.vue +++ b/src/views/sponeScreen/projectHM/projectSSDX.vue @@ -21,18 +21,16 @@
1 - 海绵设施设计雨水控制容积 96.52m³ + 项目设计降雨量为19.8mm对应的年径流总量控制率为68%；海绵设施设计雨水控制容积 96.52m³
2 - 项目设计标准达标情况（设计降雨量{{ sjRain }}mm对应年径流总量控制率{{ jlkzl }}%;本场降雨径流总量控制率 - {{ jlkzl + 0.3 }}%， + 本场降雨径流总量控制率 达标
3 雨水管网产流开始时间{{ detailDataRain.flowStartTime }}，结束时间{{ detailDataRain.flowEndTime }}，累计出口流量 - 85.23m³， 最大水深 {{ realSW || '--' }}m