diff --git a/src/views/sponeScreen/projectHM/projectFX.vue b/src/views/sponeScreen/projectHM/projectFX.vue index 05cd739..9120bce 100644 --- a/src/views/sponeScreen/projectHM/projectFX.vue +++ b/src/views/sponeScreen/projectHM/projectFX.vue @@ -18,29 +18,34 @@ : detailDataRain.rainfallIntensity > 10 && detailDataRain.rainfallIntensity <= 25 ? '中雨' : '大雨' - }} + }}, + 总收水量: {{ ((detailDataRain.rainfallIntensity * 68439.85) / 1000).toFixed(2) }}m³
1 - 项目设计降雨量为19.8mm对应的年径流总量控制率为68%;项目设计雨水控制容积 3796.52m³, 总控制降雨量: - {{ ((detailDataRain.rainfallIntensity * 68439.85) / 1000).toFixed(2) }}m³ + 项目设计降雨量为19.8mm对应的年径流总量控制率为68%; 本场降雨径流总量控制率: + 达标 + + ;本场降雨污染削减率(以SS计): + 达标
2 - 本场降雨径流总量控制率: - 达标 - -- -
-
- 3 雨水管网产流开始时间{{ detailDataRain.flowStartTime }},结束时间{{ detailDataRain.flowEndTime }},累计出口流量 {{ Number(detailDataRain.totalOutFlow).toFixed(2) }}m³
- 4 + 3 分析建议: - 目前排水不畅,管网高水位运行,建议及时开启泵站,避免发生内涝风险。 + + 目前管网高水位运行,导致排水不畅,建议及时开启泵站,避免发生内涝风险。 + 暂无
@@ -56,7 +61,7 @@ class="waterFlow" style="transform: rotateY(180deg)" :style="{ - height: (120 * maxSS1) / 1.1 + 'px', + height: (120 * nameToData(station1.propertyMonitorList, '水位')[rainIndex]) / 1.1 + 'px', left: '73px', width: '606px', }" @@ -66,7 +71,7 @@ alt="右" class="waterFlow" :style="{ - height: (120 * maxSS2) / 1.8 + 'px', + height: (120 * nameToData(station5.propertyMonitorList, '水位')[rainIndex]) / 1.8 + 'px', right: '75px', width: '555px', }" @@ -74,54 +79,48 @@
-

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

-

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

+

最大水深: {{ nameToData(station1.propertyMonitorList, '水位')[rainIndex] || '--' }}米

+

最大水深: {{ nameToData(station5.propertyMonitorList, '水位')[rainIndex] || '--' }}米

汴京路与公园路交叉口(出口) - 最大水深: {{ maxSS1.toFixed(2) || '--' }} m - 瞬时流速: {{ nameToData(station1.propertyMonitorList, '流速')[valIndex1] || '--' }} m/s - - 瞬时SS(0-300): {{ nameToData(station1.propertyMonitorList, 'SS')[valIndex1] || '--' }} mg/L + + 最大水深: {{ nameToData(station1.propertyMonitorList, '水位')[rainIndex] || '--' }} m - 瞬时流量: {{ nameToData(station1.propertyMonitorList, '小时水量')[valIndex1] || '--' }} m³/h - 监测时间: {{ station1.propertyMonitorXList[valIndex1] ? station1.propertyMonitorXList[valIndex1].slice(10) : '--' }} + 监测时间: {{ station1.propertyMonitorXList[rainIndex] ? station1.propertyMonitorXList[rainIndex].slice(10) : '--' }} + 累计SS负荷: {{ '--' }} g + 累计流量: {{ '--' }} m³/h 管网管径: 2.4*1.1m
汴京路与劳动路交叉口(进口) - + 最大水深: {{ nameToData(station2.propertyMonitorList, '水位')[valIndex2] || '--' }} m - 瞬时流速: {{ nameToData(station2.propertyMonitorList, '流速')[valIndex2] || '--' }} m/s - - 瞬时SS(0-300): {{ nameToData(station2.propertyMonitorList, 'SS')[valIndex2] || '--' }} mg/L - - 瞬时流量: {{ nameToData(station2.propertyMonitorList, '小时水量')[valIndex2] || '--' }} m³/h - 监测时间: {{ station2.propertyMonitorXList[valIndex2] ? station2.propertyMonitorXList[valIndex2].slice(10) : '--' }} + 监测时间: {{ station2.propertyMonitorXList[rainIndex] ? station2.propertyMonitorXList[rainIndex].slice(10) : '--' }} + 累计SS负荷: {{ '--' }} g + 累计流量: {{ '--' }} m³/h 管网管径: 2.4*1.1m
由于施工待安装(进口) 最大水深:{{ '--' }} m - 瞬时流速:{{ '--' }} m/s - 瞬时SS(0-300):{{ '--' }} mg/L - 瞬时流量:-- m³/h 监测时间: {{ '--' }} + 累计SS负荷:{{ '--' }} g + 累计流量:-- m³/h 管网管径: 3*1.8m
汴京路与工农路交叉口(出口) - 最大水深: {{ maxSS2 || '--' }} m - 瞬时流速: {{ nameToData(station5.propertyMonitorList, '流速')[valIndex5] || '--' }} m/s - - 瞬时SS(0-300): {{ nameToData(station5.propertyMonitorList, 'SS')[valIndex5] || '--' }} mg/L + + 最大水深: {{ nameToData(station5.propertyMonitorList, '水位')[rainIndex] || '--' }} m - 瞬时流量: {{ nameToData(station5.propertyMonitorList, '小时水量')[valIndex5] || '--' }} m³/h - 监测时间: {{ station5.propertyMonitorXList[valIndex5] ? station5.propertyMonitorXList[valIndex5].slice(10) : '--' }} + 监测时间: {{ station5.propertyMonitorXList[rainIndex] ? station5.propertyMonitorXList[rainIndex].slice(10) : '--' }} + 累计SS负荷: {{ '--' }} g + 累计流量: {{ '--' }} m³/h 管网管径: 3*1.8m
@@ -156,6 +155,16 @@ 车4 车5 车3 + + +
+ 泵站状态: {{ hygpumpStatus }} + 开机时间: {{ hygpumpTime }} +
+
+ 泵站状态: {{ dgjpumpStatus }} + 开机时间: {{ dgjpumpTime }} +
@@ -163,42 +172,39 @@ import CanvasRainP from '@/views/sponeScreen/projectHM/canvasRainP.vue'; import bus from '@/bus'; import { graphicReport, calculateAreaAnnualRunoff } from '@/api/dataAnalysis/syntherticData'; +import { sitePropertyRelation } from '@/api/scada/monitor'; const { proxy } = getCurrentInstance(); const timer = ref(null); -const valIndex1 = ref(0); +const rainIndex = ref(0); const valIndex2 = 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 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 rainDateTwo = ref(''); const rainTime = ref(''); const hourMaxRain = ref(0); +const dgjpumpStatus = ref(''); +const dgjpumpTime = ref(''); +const hygpumpStatus = ref(''); +const hygpumpTime = ref(''); // 获取实时数据 function getRealData() { // 从左到右,共5个 let params = { - startTime: localStorage.getItem('setRainDateKF'), - endTime: localStorage.getItem('setRainDateKF'), + startTime: rainDate.value + ' 08:00:00', + endTime: rainDateTwo.value + ' 08:00:00', stCode: '', }; params.stCode = '0371000037'; graphicReport(params).then(res => { if (res.data.propertyMonitorList.length > 0) { station1.value = res.data; - // 取最大的值 - let max = Math.max(...nameToData(station1.value.propertyMonitorList, '水位')); - valIndex1.value = nameToData(station1.value.propertyMonitorList, '水位').findIndex(item => { - return item == max; - }); - maxSS1.value = max; } }); @@ -220,12 +226,6 @@ graphicReport(params).then(res => { if (res.data.propertyMonitorList.length > 0) { station5.value = res.data; - // 取最大的值 - let max = Math.max(...nameToData(station5.value.propertyMonitorList, '水位')); - valIndex5.value = nameToData(station5.value.propertyMonitorList, '水位').findIndex(item => { - return item == max; - }); - maxSS2.value = max; } }); } @@ -246,7 +246,7 @@ function getRainDetail() { // 关联雨量站是皮革厂雨量站,0371000003 let params = { - searchTime: localStorage.getItem('setRainDateKF'), + searchTime: rainDate.value, rainStCode: '0371000003', projectNo: 'GW06', }; @@ -266,30 +266,86 @@ // 雨量站监测数据 let params2 = { - startTime: localStorage.getItem('setRainDateKF'), - endTime: localStorage.getItem('setRainDateKF'), + startTime: rainDate.value + ' 08:00:00', + endTime: rainDateTwo.value + ' 08:00:00', stCode: '0371000003', }; graphicReport(params2).then(res => { let hourData = nameToData(res.data.propertyMonitorList, '1小时时段降水量'); hourMaxRain.value = Math.max(...hourData); + // 最大降雨量对应的index + rainIndex.value = nameToData(res.data.propertyMonitorList, '1小时时段降水量').findIndex(item => { + return item == hourMaxRain.value; + }); + }); +} + +// 获取泵站开启状态 +function getPumpStatus() { + let params = { + startTime: rainDate.value + ' 08:00:00', + endTime: rainDateTwo.value + ' 08:00:00', + stationCode: 'BZKFDJG', //东郊沟泵站 + pageSize: 9999, + pageNum: 1, + }; + sitePropertyRelation(params).then(res => { + let datas = res.data || []; + for (let item in datas) { + if ( + item.includes('QSB-YX') == '1' || + item.includes('QSB-YX') == '运行' || + item.includes('WSB-YX') == '1' || + item.includes('WSB-YX') == '运行' + ) { + dgjpumpStatus.value = '开启'; + dgjpumpTime.value = item.tt; + } else { + dgjpumpStatus.value = '未开启'; + dgjpumpTime.value = '--'; + } + } + }); + + let params2 = { + startTime: rainDate.value + ' 08:00:00', + endTime: rainDateTwo.value + ' 08:00:00', + stationCode: 'BZKFHYG', //海洋馆泵站 + pageSize: 9999, + pageNum: 1, + }; + sitePropertyRelation(params2).then(res => { + let datas = res.data || []; + console.log('---', datas); + for (let item in datas) { + if ( + item.includes('QSB-YX') == '1' || + item.includes('QSB-YX') == '运行' || + item.includes('WSB-YX') == '1' || + item.includes('WSB-YX') == '运行' + ) { + hygpumpStatus.value = '开启'; + hygpumpTime.value = item.tt; + } else { + hygpumpStatus.value = '未开启'; + hygpumpTime.value = '--'; + } + } + console.log(hygpumpStatus.value); }); } onMounted(() => { rainDate.value = localStorage.getItem('setRainDateKF'); - getRainDetail(); - getRealData(); - - // 5分钟刷新一次数据 - timer.value = setInterval(() => { - getRealData(); - getRainDetail(); - }, 5 * 60 * 1000); + // 早八点到第二天早八点逻辑 + let dates = new Date(rainDate.value); + //86400000 一天得毫秒 *1,就是当前日期减一天,如果是需要自定义几天,修改就可 + rainDateTwo.value = proxy.moment(new Date(dates.getTime() + 86400000 * 1)).format('YYYY-MM-DD'); + getRainDetail(); //获取降雨场次 + getRealData(); //获取某一天监测数据 + getPumpStatus(); // 获取泵站开启状态 }); -onBeforeUnmount(() => { - if (timer.value) clearInterval(timer.value); -}); +onBeforeUnmount(() => {});