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 @@
@@ -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(() => {});