diff --git a/src/api/MonitoringAnalysis.js b/src/api/MonitoringAnalysis.js index b262c2c..56cbaf8 100644 --- a/src/api/MonitoringAnalysis.js +++ b/src/api/MonitoringAnalysis.js @@ -105,4 +105,11 @@ method: 'get', params, }); +} +export function pipelinePointPage(params) { + return request({ + url: `business/pipelinePoint/page`, + method: 'get', + params, + }); } \ No newline at end of file diff --git a/src/api/MonitoringAnalysis.js b/src/api/MonitoringAnalysis.js index b262c2c..56cbaf8 100644 --- a/src/api/MonitoringAnalysis.js +++ b/src/api/MonitoringAnalysis.js @@ -105,4 +105,11 @@ method: 'get', params, }); +} +export function pipelinePointPage(params) { + return request({ + url: `business/pipelinePoint/page`, + method: 'get', + params, + }); } \ No newline at end of file diff --git a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue index b627d68..031238e 100644 --- a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue +++ b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue @@ -128,7 +128,7 @@
-
-
+
+
水量分析
-
+
管网本底
-
-
+
+
+
类型:
+
+ {{ + AllData.GWBD.pointType == "YS" + ? "雨水管网" + : AllData.GWBD.pointType == "WS" + ? "污水管网" + : "--" + }} +
+
+
+
编号:
+
+ {{ AllData.GWBD.pointNumber ? AllData.GWBD.pointNumber : "--" }} +
+
+
+
年份:
+
+ {{ AllData.GWBD.buildTime ? AllData.GWBD.buildTime : "--" }} +
+
+
+
管径:
+
+ {{ AllData.GWBD.pipelineDiameter ? AllData.GWBD.pipelineDiameter : "--" }} +
+
+
+
材质:
+
+ {{ AllData.GWBD.pipelineTexture ? AllData.GWBD.pipelineTexture : "--" }} +
+
+
+
缺陷类型:
+
+ {{ AllData.GWBD.issueType ? AllData.GWBD.issueType : "--" }} +
+
+
+
标段片区:
+
+ {{ AllData.GWBD.roadName ? AllData.GWBD.roadName : "--" }} +
+
+
+
末次运维:
+
+ {{ AllData.GWBD.repairYear ? AllData.GWBD.repairYear : "--" }} +
+
+
+
+ + @@ -155,7 +211,6 @@ import bus from "@/bus"; // 引入接口 import * as MonitorAPI from "@/api/MonitoringAnalysis.js"; -import { getSectionByWellCode } from "@/api/MonitorAssetsOnMap"; // 引入echarts组件 // 纵向立体柱状体以及标线和折现 @@ -234,57 +289,22 @@ // yAxis3_line: ["90", "98", "110", "80", "60", "70"], // yAxis3_line_Name: "库容量", // yAxis3_line_Index: 1, - // // 二级 - // xAxis: ["王家店", "花山", "龙王咀", "左岭", "豹澥", "汤逊湖"], //X轴数据 - // y1_Unit: "m", //Y轴单位 - // y2_Unit: "万方", //2号Y轴单位 - // y2_show: false, //是否展示右侧的2号轴 - // yAxis1_bar: ["60", "40", "50", "60", "80", "70"], //数据1 - // yAxis1_bar_Name: "点位数", //数据1的名称 - // yAxis1_bar_index: 0, - // yAxis2_bar: ["20", "20", "20", "20", "20", "20"], //数据2 - // yAxis2_bar_Name: "运行风险数", //数据1的名称 - // yAxis2_bar_index: 0, - // yAxis2_line: null, - // yAxis2_line_Name: "", - // yAxis2_line_Index: 0, - // yAxis3_line: null, - // yAxis3_line_Name: "", - // yAxis3_line_Index: 0, - // // 三级 - // xAxis: ["王家店", "花山", "龙王咀", "左岭", "豹澥", "汤逊湖"], //X轴数据 - // y1_Unit: "个", //Y轴单位 - // y2_Unit: "万方", //2号Y轴单位 - // y2_show: true, //是否展示右侧的2号轴 - // yAxis1_bar: ["60", "40", "50", "60", "80", "70"], //数据1 - // yAxis1_bar_Name: "监测点位", //数据1的名称 - // yAxis1_bar_index: 0, - // yAxis2_bar: null, //数据2 - // yAxis2_bar_Name: "", //数据1的名称 - // yAxis2_bar_index: 0, - // yAxis2_line: [80, 40, 60, 50, 80, 40], - // yAxis2_line_Name: "进水", - // yAxis2_line_Index: 1, - // yAxis3_line: [90, 50, 70, 60, 90, 50], - // yAxis3_line_Name: "出水", - // yAxis3_line_Index: 1, - // 四级 - xAxis: ["王家店", "花山", "龙王咀", "左岭", "豹澥", "汤逊湖"], //X轴数据 - y1_Unit: "个", //Y轴单位 - y2_Unit: "万方", //2号Y轴单位 - y2_show: true, //是否展示右侧的2号轴 - yAxis1_bar: ["60", "40", "50", "60", "80", "70"], //数据1 - yAxis1_bar_Name: "接驳点位", //数据1的名称 + xAxis: [], //X轴数据 + y1_Unit: "", //Y轴单位 + y2_Unit: "", //Y轴单位 + y2_show: false, + yAxis1_bar: [], //数据1 + yAxis1_bar_Name: "", //数据1的名称 yAxis1_bar_index: 0, yAxis2_bar: null, //数据2 yAxis2_bar_Name: "", //数据1的名称 yAxis2_bar_index: 0, yAxis2_line: null, yAxis2_line_Name: "", - yAxis2_line_Index: 1, - yAxis3_line: [90, 50, 70, 60, 90, 50], - yAxis3_line_Name: "出水量", - yAxis3_line_Index: 1, + yAxis2_line_Index: 0, + yAxis3_line: null, + yAxis3_line_Name: "", + yAxis3_line_Index: 0, }, refresh1: 0, ClickData1: "dgtxg", @@ -300,60 +320,28 @@ ClickData2: "dgtxg", // 河湖排口 chartData3: { - // // 一级 - // xAxis: ["王家店", "花山", "龙王咀", "左岭", "豹澥", "汤逊湖"], //X轴数据 - // y1_Unit: "m", //Y轴单位 - // y2_Unit: "万方", //Y轴单位 - // y2_show: true, - // yAxis1_bar: ["60", "40", "50", "60", "80", "70"], //数据1 - // yAxis1_bar_Name: "排口", //数据1的名称 - // yAxis1_bar_index: 0, - // yAxis2_bar: ["20", "20", "20", "20", "20", "20"], //数据2 - // yAxis2_bar_Name: "风险排口", //数据1的名称 - // yAxis2_bar_index: 0, - // yAxis2_line: null, - // yAxis2_line_Name: "设防水位", - // yAxis2_line_Index: 0, - // yAxis3_line: ["90", "98", "110", "80", "60", "70"], - // yAxis3_line_Name: "库容量", - // yAxis3_line_Index: 1, - // // 二级 - // xAxis: ["王家店", "花山", "龙王咀", "左岭", "豹澥", "汤逊湖"], //X轴数据 - // y1_Unit: "m", //Y轴单位 - // y2_Unit: "万方", //Y轴单位 - // y2_show: true, - // yAxis1_bar: ["60", "40", "50", "60", "80", "70"], //数据1 - // yAxis1_bar_Name: "排口", //数据1的名称 - // yAxis1_bar_index: 0, - // yAxis2_bar: ["20", "20", "20", "20", "20", "20"], //数据2 - // yAxis2_bar_Name: "风险排口", //数据1的名称 - // yAxis2_bar_index: 0, - // yAxis2_line: null, - // yAxis2_line_Name: "设防水位", - // yAxis2_line_Index: 0, - // yAxis3_line: ["90", "98", "110", "80", "60", "70"], - // yAxis3_line_Name: "进水量", - // yAxis3_line_Index: 1, // 三级 - xAxis: ["王家店", "花山", "龙王咀", "左岭", "豹澥", "汤逊湖"], //X轴数据 - y1_Unit: "个", //Y轴单位 - y2_Unit: "万方", //Y轴单位 + xAxis: [], //X轴数据 + y1_Unit: "", //Y轴单位 + y2_Unit: "", //Y轴单位 y2_show: false, - yAxis1_bar: ["60", "40", "50", "60", "80", "70"], //数据1 - yAxis1_bar_Name: "渍水风险点", //数据1的名称 + yAxis1_bar: [], //数据1 + yAxis1_bar_Name: "", //数据1的名称 yAxis1_bar_index: 0, yAxis2_bar: null, //数据2 - yAxis2_bar_Name: "风险排口", //数据1的名称 + yAxis2_bar_Name: "", //数据1的名称 yAxis2_bar_index: 0, yAxis2_line: null, - yAxis2_line_Name: "设防水位", + yAxis2_line_Name: "", yAxis2_line_Index: 0, yAxis3_line: null, - yAxis3_line_Name: "进水量", - yAxis3_line_Index: 1, + yAxis3_line_Name: "", + yAxis3_line_Index: 0, }, refresh3: 0, ClickData3: "dgtxg", + GWBD: {}, + SLFX: {}, }); // 面包屑点击事件 const MBClick = (item) => { @@ -601,9 +589,12 @@ AllData.RightShow = true; // Row.properties.wellCode // 获取管网信息 - getSectionByWellCode(Row.properties.wellcode).then((res) => { - console.log("res.data", res.data); - GetpoumianList.value = res.data; + MonitorAPI.pipelinePointPage({ + pointNumber: Row.properties.wellCode, + }).then((res) => { + if (res && res.code == 200) { + AllData.GWBD = res.data[0]; + } }); // 上下游水量分析 getDataSXY(); @@ -979,6 +970,11 @@ color: #2291e1; } } + .crumbs2 { + font-weight: bold; + font-size: 20px; + color: #ffffff; + } } .modular1, .modular2, @@ -999,6 +995,141 @@ font-weight: 300; font-size: 12px; } + + .ListInfo100 { + width: 100%; + height: 30px; + float: left; + margin-top: 10px; + display: flex; + flex-direction: row; + flex-wrap: nowrap; + align-items: center; + justify-content: flex-start; + } + .ListInfo50 { + width: 50%; + height: 30px; + float: left; + margin-top: 10px; + display: flex; + flex-direction: row; + flex-wrap: nowrap; + align-items: center; + justify-content: flex-start; + } + + .ListInfo_label { + width: 75px; + height: 30px; + line-height: 30px; + text-align: center; + font-family: Source Han Sans CN; + font-weight: bold; + font-size: 14px; + color: #ccdfff; + } + .ListInfo_value { + width: calc(100% - 75px); + height: 30px; + background: #0d2359; + border-radius: 6px; + border: 1px solid #0b9bff; + box-sizing: border-box; + padding: 5px; + font-family: Source Han Sans CN; + font-weight: 400; + font-size: 14px; + color: #00fcff; + } + } + } + + .modular1_right { + width: 100%; + height: calc(100% - 484px); + } + .modular2_right { + width: 100%; + height: 180px; + .modularBody { + width: 100%; + height: calc(100% - 50px); + + .FontText { + width: 100%; + height: 20px; + line-height: 20px; + text-align: right; + color: rgb(110, 230, 230); + font-weight: 300; + font-size: 12px; + } + } + } + .modular3_right { + width: 100%; + height: 260px; + .modularBody { + width: 100%; + height: calc(100% - 50px); + + .FontText { + width: 100%; + height: 20px; + line-height: 20px; + text-align: right; + color: rgb(110, 230, 230); + font-weight: 300; + font-size: 12px; + } + + .ListInfo100 { + width: 100%; + height: 30px; + float: left; + margin-top: 10px; + display: flex; + flex-direction: row; + flex-wrap: nowrap; + align-items: center; + justify-content: flex-start; + } + .ListInfo50 { + width: 50%; + height: 30px; + float: left; + margin-top: 10px; + display: flex; + flex-direction: row; + flex-wrap: nowrap; + align-items: center; + justify-content: flex-start; + } + + .ListInfo_label { + width: 75px; + height: 30px; + line-height: 30px; + text-align: center; + font-family: Source Han Sans CN; + font-weight: bold; + font-size: 14px; + color: #ccdfff; + } + .ListInfo_value { + width: calc(100% - 75px); + height: 30px; + background: #0d2359; + border-radius: 6px; + border: 1px solid #0b9bff; + box-sizing: border-box; + padding: 5px; + font-family: Source Han Sans CN; + font-weight: 400; + font-size: 14px; + color: #00fcff; + } } } }