所属雨水分区:
@@ -115,23 +141,24 @@
const chartInfo2 = ref({
refresh: 1,
- // DataName: "",
- XAxis: [],
- typeName: '小时降雨量(mm)',
- typeName2: '水深(m)',
- YAxis: [],
- YAxis2: [],
+ DataName: "",
+ XAxis: ["1:00", "3:00", "5:00", "7:00", "9:00", "11:00", "13:00", "15:00", "17:00"],
+ typeName: "降雨量",
+ YAxis: [0, 1, 6, 3, 4],
loading: false,
- marklineJYL: [],
- marklineSS: [],
+ yAxisarr: [],
+ marklinearr: [],
});
-let isEchart = ref(false);
+
let loadingEchart = ref(false);
+const showecharts = ref(false);
function getDataEchart() {
+ showecharts.value = false;
loadingEchart.value = true;
let params = {
stType: props.Getproperties.stType,
stCode: props.Getproperties.stCode,
+ dataCode: props.Getproperties.dataCode,
// start:'2024-09-01 12:12:12',
// end:'2024-12-01 12:12:12',
// dataCode:'reservoir_info',
@@ -140,126 +167,32 @@
start: Timers.value[0],
end: Timers.value[1],
};
- console.log('params', params);
- getEchart(params).then(
- res => {
- isEchart.value = true;
+ console.log("params", params);
- let res1 = {
- code: 200,
- msg: '操作成功',
- data: {
- datas: [
- {
- dataKey: 'z',
- dataName: '黄海水位',
- unit: '(m)',
- datas: ['0', '0', '1', '0', '2', '0.5', '0', '0', '0', '0.2'],
- cordonLineList: [
- {
- id: '1856620587907244131',
- cordonId: '1856647503229968394',
- lineName: '正常蓄水位',
- lineValue: '1.3',
- lineType: '2',
- lineColor: 'rgba(0, 255, 68, 1)',
- systemDefault: '0',
- code: 'normal_water_level',
- stConfig: 'z',
- calcType: '2',
- relateRainSiteSt: '4201110002',
- },
- {
- id: '1856620587932409132',
- cordonId: '1856647503229968394',
- lineName: '设计洪水位',
- lineValue: '1.8',
- lineType: '1',
- lineColor: 'rgba(221, 255, 0, 1)',
- systemDefault: '0',
- code: 'design_flood_level',
- stConfig: 'z',
- calcType: '2',
- relateRainSiteSt: '4201110002',
- },
- {
- id: '1856620587936604135',
- cordonId: '1856647503229968394',
- lineName: '校核洪水位',
- lineValue: '1.98',
- lineType: '1',
- lineColor: 'rgba(255, 191, 0, 1)',
- systemDefault: '0',
- code: 'verify_flood_level',
- stConfig: 'z',
- calcType: '2',
- relateRainSiteSt: '4201110002',
- },
- {
- id: '1856620587936604134',
- cordonId: '1856647503229968394',
- lineName: '坝顶高程',
- lineValue: '2.8',
- lineType: '1',
- lineColor: 'rgba(255, 81, 0, 1)',
- systemDefault: '0',
- code: 'dam_hight',
- stConfig: 'z',
- calcType: '2',
- relateRainSiteSt: '4201110002',
- },
- ],
- },
- {
- dataKey: 'pn05',
- dataName: '降雨量',
- unit: 'mm',
- datas: ['10', '5', '11', '2', '2', '20', '15', '0', '0', '0.2'],
- cordonLineList: [],
- },
- ],
- times: [
- '1732291200000',
- '1732291200000',
- '1732291800000',
- '1732292100000',
- '1732292400000',
- '1732292700000',
- '1732293000000',
- '1732293300000',
- '1732293600000',
- '1732293900000',
- ],
- },
- };
- console.log('监测分析统计res', res);
+ getEchart(params).then(
+ (res) => {
+ showecharts.value = true;
loadingEchart.value = false;
- if (res && res.code == 200) {
- let data = res.data;
- let pn05Arr = data.datas.find(item => item.dataKey == 'pn05') || []; //降雨
- let zArr = data.datas.find(item => item.dataKey == 'z') || []; //水深
- if (pn05Arr) {
- chartInfo2.value.YAxis = pn05Arr.datas;
- chartInfo2.value.marklineJYL = pn05Arr.cordonLineList;
- }
- if (zArr) {
- chartInfo2.value.YAxis2 = zArr.datas;
- chartInfo2.value.marklineSS = zArr.cordonLineList;
- }
+ console.log(res.data);
+ chartInfo2.value.XAxis = res.data.times;
+ chartInfo2.value.yAxisarr = res.data.datas;
- chartInfo2.value.XAxis = data.times;
- // console.log('chartInfo2123', chartInfo2.value);
- chartInfo2.value.refresh = Math.random();
- }
+ res.data.datas.map((item) => {
+ chartInfo2.value.marklinearr.push(...item.cordonLineList);
+ });
+
+ console.log("chartInfo2.value.marklinearr", chartInfo2.value.marklinearr);
+
+ chartInfo2.value.refresh = Math.random();
},
- error => {
+ (error) => {
loadingEchart.value = false;
}
);
}
onMounted(() => {
- // getDataEchart()
+ getDataEchart()
gitDataFun();
});
diff --git a/src/views/pictureOnMap/index.vue b/src/views/pictureOnMap/index.vue
index cfbc3ac..61e76f3 100644
--- a/src/views/pictureOnMap/index.vue
+++ b/src/views/pictureOnMap/index.vue
@@ -101,6 +101,9 @@
'gateStation', //闸门
'pump_water_level', //泵站液位
'outlet_water_level_city', //排口流量
+ "plcSewagePumpStation",//plc污水泵站
+ "plcRainPumpStation",//plc雨水泵站
+
]);
// 基本数据
const arrid = ref([
@@ -230,6 +233,15 @@
value: 'rainPumpStation', //雨水泵站
},
{
+ name: 'dp_bzgq', //泵站工情
+ value: "plcSewagePumpStation",//plc污水泵站
+ },
+ {
+ name: 'dp_bzgq', //泵站工情
+ value: "plcRainPumpStation",//plc雨水泵站
+ },
+
+ {
name: 'dp_gwfx', //管网风险
value: 'rainwater_pipeline_water_level', //雨水管网液位
},
diff --git a/src/views/pictureOnMap/page/components/DialogTabs/component/jiancefenxiBZ.vue b/src/views/pictureOnMap/page/components/DialogTabs/component/jiancefenxiBZ.vue
index 2dc702a..bb082cf 100644
--- a/src/views/pictureOnMap/page/components/DialogTabs/component/jiancefenxiBZ.vue
+++ b/src/views/pictureOnMap/page/components/DialogTabs/component/jiancefenxiBZ.vue
@@ -2,7 +2,33 @@
-
+
+
+
+
+
+
+
所属雨水分区:
@@ -115,23 +141,24 @@
const chartInfo2 = ref({
refresh: 1,
- // DataName: "",
- XAxis: [],
- typeName: '小时降雨量(mm)',
- typeName2: '水深(m)',
- YAxis: [],
- YAxis2: [],
+ DataName: "",
+ XAxis: ["1:00", "3:00", "5:00", "7:00", "9:00", "11:00", "13:00", "15:00", "17:00"],
+ typeName: "降雨量",
+ YAxis: [0, 1, 6, 3, 4],
loading: false,
- marklineJYL: [],
- marklineSS: [],
+ yAxisarr: [],
+ marklinearr: [],
});
-let isEchart = ref(false);
+
let loadingEchart = ref(false);
+const showecharts = ref(false);
function getDataEchart() {
+ showecharts.value = false;
loadingEchart.value = true;
let params = {
stType: props.Getproperties.stType,
stCode: props.Getproperties.stCode,
+ dataCode: props.Getproperties.dataCode,
// start:'2024-09-01 12:12:12',
// end:'2024-12-01 12:12:12',
// dataCode:'reservoir_info',
@@ -140,126 +167,32 @@
start: Timers.value[0],
end: Timers.value[1],
};
- console.log('params', params);
- getEchart(params).then(
- res => {
- isEchart.value = true;
+ console.log("params", params);
- let res1 = {
- code: 200,
- msg: '操作成功',
- data: {
- datas: [
- {
- dataKey: 'z',
- dataName: '黄海水位',
- unit: '(m)',
- datas: ['0', '0', '1', '0', '2', '0.5', '0', '0', '0', '0.2'],
- cordonLineList: [
- {
- id: '1856620587907244131',
- cordonId: '1856647503229968394',
- lineName: '正常蓄水位',
- lineValue: '1.3',
- lineType: '2',
- lineColor: 'rgba(0, 255, 68, 1)',
- systemDefault: '0',
- code: 'normal_water_level',
- stConfig: 'z',
- calcType: '2',
- relateRainSiteSt: '4201110002',
- },
- {
- id: '1856620587932409132',
- cordonId: '1856647503229968394',
- lineName: '设计洪水位',
- lineValue: '1.8',
- lineType: '1',
- lineColor: 'rgba(221, 255, 0, 1)',
- systemDefault: '0',
- code: 'design_flood_level',
- stConfig: 'z',
- calcType: '2',
- relateRainSiteSt: '4201110002',
- },
- {
- id: '1856620587936604135',
- cordonId: '1856647503229968394',
- lineName: '校核洪水位',
- lineValue: '1.98',
- lineType: '1',
- lineColor: 'rgba(255, 191, 0, 1)',
- systemDefault: '0',
- code: 'verify_flood_level',
- stConfig: 'z',
- calcType: '2',
- relateRainSiteSt: '4201110002',
- },
- {
- id: '1856620587936604134',
- cordonId: '1856647503229968394',
- lineName: '坝顶高程',
- lineValue: '2.8',
- lineType: '1',
- lineColor: 'rgba(255, 81, 0, 1)',
- systemDefault: '0',
- code: 'dam_hight',
- stConfig: 'z',
- calcType: '2',
- relateRainSiteSt: '4201110002',
- },
- ],
- },
- {
- dataKey: 'pn05',
- dataName: '降雨量',
- unit: 'mm',
- datas: ['10', '5', '11', '2', '2', '20', '15', '0', '0', '0.2'],
- cordonLineList: [],
- },
- ],
- times: [
- '1732291200000',
- '1732291200000',
- '1732291800000',
- '1732292100000',
- '1732292400000',
- '1732292700000',
- '1732293000000',
- '1732293300000',
- '1732293600000',
- '1732293900000',
- ],
- },
- };
- console.log('监测分析统计res', res);
+ getEchart(params).then(
+ (res) => {
+ showecharts.value = true;
loadingEchart.value = false;
- if (res && res.code == 200) {
- let data = res.data;
- let pn05Arr = data.datas.find(item => item.dataKey == 'pn05') || []; //降雨
- let zArr = data.datas.find(item => item.dataKey == 'z') || []; //水深
- if (pn05Arr) {
- chartInfo2.value.YAxis = pn05Arr.datas;
- chartInfo2.value.marklineJYL = pn05Arr.cordonLineList;
- }
- if (zArr) {
- chartInfo2.value.YAxis2 = zArr.datas;
- chartInfo2.value.marklineSS = zArr.cordonLineList;
- }
+ console.log(res.data);
+ chartInfo2.value.XAxis = res.data.times;
+ chartInfo2.value.yAxisarr = res.data.datas;
- chartInfo2.value.XAxis = data.times;
- // console.log('chartInfo2123', chartInfo2.value);
- chartInfo2.value.refresh = Math.random();
- }
+ res.data.datas.map((item) => {
+ chartInfo2.value.marklinearr.push(...item.cordonLineList);
+ });
+
+ console.log("chartInfo2.value.marklinearr", chartInfo2.value.marklinearr);
+
+ chartInfo2.value.refresh = Math.random();
},
- error => {
+ (error) => {
loadingEchart.value = false;
}
);
}
onMounted(() => {
- // getDataEchart()
+ getDataEchart()
gitDataFun();
});
diff --git a/vite.config.js b/vite.config.js
index 05e0c19..2190341 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -10,7 +10,7 @@
let ipLink = 'https://dhgx.wh-nf.cn:8201/prod-api';
// let ipLink = 'http://192.168.16.124:9100';
// let ipLink = 'http://192.168.20.43:9100'; // 刘总
-let ipLink = 'http://192.168.16.43:9100';
+// let ipLink = 'http://192.168.16.43:9100';
/* */
// https://vitejs.dev/config/