diff --git a/src/views/floodSys/scada/pumpStationInformation/index.vue b/src/views/floodSys/scada/pumpStationInformation/index.vue index a172100..d6401b5 100644 --- a/src/views/floodSys/scada/pumpStationInformation/index.vue +++ b/src/views/floodSys/scada/pumpStationInformation/index.vue @@ -1,12 +1,10 @@ - - + + + + - - - - @@ -64,7 +62,7 @@ />
- + @@ -265,7 +263,7 @@ ]); let AllData = reactive({ formData: { rainpump: {}, temporarypump: {}, sweagepump: {}, handlepump: {} }, - queryParams: { pumpCode: '', pumpType: '', pageNum: 1, pageSize: 10 }, + queryParams: { pumpName: '', pumpType: '', pageNum: 1, pageSize: 10 }, formRules: { pumpName: [{ required: true, message: '请输入泵站名称', trigger: 'blur' }], pumpCode: [{ required: true, message: '请输入泵站编码', trigger: 'blur' }], @@ -292,7 +290,7 @@ }; //重置按钮 const resectClcik = () => { - queryParams.value.pumpCode = ''; + queryParams.value.pumpName = ''; queryParams.value.pumpType = ''; getDataList(); }; @@ -303,7 +301,6 @@ const res = await facilityPumpPage(queryParams.value); tableLoading.value = false; tableData.value = res.data; - total.value = res.total; }; @@ -417,44 +414,11 @@ isDisab.value = true; showDialog.value = true; formData.value = { ...row }; - console.log(formData.value, 'formData.value'); - - // formData.value.designHead = Number(row.designHead); - // formData.value.dayLarge = Number(row.dayLarge); - // formData.value.designPower = Number(row.designPower); - // formData.value.deviceCount = Number(row.deviceCount); - // formData.value.maxWaterlevel = Number(row.maxWaterlevel); - // formData.value.modelValue = Number(row.modelValue); - // formData.value.large = Number(row.large); - // console.log(formData.value.pumpType, 'formData.value.pumpType'); -} - -function getUnitName(row) { - let unitName = ''; - switch (row.pumpType) { - case 'rain_water': - unitName = 'm³/s'; - break; - case 'sewage_water': - unitName = 'm³/s'; - break; - case 'drain_flooded': - unitName = 'm³/s'; - break; - } - - return `${row.designScale}${unitName}`; } onMounted(() => { getDataList(); - stationInfolistM(); }); - + diff --git a/src/views/floodSys/scada/pumpStationInformation/index.vue b/src/views/floodSys/scada/pumpStationInformation/index.vue index a172100..d6401b5 100644 --- a/src/views/floodSys/scada/pumpStationInformation/index.vue +++ b/src/views/floodSys/scada/pumpStationInformation/index.vue @@ -1,12 +1,10 @@ - - + + + + - - - - @@ -64,7 +62,7 @@ />
- + @@ -265,7 +263,7 @@ ]); let AllData = reactive({ formData: { rainpump: {}, temporarypump: {}, sweagepump: {}, handlepump: {} }, - queryParams: { pumpCode: '', pumpType: '', pageNum: 1, pageSize: 10 }, + queryParams: { pumpName: '', pumpType: '', pageNum: 1, pageSize: 10 }, formRules: { pumpName: [{ required: true, message: '请输入泵站名称', trigger: 'blur' }], pumpCode: [{ required: true, message: '请输入泵站编码', trigger: 'blur' }], @@ -292,7 +290,7 @@ }; //重置按钮 const resectClcik = () => { - queryParams.value.pumpCode = ''; + queryParams.value.pumpName = ''; queryParams.value.pumpType = ''; getDataList(); }; @@ -303,7 +301,6 @@ const res = await facilityPumpPage(queryParams.value); tableLoading.value = false; tableData.value = res.data; - total.value = res.total; }; @@ -417,44 +414,11 @@ isDisab.value = true; showDialog.value = true; formData.value = { ...row }; - console.log(formData.value, 'formData.value'); - - // formData.value.designHead = Number(row.designHead); - // formData.value.dayLarge = Number(row.dayLarge); - // formData.value.designPower = Number(row.designPower); - // formData.value.deviceCount = Number(row.deviceCount); - // formData.value.maxWaterlevel = Number(row.maxWaterlevel); - // formData.value.modelValue = Number(row.modelValue); - // formData.value.large = Number(row.large); - // console.log(formData.value.pumpType, 'formData.value.pumpType'); -} - -function getUnitName(row) { - let unitName = ''; - switch (row.pumpType) { - case 'rain_water': - unitName = 'm³/s'; - break; - case 'sewage_water': - unitName = 'm³/s'; - break; - case 'drain_flooded': - unitName = 'm³/s'; - break; - } - - return `${row.designScale}${unitName}`; } onMounted(() => { getDataList(); - stationInfolistM(); }); - + diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue index 804f7ca..568ddec 100644 --- a/src/views/sponeScreen/HaiMianScreen/index.vue +++ b/src/views/sponeScreen/HaiMianScreen/index.vue @@ -169,7 +169,7 @@ { name: '排水防涝', id: 4 }, { name: '长效运维', id: 5 }, ]); -const menuIndex = ref(1); +const menuIndex = ref(4); const showPanel = ref(false); const showLegend = ref(false); const showPipe = ref(false); diff --git a/src/views/floodSys/scada/pumpStationInformation/index.vue b/src/views/floodSys/scada/pumpStationInformation/index.vue index a172100..d6401b5 100644 --- a/src/views/floodSys/scada/pumpStationInformation/index.vue +++ b/src/views/floodSys/scada/pumpStationInformation/index.vue @@ -1,12 +1,10 @@ - - + + + + - - - - @@ -64,7 +62,7 @@ />
- + @@ -265,7 +263,7 @@ ]); let AllData = reactive({ formData: { rainpump: {}, temporarypump: {}, sweagepump: {}, handlepump: {} }, - queryParams: { pumpCode: '', pumpType: '', pageNum: 1, pageSize: 10 }, + queryParams: { pumpName: '', pumpType: '', pageNum: 1, pageSize: 10 }, formRules: { pumpName: [{ required: true, message: '请输入泵站名称', trigger: 'blur' }], pumpCode: [{ required: true, message: '请输入泵站编码', trigger: 'blur' }], @@ -292,7 +290,7 @@ }; //重置按钮 const resectClcik = () => { - queryParams.value.pumpCode = ''; + queryParams.value.pumpName = ''; queryParams.value.pumpType = ''; getDataList(); }; @@ -303,7 +301,6 @@ const res = await facilityPumpPage(queryParams.value); tableLoading.value = false; tableData.value = res.data; - total.value = res.total; }; @@ -417,44 +414,11 @@ isDisab.value = true; showDialog.value = true; formData.value = { ...row }; - console.log(formData.value, 'formData.value'); - - // formData.value.designHead = Number(row.designHead); - // formData.value.dayLarge = Number(row.dayLarge); - // formData.value.designPower = Number(row.designPower); - // formData.value.deviceCount = Number(row.deviceCount); - // formData.value.maxWaterlevel = Number(row.maxWaterlevel); - // formData.value.modelValue = Number(row.modelValue); - // formData.value.large = Number(row.large); - // console.log(formData.value.pumpType, 'formData.value.pumpType'); -} - -function getUnitName(row) { - let unitName = ''; - switch (row.pumpType) { - case 'rain_water': - unitName = 'm³/s'; - break; - case 'sewage_water': - unitName = 'm³/s'; - break; - case 'drain_flooded': - unitName = 'm³/s'; - break; - } - - return `${row.designScale}${unitName}`; } onMounted(() => { getDataList(); - stationInfolistM(); }); - + diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue index 804f7ca..568ddec 100644 --- a/src/views/sponeScreen/HaiMianScreen/index.vue +++ b/src/views/sponeScreen/HaiMianScreen/index.vue @@ -169,7 +169,7 @@ { name: '排水防涝', id: 4 }, { name: '长效运维', id: 5 }, ]); -const menuIndex = ref(1); +const menuIndex = ref(4); const showPanel = ref(false); const showLegend = ref(false); const showPipe = ref(false); diff --git a/src/views/sponeScreen/gisMF/cesiumPopup.vue b/src/views/sponeScreen/gisMF/cesiumPopup.vue index a849deb..0b71382 100644 --- a/src/views/sponeScreen/gisMF/cesiumPopup.vue +++ b/src/views/sponeScreen/gisMF/cesiumPopup.vue @@ -29,11 +29,14 @@
建筑面积:
{{ allData.dataList.buildArea }} ㎡
设计规模:
-
{{ JSON.parse(allData.dataList.rainpump).designScaleSecond }} m³/s
+
+ {{ allData.dataList.rainpump.designScaleSecond || allData.dataList.sweagepump.designScaleSecond || '--' }} + m³/s +
@@ -323,6 +326,10 @@ popupCenter = allData.dataList.lonLat.split(',').map(Number); center = [popupCenter[0] - 0.002, popupCenter[1] + 0.005]; } + if (allData.dataList.pumpCode) { + allData.dataList.rainpump = JSON.parse(allData.dataList.rainpump); + allData.dataList.sweagepump = JSON.parse(allData.dataList.sweagepump); + } window.window.pipePopup = new mapboxL7.Popup({ html: pipePopupDiv, diff --git a/src/views/floodSys/scada/pumpStationInformation/index.vue b/src/views/floodSys/scada/pumpStationInformation/index.vue index a172100..d6401b5 100644 --- a/src/views/floodSys/scada/pumpStationInformation/index.vue +++ b/src/views/floodSys/scada/pumpStationInformation/index.vue @@ -1,12 +1,10 @@
- - +
+ + + - - - - @@ -64,7 +62,7 @@ />
- + @@ -265,7 +263,7 @@ ]); let AllData = reactive({ formData: { rainpump: {}, temporarypump: {}, sweagepump: {}, handlepump: {} }, - queryParams: { pumpCode: '', pumpType: '', pageNum: 1, pageSize: 10 }, + queryParams: { pumpName: '', pumpType: '', pageNum: 1, pageSize: 10 }, formRules: { pumpName: [{ required: true, message: '请输入泵站名称', trigger: 'blur' }], pumpCode: [{ required: true, message: '请输入泵站编码', trigger: 'blur' }], @@ -292,7 +290,7 @@ }; //重置按钮 const resectClcik = () => { - queryParams.value.pumpCode = ''; + queryParams.value.pumpName = ''; queryParams.value.pumpType = ''; getDataList(); }; @@ -303,7 +301,6 @@ const res = await facilityPumpPage(queryParams.value); tableLoading.value = false; tableData.value = res.data; - total.value = res.total; }; @@ -417,44 +414,11 @@ isDisab.value = true; showDialog.value = true; formData.value = { ...row }; - console.log(formData.value, 'formData.value'); - - // formData.value.designHead = Number(row.designHead); - // formData.value.dayLarge = Number(row.dayLarge); - // formData.value.designPower = Number(row.designPower); - // formData.value.deviceCount = Number(row.deviceCount); - // formData.value.maxWaterlevel = Number(row.maxWaterlevel); - // formData.value.modelValue = Number(row.modelValue); - // formData.value.large = Number(row.large); - // console.log(formData.value.pumpType, 'formData.value.pumpType'); -} - -function getUnitName(row) { - let unitName = ''; - switch (row.pumpType) { - case 'rain_water': - unitName = 'm³/s'; - break; - case 'sewage_water': - unitName = 'm³/s'; - break; - case 'drain_flooded': - unitName = 'm³/s'; - break; - } - - return `${row.designScale}${unitName}`; } onMounted(() => { getDataList(); - stationInfolistM(); }); - + diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue index 804f7ca..568ddec 100644 --- a/src/views/sponeScreen/HaiMianScreen/index.vue +++ b/src/views/sponeScreen/HaiMianScreen/index.vue @@ -169,7 +169,7 @@ { name: '排水防涝', id: 4 }, { name: '长效运维', id: 5 }, ]); -const menuIndex = ref(1); +const menuIndex = ref(4); const showPanel = ref(false); const showLegend = ref(false); const showPipe = ref(false); diff --git a/src/views/sponeScreen/gisMF/cesiumPopup.vue b/src/views/sponeScreen/gisMF/cesiumPopup.vue index a849deb..0b71382 100644 --- a/src/views/sponeScreen/gisMF/cesiumPopup.vue +++ b/src/views/sponeScreen/gisMF/cesiumPopup.vue @@ -29,11 +29,14 @@
建筑面积:
{{ allData.dataList.buildArea }} ㎡
设计规模:
-
{{ JSON.parse(allData.dataList.rainpump).designScaleSecond }} m³/s
+
+ {{ allData.dataList.rainpump.designScaleSecond || allData.dataList.sweagepump.designScaleSecond || '--' }} + m³/s +
@@ -323,6 +326,10 @@ popupCenter = allData.dataList.lonLat.split(',').map(Number); center = [popupCenter[0] - 0.002, popupCenter[1] + 0.005]; } + if (allData.dataList.pumpCode) { + allData.dataList.rainpump = JSON.parse(allData.dataList.rainpump); + allData.dataList.sweagepump = JSON.parse(allData.dataList.sweagepump); + } window.window.pipePopup = new mapboxL7.Popup({ html: pipePopupDiv, diff --git a/src/views/sponeScreen/waterFlood/pipeDetail.vue b/src/views/sponeScreen/waterFlood/pipeDetail.vue index 20f8050..6a162ae 100644 --- a/src/views/sponeScreen/waterFlood/pipeDetail.vue +++ b/src/views/sponeScreen/waterFlood/pipeDetail.vue @@ -14,7 +14,7 @@ -
水深:5.5米
+
水深:3.5米
瞬时流量:0.06m³/s
diff --git a/src/views/floodSys/scada/pumpStationInformation/index.vue b/src/views/floodSys/scada/pumpStationInformation/index.vue index a172100..d6401b5 100644 --- a/src/views/floodSys/scada/pumpStationInformation/index.vue +++ b/src/views/floodSys/scada/pumpStationInformation/index.vue @@ -1,12 +1,10 @@
- - +
+ + + - - - - @@ -64,7 +62,7 @@ />
- + @@ -265,7 +263,7 @@ ]); let AllData = reactive({ formData: { rainpump: {}, temporarypump: {}, sweagepump: {}, handlepump: {} }, - queryParams: { pumpCode: '', pumpType: '', pageNum: 1, pageSize: 10 }, + queryParams: { pumpName: '', pumpType: '', pageNum: 1, pageSize: 10 }, formRules: { pumpName: [{ required: true, message: '请输入泵站名称', trigger: 'blur' }], pumpCode: [{ required: true, message: '请输入泵站编码', trigger: 'blur' }], @@ -292,7 +290,7 @@ }; //重置按钮 const resectClcik = () => { - queryParams.value.pumpCode = ''; + queryParams.value.pumpName = ''; queryParams.value.pumpType = ''; getDataList(); }; @@ -303,7 +301,6 @@ const res = await facilityPumpPage(queryParams.value); tableLoading.value = false; tableData.value = res.data; - total.value = res.total; }; @@ -417,44 +414,11 @@ isDisab.value = true; showDialog.value = true; formData.value = { ...row }; - console.log(formData.value, 'formData.value'); - - // formData.value.designHead = Number(row.designHead); - // formData.value.dayLarge = Number(row.dayLarge); - // formData.value.designPower = Number(row.designPower); - // formData.value.deviceCount = Number(row.deviceCount); - // formData.value.maxWaterlevel = Number(row.maxWaterlevel); - // formData.value.modelValue = Number(row.modelValue); - // formData.value.large = Number(row.large); - // console.log(formData.value.pumpType, 'formData.value.pumpType'); -} - -function getUnitName(row) { - let unitName = ''; - switch (row.pumpType) { - case 'rain_water': - unitName = 'm³/s'; - break; - case 'sewage_water': - unitName = 'm³/s'; - break; - case 'drain_flooded': - unitName = 'm³/s'; - break; - } - - return `${row.designScale}${unitName}`; } onMounted(() => { getDataList(); - stationInfolistM(); }); - + diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue index 804f7ca..568ddec 100644 --- a/src/views/sponeScreen/HaiMianScreen/index.vue +++ b/src/views/sponeScreen/HaiMianScreen/index.vue @@ -169,7 +169,7 @@ { name: '排水防涝', id: 4 }, { name: '长效运维', id: 5 }, ]); -const menuIndex = ref(1); +const menuIndex = ref(4); const showPanel = ref(false); const showLegend = ref(false); const showPipe = ref(false); diff --git a/src/views/sponeScreen/gisMF/cesiumPopup.vue b/src/views/sponeScreen/gisMF/cesiumPopup.vue index a849deb..0b71382 100644 --- a/src/views/sponeScreen/gisMF/cesiumPopup.vue +++ b/src/views/sponeScreen/gisMF/cesiumPopup.vue @@ -29,11 +29,14 @@
建筑面积:
{{ allData.dataList.buildArea }} ㎡
设计规模:
-
{{ JSON.parse(allData.dataList.rainpump).designScaleSecond }} m³/s
+
+ {{ allData.dataList.rainpump.designScaleSecond || allData.dataList.sweagepump.designScaleSecond || '--' }} + m³/s +
@@ -323,6 +326,10 @@ popupCenter = allData.dataList.lonLat.split(',').map(Number); center = [popupCenter[0] - 0.002, popupCenter[1] + 0.005]; } + if (allData.dataList.pumpCode) { + allData.dataList.rainpump = JSON.parse(allData.dataList.rainpump); + allData.dataList.sweagepump = JSON.parse(allData.dataList.sweagepump); + } window.window.pipePopup = new mapboxL7.Popup({ html: pipePopupDiv, diff --git a/src/views/sponeScreen/waterFlood/pipeDetail.vue b/src/views/sponeScreen/waterFlood/pipeDetail.vue index 20f8050..6a162ae 100644 --- a/src/views/sponeScreen/waterFlood/pipeDetail.vue +++ b/src/views/sponeScreen/waterFlood/pipeDetail.vue @@ -14,7 +14,7 @@ -
水深:5.5米
+
水深:3.5米
瞬时流量:0.06m³/s
diff --git a/src/views/sponeScreen/waterFlood/pumpProcess.vue b/src/views/sponeScreen/waterFlood/pumpProcess.vue index 04ade75..3576481 100644 --- a/src/views/sponeScreen/waterFlood/pumpProcess.vue +++ b/src/views/sponeScreen/waterFlood/pumpProcess.vue @@ -26,10 +26,12 @@
-
{{ JSON.parse(pumpObj.rainpump).collectionOut }}
+
{{ pumpObj.rainpump.collectionOut }}
+
{{ pumpObj.sweagepump.collectionOut }}
-
雨水池
+
雨水池
+
污水池
@@ -76,8 +78,8 @@
- -
+ +
水管 @@ -107,6 +109,38 @@
停止
+ + +
+
+ 水管 + +
+ + + +
+
+
{{ i }}污水泵
+
+
电流{{ item.dl }}
+
时长{{ item.hour }}
+
+
+ 泵机开启状态 + 泵机停止状态 +
就地
+
{{ item.status }}
+
停止
+
+
@@ -176,7 +210,7 @@ onMounted(() => { if (pumpObj.value.pumpCode == 'hdbz') { - // 假数据,演示用 + // 假数据,演示用,河大泵站 realYW.value = 5.19; pumpList.value = [ { status: '运行', dl: '88.1A', hour: '33:32:20' }, @@ -188,12 +222,33 @@ mainWater.value = true; pumpObj.value.rainpump = JSON.stringify({ collectionOut: '东护城河' }); detailObj.value.tt = '2024-08-20 12:20:32'; - } else { + } else if ( + pumpObj.value.pumpCode == 'BZKFHYG' || + pumpObj.value.pumpCode == 'BZKFDJG' || + pumpObj.value.pumpCode == 'BZKFMXJ' || + pumpObj.value.pumpCode == 'BZKFTBJ' + ) { + // 接入plc数据的泵站数据展示 getData(); // 定时刷新 timer.value = setInterval(() => { getData(); }, 5 * 60 * 1000); + } else { + pumpList.value = []; + // 其他普通泵站显示 + realYW.value = 5.19; + console.log(pumpObj.value.rainpump); + let total = pumpObj.value.rainpump.deviceCount || pumpObj.value.sweagepump.deviceCount; + for (let i = 0; i < total; i++) { + pumpList.value.push({ + status: '停止', + dl: '', + hour: '', + }); + } + detailObj.value.tt = '2024-08-20 12:20:32'; + console.log(pumpObj.value.rainpump.deviceCount); } });