diff --git a/src/api/MonitoringAnalysis.js b/src/api/MonitoringAnalysis.js index 9e999e6..3a6a7ad 100644 --- a/src/api/MonitoringAnalysis.js +++ b/src/api/MonitoringAnalysis.js @@ -136,4 +136,12 @@ method: 'get', params, }); +} + +export function siteWaterYieldAnalysisByDate(params) { + return request({ + url: `business/monitorData/siteWaterYieldAnalysisByDate`, + method: 'get', + params, + }); } \ No newline at end of file diff --git a/src/api/MonitoringAnalysis.js b/src/api/MonitoringAnalysis.js index 9e999e6..3a6a7ad 100644 --- a/src/api/MonitoringAnalysis.js +++ b/src/api/MonitoringAnalysis.js @@ -136,4 +136,12 @@ method: 'get', params, }); +} + +export function siteWaterYieldAnalysisByDate(params) { + return request({ + url: `business/monitorData/siteWaterYieldAnalysisByDate`, + method: 'get', + params, + }); } \ No newline at end of file diff --git a/src/views/pictureOnMap/index.vue b/src/views/pictureOnMap/index.vue index 5de5268..4c0219f 100644 --- a/src/views/pictureOnMap/index.vue +++ b/src/views/pictureOnMap/index.vue @@ -132,7 +132,7 @@ console.log("arrid.value", arrid.value); // debugger; if ( - type == "rain_water_pump_station_info" && + (type == "rain_water_pump_station_info" || type == "sewage_pump_station_info") && router.currentRoute.value.fullPath == "/DrainageSystem" && localStorage.getItem("ReturnPSTX") == "off" ) { diff --git a/src/api/MonitoringAnalysis.js b/src/api/MonitoringAnalysis.js index 9e999e6..3a6a7ad 100644 --- a/src/api/MonitoringAnalysis.js +++ b/src/api/MonitoringAnalysis.js @@ -136,4 +136,12 @@ method: 'get', params, }); +} + +export function siteWaterYieldAnalysisByDate(params) { + return request({ + url: `business/monitorData/siteWaterYieldAnalysisByDate`, + method: 'get', + params, + }); } \ No newline at end of file diff --git a/src/views/pictureOnMap/index.vue b/src/views/pictureOnMap/index.vue index 5de5268..4c0219f 100644 --- a/src/views/pictureOnMap/index.vue +++ b/src/views/pictureOnMap/index.vue @@ -132,7 +132,7 @@ console.log("arrid.value", arrid.value); // debugger; if ( - type == "rain_water_pump_station_info" && + (type == "rain_water_pump_station_info" || type == "sewage_pump_station_info") && router.currentRoute.value.fullPath == "/DrainageSystem" && localStorage.getItem("ReturnPSTX") == "off" ) { diff --git a/src/views/pictureOnMap/inputSearch.vue b/src/views/pictureOnMap/inputSearch.vue index ddff7d5..8a5a6f5 100644 --- a/src/views/pictureOnMap/inputSearch.vue +++ b/src/views/pictureOnMap/inputSearch.vue @@ -198,7 +198,6 @@ } .selectTabs { position: absolute; - width: 100%; left: 0; top: 0; diff --git a/src/api/MonitoringAnalysis.js b/src/api/MonitoringAnalysis.js index 9e999e6..3a6a7ad 100644 --- a/src/api/MonitoringAnalysis.js +++ b/src/api/MonitoringAnalysis.js @@ -136,4 +136,12 @@ method: 'get', params, }); +} + +export function siteWaterYieldAnalysisByDate(params) { + return request({ + url: `business/monitorData/siteWaterYieldAnalysisByDate`, + method: 'get', + params, + }); } \ No newline at end of file diff --git a/src/views/pictureOnMap/index.vue b/src/views/pictureOnMap/index.vue index 5de5268..4c0219f 100644 --- a/src/views/pictureOnMap/index.vue +++ b/src/views/pictureOnMap/index.vue @@ -132,7 +132,7 @@ console.log("arrid.value", arrid.value); // debugger; if ( - type == "rain_water_pump_station_info" && + (type == "rain_water_pump_station_info" || type == "sewage_pump_station_info") && router.currentRoute.value.fullPath == "/DrainageSystem" && localStorage.getItem("ReturnPSTX") == "off" ) { diff --git a/src/views/pictureOnMap/inputSearch.vue b/src/views/pictureOnMap/inputSearch.vue index ddff7d5..8a5a6f5 100644 --- a/src/views/pictureOnMap/inputSearch.vue +++ b/src/views/pictureOnMap/inputSearch.vue @@ -198,7 +198,6 @@ } .selectTabs { position: absolute; - width: 100%; left: 0; top: 0; diff --git a/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue b/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue index 9ecae08..b263c92 100644 --- a/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue +++ b/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue @@ -132,30 +132,38 @@
水量分析
-
- - {{ AllData.SLFX.upstreamSiteWaterYield }} + + {{ + AllData.SLFX.nowDay ? AllData.SLFX.nowDay : "--" + }} 万吨
-
收水量
+
今日水量
- - {{ AllData.SLFX.siteWaterYield }} + + {{ + AllData.SLFX.yesterday ? AllData.SLFX.yesterday : "--" + }} 万吨
-
当前站点水量
+
昨日水量
+
+
+
+ + {{ + AllData.SLFX.average ? AllData.SLFX.average : "--" + }} + + 万吨 +
+
7日平均水量
@@ -189,7 +197,7 @@
站点编号:
- {{ AllData.GWBD.stCode ? AllData.GWBD.stCode : "--" }} + {{ AllData.RightStCode ? AllData.RightStCode : "--" }}
@@ -218,15 +226,15 @@
-
标段片区:
+
所在道路:
{{ AllData.GWBD.roadName ? AllData.GWBD.roadName : "--" }}
-
末次运维:
+
所属标段:
- {{ AllData.GWBD.repairYear ? AllData.GWBD.repairYear : "--" }} + {{ AllData.GWBD.watchAreaName ? AllData.GWBD.watchAreaName : "--" }}
@@ -293,6 +301,7 @@ RightShow: false, //右侧面板是否显示--基于是否选择站点进行判断 RightShowID: "", RightShowType: "", + RightStCode: "", TitleName: [ { abbreviation: "高新区", //分区缩写-动态 @@ -667,7 +676,9 @@ // 说明是同样的一个点点了两次,所以进行关闭 AllData.RightShow = false; AllData.RightShowID = ""; + AllData.RightStCode = ""; } else { + AllData.RightStCode = Row.properties.stCode; // 管点 if (Row.properties.pointType == "sewage_pipeline_quality") { AllData.ClicksiteName = Row.properties.name; @@ -690,13 +701,13 @@ pointType: "--", pointNumber: "--", stAsName: "--", - stCode: "--", + stCode: AllData.RightStCode || "--", buildTime: "--", pipelineDiameter: "--", pipelineTexture: "--", issueType: "--", roadName: "--", - repairYear: "--", + watchAreaName: "--", }; } @@ -1015,11 +1026,11 @@ }; // 获取数据 刘芳阳 上下游分析 const getDataSXY = (row) => { - MonitorAPI.siteWaterYieldAnalysis({ + MonitorAPI.siteWaterYieldAnalysisByDate({ stCode: row.stCode, - stType: row.pointType, - start: moment().format("YYYY-MM-DD") + " 00:00:00", - end: moment().format("YYYY-MM-DD") + " 23:59:59", + // stType: row.pointType, + // start: moment().format("YYYY-MM-DD") + " 00:00:00", + // end: moment().format("YYYY-MM-DD") + " 23:59:59", }).then((res) => { if (res && res.code == 200) { AllData.SLFX = res.data; @@ -1120,11 +1131,13 @@ stName: AllData.ClicksiteName, dataCode: "", stType: AllData.RightShowType, - stCode: AllData.GWBD.stCode, + stCode: AllData.RightStCode, wellCode: "", id: AllData.RightShowID, dataId: "", + RefName: "jiancefenxiGWFX", }; + localStorage.setItem("ReturnPSTX", "On"); //On打开公共弹窗 off不打开公共弹窗 默认为On bus.emit("DynamicBus", params); }; onMounted(() => { diff --git a/src/api/MonitoringAnalysis.js b/src/api/MonitoringAnalysis.js index 9e999e6..3a6a7ad 100644 --- a/src/api/MonitoringAnalysis.js +++ b/src/api/MonitoringAnalysis.js @@ -136,4 +136,12 @@ method: 'get', params, }); +} + +export function siteWaterYieldAnalysisByDate(params) { + return request({ + url: `business/monitorData/siteWaterYieldAnalysisByDate`, + method: 'get', + params, + }); } \ No newline at end of file diff --git a/src/views/pictureOnMap/index.vue b/src/views/pictureOnMap/index.vue index 5de5268..4c0219f 100644 --- a/src/views/pictureOnMap/index.vue +++ b/src/views/pictureOnMap/index.vue @@ -132,7 +132,7 @@ console.log("arrid.value", arrid.value); // debugger; if ( - type == "rain_water_pump_station_info" && + (type == "rain_water_pump_station_info" || type == "sewage_pump_station_info") && router.currentRoute.value.fullPath == "/DrainageSystem" && localStorage.getItem("ReturnPSTX") == "off" ) { diff --git a/src/views/pictureOnMap/inputSearch.vue b/src/views/pictureOnMap/inputSearch.vue index ddff7d5..8a5a6f5 100644 --- a/src/views/pictureOnMap/inputSearch.vue +++ b/src/views/pictureOnMap/inputSearch.vue @@ -198,7 +198,6 @@ } .selectTabs { position: absolute; - width: 100%; left: 0; top: 0; diff --git a/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue b/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue index 9ecae08..b263c92 100644 --- a/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue +++ b/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue @@ -132,30 +132,38 @@
水量分析
-
- - {{ AllData.SLFX.upstreamSiteWaterYield }} + + {{ + AllData.SLFX.nowDay ? AllData.SLFX.nowDay : "--" + }} 万吨
-
收水量
+
今日水量
- - {{ AllData.SLFX.siteWaterYield }} + + {{ + AllData.SLFX.yesterday ? AllData.SLFX.yesterday : "--" + }} 万吨
-
当前站点水量
+
昨日水量
+
+
+
+ + {{ + AllData.SLFX.average ? AllData.SLFX.average : "--" + }} + + 万吨 +
+
7日平均水量
@@ -189,7 +197,7 @@
站点编号:
- {{ AllData.GWBD.stCode ? AllData.GWBD.stCode : "--" }} + {{ AllData.RightStCode ? AllData.RightStCode : "--" }}
@@ -218,15 +226,15 @@
-
标段片区:
+
所在道路:
{{ AllData.GWBD.roadName ? AllData.GWBD.roadName : "--" }}
-
末次运维:
+
所属标段:
- {{ AllData.GWBD.repairYear ? AllData.GWBD.repairYear : "--" }} + {{ AllData.GWBD.watchAreaName ? AllData.GWBD.watchAreaName : "--" }}
@@ -293,6 +301,7 @@ RightShow: false, //右侧面板是否显示--基于是否选择站点进行判断 RightShowID: "", RightShowType: "", + RightStCode: "", TitleName: [ { abbreviation: "高新区", //分区缩写-动态 @@ -667,7 +676,9 @@ // 说明是同样的一个点点了两次,所以进行关闭 AllData.RightShow = false; AllData.RightShowID = ""; + AllData.RightStCode = ""; } else { + AllData.RightStCode = Row.properties.stCode; // 管点 if (Row.properties.pointType == "sewage_pipeline_quality") { AllData.ClicksiteName = Row.properties.name; @@ -690,13 +701,13 @@ pointType: "--", pointNumber: "--", stAsName: "--", - stCode: "--", + stCode: AllData.RightStCode || "--", buildTime: "--", pipelineDiameter: "--", pipelineTexture: "--", issueType: "--", roadName: "--", - repairYear: "--", + watchAreaName: "--", }; } @@ -1015,11 +1026,11 @@ }; // 获取数据 刘芳阳 上下游分析 const getDataSXY = (row) => { - MonitorAPI.siteWaterYieldAnalysis({ + MonitorAPI.siteWaterYieldAnalysisByDate({ stCode: row.stCode, - stType: row.pointType, - start: moment().format("YYYY-MM-DD") + " 00:00:00", - end: moment().format("YYYY-MM-DD") + " 23:59:59", + // stType: row.pointType, + // start: moment().format("YYYY-MM-DD") + " 00:00:00", + // end: moment().format("YYYY-MM-DD") + " 23:59:59", }).then((res) => { if (res && res.code == 200) { AllData.SLFX = res.data; @@ -1120,11 +1131,13 @@ stName: AllData.ClicksiteName, dataCode: "", stType: AllData.RightShowType, - stCode: AllData.GWBD.stCode, + stCode: AllData.RightStCode, wellCode: "", id: AllData.RightShowID, dataId: "", + RefName: "jiancefenxiGWFX", }; + localStorage.setItem("ReturnPSTX", "On"); //On打开公共弹窗 off不打开公共弹窗 默认为On bus.emit("DynamicBus", params); }; onMounted(() => { diff --git a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue index 8d14263..7061aec 100644 --- a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue +++ b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue @@ -148,44 +148,38 @@
水量分析
- -
-
- - {{ AllData.SLFX.upstreamSiteWaterYield }} - - 万吨 -
-
上游水量
-
- - {{ AllData.SLFX.siteWaterYield }} - - 万吨 -
-
当前站点水量
-
-
-
- + {{ - AllData.SLFX.downstreamSiteWaterYield + AllData.SLFX.nowDay ? AllData.SLFX.nowDay : "--" }} 万吨
-
下游水量
+
今日水量
+
+
+
+ + {{ + AllData.SLFX.yesterday ? AllData.SLFX.yesterday : "--" + }} + + 万吨 +
+
昨日水量
+
+
+
+ + {{ + AllData.SLFX.average ? AllData.SLFX.average : "--" + }} + + 万吨 +
+
7日平均水量
@@ -219,7 +213,7 @@
站点编号:
- {{ AllData.GWBD.stCode ? AllData.GWBD.stCode : "--" }} + {{ AllData.RightStCode ? AllData.RightStCode : "--" }}
@@ -248,15 +242,15 @@
-
标段片区:
+
所在道路:
{{ AllData.GWBD.roadName ? AllData.GWBD.roadName : "--" }}
-
末次运维:
+
所属标段:
- {{ AllData.GWBD.repairYear ? AllData.GWBD.repairYear : "--" }} + {{ AllData.GWBD.watchAreaName ? AllData.GWBD.watchAreaName : "--" }}
@@ -353,6 +347,7 @@ RightShow: false, //右侧面板是否显示--基于是否选择站点进行判断 RightShowID: "", RightShowType: "", + RightStCode: "", TitleName: [ { abbreviation: "高新区", //分区缩写-动态 @@ -729,7 +724,9 @@ AllData.RightShow = false; AllData.RightShowID = ""; AllData.RightShowType = ""; + AllData.RightStCode = ""; } else { + AllData.RightStCode = Row.properties.stCode; // 管点 if (Row.properties.pointType == "rainwater_pipeline_quality") { AllData.ClicksiteName = Row.properties.name; @@ -751,13 +748,13 @@ pointType: "--", pointNumber: "--", stAsName: "--", - stCode: "--", + stCode: AllData.RightStCode || "--", buildTime: "--", pipelineDiameter: "--", pipelineTexture: "--", issueType: "--", roadName: "--", - repairYear: "--", + watchAreaName: "--", }; } // 根据type 判断是管井还是接驳口 @@ -1153,11 +1150,11 @@ }; // 获取数据 刘芳阳 上下游分析 const getDataSXY = (row) => { - MonitorAPI.siteWaterYieldAnalysis({ + MonitorAPI.siteWaterYieldAnalysisByDate({ stCode: row.stCode, - stType: row.pointType, - start: moment().format("YYYY-MM-DD") + " 00:00:00", - end: moment().format("YYYY-MM-DD") + " 23:59:59", + // stType: row.pointType, + // start: moment().format("YYYY-MM-DD") + " 00:00:00", + // end: moment().format("YYYY-MM-DD") + " 23:59:59", }).then((res) => { if (res && res.code == 200) { AllData.SLFX = res.data; @@ -1257,10 +1254,11 @@ stName: AllData.ClicksiteName, dataCode: "", stType: AllData.RightShowType, - stCode: AllData.GWBD.stCode, + stCode: AllData.RightStCode, wellCode: "", id: AllData.RightShowID, dataId: "", + RefName: "jiancefenxiGWFX", }; localStorage.setItem("ReturnPSTX", "On"); //On打开公共弹窗 off不打开公共弹窗 默认为On bus.emit("DynamicBus", params); diff --git a/src/api/MonitoringAnalysis.js b/src/api/MonitoringAnalysis.js index 9e999e6..3a6a7ad 100644 --- a/src/api/MonitoringAnalysis.js +++ b/src/api/MonitoringAnalysis.js @@ -136,4 +136,12 @@ method: 'get', params, }); +} + +export function siteWaterYieldAnalysisByDate(params) { + return request({ + url: `business/monitorData/siteWaterYieldAnalysisByDate`, + method: 'get', + params, + }); } \ No newline at end of file diff --git a/src/views/pictureOnMap/index.vue b/src/views/pictureOnMap/index.vue index 5de5268..4c0219f 100644 --- a/src/views/pictureOnMap/index.vue +++ b/src/views/pictureOnMap/index.vue @@ -132,7 +132,7 @@ console.log("arrid.value", arrid.value); // debugger; if ( - type == "rain_water_pump_station_info" && + (type == "rain_water_pump_station_info" || type == "sewage_pump_station_info") && router.currentRoute.value.fullPath == "/DrainageSystem" && localStorage.getItem("ReturnPSTX") == "off" ) { diff --git a/src/views/pictureOnMap/inputSearch.vue b/src/views/pictureOnMap/inputSearch.vue index ddff7d5..8a5a6f5 100644 --- a/src/views/pictureOnMap/inputSearch.vue +++ b/src/views/pictureOnMap/inputSearch.vue @@ -198,7 +198,6 @@ } .selectTabs { position: absolute; - width: 100%; left: 0; top: 0; diff --git a/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue b/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue index 9ecae08..b263c92 100644 --- a/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue +++ b/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue @@ -132,30 +132,38 @@
水量分析
-
- - {{ AllData.SLFX.upstreamSiteWaterYield }} + + {{ + AllData.SLFX.nowDay ? AllData.SLFX.nowDay : "--" + }} 万吨
-
收水量
+
今日水量
- - {{ AllData.SLFX.siteWaterYield }} + + {{ + AllData.SLFX.yesterday ? AllData.SLFX.yesterday : "--" + }} 万吨
-
当前站点水量
+
昨日水量
+
+
+
+ + {{ + AllData.SLFX.average ? AllData.SLFX.average : "--" + }} + + 万吨 +
+
7日平均水量
@@ -189,7 +197,7 @@
站点编号:
- {{ AllData.GWBD.stCode ? AllData.GWBD.stCode : "--" }} + {{ AllData.RightStCode ? AllData.RightStCode : "--" }}
@@ -218,15 +226,15 @@
-
标段片区:
+
所在道路:
{{ AllData.GWBD.roadName ? AllData.GWBD.roadName : "--" }}
-
末次运维:
+
所属标段:
- {{ AllData.GWBD.repairYear ? AllData.GWBD.repairYear : "--" }} + {{ AllData.GWBD.watchAreaName ? AllData.GWBD.watchAreaName : "--" }}
@@ -293,6 +301,7 @@ RightShow: false, //右侧面板是否显示--基于是否选择站点进行判断 RightShowID: "", RightShowType: "", + RightStCode: "", TitleName: [ { abbreviation: "高新区", //分区缩写-动态 @@ -667,7 +676,9 @@ // 说明是同样的一个点点了两次,所以进行关闭 AllData.RightShow = false; AllData.RightShowID = ""; + AllData.RightStCode = ""; } else { + AllData.RightStCode = Row.properties.stCode; // 管点 if (Row.properties.pointType == "sewage_pipeline_quality") { AllData.ClicksiteName = Row.properties.name; @@ -690,13 +701,13 @@ pointType: "--", pointNumber: "--", stAsName: "--", - stCode: "--", + stCode: AllData.RightStCode || "--", buildTime: "--", pipelineDiameter: "--", pipelineTexture: "--", issueType: "--", roadName: "--", - repairYear: "--", + watchAreaName: "--", }; } @@ -1015,11 +1026,11 @@ }; // 获取数据 刘芳阳 上下游分析 const getDataSXY = (row) => { - MonitorAPI.siteWaterYieldAnalysis({ + MonitorAPI.siteWaterYieldAnalysisByDate({ stCode: row.stCode, - stType: row.pointType, - start: moment().format("YYYY-MM-DD") + " 00:00:00", - end: moment().format("YYYY-MM-DD") + " 23:59:59", + // stType: row.pointType, + // start: moment().format("YYYY-MM-DD") + " 00:00:00", + // end: moment().format("YYYY-MM-DD") + " 23:59:59", }).then((res) => { if (res && res.code == 200) { AllData.SLFX = res.data; @@ -1120,11 +1131,13 @@ stName: AllData.ClicksiteName, dataCode: "", stType: AllData.RightShowType, - stCode: AllData.GWBD.stCode, + stCode: AllData.RightStCode, wellCode: "", id: AllData.RightShowID, dataId: "", + RefName: "jiancefenxiGWFX", }; + localStorage.setItem("ReturnPSTX", "On"); //On打开公共弹窗 off不打开公共弹窗 默认为On bus.emit("DynamicBus", params); }; onMounted(() => { diff --git a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue index 8d14263..7061aec 100644 --- a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue +++ b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue @@ -148,44 +148,38 @@
水量分析
- -
-
- - {{ AllData.SLFX.upstreamSiteWaterYield }} - - 万吨 -
-
上游水量
-
- - {{ AllData.SLFX.siteWaterYield }} - - 万吨 -
-
当前站点水量
-
-
-
- + {{ - AllData.SLFX.downstreamSiteWaterYield + AllData.SLFX.nowDay ? AllData.SLFX.nowDay : "--" }} 万吨
-
下游水量
+
今日水量
+
+
+
+ + {{ + AllData.SLFX.yesterday ? AllData.SLFX.yesterday : "--" + }} + + 万吨 +
+
昨日水量
+
+
+
+ + {{ + AllData.SLFX.average ? AllData.SLFX.average : "--" + }} + + 万吨 +
+
7日平均水量
@@ -219,7 +213,7 @@
站点编号:
- {{ AllData.GWBD.stCode ? AllData.GWBD.stCode : "--" }} + {{ AllData.RightStCode ? AllData.RightStCode : "--" }}
@@ -248,15 +242,15 @@
-
标段片区:
+
所在道路:
{{ AllData.GWBD.roadName ? AllData.GWBD.roadName : "--" }}
-
末次运维:
+
所属标段:
- {{ AllData.GWBD.repairYear ? AllData.GWBD.repairYear : "--" }} + {{ AllData.GWBD.watchAreaName ? AllData.GWBD.watchAreaName : "--" }}
@@ -353,6 +347,7 @@ RightShow: false, //右侧面板是否显示--基于是否选择站点进行判断 RightShowID: "", RightShowType: "", + RightStCode: "", TitleName: [ { abbreviation: "高新区", //分区缩写-动态 @@ -729,7 +724,9 @@ AllData.RightShow = false; AllData.RightShowID = ""; AllData.RightShowType = ""; + AllData.RightStCode = ""; } else { + AllData.RightStCode = Row.properties.stCode; // 管点 if (Row.properties.pointType == "rainwater_pipeline_quality") { AllData.ClicksiteName = Row.properties.name; @@ -751,13 +748,13 @@ pointType: "--", pointNumber: "--", stAsName: "--", - stCode: "--", + stCode: AllData.RightStCode || "--", buildTime: "--", pipelineDiameter: "--", pipelineTexture: "--", issueType: "--", roadName: "--", - repairYear: "--", + watchAreaName: "--", }; } // 根据type 判断是管井还是接驳口 @@ -1153,11 +1150,11 @@ }; // 获取数据 刘芳阳 上下游分析 const getDataSXY = (row) => { - MonitorAPI.siteWaterYieldAnalysis({ + MonitorAPI.siteWaterYieldAnalysisByDate({ stCode: row.stCode, - stType: row.pointType, - start: moment().format("YYYY-MM-DD") + " 00:00:00", - end: moment().format("YYYY-MM-DD") + " 23:59:59", + // stType: row.pointType, + // start: moment().format("YYYY-MM-DD") + " 00:00:00", + // end: moment().format("YYYY-MM-DD") + " 23:59:59", }).then((res) => { if (res && res.code == 200) { AllData.SLFX = res.data; @@ -1257,10 +1254,11 @@ stName: AllData.ClicksiteName, dataCode: "", stType: AllData.RightShowType, - stCode: AllData.GWBD.stCode, + stCode: AllData.RightStCode, wellCode: "", id: AllData.RightShowID, dataId: "", + RefName: "jiancefenxiGWFX", }; localStorage.setItem("ReturnPSTX", "On"); //On打开公共弹窗 off不打开公共弹窗 默认为On bus.emit("DynamicBus", params); diff --git a/src/views/pictureOnMap/page/DrainageSystem/components/RightCharts.vue b/src/views/pictureOnMap/page/DrainageSystem/components/RightCharts.vue index bfd5a24..4e0d62f 100644 --- a/src/views/pictureOnMap/page/DrainageSystem/components/RightCharts.vue +++ b/src/views/pictureOnMap/page/DrainageSystem/components/RightCharts.vue @@ -120,7 +120,7 @@ // minInterval: 1, min: 0, axisLabel: { - color: "#AAC1CF", + color: "#19D5FF", show: true, formatter: function (value) { return value.toFixed(2); // 保留两位小数 @@ -147,7 +147,7 @@ // minInterval: 1, min: 0, axisLabel: { - color: "#AAC1CF", + color: "#b14de5", show: true, formatter: function (value) { return value.toFixed(2); // 保留两位小数 @@ -172,7 +172,7 @@ // minInterval: 1, min: 0, axisLabel: { - color: "#AAC1CF", + color: "#99FF55", show: true, formatter: function (value) { return value.toFixed(2); // 保留两位小数 diff --git a/src/api/MonitoringAnalysis.js b/src/api/MonitoringAnalysis.js index 9e999e6..3a6a7ad 100644 --- a/src/api/MonitoringAnalysis.js +++ b/src/api/MonitoringAnalysis.js @@ -136,4 +136,12 @@ method: 'get', params, }); +} + +export function siteWaterYieldAnalysisByDate(params) { + return request({ + url: `business/monitorData/siteWaterYieldAnalysisByDate`, + method: 'get', + params, + }); } \ No newline at end of file diff --git a/src/views/pictureOnMap/index.vue b/src/views/pictureOnMap/index.vue index 5de5268..4c0219f 100644 --- a/src/views/pictureOnMap/index.vue +++ b/src/views/pictureOnMap/index.vue @@ -132,7 +132,7 @@ console.log("arrid.value", arrid.value); // debugger; if ( - type == "rain_water_pump_station_info" && + (type == "rain_water_pump_station_info" || type == "sewage_pump_station_info") && router.currentRoute.value.fullPath == "/DrainageSystem" && localStorage.getItem("ReturnPSTX") == "off" ) { diff --git a/src/views/pictureOnMap/inputSearch.vue b/src/views/pictureOnMap/inputSearch.vue index ddff7d5..8a5a6f5 100644 --- a/src/views/pictureOnMap/inputSearch.vue +++ b/src/views/pictureOnMap/inputSearch.vue @@ -198,7 +198,6 @@ } .selectTabs { position: absolute; - width: 100%; left: 0; top: 0; diff --git a/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue b/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue index 9ecae08..b263c92 100644 --- a/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue +++ b/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue @@ -132,30 +132,38 @@
水量分析
-
- - {{ AllData.SLFX.upstreamSiteWaterYield }} + + {{ + AllData.SLFX.nowDay ? AllData.SLFX.nowDay : "--" + }} 万吨
-
收水量
+
今日水量
- - {{ AllData.SLFX.siteWaterYield }} + + {{ + AllData.SLFX.yesterday ? AllData.SLFX.yesterday : "--" + }} 万吨
-
当前站点水量
+
昨日水量
+
+
+
+ + {{ + AllData.SLFX.average ? AllData.SLFX.average : "--" + }} + + 万吨 +
+
7日平均水量
@@ -189,7 +197,7 @@
站点编号:
- {{ AllData.GWBD.stCode ? AllData.GWBD.stCode : "--" }} + {{ AllData.RightStCode ? AllData.RightStCode : "--" }}
@@ -218,15 +226,15 @@
-
标段片区:
+
所在道路:
{{ AllData.GWBD.roadName ? AllData.GWBD.roadName : "--" }}
-
末次运维:
+
所属标段:
- {{ AllData.GWBD.repairYear ? AllData.GWBD.repairYear : "--" }} + {{ AllData.GWBD.watchAreaName ? AllData.GWBD.watchAreaName : "--" }}
@@ -293,6 +301,7 @@ RightShow: false, //右侧面板是否显示--基于是否选择站点进行判断 RightShowID: "", RightShowType: "", + RightStCode: "", TitleName: [ { abbreviation: "高新区", //分区缩写-动态 @@ -667,7 +676,9 @@ // 说明是同样的一个点点了两次,所以进行关闭 AllData.RightShow = false; AllData.RightShowID = ""; + AllData.RightStCode = ""; } else { + AllData.RightStCode = Row.properties.stCode; // 管点 if (Row.properties.pointType == "sewage_pipeline_quality") { AllData.ClicksiteName = Row.properties.name; @@ -690,13 +701,13 @@ pointType: "--", pointNumber: "--", stAsName: "--", - stCode: "--", + stCode: AllData.RightStCode || "--", buildTime: "--", pipelineDiameter: "--", pipelineTexture: "--", issueType: "--", roadName: "--", - repairYear: "--", + watchAreaName: "--", }; } @@ -1015,11 +1026,11 @@ }; // 获取数据 刘芳阳 上下游分析 const getDataSXY = (row) => { - MonitorAPI.siteWaterYieldAnalysis({ + MonitorAPI.siteWaterYieldAnalysisByDate({ stCode: row.stCode, - stType: row.pointType, - start: moment().format("YYYY-MM-DD") + " 00:00:00", - end: moment().format("YYYY-MM-DD") + " 23:59:59", + // stType: row.pointType, + // start: moment().format("YYYY-MM-DD") + " 00:00:00", + // end: moment().format("YYYY-MM-DD") + " 23:59:59", }).then((res) => { if (res && res.code == 200) { AllData.SLFX = res.data; @@ -1120,11 +1131,13 @@ stName: AllData.ClicksiteName, dataCode: "", stType: AllData.RightShowType, - stCode: AllData.GWBD.stCode, + stCode: AllData.RightStCode, wellCode: "", id: AllData.RightShowID, dataId: "", + RefName: "jiancefenxiGWFX", }; + localStorage.setItem("ReturnPSTX", "On"); //On打开公共弹窗 off不打开公共弹窗 默认为On bus.emit("DynamicBus", params); }; onMounted(() => { diff --git a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue index 8d14263..7061aec 100644 --- a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue +++ b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue @@ -148,44 +148,38 @@
水量分析
- -
-
- - {{ AllData.SLFX.upstreamSiteWaterYield }} - - 万吨 -
-
上游水量
-
- - {{ AllData.SLFX.siteWaterYield }} - - 万吨 -
-
当前站点水量
-
-
-
- + {{ - AllData.SLFX.downstreamSiteWaterYield + AllData.SLFX.nowDay ? AllData.SLFX.nowDay : "--" }} 万吨
-
下游水量
+
今日水量
+
+
+
+ + {{ + AllData.SLFX.yesterday ? AllData.SLFX.yesterday : "--" + }} + + 万吨 +
+
昨日水量
+
+
+
+ + {{ + AllData.SLFX.average ? AllData.SLFX.average : "--" + }} + + 万吨 +
+
7日平均水量
@@ -219,7 +213,7 @@
站点编号:
- {{ AllData.GWBD.stCode ? AllData.GWBD.stCode : "--" }} + {{ AllData.RightStCode ? AllData.RightStCode : "--" }}
@@ -248,15 +242,15 @@
-
标段片区:
+
所在道路:
{{ AllData.GWBD.roadName ? AllData.GWBD.roadName : "--" }}
-
末次运维:
+
所属标段:
- {{ AllData.GWBD.repairYear ? AllData.GWBD.repairYear : "--" }} + {{ AllData.GWBD.watchAreaName ? AllData.GWBD.watchAreaName : "--" }}
@@ -353,6 +347,7 @@ RightShow: false, //右侧面板是否显示--基于是否选择站点进行判断 RightShowID: "", RightShowType: "", + RightStCode: "", TitleName: [ { abbreviation: "高新区", //分区缩写-动态 @@ -729,7 +724,9 @@ AllData.RightShow = false; AllData.RightShowID = ""; AllData.RightShowType = ""; + AllData.RightStCode = ""; } else { + AllData.RightStCode = Row.properties.stCode; // 管点 if (Row.properties.pointType == "rainwater_pipeline_quality") { AllData.ClicksiteName = Row.properties.name; @@ -751,13 +748,13 @@ pointType: "--", pointNumber: "--", stAsName: "--", - stCode: "--", + stCode: AllData.RightStCode || "--", buildTime: "--", pipelineDiameter: "--", pipelineTexture: "--", issueType: "--", roadName: "--", - repairYear: "--", + watchAreaName: "--", }; } // 根据type 判断是管井还是接驳口 @@ -1153,11 +1150,11 @@ }; // 获取数据 刘芳阳 上下游分析 const getDataSXY = (row) => { - MonitorAPI.siteWaterYieldAnalysis({ + MonitorAPI.siteWaterYieldAnalysisByDate({ stCode: row.stCode, - stType: row.pointType, - start: moment().format("YYYY-MM-DD") + " 00:00:00", - end: moment().format("YYYY-MM-DD") + " 23:59:59", + // stType: row.pointType, + // start: moment().format("YYYY-MM-DD") + " 00:00:00", + // end: moment().format("YYYY-MM-DD") + " 23:59:59", }).then((res) => { if (res && res.code == 200) { AllData.SLFX = res.data; @@ -1257,10 +1254,11 @@ stName: AllData.ClicksiteName, dataCode: "", stType: AllData.RightShowType, - stCode: AllData.GWBD.stCode, + stCode: AllData.RightStCode, wellCode: "", id: AllData.RightShowID, dataId: "", + RefName: "jiancefenxiGWFX", }; localStorage.setItem("ReturnPSTX", "On"); //On打开公共弹窗 off不打开公共弹窗 默认为On bus.emit("DynamicBus", params); diff --git a/src/views/pictureOnMap/page/DrainageSystem/components/RightCharts.vue b/src/views/pictureOnMap/page/DrainageSystem/components/RightCharts.vue index bfd5a24..4e0d62f 100644 --- a/src/views/pictureOnMap/page/DrainageSystem/components/RightCharts.vue +++ b/src/views/pictureOnMap/page/DrainageSystem/components/RightCharts.vue @@ -120,7 +120,7 @@ // minInterval: 1, min: 0, axisLabel: { - color: "#AAC1CF", + color: "#19D5FF", show: true, formatter: function (value) { return value.toFixed(2); // 保留两位小数 @@ -147,7 +147,7 @@ // minInterval: 1, min: 0, axisLabel: { - color: "#AAC1CF", + color: "#b14de5", show: true, formatter: function (value) { return value.toFixed(2); // 保留两位小数 @@ -172,7 +172,7 @@ // minInterval: 1, min: 0, axisLabel: { - color: "#AAC1CF", + color: "#99FF55", show: true, formatter: function (value) { return value.toFixed(2); // 保留两位小数 diff --git a/src/views/pictureOnMap/page/components/DialogTabs/component/PointAndLine.vue b/src/views/pictureOnMap/page/components/DialogTabs/component/PointAndLine.vue index 0133750..e99f04d 100644 --- a/src/views/pictureOnMap/page/components/DialogTabs/component/PointAndLine.vue +++ b/src/views/pictureOnMap/page/components/DialogTabs/component/PointAndLine.vue @@ -1,13 +1,7 @@ diff --git a/src/api/MonitoringAnalysis.js b/src/api/MonitoringAnalysis.js index 9e999e6..3a6a7ad 100644 --- a/src/api/MonitoringAnalysis.js +++ b/src/api/MonitoringAnalysis.js @@ -136,4 +136,12 @@ method: 'get', params, }); +} + +export function siteWaterYieldAnalysisByDate(params) { + return request({ + url: `business/monitorData/siteWaterYieldAnalysisByDate`, + method: 'get', + params, + }); } \ No newline at end of file diff --git a/src/views/pictureOnMap/index.vue b/src/views/pictureOnMap/index.vue index 5de5268..4c0219f 100644 --- a/src/views/pictureOnMap/index.vue +++ b/src/views/pictureOnMap/index.vue @@ -132,7 +132,7 @@ console.log("arrid.value", arrid.value); // debugger; if ( - type == "rain_water_pump_station_info" && + (type == "rain_water_pump_station_info" || type == "sewage_pump_station_info") && router.currentRoute.value.fullPath == "/DrainageSystem" && localStorage.getItem("ReturnPSTX") == "off" ) { diff --git a/src/views/pictureOnMap/inputSearch.vue b/src/views/pictureOnMap/inputSearch.vue index ddff7d5..8a5a6f5 100644 --- a/src/views/pictureOnMap/inputSearch.vue +++ b/src/views/pictureOnMap/inputSearch.vue @@ -198,7 +198,6 @@ } .selectTabs { position: absolute; - width: 100%; left: 0; top: 0; diff --git a/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue b/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue index 9ecae08..b263c92 100644 --- a/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue +++ b/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue @@ -132,30 +132,38 @@
水量分析
-
- - {{ AllData.SLFX.upstreamSiteWaterYield }} + + {{ + AllData.SLFX.nowDay ? AllData.SLFX.nowDay : "--" + }} 万吨
-
收水量
+
今日水量
- - {{ AllData.SLFX.siteWaterYield }} + + {{ + AllData.SLFX.yesterday ? AllData.SLFX.yesterday : "--" + }} 万吨
-
当前站点水量
+
昨日水量
+
+
+
+ + {{ + AllData.SLFX.average ? AllData.SLFX.average : "--" + }} + + 万吨 +
+
7日平均水量
@@ -189,7 +197,7 @@
站点编号:
- {{ AllData.GWBD.stCode ? AllData.GWBD.stCode : "--" }} + {{ AllData.RightStCode ? AllData.RightStCode : "--" }}
@@ -218,15 +226,15 @@
-
标段片区:
+
所在道路:
{{ AllData.GWBD.roadName ? AllData.GWBD.roadName : "--" }}
-
末次运维:
+
所属标段:
- {{ AllData.GWBD.repairYear ? AllData.GWBD.repairYear : "--" }} + {{ AllData.GWBD.watchAreaName ? AllData.GWBD.watchAreaName : "--" }}
@@ -293,6 +301,7 @@ RightShow: false, //右侧面板是否显示--基于是否选择站点进行判断 RightShowID: "", RightShowType: "", + RightStCode: "", TitleName: [ { abbreviation: "高新区", //分区缩写-动态 @@ -667,7 +676,9 @@ // 说明是同样的一个点点了两次,所以进行关闭 AllData.RightShow = false; AllData.RightShowID = ""; + AllData.RightStCode = ""; } else { + AllData.RightStCode = Row.properties.stCode; // 管点 if (Row.properties.pointType == "sewage_pipeline_quality") { AllData.ClicksiteName = Row.properties.name; @@ -690,13 +701,13 @@ pointType: "--", pointNumber: "--", stAsName: "--", - stCode: "--", + stCode: AllData.RightStCode || "--", buildTime: "--", pipelineDiameter: "--", pipelineTexture: "--", issueType: "--", roadName: "--", - repairYear: "--", + watchAreaName: "--", }; } @@ -1015,11 +1026,11 @@ }; // 获取数据 刘芳阳 上下游分析 const getDataSXY = (row) => { - MonitorAPI.siteWaterYieldAnalysis({ + MonitorAPI.siteWaterYieldAnalysisByDate({ stCode: row.stCode, - stType: row.pointType, - start: moment().format("YYYY-MM-DD") + " 00:00:00", - end: moment().format("YYYY-MM-DD") + " 23:59:59", + // stType: row.pointType, + // start: moment().format("YYYY-MM-DD") + " 00:00:00", + // end: moment().format("YYYY-MM-DD") + " 23:59:59", }).then((res) => { if (res && res.code == 200) { AllData.SLFX = res.data; @@ -1120,11 +1131,13 @@ stName: AllData.ClicksiteName, dataCode: "", stType: AllData.RightShowType, - stCode: AllData.GWBD.stCode, + stCode: AllData.RightStCode, wellCode: "", id: AllData.RightShowID, dataId: "", + RefName: "jiancefenxiGWFX", }; + localStorage.setItem("ReturnPSTX", "On"); //On打开公共弹窗 off不打开公共弹窗 默认为On bus.emit("DynamicBus", params); }; onMounted(() => { diff --git a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue index 8d14263..7061aec 100644 --- a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue +++ b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue @@ -148,44 +148,38 @@
水量分析
- -
-
- - {{ AllData.SLFX.upstreamSiteWaterYield }} - - 万吨 -
-
上游水量
-
- - {{ AllData.SLFX.siteWaterYield }} - - 万吨 -
-
当前站点水量
-
-
-
- + {{ - AllData.SLFX.downstreamSiteWaterYield + AllData.SLFX.nowDay ? AllData.SLFX.nowDay : "--" }} 万吨
-
下游水量
+
今日水量
+
+
+
+ + {{ + AllData.SLFX.yesterday ? AllData.SLFX.yesterday : "--" + }} + + 万吨 +
+
昨日水量
+
+
+
+ + {{ + AllData.SLFX.average ? AllData.SLFX.average : "--" + }} + + 万吨 +
+
7日平均水量
@@ -219,7 +213,7 @@
站点编号:
- {{ AllData.GWBD.stCode ? AllData.GWBD.stCode : "--" }} + {{ AllData.RightStCode ? AllData.RightStCode : "--" }}
@@ -248,15 +242,15 @@
-
标段片区:
+
所在道路:
{{ AllData.GWBD.roadName ? AllData.GWBD.roadName : "--" }}
-
末次运维:
+
所属标段:
- {{ AllData.GWBD.repairYear ? AllData.GWBD.repairYear : "--" }} + {{ AllData.GWBD.watchAreaName ? AllData.GWBD.watchAreaName : "--" }}
@@ -353,6 +347,7 @@ RightShow: false, //右侧面板是否显示--基于是否选择站点进行判断 RightShowID: "", RightShowType: "", + RightStCode: "", TitleName: [ { abbreviation: "高新区", //分区缩写-动态 @@ -729,7 +724,9 @@ AllData.RightShow = false; AllData.RightShowID = ""; AllData.RightShowType = ""; + AllData.RightStCode = ""; } else { + AllData.RightStCode = Row.properties.stCode; // 管点 if (Row.properties.pointType == "rainwater_pipeline_quality") { AllData.ClicksiteName = Row.properties.name; @@ -751,13 +748,13 @@ pointType: "--", pointNumber: "--", stAsName: "--", - stCode: "--", + stCode: AllData.RightStCode || "--", buildTime: "--", pipelineDiameter: "--", pipelineTexture: "--", issueType: "--", roadName: "--", - repairYear: "--", + watchAreaName: "--", }; } // 根据type 判断是管井还是接驳口 @@ -1153,11 +1150,11 @@ }; // 获取数据 刘芳阳 上下游分析 const getDataSXY = (row) => { - MonitorAPI.siteWaterYieldAnalysis({ + MonitorAPI.siteWaterYieldAnalysisByDate({ stCode: row.stCode, - stType: row.pointType, - start: moment().format("YYYY-MM-DD") + " 00:00:00", - end: moment().format("YYYY-MM-DD") + " 23:59:59", + // stType: row.pointType, + // start: moment().format("YYYY-MM-DD") + " 00:00:00", + // end: moment().format("YYYY-MM-DD") + " 23:59:59", }).then((res) => { if (res && res.code == 200) { AllData.SLFX = res.data; @@ -1257,10 +1254,11 @@ stName: AllData.ClicksiteName, dataCode: "", stType: AllData.RightShowType, - stCode: AllData.GWBD.stCode, + stCode: AllData.RightStCode, wellCode: "", id: AllData.RightShowID, dataId: "", + RefName: "jiancefenxiGWFX", }; localStorage.setItem("ReturnPSTX", "On"); //On打开公共弹窗 off不打开公共弹窗 默认为On bus.emit("DynamicBus", params); diff --git a/src/views/pictureOnMap/page/DrainageSystem/components/RightCharts.vue b/src/views/pictureOnMap/page/DrainageSystem/components/RightCharts.vue index bfd5a24..4e0d62f 100644 --- a/src/views/pictureOnMap/page/DrainageSystem/components/RightCharts.vue +++ b/src/views/pictureOnMap/page/DrainageSystem/components/RightCharts.vue @@ -120,7 +120,7 @@ // minInterval: 1, min: 0, axisLabel: { - color: "#AAC1CF", + color: "#19D5FF", show: true, formatter: function (value) { return value.toFixed(2); // 保留两位小数 @@ -147,7 +147,7 @@ // minInterval: 1, min: 0, axisLabel: { - color: "#AAC1CF", + color: "#b14de5", show: true, formatter: function (value) { return value.toFixed(2); // 保留两位小数 @@ -172,7 +172,7 @@ // minInterval: 1, min: 0, axisLabel: { - color: "#AAC1CF", + color: "#99FF55", show: true, formatter: function (value) { return value.toFixed(2); // 保留两位小数 diff --git a/src/views/pictureOnMap/page/components/DialogTabs/component/PointAndLine.vue b/src/views/pictureOnMap/page/components/DialogTabs/component/PointAndLine.vue index 0133750..e99f04d 100644 --- a/src/views/pictureOnMap/page/components/DialogTabs/component/PointAndLine.vue +++ b/src/views/pictureOnMap/page/components/DialogTabs/component/PointAndLine.vue @@ -1,13 +1,7 @@ diff --git a/src/views/pictureOnMap/page/components/DialogTabs/dialogTabs.vue b/src/views/pictureOnMap/page/components/DialogTabs/dialogTabs.vue index e96a4e7..7396b2a 100644 --- a/src/views/pictureOnMap/page/components/DialogTabs/dialogTabs.vue +++ b/src/views/pictureOnMap/page/components/DialogTabs/dialogTabs.vue @@ -89,7 +89,6 @@ RefreshName: "", }); - const updateTabsType = (name) => { AllData.editableTabsValue = name; AllData.RefreshName = name; @@ -138,7 +137,11 @@ AllData.editableTabs.push(element); } }); - if (props.RefName == "" || props.RefName == undefined) { + if ( + props.RefName == "" || + props.RefName == undefined || + !props.comIDs.includes(props.RefName) + ) { // 默认展示第一个 AllData.editableTabsValue = AllData.editableTabs[0].name; AllData.RefreshName = AllData.editableTabs[0].name;