diff --git a/src/views/sponeScreen/projectHM/projectFX.vue b/src/views/sponeScreen/projectHM/projectFX.vue index 6f59208..2dd8e07 100644 --- a/src/views/sponeScreen/projectHM/projectFX.vue +++ b/src/views/sponeScreen/projectHM/projectFX.vue @@ -61,7 +61,7 @@ class="waterFlow" style="transform: rotateY(180deg)" :style="{ - height: (120 * nameToData(station1.propertyMonitorList, '水位')[rainIndex]) / 1.1 + 'px', + height: (120 * waterHeight1) / 1.1 + 'px', left: '73px', width: '606px', }" @@ -71,7 +71,7 @@ alt="右" class="waterFlow" :style="{ - height: (120 * nameToData(station5.propertyMonitorList, '水位')[rainIndex]) / 1.8 + 'px', + height: (120 * waterHeight5) / 1.8 + 'px', right: '75px', width: '555px', }" @@ -79,29 +79,25 @@
-

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

-

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

+

最大水深: {{ waterHeight1 || '--' }}米

+

最大水深: {{ waterHeight5 || '--' }}米

汴京路与公园路交叉口(出口) - - 最大水深: {{ nameToData(station1.propertyMonitorList, '水位')[rainIndex] || '--' }} m - + 最大水深: {{ waterHeight1 || '--' }} m 监测时间: {{ station1.propertyMonitorXList[rainIndex] ? station1.propertyMonitorXList[rainIndex].slice(10) : '--' }} - 累计SS负荷: {{ '--' }} g - 累计流量: {{ '--' }} m³/h + 累计流量: {{ leijiLL1 || '--' }} m³ 管网管径: 2.4*1.1m
汴京路与劳动路交叉口(进口) - 最大水深: {{ nameToData(station2.propertyMonitorList, '水位')[valIndex2] || '--' }} m + 最大水深: {{ nameToData(station2.propertyMonitorList, '水位')[rainIndex] || '--' }} m 监测时间: {{ station2.propertyMonitorXList[rainIndex] ? station2.propertyMonitorXList[rainIndex].slice(10) : '--' }} - 累计SS负荷: {{ '--' }} g - 累计流量: {{ '--' }} m³/h + 累计流量: {{ leijiLL2 || '--' }} m³ 管网管径: 2.4*1.1m
@@ -109,18 +105,14 @@ 由于施工待安装(进口) 最大水深:{{ '--' }} m 监测时间: {{ '--' }} - 累计SS负荷:{{ '--' }} g - 累计流量:-- m³/h + 累计流量:{{ leijiLL4 || '--' }} m³ 管网管径: 3*1.8m
汴京路与工农路交叉口(出口) - - 最大水深: {{ nameToData(station5.propertyMonitorList, '水位')[rainIndex] || '--' }} m - + 最大水深: {{ waterHeight5 || '--' }} m 监测时间: {{ station5.propertyMonitorXList[rainIndex] ? station5.propertyMonitorXList[rainIndex].slice(10) : '--' }} - 累计SS负荷: {{ '--' }} g - 累计流量: {{ '--' }} m³/h + 累计流量: {{ leijiLL5 || '--' }} m³ 管网管径: 3*1.8m
@@ -176,8 +168,6 @@ const { proxy } = getCurrentInstance(); const rainIndex = ref(0); -const valIndex2 = ref(0); -const valIndex4 = 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: [] }); @@ -191,6 +181,12 @@ const dgjpumpTime = ref(''); const hygpumpStatus = ref(''); const hygpumpTime = ref(''); +const leijiLL1 = ref(''); +const leijiLL2 = ref(''); +const leijiLL4 = ref(''); +const leijiLL5 = ref(''); +const waterHeight1 = ref(0); +const waterHeight5 = ref(0); // 获取实时数据 function getRealData() { @@ -204,6 +200,9 @@ graphicReport(params).then(res => { if (res.data.propertyMonitorList.length > 0) { station1.value = res.data; + let llData = nameToData(res.data.propertyMonitorList, '累计流量'); + leijiLL1.value = Number(llData[llData.length - 1] - llData[0]).toFixed(2); + waterHeight1.value = nameToData(res.data.propertyMonitorList, '水位')[rainIndex.value]; //水深 } }); @@ -211,11 +210,8 @@ graphicReport(params).then(res => { if (res.data.propertyMonitorList.length > 0) { station2.value = res.data; - // 取最大的值 - let max = Math.max(...nameToData(station2.value.propertyMonitorList, '水位')); - valIndex2.value = nameToData(station2.value.propertyMonitorList, '水位').findIndex(item => { - return item == max; - }); + let llData = nameToData(res.data.propertyMonitorList, '累计流量'); + leijiLL2.value = Number(llData[llData.length - 1] - llData[0]).toFixed(2); } }); @@ -225,6 +221,9 @@ graphicReport(params).then(res => { if (res.data.propertyMonitorList.length > 0) { station5.value = res.data; + let llData = nameToData(res.data.propertyMonitorList, '累计流量'); + leijiLL5.value = Number(llData[llData.length - 1] - llData[0]).toFixed(2); + waterHeight5.value = nameToData(res.data.propertyMonitorList, '水位')[rainIndex.value]; //水深 } }); } @@ -277,6 +276,7 @@ return item == hourMaxRain.value; }); }); + getRealData(); //获取某一天监测数据 } // 获取泵站开启状态 @@ -315,7 +315,6 @@ }; sitePropertyRelation(params2).then(res => { let datas = res.data || []; - console.log('---', datas); for (let item in datas) { if ( item.includes('QSB-YX') == '1' || @@ -330,7 +329,6 @@ hygpumpTime.value = '--'; } } - console.log(hygpumpStatus.value); }); } @@ -341,7 +339,6 @@ //86400000 一天得毫秒 *1,就是当前日期减一天,如果是需要自定义几天,修改就可 rainDateTwo.value = proxy.moment(new Date(dates.getTime() + 86400000 * 1)).format('YYYY-MM-DD'); getRainDetail(); //获取降雨场次 - getRealData(); //获取某一天监测数据 getPumpStatus(); // 获取泵站开启状态 }); onBeforeUnmount(() => {}); diff --git a/src/views/sponeScreen/projectHM/projectFX.vue b/src/views/sponeScreen/projectHM/projectFX.vue index 6f59208..2dd8e07 100644 --- a/src/views/sponeScreen/projectHM/projectFX.vue +++ b/src/views/sponeScreen/projectHM/projectFX.vue @@ -61,7 +61,7 @@ class="waterFlow" style="transform: rotateY(180deg)" :style="{ - height: (120 * nameToData(station1.propertyMonitorList, '水位')[rainIndex]) / 1.1 + 'px', + height: (120 * waterHeight1) / 1.1 + 'px', left: '73px', width: '606px', }" @@ -71,7 +71,7 @@ alt="右" class="waterFlow" :style="{ - height: (120 * nameToData(station5.propertyMonitorList, '水位')[rainIndex]) / 1.8 + 'px', + height: (120 * waterHeight5) / 1.8 + 'px', right: '75px', width: '555px', }" @@ -79,29 +79,25 @@
-

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

-

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

+

最大水深: {{ waterHeight1 || '--' }}米

+

最大水深: {{ waterHeight5 || '--' }}米

汴京路与公园路交叉口(出口) - - 最大水深: {{ nameToData(station1.propertyMonitorList, '水位')[rainIndex] || '--' }} m - + 最大水深: {{ waterHeight1 || '--' }} m 监测时间: {{ station1.propertyMonitorXList[rainIndex] ? station1.propertyMonitorXList[rainIndex].slice(10) : '--' }} - 累计SS负荷: {{ '--' }} g - 累计流量: {{ '--' }} m³/h + 累计流量: {{ leijiLL1 || '--' }} m³ 管网管径: 2.4*1.1m
汴京路与劳动路交叉口(进口) - 最大水深: {{ nameToData(station2.propertyMonitorList, '水位')[valIndex2] || '--' }} m + 最大水深: {{ nameToData(station2.propertyMonitorList, '水位')[rainIndex] || '--' }} m 监测时间: {{ station2.propertyMonitorXList[rainIndex] ? station2.propertyMonitorXList[rainIndex].slice(10) : '--' }} - 累计SS负荷: {{ '--' }} g - 累计流量: {{ '--' }} m³/h + 累计流量: {{ leijiLL2 || '--' }} m³ 管网管径: 2.4*1.1m
@@ -109,18 +105,14 @@ 由于施工待安装(进口) 最大水深:{{ '--' }} m 监测时间: {{ '--' }} - 累计SS负荷:{{ '--' }} g - 累计流量:-- m³/h + 累计流量:{{ leijiLL4 || '--' }} m³ 管网管径: 3*1.8m
汴京路与工农路交叉口(出口) - - 最大水深: {{ nameToData(station5.propertyMonitorList, '水位')[rainIndex] || '--' }} m - + 最大水深: {{ waterHeight5 || '--' }} m 监测时间: {{ station5.propertyMonitorXList[rainIndex] ? station5.propertyMonitorXList[rainIndex].slice(10) : '--' }} - 累计SS负荷: {{ '--' }} g - 累计流量: {{ '--' }} m³/h + 累计流量: {{ leijiLL5 || '--' }} m³ 管网管径: 3*1.8m
@@ -176,8 +168,6 @@ const { proxy } = getCurrentInstance(); const rainIndex = ref(0); -const valIndex2 = ref(0); -const valIndex4 = 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: [] }); @@ -191,6 +181,12 @@ const dgjpumpTime = ref(''); const hygpumpStatus = ref(''); const hygpumpTime = ref(''); +const leijiLL1 = ref(''); +const leijiLL2 = ref(''); +const leijiLL4 = ref(''); +const leijiLL5 = ref(''); +const waterHeight1 = ref(0); +const waterHeight5 = ref(0); // 获取实时数据 function getRealData() { @@ -204,6 +200,9 @@ graphicReport(params).then(res => { if (res.data.propertyMonitorList.length > 0) { station1.value = res.data; + let llData = nameToData(res.data.propertyMonitorList, '累计流量'); + leijiLL1.value = Number(llData[llData.length - 1] - llData[0]).toFixed(2); + waterHeight1.value = nameToData(res.data.propertyMonitorList, '水位')[rainIndex.value]; //水深 } }); @@ -211,11 +210,8 @@ graphicReport(params).then(res => { if (res.data.propertyMonitorList.length > 0) { station2.value = res.data; - // 取最大的值 - let max = Math.max(...nameToData(station2.value.propertyMonitorList, '水位')); - valIndex2.value = nameToData(station2.value.propertyMonitorList, '水位').findIndex(item => { - return item == max; - }); + let llData = nameToData(res.data.propertyMonitorList, '累计流量'); + leijiLL2.value = Number(llData[llData.length - 1] - llData[0]).toFixed(2); } }); @@ -225,6 +221,9 @@ graphicReport(params).then(res => { if (res.data.propertyMonitorList.length > 0) { station5.value = res.data; + let llData = nameToData(res.data.propertyMonitorList, '累计流量'); + leijiLL5.value = Number(llData[llData.length - 1] - llData[0]).toFixed(2); + waterHeight5.value = nameToData(res.data.propertyMonitorList, '水位')[rainIndex.value]; //水深 } }); } @@ -277,6 +276,7 @@ return item == hourMaxRain.value; }); }); + getRealData(); //获取某一天监测数据 } // 获取泵站开启状态 @@ -315,7 +315,6 @@ }; sitePropertyRelation(params2).then(res => { let datas = res.data || []; - console.log('---', datas); for (let item in datas) { if ( item.includes('QSB-YX') == '1' || @@ -330,7 +329,6 @@ hygpumpTime.value = '--'; } } - console.log(hygpumpStatus.value); }); } @@ -341,7 +339,6 @@ //86400000 一天得毫秒 *1,就是当前日期减一天,如果是需要自定义几天,修改就可 rainDateTwo.value = proxy.moment(new Date(dates.getTime() + 86400000 * 1)).format('YYYY-MM-DD'); getRainDetail(); //获取降雨场次 - getRealData(); //获取某一天监测数据 getPumpStatus(); // 获取泵站开启状态 }); onBeforeUnmount(() => {}); diff --git a/src/views/sponeScreen/projectHM/projectSSDX.vue b/src/views/sponeScreen/projectHM/projectSSDX.vue index df31a2a..6503b2a 100644 --- a/src/views/sponeScreen/projectHM/projectSSDX.vue +++ b/src/views/sponeScreen/projectHM/projectSSDX.vue @@ -45,7 +45,8 @@ @@ -71,15 +72,12 @@
左1 - 中间1 中间2 中间3 - 右1 右2 右3 - 下1 下2
@@ -94,14 +92,12 @@ const { proxy } = getCurrentInstance(); const station1 = ref({ propertyMonitorList: [{ ylist: [] }, { ylist: [] }, { ylist: [] }], propertyMonitorXList: [] }); const station2 = ref({ propertyMonitorList: [{ ylist: [] }, { ylist: [] }, { ylist: [] }], propertyMonitorXList: [] }); -const valIndex1 = ref(0); -const valIndex2 = ref(0); const rainIndex = ref(0); -const realSW = ref(0); //最大水深 const detailDataRain = ref({ totalOutFlow: 0, totalImportFlow: 0 }); const hourMaxRain = ref(0); const rainDateTwo = ref(''); const rainTime = ref(''); +const waterHeight = ref(0); // 获取实时数据 async function getRealData() { @@ -123,8 +119,7 @@ let res2 = await graphicReport(params2); if (res2.data.propertyMonitorList.length > 0) { station2.value = res2.data; - // 最大水位出口 - realSW.value = nameToData(station2.value.propertyMonitorList, '水位')[valIndex2.value] || 0.2; + waterHeight.value = nameToData(res2.data.propertyMonitorList, '水位')[rainIndex.value]; //水深 } } @@ -171,6 +166,8 @@ return item == hourMaxRain.value; }); }); + + getRealData(); } onMounted(() => { @@ -179,7 +176,7 @@ let dates = new Date(rainDate.value); //86400000 一天得毫秒 *1,就是当前日期减一天,如果是需要自定义几天,修改就可 rainDateTwo.value = proxy.moment(new Date(dates.getTime() + 86400000 * 1)).format('YYYY-MM-DD'); - getRealData(); + getRainDetail(); }); onBeforeUnmount(() => {});