diff --git a/src/views/pictureOnMap/page/DrainageSystem/BengZhanRight.vue b/src/views/pictureOnMap/page/DrainageSystem/BengZhanRight.vue
index 1b00859..7df66ed 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/BengZhanRight.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/BengZhanRight.vue
@@ -22,9 +22,9 @@
         </div>
       </div>
       <div class="ListInfo100">
-        <div class="ListInfo_label">设计规模:</div>
+        <div class="ListInfo_label">日规模:</div>
         <div class="ListInfo_value">
-          {{ AllData.bengZhanInfo.designFlowRate ? AllData.bengZhanInfo.designFlowRate + 'm³/s' : '--' }}
+          {{ AllData.bengZhanInfo.dayScale ? AllData.bengZhanInfo.dayScale + '万吨/日' : '--' }}
         </div>
       </div>
       <div class="ListInfo100">

diff --git a/src/views/pictureOnMap/page/DrainageSystem/BengZhanRight.vue b/src/views/pictureOnMap/page/DrainageSystem/BengZhanRight.vue
index 1b00859..7df66ed 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/BengZhanRight.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/BengZhanRight.vue
@@ -22,9 +22,9 @@
         </div>
       </div>
       <div class="ListInfo100">
-        <div class="ListInfo_label">设计规模:</div>
+        <div class="ListInfo_label">日规模:</div>
         <div class="ListInfo_value">
-          {{ AllData.bengZhanInfo.designFlowRate ? AllData.bengZhanInfo.designFlowRate + 'm³/s' : '--' }}
+          {{ AllData.bengZhanInfo.dayScale ? AllData.bengZhanInfo.dayScale + '万吨/日' : '--' }}
         </div>
       </div>
       <div class="ListInfo100">
diff --git a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue
index ff8f4ed..62c4098 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue
@@ -14,32 +14,28 @@
             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"
@@ -55,25 +51,21 @@
         <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"
@@ -90,25 +82,21 @@
         <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"
@@ -126,11 +114,7 @@
     <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">
@@ -149,10 +133,7 @@
             <!-- 上游水量在接驳口时不展示 -->
             <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>
@@ -161,10 +142,7 @@
             </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>
@@ -173,13 +151,8 @@
             </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>
@@ -193,68 +166,62 @@
             <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>
@@ -265,25 +232,15 @@
     <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>
@@ -291,11 +248,7 @@
     <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">
@@ -303,11 +256,7 @@
         </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>
@@ -315,75 +264,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数据
@@ -407,85 +356,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;
@@ -497,35 +446,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,
     };
 
@@ -535,29 +484,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,
     };
 
@@ -567,22 +516,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,
     };
 
@@ -592,15 +541,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,
     };
 
@@ -609,73 +558,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,
             };
@@ -684,80 +633,74 @@
         //   }
         // 赋值需要进行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 {
@@ -770,13 +713,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;
@@ -784,15 +727,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;
@@ -806,31 +749,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,
   };
 };
@@ -840,45 +783,33 @@
     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++;
     }
   });
@@ -892,34 +823,30 @@
     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; //满管风险
@@ -928,17 +855,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;
@@ -953,47 +880,43 @@
   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 = '个';
       }
     }
   });
@@ -1004,75 +927,71 @@
   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;
@@ -1085,101 +1004,97 @@
 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;
         }
@@ -1195,20 +1110,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++;
@@ -1216,20 +1131,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++;
@@ -1239,9 +1154,9 @@
     xAxis: [],
     yAxis: [],
     yAxis2: [],
-    yAxis_Name: "",
-    yAxis2_Name: "",
-    y1_Unit: "km",
+    yAxis_Name: '',
+    yAxis2_Name: '',
+    y1_Unit: 'km',
   };
   AllData.refresh2++;
   AllData.TjData2 = null;
@@ -1250,7 +1165,7 @@
 onMounted(() => {
   let initeGLTimer = setInterval(() => {
     if (!newfiberMap) return;
-    bus.on("FenQuClick", FenQuClick);
+    bus.on('FenQuClick', FenQuClick);
     getData1();
     getData3();
     getData7();
@@ -1259,7 +1174,7 @@
 });
 
 onBeforeUnmount(() => {
-  bus.off("FenQuClick");
+  bus.off('FenQuClick');
 });
 </script>
 
@@ -1268,7 +1183,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;
@@ -1329,7 +1244,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 {