diff --git a/src/views/pictureOnMap/index.vue b/src/views/pictureOnMap/index.vue
index 192ac0d..d2b6949 100644
--- a/src/views/pictureOnMap/index.vue
+++ b/src/views/pictureOnMap/index.vue
@@ -40,7 +40,7 @@
   </div>
 </template>
 <script setup>
-import { useRouter } from 'vue-router';
+import { useRouter } from "vue-router";
 
 import line from "../../../public/static/libs/mapbox/json/line.json";
 import point from "../../../public/static/libs/mapbox/json/point.json";
@@ -100,7 +100,7 @@
   "dirtyPumpStation", //污水泵站
   "sewageStation", //污水厂
   "gateStation", //闸门
-  'pump_water_level', //泵站液位
+  "pump_water_level", //泵站液位
 ]);
 // 基本数据
 const arrid = ref([
@@ -129,21 +129,22 @@
   }
   console.log("GetcomIDs.value", GetcomIDs.value);
   // 去除排水体系泵站通用弹框
-  console.log('arrid.value',arrid.value);
-  if(type=='rain_water_pump_station_info'&&router.currentRoute.value.fullPath=='/DrainageSystem') return
-    if (arrid.value.includes(type)) {
+  console.log("arrid.value", arrid.value);
+  if (
+    type == "rain_water_pump_station_info" &&
+    router.currentRoute.value.fullPath == "/DrainageSystem"
+  )
+    return;
+  if (arrid.value.includes(type)) {
     dialogConfig.visible = true;
     dialogConfig.dataCode = type;
     dialogConfig.comIDs = GetcomIDs.value;
     dialogConfig.dataID = Getproperties.value.pid
       ? Getproperties.value.pid
       : Getproperties.value.id;
-
   } else {
     return;
   }
-  
-  
 };
 // 类型弹框判断
 const typecodeswitch = (type) => {
@@ -196,7 +197,6 @@
     dialogConfig.dataCode = type;
     dialogConfig.dataID = Getproperties.value.stCode;
     dialogConfig.comIDs = GetcomIDs.value;
-    
   } else {
     return;
   }
@@ -268,7 +268,7 @@
   // debugger;
   let params = {
     dataCode: type,
-    scene: specificFun(type)||'basis_monitor',
+    scene: specificFun(type) || "basis_monitor",
     // scene: "basis_monitor",
     dataId: dataId,
   };
@@ -388,7 +388,7 @@
   console.log("经纬度", lngLat);
   console.log("数据", properties);
   console.log("layerid", layerId);
-    dialogConfig.title = properties.stName || properties.name;
+  dialogConfig.title = properties.stName || properties.name;
 
   // 处理标注
   Getproperties.value = properties;
@@ -501,6 +501,7 @@
   dialogConfig.visible = is;
 };
 function anotherMeht(item) {
+  debugger;
   let properties = {};
   Getproperties.value.stCode = item.stCode || item.siteCode || item.lakeCode;
   Getproperties.value.dataCode = item.dataCode;
@@ -532,7 +533,6 @@
 }
 
 onMounted(() => {
-
   allScreen();
   useStore.getsewageData();
   bus.on("DynamicBus", (item) => {
@@ -569,8 +569,8 @@
   // localStorage.setItem("JCFXDialogTimer", moment().format("YYYY-MM-DD"));
   bus.on("xiaofeifei", (e) => {
     // lngLat, properties = {}, layerId
-    
-    mapClick1(e.geometry.coordinates,e.properties,e.geometry.type);
+
+    mapClick1(e.geometry.coordinates, e.properties, e.geometry.type);
   });
 });
 

diff --git a/src/views/pictureOnMap/index.vue b/src/views/pictureOnMap/index.vue
index 192ac0d..d2b6949 100644
--- a/src/views/pictureOnMap/index.vue
+++ b/src/views/pictureOnMap/index.vue
@@ -40,7 +40,7 @@
   </div>
 </template>
 <script setup>
-import { useRouter } from 'vue-router';
+import { useRouter } from "vue-router";
 
 import line from "../../../public/static/libs/mapbox/json/line.json";
 import point from "../../../public/static/libs/mapbox/json/point.json";
@@ -100,7 +100,7 @@
   "dirtyPumpStation", //污水泵站
   "sewageStation", //污水厂
   "gateStation", //闸门
-  'pump_water_level', //泵站液位
+  "pump_water_level", //泵站液位
 ]);
 // 基本数据
 const arrid = ref([
@@ -129,21 +129,22 @@
   }
   console.log("GetcomIDs.value", GetcomIDs.value);
   // 去除排水体系泵站通用弹框
-  console.log('arrid.value',arrid.value);
-  if(type=='rain_water_pump_station_info'&&router.currentRoute.value.fullPath=='/DrainageSystem') return
-    if (arrid.value.includes(type)) {
+  console.log("arrid.value", arrid.value);
+  if (
+    type == "rain_water_pump_station_info" &&
+    router.currentRoute.value.fullPath == "/DrainageSystem"
+  )
+    return;
+  if (arrid.value.includes(type)) {
     dialogConfig.visible = true;
     dialogConfig.dataCode = type;
     dialogConfig.comIDs = GetcomIDs.value;
     dialogConfig.dataID = Getproperties.value.pid
       ? Getproperties.value.pid
       : Getproperties.value.id;
-
   } else {
     return;
   }
-  
-  
 };
 // 类型弹框判断
 const typecodeswitch = (type) => {
@@ -196,7 +197,6 @@
     dialogConfig.dataCode = type;
     dialogConfig.dataID = Getproperties.value.stCode;
     dialogConfig.comIDs = GetcomIDs.value;
-    
   } else {
     return;
   }
@@ -268,7 +268,7 @@
   // debugger;
   let params = {
     dataCode: type,
-    scene: specificFun(type)||'basis_monitor',
+    scene: specificFun(type) || "basis_monitor",
     // scene: "basis_monitor",
     dataId: dataId,
   };
@@ -388,7 +388,7 @@
   console.log("经纬度", lngLat);
   console.log("数据", properties);
   console.log("layerid", layerId);
-    dialogConfig.title = properties.stName || properties.name;
+  dialogConfig.title = properties.stName || properties.name;
 
   // 处理标注
   Getproperties.value = properties;
@@ -501,6 +501,7 @@
   dialogConfig.visible = is;
 };
 function anotherMeht(item) {
+  debugger;
   let properties = {};
   Getproperties.value.stCode = item.stCode || item.siteCode || item.lakeCode;
   Getproperties.value.dataCode = item.dataCode;
@@ -532,7 +533,6 @@
 }
 
 onMounted(() => {
-
   allScreen();
   useStore.getsewageData();
   bus.on("DynamicBus", (item) => {
@@ -569,8 +569,8 @@
   // localStorage.setItem("JCFXDialogTimer", moment().format("YYYY-MM-DD"));
   bus.on("xiaofeifei", (e) => {
     // lngLat, properties = {}, layerId
-    
-    mapClick1(e.geometry.coordinates,e.properties,e.geometry.type);
+
+    mapClick1(e.geometry.coordinates, e.properties, e.geometry.type);
   });
 });
 
diff --git a/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue b/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue
index 97f0cf3..9ecae08 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue
@@ -14,22 +14,22 @@
             v-show="item.abbreviation"
             @click="MBClick(item)"
           >
-            {{ item.grade != 'one' ? '/' : '' }}
-            {{ item.abbreviation ? item.abbreviation : '' }}
+            {{ item.grade != "one" ? "/" : "" }}
+            {{ item.abbreviation ? item.abbreviation : "" }}
           </span>
         </div>
         <div class="modular1">
           <div class="leve2Title">
             {{
-              AllData.regionGrade == 'one'
-                ? '排水户统计'
-                : AllData.regionGrade == 'two'
-                ? '排水户统计'
-                : AllData.regionGrade == 'three'
-                ? '排水户统计'
-                : AllData.regionGrade == 'four'
-                ? '水量统计'
-                : ''
+              AllData.regionGrade == "one"
+                ? "排水户统计"
+                : AllData.regionGrade == "two"
+                ? "排水户统计"
+                : AllData.regionGrade == "three"
+                ? "排水户统计"
+                : AllData.regionGrade == "four"
+                ? "水量统计"
+                : ""
             }}
             {{ AllData.TjData1 ? `(${AllData.TjData1 + AllData.TjData1Unit})` : `` }}
           </div>
@@ -50,15 +50,15 @@
         <div class="modular2">
           <div class="leve2Title">
             {{
-              AllData.regionGrade == 'one'
-                ? '管网统计'
-                : AllData.regionGrade == 'two'
-                ? '管网统计'
-                : AllData.regionGrade == 'three'
-                ? '排水类别'
-                : AllData.regionGrade == 'four'
-                ? '排水类别'
-                : ''
+              AllData.regionGrade == "one"
+                ? "管网统计"
+                : AllData.regionGrade == "two"
+                ? "管网统计"
+                : AllData.regionGrade == "three"
+                ? "排水类别"
+                : AllData.regionGrade == "four"
+                ? "排水类别"
+                : ""
             }}
             {{ AllData.TjData2 ? `(${AllData.TjData2 + AllData.TjData2Unit})` : `` }}
           </div>
@@ -79,15 +79,15 @@
         <div class="modular3">
           <div class="leve2Title">
             {{
-              AllData.regionGrade == 'one'
-                ? '日污水水量'
-                : AllData.regionGrade == 'two'
-                ? '日污水水量'
-                : AllData.regionGrade == 'three'
-                ? '日水量统计'
-                : AllData.regionGrade == 'four'
-                ? '管网统计'
-                : ''
+              AllData.regionGrade == "one"
+                ? "日污水水量"
+                : AllData.regionGrade == "two"
+                ? "日污水水量"
+                : AllData.regionGrade == "three"
+                ? "日水量统计"
+                : AllData.regionGrade == "four"
+                ? "管网统计"
+                : ""
             }}
             {{ AllData.TjData3 ? `(${AllData.TjData3 + AllData.TjData3Unit})` : `` }}
           </div>
@@ -110,11 +110,17 @@
     <Transition name="fade_right">
       <div
         :class="['moduleBox', 'moduleBoxRight']"
-        v-show="!showPanel && AllData.RightShow && AllData.RightShowType == 'sewage_pipeline_quality'"
+        v-show="
+          !showPanel &&
+          AllData.RightShow &&
+          AllData.RightShowType == 'sewage_pipeline_quality'
+        "
       >
         <!-- 顶部公共标题 -->
         <div class="CrumbesTitle">
-          <span class="crumbs2">{{ AllData.ClicksiteName }}</span>
+          <span class="crumbs2" @click="OpenGongGongDialog()">{{
+            AllData.ClicksiteName
+          }}</span>
         </div>
         <div class="modular1_right">
           <RightCharts
@@ -129,7 +135,10 @@
             <!-- 上游水量在接驳口时不展示 -->
             <div class="SLList">
               <div class="SlList1P">
-                <el-tooltip :content="AllData.SLFX.upstreamSiteWaterYield + '万吨'" placement="top">
+                <el-tooltip
+                  :content="AllData.SLFX.upstreamSiteWaterYield + '万吨'"
+                  placement="top"
+                >
                   <span class="SlListNum">{{ AllData.SLFX.upstreamSiteWaterYield }}</span>
                 </el-tooltip>
                 <span class="SlListUnit">万吨</span>
@@ -138,7 +147,10 @@
             </div>
             <div class="SLList">
               <div class="SlList1P">
-                <el-tooltip :content="AllData.SLFX.siteWaterYield + '万吨'" placement="top">
+                <el-tooltip
+                  :content="AllData.SLFX.siteWaterYield + '万吨'"
+                  placement="top"
+                >
                   <span class="SlListNum">{{ AllData.SLFX.siteWaterYield }}</span>
                 </el-tooltip>
                 <span class="SlListUnit">万吨</span>
@@ -153,62 +165,68 @@
             <div class="ListInfo50">
               <div class="ListInfo_label">类型:</div>
               <div class="ListInfo_value">
-                {{ AllData.GWBD.pointType == 'YS' ? '雨水管网' : AllData.GWBD.pointType == 'WS' ? '污水管网' : '--' }}
+                {{
+                  AllData.GWBD.pointType == "YS"
+                    ? "雨水管网"
+                    : AllData.GWBD.pointType == "WS"
+                    ? "污水管网"
+                    : "--"
+                }}
               </div>
             </div>
             <div class="ListInfo50">
               <div class="ListInfo_label">设计编号:</div>
               <div class="ListInfo_value">
-                {{ AllData.GWBD.stAsName ? AllData.GWBD.stAsName : '--' }}
+                {{ AllData.GWBD.stAsName ? AllData.GWBD.stAsName : "--" }}
               </div>
             </div>
             <div class="ListInfo100">
               <div class="ListInfo_label">管井编码:</div>
               <div class="ListInfo_value">
-                {{ AllData.GWBD.pointNumber ? AllData.GWBD.pointNumber : '--' }}
+                {{ AllData.GWBD.pointNumber ? AllData.GWBD.pointNumber : "--" }}
               </div>
             </div>
             <div class="ListInfo100">
               <div class="ListInfo_label">站点编号:</div>
               <div class="ListInfo_value">
-                {{ AllData.GWBD.stCode ? AllData.GWBD.stCode : '--' }}
+                {{ AllData.GWBD.stCode ? AllData.GWBD.stCode : "--" }}
               </div>
             </div>
 
             <div class="ListInfo50">
               <div class="ListInfo_label">年份:</div>
               <div class="ListInfo_value">
-                {{ AllData.GWBD.buildTime ? AllData.GWBD.buildTime : '--' }}
+                {{ AllData.GWBD.buildTime ? AllData.GWBD.buildTime : "--" }}
               </div>
             </div>
             <div class="ListInfo50">
               <div class="ListInfo_label">管径:</div>
               <div class="ListInfo_value">
-                {{ AllData.GWBD.pipelineDiameter ? AllData.GWBD.pipelineDiameter : '--' }}
+                {{ AllData.GWBD.pipelineDiameter ? AllData.GWBD.pipelineDiameter : "--" }}
               </div>
             </div>
             <div class="ListInfo50">
               <div class="ListInfo_label">材质:</div>
               <div class="ListInfo_value">
-                {{ AllData.GWBD.pipelineTexture ? AllData.GWBD.pipelineTexture : '--' }}
+                {{ AllData.GWBD.pipelineTexture ? AllData.GWBD.pipelineTexture : "--" }}
               </div>
             </div>
             <div class="ListInfo50">
               <div class="ListInfo_label">缺陷类型:</div>
               <div class="ListInfo_value">
-                {{ AllData.GWBD.issueType ? AllData.GWBD.issueType : '--' }}
+                {{ AllData.GWBD.issueType ? AllData.GWBD.issueType : "--" }}
               </div>
             </div>
             <div class="ListInfo50">
               <div class="ListInfo_label">标段片区:</div>
               <div class="ListInfo_value">
-                {{ AllData.GWBD.roadName ? AllData.GWBD.roadName : '--' }}
+                {{ AllData.GWBD.roadName ? AllData.GWBD.roadName : "--" }}
               </div>
             </div>
             <div class="ListInfo50">
               <div class="ListInfo_label">末次运维:</div>
               <div class="ListInfo_value">
-                {{ AllData.GWBD.repairYear ? AllData.GWBD.repairYear : '--' }}
+                {{ AllData.GWBD.repairYear ? AllData.GWBD.repairYear : "--" }}
               </div>
             </div>
           </div>
@@ -219,15 +237,25 @@
     <Transition name="fade_right">
       <div
         :class="['moduleBox', 'moduleBoxRight']"
-        v-if="!showPanel && AllData.RightShow && AllData.RightShowType == 'sewage_pump_station_info'"
+        v-if="
+          !showPanel &&
+          AllData.RightShow &&
+          AllData.RightShowType == 'sewage_pump_station_info'
+        "
       >
         <!-- 顶部公共标题 -->
         <div class="CrumbesTitle">
-          <span class="crumbs2">{{ AllData.ClicksiteName }}</span>
+          <span class="crumbs2" @click="OpenGongGongDialog()">{{
+            AllData.ClicksiteName
+          }}</span>
         </div>
 
         <div class="modularRight2">
-          <BengZhanInfo :Datatype="AllData.RightShowType" :DataId="AllData.RightShowID" :Type="AllData.TypeID"></BengZhanInfo>
+          <BengZhanInfo
+            :Datatype="AllData.RightShowType"
+            :DataId="AllData.RightShowID"
+            :Type="AllData.TypeID"
+          ></BengZhanInfo>
         </div>
       </div>
     </Transition>
@@ -235,71 +263,71 @@
 </template>
 
 <script setup name="WSIndex">
-import { ref, reactive, toRefs, onMounted, nextTick } from 'vue';
-import bus from '@/bus';
+import { ref, reactive, toRefs, onMounted, nextTick } from "vue";
+import bus from "@/bus";
 // 引入接口
-import * as MonitorAPI from '@/api/MonitoringAnalysis.js';
-import moment from 'moment';
-import { getEchart } from '@/api/MonitorAssetsOnMap';
+import * as MonitorAPI from "@/api/MonitoringAnalysis.js";
+import moment from "moment";
+import { getEchart } from "@/api/MonitorAssetsOnMap";
 
 // 引入echarts组件
 // 纵向立体柱状体以及标线和折现
-import DraBarCharts2Y from './components/DraBarCharts2Y.vue';
+import DraBarCharts2Y from "./components/DraBarCharts2Y.vue";
 //横向的两组柱状图堆叠
-import DraBarChartsLeft from './components/DraBarChartsLeft.vue';
+import DraBarChartsLeft from "./components/DraBarChartsLeft.vue";
 // 右侧面板接入
-import RightCharts from './components/RightCharts.vue';
-import BengZhanInfo from './BengZhanRight.vue';
+import RightCharts from "./components/RightCharts.vue";
+import BengZhanInfo from "./BengZhanRight.vue";
 // 面板控制组件
-import PanelDisplayHidden from '@/views/pictureOnMap/page/components/PanelDisplayHidden.vue';
+import PanelDisplayHidden from "@/views/pictureOnMap/page/components/PanelDisplayHidden.vue";
 const showPanel = ref(false); //面板展开收起
-const PanelChange = val => {
+const PanelChange = (val) => {
   showPanel.value = val;
 };
 
 const AllData = reactive({
-  TypeID: 'sewage',
-  regionGrade: 'one', //分区级别（one：一级 || two：二级 || three：三级 || four：四级）
-  regionName: '', //分区名称
-  waterRegionCode: '', //分区编号
+  TypeID: "sewage",
+  regionGrade: "one", //分区级别（one：一级 || two：二级 || three：三级 || four：四级）
+  regionName: "", //分区名称
+  waterRegionCode: "", //分区编号
   RightShow: false, //右侧面板是否显示--基于是否选择站点进行判断
-  RightShowID: '',
-  RightShowType: '',
+  RightShowID: "",
+  RightShowType: "",
   TitleName: [
     {
-      abbreviation: '高新区', //分区缩写-动态
-      id: '', //分区信息-动态
-      grade: 'one', //分区层级-静态(查询数据用)
+      abbreviation: "高新区", //分区缩写-动态
+      id: "", //分区信息-动态
+      grade: "one", //分区层级-静态(查询数据用)
       sort: 0, //面包屑的顺序
-      Name: '', //全称
+      Name: "", //全称
     },
     {
-      abbreviation: '', //分区缩写-动态
-      id: '', //分区信息-动态
-      grade: 'two', //分区层级-静态
+      abbreviation: "", //分区缩写-动态
+      id: "", //分区信息-动态
+      grade: "two", //分区层级-静态
       sort: 1, //面包屑的顺序
-      Name: '', //全称
+      Name: "", //全称
     },
     {
-      abbreviation: '', //分区缩写-动态
-      id: '', //分区信息-动态
-      grade: 'three', //分区层级-静态
+      abbreviation: "", //分区缩写-动态
+      id: "", //分区信息-动态
+      grade: "three", //分区层级-静态
       sort: 2, //面包屑的顺序
-      Name: '', //全称
+      Name: "", //全称
     },
     {
-      abbreviation: '', //分区缩写-动态
-      id: '', //分区信息-动态
-      grade: 'four', //分区层级-静态
+      abbreviation: "", //分区缩写-动态
+      id: "", //分区信息-动态
+      grade: "four", //分区层级-静态
       sort: 3, //面包屑的顺序
-      Name: '', //全称
+      Name: "", //全称
     },
     {
-      abbreviation: '', //分区缩写-动态
-      id: '', //分区信息-动态
-      grade: 'five', //分区层级-静态
+      abbreviation: "", //分区缩写-动态
+      id: "", //分区信息-动态
+      grade: "five", //分区层级-静态
       sort: 4, //面包屑的顺序
-      Name: '', //全称
+      Name: "", //全称
     },
   ],
   //   Ecahrts数据
@@ -323,84 +351,84 @@
     // yAxis3_line_Name: "库容量",
     // yAxis3_line_Index: 1,
     xAxis: [], //X轴数据
-    y1_Unit: '', //Y轴单位
-    y2_Unit: '', //Y轴单位
+    y1_Unit: "", //Y轴单位
+    y2_Unit: "", //Y轴单位
     y2_show: false,
     yAxis1_bar: [], //数据1
-    yAxis1_bar_Name: '', //数据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_Name: "",
     yAxis3_line_Index: 0,
   },
   refresh1: 0,
-  ClickData1: 'dgtxg',
+  ClickData1: "dgtxg",
   //   流域管网
   chartData2: {
     xAxis: [],
     yAxis: [],
     yAxis2: [],
-    yAxis_Name: '',
-    yAxis2_Name: '',
+    yAxis_Name: "",
+    yAxis2_Name: "",
   },
   refresh2: 0,
-  ClickData2: 'dgtxg',
+  ClickData2: "dgtxg",
   //   河湖排口
   chartData3: {
     // 三级
     xAxis: [], //X轴数据
-    y1_Unit: '', //Y轴单位
-    y2_Unit: '', //Y轴单位
+    y1_Unit: "", //Y轴单位
+    y2_Unit: "", //Y轴单位
     y2_show: false,
     yAxis1_bar: [], //数据1
-    yAxis1_bar_Name: '', //数据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_Name: "",
     yAxis3_line_Index: 0,
   },
   refresh3: 0,
-  ClickData3: 'dgtxg',
+  ClickData3: "dgtxg",
   GWBD: {},
   SLFX: {},
   chartDataRight: {
     yAxis: [],
-    yAxis_Name: '降雨量(mm)',
+    yAxis_Name: "降雨量(mm)",
     yAxis2: [],
-    yAxis2_Name: '流速(m/s)',
+    yAxis2_Name: "流速(m/s)",
     yAxis3: [],
-    yAxis3_Name: '水深(m)',
+    yAxis3_Name: "水深(m)",
     yAxis4: [],
-    yAxis4_Name: '5分钟水量(m³)',
+    yAxis4_Name: "5分钟水量(m³)",
     xAxis: [],
   },
   refreshRight: 0,
-  ClicksiteName: '',
+  ClicksiteName: "",
   TjData1: 0,
-  TjData1Unit: '',
+  TjData1Unit: "",
   TjData2: 0,
-  TjData2Unit: '',
+  TjData2Unit: "",
   TjData3: 0,
-  TjData3Unit: '',
+  TjData3Unit: "",
 });
 // 面包屑点击事件
-const MBClick = item => {
+const MBClick = (item) => {
   console.log(item);
   AllData.RightShow = false;
-  AllData.RightShowID = '';
-  AllData.RightShowType = '';
+  AllData.RightShowID = "";
+  AllData.RightShowType = "";
   // 赋值需要进行echarts数据请求的数据
   AllData.regionGrade = item.grade;
   AllData.regionName = item.Name;
@@ -412,35 +440,35 @@
     // 回到默认图层
     newfiberMap.map.easeTo(newfiberMap.config_.params.init);
     bus.emit(mapInitBusName);
-    AllData.regionGrade = 'one';
-    AllData.regionName = '';
-    AllData.waterRegionCode = '';
+    AllData.regionGrade = "one";
+    AllData.regionName = "";
+    AllData.waterRegionCode = "";
     AllData.TitleName[1] = {
-      abbreviation: '',
-      Name: '',
-      id: '',
-      grade: 'two',
+      abbreviation: "",
+      Name: "",
+      id: "",
+      grade: "two",
       sort: 1,
     };
     AllData.TitleName[2] = {
-      abbreviation: '',
-      Name: '',
-      id: '',
-      grade: 'three',
+      abbreviation: "",
+      Name: "",
+      id: "",
+      grade: "three",
       sort: 2,
     };
     AllData.TitleName[3] = {
-      abbreviation: '',
-      Name: '',
-      id: '',
-      grade: 'four',
+      abbreviation: "",
+      Name: "",
+      id: "",
+      grade: "four",
       sort: 3,
     };
     AllData.TitleName[4] = {
-      abbreviation: '',
-      Name: '',
-      id: '',
-      grade: 'five',
+      abbreviation: "",
+      Name: "",
+      id: "",
+      grade: "five",
       sort: 4,
     };
 
@@ -450,29 +478,29 @@
     getData3();
   }
   if (item.sort == 1) {
-    bus.emit('panelDataToMap', {
+    bus.emit("panelDataToMap", {
       name: item.Name,
       id: item.id,
     });
     AllData.TitleName[2] = {
-      abbreviation: '',
-      Name: '',
-      id: '',
-      grade: 'three',
+      abbreviation: "",
+      Name: "",
+      id: "",
+      grade: "three",
       sort: 2,
     };
     AllData.TitleName[3] = {
-      abbreviation: '',
-      Name: '',
-      id: '',
-      grade: 'four',
+      abbreviation: "",
+      Name: "",
+      id: "",
+      grade: "four",
       sort: 3,
     };
     AllData.TitleName[4] = {
-      abbreviation: '',
-      Name: '',
-      id: '',
-      grade: 'five',
+      abbreviation: "",
+      Name: "",
+      id: "",
+      grade: "five",
       sort: 4,
     };
 
@@ -482,22 +510,22 @@
     getData3();
   }
   if (item.sort == 2) {
-    bus.emit('panelDataToMap', {
+    bus.emit("panelDataToMap", {
       name: item.Name,
       id: item.id,
     });
     AllData.TitleName[3] = {
-      abbreviation: '',
-      Name: '',
-      id: '',
-      grade: 'four',
+      abbreviation: "",
+      Name: "",
+      id: "",
+      grade: "four",
       sort: 3,
     };
     AllData.TitleName[4] = {
-      abbreviation: '',
-      Name: '',
-      id: '',
-      grade: 'five',
+      abbreviation: "",
+      Name: "",
+      id: "",
+      grade: "five",
       sort: 4,
     };
 
@@ -507,15 +535,15 @@
     getData4();
   }
   if (item.sort == 3) {
-    bus.emit('panelDataToMap', {
+    bus.emit("panelDataToMap", {
       name: item.Name,
       id: item.id,
     });
     AllData.TitleName[4] = {
-      abbreviation: '',
-      Name: '',
-      id: '',
-      grade: 'five',
+      abbreviation: "",
+      Name: "",
+      id: "",
+      grade: "five",
       sort: 4,
     };
 
@@ -524,73 +552,73 @@
     getData4();
   }
   if (item.sort == 4) {
-    bus.emit('panelDataToMap', {
+    bus.emit("panelDataToMap", {
       name: item.Name,
       id: item.id,
     });
   }
 };
 // 分区点击切换
-const FenQuClick = Row => {
-  console.log('FenQuClick', Row.properties, Row.layerId);
+const FenQuClick = (Row) => {
+  console.log("FenQuClick", Row.properties, Row.layerId);
   //判断点击的是片区还是点位
-  if (Row.layerId == '排水分区') {
+  if (Row.layerId == "排水分区") {
     // 片区
     AllData.RightShow = false;
     AllData.RightShowID = false;
-    AllData.RightShowType = '排水分区';
+    AllData.RightShowType = "排水分区";
     //   if (!!!Row.properties.pid) return;
     //   原本是判断没有pid就不请求↑↑↑,现在gis图层数据改变,从而使用层级来判断↓↓↓
-    if (Row.properties.level == '4') return;
+    if (Row.properties.level == "4") return;
     // 请求面包屑的数据
     let params = {
       regionType: AllData.TypeID,
       id: Number(Row.properties.pid || Row.properties.w_id),
     };
-    MonitorAPI.lineGrade(params).then(res => {
+    MonitorAPI.lineGrade(params).then((res) => {
       if (res && res.code == 200) {
         // 污水
-        AllData.TitleName[0].abbreviation = '高新区';
-        AllData.TitleName[0].id = ''; //分区信息-动态
-        AllData.TitleName[0].grade = 'one'; //分区层级-静态
+        AllData.TitleName[0].abbreviation = "高新区";
+        AllData.TitleName[0].id = ""; //分区信息-动态
+        AllData.TitleName[0].grade = "one"; //分区层级-静态
         AllData.TitleName[0].sort = 0; //面包屑的顺序
-        AllData.TitleName[0].Name = ''; //全称
+        AllData.TitleName[0].Name = ""; //全称
 
         // 设置1 2 3 4 级分区
         clearMianBaoData();
-        res.data.forEach(element => {
-          if (element.grade == 'one') {
+        res.data.forEach((element) => {
+          if (element.grade == "one") {
             AllData.TitleName[1] = {
               abbreviation: element.shortName ? element.shortName : element.name,
               id: element.id,
-              grade: 'two',
+              grade: "two",
               sort: 1,
               Name: element.name,
             };
           }
-          if (element.grade == 'two') {
+          if (element.grade == "two") {
             AllData.TitleName[2] = {
               abbreviation: element.shortName ? element.shortName : element.name,
               id: element.id,
-              grade: 'three',
+              grade: "three",
               sort: 2,
               Name: element.name,
             };
           }
-          if (element.grade == 'three') {
+          if (element.grade == "three") {
             AllData.TitleName[3] = {
               abbreviation: element.shortName ? element.shortName : element.name,
               id: element.id,
-              grade: 'four',
+              grade: "four",
               sort: 3,
               Name: element.name,
             };
           }
-          if (element.grade == 'four') {
+          if (element.grade == "four") {
             AllData.TitleName[4] = {
               abbreviation: element.shortName ? element.shortName : element.name,
               id: element.id,
-              grade: 'five',
+              grade: "five",
               sort: 4,
               Name: element.name,
             };
@@ -599,70 +627,76 @@
         //   }
         // 赋值需要进行echarts数据请求的数据
         AllData.regionGrade =
-          res.data.length == 1 ? 'two' : res.data.length == 2 ? 'three' : res.data.length == 3 ? 'four' : 'five'; //分区级别（one：一级 || two：二级 || three：三级 || four：四级）
+          res.data.length == 1
+            ? "two"
+            : res.data.length == 2
+            ? "three"
+            : res.data.length == 3
+            ? "four"
+            : "five"; //分区级别（one：一级 || two：二级 || three：三级 || four：四级）
         AllData.regionName = AllData.TitleName[res.data.length].Name;
         AllData.waterRegionCode = AllData.TitleName[res.data.length].id;
         clearEchartsData();
-        if (AllData.regionGrade == 'two') {
+        if (AllData.regionGrade == "two") {
           // 二级
-          console.log('二级');
+          console.log("二级");
           getData1();
           getData2();
           getData3();
-        } else if (AllData.regionGrade == 'three') {
+        } else if (AllData.regionGrade == "three") {
           // 三级
-          console.log('三级');
+          console.log("三级");
           getData2();
           getData3();
           getData4();
-        } else if (AllData.regionGrade == 'four') {
+        } else if (AllData.regionGrade == "four") {
           // 四级
-          console.log('四级');
+          console.log("四级");
           getData3();
           getData1();
           getData4();
         } else {
           // 五级  五级为排水单元,由上可知,因为没有pid 所以此方法无效
-          console.log('五级');
+          console.log("五级");
         }
       }
     });
-  } else if (Row.layerId == 'point') {
+  } else if (Row.layerId == "point") {
     // 点位
     if (AllData.RightShowID == Row.properties.id) {
       // 说明是同样的一个点点了两次,所以进行关闭
       AllData.RightShow = false;
-      AllData.RightShowID = '';
+      AllData.RightShowID = "";
     } else {
       // 管点
-      if (Row.properties.pointType == 'sewage_pipeline_quality') {
+      if (Row.properties.pointType == "sewage_pipeline_quality") {
         AllData.ClicksiteName = Row.properties.name;
         AllData.RightShowID = Row.properties.id;
-        AllData.RightShowType = 'sewage_pipeline_quality';
+        AllData.RightShowType = "sewage_pipeline_quality";
         AllData.RightShow = true;
         //   Row.properties.wellCode
         //   获取管网信息
-        console.log('Row', Row);
+        console.log("Row", Row);
         if (!!Row.properties.wellCode) {
           MonitorAPI.pipelinePointPage({
             pointNumber: Row.properties.wellCode,
-          }).then(res => {
+          }).then((res) => {
             if (res && res.code == 200) {
               AllData.GWBD = res.data[0];
             }
           });
         } else {
           AllData.GWBD = {
-            pointType: '--',
-            pointNumber: '--',
-            stAsName: '--',
-            stCode: '--',
-            buildTime: '--',
-            pipelineDiameter: '--',
-            pipelineTexture: '--',
-            issueType: '--',
-            roadName: '--',
-            repairYear: '--',
+            pointType: "--",
+            pointNumber: "--",
+            stAsName: "--",
+            stCode: "--",
+            buildTime: "--",
+            pipelineDiameter: "--",
+            pipelineTexture: "--",
+            issueType: "--",
+            roadName: "--",
+            repairYear: "--",
           };
         }
 
@@ -672,13 +706,13 @@
         //   setTimeout(() => {
         AllData.chartDataRight = {
           yAxis: [],
-          yAxis_Name: '降雨量(mm)',
+          yAxis_Name: "降雨量(mm)",
           yAxis2: [],
-          yAxis2_Name: '流速(m/s)',
+          yAxis2_Name: "流速(m/s)",
           yAxis3: [],
-          yAxis3_Name: '水深(m)',
+          yAxis3_Name: "水深(m)",
           yAxis4: [],
-          yAxis4_Name: '5分钟水量(m³)',
+          yAxis4_Name: "5分钟水量(m³)",
           xAxis: [],
         };
         AllData.refreshRight = 0;
@@ -686,32 +720,32 @@
         //   }, 900);
       }
       // 泵站
-      if (Row.properties.pointType == 'sewage_pump_station_info') {
-        if (Row.properties.id == '') {
+      if (Row.properties.pointType == "sewage_pump_station_info") {
+        if (Row.properties.id == "") {
           // 不展示
-          AllData.ClicksiteName = '';
+          AllData.ClicksiteName = "";
           AllData.RightShow = false;
-          AllData.RightShowID = '';
-          AllData.RightShowType = '';
+          AllData.RightShowID = "";
+          AllData.RightShowType = "";
         } else {
           AllData.ClicksiteName = Row.properties.name;
           AllData.RightShowID = Row.properties.id;
-          AllData.RightShowType = 'sewage_pump_station_info';
+          AllData.RightShowType = "sewage_pump_station_info";
           AllData.RightShow = true;
         }
       }
       // 污水处理厂
-      if (Row.properties.pointType == 'sewage_factory_info') {
-        if (Row.properties.id == '') {
+      if (Row.properties.pointType == "sewage_factory_info") {
+        if (Row.properties.id == "") {
           // 不展示
-          AllData.ClicksiteName = '';
+          AllData.ClicksiteName = "";
           AllData.RightShow = false;
-          AllData.RightShowID = '';
-          AllData.RightShowType = '';
+          AllData.RightShowID = "";
+          AllData.RightShowType = "";
         } else {
           AllData.ClicksiteName = Row.properties.name;
           AllData.RightShowID = Row.properties.id;
-          AllData.RightShowType = 'sewage_factory_info';
+          AllData.RightShowType = "sewage_factory_info";
           AllData.RightShow = true;
         }
       }
@@ -722,31 +756,31 @@
 // 清除面包屑的数据
 const clearMianBaoData = () => {
   AllData.TitleName[1] = {
-    abbreviation: '',
-    Name: '',
-    id: '',
-    grade: 'two',
+    abbreviation: "",
+    Name: "",
+    id: "",
+    grade: "two",
     sort: 1,
   };
   AllData.TitleName[2] = {
-    abbreviation: '',
-    Name: '',
-    id: '',
-    grade: 'three',
+    abbreviation: "",
+    Name: "",
+    id: "",
+    grade: "three",
     sort: 2,
   };
   AllData.TitleName[3] = {
-    abbreviation: '',
-    Name: '',
-    id: '',
-    grade: 'four',
+    abbreviation: "",
+    Name: "",
+    id: "",
+    grade: "four",
     sort: 3,
   };
   AllData.TitleName[4] = {
-    abbreviation: '',
-    Name: '',
-    id: '',
-    grade: 'five',
+    abbreviation: "",
+    Name: "",
+    id: "",
+    grade: "five",
     sort: 4,
   };
 };
@@ -756,56 +790,66 @@
     regionGrade: AllData.regionGrade, //分区级别（one：一级 || two：二级 || three：三级 || four：四级 || five：五级）
     regionName: AllData.regionName, //分区名称
     regionType: AllData.TypeID, //分区类型（sewage：污水 || rain：雨水）
-  }).then(res => {
+  }).then((res) => {
     if (res && res.code == 200) {
-      if (AllData.regionGrade == 'one') {
+      if (AllData.regionGrade == "one") {
         // 一级Ecahrts 名称
-        AllData.chartData2.yAxis_Name = '问题管网';
+        AllData.chartData2.yAxis_Name = "问题管网";
         //   数据赋值
         AllData.chartData2.xAxis = res.data.regionNameList;
         AllData.chartData2.yAxis = res.data.pipelineProblemLengthList;
         AllData.chartData2.yAxis2 = res.data.pipelineLengthList;
-        AllData.chartData2.yAxis2_Name = '总长度';
-        AllData.chartData2.y1_Unit = 'km';
+        AllData.chartData2.yAxis2_Name = "总长度";
+        AllData.chartData2.y1_Unit = "km";
         AllData.refresh2++;
-        AllData.TjData2 = Number(res.data.pipelineLengthList.reduce((accu, curren) => Number(accu) + Number(curren))).toFixed(2);
-        AllData.TjData2Unit = 'km';
+        AllData.TjData2 = Number(
+          res.data.pipelineLengthList.reduce(
+            (accu, curren) => Number(accu) + Number(curren)
+          )
+        ).toFixed(2);
+        AllData.TjData2Unit = "km";
       }
-      if (AllData.regionGrade == 'two') {
+      if (AllData.regionGrade == "two") {
         // 二级Ecahrts 名称
-        AllData.chartData2.yAxis_Name = '问题管网';
+        AllData.chartData2.yAxis_Name = "问题管网";
         //   数据赋值
         AllData.chartData2.xAxis = res.data.regionNameList;
         AllData.chartData2.yAxis = res.data.pipelineProblemLengthList;
         AllData.chartData2.yAxis2 = res.data.pipelineLengthList;
-        AllData.chartData2.yAxis2_Name = '总长度';
-        AllData.chartData2.y1_Unit = 'km';
+        AllData.chartData2.yAxis2_Name = "总长度";
+        AllData.chartData2.y1_Unit = "km";
         AllData.refresh2++;
-        AllData.TjData2 = Number(res.data.pipelineLengthList.reduce((accu, curren) => Number(accu) + Number(curren))).toFixed(2);
-        AllData.TjData2Unit = 'km';
+        AllData.TjData2 = Number(
+          res.data.pipelineLengthList.reduce(
+            (accu, curren) => Number(accu) + Number(curren)
+          )
+        ).toFixed(2);
+        AllData.TjData2Unit = "km";
       }
-      if (AllData.regionGrade == 'four') {
+      if (AllData.regionGrade == "four") {
         AllData.chartData3.xAxis = res.data.problemNameList; //X轴数据
-        AllData.chartData3.y1_Unit = 'km'; //Y轴单位
-        AllData.chartData3.y2_Unit = ''; //2号Y轴单位
+        AllData.chartData3.y1_Unit = "km"; //Y轴单位
+        AllData.chartData3.y2_Unit = ""; //2号Y轴单位
         AllData.chartData3.y2_show = false; //是否展示右侧的2号轴
         AllData.chartData3.yAxis1_bar = res.data.pipelineProblemLengthList; //数据1
-        AllData.chartData3.yAxis1_bar_Name = '片区管网问题'; //数据1的名称
+        AllData.chartData3.yAxis1_bar_Name = "片区管网问题"; //数据1的名称
         AllData.chartData3.yAxis1_bar_index = 0;
         AllData.chartData3.yAxis2_bar = null; //数据2
-        AllData.chartData3.yAxis2_bar_Name = ''; //数据1的名称
+        AllData.chartData3.yAxis2_bar_Name = ""; //数据1的名称
         AllData.chartData3.yAxis2_bar_index = 0;
         AllData.chartData3.yAxis2_line = null;
-        AllData.chartData3.yAxis2_line_Name = '';
+        AllData.chartData3.yAxis2_line_Name = "";
         AllData.chartData3.yAxis2_line_Index = 1;
         AllData.chartData3.yAxis3_line = null;
-        AllData.chartData3.yAxis3_line_Name = '';
+        AllData.chartData3.yAxis3_line_Name = "";
         AllData.chartData3.yAxis3_line_Index = 1;
         AllData.refresh3++;
         AllData.TjData3 = Number(
-          res.data.pipelineProblemLengthList.reduce((accu, curren) => Number(accu) + Number(curren))
+          res.data.pipelineProblemLengthList.reduce(
+            (accu, curren) => Number(accu) + Number(curren)
+          )
         ).toFixed(0);
-        AllData.TjData3Unit = 'km';
+        AllData.TjData3Unit = "km";
         // // 二级Ecahrts 名称
         // AllData.chartData2.yAxis_Name = "问题管网";
         // //   数据赋值
@@ -827,59 +871,63 @@
 const getData2 = () => {
   MonitorAPI.sewageWaterRegionWaterYieldAnalysis({
     sewageWaterRegionId: AllData.waterRegionCode ? AllData.waterRegionCode : 0,
-  }).then(res => {
+  }).then((res) => {
     if (res && res.code == 200) {
       let XData = []; //片区名称
       let data1 = []; //站点数
       let data2 = []; //进水量
       let data3 = []; //出水量
-      res.data.forEach(element => {
+      res.data.forEach((element) => {
         XData.push(element.waterRegionName);
         data1.push(element.siteNum);
         data2.push(element.inWaterYield);
         data3.push(element.outWaterYield);
       });
-      if (AllData.regionGrade == 'one' || AllData.regionGrade == 'three') {
+      if (AllData.regionGrade == "one" || AllData.regionGrade == "three") {
         AllData.chartData3.xAxis = XData; //X轴数据
-        AllData.chartData3.y1_Unit = '万方'; //Y轴单位
-        AllData.chartData3.y2_Unit = '个'; //2号Y轴单位
+        AllData.chartData3.y1_Unit = "万方"; //Y轴单位
+        AllData.chartData3.y2_Unit = "个"; //2号Y轴单位
         AllData.chartData3.y2_show = false; //是否展示右侧的2号轴
         AllData.chartData3.yAxis1_bar = data2; //数据1
-        AllData.chartData3.yAxis1_bar_Name = '进水量'; //数据1的名称
+        AllData.chartData3.yAxis1_bar_Name = "进水量"; //数据1的名称
         AllData.chartData3.yAxis1_bar_index = 0;
         AllData.chartData3.yAxis2_bar = null; //数据2
-        AllData.chartData3.yAxis2_bar_Name = ''; //数据1的名称
+        AllData.chartData3.yAxis2_bar_Name = ""; //数据1的名称
         AllData.chartData3.yAxis2_bar_index = 0;
         AllData.chartData3.yAxis2_line = null;
-        AllData.chartData3.yAxis2_line_Name = '';
+        AllData.chartData3.yAxis2_line_Name = "";
         AllData.chartData3.yAxis2_line_Index = 1;
         AllData.chartData3.yAxis3_line = null;
-        AllData.chartData3.yAxis3_line_Name = '';
+        AllData.chartData3.yAxis3_line_Name = "";
         AllData.chartData3.yAxis3_line_Index = 1;
         AllData.refresh3++;
-        AllData.TjData3 = Number(data2.reduce((accu, curren) => Number(accu) + Number(curren))).toFixed(0);
-        AllData.TjData3Unit = '万方';
+        AllData.TjData3 = Number(
+          data2.reduce((accu, curren) => Number(accu) + Number(curren))
+        ).toFixed(0);
+        AllData.TjData3Unit = "万方";
       }
-      if (AllData.regionGrade == 'two') {
+      if (AllData.regionGrade == "two") {
         AllData.chartData3.xAxis = XData; //X轴数据
-        AllData.chartData3.y1_Unit = '万方'; //Y轴单位
-        AllData.chartData3.y2_Unit = '个'; //2号Y轴单位
+        AllData.chartData3.y1_Unit = "万方"; //Y轴单位
+        AllData.chartData3.y2_Unit = "个"; //2号Y轴单位
         AllData.chartData3.y2_show = false; //是否展示右侧的2号轴
         AllData.chartData3.yAxis1_bar = data2; //数据1
-        AllData.chartData3.yAxis1_bar_Name = '进水量'; //数据1的名称
+        AllData.chartData3.yAxis1_bar_Name = "进水量"; //数据1的名称
         AllData.chartData3.yAxis1_bar_index = 0;
         AllData.chartData3.yAxis2_bar = data3; //数据2
-        AllData.chartData3.yAxis2_bar_Name = '出水量'; //数据1的名称
+        AllData.chartData3.yAxis2_bar_Name = "出水量"; //数据1的名称
         AllData.chartData3.yAxis2_bar_index = 0;
         AllData.chartData3.yAxis2_line = null;
-        AllData.chartData3.yAxis2_line_Name = '';
+        AllData.chartData3.yAxis2_line_Name = "";
         AllData.chartData3.yAxis2_line_Index = 1;
         AllData.chartData3.yAxis3_line = null;
-        AllData.chartData3.yAxis3_line_Name = '';
+        AllData.chartData3.yAxis3_line_Name = "";
         AllData.chartData3.yAxis3_line_Index = 1;
         AllData.refresh3++;
-        AllData.TjData3 = Number(data2.reduce((accu, curren) => Number(accu) + Number(curren))).toFixed(0);
-        AllData.TjData3Unit = '万方';
+        AllData.TjData3 = Number(
+          data2.reduce((accu, curren) => Number(accu) + Number(curren))
+        ).toFixed(0);
+        AllData.TjData3Unit = "万方";
       }
     }
   });
@@ -888,106 +936,116 @@
 const getData3 = () => {
   MonitorAPI.queryDrainageUserInfo({
     regionId: AllData.waterRegionCode,
-  }).then(res => {
+  }).then((res) => {
     if (res && res.code == 200) {
-      if (AllData.regionGrade == 'one' || AllData.regionGrade == 'two' || AllData.regionGrade == 'three') {
+      if (
+        AllData.regionGrade == "one" ||
+        AllData.regionGrade == "two" ||
+        AllData.regionGrade == "three"
+      ) {
         AllData.chartData1.xAxis = res.data.partitionName; //X轴数据
-        AllData.chartData1.y1_Unit = '个'; //Y轴单位
-        AllData.chartData1.y2_Unit = '个'; //2号Y轴单位
+        AllData.chartData1.y1_Unit = "个"; //Y轴单位
+        AllData.chartData1.y2_Unit = "个"; //2号Y轴单位
         AllData.chartData1.y2_show = true; //是否展示右侧的2号轴
         AllData.chartData1.yAxis1_bar = res.data.drainageNumber; //数据1
-        AllData.chartData1.yAxis1_bar_Name = '排水户'; //数据1的名称
+        AllData.chartData1.yAxis1_bar_Name = "排水户"; //数据1的名称
         AllData.chartData1.yAxis1_bar_index = 0;
         AllData.chartData1.yAxis2_bar = res.data.keyDrainageNumber; //数据2
-        AllData.chartData1.yAxis2_bar_Name = '重点排水户'; //数据1的名称
+        AllData.chartData1.yAxis2_bar_Name = "重点排水户"; //数据1的名称
         AllData.chartData1.yAxis2_bar_index = 0;
         AllData.chartData1.yAxis2_line = res.data.rtuNumber;
-        AllData.chartData1.yAxis2_line_Name = '监测设备';
+        AllData.chartData1.yAxis2_line_Name = "监测设备";
         AllData.chartData1.yAxis2_line_Index = 1;
         AllData.chartData1.yAxis3_line = null;
-        AllData.chartData1.yAxis3_line_Name = '';
+        AllData.chartData1.yAxis3_line_Name = "";
         AllData.chartData1.yAxis3_line_Index = 1;
         AllData.refresh1++;
-        AllData.TjData1 = Number(res.data.drainageNumber.reduce((accu, curren) => Number(accu) + Number(curren))).toFixed(0);
-        AllData.TjData1Unit = '个';
+        AllData.TjData1 = Number(
+          res.data.drainageNumber.reduce((accu, curren) => Number(accu) + Number(curren))
+        ).toFixed(0);
+        AllData.TjData1Unit = "个";
       }
-      if (AllData.regionGrade == 'four') {
+      if (AllData.regionGrade == "four") {
         AllData.chartData1.xAxis = res.data.partitionName; //X轴数据
-        AllData.chartData1.y1_Unit = '万方'; //Y轴单位
-        AllData.chartData1.y2_Unit = '个'; //2号Y轴单位
+        AllData.chartData1.y1_Unit = "万方"; //Y轴单位
+        AllData.chartData1.y2_Unit = "个"; //2号Y轴单位
         AllData.chartData1.y2_show = false; //是否展示右侧的2号轴
         AllData.chartData1.yAxis1_bar = res.data.drainageVolume; //数据1
-        AllData.chartData1.yAxis1_bar_Name = '可排水量'; //数据1的名称
+        AllData.chartData1.yAxis1_bar_Name = "可排水量"; //数据1的名称
         AllData.chartData1.yAxis1_bar_index = 0;
         AllData.chartData1.yAxis2_bar = res.data.realTimeDrainage; //数据2
-        AllData.chartData1.yAxis2_bar_Name = '实时排水量'; //数据1的名称
+        AllData.chartData1.yAxis2_bar_Name = "实时排水量"; //数据1的名称
         AllData.chartData1.yAxis2_bar_index = 0;
         AllData.chartData1.yAxis2_line = null;
-        AllData.chartData1.yAxis2_line_Name = '';
+        AllData.chartData1.yAxis2_line_Name = "";
         AllData.chartData1.yAxis2_line_Index = 1;
         AllData.chartData1.yAxis3_line = null;
-        AllData.chartData1.yAxis3_line_Name = '';
+        AllData.chartData1.yAxis3_line_Name = "";
         AllData.chartData1.yAxis3_line_Index = 1;
         AllData.refresh1++;
-        AllData.TjData1 = Number(res.data.drainageVolume.reduce((accu, curren) => Number(accu) + Number(curren))).toFixed(0);
-        AllData.TjData1Unit = '万方';
+        AllData.TjData1 = Number(
+          res.data.drainageVolume.reduce((accu, curren) => Number(accu) + Number(curren))
+        ).toFixed(0);
+        AllData.TjData1Unit = "万方";
       }
     }
   });
 };
 //  获取数据 谢杨   三级界面的排水类别/四级界面的排水类别
 const getData4 = () => {
-  MonitorAPI.queryDrainageType({ regionId: AllData.waterRegionCode }).then(res => {
+  MonitorAPI.queryDrainageType({ regionId: AllData.waterRegionCode }).then((res) => {
     if (res && res.code == 200) {
-      if (AllData.regionGrade == 'three' || AllData.regionGrade == 'four') {
+      if (AllData.regionGrade == "three" || AllData.regionGrade == "four") {
         // 三级Ecahrts 名称
         AllData.chartData2.xAxis = res.data.typeName;
         AllData.chartData2.yAxis = null;
-        AllData.chartData2.yAxis_Name = '';
+        AllData.chartData2.yAxis_Name = "";
         AllData.chartData2.yAxis2 = res.data.typeNumber;
-        AllData.chartData2.yAxis2_Name = '数量';
-        AllData.chartData2.y1_Unit = '个';
+        AllData.chartData2.yAxis2_Name = "数量";
+        AllData.chartData2.y1_Unit = "个";
         AllData.refresh2++;
-        AllData.TjData1 = Number(res.data.typeNumber.reduce((accu, curren) => Number(accu) + Number(curren))).toFixed(0);
-        AllData.TjData1Unit = '个';
+        AllData.TjData1 = Number(
+          res.data.typeNumber.reduce((accu, curren) => Number(accu) + Number(curren))
+        ).toFixed(0);
+        AllData.TjData1Unit = "个";
       }
       //   数据赋值
     }
   });
 };
 // 获取数据 刘芳阳 上下游分析
-const getDataSXY = row => {
+const getDataSXY = (row) => {
   MonitorAPI.siteWaterYieldAnalysis({
     stCode: row.stCode,
     stType: row.pointType,
-    start: moment().format('YYYY-MM-DD') + ' 00:00:00',
-    end: moment().format('YYYY-MM-DD') + ' 23:59:59',
-  }).then(res => {
+    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;
     }
   });
 };
-const GetRightCharts = row => {
+const GetRightCharts = (row) => {
   getEchart({
     stType: row.pointType,
     stCode: row.stCode,
-    start: moment().format('YYYY-MM-DD') + ' 00:00:00',
-    end: moment().format('YYYY-MM-DD') + ' 23:59:59',
-  }).then(res => {
+    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) {
-      res.data.datas.forEach(element => {
+      res.data.datas.forEach((element) => {
         switch (element.dataKey) {
-          case 'z':
+          case "z":
             AllData.chartDataRight.yAxis3 = element.datas;
             break;
-          case 'va':
+          case "va":
             AllData.chartDataRight.yAxis2 = element.datas;
             break;
-          case 'pn05':
+          case "pn05":
             AllData.chartDataRight.yAxis = element.datas;
             break;
-          case 'sbl05':
+          case "sbl05":
             AllData.chartDataRight.yAxis4 = element.datas;
         }
       });
@@ -1002,20 +1060,20 @@
 const clearEchartsData = () => {
   AllData.chartData1 = {
     xAxis: [], //X轴数据
-    y1_Unit: '', //Y轴单位
-    y2_Unit: '', //2号Y轴单位
+    y1_Unit: "", //Y轴单位
+    y2_Unit: "", //2号Y轴单位
     y2_show: false, //是否展示右侧的2号轴
     yAxis1_bar: null, //数据1
-    yAxis1_bar_Name: '', //数据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_Name: "",
     yAxis3_line_Index: 0,
   };
   AllData.refresh1++;
@@ -1023,20 +1081,20 @@
   AllData.TjData1Unit = null;
   AllData.chartData3 = {
     xAxis: [], //X轴数据
-    y1_Unit: '', //Y轴单位
-    y2_Unit: '', //2号Y轴单位
+    y1_Unit: "", //Y轴单位
+    y2_Unit: "", //2号Y轴单位
     y2_show: false, //是否展示右侧的2号轴
     yAxis1_bar: null, //数据1
-    yAxis1_bar_Name: '', //数据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_Name: "",
     yAxis3_line_Index: 0,
   };
   AllData.refresh3++;
@@ -1046,18 +1104,33 @@
     xAxis: [],
     yAxis: [],
     yAxis2: [],
-    yAxis_Name: '',
-    yAxis2_Name: '',
-    y1_Unit: 'km',
+    yAxis_Name: "",
+    yAxis2_Name: "",
+    y1_Unit: "km",
   };
   AllData.refresh2++;
   AllData.TjData2 = null;
   AllData.TjData2Unit = null;
 };
+
+// 打开公共弹窗
+const OpenGongGongDialog = () => {
+  // debugger;
+  let params = {
+    stName: AllData.ClicksiteName,
+    dataCode: "",
+    stType: AllData.RightShowType,
+    stCode: AllData.GWBD.stCode,
+    wellCode: "",
+    id: AllData.RightShowID,
+    dataId: "",
+  };
+  bus.emit("DynamicBus", params);
+};
 onMounted(() => {
   let initeGLTimer = setInterval(() => {
     if (!newfiberMap) return;
-    bus.on('FenQuClick', FenQuClick);
+    bus.on("FenQuClick", FenQuClick);
     getData1();
     getData2();
     getData3();
@@ -1066,7 +1139,7 @@
 });
 
 onBeforeUnmount(() => {
-  bus.off('FenQuClick');
+  bus.off("FenQuClick");
 });
 </script>
 
@@ -1075,7 +1148,7 @@
   .CrumbesTitle {
     width: 100%;
     height: 44px;
-    background: url('@/assets/images/pictureOnMap/eachBgc.png') no-repeat center;
+    background: url("@/assets/images/pictureOnMap/eachBgc.png") no-repeat center;
     background-size: 100% 100%;
     box-sizing: border-box;
     padding-left: 40px;
@@ -1100,6 +1173,7 @@
       overflow: hidden;
       text-overflow: ellipsis; /* 超出宽度200px后显示省略号 */
       white-space: nowrap; /* 限制不允许换行 */
+      cursor: pointer;
     }
   }
   .modular1,
@@ -1136,7 +1210,7 @@
         height: 110px;
         box-sizing: border-box;
         padding: 15px 0;
-        background-image: url('@/assets/images/pictureOnMap/SLFX.png');
+        background-image: url("@/assets/images/pictureOnMap/SLFX.png");
         background-repeat: no-repeat;
         background-size: contain;
 

diff --git a/src/views/pictureOnMap/index.vue b/src/views/pictureOnMap/index.vue
index 192ac0d..d2b6949 100644
--- a/src/views/pictureOnMap/index.vue
+++ b/src/views/pictureOnMap/index.vue
@@ -40,7 +40,7 @@
   </div>
 </template>
 <script setup>
-import { useRouter } from 'vue-router';
+import { useRouter } from "vue-router";
 
 import line from "../../../public/static/libs/mapbox/json/line.json";
 import point from "../../../public/static/libs/mapbox/json/point.json";
@@ -100,7 +100,7 @@
   "dirtyPumpStation", //污水泵站
   "sewageStation", //污水厂
   "gateStation", //闸门
-  'pump_water_level', //泵站液位
+  "pump_water_level", //泵站液位
 ]);
 // 基本数据
 const arrid = ref([
@@ -129,21 +129,22 @@
   }
   console.log("GetcomIDs.value", GetcomIDs.value);
   // 去除排水体系泵站通用弹框
-  console.log('arrid.value',arrid.value);
-  if(type=='rain_water_pump_station_info'&&router.currentRoute.value.fullPath=='/DrainageSystem') return
-    if (arrid.value.includes(type)) {
+  console.log("arrid.value", arrid.value);
+  if (
+    type == "rain_water_pump_station_info" &&
+    router.currentRoute.value.fullPath == "/DrainageSystem"
+  )
+    return;
+  if (arrid.value.includes(type)) {
     dialogConfig.visible = true;
     dialogConfig.dataCode = type;
     dialogConfig.comIDs = GetcomIDs.value;
     dialogConfig.dataID = Getproperties.value.pid
       ? Getproperties.value.pid
       : Getproperties.value.id;
-
   } else {
     return;
   }
-  
-  
 };
 // 类型弹框判断
 const typecodeswitch = (type) => {
@@ -196,7 +197,6 @@
     dialogConfig.dataCode = type;
     dialogConfig.dataID = Getproperties.value.stCode;
     dialogConfig.comIDs = GetcomIDs.value;
-    
   } else {
     return;
   }
@@ -268,7 +268,7 @@
   // debugger;
   let params = {
     dataCode: type,
-    scene: specificFun(type)||'basis_monitor',
+    scene: specificFun(type) || "basis_monitor",
     // scene: "basis_monitor",
     dataId: dataId,
   };
@@ -388,7 +388,7 @@
   console.log("经纬度", lngLat);
   console.log("数据", properties);
   console.log("layerid", layerId);
-    dialogConfig.title = properties.stName || properties.name;
+  dialogConfig.title = properties.stName || properties.name;
 
   // 处理标注
   Getproperties.value = properties;
@@ -501,6 +501,7 @@
   dialogConfig.visible = is;
 };
 function anotherMeht(item) {
+  debugger;
   let properties = {};
   Getproperties.value.stCode = item.stCode || item.siteCode || item.lakeCode;
   Getproperties.value.dataCode = item.dataCode;
@@ -532,7 +533,6 @@
 }
 
 onMounted(() => {
-
   allScreen();
   useStore.getsewageData();
   bus.on("DynamicBus", (item) => {
@@ -569,8 +569,8 @@
   // localStorage.setItem("JCFXDialogTimer", moment().format("YYYY-MM-DD"));
   bus.on("xiaofeifei", (e) => {
     // lngLat, properties = {}, layerId
-    
-    mapClick1(e.geometry.coordinates,e.properties,e.geometry.type);
+
+    mapClick1(e.geometry.coordinates, e.properties, e.geometry.type);
   });
 });
 
diff --git a/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue b/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue
index 97f0cf3..9ecae08 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue
@@ -14,22 +14,22 @@
             v-show="item.abbreviation"
             @click="MBClick(item)"
           >
-            {{ item.grade != 'one' ? '/' : '' }}
-            {{ item.abbreviation ? item.abbreviation : '' }}
+            {{ item.grade != "one" ? "/" : "" }}
+            {{ item.abbreviation ? item.abbreviation : "" }}
           </span>
         </div>
         <div class="modular1">
           <div class="leve2Title">
             {{
-              AllData.regionGrade == 'one'
-                ? '排水户统计'
-                : AllData.regionGrade == 'two'
-                ? '排水户统计'
-                : AllData.regionGrade == 'three'
-                ? '排水户统计'
-                : AllData.regionGrade == 'four'
-                ? '水量统计'
-                : ''
+              AllData.regionGrade == "one"
+                ? "排水户统计"
+                : AllData.regionGrade == "two"
+                ? "排水户统计"
+                : AllData.regionGrade == "three"
+                ? "排水户统计"
+                : AllData.regionGrade == "four"
+                ? "水量统计"
+                : ""
             }}
             {{ AllData.TjData1 ? `(${AllData.TjData1 + AllData.TjData1Unit})` : `` }}
           </div>
@@ -50,15 +50,15 @@
         <div class="modular2">
           <div class="leve2Title">
             {{
-              AllData.regionGrade == 'one'
-                ? '管网统计'
-                : AllData.regionGrade == 'two'
-                ? '管网统计'
-                : AllData.regionGrade == 'three'
-                ? '排水类别'
-                : AllData.regionGrade == 'four'
-                ? '排水类别'
-                : ''
+              AllData.regionGrade == "one"
+                ? "管网统计"
+                : AllData.regionGrade == "two"
+                ? "管网统计"
+                : AllData.regionGrade == "three"
+                ? "排水类别"
+                : AllData.regionGrade == "four"
+                ? "排水类别"
+                : ""
             }}
             {{ AllData.TjData2 ? `(${AllData.TjData2 + AllData.TjData2Unit})` : `` }}
           </div>
@@ -79,15 +79,15 @@
         <div class="modular3">
           <div class="leve2Title">
             {{
-              AllData.regionGrade == 'one'
-                ? '日污水水量'
-                : AllData.regionGrade == 'two'
-                ? '日污水水量'
-                : AllData.regionGrade == 'three'
-                ? '日水量统计'
-                : AllData.regionGrade == 'four'
-                ? '管网统计'
-                : ''
+              AllData.regionGrade == "one"
+                ? "日污水水量"
+                : AllData.regionGrade == "two"
+                ? "日污水水量"
+                : AllData.regionGrade == "three"
+                ? "日水量统计"
+                : AllData.regionGrade == "four"
+                ? "管网统计"
+                : ""
             }}
             {{ AllData.TjData3 ? `(${AllData.TjData3 + AllData.TjData3Unit})` : `` }}
           </div>
@@ -110,11 +110,17 @@
     <Transition name="fade_right">
       <div
         :class="['moduleBox', 'moduleBoxRight']"
-        v-show="!showPanel && AllData.RightShow && AllData.RightShowType == 'sewage_pipeline_quality'"
+        v-show="
+          !showPanel &&
+          AllData.RightShow &&
+          AllData.RightShowType == 'sewage_pipeline_quality'
+        "
       >
         <!-- 顶部公共标题 -->
         <div class="CrumbesTitle">
-          <span class="crumbs2">{{ AllData.ClicksiteName }}</span>
+          <span class="crumbs2" @click="OpenGongGongDialog()">{{
+            AllData.ClicksiteName
+          }}</span>
         </div>
         <div class="modular1_right">
           <RightCharts
@@ -129,7 +135,10 @@
             <!-- 上游水量在接驳口时不展示 -->
             <div class="SLList">
               <div class="SlList1P">
-                <el-tooltip :content="AllData.SLFX.upstreamSiteWaterYield + '万吨'" placement="top">
+                <el-tooltip
+                  :content="AllData.SLFX.upstreamSiteWaterYield + '万吨'"
+                  placement="top"
+                >
                   <span class="SlListNum">{{ AllData.SLFX.upstreamSiteWaterYield }}</span>
                 </el-tooltip>
                 <span class="SlListUnit">万吨</span>
@@ -138,7 +147,10 @@
             </div>
             <div class="SLList">
               <div class="SlList1P">
-                <el-tooltip :content="AllData.SLFX.siteWaterYield + '万吨'" placement="top">
+                <el-tooltip
+                  :content="AllData.SLFX.siteWaterYield + '万吨'"
+                  placement="top"
+                >
                   <span class="SlListNum">{{ AllData.SLFX.siteWaterYield }}</span>
                 </el-tooltip>
                 <span class="SlListUnit">万吨</span>
@@ -153,62 +165,68 @@
             <div class="ListInfo50">
               <div class="ListInfo_label">类型:</div>
               <div class="ListInfo_value">
-                {{ AllData.GWBD.pointType == 'YS' ? '雨水管网' : AllData.GWBD.pointType == 'WS' ? '污水管网' : '--' }}
+                {{
+                  AllData.GWBD.pointType == "YS"
+                    ? "雨水管网"
+                    : AllData.GWBD.pointType == "WS"
+                    ? "污水管网"
+                    : "--"
+                }}
               </div>
             </div>
             <div class="ListInfo50">
               <div class="ListInfo_label">设计编号:</div>
               <div class="ListInfo_value">
-                {{ AllData.GWBD.stAsName ? AllData.GWBD.stAsName : '--' }}
+                {{ AllData.GWBD.stAsName ? AllData.GWBD.stAsName : "--" }}
               </div>
             </div>
             <div class="ListInfo100">
               <div class="ListInfo_label">管井编码:</div>
               <div class="ListInfo_value">
-                {{ AllData.GWBD.pointNumber ? AllData.GWBD.pointNumber : '--' }}
+                {{ AllData.GWBD.pointNumber ? AllData.GWBD.pointNumber : "--" }}
               </div>
             </div>
             <div class="ListInfo100">
               <div class="ListInfo_label">站点编号:</div>
               <div class="ListInfo_value">
-                {{ AllData.GWBD.stCode ? AllData.GWBD.stCode : '--' }}
+                {{ AllData.GWBD.stCode ? AllData.GWBD.stCode : "--" }}
               </div>
             </div>
 
             <div class="ListInfo50">
               <div class="ListInfo_label">年份:</div>
               <div class="ListInfo_value">
-                {{ AllData.GWBD.buildTime ? AllData.GWBD.buildTime : '--' }}
+                {{ AllData.GWBD.buildTime ? AllData.GWBD.buildTime : "--" }}
               </div>
             </div>
             <div class="ListInfo50">
               <div class="ListInfo_label">管径:</div>
               <div class="ListInfo_value">
-                {{ AllData.GWBD.pipelineDiameter ? AllData.GWBD.pipelineDiameter : '--' }}
+                {{ AllData.GWBD.pipelineDiameter ? AllData.GWBD.pipelineDiameter : "--" }}
               </div>
             </div>
             <div class="ListInfo50">
               <div class="ListInfo_label">材质:</div>
               <div class="ListInfo_value">
-                {{ AllData.GWBD.pipelineTexture ? AllData.GWBD.pipelineTexture : '--' }}
+                {{ AllData.GWBD.pipelineTexture ? AllData.GWBD.pipelineTexture : "--" }}
               </div>
             </div>
             <div class="ListInfo50">
               <div class="ListInfo_label">缺陷类型:</div>
               <div class="ListInfo_value">
-                {{ AllData.GWBD.issueType ? AllData.GWBD.issueType : '--' }}
+                {{ AllData.GWBD.issueType ? AllData.GWBD.issueType : "--" }}
               </div>
             </div>
             <div class="ListInfo50">
               <div class="ListInfo_label">标段片区:</div>
               <div class="ListInfo_value">
-                {{ AllData.GWBD.roadName ? AllData.GWBD.roadName : '--' }}
+                {{ AllData.GWBD.roadName ? AllData.GWBD.roadName : "--" }}
               </div>
             </div>
             <div class="ListInfo50">
               <div class="ListInfo_label">末次运维:</div>
               <div class="ListInfo_value">
-                {{ AllData.GWBD.repairYear ? AllData.GWBD.repairYear : '--' }}
+                {{ AllData.GWBD.repairYear ? AllData.GWBD.repairYear : "--" }}
               </div>
             </div>
           </div>
@@ -219,15 +237,25 @@
     <Transition name="fade_right">
       <div
         :class="['moduleBox', 'moduleBoxRight']"
-        v-if="!showPanel && AllData.RightShow && AllData.RightShowType == 'sewage_pump_station_info'"
+        v-if="
+          !showPanel &&
+          AllData.RightShow &&
+          AllData.RightShowType == 'sewage_pump_station_info'
+        "
       >
         <!-- 顶部公共标题 -->
         <div class="CrumbesTitle">
-          <span class="crumbs2">{{ AllData.ClicksiteName }}</span>
+          <span class="crumbs2" @click="OpenGongGongDialog()">{{
+            AllData.ClicksiteName
+          }}</span>
         </div>
 
         <div class="modularRight2">
-          <BengZhanInfo :Datatype="AllData.RightShowType" :DataId="AllData.RightShowID" :Type="AllData.TypeID"></BengZhanInfo>
+          <BengZhanInfo
+            :Datatype="AllData.RightShowType"
+            :DataId="AllData.RightShowID"
+            :Type="AllData.TypeID"
+          ></BengZhanInfo>
         </div>
       </div>
     </Transition>
@@ -235,71 +263,71 @@
 </template>
 
 <script setup name="WSIndex">
-import { ref, reactive, toRefs, onMounted, nextTick } from 'vue';
-import bus from '@/bus';
+import { ref, reactive, toRefs, onMounted, nextTick } from "vue";
+import bus from "@/bus";
 // 引入接口
-import * as MonitorAPI from '@/api/MonitoringAnalysis.js';
-import moment from 'moment';
-import { getEchart } from '@/api/MonitorAssetsOnMap';
+import * as MonitorAPI from "@/api/MonitoringAnalysis.js";
+import moment from "moment";
+import { getEchart } from "@/api/MonitorAssetsOnMap";
 
 // 引入echarts组件
 // 纵向立体柱状体以及标线和折现
-import DraBarCharts2Y from './components/DraBarCharts2Y.vue';
+import DraBarCharts2Y from "./components/DraBarCharts2Y.vue";
 //横向的两组柱状图堆叠
-import DraBarChartsLeft from './components/DraBarChartsLeft.vue';
+import DraBarChartsLeft from "./components/DraBarChartsLeft.vue";
 // 右侧面板接入
-import RightCharts from './components/RightCharts.vue';
-import BengZhanInfo from './BengZhanRight.vue';
+import RightCharts from "./components/RightCharts.vue";
+import BengZhanInfo from "./BengZhanRight.vue";
 // 面板控制组件
-import PanelDisplayHidden from '@/views/pictureOnMap/page/components/PanelDisplayHidden.vue';
+import PanelDisplayHidden from "@/views/pictureOnMap/page/components/PanelDisplayHidden.vue";
 const showPanel = ref(false); //面板展开收起
-const PanelChange = val => {
+const PanelChange = (val) => {
   showPanel.value = val;
 };
 
 const AllData = reactive({
-  TypeID: 'sewage',
-  regionGrade: 'one', //分区级别（one：一级 || two：二级 || three：三级 || four：四级）
-  regionName: '', //分区名称
-  waterRegionCode: '', //分区编号
+  TypeID: "sewage",
+  regionGrade: "one", //分区级别（one：一级 || two：二级 || three：三级 || four：四级）
+  regionName: "", //分区名称
+  waterRegionCode: "", //分区编号
   RightShow: false, //右侧面板是否显示--基于是否选择站点进行判断
-  RightShowID: '',
-  RightShowType: '',
+  RightShowID: "",
+  RightShowType: "",
   TitleName: [
     {
-      abbreviation: '高新区', //分区缩写-动态
-      id: '', //分区信息-动态
-      grade: 'one', //分区层级-静态(查询数据用)
+      abbreviation: "高新区", //分区缩写-动态
+      id: "", //分区信息-动态
+      grade: "one", //分区层级-静态(查询数据用)
       sort: 0, //面包屑的顺序
-      Name: '', //全称
+      Name: "", //全称
     },
     {
-      abbreviation: '', //分区缩写-动态
-      id: '', //分区信息-动态
-      grade: 'two', //分区层级-静态
+      abbreviation: "", //分区缩写-动态
+      id: "", //分区信息-动态
+      grade: "two", //分区层级-静态
       sort: 1, //面包屑的顺序
-      Name: '', //全称
+      Name: "", //全称
     },
     {
-      abbreviation: '', //分区缩写-动态
-      id: '', //分区信息-动态
-      grade: 'three', //分区层级-静态
+      abbreviation: "", //分区缩写-动态
+      id: "", //分区信息-动态
+      grade: "three", //分区层级-静态
       sort: 2, //面包屑的顺序
-      Name: '', //全称
+      Name: "", //全称
     },
     {
-      abbreviation: '', //分区缩写-动态
-      id: '', //分区信息-动态
-      grade: 'four', //分区层级-静态
+      abbreviation: "", //分区缩写-动态
+      id: "", //分区信息-动态
+      grade: "four", //分区层级-静态
       sort: 3, //面包屑的顺序
-      Name: '', //全称
+      Name: "", //全称
     },
     {
-      abbreviation: '', //分区缩写-动态
-      id: '', //分区信息-动态
-      grade: 'five', //分区层级-静态
+      abbreviation: "", //分区缩写-动态
+      id: "", //分区信息-动态
+      grade: "five", //分区层级-静态
       sort: 4, //面包屑的顺序
-      Name: '', //全称
+      Name: "", //全称
     },
   ],
   //   Ecahrts数据
@@ -323,84 +351,84 @@
     // yAxis3_line_Name: "库容量",
     // yAxis3_line_Index: 1,
     xAxis: [], //X轴数据
-    y1_Unit: '', //Y轴单位
-    y2_Unit: '', //Y轴单位
+    y1_Unit: "", //Y轴单位
+    y2_Unit: "", //Y轴单位
     y2_show: false,
     yAxis1_bar: [], //数据1
-    yAxis1_bar_Name: '', //数据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_Name: "",
     yAxis3_line_Index: 0,
   },
   refresh1: 0,
-  ClickData1: 'dgtxg',
+  ClickData1: "dgtxg",
   //   流域管网
   chartData2: {
     xAxis: [],
     yAxis: [],
     yAxis2: [],
-    yAxis_Name: '',
-    yAxis2_Name: '',
+    yAxis_Name: "",
+    yAxis2_Name: "",
   },
   refresh2: 0,
-  ClickData2: 'dgtxg',
+  ClickData2: "dgtxg",
   //   河湖排口
   chartData3: {
     // 三级
     xAxis: [], //X轴数据
-    y1_Unit: '', //Y轴单位
-    y2_Unit: '', //Y轴单位
+    y1_Unit: "", //Y轴单位
+    y2_Unit: "", //Y轴单位
     y2_show: false,
     yAxis1_bar: [], //数据1
-    yAxis1_bar_Name: '', //数据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_Name: "",
     yAxis3_line_Index: 0,
   },
   refresh3: 0,
-  ClickData3: 'dgtxg',
+  ClickData3: "dgtxg",
   GWBD: {},
   SLFX: {},
   chartDataRight: {
     yAxis: [],
-    yAxis_Name: '降雨量(mm)',
+    yAxis_Name: "降雨量(mm)",
     yAxis2: [],
-    yAxis2_Name: '流速(m/s)',
+    yAxis2_Name: "流速(m/s)",
     yAxis3: [],
-    yAxis3_Name: '水深(m)',
+    yAxis3_Name: "水深(m)",
     yAxis4: [],
-    yAxis4_Name: '5分钟水量(m³)',
+    yAxis4_Name: "5分钟水量(m³)",
     xAxis: [],
   },
   refreshRight: 0,
-  ClicksiteName: '',
+  ClicksiteName: "",
   TjData1: 0,
-  TjData1Unit: '',
+  TjData1Unit: "",
   TjData2: 0,
-  TjData2Unit: '',
+  TjData2Unit: "",
   TjData3: 0,
-  TjData3Unit: '',
+  TjData3Unit: "",
 });
 // 面包屑点击事件
-const MBClick = item => {
+const MBClick = (item) => {
   console.log(item);
   AllData.RightShow = false;
-  AllData.RightShowID = '';
-  AllData.RightShowType = '';
+  AllData.RightShowID = "";
+  AllData.RightShowType = "";
   // 赋值需要进行echarts数据请求的数据
   AllData.regionGrade = item.grade;
   AllData.regionName = item.Name;
@@ -412,35 +440,35 @@
     // 回到默认图层
     newfiberMap.map.easeTo(newfiberMap.config_.params.init);
     bus.emit(mapInitBusName);
-    AllData.regionGrade = 'one';
-    AllData.regionName = '';
-    AllData.waterRegionCode = '';
+    AllData.regionGrade = "one";
+    AllData.regionName = "";
+    AllData.waterRegionCode = "";
     AllData.TitleName[1] = {
-      abbreviation: '',
-      Name: '',
-      id: '',
-      grade: 'two',
+      abbreviation: "",
+      Name: "",
+      id: "",
+      grade: "two",
       sort: 1,
     };
     AllData.TitleName[2] = {
-      abbreviation: '',
-      Name: '',
-      id: '',
-      grade: 'three',
+      abbreviation: "",
+      Name: "",
+      id: "",
+      grade: "three",
       sort: 2,
     };
     AllData.TitleName[3] = {
-      abbreviation: '',
-      Name: '',
-      id: '',
-      grade: 'four',
+      abbreviation: "",
+      Name: "",
+      id: "",
+      grade: "four",
       sort: 3,
     };
     AllData.TitleName[4] = {
-      abbreviation: '',
-      Name: '',
-      id: '',
-      grade: 'five',
+      abbreviation: "",
+      Name: "",
+      id: "",
+      grade: "five",
       sort: 4,
     };
 
@@ -450,29 +478,29 @@
     getData3();
   }
   if (item.sort == 1) {
-    bus.emit('panelDataToMap', {
+    bus.emit("panelDataToMap", {
       name: item.Name,
       id: item.id,
     });
     AllData.TitleName[2] = {
-      abbreviation: '',
-      Name: '',
-      id: '',
-      grade: 'three',
+      abbreviation: "",
+      Name: "",
+      id: "",
+      grade: "three",
       sort: 2,
     };
     AllData.TitleName[3] = {
-      abbreviation: '',
-      Name: '',
-      id: '',
-      grade: 'four',
+      abbreviation: "",
+      Name: "",
+      id: "",
+      grade: "four",
       sort: 3,
     };
     AllData.TitleName[4] = {
-      abbreviation: '',
-      Name: '',
-      id: '',
-      grade: 'five',
+      abbreviation: "",
+      Name: "",
+      id: "",
+      grade: "five",
       sort: 4,
     };
 
@@ -482,22 +510,22 @@
     getData3();
   }
   if (item.sort == 2) {
-    bus.emit('panelDataToMap', {
+    bus.emit("panelDataToMap", {
       name: item.Name,
       id: item.id,
     });
     AllData.TitleName[3] = {
-      abbreviation: '',
-      Name: '',
-      id: '',
-      grade: 'four',
+      abbreviation: "",
+      Name: "",
+      id: "",
+      grade: "four",
       sort: 3,
     };
     AllData.TitleName[4] = {
-      abbreviation: '',
-      Name: '',
-      id: '',
-      grade: 'five',
+      abbreviation: "",
+      Name: "",
+      id: "",
+      grade: "five",
       sort: 4,
     };
 
@@ -507,15 +535,15 @@
     getData4();
   }
   if (item.sort == 3) {
-    bus.emit('panelDataToMap', {
+    bus.emit("panelDataToMap", {
       name: item.Name,
       id: item.id,
     });
     AllData.TitleName[4] = {
-      abbreviation: '',
-      Name: '',
-      id: '',
-      grade: 'five',
+      abbreviation: "",
+      Name: "",
+      id: "",
+      grade: "five",
       sort: 4,
     };
 
@@ -524,73 +552,73 @@
     getData4();
   }
   if (item.sort == 4) {
-    bus.emit('panelDataToMap', {
+    bus.emit("panelDataToMap", {
       name: item.Name,
       id: item.id,
     });
   }
 };
 // 分区点击切换
-const FenQuClick = Row => {
-  console.log('FenQuClick', Row.properties, Row.layerId);
+const FenQuClick = (Row) => {
+  console.log("FenQuClick", Row.properties, Row.layerId);
   //判断点击的是片区还是点位
-  if (Row.layerId == '排水分区') {
+  if (Row.layerId == "排水分区") {
     // 片区
     AllData.RightShow = false;
     AllData.RightShowID = false;
-    AllData.RightShowType = '排水分区';
+    AllData.RightShowType = "排水分区";
     //   if (!!!Row.properties.pid) return;
     //   原本是判断没有pid就不请求↑↑↑,现在gis图层数据改变,从而使用层级来判断↓↓↓
-    if (Row.properties.level == '4') return;
+    if (Row.properties.level == "4") return;
     // 请求面包屑的数据
     let params = {
       regionType: AllData.TypeID,
       id: Number(Row.properties.pid || Row.properties.w_id),
     };
-    MonitorAPI.lineGrade(params).then(res => {
+    MonitorAPI.lineGrade(params).then((res) => {
       if (res && res.code == 200) {
         // 污水
-        AllData.TitleName[0].abbreviation = '高新区';
-        AllData.TitleName[0].id = ''; //分区信息-动态
-        AllData.TitleName[0].grade = 'one'; //分区层级-静态
+        AllData.TitleName[0].abbreviation = "高新区";
+        AllData.TitleName[0].id = ""; //分区信息-动态
+        AllData.TitleName[0].grade = "one"; //分区层级-静态
         AllData.TitleName[0].sort = 0; //面包屑的顺序
-        AllData.TitleName[0].Name = ''; //全称
+        AllData.TitleName[0].Name = ""; //全称
 
         // 设置1 2 3 4 级分区
         clearMianBaoData();
-        res.data.forEach(element => {
-          if (element.grade == 'one') {
+        res.data.forEach((element) => {
+          if (element.grade == "one") {
             AllData.TitleName[1] = {
               abbreviation: element.shortName ? element.shortName : element.name,
               id: element.id,
-              grade: 'two',
+              grade: "two",
               sort: 1,
               Name: element.name,
             };
           }
-          if (element.grade == 'two') {
+          if (element.grade == "two") {
             AllData.TitleName[2] = {
               abbreviation: element.shortName ? element.shortName : element.name,
               id: element.id,
-              grade: 'three',
+              grade: "three",
               sort: 2,
               Name: element.name,
             };
           }
-          if (element.grade == 'three') {
+          if (element.grade == "three") {
             AllData.TitleName[3] = {
               abbreviation: element.shortName ? element.shortName : element.name,
               id: element.id,
-              grade: 'four',
+              grade: "four",
               sort: 3,
               Name: element.name,
             };
           }
-          if (element.grade == 'four') {
+          if (element.grade == "four") {
             AllData.TitleName[4] = {
               abbreviation: element.shortName ? element.shortName : element.name,
               id: element.id,
-              grade: 'five',
+              grade: "five",
               sort: 4,
               Name: element.name,
             };
@@ -599,70 +627,76 @@
         //   }
         // 赋值需要进行echarts数据请求的数据
         AllData.regionGrade =
-          res.data.length == 1 ? 'two' : res.data.length == 2 ? 'three' : res.data.length == 3 ? 'four' : 'five'; //分区级别（one：一级 || two：二级 || three：三级 || four：四级）
+          res.data.length == 1
+            ? "two"
+            : res.data.length == 2
+            ? "three"
+            : res.data.length == 3
+            ? "four"
+            : "five"; //分区级别（one：一级 || two：二级 || three：三级 || four：四级）
         AllData.regionName = AllData.TitleName[res.data.length].Name;
         AllData.waterRegionCode = AllData.TitleName[res.data.length].id;
         clearEchartsData();
-        if (AllData.regionGrade == 'two') {
+        if (AllData.regionGrade == "two") {
           // 二级
-          console.log('二级');
+          console.log("二级");
           getData1();
           getData2();
           getData3();
-        } else if (AllData.regionGrade == 'three') {
+        } else if (AllData.regionGrade == "three") {
           // 三级
-          console.log('三级');
+          console.log("三级");
           getData2();
           getData3();
           getData4();
-        } else if (AllData.regionGrade == 'four') {
+        } else if (AllData.regionGrade == "four") {
           // 四级
-          console.log('四级');
+          console.log("四级");
           getData3();
           getData1();
           getData4();
         } else {
           // 五级  五级为排水单元,由上可知,因为没有pid 所以此方法无效
-          console.log('五级');
+          console.log("五级");
         }
       }
     });
-  } else if (Row.layerId == 'point') {
+  } else if (Row.layerId == "point") {
     // 点位
     if (AllData.RightShowID == Row.properties.id) {
       // 说明是同样的一个点点了两次,所以进行关闭
       AllData.RightShow = false;
-      AllData.RightShowID = '';
+      AllData.RightShowID = "";
     } else {
       // 管点
-      if (Row.properties.pointType == 'sewage_pipeline_quality') {
+      if (Row.properties.pointType == "sewage_pipeline_quality") {
         AllData.ClicksiteName = Row.properties.name;
         AllData.RightShowID = Row.properties.id;
-        AllData.RightShowType = 'sewage_pipeline_quality';
+        AllData.RightShowType = "sewage_pipeline_quality";
         AllData.RightShow = true;
         //   Row.properties.wellCode
         //   获取管网信息
-        console.log('Row', Row);
+        console.log("Row", Row);
         if (!!Row.properties.wellCode) {
           MonitorAPI.pipelinePointPage({
             pointNumber: Row.properties.wellCode,
-          }).then(res => {
+          }).then((res) => {
             if (res && res.code == 200) {
               AllData.GWBD = res.data[0];
             }
           });
         } else {
           AllData.GWBD = {
-            pointType: '--',
-            pointNumber: '--',
-            stAsName: '--',
-            stCode: '--',
-            buildTime: '--',
-            pipelineDiameter: '--',
-            pipelineTexture: '--',
-            issueType: '--',
-            roadName: '--',
-            repairYear: '--',
+            pointType: "--",
+            pointNumber: "--",
+            stAsName: "--",
+            stCode: "--",
+            buildTime: "--",
+            pipelineDiameter: "--",
+            pipelineTexture: "--",
+            issueType: "--",
+            roadName: "--",
+            repairYear: "--",
           };
         }
 
@@ -672,13 +706,13 @@
         //   setTimeout(() => {
         AllData.chartDataRight = {
           yAxis: [],
-          yAxis_Name: '降雨量(mm)',
+          yAxis_Name: "降雨量(mm)",
           yAxis2: [],
-          yAxis2_Name: '流速(m/s)',
+          yAxis2_Name: "流速(m/s)",
           yAxis3: [],
-          yAxis3_Name: '水深(m)',
+          yAxis3_Name: "水深(m)",
           yAxis4: [],
-          yAxis4_Name: '5分钟水量(m³)',
+          yAxis4_Name: "5分钟水量(m³)",
           xAxis: [],
         };
         AllData.refreshRight = 0;
@@ -686,32 +720,32 @@
         //   }, 900);
       }
       // 泵站
-      if (Row.properties.pointType == 'sewage_pump_station_info') {
-        if (Row.properties.id == '') {
+      if (Row.properties.pointType == "sewage_pump_station_info") {
+        if (Row.properties.id == "") {
           // 不展示
-          AllData.ClicksiteName = '';
+          AllData.ClicksiteName = "";
           AllData.RightShow = false;
-          AllData.RightShowID = '';
-          AllData.RightShowType = '';
+          AllData.RightShowID = "";
+          AllData.RightShowType = "";
         } else {
           AllData.ClicksiteName = Row.properties.name;
           AllData.RightShowID = Row.properties.id;
-          AllData.RightShowType = 'sewage_pump_station_info';
+          AllData.RightShowType = "sewage_pump_station_info";
           AllData.RightShow = true;
         }
       }
       // 污水处理厂
-      if (Row.properties.pointType == 'sewage_factory_info') {
-        if (Row.properties.id == '') {
+      if (Row.properties.pointType == "sewage_factory_info") {
+        if (Row.properties.id == "") {
           // 不展示
-          AllData.ClicksiteName = '';
+          AllData.ClicksiteName = "";
           AllData.RightShow = false;
-          AllData.RightShowID = '';
-          AllData.RightShowType = '';
+          AllData.RightShowID = "";
+          AllData.RightShowType = "";
         } else {
           AllData.ClicksiteName = Row.properties.name;
           AllData.RightShowID = Row.properties.id;
-          AllData.RightShowType = 'sewage_factory_info';
+          AllData.RightShowType = "sewage_factory_info";
           AllData.RightShow = true;
         }
       }
@@ -722,31 +756,31 @@
 // 清除面包屑的数据
 const clearMianBaoData = () => {
   AllData.TitleName[1] = {
-    abbreviation: '',
-    Name: '',
-    id: '',
-    grade: 'two',
+    abbreviation: "",
+    Name: "",
+    id: "",
+    grade: "two",
     sort: 1,
   };
   AllData.TitleName[2] = {
-    abbreviation: '',
-    Name: '',
-    id: '',
-    grade: 'three',
+    abbreviation: "",
+    Name: "",
+    id: "",
+    grade: "three",
     sort: 2,
   };
   AllData.TitleName[3] = {
-    abbreviation: '',
-    Name: '',
-    id: '',
-    grade: 'four',
+    abbreviation: "",
+    Name: "",
+    id: "",
+    grade: "four",
     sort: 3,
   };
   AllData.TitleName[4] = {
-    abbreviation: '',
-    Name: '',
-    id: '',
-    grade: 'five',
+    abbreviation: "",
+    Name: "",
+    id: "",
+    grade: "five",
     sort: 4,
   };
 };
@@ -756,56 +790,66 @@
     regionGrade: AllData.regionGrade, //分区级别（one：一级 || two：二级 || three：三级 || four：四级 || five：五级）
     regionName: AllData.regionName, //分区名称
     regionType: AllData.TypeID, //分区类型（sewage：污水 || rain：雨水）
-  }).then(res => {
+  }).then((res) => {
     if (res && res.code == 200) {
-      if (AllData.regionGrade == 'one') {
+      if (AllData.regionGrade == "one") {
         // 一级Ecahrts 名称
-        AllData.chartData2.yAxis_Name = '问题管网';
+        AllData.chartData2.yAxis_Name = "问题管网";
         //   数据赋值
         AllData.chartData2.xAxis = res.data.regionNameList;
         AllData.chartData2.yAxis = res.data.pipelineProblemLengthList;
         AllData.chartData2.yAxis2 = res.data.pipelineLengthList;
-        AllData.chartData2.yAxis2_Name = '总长度';
-        AllData.chartData2.y1_Unit = 'km';
+        AllData.chartData2.yAxis2_Name = "总长度";
+        AllData.chartData2.y1_Unit = "km";
         AllData.refresh2++;
-        AllData.TjData2 = Number(res.data.pipelineLengthList.reduce((accu, curren) => Number(accu) + Number(curren))).toFixed(2);
-        AllData.TjData2Unit = 'km';
+        AllData.TjData2 = Number(
+          res.data.pipelineLengthList.reduce(
+            (accu, curren) => Number(accu) + Number(curren)
+          )
+        ).toFixed(2);
+        AllData.TjData2Unit = "km";
       }
-      if (AllData.regionGrade == 'two') {
+      if (AllData.regionGrade == "two") {
         // 二级Ecahrts 名称
-        AllData.chartData2.yAxis_Name = '问题管网';
+        AllData.chartData2.yAxis_Name = "问题管网";
         //   数据赋值
         AllData.chartData2.xAxis = res.data.regionNameList;
         AllData.chartData2.yAxis = res.data.pipelineProblemLengthList;
         AllData.chartData2.yAxis2 = res.data.pipelineLengthList;
-        AllData.chartData2.yAxis2_Name = '总长度';
-        AllData.chartData2.y1_Unit = 'km';
+        AllData.chartData2.yAxis2_Name = "总长度";
+        AllData.chartData2.y1_Unit = "km";
         AllData.refresh2++;
-        AllData.TjData2 = Number(res.data.pipelineLengthList.reduce((accu, curren) => Number(accu) + Number(curren))).toFixed(2);
-        AllData.TjData2Unit = 'km';
+        AllData.TjData2 = Number(
+          res.data.pipelineLengthList.reduce(
+            (accu, curren) => Number(accu) + Number(curren)
+          )
+        ).toFixed(2);
+        AllData.TjData2Unit = "km";
       }
-      if (AllData.regionGrade == 'four') {
+      if (AllData.regionGrade == "four") {
         AllData.chartData3.xAxis = res.data.problemNameList; //X轴数据
-        AllData.chartData3.y1_Unit = 'km'; //Y轴单位
-        AllData.chartData3.y2_Unit = ''; //2号Y轴单位
+        AllData.chartData3.y1_Unit = "km"; //Y轴单位
+        AllData.chartData3.y2_Unit = ""; //2号Y轴单位
         AllData.chartData3.y2_show = false; //是否展示右侧的2号轴
         AllData.chartData3.yAxis1_bar = res.data.pipelineProblemLengthList; //数据1
-        AllData.chartData3.yAxis1_bar_Name = '片区管网问题'; //数据1的名称
+        AllData.chartData3.yAxis1_bar_Name = "片区管网问题"; //数据1的名称
         AllData.chartData3.yAxis1_bar_index = 0;
         AllData.chartData3.yAxis2_bar = null; //数据2
-        AllData.chartData3.yAxis2_bar_Name = ''; //数据1的名称
+        AllData.chartData3.yAxis2_bar_Name = ""; //数据1的名称
         AllData.chartData3.yAxis2_bar_index = 0;
         AllData.chartData3.yAxis2_line = null;
-        AllData.chartData3.yAxis2_line_Name = '';
+        AllData.chartData3.yAxis2_line_Name = "";
         AllData.chartData3.yAxis2_line_Index = 1;
         AllData.chartData3.yAxis3_line = null;
-        AllData.chartData3.yAxis3_line_Name = '';
+        AllData.chartData3.yAxis3_line_Name = "";
         AllData.chartData3.yAxis3_line_Index = 1;
         AllData.refresh3++;
         AllData.TjData3 = Number(
-          res.data.pipelineProblemLengthList.reduce((accu, curren) => Number(accu) + Number(curren))
+          res.data.pipelineProblemLengthList.reduce(
+            (accu, curren) => Number(accu) + Number(curren)
+          )
         ).toFixed(0);
-        AllData.TjData3Unit = 'km';
+        AllData.TjData3Unit = "km";
         // // 二级Ecahrts 名称
         // AllData.chartData2.yAxis_Name = "问题管网";
         // //   数据赋值
@@ -827,59 +871,63 @@
 const getData2 = () => {
   MonitorAPI.sewageWaterRegionWaterYieldAnalysis({
     sewageWaterRegionId: AllData.waterRegionCode ? AllData.waterRegionCode : 0,
-  }).then(res => {
+  }).then((res) => {
     if (res && res.code == 200) {
       let XData = []; //片区名称
       let data1 = []; //站点数
       let data2 = []; //进水量
       let data3 = []; //出水量
-      res.data.forEach(element => {
+      res.data.forEach((element) => {
         XData.push(element.waterRegionName);
         data1.push(element.siteNum);
         data2.push(element.inWaterYield);
         data3.push(element.outWaterYield);
       });
-      if (AllData.regionGrade == 'one' || AllData.regionGrade == 'three') {
+      if (AllData.regionGrade == "one" || AllData.regionGrade == "three") {
         AllData.chartData3.xAxis = XData; //X轴数据
-        AllData.chartData3.y1_Unit = '万方'; //Y轴单位
-        AllData.chartData3.y2_Unit = '个'; //2号Y轴单位
+        AllData.chartData3.y1_Unit = "万方"; //Y轴单位
+        AllData.chartData3.y2_Unit = "个"; //2号Y轴单位
         AllData.chartData3.y2_show = false; //是否展示右侧的2号轴
         AllData.chartData3.yAxis1_bar = data2; //数据1
-        AllData.chartData3.yAxis1_bar_Name = '进水量'; //数据1的名称
+        AllData.chartData3.yAxis1_bar_Name = "进水量"; //数据1的名称
         AllData.chartData3.yAxis1_bar_index = 0;
         AllData.chartData3.yAxis2_bar = null; //数据2
-        AllData.chartData3.yAxis2_bar_Name = ''; //数据1的名称
+        AllData.chartData3.yAxis2_bar_Name = ""; //数据1的名称
         AllData.chartData3.yAxis2_bar_index = 0;
         AllData.chartData3.yAxis2_line = null;
-        AllData.chartData3.yAxis2_line_Name = '';
+        AllData.chartData3.yAxis2_line_Name = "";
         AllData.chartData3.yAxis2_line_Index = 1;
         AllData.chartData3.yAxis3_line = null;
-        AllData.chartData3.yAxis3_line_Name = '';
+        AllData.chartData3.yAxis3_line_Name = "";
         AllData.chartData3.yAxis3_line_Index = 1;
         AllData.refresh3++;
-        AllData.TjData3 = Number(data2.reduce((accu, curren) => Number(accu) + Number(curren))).toFixed(0);
-        AllData.TjData3Unit = '万方';
+        AllData.TjData3 = Number(
+          data2.reduce((accu, curren) => Number(accu) + Number(curren))
+        ).toFixed(0);
+        AllData.TjData3Unit = "万方";
       }
-      if (AllData.regionGrade == 'two') {
+      if (AllData.regionGrade == "two") {
         AllData.chartData3.xAxis = XData; //X轴数据
-        AllData.chartData3.y1_Unit = '万方'; //Y轴单位
-        AllData.chartData3.y2_Unit = '个'; //2号Y轴单位
+        AllData.chartData3.y1_Unit = "万方"; //Y轴单位
+        AllData.chartData3.y2_Unit = "个"; //2号Y轴单位
         AllData.chartData3.y2_show = false; //是否展示右侧的2号轴
         AllData.chartData3.yAxis1_bar = data2; //数据1
-        AllData.chartData3.yAxis1_bar_Name = '进水量'; //数据1的名称
+        AllData.chartData3.yAxis1_bar_Name = "进水量"; //数据1的名称
         AllData.chartData3.yAxis1_bar_index = 0;
         AllData.chartData3.yAxis2_bar = data3; //数据2
-        AllData.chartData3.yAxis2_bar_Name = '出水量'; //数据1的名称
+        AllData.chartData3.yAxis2_bar_Name = "出水量"; //数据1的名称
         AllData.chartData3.yAxis2_bar_index = 0;
         AllData.chartData3.yAxis2_line = null;
-        AllData.chartData3.yAxis2_line_Name = '';
+        AllData.chartData3.yAxis2_line_Name = "";
         AllData.chartData3.yAxis2_line_Index = 1;
         AllData.chartData3.yAxis3_line = null;
-        AllData.chartData3.yAxis3_line_Name = '';
+        AllData.chartData3.yAxis3_line_Name = "";
         AllData.chartData3.yAxis3_line_Index = 1;
         AllData.refresh3++;
-        AllData.TjData3 = Number(data2.reduce((accu, curren) => Number(accu) + Number(curren))).toFixed(0);
-        AllData.TjData3Unit = '万方';
+        AllData.TjData3 = Number(
+          data2.reduce((accu, curren) => Number(accu) + Number(curren))
+        ).toFixed(0);
+        AllData.TjData3Unit = "万方";
       }
     }
   });
@@ -888,106 +936,116 @@
 const getData3 = () => {
   MonitorAPI.queryDrainageUserInfo({
     regionId: AllData.waterRegionCode,
-  }).then(res => {
+  }).then((res) => {
     if (res && res.code == 200) {
-      if (AllData.regionGrade == 'one' || AllData.regionGrade == 'two' || AllData.regionGrade == 'three') {
+      if (
+        AllData.regionGrade == "one" ||
+        AllData.regionGrade == "two" ||
+        AllData.regionGrade == "three"
+      ) {
         AllData.chartData1.xAxis = res.data.partitionName; //X轴数据
-        AllData.chartData1.y1_Unit = '个'; //Y轴单位
-        AllData.chartData1.y2_Unit = '个'; //2号Y轴单位
+        AllData.chartData1.y1_Unit = "个"; //Y轴单位
+        AllData.chartData1.y2_Unit = "个"; //2号Y轴单位
         AllData.chartData1.y2_show = true; //是否展示右侧的2号轴
         AllData.chartData1.yAxis1_bar = res.data.drainageNumber; //数据1
-        AllData.chartData1.yAxis1_bar_Name = '排水户'; //数据1的名称
+        AllData.chartData1.yAxis1_bar_Name = "排水户"; //数据1的名称
         AllData.chartData1.yAxis1_bar_index = 0;
         AllData.chartData1.yAxis2_bar = res.data.keyDrainageNumber; //数据2
-        AllData.chartData1.yAxis2_bar_Name = '重点排水户'; //数据1的名称
+        AllData.chartData1.yAxis2_bar_Name = "重点排水户"; //数据1的名称
         AllData.chartData1.yAxis2_bar_index = 0;
         AllData.chartData1.yAxis2_line = res.data.rtuNumber;
-        AllData.chartData1.yAxis2_line_Name = '监测设备';
+        AllData.chartData1.yAxis2_line_Name = "监测设备";
         AllData.chartData1.yAxis2_line_Index = 1;
         AllData.chartData1.yAxis3_line = null;
-        AllData.chartData1.yAxis3_line_Name = '';
+        AllData.chartData1.yAxis3_line_Name = "";
         AllData.chartData1.yAxis3_line_Index = 1;
         AllData.refresh1++;
-        AllData.TjData1 = Number(res.data.drainageNumber.reduce((accu, curren) => Number(accu) + Number(curren))).toFixed(0);
-        AllData.TjData1Unit = '个';
+        AllData.TjData1 = Number(
+          res.data.drainageNumber.reduce((accu, curren) => Number(accu) + Number(curren))
+        ).toFixed(0);
+        AllData.TjData1Unit = "个";
       }
-      if (AllData.regionGrade == 'four') {
+      if (AllData.regionGrade == "four") {
         AllData.chartData1.xAxis = res.data.partitionName; //X轴数据
-        AllData.chartData1.y1_Unit = '万方'; //Y轴单位
-        AllData.chartData1.y2_Unit = '个'; //2号Y轴单位
+        AllData.chartData1.y1_Unit = "万方"; //Y轴单位
+        AllData.chartData1.y2_Unit = "个"; //2号Y轴单位
         AllData.chartData1.y2_show = false; //是否展示右侧的2号轴
         AllData.chartData1.yAxis1_bar = res.data.drainageVolume; //数据1
-        AllData.chartData1.yAxis1_bar_Name = '可排水量'; //数据1的名称
+        AllData.chartData1.yAxis1_bar_Name = "可排水量"; //数据1的名称
         AllData.chartData1.yAxis1_bar_index = 0;
         AllData.chartData1.yAxis2_bar = res.data.realTimeDrainage; //数据2
-        AllData.chartData1.yAxis2_bar_Name = '实时排水量'; //数据1的名称
+        AllData.chartData1.yAxis2_bar_Name = "实时排水量"; //数据1的名称
         AllData.chartData1.yAxis2_bar_index = 0;
         AllData.chartData1.yAxis2_line = null;
-        AllData.chartData1.yAxis2_line_Name = '';
+        AllData.chartData1.yAxis2_line_Name = "";
         AllData.chartData1.yAxis2_line_Index = 1;
         AllData.chartData1.yAxis3_line = null;
-        AllData.chartData1.yAxis3_line_Name = '';
+        AllData.chartData1.yAxis3_line_Name = "";
         AllData.chartData1.yAxis3_line_Index = 1;
         AllData.refresh1++;
-        AllData.TjData1 = Number(res.data.drainageVolume.reduce((accu, curren) => Number(accu) + Number(curren))).toFixed(0);
-        AllData.TjData1Unit = '万方';
+        AllData.TjData1 = Number(
+          res.data.drainageVolume.reduce((accu, curren) => Number(accu) + Number(curren))
+        ).toFixed(0);
+        AllData.TjData1Unit = "万方";
       }
     }
   });
 };
 //  获取数据 谢杨   三级界面的排水类别/四级界面的排水类别
 const getData4 = () => {
-  MonitorAPI.queryDrainageType({ regionId: AllData.waterRegionCode }).then(res => {
+  MonitorAPI.queryDrainageType({ regionId: AllData.waterRegionCode }).then((res) => {
     if (res && res.code == 200) {
-      if (AllData.regionGrade == 'three' || AllData.regionGrade == 'four') {
+      if (AllData.regionGrade == "three" || AllData.regionGrade == "four") {
         // 三级Ecahrts 名称
         AllData.chartData2.xAxis = res.data.typeName;
         AllData.chartData2.yAxis = null;
-        AllData.chartData2.yAxis_Name = '';
+        AllData.chartData2.yAxis_Name = "";
         AllData.chartData2.yAxis2 = res.data.typeNumber;
-        AllData.chartData2.yAxis2_Name = '数量';
-        AllData.chartData2.y1_Unit = '个';
+        AllData.chartData2.yAxis2_Name = "数量";
+        AllData.chartData2.y1_Unit = "个";
         AllData.refresh2++;
-        AllData.TjData1 = Number(res.data.typeNumber.reduce((accu, curren) => Number(accu) + Number(curren))).toFixed(0);
-        AllData.TjData1Unit = '个';
+        AllData.TjData1 = Number(
+          res.data.typeNumber.reduce((accu, curren) => Number(accu) + Number(curren))
+        ).toFixed(0);
+        AllData.TjData1Unit = "个";
       }
       //   数据赋值
     }
   });
 };
 // 获取数据 刘芳阳 上下游分析
-const getDataSXY = row => {
+const getDataSXY = (row) => {
   MonitorAPI.siteWaterYieldAnalysis({
     stCode: row.stCode,
     stType: row.pointType,
-    start: moment().format('YYYY-MM-DD') + ' 00:00:00',
-    end: moment().format('YYYY-MM-DD') + ' 23:59:59',
-  }).then(res => {
+    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;
     }
   });
 };
-const GetRightCharts = row => {
+const GetRightCharts = (row) => {
   getEchart({
     stType: row.pointType,
     stCode: row.stCode,
-    start: moment().format('YYYY-MM-DD') + ' 00:00:00',
-    end: moment().format('YYYY-MM-DD') + ' 23:59:59',
-  }).then(res => {
+    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) {
-      res.data.datas.forEach(element => {
+      res.data.datas.forEach((element) => {
         switch (element.dataKey) {
-          case 'z':
+          case "z":
             AllData.chartDataRight.yAxis3 = element.datas;
             break;
-          case 'va':
+          case "va":
             AllData.chartDataRight.yAxis2 = element.datas;
             break;
-          case 'pn05':
+          case "pn05":
             AllData.chartDataRight.yAxis = element.datas;
             break;
-          case 'sbl05':
+          case "sbl05":
             AllData.chartDataRight.yAxis4 = element.datas;
         }
       });
@@ -1002,20 +1060,20 @@
 const clearEchartsData = () => {
   AllData.chartData1 = {
     xAxis: [], //X轴数据
-    y1_Unit: '', //Y轴单位
-    y2_Unit: '', //2号Y轴单位
+    y1_Unit: "", //Y轴单位
+    y2_Unit: "", //2号Y轴单位
     y2_show: false, //是否展示右侧的2号轴
     yAxis1_bar: null, //数据1
-    yAxis1_bar_Name: '', //数据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_Name: "",
     yAxis3_line_Index: 0,
   };
   AllData.refresh1++;
@@ -1023,20 +1081,20 @@
   AllData.TjData1Unit = null;
   AllData.chartData3 = {
     xAxis: [], //X轴数据
-    y1_Unit: '', //Y轴单位
-    y2_Unit: '', //2号Y轴单位
+    y1_Unit: "", //Y轴单位
+    y2_Unit: "", //2号Y轴单位
     y2_show: false, //是否展示右侧的2号轴
     yAxis1_bar: null, //数据1
-    yAxis1_bar_Name: '', //数据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_Name: "",
     yAxis3_line_Index: 0,
   };
   AllData.refresh3++;
@@ -1046,18 +1104,33 @@
     xAxis: [],
     yAxis: [],
     yAxis2: [],
-    yAxis_Name: '',
-    yAxis2_Name: '',
-    y1_Unit: 'km',
+    yAxis_Name: "",
+    yAxis2_Name: "",
+    y1_Unit: "km",
   };
   AllData.refresh2++;
   AllData.TjData2 = null;
   AllData.TjData2Unit = null;
 };
+
+// 打开公共弹窗
+const OpenGongGongDialog = () => {
+  // debugger;
+  let params = {
+    stName: AllData.ClicksiteName,
+    dataCode: "",
+    stType: AllData.RightShowType,
+    stCode: AllData.GWBD.stCode,
+    wellCode: "",
+    id: AllData.RightShowID,
+    dataId: "",
+  };
+  bus.emit("DynamicBus", params);
+};
 onMounted(() => {
   let initeGLTimer = setInterval(() => {
     if (!newfiberMap) return;
-    bus.on('FenQuClick', FenQuClick);
+    bus.on("FenQuClick", FenQuClick);
     getData1();
     getData2();
     getData3();
@@ -1066,7 +1139,7 @@
 });
 
 onBeforeUnmount(() => {
-  bus.off('FenQuClick');
+  bus.off("FenQuClick");
 });
 </script>
 
@@ -1075,7 +1148,7 @@
   .CrumbesTitle {
     width: 100%;
     height: 44px;
-    background: url('@/assets/images/pictureOnMap/eachBgc.png') no-repeat center;
+    background: url("@/assets/images/pictureOnMap/eachBgc.png") no-repeat center;
     background-size: 100% 100%;
     box-sizing: border-box;
     padding-left: 40px;
@@ -1100,6 +1173,7 @@
       overflow: hidden;
       text-overflow: ellipsis; /* 超出宽度200px后显示省略号 */
       white-space: nowrap; /* 限制不允许换行 */
+      cursor: pointer;
     }
   }
   .modular1,
@@ -1136,7 +1210,7 @@
         height: 110px;
         box-sizing: border-box;
         padding: 15px 0;
-        background-image: url('@/assets/images/pictureOnMap/SLFX.png');
+        background-image: url("@/assets/images/pictureOnMap/SLFX.png");
         background-repeat: no-repeat;
         background-size: contain;
 
diff --git a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue
index 62c4098..6ada224 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue
@@ -14,28 +14,32 @@
             v-show="item.abbreviation"
             @click="MBClick(item)"
           >
-            {{ item.grade != 'one' ? '/' : '' }}
-            {{ item.abbreviation ? item.abbreviation : '' }}
+            {{ item.grade != "one" ? "/" : "" }}
+            {{ item.abbreviation ? item.abbreviation : "" }}
           </span>
         </div>
         <div class="modular1">
           <div class="leve2Title">
             {{
-              AllData.regionGrade == 'one'
-                ? '河湖水情'
-                : AllData.regionGrade == 'two'
-                ? '管网监测'
-                : AllData.regionGrade == 'three'
-                ? '管网统计'
-                : AllData.regionGrade == 'four'
-                ? '当日水量分析'
-                : ''
+              AllData.regionGrade == "one"
+                ? "河湖水情"
+                : AllData.regionGrade == "two"
+                ? "管网监测"
+                : AllData.regionGrade == "three"
+                ? "管网统计"
+                : AllData.regionGrade == "four"
+                ? "当日水量分析"
+                : ""
             }}
             {{ AllData.TjData1 ? `(${AllData.TjData1 + AllData.TjData1Unit})` : `` }}
           </div>
           <div class="modularBody">
             <DraBarCharts2Y
-              v-if="AllData.regionGrade == 'one' || AllData.regionGrade == 'two' || AllData.regionGrade == 'four'"
+              v-if="
+                AllData.regionGrade == 'one' ||
+                AllData.regionGrade == 'two' ||
+                AllData.regionGrade == 'four'
+              "
               :data="AllData.chartData1"
               :refresh="AllData.refresh1"
               :ClickData="AllData.ClickData1"
@@ -51,21 +55,25 @@
         <div class="modular2">
           <div class="leve2Title">
             {{
-              AllData.regionGrade == 'one'
-                ? '流域管网'
-                : AllData.regionGrade == 'two'
-                ? '管网统计'
-                : AllData.regionGrade == 'three'
-                ? '当日水量分析'
-                : AllData.regionGrade == 'four'
-                ? '渍水风险点'
-                : ''
+              AllData.regionGrade == "one"
+                ? "流域管网"
+                : AllData.regionGrade == "two"
+                ? "管网统计"
+                : AllData.regionGrade == "three"
+                ? "当日水量分析"
+                : AllData.regionGrade == "four"
+                ? "渍水风险点"
+                : ""
             }}
             {{ AllData.TjData2 ? `(${AllData.TjData2 + AllData.TjData2Unit})` : `` }}
           </div>
           <div class="modularBody">
             <DraBarChartsLeft
-              v-if="AllData.regionGrade == 'one' || AllData.regionGrade == 'two' || AllData.regionGrade == 'four'"
+              v-if="
+                AllData.regionGrade == 'one' ||
+                AllData.regionGrade == 'two' ||
+                AllData.regionGrade == 'four'
+              "
               :data="AllData.chartData2"
               :refresh="AllData.refresh2"
               :ClickData="AllData.ClickData2"
@@ -82,21 +90,25 @@
         <div class="modular3">
           <div class="leve2Title">
             {{
-              AllData.regionGrade == 'one'
-                ? '河湖排口'
-                : AllData.regionGrade == 'two'
-                ? '湖泊排口'
-                : AllData.regionGrade == 'three'
-                ? '渍水风险点'
-                : AllData.regionGrade == 'four'
-                ? '历史风险'
-                : ''
+              AllData.regionGrade == "one"
+                ? "河湖排口"
+                : AllData.regionGrade == "two"
+                ? "湖泊排口"
+                : AllData.regionGrade == "three"
+                ? "渍水风险点"
+                : AllData.regionGrade == "four"
+                ? "历史风险"
+                : ""
             }}
             {{ AllData.TjData3 ? `(${AllData.TjData3 + AllData.TjData3Unit})` : `` }}
           </div>
           <div class="modularBody">
             <DraBarCharts2Y
-              v-if="AllData.regionGrade == 'one' || AllData.regionGrade == 'two' || AllData.regionGrade == 'three'"
+              v-if="
+                AllData.regionGrade == 'one' ||
+                AllData.regionGrade == 'two' ||
+                AllData.regionGrade == 'three'
+              "
               :data="AllData.chartData3"
               :refresh="AllData.refresh3"
               :ClickData="AllData.ClickData3"
@@ -114,11 +126,17 @@
     <Transition name="fade_right">
       <div
         :class="['moduleBox', 'moduleBoxRight']"
-        v-show="!showPanel && AllData.RightShow && AllData.RightShowType == 'rainwater_pipeline_quality'"
+        v-show="
+          !showPanel &&
+          AllData.RightShow &&
+          AllData.RightShowType == 'rainwater_pipeline_quality'
+        "
       >
         <!-- 顶部公共标题 -->
         <div class="CrumbesTitle">
-          <span class="crumbs2">{{ AllData.ClicksiteName }}</span>
+          <span class="crumbs2" @click="OpenGongGongDialog()">{{
+            AllData.ClicksiteName
+          }}</span>
         </div>
         <div class="modular1_right">
           <RightCharts
@@ -133,7 +151,10 @@
             <!-- 上游水量在接驳口时不展示 -->
             <div v-if="!AllData.isJBK" class="SLList">
               <div class="SlList1P">
-                <el-tooltip :content="AllData.SLFX.upstreamSiteWaterYield + '万吨'" placement="top">
+                <el-tooltip
+                  :content="AllData.SLFX.upstreamSiteWaterYield + '万吨'"
+                  placement="top"
+                >
                   <span class="SlListNum">{{ AllData.SLFX.upstreamSiteWaterYield }}</span>
                 </el-tooltip>
                 <span class="SlListUnit">万吨</span>
@@ -142,7 +163,10 @@
             </div>
             <div class="SLList">
               <div class="SlList1P">
-                <el-tooltip :content="AllData.SLFX.siteWaterYield + '万吨'" placement="top">
+                <el-tooltip
+                  :content="AllData.SLFX.siteWaterYield + '万吨'"
+                  placement="top"
+                >
                   <span class="SlListNum">{{ AllData.SLFX.siteWaterYield }}</span>
                 </el-tooltip>
                 <span class="SlListUnit">万吨</span>
@@ -151,8 +175,13 @@
             </div>
             <div class="SLList">
               <div class="SlList1P">
-                <el-tooltip :content="AllData.SLFX.downstreamSiteWaterYield + '万吨'" placement="top">
-                  <span class="SlListNum">{{ AllData.SLFX.downstreamSiteWaterYield }}</span>
+                <el-tooltip
+                  :content="AllData.SLFX.downstreamSiteWaterYield + '万吨'"
+                  placement="top"
+                >
+                  <span class="SlListNum">{{
+                    AllData.SLFX.downstreamSiteWaterYield
+                  }}</span>
                 </el-tooltip>
                 <span class="SlListUnit">万吨</span>
               </div>
@@ -166,62 +195,68 @@
             <div class="ListInfo50">
               <div class="ListInfo_label">类型:</div>
               <div class="ListInfo_value">
-                {{ AllData.GWBD.pointType == 'YS' ? '雨水管网' : AllData.GWBD.pointType == 'WS' ? '污水管网' : '--' }}
+                {{
+                  AllData.GWBD.pointType == "YS"
+                    ? "雨水管网"
+                    : AllData.GWBD.pointType == "WS"
+                    ? "污水管网"
+                    : "--"
+                }}
               </div>
             </div>
             <div class="ListInfo50">
               <div class="ListInfo_label">设计编号:</div>
               <div class="ListInfo_value">
-                {{ AllData.GWBD.stAsName ? AllData.GWBD.stAsName : '--' }}
+                {{ AllData.GWBD.stAsName ? AllData.GWBD.stAsName : "--" }}
               </div>
             </div>
             <div class="ListInfo100">
               <div class="ListInfo_label">管井编码:</div>
               <div class="ListInfo_value">
-                {{ AllData.GWBD.pointNumber ? AllData.GWBD.pointNumber : '--' }}
+                {{ AllData.GWBD.pointNumber ? AllData.GWBD.pointNumber : "--" }}
               </div>
             </div>
             <div class="ListInfo100">
               <div class="ListInfo_label">站点编号:</div>
               <div class="ListInfo_value">
-                {{ AllData.GWBD.stCode ? AllData.GWBD.stCode : '--' }}
+                {{ AllData.GWBD.stCode ? AllData.GWBD.stCode : "--" }}
               </div>
             </div>
 
             <div class="ListInfo50">
               <div class="ListInfo_label">年份:</div>
               <div class="ListInfo_value">
-                {{ AllData.GWBD.buildTime ? AllData.GWBD.buildTime : '--' }}
+                {{ AllData.GWBD.buildTime ? AllData.GWBD.buildTime : "--" }}
               </div>
             </div>
             <div class="ListInfo50">
               <div class="ListInfo_label">管径:</div>
               <div class="ListInfo_value">
-                {{ AllData.GWBD.pipelineDiameter ? AllData.GWBD.pipelineDiameter : '--' }}
+                {{ AllData.GWBD.pipelineDiameter ? AllData.GWBD.pipelineDiameter : "--" }}
               </div>
             </div>
             <div class="ListInfo50">
               <div class="ListInfo_label">材质:</div>
               <div class="ListInfo_value">
-                {{ AllData.GWBD.pipelineTexture ? AllData.GWBD.pipelineTexture : '--' }}
+                {{ AllData.GWBD.pipelineTexture ? AllData.GWBD.pipelineTexture : "--" }}
               </div>
             </div>
             <div class="ListInfo50">
               <div class="ListInfo_label">缺陷类型:</div>
               <div class="ListInfo_value">
-                {{ AllData.GWBD.issueType ? AllData.GWBD.issueType : '--' }}
+                {{ AllData.GWBD.issueType ? AllData.GWBD.issueType : "--" }}
               </div>
             </div>
             <div class="ListInfo50">
               <div class="ListInfo_label">标段片区:</div>
               <div class="ListInfo_value">
-                {{ AllData.GWBD.roadName ? AllData.GWBD.roadName : '--' }}
+                {{ AllData.GWBD.roadName ? AllData.GWBD.roadName : "--" }}
               </div>
             </div>
             <div class="ListInfo50">
               <div class="ListInfo_label">末次运维:</div>
               <div class="ListInfo_value">
-                {{ AllData.GWBD.repairYear ? AllData.GWBD.repairYear : '--' }}
+                {{ AllData.GWBD.repairYear ? AllData.GWBD.repairYear : "--" }}
               </div>
             </div>
           </div>
@@ -232,15 +267,25 @@
     <Transition name="fade_right">
       <div
         :class="['moduleBox', 'moduleBoxRight']"
-        v-if="!showPanel && !AllData.RightShow && (AllData.regionGrade == 'one' || AllData.regionGrade == 'two')"
+        v-if="
+          !showPanel &&
+          !AllData.RightShow &&
+          (AllData.regionGrade == 'one' || AllData.regionGrade == 'two')
+        "
       >
         <div class="CrumbesTitle">
           <span v-if="AllData.regionGrade == 'one'" class="crumbs2">港渠统计</span>
           <span v-if="AllData.regionGrade == 'two'" class="crumbs2">水质统计</span>
         </div>
         <div class="modularRight2">
-          <YSRight v-if="AllData.regionGrade == 'one'" :waterRegionCode="AllData.waterRegionCode"></YSRight>
-          <YSRight2 v-if="AllData.regionGrade == 'two'" :waterRegionCode="AllData.waterRegionCode"></YSRight2>
+          <YSRight
+            v-if="AllData.regionGrade == 'one'"
+            :waterRegionCode="AllData.waterRegionCode"
+          ></YSRight>
+          <YSRight2
+            v-if="AllData.regionGrade == 'two'"
+            :waterRegionCode="AllData.waterRegionCode"
+          ></YSRight2>
         </div>
       </div>
     </Transition>
@@ -248,15 +293,25 @@
     <Transition name="fade_right">
       <div
         :class="['moduleBox', 'moduleBoxRight']"
-        v-if="!showPanel && AllData.RightShow && AllData.RightShowType == 'rain_water_pump_station_info'"
+        v-if="
+          !showPanel &&
+          AllData.RightShow &&
+          AllData.RightShowType == 'rain_water_pump_station_info'
+        "
       >
         <!-- 顶部公共标题 -->
         <div class="CrumbesTitle">
-          <span class="crumbs2">{{ AllData.ClicksiteName }}</span>
+          <span class="crumbs2" @click="OpenGongGongDialog()">{{
+            AllData.ClicksiteName
+          }}</span>
         </div>
 
         <div class="modularRight2">
-          <BengZhanInfo :Datatype="AllData.RightShowType" :DataId="AllData.RightShowID" :TypeID="AllData.TypeID"></BengZhanInfo>
+          <BengZhanInfo
+            :Datatype="AllData.RightShowType"
+            :DataId="AllData.RightShowID"
+            :TypeID="AllData.TypeID"
+          ></BengZhanInfo>
         </div>
       </div>
     </Transition>
@@ -264,75 +319,75 @@
 </template>
 
 <script setup name="YSIndex">
-import { ref, reactive, toRefs, onMounted, nextTick } from 'vue';
-import bus from '@/bus';
+import { ref, reactive, toRefs, onMounted, nextTick } from "vue";
+import bus from "@/bus";
 // 引入接口
-import * as MonitorAPI from '@/api/MonitoringAnalysis.js';
-import moment from 'moment';
-import { getEchart } from '@/api/MonitorAssetsOnMap';
+import * as MonitorAPI from "@/api/MonitoringAnalysis.js";
+import moment from "moment";
+import { getEchart } from "@/api/MonitorAssetsOnMap";
 
 // 引入echarts组件
 // 纵向立体柱状体以及标线和折现
-import DraBarCharts2Y from './components/DraBarCharts2Y.vue';
+import DraBarCharts2Y from "./components/DraBarCharts2Y.vue";
 //横向的两组柱状图堆叠
-import DraBarChartsLeft from './components/DraBarChartsLeft.vue';
+import DraBarChartsLeft from "./components/DraBarChartsLeft.vue";
 // 纵向的两条折现
-import DraLineChartsLeft from './components/DraLineChartsLeft.vue';
+import DraLineChartsLeft from "./components/DraLineChartsLeft.vue";
 // 右侧面板接入
-import RightCharts from './components/RightCharts.vue';
-import YSRight from './YSIndex_right.vue';
-import YSRight2 from './YSIndex_right2.vue';
-import BengZhanInfo from './BengZhanRight.vue';
+import RightCharts from "./components/RightCharts.vue";
+import YSRight from "./YSIndex_right.vue";
+import YSRight2 from "./YSIndex_right2.vue";
+import BengZhanInfo from "./BengZhanRight.vue";
 // 面板控制组件
-import PanelDisplayHidden from '@/views/pictureOnMap/page/components/PanelDisplayHidden.vue';
+import PanelDisplayHidden from "@/views/pictureOnMap/page/components/PanelDisplayHidden.vue";
 const showPanel = ref(false); //面板展开收起
-const PanelChange = val => {
+const PanelChange = (val) => {
   showPanel.value = val;
 };
 
 const AllData = reactive({
-  TypeID: 'rain',
-  regionGrade: 'one', //分区级别（one：一级 || two：二级 || three：三级 || four：四级）
-  regionName: '', //分区名称
-  waterRegionCode: '', //分区编号
+  TypeID: "rain",
+  regionGrade: "one", //分区级别（one：一级 || two：二级 || three：三级 || four：四级）
+  regionName: "", //分区名称
+  waterRegionCode: "", //分区编号
   RightShow: false, //右侧面板是否显示--基于是否选择站点进行判断
-  RightShowID: '',
-  RightShowType: '',
+  RightShowID: "",
+  RightShowType: "",
   TitleName: [
     {
-      abbreviation: '高新区', //分区缩写-动态
-      id: '', //分区信息-动态
-      grade: 'one', //分区层级-静态(查询数据用)
+      abbreviation: "高新区", //分区缩写-动态
+      id: "", //分区信息-动态
+      grade: "one", //分区层级-静态(查询数据用)
       sort: 0, //面包屑的顺序
-      Name: '', //全称
+      Name: "", //全称
     },
     {
-      abbreviation: '', //分区缩写-动态
-      id: '', //分区信息-动态
-      grade: 'two', //分区层级-静态
+      abbreviation: "", //分区缩写-动态
+      id: "", //分区信息-动态
+      grade: "two", //分区层级-静态
       sort: 1, //面包屑的顺序
-      Name: '', //全称
+      Name: "", //全称
     },
     {
-      abbreviation: '', //分区缩写-动态
-      id: '', //分区信息-动态
-      grade: 'three', //分区层级-静态
+      abbreviation: "", //分区缩写-动态
+      id: "", //分区信息-动态
+      grade: "three", //分区层级-静态
       sort: 2, //面包屑的顺序
-      Name: '', //全称
+      Name: "", //全称
     },
     {
-      abbreviation: '', //分区缩写-动态
-      id: '', //分区信息-动态
-      grade: 'four', //分区层级-静态
+      abbreviation: "", //分区缩写-动态
+      id: "", //分区信息-动态
+      grade: "four", //分区层级-静态
       sort: 3, //面包屑的顺序
-      Name: '', //全称
+      Name: "", //全称
     },
     {
-      abbreviation: '', //分区缩写-动态
-      id: '', //分区信息-动态
-      grade: 'five', //分区层级-静态
+      abbreviation: "", //分区缩写-动态
+      id: "", //分区信息-动态
+      grade: "five", //分区层级-静态
       sort: 4, //面包屑的顺序
-      Name: '', //全称
+      Name: "", //全称
     },
   ],
   //   Ecahrts数据
@@ -356,85 +411,85 @@
     // yAxis3_line_Name: "库容量",
     // yAxis3_line_Index: 1,
     xAxis: [], //X轴数据
-    y1_Unit: '', //Y轴单位
-    y2_Unit: '', //Y轴单位
+    y1_Unit: "", //Y轴单位
+    y2_Unit: "", //Y轴单位
     y2_show: false,
     yAxis1_bar: [], //数据1
-    yAxis1_bar_Name: '', //数据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_Name: "",
     yAxis3_line_Index: 0,
   },
   refresh1: 0,
-  ClickData1: 'dgtxg',
+  ClickData1: "dgtxg",
   //   流域管网
   chartData2: {
     xAxis: [],
     yAxis: [],
     yAxis2: [],
-    yAxis_Name: '',
-    yAxis2_Name: '',
+    yAxis_Name: "",
+    yAxis2_Name: "",
   },
   refresh2: 0,
-  ClickData2: 'dgtxg',
+  ClickData2: "dgtxg",
   //   河湖排口
   chartData3: {
     // 三级
     xAxis: [], //X轴数据
-    y1_Unit: '', //Y轴单位
-    y2_Unit: '', //Y轴单位
+    y1_Unit: "", //Y轴单位
+    y2_Unit: "", //Y轴单位
     y2_show: false,
     yAxis1_bar: [], //数据1
-    yAxis1_bar_Name: '', //数据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_Name: "",
     yAxis3_line_Index: 0,
   },
   refresh3: 0,
-  ClickData3: 'dgtxg',
+  ClickData3: "dgtxg",
   GWBD: {},
   SLFX: {},
   isJBK: true, //是否为接驳口
   chartDataRight: {
     yAxis: [],
-    yAxis_Name: '降雨量(mm)',
+    yAxis_Name: "降雨量(mm)",
     yAxis2: [],
-    yAxis2_Name: '流速(m/s)',
+    yAxis2_Name: "流速(m/s)",
     yAxis3: [],
-    yAxis3_Name: '水深(m)',
+    yAxis3_Name: "水深(m)",
     yAxis4: [],
-    yAxis4_Name: '5分钟水量(m³)',
+    yAxis4_Name: "5分钟水量(m³)",
     xAxis: [],
   },
   refreshRight: 0,
-  ClicksiteName: '',
+  ClicksiteName: "",
   TjData1: 0,
-  TjData1Unit: '',
+  TjData1Unit: "",
   TjData2: 0,
-  TjData2Unit: '',
+  TjData2Unit: "",
   TjData3: 0,
-  TjData3Unit: '',
+  TjData3Unit: "",
 });
 // 面包屑点击事件
-const MBClick = item => {
+const MBClick = (item) => {
   console.log(item);
   AllData.RightShow = false;
-  AllData.RightShowID = '';
-  AllData.RightShowType = '';
+  AllData.RightShowID = "";
+  AllData.RightShowType = "";
   // 赋值需要进行echarts数据请求的数据
   AllData.regionGrade = item.grade;
   AllData.regionName = item.Name;
@@ -446,35 +501,35 @@
     // 回到默认图层
     newfiberMap.map.easeTo(newfiberMap.config_.params.init);
     bus.emit(mapInitBusName);
-    AllData.regionGrade = 'one';
-    AllData.regionName = '';
-    AllData.waterRegionCode = '';
+    AllData.regionGrade = "one";
+    AllData.regionName = "";
+    AllData.waterRegionCode = "";
     AllData.TitleName[1] = {
-      abbreviation: '',
-      Name: '',
-      id: '',
-      grade: 'two',
+      abbreviation: "",
+      Name: "",
+      id: "",
+      grade: "two",
       sort: 1,
     };
     AllData.TitleName[2] = {
-      abbreviation: '',
-      Name: '',
-      id: '',
-      grade: 'three',
+      abbreviation: "",
+      Name: "",
+      id: "",
+      grade: "three",
       sort: 2,
     };
     AllData.TitleName[3] = {
-      abbreviation: '',
-      Name: '',
-      id: '',
-      grade: 'four',
+      abbreviation: "",
+      Name: "",
+      id: "",
+      grade: "four",
       sort: 3,
     };
     AllData.TitleName[4] = {
-      abbreviation: '',
-      Name: '',
-      id: '',
-      grade: 'five',
+      abbreviation: "",
+      Name: "",
+      id: "",
+      grade: "five",
       sort: 4,
     };
 
@@ -484,29 +539,29 @@
     getData7();
   }
   if (item.sort == 1) {
-    bus.emit('panelDataToMap', {
+    bus.emit("panelDataToMap", {
       name: item.Name,
       id: item.id,
     });
     AllData.TitleName[2] = {
-      abbreviation: '',
-      Name: '',
-      id: '',
-      grade: 'three',
+      abbreviation: "",
+      Name: "",
+      id: "",
+      grade: "three",
       sort: 2,
     };
     AllData.TitleName[3] = {
-      abbreviation: '',
-      Name: '',
-      id: '',
-      grade: 'four',
+      abbreviation: "",
+      Name: "",
+      id: "",
+      grade: "four",
       sort: 3,
     };
     AllData.TitleName[4] = {
-      abbreviation: '',
-      Name: '',
-      id: '',
-      grade: 'five',
+      abbreviation: "",
+      Name: "",
+      id: "",
+      grade: "five",
       sort: 4,
     };
 
@@ -516,22 +571,22 @@
     getData3();
   }
   if (item.sort == 2) {
-    bus.emit('panelDataToMap', {
+    bus.emit("panelDataToMap", {
       name: item.Name,
       id: item.id,
     });
     AllData.TitleName[3] = {
-      abbreviation: '',
-      Name: '',
-      id: '',
-      grade: 'four',
+      abbreviation: "",
+      Name: "",
+      id: "",
+      grade: "four",
       sort: 3,
     };
     AllData.TitleName[4] = {
-      abbreviation: '',
-      Name: '',
-      id: '',
-      grade: 'five',
+      abbreviation: "",
+      Name: "",
+      id: "",
+      grade: "five",
       sort: 4,
     };
 
@@ -541,15 +596,15 @@
     getData5();
   }
   if (item.sort == 3) {
-    bus.emit('panelDataToMap', {
+    bus.emit("panelDataToMap", {
       name: item.Name,
       id: item.id,
     });
     AllData.TitleName[4] = {
-      abbreviation: '',
-      Name: '',
-      id: '',
-      grade: 'five',
+      abbreviation: "",
+      Name: "",
+      id: "",
+      grade: "five",
       sort: 4,
     };
 
@@ -558,73 +613,73 @@
     getData5();
   }
   if (item.sort == 4) {
-    bus.emit('panelDataToMap', {
+    bus.emit("panelDataToMap", {
       name: item.Name,
       id: item.id,
     });
   }
 };
 // 分区点击切换
-const FenQuClick = Row => {
-  console.log('FenQuClick', Row.properties, Row.layerId);
+const FenQuClick = (Row) => {
+  console.log("FenQuClick", Row.properties, Row.layerId);
   //判断点击的是片区还是点位
-  if (Row.layerId == '排水分区') {
+  if (Row.layerId == "排水分区") {
     // 片区
     AllData.RightShow = false;
     AllData.RightShowID = false;
-    AllData.RightShowType = '排水分区';
+    AllData.RightShowType = "排水分区";
     //   if (!!!Row.properties.pid) return;
     //   原本是判断没有pid就不请求↑↑↑,现在gis图层数据改变,从而使用层级来判断↓↓↓
-    if (Row.properties.level == '4') return;
+    if (Row.properties.level == "4") return;
     // 请求面包屑的数据
     let params = {
       regionType: AllData.TypeID,
       id: Number(Row.properties.pid || Row.properties.w_id),
     };
-    MonitorAPI.lineGrade(params).then(res => {
+    MonitorAPI.lineGrade(params).then((res) => {
       if (res && res.code == 200) {
         // 雨水
-        AllData.TitleName[0].abbreviation = '高新区';
-        AllData.TitleName[0].id = ''; //分区信息-动态
-        AllData.TitleName[0].grade = 'one'; //分区层级-静态
+        AllData.TitleName[0].abbreviation = "高新区";
+        AllData.TitleName[0].id = ""; //分区信息-动态
+        AllData.TitleName[0].grade = "one"; //分区层级-静态
         AllData.TitleName[0].sort = 0; //面包屑的顺序
-        AllData.TitleName[0].Name = ''; //全称
+        AllData.TitleName[0].Name = ""; //全称
 
         // 设置1 2 3 4 级分区
         clearMianBaoData();
-        res.data.forEach(element => {
-          if (element.grade == 'one') {
+        res.data.forEach((element) => {
+          if (element.grade == "one") {
             AllData.TitleName[1] = {
               abbreviation: element.shortName ? element.shortName : element.name,
               id: element.id,
-              grade: 'two',
+              grade: "two",
               sort: 1,
               Name: element.name,
             };
           }
-          if (element.grade == 'two') {
+          if (element.grade == "two") {
             AllData.TitleName[2] = {
               abbreviation: element.shortName ? element.shortName : element.name,
               id: element.id,
-              grade: 'three',
+              grade: "three",
               sort: 2,
               Name: element.name,
             };
           }
-          if (element.grade == 'three') {
+          if (element.grade == "three") {
             AllData.TitleName[3] = {
               abbreviation: element.shortName ? element.shortName : element.name,
               id: element.id,
-              grade: 'four',
+              grade: "four",
               sort: 3,
               Name: element.name,
             };
           }
-          if (element.grade == 'four') {
+          if (element.grade == "four") {
             AllData.TitleName[4] = {
               abbreviation: element.shortName ? element.shortName : element.name,
               id: element.id,
-              grade: 'five',
+              grade: "five",
               sort: 4,
               Name: element.name,
             };
@@ -633,74 +688,80 @@
         //   }
         // 赋值需要进行echarts数据请求的数据
         AllData.regionGrade =
-          res.data.length == 1 ? 'two' : res.data.length == 2 ? 'three' : res.data.length == 3 ? 'four' : 'five'; //分区级别（one：一级 || two：二级 || three：三级 || four：四级）
+          res.data.length == 1
+            ? "two"
+            : res.data.length == 2
+            ? "three"
+            : res.data.length == 3
+            ? "four"
+            : "five"; //分区级别（one：一级 || two：二级 || three：三级 || four：四级）
         AllData.regionName = AllData.TitleName[res.data.length].Name;
         AllData.waterRegionCode = AllData.TitleName[res.data.length].id;
         clearEchartsData();
-        if (AllData.regionGrade == 'two') {
+        if (AllData.regionGrade == "two") {
           // 二级
-          console.log('二级');
+          console.log("二级");
           getData1();
           getData2();
           getData3();
-        } else if (AllData.regionGrade == 'three') {
+        } else if (AllData.regionGrade == "three") {
           // 三级
-          console.log('三级');
+          console.log("三级");
           getData1();
           getData4();
           getData5();
-        } else if (AllData.regionGrade == 'four') {
+        } else if (AllData.regionGrade == "four") {
           // 四级
-          console.log('四级');
+          console.log("四级");
           getData2();
           getData4();
           getData5();
         } else {
           // 五级  五级为排水单元,由上可知,因为没有pid 所以此方法无效
-          console.log('五级');
+          console.log("五级");
         }
       }
     });
-  } else if (Row.layerId == 'point') {
+  } else if (Row.layerId == "point") {
     // 点位
     if (AllData.RightShowID == Row.properties.id) {
       // 说明是同样的一个点点了两次,所以进行关闭
       AllData.RightShow = false;
-      AllData.RightShowID = '';
-      AllData.RightShowType = '';
+      AllData.RightShowID = "";
+      AllData.RightShowType = "";
     } else {
       // 管点
-      if (Row.properties.pointType == 'rainwater_pipeline_quality') {
+      if (Row.properties.pointType == "rainwater_pipeline_quality") {
         AllData.ClicksiteName = Row.properties.name;
         AllData.RightShowID = Row.properties.id;
-        AllData.RightShowType = 'rainwater_pipeline_quality';
+        AllData.RightShowType = "rainwater_pipeline_quality";
         AllData.RightShow = true;
         //   Row.properties.wellCode
         //   获取管网信息
         if (!!Row.properties.wellCode) {
           MonitorAPI.pipelinePointPage({
             pointNumber: Row.properties.wellCode,
-          }).then(res => {
+          }).then((res) => {
             if (res && res.code == 200) {
               AllData.GWBD = res.data[0];
             }
           });
         } else {
           AllData.GWBD = {
-            pointType: '--',
-            pointNumber: '--',
-            stAsName: '--',
-            stCode: '--',
-            buildTime: '--',
-            pipelineDiameter: '--',
-            pipelineTexture: '--',
-            issueType: '--',
-            roadName: '--',
-            repairYear: '--',
+            pointType: "--",
+            pointNumber: "--",
+            stAsName: "--",
+            stCode: "--",
+            buildTime: "--",
+            pipelineDiameter: "--",
+            pipelineTexture: "--",
+            issueType: "--",
+            roadName: "--",
+            repairYear: "--",
           };
         }
         //   根据type 判断是管井还是接驳口
-        if (Row.properties.type == 'rainwater_pipeline_quality_area1') {
+        if (Row.properties.type == "rainwater_pipeline_quality_area1") {
           // 接驳口
           AllData.isJBK = true;
         } else {
@@ -713,13 +774,13 @@
         //   setTimeout(() => {
         AllData.chartDataRight = {
           yAxis: [],
-          yAxis_Name: '降雨量(mm)',
+          yAxis_Name: "降雨量(mm)",
           yAxis2: [],
-          yAxis2_Name: '流速(m/s)',
+          yAxis2_Name: "流速(m/s)",
           yAxis3: [],
-          yAxis3_Name: '水深(m)',
+          yAxis3_Name: "水深(m)",
           yAxis4: [],
-          yAxis4_Name: '5分钟水量(m³)',
+          yAxis4_Name: "5分钟水量(m³)",
           xAxis: [],
         };
         AllData.refreshRight = 0;
@@ -727,15 +788,15 @@
         //   }, 900);
       }
       // 泵站
-      if (Row.properties.pointType == 'rain_water_pump_station_info') {
-        if (Row.properties.id == '') {
+      if (Row.properties.pointType == "rain_water_pump_station_info") {
+        if (Row.properties.id == "") {
           // 不展示
-          AllData.ClicksiteName = '';
+          AllData.ClicksiteName = "";
           AllData.RightShow = false;
-          AllData.RightShowID = '';
-          AllData.RightShowType = '';
+          AllData.RightShowID = "";
+          AllData.RightShowType = "";
         } else {
-          AllData.RightShowType = 'rain_water_pump_station_info';
+          AllData.RightShowType = "rain_water_pump_station_info";
           AllData.ClicksiteName = Row.properties.name;
           AllData.RightShowID = Row.properties.id;
           AllData.RightShow = true;
@@ -749,31 +810,31 @@
 // 清除面包屑的数据
 const clearMianBaoData = () => {
   AllData.TitleName[1] = {
-    abbreviation: '',
-    Name: '',
-    id: '',
-    grade: 'two',
+    abbreviation: "",
+    Name: "",
+    id: "",
+    grade: "two",
     sort: 1,
   };
   AllData.TitleName[2] = {
-    abbreviation: '',
-    Name: '',
-    id: '',
-    grade: 'three',
+    abbreviation: "",
+    Name: "",
+    id: "",
+    grade: "three",
     sort: 2,
   };
   AllData.TitleName[3] = {
-    abbreviation: '',
-    Name: '',
-    id: '',
-    grade: 'four',
+    abbreviation: "",
+    Name: "",
+    id: "",
+    grade: "four",
     sort: 3,
   };
   AllData.TitleName[4] = {
-    abbreviation: '',
-    Name: '',
-    id: '',
-    grade: 'five',
+    abbreviation: "",
+    Name: "",
+    id: "",
+    grade: "five",
     sort: 4,
   };
 };
@@ -783,33 +844,45 @@
     regionGrade: AllData.regionGrade, //分区级别（one：一级 || two：二级 || three：三级 || four：四级 || five：五级）
     regionName: AllData.regionName, //分区名称
     regionType: AllData.TypeID, //分区类型（sewage：污水 || rain：雨水）
-  }).then(res => {
+  }).then((res) => {
     if (res && res.code == 200) {
-      if (AllData.regionGrade == 'one') {
+      if (AllData.regionGrade == "one") {
         // 一级Ecahrts 名称
-        AllData.chartData2.yAxis_Name = '摸排管网';
-        AllData.TjData2 = Number(res.data.pipelineLengthList.reduce((accu, curren) => Number(accu) + Number(curren))).toFixed(2);
-        AllData.TjData2Unit = 'km';
+        AllData.chartData2.yAxis_Name = "摸排管网";
+        AllData.TjData2 = Number(
+          res.data.pipelineLengthList.reduce(
+            (accu, curren) => Number(accu) + Number(curren)
+          )
+        ).toFixed(2);
+        AllData.TjData2Unit = "km";
       }
-      if (AllData.regionGrade == 'two') {
+      if (AllData.regionGrade == "two") {
         // 二级Ecahrts 名称
         // debugger;
-        AllData.chartData2.yAxis_Name = '问题管网';
-        AllData.TjData2 = Number(res.data.pipelineLengthList.reduce((accu, curren) => Number(accu) + Number(curren))).toFixed(2);
-        AllData.TjData2Unit = 'km';
+        AllData.chartData2.yAxis_Name = "问题管网";
+        AllData.TjData2 = Number(
+          res.data.pipelineLengthList.reduce(
+            (accu, curren) => Number(accu) + Number(curren)
+          )
+        ).toFixed(2);
+        AllData.TjData2Unit = "km";
       }
-      if (AllData.regionGrade == 'three') {
+      if (AllData.regionGrade == "three") {
         // 三级Ecahrts 名称
-        AllData.chartData2.yAxis_Name = '摸排管网';
-        AllData.TjData1 = Number(res.data.pipelineLengthList.reduce((accu, curren) => Number(accu) + Number(curren))).toFixed(2);
-        AllData.TjData1Unit = 'km';
+        AllData.chartData2.yAxis_Name = "摸排管网";
+        AllData.TjData1 = Number(
+          res.data.pipelineLengthList.reduce(
+            (accu, curren) => Number(accu) + Number(curren)
+          )
+        ).toFixed(2);
+        AllData.TjData1Unit = "km";
       }
       //   数据赋值
       AllData.chartData2.xAxis = res.data.regionNameList;
       AllData.chartData2.yAxis = res.data.pipelineProblemLengthList;
       AllData.chartData2.yAxis2 = res.data.pipelineLengthList;
-      AllData.chartData2.yAxis2_Name = '总长度';
-      AllData.chartData2.y1_Unit = 'km';
+      AllData.chartData2.yAxis2_Name = "总长度";
+      AllData.chartData2.y1_Unit = "km";
       AllData.refresh2++;
     }
   });
@@ -823,30 +896,34 @@
     regionType: AllData.TypeID, //分区类型（sewage：污水 || rain：雨水）
     // startTime: "", //开始时间（仅历史风险需要用到）
     // endTime: "", //结束时间（仅历史风险需要用到）
-  }).then(res => {
+  }).then((res) => {
     if (res && res.code == 200) {
-      if (AllData.regionGrade == 'two') {
+      if (AllData.regionGrade == "two") {
         AllData.chartData1.xAxis = res.data.regionNameList; //X轴数据
-        AllData.chartData1.y1_Unit = '个'; //Y轴单位
-        AllData.chartData1.y2_Unit = '万方'; //2号Y轴单位
+        AllData.chartData1.y1_Unit = "个"; //Y轴单位
+        AllData.chartData1.y2_Unit = "万方"; //2号Y轴单位
         AllData.chartData1.y2_show = false; //是否展示右侧的2号轴
         AllData.chartData1.yAxis1_bar = res.data.pipelinePointCount; //数据1
-        AllData.chartData1.yAxis1_bar_Name = '点位数'; //数据1的名称
+        AllData.chartData1.yAxis1_bar_Name = "点位数"; //数据1的名称
         AllData.chartData1.yAxis1_bar_index = 0;
         AllData.chartData1.yAxis2_bar = res.data.pipelineRunRiskPointCount; //数据2
-        AllData.chartData1.yAxis2_bar_Name = '运行风险数'; //数据1的名称
+        AllData.chartData1.yAxis2_bar_Name = "运行风险数"; //数据1的名称
         AllData.chartData1.yAxis2_bar_index = 0;
         AllData.chartData1.yAxis2_line = null;
-        AllData.chartData1.yAxis2_line_Name = '';
+        AllData.chartData1.yAxis2_line_Name = "";
         AllData.chartData1.yAxis2_line_Index = 0;
         AllData.chartData1.yAxis3_line = null;
-        AllData.chartData1.yAxis3_line_Name = '';
+        AllData.chartData1.yAxis3_line_Name = "";
         AllData.chartData1.yAxis3_line_Index = 1;
         AllData.refresh1++;
-        AllData.TjData1 = Number(res.data.pipelinePointCount.reduce((accu, curren) => Number(accu) + Number(curren))).toFixed(0);
-        AllData.TjData1Unit = '个';
+        AllData.TjData1 = Number(
+          res.data.pipelinePointCount.reduce(
+            (accu, curren) => Number(accu) + Number(curren)
+          )
+        ).toFixed(0);
+        AllData.TjData1Unit = "个";
       }
-      if (AllData.regionGrade == 'four') {
+      if (AllData.regionGrade == "four") {
         // AllData.chartData3.xAxis = res.data.regionNameList;
         // AllData.chartData3.yAxis = res.data.overFlowRiskTimesList; //溢流风险
         // AllData.chartData3.yAxis2 = res.data.fullPipeTimesList; //满管风险
@@ -855,17 +932,17 @@
         // AllData.refresh3++;
         AllData.chartData3.xAxis = res.data.regionNameList;
         AllData.chartData3.yAxis1_bar = null;
-        AllData.chartData3.yAxis1_bar_Name = '';
+        AllData.chartData3.yAxis1_bar_Name = "";
         AllData.chartData3.yAxis2_bar = null;
-        AllData.chartData3.yAxis2_bar_Name = '';
+        AllData.chartData3.yAxis2_bar_Name = "";
         AllData.chartData3.yAxis2_line = res.data.fullPipeTimesList;
-        AllData.chartData3.yAxis2_line_Name = '满管';
+        AllData.chartData3.yAxis2_line_Name = "满管";
         AllData.chartData3.yAxis2_line_Index = 0;
         AllData.chartData3.yAxis3_line = res.data.overFlowRiskTimesList;
-        AllData.chartData3.yAxis3_line_Name = '溢流';
+        AllData.chartData3.yAxis3_line_Name = "溢流";
         AllData.chartData3.yAxis3_line_Index = 0;
-        AllData.chartData3.y1_Unit = '次'; //Y轴单位
-        AllData.chartData3.y2_Unit = '万方'; //Y轴单位
+        AllData.chartData3.y1_Unit = "次"; //Y轴单位
+        AllData.chartData3.y2_Unit = "万方"; //Y轴单位
         AllData.chartData3.y2_show = false;
         AllData.refresh3++;
         AllData.TjData3 = null;
@@ -880,43 +957,47 @@
   MonitorAPI.outletList({
     waterRegionCode: AllData.waterRegionCode, //分区编号
     // regionType: AllData.TypeID, //分区类型（sewage：污水 || rain：雨水）
-  }).then(res => {
+  }).then((res) => {
     if (res && res.code == 200) {
-      if (AllData.regionGrade == 'one') {
+      if (AllData.regionGrade == "one") {
         AllData.chartData3.xAxis = res.data.partitionName;
         AllData.chartData3.yAxis1_bar = res.data.outletsNumber;
-        AllData.chartData3.yAxis1_bar_Name = '排口';
+        AllData.chartData3.yAxis1_bar_Name = "排口";
         AllData.chartData3.yAxis2_bar = null;
-        AllData.chartData3.yAxis2_bar_Name = '';
+        AllData.chartData3.yAxis2_bar_Name = "";
         AllData.chartData3.yAxis3_line = res.data.inflowWater;
-        AllData.chartData3.yAxis3_line_Name = '出水量';
+        AllData.chartData3.yAxis3_line_Name = "出水量";
         AllData.chartData3.yAxis3_line_Index = 1;
-        AllData.chartData3.y1_Unit = '个'; //Y轴单位
-        AllData.chartData3.y2_Unit = '万方'; //Y轴单位
+        AllData.chartData3.y1_Unit = "个"; //Y轴单位
+        AllData.chartData3.y2_Unit = "万方"; //Y轴单位
         AllData.chartData3.y2_show = true;
         AllData.refresh3++;
-        AllData.TjData3 = Number(res.data.outletsNumber.reduce((accu, curren) => Number(accu) + Number(curren))).toFixed(0);
-        AllData.TjData3Unit = '个';
+        AllData.TjData3 = Number(
+          res.data.outletsNumber.reduce((accu, curren) => Number(accu) + Number(curren))
+        ).toFixed(0);
+        AllData.TjData3Unit = "个";
       }
-      if (AllData.regionGrade == 'two') {
+      if (AllData.regionGrade == "two") {
         AllData.chartData3.xAxis = res.data.partitionName;
         AllData.chartData3.yAxis1_bar = res.data.outletsNumber;
-        AllData.chartData3.yAxis1_bar_Name = '排口';
+        AllData.chartData3.yAxis1_bar_Name = "排口";
         AllData.chartData3.yAxis2_bar = null;
-        AllData.chartData3.yAxis2_bar_Name = '';
+        AllData.chartData3.yAxis2_bar_Name = "";
         AllData.chartData3.yAxis3_line = res.data.inflowWater;
-        AllData.chartData3.yAxis3_line_Name = '出水量';
+        AllData.chartData3.yAxis3_line_Name = "出水量";
         AllData.chartData3.yAxis3_line_Index = 1;
-        AllData.chartData3.y1_Unit = '个'; //Y轴单位
-        AllData.chartData3.y2_Unit = '万方'; //Y轴单位
+        AllData.chartData3.y1_Unit = "个"; //Y轴单位
+        AllData.chartData3.y2_Unit = "万方"; //Y轴单位
         AllData.chartData3.y2_show = true;
         // nextTick(() => {
         //   debugger;
         AllData.refresh3++;
         // }, 1000);
 
-        AllData.TjData3 = Number(res.data.outletsNumber.reduce((accu, curren) => Number(accu) + Number(curren))).toFixed(0);
-        AllData.TjData3Unit = '个';
+        AllData.TjData3 = Number(
+          res.data.outletsNumber.reduce((accu, curren) => Number(accu) + Number(curren))
+        ).toFixed(0);
+        AllData.TjData3Unit = "个";
       }
     }
   });
@@ -927,71 +1008,75 @@
   MonitorAPI.pointList({
     waterRegionCode: AllData.waterRegionCode, //分区编号
     // regionType: AllData.TypeID, //分区类型（sewage：污水 || rain：雨水）
-  }).then(res => {
+  }).then((res) => {
     if (res && res.code == 200) {
-      if (AllData.regionGrade == 'three') {
+      if (AllData.regionGrade == "three") {
         AllData.chartData3.xAxis = res.data.partitionName;
         AllData.chartData3.yAxis1_bar = res.data.pointNumber;
-        AllData.chartData3.yAxis1_bar_Name = '渍水风险点';
+        AllData.chartData3.yAxis1_bar_Name = "渍水风险点";
         AllData.chartData3.yAxis2_bar = null;
-        AllData.chartData3.yAxis2_bar_Name = '风险排口';
+        AllData.chartData3.yAxis2_bar_Name = "风险排口";
         AllData.chartData3.yAxis3_line = null;
-        AllData.chartData3.yAxis3_line_Name = '进水量';
+        AllData.chartData3.yAxis3_line_Name = "进水量";
         AllData.chartData3.yAxis3_line_Index = 1;
-        AllData.chartData3.y1_Unit = '个'; //Y轴单位
-        AllData.chartData3.y2_Unit = '万方'; //Y轴单位
+        AllData.chartData3.y1_Unit = "个"; //Y轴单位
+        AllData.chartData3.y2_Unit = "万方"; //Y轴单位
         AllData.chartData3.y2_show = false;
         AllData.refresh3++;
 
-        AllData.TjData3 = Number(res.data.pointNumber.reduce((accu, curren) => Number(accu) + Number(curren))).toFixed(0);
-        AllData.TjData3Unit = '个';
+        AllData.TjData3 = Number(
+          res.data.pointNumber.reduce((accu, curren) => Number(accu) + Number(curren))
+        ).toFixed(0);
+        AllData.TjData3Unit = "个";
       }
-      if (AllData.regionGrade == 'four') {
+      if (AllData.regionGrade == "four") {
         //
         AllData.chartData2.xAxis = res.data.partitionName;
         AllData.chartData2.yAxis = null;
         AllData.chartData2.yAxis2 = res.data.pointNumber;
-        AllData.chartData2.yAxis2_Name = '数量';
+        AllData.chartData2.yAxis2_Name = "数量";
         AllData.chartData2.yAxis_Name = null;
-        AllData.chartData2.y1_Unit = '个';
+        AllData.chartData2.y1_Unit = "个";
         AllData.refresh2++;
 
-        AllData.TjData2 = Number(res.data.pointNumber.reduce((accu, curren) => Number(accu) + Number(curren))).toFixed(0);
-        AllData.TjData2Unit = '个';
+        AllData.TjData2 = Number(
+          res.data.pointNumber.reduce((accu, curren) => Number(accu) + Number(curren))
+        ).toFixed(0);
+        AllData.TjData2Unit = "个";
       }
     }
   });
 };
 // 获取数据 谢扬 一级界面的河湖水情
 const getData7 = () => {
-  MonitorAPI.queryWaterLevel({}).then(res => {
+  MonitorAPI.queryWaterLevel({}).then((res) => {
     if (res && res.code == 200) {
-      if (AllData.regionGrade == 'one') {
+      if (AllData.regionGrade == "one") {
         let XData = [];
         let data1 = []; //当前水位
         let data2 = []; //设防水位
         let data3 = []; //调蓄容积
-        res.data.forEach(element => {
+        res.data.forEach((element) => {
           XData.push(element.lakeName);
           data1.push(element.nowWaterlevel);
           data2.push(element.bestPromitWaterlevel);
           data3.push(element.volume);
         });
         AllData.chartData1.xAxis = XData; //X轴数据
-        AllData.chartData1.y1_Unit = '万方'; //Y轴单位
-        AllData.chartData1.y2_Unit = 'm'; //2号Y轴单位
+        AllData.chartData1.y1_Unit = "万方"; //Y轴单位
+        AllData.chartData1.y2_Unit = "m"; //2号Y轴单位
         AllData.chartData1.y2_show = true; //是否展示右侧的2号轴
         AllData.chartData1.yAxis1_bar = data3; //数据1
-        AllData.chartData1.yAxis1_bar_Name = '库容量'; //数据1的名称
+        AllData.chartData1.yAxis1_bar_Name = "库容量"; //数据1的名称
         AllData.chartData1.yAxis1_bar_index = 0;
         AllData.chartData1.yAxis2_bar = null; //数据2
-        AllData.chartData1.yAxis2_bar_Name = ''; //数据1的名称
+        AllData.chartData1.yAxis2_bar_Name = ""; //数据1的名称
         AllData.chartData1.yAxis2_bar_index = 0;
         AllData.chartData1.yAxis2_line = data2;
-        AllData.chartData1.yAxis2_line_Name = '控制水位';
+        AllData.chartData1.yAxis2_line_Name = "控制水位";
         AllData.chartData1.yAxis2_line_Index = 1;
         AllData.chartData1.yAxis3_line = data1;
-        AllData.chartData1.yAxis3_line_Name = '当前水位';
+        AllData.chartData1.yAxis3_line_Name = "当前水位";
         AllData.chartData1.yAxis3_line_Index = 1;
         AllData.refresh1++;
         AllData.TjData1 = null;
@@ -1004,97 +1089,101 @@
 const getData5 = () => {
   MonitorAPI.waterRegionWaterYieldAnalysis({
     waterRegionId: AllData.waterRegionCode,
-  }).then(res => {
+  }).then((res) => {
     if (res && res.code == 200) {
       let XData = [];
       let YData1 = [];
       let YData2 = [];
       let YData3 = [];
-      res.data.forEach(element => {
+      res.data.forEach((element) => {
         XData.push(element.waterRegionName); //X轴数据
         YData1.push(element.siteNum); //点位数量
         YData2.push(element.inWaterYield); //进水
         YData3.push(element.outWaterYield); //出水
       });
-      if (AllData.regionGrade == 'three') {
+      if (AllData.regionGrade == "three") {
         AllData.chartData1.xAxis = XData; //X轴数据
-        AllData.chartData1.y1_Unit = '个'; //Y轴单位
-        AllData.chartData1.y2_Unit = '万方'; //2号Y轴单位
+        AllData.chartData1.y1_Unit = "个"; //Y轴单位
+        AllData.chartData1.y2_Unit = "万方"; //2号Y轴单位
         AllData.chartData1.y2_show = true; //是否展示右侧的2号轴
         AllData.chartData1.yAxis1_bar = YData1; //数据1
-        AllData.chartData1.yAxis1_bar_Name = '点位数'; //数据1的名称
+        AllData.chartData1.yAxis1_bar_Name = "点位数"; //数据1的名称
         AllData.chartData1.yAxis1_bar_index = 0;
         AllData.chartData1.yAxis2_bar = null; //数据2
-        AllData.chartData1.yAxis2_bar_Name = ''; //数据1的名称
+        AllData.chartData1.yAxis2_bar_Name = ""; //数据1的名称
         AllData.chartData1.yAxis2_bar_index = 0;
         AllData.chartData1.yAxis2_line = YData2;
-        AllData.chartData1.yAxis2_line_Name = '进水';
+        AllData.chartData1.yAxis2_line_Name = "进水";
         AllData.chartData1.yAxis2_line_Index = 1;
         AllData.chartData1.yAxis3_line = YData3;
-        AllData.chartData1.yAxis3_line_Name = '出水';
+        AllData.chartData1.yAxis3_line_Name = "出水";
         AllData.chartData1.yAxis3_line_Index = 1;
         AllData.refresh1++;
 
-        AllData.TjData2 = Number(YData1.reduce((accu, curren) => Number(accu) + Number(curren))).toFixed(0);
-        AllData.TjData2Unit = '个';
+        AllData.TjData2 = Number(
+          YData1.reduce((accu, curren) => Number(accu) + Number(curren))
+        ).toFixed(0);
+        AllData.TjData2Unit = "个";
       }
-      if (AllData.regionGrade == 'four') {
+      if (AllData.regionGrade == "four") {
         AllData.chartData1.xAxis = XData; //X轴数据
-        AllData.chartData1.y1_Unit = '个'; //Y轴单位
-        AllData.chartData1.y2_Unit = '万方'; //2号Y轴单位
+        AllData.chartData1.y1_Unit = "个"; //Y轴单位
+        AllData.chartData1.y2_Unit = "万方"; //2号Y轴单位
         AllData.chartData1.y2_show = true; //是否展示右侧的2号轴
         AllData.chartData1.yAxis1_bar = YData1; //数据1
-        AllData.chartData1.yAxis1_bar_Name = '接驳点数'; //数据1的名称
+        AllData.chartData1.yAxis1_bar_Name = "接驳点数"; //数据1的名称
         AllData.chartData1.yAxis1_bar_index = 0;
         AllData.chartData1.yAxis2_bar = null; //数据2
-        AllData.chartData1.yAxis2_bar_Name = ''; //数据1的名称
+        AllData.chartData1.yAxis2_bar_Name = ""; //数据1的名称
         AllData.chartData1.yAxis2_bar_index = 0;
         AllData.chartData1.yAxis2_line = null;
-        AllData.chartData1.yAxis2_line_Name = '进水';
+        AllData.chartData1.yAxis2_line_Name = "进水";
         AllData.chartData1.yAxis2_line_Index = 1;
         AllData.chartData1.yAxis3_line = YData3;
-        AllData.chartData1.yAxis3_line_Name = '出水';
+        AllData.chartData1.yAxis3_line_Name = "出水";
         AllData.chartData1.yAxis3_line_Index = 1;
         AllData.refresh1++;
-        AllData.TjData1 = Number(YData1.reduce((accu, curren) => Number(accu) + Number(curren))).toFixed(0);
-        AllData.TjData1Unit = '个';
+        AllData.TjData1 = Number(
+          YData1.reduce((accu, curren) => Number(accu) + Number(curren))
+        ).toFixed(0);
+        AllData.TjData1Unit = "个";
       }
     }
   });
 };
 // 获取数据 刘芳阳 上下游分析
-const getDataSXY = row => {
+const getDataSXY = (row) => {
   MonitorAPI.siteWaterYieldAnalysis({
     stCode: row.stCode,
     stType: row.pointType,
-    start: moment().format('YYYY-MM-DD') + ' 00:00:00',
-    end: moment().format('YYYY-MM-DD') + ' 23:59:59',
-  }).then(res => {
+    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;
     }
   });
 };
-const GetRightCharts = row => {
+const GetRightCharts = (row) => {
   getEchart({
     stType: row.pointType,
     stCode: row.stCode,
-    start: moment().format('YYYY-MM-DD') + ' 00:00:00',
-    end: moment().format('YYYY-MM-DD') + ' 23:59:59',
-  }).then(res => {
+    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) {
-      res.data.datas.forEach(element => {
+      res.data.datas.forEach((element) => {
         switch (element.dataKey) {
-          case 'z':
+          case "z":
             AllData.chartDataRight.yAxis3 = element.datas;
             break;
-          case 'va':
+          case "va":
             AllData.chartDataRight.yAxis2 = element.datas;
             break;
-          case 'pn05':
+          case "pn05":
             AllData.chartDataRight.yAxis = element.datas;
             break;
-          case 'sbl05':
+          case "sbl05":
             AllData.chartDataRight.yAxis4 = element.datas;
             break;
         }
@@ -1110,20 +1199,20 @@
 const clearEchartsData = () => {
   AllData.chartData1 = {
     xAxis: [], //X轴数据
-    y1_Unit: '', //Y轴单位
-    y2_Unit: '', //2号Y轴单位
+    y1_Unit: "", //Y轴单位
+    y2_Unit: "", //2号Y轴单位
     y2_show: false, //是否展示右侧的2号轴
     yAxis1_bar: null, //数据1
-    yAxis1_bar_Name: '', //数据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_Name: "",
     yAxis3_line_Index: 0,
   };
   AllData.refresh1++;
@@ -1131,20 +1220,20 @@
   AllData.TjData1Unit = null;
   AllData.chartData3 = {
     xAxis: [], //X轴数据
-    y1_Unit: '', //Y轴单位
-    y2_Unit: '', //2号Y轴单位
+    y1_Unit: "", //Y轴单位
+    y2_Unit: "", //2号Y轴单位
     y2_show: false, //是否展示右侧的2号轴
     yAxis1_bar: null, //数据1
-    yAxis1_bar_Name: '', //数据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_Name: "",
     yAxis3_line_Index: 0,
   };
   AllData.refresh3++;
@@ -1154,18 +1243,32 @@
     xAxis: [],
     yAxis: [],
     yAxis2: [],
-    yAxis_Name: '',
-    yAxis2_Name: '',
-    y1_Unit: 'km',
+    yAxis_Name: "",
+    yAxis2_Name: "",
+    y1_Unit: "km",
   };
   AllData.refresh2++;
   AllData.TjData2 = null;
   AllData.TjData2Unit = null;
 };
+// 打开公共弹窗
+const OpenGongGongDialog = () => {
+  debugger;
+  let params = {
+    stName: AllData.ClicksiteName,
+    dataCode: "",
+    stType: AllData.RightShowType,
+    stCode: AllData.GWBD.stCode,
+    wellCode: "",
+    id: AllData.RightShowID,
+    dataId: "",
+  };
+  bus.emit("DynamicBus", params);
+};
 onMounted(() => {
   let initeGLTimer = setInterval(() => {
     if (!newfiberMap) return;
-    bus.on('FenQuClick', FenQuClick);
+    bus.on("FenQuClick", FenQuClick);
     getData1();
     getData3();
     getData7();
@@ -1174,7 +1277,7 @@
 });
 
 onBeforeUnmount(() => {
-  bus.off('FenQuClick');
+  bus.off("FenQuClick");
 });
 </script>
 
@@ -1183,7 +1286,7 @@
   .CrumbesTitle {
     width: 100%;
     height: 44px;
-    background: url('@/assets/images/pictureOnMap/eachBgc.png') no-repeat center;
+    background: url("@/assets/images/pictureOnMap/eachBgc.png") no-repeat center;
     background-size: 100% 100%;
     box-sizing: border-box;
     padding-left: 40px;
@@ -1208,6 +1311,7 @@
       overflow: hidden;
       text-overflow: ellipsis; /* 超出宽度200px后显示省略号 */
       white-space: nowrap; /* 限制不允许换行 */
+      cursor: pointer;
     }
   }
   .modular1,
@@ -1244,7 +1348,7 @@
         height: 110px;
         box-sizing: border-box;
         padding: 15px 0;
-        background-image: url('@/assets/images/pictureOnMap/SLFX.png');
+        background-image: url("@/assets/images/pictureOnMap/SLFX.png");
         background-repeat: no-repeat;
         background-size: contain;
         .SlList1P {