diff --git a/src/views/DialogTabs/component/ShiPingJianKong.vue b/src/views/DialogTabs/component/ShiPingJianKong.vue
index a02cecf..9dbaa6a 100644
--- a/src/views/DialogTabs/component/ShiPingJianKong.vue
+++ b/src/views/DialogTabs/component/ShiPingJianKong.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="ShiPingJianKong">
-    <div id="LeftBox">
+    <!-- <div id="LeftBox">
       <div class="LeftType">
         <div
           class="TypeBtn"
@@ -167,7 +167,7 @@
           />
         </div>
       </div>
-    </div>
+    </div> -->
     <div id="VideoBox">
       <HKVideo
         v-if="AllData.DataOK"
@@ -593,7 +593,8 @@
     }
   }
   #VideoBox {
-    width: calc(100% - 415px);
+    // width: calc(100% - 415px);
+    width: 100%;
     height: 100%;
     float: left;
   }

diff --git a/src/views/DialogTabs/component/ShiPingJianKong.vue b/src/views/DialogTabs/component/ShiPingJianKong.vue
index a02cecf..9dbaa6a 100644
--- a/src/views/DialogTabs/component/ShiPingJianKong.vue
+++ b/src/views/DialogTabs/component/ShiPingJianKong.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="ShiPingJianKong">
-    <div id="LeftBox">
+    <!-- <div id="LeftBox">
       <div class="LeftType">
         <div
           class="TypeBtn"
@@ -167,7 +167,7 @@
           />
         </div>
       </div>
-    </div>
+    </div> -->
     <div id="VideoBox">
       <HKVideo
         v-if="AllData.DataOK"
@@ -593,7 +593,8 @@
     }
   }
   #VideoBox {
-    width: calc(100% - 415px);
+    // width: calc(100% - 415px);
+    width: 100%;
     height: 100%;
     float: left;
   }
diff --git a/src/views/oneMap/LayerControl/LayerControl.vue b/src/views/oneMap/LayerControl/LayerControl.vue
index ed850cc..cb2d83f 100644
--- a/src/views/oneMap/LayerControl/LayerControl.vue
+++ b/src/views/oneMap/LayerControl/LayerControl.vue
@@ -26,29 +26,29 @@
 </template>
 
 <script setup name="LayerControl">
-import { ref, reactive, toRefs, onMounted } from 'vue';
+import { ref, reactive, toRefs, onMounted } from "vue";
 // 图层控制icon引入
-import { requireTuChengImg } from '@/utils/util';
-import yanAnPaiShuiArea from '@/assets/yanAnPaiShuiArea.json';
-import yanAnRoad from '@/assets/yanAnRoad.json';
-import yanAnWater from '@/assets/yanAnWater.json';
-import yanAnWSCLC from '@/assets/yanAnWSCLC.json';
-import yanAnCenterCity from '@/assets/yanAnCenterCity.json';
-import yanAnYSBZ from '@/assets/yanAnYSBZ.json';
-import yanAnYiLao from '@/assets/yanAnYiLao.json';
-import yanAnFengXian from '@/assets/yanAnFengXian.json';
-import yanAnPipeSupervise from '@/assets/yanAnPipeSupervise.json';
-import yanAnPKSupervise from '@/assets/yanAnPKSupervise.json';
-import yanAnNature from '@/assets/yanAnNature.json';
-import yanAnVideo from '@/assets/yanAnVideo.json';
-import yanAnMountain from '@/assets/yanAnMountain.json';
-import yanAnSmallWater from '@/assets/yanAnSmallWater.json';
-import yanAnRainArea from '@/assets/yanAnRainArea.json';
-import heDiJiaGu from '@/assets/heDiJiaGu.json';
-import heDiShuJun from '@/assets/heDiShuJun.json';
-import anXianGaiZao from '@/assets/anXianGaiZao.json';
-import bus from '@/bus';
-import mapBoxVectorLayer from '@/utils/GISdocument/mapboxVectorLayer.js';
+import { requireTuChengImg } from "@/utils/util";
+import yanAnPaiShuiArea from "@/assets/yanAnPaiShuiArea.json";
+import yanAnRoad from "@/assets/yanAnRoad.json";
+import yanAnWater from "@/assets/yanAnWater.json";
+import yanAnWSCLC from "@/assets/yanAnWSCLC.json";
+import yanAnCenterCity from "@/assets/yanAnCenterCity.json";
+import yanAnYSBZ from "@/assets/yanAnYSBZ.json";
+import yanAnYiLao from "@/assets/yanAnYiLao.json";
+import yanAnFengXian from "@/assets/yanAnFengXian.json";
+import yanAnPipeSupervise from "@/assets/yanAnPipeSupervise.json";
+import yanAnPKSupervise from "@/assets/yanAnPKSupervise.json";
+import yanAnNature from "@/assets/yanAnNature.json";
+import yanAnVideo from "@/assets/yanAnVideo.json";
+import yanAnMountain from "@/assets/yanAnMountain.json";
+import yanAnSmallWater from "@/assets/yanAnSmallWater.json";
+import yanAnRainArea from "@/assets/yanAnRainArea.json";
+import heDiJiaGu from "@/assets/heDiJiaGu.json";
+import heDiShuJun from "@/assets/heDiShuJun.json";
+import anXianGaiZao from "@/assets/anXianGaiZao.json";
+import bus from "@/bus";
+import mapBoxVectorLayer from "@/utils/GISdocument/mapboxVectorLayer.js";
 const AllData = reactive({
   // 图层控制面板的渲染数据
   /**图层面板数据字段说明
@@ -61,141 +61,141 @@
    */
   LayerData: [
     {
-      title: '基本信息',
+      title: "基本信息",
       children: [
         {
-          layerName: '中心城区',
-          layerKey: 'centerCity',
-          layerIcon: requireTuChengImg('zhongxinchengqu'),
+          layerName: "中心城区",
+          layerKey: "centerCity",
+          layerIcon: requireTuChengImg("zhongxinchengqu"),
           layerVisible: false,
           dynamicLineData: yanAnCenterCity,
         },
         {
-          layerName: '路网',
-          layerKey: 'road',
-          layerIcon: '',
-          layerVisible: false,
+          layerName: "路网",
+          layerKey: "road",
+          layerIcon: "",
+          layerVisible: true,
           dynamicLineData: yanAnRoad,
         },
         {
-          layerName: '河流水系',
-          layerKey: 'waterLake',
-          layerIcon: '',
-          layerVisible: false,
+          layerName: "河流水系",
+          layerKey: "waterLake",
+          layerIcon: "",
+          layerVisible: true,
           dynamicLineData: yanAnWater,
         },
         {
-          layerName: '防洪河道',
-          layerKey: 'fangHongWater',
-          layerIcon: '',
+          layerName: "防洪河道",
+          layerKey: "fangHongWater",
+          layerIcon: "",
           layerVisible: false,
           lineWithLabel: yanAnSmallWater,
         },
         {
-          layerName: '河堤疏浚',
-          layerKey: 'heDiShuJun',
-          layerIcon: '',
+          layerName: "河堤疏浚",
+          layerKey: "heDiShuJun",
+          layerIcon: "",
           layerVisible: false,
           lineWithLabel: heDiShuJun,
         },
         {
-          layerName: '河堤加固',
-          layerKey: 'heDiJiaGu',
-          layerIcon: '',
+          layerName: "河堤加固",
+          layerKey: "heDiJiaGu",
+          layerIcon: "",
           layerVisible: false,
           lineWithLabel: heDiJiaGu,
         },
         {
-          layerName: '岸线改造',
-          layerKey: 'anXianGaiZao',
-          layerIcon: '',
+          layerName: "岸线改造",
+          layerKey: "anXianGaiZao",
+          layerIcon: "",
           layerVisible: false,
           lineWithLabel: anXianGaiZao,
         },
         {
-          layerName: '河堤治理',
-          layerKey: 'heDiZhiLi',
-          layerIcon: '',
+          layerName: "河堤治理",
+          layerKey: "heDiZhiLi",
+          layerIcon: "",
           layerVisible: false,
           lineWithLabel: anXianGaiZao,
         },
         {
-          layerName: '空间格局',
-          layerKey: 'yanAnNature',
-          layerIcon: '',
+          layerName: "空间格局",
+          layerKey: "yanAnNature",
+          layerIcon: "",
           layerVisible: false,
           areaData: yanAnNature,
         },
         {
-          layerName: '山体修复',
-          layerKey: 'yanAnMountain',
-          layerIcon: '',
+          layerName: "山体修复",
+          layerKey: "yanAnMountain",
+          layerIcon: "",
           layerVisible: false,
           lineWithLabel: yanAnMountain,
         },
       ],
     },
     {
-      title: '燃气系统',
+      title: "燃气系统",
       children: [
         {
-          layerName: '燃气管网',
-          layerKey: 'rq_all',
+          layerName: "燃气管网",
+          layerKey: "rq_all",
           layerIcon: null,
           layerVisible: false,
         },
         {
-          layerName: '调压器',
-          layerKey: 'tiaoYaQi',
+          layerName: "调压器",
+          layerKey: "tiaoYaQi",
           layerIcon: null,
           layerVisible: false,
         },
         {
-          layerName: '节点',
-          layerKey: 'rq_jieDian',
+          layerName: "节点",
+          layerKey: "rq_jieDian",
           layerIcon: null,
           layerVisible: false,
         },
         {
-          layerName: '极性保护',
-          layerKey: 'jiXingBaoHu',
+          layerName: "极性保护",
+          layerKey: "jiXingBaoHu",
           layerIcon: null,
           layerVisible: false,
         },
         {
-          layerName: '流量计',
-          layerKey: 'rq_liuLiangJi',
+          layerName: "流量计",
+          layerKey: "rq_liuLiangJi",
           layerIcon: null,
           layerVisible: false,
         },
         {
-          layerName: '未知设备',
-          layerKey: 'rq_unknow',
+          layerName: "未知设备",
+          layerKey: "rq_unknow",
           layerIcon: null,
           layerVisible: false,
         },
       ],
     },
     {
-      title: '雨水系统',
+      title: "雨水系统",
       children: [
         {
-          layerName: '雨水分区',
-          layerKey: 'rainArea',
+          layerName: "雨水分区",
+          layerKey: "rainArea",
           layerIcon: null,
           layerVisible: false,
           areaData: yanAnRainArea,
         },
         {
-          layerName: '排水分区',
-          layerKey: 'paishuiArea',
+          layerName: "排水分区",
+          layerKey: "paishuiArea",
           layerIcon: null,
           layerVisible: false,
           areaData: yanAnPaiShuiArea,
         },
         {
-          layerName: '雨水管网',
-          layerKey: 'ysLine1',
+          layerName: "雨水管网",
+          layerKey: "ysLine1",
           layerIcon: null,
           layerVisible: false,
         },
@@ -206,8 +206,8 @@
         //   layerVisible: false,
         // },
         {
-          layerName: '雨水泵站',
-          layerKey: 'YSBZ',
+          layerName: "雨水泵站",
+          layerKey: "YSBZ",
           layerIcon: null,
           layerVisible: false,
           data: yanAnYSBZ,
@@ -215,17 +215,17 @@
       ],
     },
     {
-      title: '污水系统',
+      title: "污水系统",
       children: [
         {
-          layerName: '污水分区',
-          layerKey: 'sewageArea',
+          layerName: "污水分区",
+          layerKey: "sewageArea",
           layerIcon: null,
           layerVisible: false,
         },
         {
-          layerName: '污水管网',
-          layerKey: 'wsLine1',
+          layerName: "污水管网",
+          layerKey: "wsLine1",
           layerIcon: null,
           layerVisible: false,
         },
@@ -242,8 +242,8 @@
         //   layerVisible: false,
         // },
         {
-          layerName: '污水处理厂',
-          layerKey: 'WSCLC',
+          layerName: "污水处理厂",
+          layerKey: "WSCLC",
           layerIcon: null,
           layerVisible: false,
           data: yanAnWSCLC,
@@ -251,39 +251,39 @@
       ],
     },
     {
-      title: '感知设备',
+      title: "感知设备",
       children: [
         {
-          layerName: '内涝易涝点',
-          layerKey: 'yiLaoPoint',
+          layerName: "内涝易涝点",
+          layerKey: "yiLaoPoint",
           layerIcon: null,
           layerVisible: false,
           data: yanAnYiLao,
         },
         {
-          layerName: '内涝风险点',
-          layerKey: 'fengXianPoint',
+          layerName: "内涝风险点",
+          layerKey: "fengXianPoint",
           layerIcon: null,
           layerVisible: false,
           data: yanAnFengXian,
         },
         {
-          layerName: '排水管网监测',
-          layerKey: 'pipeSupervise',
+          layerName: "排水管网监测",
+          layerKey: "pipeSupervise",
           layerIcon: null,
           layerVisible: false,
           data: yanAnPipeSupervise,
         },
         {
-          layerName: '排水排口监测',
-          layerKey: 'PKsupervise',
+          layerName: "排水排口监测",
+          layerKey: "PKsupervise",
           layerIcon: null,
           layerVisible: false,
           data: yanAnPKSupervise,
         },
         {
-          layerName: '视频监测',
-          layerKey: 'video',
+          layerName: "视频监测",
+          layerKey: "video",
           layerIcon: null,
           layerVisible: false,
           data: yanAnVideo,
@@ -298,10 +298,10 @@
     .concat(AllData.LayerData[2].children)
     .concat(AllData.LayerData[3].children)
     .concat(AllData.LayerData[4].children);
-  initeLegend.forEach(element => {
+  initeLegend.forEach((element) => {
     element.layername = element.layerKey;
   });
-  bus.emit('setLegendData', initeLegend);
+  bus.emit("setLegendData", initeLegend);
 });
 const props = defineProps({
   ShowTuCheng: false,
@@ -310,35 +310,37 @@
 watch(
   () => props.ShowTuCheng,
   (newValue, oldValue) => {
-    console.log('ShowTuCheng变化了', newValue, oldValue);
+    console.log("ShowTuCheng变化了", newValue, oldValue);
   },
   { immediate: true, deep: true }
 );
 
-const layerClick = item2 => {
+const layerClick = (item2) => {
   item2.layerVisible = !item2.layerVisible;
   item2.isCheck = item2.layerVisible;
-  console.info(`点击了名称为${item2.layerName},图层ID为${item2.layerKey}的图层,点击后的图层展示情况为${item2.layerVisible}`);
-  bus.emit('setLayerVisible', { layername: item2.layerKey, isCheck: item2.isCheck });
+  console.info(
+    `点击了名称为${item2.layerName},图层ID为${item2.layerKey}的图层,点击后的图层展示情况为${item2.layerVisible}`
+  );
+  bus.emit("setLayerVisible", { layername: item2.layerKey, isCheck: item2.isCheck });
   if (item2.areaData) {
     if (item2.isCheck) {
       mapBoxVectorLayer.addGeojsonPolygonWithLabel(item2.layerKey, item2.areaData);
     } else {
-      mapBoxVectorLayer.removeByIds([item2.layerKey, item2.layerKey + '_label']);
+      mapBoxVectorLayer.removeByIds([item2.layerKey, item2.layerKey + "_label"]);
     }
   }
   if (item2.lineWithLabel) {
     if (item2.isCheck) {
       mapBoxVectorLayer.addGeojsonLineWithLabel(item2.layerKey, item2.lineWithLabel);
-      if (item2.layerKey == 'fangHongWater') {
+      if (item2.layerKey == "fangHongWater") {
         let layer = new mapboxL7.LineLayer({
-          name: 'fangHongWater',
+          name: "fangHongWater",
         })
           .source(item2.lineWithLabel)
           .size(3)
-          .shape('line')
-          .texture('arrow')
-          .color('rgba(243, 26, 237,1)')
+          .shape("line")
+          .texture("arrow")
+          .color("rgba(243, 26, 237,1)")
           .animate({
             interval: 2, // 间隔
             duration: 3, // 持续时间，延时
@@ -349,29 +351,29 @@
             lineTexture: true, // 开启线的贴图功能
             iconStep: 200, // 设置贴图纹理的间距
             borderWidth: 0.4, // 默认文 0，最大有效值为 0.5
-            borderColor: '#fff', // 默认为 #ccc
+            borderColor: "#fff", // 默认为 #ccc
           });
         newfiberMapbox.addLayer(layer);
       }
     } else {
-      mapBoxVectorLayer.removeByIds([item2.layerKey, item2.layerKey + '_label']);
-      if (newfiberMapbox.getLayerByName('fangHongWater')) {
-        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('fangHongWater'));
+      mapBoxVectorLayer.removeByIds([item2.layerKey, item2.layerKey + "_label"]);
+      if (newfiberMapbox.getLayerByName("fangHongWater")) {
+        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("fangHongWater"));
       }
     }
   }
-  if (item2.layerKey == 'road') {
+  if (item2.layerKey == "road") {
     if (item2.isCheck) {
-      if (newfiberMapbox.getLayerByName('dynamicRoad')) {
-        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('dynamicRoad'));
+      if (newfiberMapbox.getLayerByName("dynamicRoad")) {
+        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("dynamicRoad"));
       }
       let layer = new mapboxL7.LineLayer({
-        name: 'dynamicRoad',
+        name: "dynamicRoad",
       })
         .source(item2.dynamicLineData)
         .size(1.3)
-        .shape('line')
-        .color('rgb(184, 184, 184)')
+        .shape("line")
+        .color("rgb(184, 184, 184)")
         .animate({
           interval: 1, // 间隔
           duration: 1.5, // 持续时间，延时
@@ -382,22 +384,22 @@
         });
       newfiberMapbox.addLayer(layer);
     } else {
-      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('dynamicRoad'));
+      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("dynamicRoad"));
     }
   }
-  if (item2.layerKey == 'waterLake') {
+  if (item2.layerKey == "waterLake") {
     if (item2.isCheck) {
-      if (newfiberMapbox.getLayerByName('waterLake')) {
-        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('waterLake'));
+      if (newfiberMapbox.getLayerByName("waterLake")) {
+        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("waterLake"));
       }
       let layer = new mapboxL7.LineLayer({
-        name: 'waterLake',
+        name: "waterLake",
       })
         .source(item2.dynamicLineData)
         .size(4)
-        .shape('line')
-        .texture('arrow')
-        .color('aqua')
+        .shape("line")
+        .texture("arrow")
+        .color("aqua")
         .animate({
           interval: 2, // 间隔
           duration: 3, // 持续时间，延时
@@ -408,29 +410,29 @@
           lineTexture: true, // 开启线的贴图功能
           iconStep: 200, // 设置贴图纹理的间距
           borderWidth: 0.4, // 默认文 0，最大有效值为 0.5
-          borderColor: '#fff', // 默认为 #ccc
+          borderColor: "#fff", // 默认为 #ccc
         });
       newfiberMapbox.addLayer(layer);
     } else {
-      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('waterLake'));
+      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("waterLake"));
     }
   }
-  if (item2.layerKey == 'centerCity') {
+  if (item2.layerKey == "centerCity") {
     if (item2.isCheck) {
-      mapBoxVectorLayer.addGeojsonLine('centerCity', item2.dynamicLineData, 4, 1, 0.5);
+      mapBoxVectorLayer.addGeojsonLine("centerCity", item2.dynamicLineData, 4, 1, 0.5);
     } else {
-      mapBoxVectorLayer.removeByIds(['centerCity']);
+      mapBoxVectorLayer.removeByIds(["centerCity"]);
     }
   }
 };
 onMounted(() => {
   // 清除所有的图层选中
-  bus.on('clearAllLayer', () => {
-    AllData.LayerData.forEach(data => {
-      data.children.map(item => {
+  bus.on("clearAllLayer", () => {
+    AllData.LayerData.forEach((data) => {
+      data.children.map((item) => {
         // item.layerVisible = true;
         // 做优化,全局为True,再执行隐藏工作,页面调用api太多了,这里应该只将展示的图层进行取消操作就行
-        item.layerVisible ? layerClick(item) : '';
+        item.layerVisible ? layerClick(item) : "";
       });
     });
   });
@@ -438,17 +440,17 @@
   /**控制图层的显示
    *@param LayerArraya:需要打开的图层名称,示例:["路网","中心城区"]
    */
-  bus.on('SetLayerShow', LayerArraya => {
-    AllData.LayerData.forEach(data => {
-      data.children.map(item => {
-        LayerArraya.includes(item.layerName) ? layerClick(item) : '';
+  bus.on("SetLayerShow", (LayerArraya) => {
+    AllData.LayerData.forEach((data) => {
+      data.children.map((item) => {
+        LayerArraya.includes(item.layerName) ? layerClick(item) : "";
       });
     });
   });
 });
 onBeforeUnmount(() => {
-  bus.off('clearAllLayer');
-  bus.off('SetLayerShow');
+  bus.off("clearAllLayer");
+  bus.off("SetLayerShow");
 });
 </script>
 
@@ -459,7 +461,7 @@
   position: absolute;
   top: 150px;
   right: 476px;
-  background: url('@/assets/images/Sponge_screen/TuChengBG.png') no-repeat center;
+  background: url("@/assets/images/Sponge_screen/TuChengBG.png") no-repeat center;
   background-size: contain;
   box-sizing: border-box;
   padding: 25px 0px;
@@ -475,7 +477,7 @@
       width: 190px;
       height: 25px;
       line-height: 25px;
-      background-image: url('@/assets/images/Sponge_screen/TuChengFenZuBG.png'),
+      background-image: url("@/assets/images/Sponge_screen/TuChengFenZuBG.png"),
         linear-gradient(to right, #1c899600, #1c8996, #1c899600);
       background-repeat: no-repeat;
       background-position: center;

diff --git a/src/views/DialogTabs/component/ShiPingJianKong.vue b/src/views/DialogTabs/component/ShiPingJianKong.vue
index a02cecf..9dbaa6a 100644
--- a/src/views/DialogTabs/component/ShiPingJianKong.vue
+++ b/src/views/DialogTabs/component/ShiPingJianKong.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="ShiPingJianKong">
-    <div id="LeftBox">
+    <!-- <div id="LeftBox">
       <div class="LeftType">
         <div
           class="TypeBtn"
@@ -167,7 +167,7 @@
           />
         </div>
       </div>
-    </div>
+    </div> -->
     <div id="VideoBox">
       <HKVideo
         v-if="AllData.DataOK"
@@ -593,7 +593,8 @@
     }
   }
   #VideoBox {
-    width: calc(100% - 415px);
+    // width: calc(100% - 415px);
+    width: 100%;
     height: 100%;
     float: left;
   }
diff --git a/src/views/oneMap/LayerControl/LayerControl.vue b/src/views/oneMap/LayerControl/LayerControl.vue
index ed850cc..cb2d83f 100644
--- a/src/views/oneMap/LayerControl/LayerControl.vue
+++ b/src/views/oneMap/LayerControl/LayerControl.vue
@@ -26,29 +26,29 @@
 </template>
 
 <script setup name="LayerControl">
-import { ref, reactive, toRefs, onMounted } from 'vue';
+import { ref, reactive, toRefs, onMounted } from "vue";
 // 图层控制icon引入
-import { requireTuChengImg } from '@/utils/util';
-import yanAnPaiShuiArea from '@/assets/yanAnPaiShuiArea.json';
-import yanAnRoad from '@/assets/yanAnRoad.json';
-import yanAnWater from '@/assets/yanAnWater.json';
-import yanAnWSCLC from '@/assets/yanAnWSCLC.json';
-import yanAnCenterCity from '@/assets/yanAnCenterCity.json';
-import yanAnYSBZ from '@/assets/yanAnYSBZ.json';
-import yanAnYiLao from '@/assets/yanAnYiLao.json';
-import yanAnFengXian from '@/assets/yanAnFengXian.json';
-import yanAnPipeSupervise from '@/assets/yanAnPipeSupervise.json';
-import yanAnPKSupervise from '@/assets/yanAnPKSupervise.json';
-import yanAnNature from '@/assets/yanAnNature.json';
-import yanAnVideo from '@/assets/yanAnVideo.json';
-import yanAnMountain from '@/assets/yanAnMountain.json';
-import yanAnSmallWater from '@/assets/yanAnSmallWater.json';
-import yanAnRainArea from '@/assets/yanAnRainArea.json';
-import heDiJiaGu from '@/assets/heDiJiaGu.json';
-import heDiShuJun from '@/assets/heDiShuJun.json';
-import anXianGaiZao from '@/assets/anXianGaiZao.json';
-import bus from '@/bus';
-import mapBoxVectorLayer from '@/utils/GISdocument/mapboxVectorLayer.js';
+import { requireTuChengImg } from "@/utils/util";
+import yanAnPaiShuiArea from "@/assets/yanAnPaiShuiArea.json";
+import yanAnRoad from "@/assets/yanAnRoad.json";
+import yanAnWater from "@/assets/yanAnWater.json";
+import yanAnWSCLC from "@/assets/yanAnWSCLC.json";
+import yanAnCenterCity from "@/assets/yanAnCenterCity.json";
+import yanAnYSBZ from "@/assets/yanAnYSBZ.json";
+import yanAnYiLao from "@/assets/yanAnYiLao.json";
+import yanAnFengXian from "@/assets/yanAnFengXian.json";
+import yanAnPipeSupervise from "@/assets/yanAnPipeSupervise.json";
+import yanAnPKSupervise from "@/assets/yanAnPKSupervise.json";
+import yanAnNature from "@/assets/yanAnNature.json";
+import yanAnVideo from "@/assets/yanAnVideo.json";
+import yanAnMountain from "@/assets/yanAnMountain.json";
+import yanAnSmallWater from "@/assets/yanAnSmallWater.json";
+import yanAnRainArea from "@/assets/yanAnRainArea.json";
+import heDiJiaGu from "@/assets/heDiJiaGu.json";
+import heDiShuJun from "@/assets/heDiShuJun.json";
+import anXianGaiZao from "@/assets/anXianGaiZao.json";
+import bus from "@/bus";
+import mapBoxVectorLayer from "@/utils/GISdocument/mapboxVectorLayer.js";
 const AllData = reactive({
   // 图层控制面板的渲染数据
   /**图层面板数据字段说明
@@ -61,141 +61,141 @@
    */
   LayerData: [
     {
-      title: '基本信息',
+      title: "基本信息",
       children: [
         {
-          layerName: '中心城区',
-          layerKey: 'centerCity',
-          layerIcon: requireTuChengImg('zhongxinchengqu'),
+          layerName: "中心城区",
+          layerKey: "centerCity",
+          layerIcon: requireTuChengImg("zhongxinchengqu"),
           layerVisible: false,
           dynamicLineData: yanAnCenterCity,
         },
         {
-          layerName: '路网',
-          layerKey: 'road',
-          layerIcon: '',
-          layerVisible: false,
+          layerName: "路网",
+          layerKey: "road",
+          layerIcon: "",
+          layerVisible: true,
           dynamicLineData: yanAnRoad,
         },
         {
-          layerName: '河流水系',
-          layerKey: 'waterLake',
-          layerIcon: '',
-          layerVisible: false,
+          layerName: "河流水系",
+          layerKey: "waterLake",
+          layerIcon: "",
+          layerVisible: true,
           dynamicLineData: yanAnWater,
         },
         {
-          layerName: '防洪河道',
-          layerKey: 'fangHongWater',
-          layerIcon: '',
+          layerName: "防洪河道",
+          layerKey: "fangHongWater",
+          layerIcon: "",
           layerVisible: false,
           lineWithLabel: yanAnSmallWater,
         },
         {
-          layerName: '河堤疏浚',
-          layerKey: 'heDiShuJun',
-          layerIcon: '',
+          layerName: "河堤疏浚",
+          layerKey: "heDiShuJun",
+          layerIcon: "",
           layerVisible: false,
           lineWithLabel: heDiShuJun,
         },
         {
-          layerName: '河堤加固',
-          layerKey: 'heDiJiaGu',
-          layerIcon: '',
+          layerName: "河堤加固",
+          layerKey: "heDiJiaGu",
+          layerIcon: "",
           layerVisible: false,
           lineWithLabel: heDiJiaGu,
         },
         {
-          layerName: '岸线改造',
-          layerKey: 'anXianGaiZao',
-          layerIcon: '',
+          layerName: "岸线改造",
+          layerKey: "anXianGaiZao",
+          layerIcon: "",
           layerVisible: false,
           lineWithLabel: anXianGaiZao,
         },
         {
-          layerName: '河堤治理',
-          layerKey: 'heDiZhiLi',
-          layerIcon: '',
+          layerName: "河堤治理",
+          layerKey: "heDiZhiLi",
+          layerIcon: "",
           layerVisible: false,
           lineWithLabel: anXianGaiZao,
         },
         {
-          layerName: '空间格局',
-          layerKey: 'yanAnNature',
-          layerIcon: '',
+          layerName: "空间格局",
+          layerKey: "yanAnNature",
+          layerIcon: "",
           layerVisible: false,
           areaData: yanAnNature,
         },
         {
-          layerName: '山体修复',
-          layerKey: 'yanAnMountain',
-          layerIcon: '',
+          layerName: "山体修复",
+          layerKey: "yanAnMountain",
+          layerIcon: "",
           layerVisible: false,
           lineWithLabel: yanAnMountain,
         },
       ],
     },
     {
-      title: '燃气系统',
+      title: "燃气系统",
       children: [
         {
-          layerName: '燃气管网',
-          layerKey: 'rq_all',
+          layerName: "燃气管网",
+          layerKey: "rq_all",
           layerIcon: null,
           layerVisible: false,
         },
         {
-          layerName: '调压器',
-          layerKey: 'tiaoYaQi',
+          layerName: "调压器",
+          layerKey: "tiaoYaQi",
           layerIcon: null,
           layerVisible: false,
         },
         {
-          layerName: '节点',
-          layerKey: 'rq_jieDian',
+          layerName: "节点",
+          layerKey: "rq_jieDian",
           layerIcon: null,
           layerVisible: false,
         },
         {
-          layerName: '极性保护',
-          layerKey: 'jiXingBaoHu',
+          layerName: "极性保护",
+          layerKey: "jiXingBaoHu",
           layerIcon: null,
           layerVisible: false,
         },
         {
-          layerName: '流量计',
-          layerKey: 'rq_liuLiangJi',
+          layerName: "流量计",
+          layerKey: "rq_liuLiangJi",
           layerIcon: null,
           layerVisible: false,
         },
         {
-          layerName: '未知设备',
-          layerKey: 'rq_unknow',
+          layerName: "未知设备",
+          layerKey: "rq_unknow",
           layerIcon: null,
           layerVisible: false,
         },
       ],
     },
     {
-      title: '雨水系统',
+      title: "雨水系统",
       children: [
         {
-          layerName: '雨水分区',
-          layerKey: 'rainArea',
+          layerName: "雨水分区",
+          layerKey: "rainArea",
           layerIcon: null,
           layerVisible: false,
           areaData: yanAnRainArea,
         },
         {
-          layerName: '排水分区',
-          layerKey: 'paishuiArea',
+          layerName: "排水分区",
+          layerKey: "paishuiArea",
           layerIcon: null,
           layerVisible: false,
           areaData: yanAnPaiShuiArea,
         },
         {
-          layerName: '雨水管网',
-          layerKey: 'ysLine1',
+          layerName: "雨水管网",
+          layerKey: "ysLine1",
           layerIcon: null,
           layerVisible: false,
         },
@@ -206,8 +206,8 @@
         //   layerVisible: false,
         // },
         {
-          layerName: '雨水泵站',
-          layerKey: 'YSBZ',
+          layerName: "雨水泵站",
+          layerKey: "YSBZ",
           layerIcon: null,
           layerVisible: false,
           data: yanAnYSBZ,
@@ -215,17 +215,17 @@
       ],
     },
     {
-      title: '污水系统',
+      title: "污水系统",
       children: [
         {
-          layerName: '污水分区',
-          layerKey: 'sewageArea',
+          layerName: "污水分区",
+          layerKey: "sewageArea",
           layerIcon: null,
           layerVisible: false,
         },
         {
-          layerName: '污水管网',
-          layerKey: 'wsLine1',
+          layerName: "污水管网",
+          layerKey: "wsLine1",
           layerIcon: null,
           layerVisible: false,
         },
@@ -242,8 +242,8 @@
         //   layerVisible: false,
         // },
         {
-          layerName: '污水处理厂',
-          layerKey: 'WSCLC',
+          layerName: "污水处理厂",
+          layerKey: "WSCLC",
           layerIcon: null,
           layerVisible: false,
           data: yanAnWSCLC,
@@ -251,39 +251,39 @@
       ],
     },
     {
-      title: '感知设备',
+      title: "感知设备",
       children: [
         {
-          layerName: '内涝易涝点',
-          layerKey: 'yiLaoPoint',
+          layerName: "内涝易涝点",
+          layerKey: "yiLaoPoint",
           layerIcon: null,
           layerVisible: false,
           data: yanAnYiLao,
         },
         {
-          layerName: '内涝风险点',
-          layerKey: 'fengXianPoint',
+          layerName: "内涝风险点",
+          layerKey: "fengXianPoint",
           layerIcon: null,
           layerVisible: false,
           data: yanAnFengXian,
         },
         {
-          layerName: '排水管网监测',
-          layerKey: 'pipeSupervise',
+          layerName: "排水管网监测",
+          layerKey: "pipeSupervise",
           layerIcon: null,
           layerVisible: false,
           data: yanAnPipeSupervise,
         },
         {
-          layerName: '排水排口监测',
-          layerKey: 'PKsupervise',
+          layerName: "排水排口监测",
+          layerKey: "PKsupervise",
           layerIcon: null,
           layerVisible: false,
           data: yanAnPKSupervise,
         },
         {
-          layerName: '视频监测',
-          layerKey: 'video',
+          layerName: "视频监测",
+          layerKey: "video",
           layerIcon: null,
           layerVisible: false,
           data: yanAnVideo,
@@ -298,10 +298,10 @@
     .concat(AllData.LayerData[2].children)
     .concat(AllData.LayerData[3].children)
     .concat(AllData.LayerData[4].children);
-  initeLegend.forEach(element => {
+  initeLegend.forEach((element) => {
     element.layername = element.layerKey;
   });
-  bus.emit('setLegendData', initeLegend);
+  bus.emit("setLegendData", initeLegend);
 });
 const props = defineProps({
   ShowTuCheng: false,
@@ -310,35 +310,37 @@
 watch(
   () => props.ShowTuCheng,
   (newValue, oldValue) => {
-    console.log('ShowTuCheng变化了', newValue, oldValue);
+    console.log("ShowTuCheng变化了", newValue, oldValue);
   },
   { immediate: true, deep: true }
 );
 
-const layerClick = item2 => {
+const layerClick = (item2) => {
   item2.layerVisible = !item2.layerVisible;
   item2.isCheck = item2.layerVisible;
-  console.info(`点击了名称为${item2.layerName},图层ID为${item2.layerKey}的图层,点击后的图层展示情况为${item2.layerVisible}`);
-  bus.emit('setLayerVisible', { layername: item2.layerKey, isCheck: item2.isCheck });
+  console.info(
+    `点击了名称为${item2.layerName},图层ID为${item2.layerKey}的图层,点击后的图层展示情况为${item2.layerVisible}`
+  );
+  bus.emit("setLayerVisible", { layername: item2.layerKey, isCheck: item2.isCheck });
   if (item2.areaData) {
     if (item2.isCheck) {
       mapBoxVectorLayer.addGeojsonPolygonWithLabel(item2.layerKey, item2.areaData);
     } else {
-      mapBoxVectorLayer.removeByIds([item2.layerKey, item2.layerKey + '_label']);
+      mapBoxVectorLayer.removeByIds([item2.layerKey, item2.layerKey + "_label"]);
     }
   }
   if (item2.lineWithLabel) {
     if (item2.isCheck) {
       mapBoxVectorLayer.addGeojsonLineWithLabel(item2.layerKey, item2.lineWithLabel);
-      if (item2.layerKey == 'fangHongWater') {
+      if (item2.layerKey == "fangHongWater") {
         let layer = new mapboxL7.LineLayer({
-          name: 'fangHongWater',
+          name: "fangHongWater",
         })
           .source(item2.lineWithLabel)
           .size(3)
-          .shape('line')
-          .texture('arrow')
-          .color('rgba(243, 26, 237,1)')
+          .shape("line")
+          .texture("arrow")
+          .color("rgba(243, 26, 237,1)")
           .animate({
             interval: 2, // 间隔
             duration: 3, // 持续时间，延时
@@ -349,29 +351,29 @@
             lineTexture: true, // 开启线的贴图功能
             iconStep: 200, // 设置贴图纹理的间距
             borderWidth: 0.4, // 默认文 0，最大有效值为 0.5
-            borderColor: '#fff', // 默认为 #ccc
+            borderColor: "#fff", // 默认为 #ccc
           });
         newfiberMapbox.addLayer(layer);
       }
     } else {
-      mapBoxVectorLayer.removeByIds([item2.layerKey, item2.layerKey + '_label']);
-      if (newfiberMapbox.getLayerByName('fangHongWater')) {
-        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('fangHongWater'));
+      mapBoxVectorLayer.removeByIds([item2.layerKey, item2.layerKey + "_label"]);
+      if (newfiberMapbox.getLayerByName("fangHongWater")) {
+        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("fangHongWater"));
       }
     }
   }
-  if (item2.layerKey == 'road') {
+  if (item2.layerKey == "road") {
     if (item2.isCheck) {
-      if (newfiberMapbox.getLayerByName('dynamicRoad')) {
-        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('dynamicRoad'));
+      if (newfiberMapbox.getLayerByName("dynamicRoad")) {
+        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("dynamicRoad"));
       }
       let layer = new mapboxL7.LineLayer({
-        name: 'dynamicRoad',
+        name: "dynamicRoad",
       })
         .source(item2.dynamicLineData)
         .size(1.3)
-        .shape('line')
-        .color('rgb(184, 184, 184)')
+        .shape("line")
+        .color("rgb(184, 184, 184)")
         .animate({
           interval: 1, // 间隔
           duration: 1.5, // 持续时间，延时
@@ -382,22 +384,22 @@
         });
       newfiberMapbox.addLayer(layer);
     } else {
-      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('dynamicRoad'));
+      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("dynamicRoad"));
     }
   }
-  if (item2.layerKey == 'waterLake') {
+  if (item2.layerKey == "waterLake") {
     if (item2.isCheck) {
-      if (newfiberMapbox.getLayerByName('waterLake')) {
-        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('waterLake'));
+      if (newfiberMapbox.getLayerByName("waterLake")) {
+        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("waterLake"));
       }
       let layer = new mapboxL7.LineLayer({
-        name: 'waterLake',
+        name: "waterLake",
       })
         .source(item2.dynamicLineData)
         .size(4)
-        .shape('line')
-        .texture('arrow')
-        .color('aqua')
+        .shape("line")
+        .texture("arrow")
+        .color("aqua")
         .animate({
           interval: 2, // 间隔
           duration: 3, // 持续时间，延时
@@ -408,29 +410,29 @@
           lineTexture: true, // 开启线的贴图功能
           iconStep: 200, // 设置贴图纹理的间距
           borderWidth: 0.4, // 默认文 0，最大有效值为 0.5
-          borderColor: '#fff', // 默认为 #ccc
+          borderColor: "#fff", // 默认为 #ccc
         });
       newfiberMapbox.addLayer(layer);
     } else {
-      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('waterLake'));
+      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("waterLake"));
     }
   }
-  if (item2.layerKey == 'centerCity') {
+  if (item2.layerKey == "centerCity") {
     if (item2.isCheck) {
-      mapBoxVectorLayer.addGeojsonLine('centerCity', item2.dynamicLineData, 4, 1, 0.5);
+      mapBoxVectorLayer.addGeojsonLine("centerCity", item2.dynamicLineData, 4, 1, 0.5);
     } else {
-      mapBoxVectorLayer.removeByIds(['centerCity']);
+      mapBoxVectorLayer.removeByIds(["centerCity"]);
     }
   }
 };
 onMounted(() => {
   // 清除所有的图层选中
-  bus.on('clearAllLayer', () => {
-    AllData.LayerData.forEach(data => {
-      data.children.map(item => {
+  bus.on("clearAllLayer", () => {
+    AllData.LayerData.forEach((data) => {
+      data.children.map((item) => {
         // item.layerVisible = true;
         // 做优化,全局为True,再执行隐藏工作,页面调用api太多了,这里应该只将展示的图层进行取消操作就行
-        item.layerVisible ? layerClick(item) : '';
+        item.layerVisible ? layerClick(item) : "";
       });
     });
   });
@@ -438,17 +440,17 @@
   /**控制图层的显示
    *@param LayerArraya:需要打开的图层名称,示例:["路网","中心城区"]
    */
-  bus.on('SetLayerShow', LayerArraya => {
-    AllData.LayerData.forEach(data => {
-      data.children.map(item => {
-        LayerArraya.includes(item.layerName) ? layerClick(item) : '';
+  bus.on("SetLayerShow", (LayerArraya) => {
+    AllData.LayerData.forEach((data) => {
+      data.children.map((item) => {
+        LayerArraya.includes(item.layerName) ? layerClick(item) : "";
       });
     });
   });
 });
 onBeforeUnmount(() => {
-  bus.off('clearAllLayer');
-  bus.off('SetLayerShow');
+  bus.off("clearAllLayer");
+  bus.off("SetLayerShow");
 });
 </script>
 
@@ -459,7 +461,7 @@
   position: absolute;
   top: 150px;
   right: 476px;
-  background: url('@/assets/images/Sponge_screen/TuChengBG.png') no-repeat center;
+  background: url("@/assets/images/Sponge_screen/TuChengBG.png") no-repeat center;
   background-size: contain;
   box-sizing: border-box;
   padding: 25px 0px;
@@ -475,7 +477,7 @@
       width: 190px;
       height: 25px;
       line-height: 25px;
-      background-image: url('@/assets/images/Sponge_screen/TuChengFenZuBG.png'),
+      background-image: url("@/assets/images/Sponge_screen/TuChengFenZuBG.png"),
         linear-gradient(to right, #1c899600, #1c8996, #1c899600);
       background-repeat: no-repeat;
       background-position: center;
diff --git a/src/views/oneMap/components/ZHRQ.vue b/src/views/oneMap/components/ZHRQ.vue
index 234b9ad..c6a102b 100644
--- a/src/views/oneMap/components/ZHRQ.vue
+++ b/src/views/oneMap/components/ZHRQ.vue
@@ -1,17 +1,31 @@
 <template>
   <div id="ZHRQ">
-    <div :class="['LeftBox', 'animate__animated', showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft']">
+    <div
+      :class="[
+        'LeftBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft',
+      ]"
+    >
       <div class="ComBox LeftBox1_1">
         <div class="Box_header">管道风险评估</div>
         <div class="Box_Body">
           <div class="TJListBox">
             <div class="TJList TJList_RQ" @click="TuChengClick(0)">
-              <img class="TJListImg" src="@/assets/images/Sponge_screen/RQ/RQ_RQ.png" alt="" />
+              <img
+                class="TJListImg"
+                src="@/assets/images/Sponge_screen/RQ/RQ_RQ.png"
+                alt=""
+              />
               <span class="TJListName">燃气管道</span>
               <span class="TJListValue">4549km</span>
             </div>
             <div class="TJList TJList_GZ">
-              <img class="TJListImg" src="@/assets/images/Sponge_screen/RQ/RQ_GZ.png" alt="" />
+              <img
+                class="TJListImg"
+                src="@/assets/images/Sponge_screen/RQ/RQ_GZ.png"
+                alt=""
+              />
               <span class="TJListName">需改造</span>
               <span class="TJListValue">1922km</span>
             </div>
@@ -57,7 +71,9 @@
             </div>
             <div class="tableBody">
               <div class="tableBodyList" v-for="item in AllData.FXJCData">
-                <span class="tableBodyList_span1" @click="FengXianClick(item)">{{ item.zb }}</span>
+                <span class="tableBodyList_span1" @click="FengXianClick(item)">{{
+                  item.zb
+                }}</span>
                 <span class="tableBodyList_span2" @click="FengXianClick(item)"
                   >{{ item.sz }}
                   <el-icon v-if="item.szzt" color="lime" size="14"><Top /> </el-icon>
@@ -65,9 +81,11 @@
                     <Bottom />
                   </el-icon>
                 </span>
-                <span class="tableBodyList_span3" :class="item.zt == 0 ? 'YJClass' : ''">{{
-                  item.zt == 0 ? '预警' : '正常'
-                }}</span>
+                <span
+                  class="tableBodyList_span3"
+                  :class="item.zt == 0 ? 'YJClass' : ''"
+                  >{{ item.zt == 0 ? "预警" : "正常" }}</span
+                >
                 <span class="tableBodyList_span4" @click="PaiFa(item)">派发</span>
               </div>
             </div>
@@ -92,7 +110,13 @@
         </div>
       </div>
     </div>
-    <div :class="['RightBox', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']">
+    <div
+      :class="[
+        'RightBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight',
+      ]"
+    >
       <div class="ComBox RightBox1_1">
         <div class="Box_header">辅助决策</div>
         <div class="Box_Body">
@@ -114,10 +138,16 @@
               <span class="JCListBox_List_value color_red">{{ item.yp }}</span>
             </div>
             <div class="JCListBox_List JCListBox_List_BTN">
-              <el-button style="background: #03b6a0; color: white; border: none" size="small" @click="GongDanPaiFa(item)"
+              <el-button
+                style="background: #03b6a0; color: white; border: none"
+                size="small"
+                @click="GongDanPaiFa(item)"
                 >工单派发</el-button
               >
-              <el-button style="background: #03b6a0; color: white; border: none" size="small" @click="XianChangLianXian(item)"
+              <el-button
+                style="background: #03b6a0; color: white; border: none"
+                size="small"
+                @click="XianChangLianXian(item)"
                 >现场联线</el-button
               >
             </div>
@@ -128,12 +158,18 @@
         <div class="Box_header">巡查反馈</div>
         <div class="Box_Body">
           <div class="FK_headerBox">
-            <div class="FK_headerBox_list" @click="dealOrNoDeal(1)"><span class="FK_headerBox_list_colorBox1"></span> 未处理</div>
-            <div class="FK_headerBox_list" @click="dealOrNoDeal(2)"><span class="FK_headerBox_list_colorBox2"></span> 已处理</div>
+            <div class="FK_headerBox_list" @click="dealOrNoDeal(1)">
+              <span class="FK_headerBox_list_colorBox1"></span> 未处理
+            </div>
+            <div class="FK_headerBox_list" @click="dealOrNoDeal(2)">
+              <span class="FK_headerBox_list_colorBox2"></span> 已处理
+            </div>
           </div>
           <div class="FK_bodyBox">
             <div class="FK_bodyBox_list" v-for="item in AllData.XCFKData">
-              <span class="FK_bodyBox_list_label" @click="XunChaFanKui(item)">{{ item.name }}</span>
+              <span class="FK_bodyBox_list_label" @click="XunChaFanKui(item)">{{
+                item.name
+              }}</span>
               <div class="FK_BigBox">
                 <div class="FK_CenBox1" :style="getWidth(item, 1)">{{ item.num1 }}</div>
                 <div class="FK_CenBox2" :style="getWidth(item, 2)">{{ item.num2 }}</div>
@@ -143,7 +179,13 @@
         </div>
       </div>
     </div>
-    <div :class="['TopBox', 'animate__animated', showPanel ? 'animate__fadeOutUp' : 'animate__fadeInDown']">
+    <div
+      :class="[
+        'TopBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutUp' : 'animate__fadeInDown',
+      ]"
+    >
       <div class="TopTableHeader">
         <span class="TopTableListSpan TopTableListSpan1">时间</span>
         <span class="TopTableListSpan TopTableListSpan2">事件明细</span>
@@ -153,7 +195,12 @@
         <span class="TopTableListSpan TopTableListSpan6">督办</span>
       </div>
       <!-- <div class="TopTableBody"> -->
-      <Vue3SeamlessScroll :list="AllData.TopTableData" :singleHeight="34" :hover="true" class="TopTableBody">
+      <Vue3SeamlessScroll
+        :list="AllData.TopTableData"
+        :singleHeight="34"
+        :hover="true"
+        class="TopTableBody"
+      >
         <div class="TopTableBody_list" v-for="item in AllData.TopTableData">
           <span class="TopTableListSpan TopTableListSpan1">{{ item.sj }}</span>
           <span class="TopTableListSpan TopTableListSpan2">{{ item.mx }}</span>
@@ -161,7 +208,12 @@
           <span class="TopTableListSpan TopTableListSpan4">{{ item.zt }}</span>
           <span class="TopTableListSpan TopTableListSpan5">{{ item.dw }}</span>
           <span class="TopTableListSpan TopTableListSpan6">
-            <img class="TopTableListSpanImg2" src="@/assets/images/Sponge_screen/RQ/RQ_XX.png" alt="" @click="PaiFa(item)" />
+            <img
+              class="TopTableListSpanImg2"
+              src="@/assets/images/Sponge_screen/RQ/RQ_XX.png"
+              alt=""
+              @click="PaiFa(item)"
+            />
             <img
               class="TopTableListSpanImg"
               src="@/assets/images/Sponge_screen/RQ/RQ_SP.png"
@@ -177,49 +229,49 @@
 </template>
 
 <script setup name="ZHRQ">
-import { ref, reactive, toRefs, onMounted, onBeforeUnmount, nextTick } from 'vue';
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount, nextTick } from "vue";
 
-import * as echarts from 'echarts';
-import bus from '@/bus';
-import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
-import sheBeiLost from '@/assets/sheBeiLost.json';
-import xiaXian from '@/assets/xiaXian.json';
-import yiBian from '@/assets/yiBian.json';
-import zaWuDuiFang from '@/assets/zaWuDuiFang.json';
-import rq_QiTa from '@/assets/rq_QiTa.json';
-import no_sheBeiLost from '@/assets/no_sheBeiLost.json';
-import no_xiaXian from '@/assets/no_xiaXian.json';
-import no_yiBian from '@/assets/no_yiBian.json';
-import no_zaWuDuiFang from '@/assets/no_zaWuDuiFang.json';
-import no_rq_QiTa from '@/assets/no_rq_QiTa.json';
-import yanAnRQoverindex from '@/assets/yanAnRQoverindex.json';
-import yanAnWarring from '@/assets/yanAnWarring.json';
+import * as echarts from "echarts";
+import bus from "@/bus";
+import { Vue3SeamlessScroll } from "vue3-seamless-scroll";
+import sheBeiLost from "@/assets/sheBeiLost.json";
+import xiaXian from "@/assets/xiaXian.json";
+import yiBian from "@/assets/yiBian.json";
+import zaWuDuiFang from "@/assets/zaWuDuiFang.json";
+import rq_QiTa from "@/assets/rq_QiTa.json";
+import no_sheBeiLost from "@/assets/no_sheBeiLost.json";
+import no_xiaXian from "@/assets/no_xiaXian.json";
+import no_yiBian from "@/assets/no_yiBian.json";
+import no_zaWuDuiFang from "@/assets/no_zaWuDuiFang.json";
+import no_rq_QiTa from "@/assets/no_rq_QiTa.json";
+import yanAnRQoverindex from "@/assets/yanAnRQoverindex.json";
+import yanAnWarring from "@/assets/yanAnWarring.json";
 
 const AllData = reactive({
   xunChaStatic: null,
   xunChaLayers: [
-    'alreadyDeal_DF',
-    'alreadyDeal_DS',
-    'alreadyDeal_XX',
-    'alreadyDeal_YB',
-    'alreadyDeal_QT',
-    'noDeal_DF',
-    'noDeal_DS',
-    'noDeall_XX',
-    'noDeal_YB',
-    'noDeal_QT',
+    "alreadyDeal_DF",
+    "alreadyDeal_DS",
+    "alreadyDeal_XX",
+    "alreadyDeal_YB",
+    "alreadyDeal_QT",
+    "noDeal_DF",
+    "noDeal_DS",
+    "noDeall_XX",
+    "noDeal_YB",
+    "noDeal_QT",
   ],
   ChangeData: [
     {
-      name: '枣园',
+      name: "枣园",
       id: 1,
     },
     {
-      name: '杨家湾',
+      name: "杨家湾",
       id: 2,
     },
     {
-      name: '丰富川',
+      name: "丰富川",
       id: 3,
     },
   ],
@@ -227,38 +279,38 @@
   // 风险监测
   FXJCData: [
     {
-      zb: '甲烷浓度',
-      sz: '3%',
+      zb: "甲烷浓度",
+      sz: "3%",
       szzt: true,
       zt: 0, //0预警 1 正常
-      value: 'JWND',
+      value: "JWND",
     },
     {
-      zb: '压力',
-      sz: '5MPa',
+      zb: "压力",
+      sz: "5MPa",
       szzt: false,
       zt: 1, //0预警 1 正常
-      value: 'YL',
+      value: "YL",
     },
     {
-      zb: '温度',
-      sz: '25C°',
+      zb: "温度",
+      sz: "25C°",
       szzt: true,
       zt: 1, //0预警 1 正常
-      value: 'WD',
+      value: "WD",
     },
   ],
   YJChangeData: [
     {
-      name: '综合',
+      name: "综合",
       id: 1,
     },
     {
-      name: '压力',
+      name: "压力",
       id: 2,
     },
     {
-      name: '温度',
+      name: "温度",
       id: 3,
     },
   ],
@@ -266,51 +318,51 @@
   //辅助决策
   JCData: [
     {
-      qy: '宝塔区凤凰山街道二道街',
-      tz: '压力监测异常波动',
+      qy: "宝塔区凤凰山街道二道街",
+      tz: "压力监测异常波动",
       sj: 5,
-      yp: '设施故障',
-      value: '001', //语音识别内容编码-前段自己设置的,后期项目有接口就直接替换数据唯一id
+      yp: "设施故障",
+      value: "001", //语音识别内容编码-前段自己设置的,后期项目有接口就直接替换数据唯一id
     },
     {
-      qy: '宝塔区凤凰山街道二道街',
-      tz: '燃气管道压力过大',
+      qy: "宝塔区凤凰山街道二道街",
+      tz: "燃气管道压力过大",
       sj: 5,
-      yp: '燃气爆管风险',
-      value: '002',
+      yp: "燃气爆管风险",
+      value: "002",
     },
     {
-      qy: '宝塔区凤凰山街道二道街',
-      tz: '高峰期流量持续降低',
+      qy: "宝塔区凤凰山街道二道街",
+      tz: "高峰期流量持续降低",
       sj: 4,
-      yp: '燃气泄漏风险',
-      value: '003',
+      yp: "燃气泄漏风险",
+      value: "003",
     },
   ],
   // 巡查反馈
   XCFKData: [
     {
-      name: '堆放杂物',
+      name: "堆放杂物",
       num1: 20,
       num2: 80,
     },
     {
-      name: '设备丢失',
+      name: "设备丢失",
       num1: 12,
       num2: 88,
     },
     {
-      name: '下陷',
+      name: "下陷",
       num1: 32,
       num2: 68,
     },
     {
-      name: '异变',
+      name: "异变",
       num1: 30,
       num2: 70,
     },
     {
-      name: '其他',
+      name: "其他",
       num1: 20,
       num2: 80,
     },
@@ -318,35 +370,35 @@
   // 顶部表格数据
   TopTableData: [
     {
-      sj: '2024-09-26 10:00:29',
-      mx: '燃气常规检查发现泄漏',
-      dd: '宝塔区凤凰山街道二道街',
+      sj: "2024-09-26 10:00:29",
+      mx: "燃气常规检查发现泄漏",
+      dd: "宝塔区凤凰山街道二道街",
       zt: 0, //0未处理 1已处理
-      dw: '延安市燃气总公司',
+      dw: "延安市燃气总公司",
       value: null,
     },
     {
-      sj: '2024-09-27 16:10:248',
-      mx: '燃气常规检查发现泄漏',
-      dd: '宝塔区凤凰山街道二道街',
+      sj: "2024-09-27 16:10:248",
+      mx: "燃气常规检查发现泄漏",
+      dd: "宝塔区凤凰山街道二道街",
       zt: 1, //0未处理 1已处理
-      dw: '延安市燃气总公司',
+      dw: "延安市燃气总公司",
       value: null,
     },
     {
-      sj: '2024-09-26 10:00:29',
-      mx: '燃气常规检查发现泄漏',
-      dd: '宝塔区凤凰山街道二道街',
+      sj: "2024-09-26 10:00:29",
+      mx: "燃气常规检查发现泄漏",
+      dd: "宝塔区凤凰山街道二道街",
       zt: 0, //0未处理 1已处理
-      dw: '延安市燃气总公司',
+      dw: "延安市燃气总公司",
       value: null,
     },
     {
-      sj: '2024-09-27 16:10:248',
-      mx: '燃气常规检查发现泄漏',
-      dd: '宝塔区凤凰山街道二道街',
+      sj: "2024-09-27 16:10:248",
+      mx: "燃气常规检查发现泄漏",
+      dd: "宝塔区凤凰山街道二道街",
       zt: 1, //0未处理 1已处理
-      dw: '延安市燃气总公司',
+      dw: "延安市燃气总公司",
       value: null,
     },
   ],
@@ -363,7 +415,7 @@
   },
 });
 // 初始化预警统计的Echarts
-const initEcharts = id => {
+const initEcharts = (id) => {
   AllData.YJChangeIndex = id;
   let Data1 = [];
   let Data2 = [];
@@ -383,41 +435,41 @@
   if (!!myChart.value) {
     myChart.value.dispose();
   }
-  myChart.value = echarts.init(document.getElementById('YJEchartsBox'));
-  myChart.value.off('click');
+  myChart.value = echarts.init(document.getElementById("YJEchartsBox"));
+  myChart.value.off("click");
   myChart.value.setOption({
-    color: ['#18A7F2', '#1AF7AA'],
+    color: ["#18A7F2", "#1AF7AA"],
     tooltip: {
-      trigger: 'axis',
+      trigger: "axis",
     },
     grid: {
-      top: '30%',
-      left: '3%',
-      right: '4%',
-      bottom: '3%',
+      top: "30%",
+      left: "3%",
+      right: "4%",
+      bottom: "3%",
       containLabel: true,
     },
     legend: {
-      data: ['预警次数', '持续时长'],
+      data: ["预警次数", "持续时长"],
       textStyle: {
-        color: '#fffd', // 图例文字颜色
+        color: "#fffd", // 图例文字颜色
       },
-      x: '40',
-      y: '10',
+      x: "40",
+      y: "10",
     },
     xAxis: [
       {
-        type: 'category',
-        data: ['今日', '09/27', '09/26', '09/25', '09/24', '09/23', '09/22'],
+        type: "category",
+        data: ["今日", "09/27", "09/26", "09/25", "09/24", "09/23", "09/22"],
         axisPointer: {
-          type: 'shadow',
+          type: "shadow",
         },
         textStyle: {
-          color: '#EBFEFF',
+          color: "#EBFEFF",
         },
         axisLine: {
           lineStyle: {
-            color: '#EBFEFF',
+            color: "#EBFEFF",
           },
         },
         // boundaryGap: false,
@@ -425,57 +477,57 @@
     ],
     yAxis: [
       {
-        type: 'value',
-        name: '预警次数',
+        type: "value",
+        name: "预警次数",
         min: 0,
         max: 12,
         interval: 2,
         axisLabel: {
-          formatter: '{value}',
+          formatter: "{value}",
         },
         axisLine: {
           lineStyle: {
-            color: '#AAC1CF',
+            color: "#AAC1CF",
           },
         },
         splitLine: {
           lineStyle: {
             // 使用深浅的间隔色
-            color: ['#184E5A'],
+            color: ["#184E5A"],
           },
         },
       },
       {
-        type: 'value',
-        name: '持续时长',
+        type: "value",
+        name: "持续时长",
         min: 0,
         max: 30,
         interval: 5,
         axisLabel: {
-          formatter: '{value}',
+          formatter: "{value}",
         },
         axisLine: {
           lineStyle: {
-            color: '#AAC1CF',
+            color: "#AAC1CF",
           },
         },
         splitLine: {
           lineStyle: {
             // 使用深浅的间隔色
-            color: ['#184E5A'],
+            color: ["#184E5A"],
           },
         },
       },
     ],
     series: [
       {
-        name: '预警次数',
-        type: 'bar',
-        barWidth: '10px',
+        name: "预警次数",
+        type: "bar",
+        barWidth: "10px",
         showBackground: true,
         tooltip: {
           valueFormatter: function (value) {
-            return value + ' 次';
+            return value + " 次";
           },
         },
         itemStyle: {
@@ -485,12 +537,12 @@
         data: Data1,
       },
       {
-        name: '持续时长',
-        type: 'line',
+        name: "持续时长",
+        type: "line",
         yAxisIndex: 1,
         tooltip: {
           valueFormatter: function (value) {
-            return value + 'min';
+            return value + "min";
           },
         },
         areaStyle: {
@@ -498,11 +550,11 @@
           color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
             {
               offset: 0,
-              color: '#1AF7AA',
+              color: "#1AF7AA",
             },
             {
               offset: 1,
-              color: '#1AF7AA00',
+              color: "#1AF7AA00",
             },
           ]),
         },
@@ -511,19 +563,19 @@
       },
     ],
   });
-  myChart.value.on('click', param => {
+  myChart.value.on("click", (param) => {
     console.log(param);
     let data = {
-      title: '风险监测',
-      comIDs: ['RQ_FengXianJianCe'],
+      title: "风险监测",
+      comIDs: ["RQ_FengXianJianCe"],
     };
-    bus.emit('publicDialog', data);
+    bus.emit("publicDialog", data);
     let a = {
-      value: '全部',
-      endTime: '2024-10-05',
+      value: "全部",
+      endTime: "2024-10-05",
     };
     setTimeout(() => {
-      bus.emit('getDataListFxjc', a);
+      bus.emit("getDataListFxjc", a);
     }, 500);
   });
 
@@ -537,7 +589,7 @@
     i++;
     if (i == length) i = 0;
     myChart.value.dispatchAction({
-      type: 'showTip',
+      type: "showTip",
       seriesIndex: 0,
       dataIndex: i,
     });
@@ -554,14 +606,14 @@
   return `width:${widthNum}%`;
 };
 // 工单派发
-const GongDanPaiFa = item => {
+const GongDanPaiFa = (item) => {
   console.log(item);
   let data = {
     title: item.qy,
-    comIDs: ['gdpf'],
+    comIDs: ["gdpf"],
     getSiteId: item.value,
   };
-  bus.emit('publicDialog', data);
+  bus.emit("publicDialog", data);
 };
 // // 风险
 // const FengXianClick = (item) => {
@@ -573,52 +625,56 @@
 //   bus.emit("publicDialog", data);
 // };
 // 风险监测派发
-const PaiFa = item => {
+const PaiFa = (item) => {
   console.log(item);
   let data = {
-    title: '智慧外呼',
-    comIDs: ['RQ_ZhiHuiWaiHu'],
+    title: "智慧外呼",
+    comIDs: ["RQ_ZhiHuiWaiHu"],
     getSiteId: item.value,
   };
-  bus.emit('publicDialog', data);
+  bus.emit("publicDialog", data);
 };
 //巡查反馈处理、未处理
-const dealOrNoDeal = item => {
+const dealOrNoDeal = (item) => {
   AllData.xunChaStatic = item;
   newfiberMapbox.map.easeTo({
     center: [109.488, 36.596],
     zoom: 12,
     pitch: 55,
   });
-  bus.emit('removeMapDatas', ['warning_monitor']);
+  bus.emit("removeMapDatas", ["warning_monitor"]);
   if (item == 1) {
-    let removedLayer = AllData.xunChaLayers.filter(layer => layer.includes('noDeal'));
-    let selectedLayer = AllData.xunChaLayers.filter(layer => layer.includes('alreadyDeal'));
-    bus.emit('removeMapDatas', AllData.xunChaLayers);
-    bus.emit('setGeoJSON', { json: zaWuDuiFang, key: 'alreadyDeal_DF' });
-    bus.emit('setGeoJSON', { json: sheBeiLost, key: 'alreadyDeal_DS' });
-    bus.emit('setGeoJSON', { json: xiaXian, key: 'alreadyDeal_XX' });
-    bus.emit('setGeoJSON', { json: yiBian, key: 'alreadyDeal_YB' });
-    bus.emit('setGeoJSON', { json: rq_QiTa, key: 'alreadyDeal_QT' });
-    selectedLayer.forEach(layer => {
-      bus.emit('setLayerVisible', { layername: layer, isCheck: true });
+    let removedLayer = AllData.xunChaLayers.filter((layer) => layer.includes("noDeal"));
+    let selectedLayer = AllData.xunChaLayers.filter((layer) =>
+      layer.includes("alreadyDeal")
+    );
+    bus.emit("removeMapDatas", AllData.xunChaLayers);
+    bus.emit("setGeoJSON", { json: zaWuDuiFang, key: "alreadyDeal_DF" });
+    bus.emit("setGeoJSON", { json: sheBeiLost, key: "alreadyDeal_DS" });
+    bus.emit("setGeoJSON", { json: xiaXian, key: "alreadyDeal_XX" });
+    bus.emit("setGeoJSON", { json: yiBian, key: "alreadyDeal_YB" });
+    bus.emit("setGeoJSON", { json: rq_QiTa, key: "alreadyDeal_QT" });
+    selectedLayer.forEach((layer) => {
+      bus.emit("setLayerVisible", { layername: layer, isCheck: true });
     });
   } else {
-    let removedLayer = AllData.xunChaLayers.filter(layer => layer.includes('alreadyDeal'));
-    let selectedLayer = AllData.xunChaLayers.filter(layer => layer.includes('noDeal'));
-    bus.emit('removeMapDatas', AllData.xunChaLayers);
-    bus.emit('setGeoJSON', { json: no_zaWuDuiFang, key: 'onDeal_DF' });
-    bus.emit('setGeoJSON', { json: no_sheBeiLost, key: 'onDeal_DS' });
-    bus.emit('setGeoJSON', { json: no_xiaXian, key: 'onDeal_XX' });
-    bus.emit('setGeoJSON', { json: no_yiBian, key: 'onDeal_YB' });
-    bus.emit('setGeoJSON', { json: no_rq_QiTa, key: 'onDeal_QT' });
-    selectedLayer.forEach(layer => {
-      bus.emit('setLayerVisible', { layername: layer, isCheck: true });
+    let removedLayer = AllData.xunChaLayers.filter((layer) =>
+      layer.includes("alreadyDeal")
+    );
+    let selectedLayer = AllData.xunChaLayers.filter((layer) => layer.includes("noDeal"));
+    bus.emit("removeMapDatas", AllData.xunChaLayers);
+    bus.emit("setGeoJSON", { json: no_zaWuDuiFang, key: "onDeal_DF" });
+    bus.emit("setGeoJSON", { json: no_sheBeiLost, key: "onDeal_DS" });
+    bus.emit("setGeoJSON", { json: no_xiaXian, key: "onDeal_XX" });
+    bus.emit("setGeoJSON", { json: no_yiBian, key: "onDeal_YB" });
+    bus.emit("setGeoJSON", { json: no_rq_QiTa, key: "onDeal_QT" });
+    selectedLayer.forEach((layer) => {
+      bus.emit("setLayerVisible", { layername: layer, isCheck: true });
     });
   }
 };
 // 巡查反馈
-const XunChaFanKui = item => {
+const XunChaFanKui = (item) => {
   let removedLayer = [];
   let selectedLayer = [];
   newfiberMapbox.map.easeTo({
@@ -627,60 +683,80 @@
     pitch: 55,
   });
   switch (item.name) {
-    case '堆放杂物':
-      removedLayer = AllData.xunChaLayers.filter(layer => layer != 'alreadyDeal_DF' && layer != 'noDeal_DF');
-      selectedLayer = AllData.xunChaLayers.filter(layer => layer == 'alreadyDeal_DF' || layer == 'noDeal_DF');
-      selectedLayer.forEach(layer => {
-        bus.emit('setLayerVisible', { layername: layer, isCheck: true });
+    case "堆放杂物":
+      removedLayer = AllData.xunChaLayers.filter(
+        (layer) => layer != "alreadyDeal_DF" && layer != "noDeal_DF"
+      );
+      selectedLayer = AllData.xunChaLayers.filter(
+        (layer) => layer == "alreadyDeal_DF" || layer == "noDeal_DF"
+      );
+      selectedLayer.forEach((layer) => {
+        bus.emit("setLayerVisible", { layername: layer, isCheck: true });
       });
-      removedLayer.forEach(layer => {
-        bus.emit('setLayerVisible', { layername: layer, isCheck: false });
+      removedLayer.forEach((layer) => {
+        bus.emit("setLayerVisible", { layername: layer, isCheck: false });
       });
       break;
-    case '设备丢失':
-      removedLayer = AllData.xunChaLayers.filter(layer => layer != 'alreadyDeal_DS' && layer != 'noDeal_DS');
-      selectedLayer = AllData.xunChaLayers.filter(layer => layer == 'alreadyDeal_DS' || layer == 'noDeal_DS');
-      selectedLayer.forEach(layer => {
-        bus.emit('setLayerVisible', { layername: layer, isCheck: true });
+    case "设备丢失":
+      removedLayer = AllData.xunChaLayers.filter(
+        (layer) => layer != "alreadyDeal_DS" && layer != "noDeal_DS"
+      );
+      selectedLayer = AllData.xunChaLayers.filter(
+        (layer) => layer == "alreadyDeal_DS" || layer == "noDeal_DS"
+      );
+      selectedLayer.forEach((layer) => {
+        bus.emit("setLayerVisible", { layername: layer, isCheck: true });
       });
-      removedLayer.forEach(layer => {
-        bus.emit('setLayerVisible', { layername: layer, isCheck: false });
+      removedLayer.forEach((layer) => {
+        bus.emit("setLayerVisible", { layername: layer, isCheck: false });
       });
       break;
-    case '下陷':
-      removedLayer = AllData.xunChaLayers.filter(layer => layer != 'alreadyDeal_XX' && layer != 'noDeal_XX');
-      selectedLayer = AllData.xunChaLayers.filter(layer => layer == 'alreadyDeal_XX' || layer == 'noDeal_XX');
-      selectedLayer.forEach(layer => {
-        bus.emit('setLayerVisible', { layername: layer, isCheck: true });
+    case "下陷":
+      removedLayer = AllData.xunChaLayers.filter(
+        (layer) => layer != "alreadyDeal_XX" && layer != "noDeal_XX"
+      );
+      selectedLayer = AllData.xunChaLayers.filter(
+        (layer) => layer == "alreadyDeal_XX" || layer == "noDeal_XX"
+      );
+      selectedLayer.forEach((layer) => {
+        bus.emit("setLayerVisible", { layername: layer, isCheck: true });
       });
-      removedLayer.forEach(layer => {
-        bus.emit('setLayerVisible', { layername: layer, isCheck: false });
+      removedLayer.forEach((layer) => {
+        bus.emit("setLayerVisible", { layername: layer, isCheck: false });
       });
       break;
-    case '异变':
-      removedLayer = AllData.xunChaLayers.filter(layer => layer != 'alreadyDeal_YB' && layer != 'noDeal_YB');
-      selectedLayer = AllData.xunChaLayers.filter(layer => layer == 'alreadyDeal_YB' || layer == 'noDeal_YB');
-      selectedLayer.forEach(layer => {
-        bus.emit('setLayerVisible', { layername: layer, isCheck: true });
+    case "异变":
+      removedLayer = AllData.xunChaLayers.filter(
+        (layer) => layer != "alreadyDeal_YB" && layer != "noDeal_YB"
+      );
+      selectedLayer = AllData.xunChaLayers.filter(
+        (layer) => layer == "alreadyDeal_YB" || layer == "noDeal_YB"
+      );
+      selectedLayer.forEach((layer) => {
+        bus.emit("setLayerVisible", { layername: layer, isCheck: true });
       });
-      removedLayer.forEach(layer => {
-        bus.emit('setLayerVisible', { layername: layer, isCheck: false });
+      removedLayer.forEach((layer) => {
+        bus.emit("setLayerVisible", { layername: layer, isCheck: false });
       });
       break;
-    case '其他':
-      removedLayer = AllData.xunChaLayers.filter(layer => layer != 'alreadyDeal_QT' && layer != 'noDeal_QT');
-      selectedLayer = AllData.xunChaLayers.filter(layer => layer == 'alreadyDeal_QT' || layer == 'noDeal_QT');
-      selectedLayer.forEach(layer => {
-        bus.emit('setLayerVisible', { layername: layer, isCheck: true });
+    case "其他":
+      removedLayer = AllData.xunChaLayers.filter(
+        (layer) => layer != "alreadyDeal_QT" && layer != "noDeal_QT"
+      );
+      selectedLayer = AllData.xunChaLayers.filter(
+        (layer) => layer == "alreadyDeal_QT" || layer == "noDeal_QT"
+      );
+      selectedLayer.forEach((layer) => {
+        bus.emit("setLayerVisible", { layername: layer, isCheck: true });
       });
-      removedLayer.forEach(layer => {
-        bus.emit('setLayerVisible', { layername: layer, isCheck: false });
+      removedLayer.forEach((layer) => {
+        bus.emit("setLayerVisible", { layername: layer, isCheck: false });
       });
       break;
   }
 };
 // 风险评估
-const TuChengClick = item => {
+const TuChengClick = (item) => {
   newfiberMapbox.map.easeTo({
     center: [109.488, 36.596],
     zoom: 12,
@@ -688,61 +764,61 @@
   });
   switch (item) {
     case 0:
-      bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_TYLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_LGLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_other', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: true }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
+      bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_TYLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_LGLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_other", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_all", isCheck: true }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
       break;
     case 1:
-      bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
-      bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: true });
-      bus.emit('setLayerVisible', { layername: 'rq_TYLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_LGLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_other', isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_all", isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
+      bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: true });
+      bus.emit("setLayerVisible", { layername: "rq_TYLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_LGLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_other", isCheck: false });
       break;
     case 2:
-      bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
-      bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_TYLH', isCheck: true });
-      bus.emit('setLayerVisible', { layername: 'rq_LGLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_other', isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_all", isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
+      bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_TYLH", isCheck: true });
+      bus.emit("setLayerVisible", { layername: "rq_LGLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_other", isCheck: false });
 
       break;
     case 3:
-      bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
-      bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_TYLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_LGLH', isCheck: true });
-      bus.emit('setLayerVisible', { layername: 'rq_other', isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_all", isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
+      bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_TYLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_LGLH", isCheck: true });
+      bus.emit("setLayerVisible", { layername: "rq_other", isCheck: false });
       break;
     case 4:
-      bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
-      bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_TYLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_LGLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_other', isCheck: true });
+      bus.emit("setLayerVisible", { layername: "rq_all", isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
+      bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_TYLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_LGLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_other", isCheck: true });
       break;
   }
 };
 
 // 风险
-const FengXianClick = item => {
+const FengXianClick = (item) => {
   let data = {
-    title: item.zb + ' 风险监测',
-    comIDs: ['RQ_FengXianJianCe'],
+    title: item.zb + " 风险监测",
+    comIDs: ["RQ_FengXianJianCe"],
   };
-  bus.emit('publicDialog', data);
+  bus.emit("publicDialog", data);
   // 传给组件数据
 
   setTimeout(() => {
-    bus.emit('getDataListFxjc', item);
+    bus.emit("getDataListFxjc", item);
   }, 500);
 };
 
 // 现场连线
-const XianChangLianXian = item => {
-  bus.emit('OpenRY');
+const XianChangLianXian = (item) => {
+  bus.emit("OpenRY");
 };
 
 watch(
@@ -754,13 +830,14 @@
 );
 //燃气超标
 const showIndexOver = () => {
-  bus.emit('removeMapDatas', AllData.xunChaLayers);
-  let key = 'warning_monitor';
-  bus.emit('getGeojsonByType', {
+  bus.emit("removeMapDatas", AllData.xunChaLayers);
+  let key = "warning_monitor";
+  bus.emit("getGeojsonByType", {
     type: key,
-    callback: geojson => {
-      if (!!!geojson.features.length) bus.emit('setGeoJSON', { json: yanAnRQoverindex, key: 'warning_monitor' });
-      bus.emit('setLayerVisible', { type: 'point', layername: key, isCheck: true });
+    callback: (geojson) => {
+      if (!!!geojson.features.length)
+        bus.emit("setGeoJSON", { json: yanAnRQoverindex, key: "warning_monitor" });
+      bus.emit("setLayerVisible", { type: "point", layername: key, isCheck: true });
     },
   });
   newfiberMapbox.map.easeTo({
@@ -770,13 +847,14 @@
 };
 //燃气告警
 const showIndexWarning = () => {
-  bus.emit('removeMapDatas', AllData.xunChaLayers);
-  let key = 'warning_monitor';
-  bus.emit('getGeojsonByType', {
+  bus.emit("removeMapDatas", AllData.xunChaLayers);
+  let key = "warning_monitor";
+  bus.emit("getGeojsonByType", {
     type: key,
-    callback: geojson => {
-      if (!!!geojson.features.length) bus.emit('setGeoJSON', { json: yanAnWarring, key: 'warning_monitor' });
-      bus.emit('setLayerVisible', { type: 'point', layername: key, isCheck: true });
+    callback: (geojson) => {
+      if (!!!geojson.features.length)
+        bus.emit("setGeoJSON", { json: yanAnWarring, key: "warning_monitor" });
+      bus.emit("setLayerVisible", { type: "point", layername: key, isCheck: true });
     },
   });
   newfiberMapbox.map.easeTo({
@@ -787,45 +865,47 @@
 onMounted(() => {
   let initeRQTimer = setInterval(() => {
     if (!newfiberMapbox) return;
-    if (!newfiberMapbox.map.getLayer('rq_pipeline_info')) return;
-    if (!newfiberMapbox.map.getLayer('sx_ya_smx_rq_point')) return;
+    if (!newfiberMapbox.map.getLayer("rq_pipeline_info")) return;
+    if (!newfiberMapbox.map.getLayer("sx_ya_smx_rq_point")) return;
     newfiberMapbox.map.easeTo({
       center: [109.488, 36.596],
       zoom: 13,
     });
     //告警点事件
-    let warningPoint = newfiberMapbox.getLayers().filter(feature => feature.newfiberId == 'warning_monitor')[0];
+    let warningPoint = newfiberMapbox
+      .getLayers()
+      .filter((feature) => feature.newfiberId == "warning_monitor")[0];
     if (warningPoint) {
-      warningPoint.on('click', e => {
+      warningPoint.on("click", (e) => {
         let popupData = e.feature.properties;
 
-        console.log('popupData---', '告警---------', popupData);
+        console.log("popupData---", "告警---------", popupData);
       });
     }
-    bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: true }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
+    bus.emit("setLayerVisible", { layername: "rq_all", isCheck: true }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
 
     clearInterval(initeRQTimer);
   }, 100);
   initEcharts(1);
 });
 onBeforeUnmount(() => {
-  bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: false });
-  bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: false });
-  bus.emit('setLayerVisible', { layername: 'rq_TYLH', isCheck: false });
-  bus.emit('setLayerVisible', { layername: 'rq_LGLH', isCheck: false });
-  bus.emit('setLayerVisible', { layername: 'rq_other', isCheck: false });
-  bus.emit('removeMapDatas', AllData.xunChaLayers);
-  bus.emit('removeMapDatas', ['warning_monitor']);
-  bus.emit('setLayerVisible', { layername: 'warning_monitor', isCheck: false });
-  bus.emit('closeCesiumPopup');
-  if (!!newfiberMapbox.getLayerByName('rqLine')) {
-    newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('rqLine'));
+  bus.emit("setLayerVisible", { layername: "rq_all", isCheck: false });
+  bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: false });
+  bus.emit("setLayerVisible", { layername: "rq_TYLH", isCheck: false });
+  bus.emit("setLayerVisible", { layername: "rq_LGLH", isCheck: false });
+  bus.emit("setLayerVisible", { layername: "rq_other", isCheck: false });
+  bus.emit("removeMapDatas", AllData.xunChaLayers);
+  bus.emit("removeMapDatas", ["warning_monitor"]);
+  bus.emit("setLayerVisible", { layername: "warning_monitor", isCheck: false });
+  bus.emit("closeCesiumPopup");
+  if (!!newfiberMapbox.getLayerByName("rqLine")) {
+    newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("rqLine"));
   }
 });
 </script>
 
 <style lang="scss" scoped>
-@import '@/assets/styles/transition_oneMap.scss';
+@import "@/assets/styles/transition_oneMap.scss";
 #ZHRQ {
   .LeftBox {
     width: 450px;
@@ -833,7 +913,11 @@
     position: absolute;
     left: 10px;
     top: 70px;
-    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 69, 108, 0.8) 100%);
+    background: linear-gradient(
+      0deg,
+      rgba(0, 43, 67, 0.8) 0%,
+      rgba(0, 69, 108, 0.8) 100%
+    );
     border-radius: 6px;
     border: 1px solid #47eef3;
     box-sizing: border-box;
@@ -908,7 +992,7 @@
         width: 100%;
         height: calc(100% - 72px);
         margin-top: 10px;
-        background: url('@/assets/images/Sponge_screen/RQ/Ech.png') no-repeat center;
+        background: url("@/assets/images/Sponge_screen/RQ/Ech.png") no-repeat center;
         position: relative;
 
         .ClickDiv1 {
@@ -966,7 +1050,7 @@
           height: 42px;
           width: calc(50% - 9px);
           display: flex;
-          background: url('@/assets/images/Sponge_screen/RQ/RQ_FX.png') no-repeat center;
+          background: url("@/assets/images/Sponge_screen/RQ/RQ_FX.png") no-repeat center;
           background-size: 100% 100%;
           cursor: pointer;
 
@@ -1198,7 +1282,11 @@
     position: absolute;
     right: 10px;
     top: 70px;
-    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 69, 108, 0.8) 100%);
+    background: linear-gradient(
+      0deg,
+      rgba(0, 43, 67, 0.8) 0%,
+      rgba(0, 69, 108, 0.8) 100%
+    );
     border-radius: 6px;
     border: 1px solid #47eef3;
     box-sizing: border-box;
@@ -1356,7 +1444,11 @@
     position: absolute;
     left: 520px;
     top: 110px;
-    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 69, 108, 0.8) 100%);
+    background: linear-gradient(
+      0deg,
+      rgba(0, 43, 67, 0.8) 0%,
+      rgba(0, 69, 108, 0.8) 100%
+    );
     border-radius: 6px;
     border: 1px solid #47eef3;
     box-sizing: border-box;
@@ -1450,7 +1542,8 @@
     .Box_header {
       width: 100%;
       height: 43px;
-      background: url('@/assets/images/Sponge_screen/Box_HeaderBackground.png') no-repeat center;
+      background: url("@/assets/images/Sponge_screen/Box_HeaderBackground.png") no-repeat
+        center;
       background-size: cover;
       font-family: PangMenZhengDao;
       font-weight: 400;

diff --git a/src/views/DialogTabs/component/ShiPingJianKong.vue b/src/views/DialogTabs/component/ShiPingJianKong.vue
index a02cecf..9dbaa6a 100644
--- a/src/views/DialogTabs/component/ShiPingJianKong.vue
+++ b/src/views/DialogTabs/component/ShiPingJianKong.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="ShiPingJianKong">
-    <div id="LeftBox">
+    <!-- <div id="LeftBox">
       <div class="LeftType">
         <div
           class="TypeBtn"
@@ -167,7 +167,7 @@
           />
         </div>
       </div>
-    </div>
+    </div> -->
     <div id="VideoBox">
       <HKVideo
         v-if="AllData.DataOK"
@@ -593,7 +593,8 @@
     }
   }
   #VideoBox {
-    width: calc(100% - 415px);
+    // width: calc(100% - 415px);
+    width: 100%;
     height: 100%;
     float: left;
   }
diff --git a/src/views/oneMap/LayerControl/LayerControl.vue b/src/views/oneMap/LayerControl/LayerControl.vue
index ed850cc..cb2d83f 100644
--- a/src/views/oneMap/LayerControl/LayerControl.vue
+++ b/src/views/oneMap/LayerControl/LayerControl.vue
@@ -26,29 +26,29 @@
 </template>
 
 <script setup name="LayerControl">
-import { ref, reactive, toRefs, onMounted } from 'vue';
+import { ref, reactive, toRefs, onMounted } from "vue";
 // 图层控制icon引入
-import { requireTuChengImg } from '@/utils/util';
-import yanAnPaiShuiArea from '@/assets/yanAnPaiShuiArea.json';
-import yanAnRoad from '@/assets/yanAnRoad.json';
-import yanAnWater from '@/assets/yanAnWater.json';
-import yanAnWSCLC from '@/assets/yanAnWSCLC.json';
-import yanAnCenterCity from '@/assets/yanAnCenterCity.json';
-import yanAnYSBZ from '@/assets/yanAnYSBZ.json';
-import yanAnYiLao from '@/assets/yanAnYiLao.json';
-import yanAnFengXian from '@/assets/yanAnFengXian.json';
-import yanAnPipeSupervise from '@/assets/yanAnPipeSupervise.json';
-import yanAnPKSupervise from '@/assets/yanAnPKSupervise.json';
-import yanAnNature from '@/assets/yanAnNature.json';
-import yanAnVideo from '@/assets/yanAnVideo.json';
-import yanAnMountain from '@/assets/yanAnMountain.json';
-import yanAnSmallWater from '@/assets/yanAnSmallWater.json';
-import yanAnRainArea from '@/assets/yanAnRainArea.json';
-import heDiJiaGu from '@/assets/heDiJiaGu.json';
-import heDiShuJun from '@/assets/heDiShuJun.json';
-import anXianGaiZao from '@/assets/anXianGaiZao.json';
-import bus from '@/bus';
-import mapBoxVectorLayer from '@/utils/GISdocument/mapboxVectorLayer.js';
+import { requireTuChengImg } from "@/utils/util";
+import yanAnPaiShuiArea from "@/assets/yanAnPaiShuiArea.json";
+import yanAnRoad from "@/assets/yanAnRoad.json";
+import yanAnWater from "@/assets/yanAnWater.json";
+import yanAnWSCLC from "@/assets/yanAnWSCLC.json";
+import yanAnCenterCity from "@/assets/yanAnCenterCity.json";
+import yanAnYSBZ from "@/assets/yanAnYSBZ.json";
+import yanAnYiLao from "@/assets/yanAnYiLao.json";
+import yanAnFengXian from "@/assets/yanAnFengXian.json";
+import yanAnPipeSupervise from "@/assets/yanAnPipeSupervise.json";
+import yanAnPKSupervise from "@/assets/yanAnPKSupervise.json";
+import yanAnNature from "@/assets/yanAnNature.json";
+import yanAnVideo from "@/assets/yanAnVideo.json";
+import yanAnMountain from "@/assets/yanAnMountain.json";
+import yanAnSmallWater from "@/assets/yanAnSmallWater.json";
+import yanAnRainArea from "@/assets/yanAnRainArea.json";
+import heDiJiaGu from "@/assets/heDiJiaGu.json";
+import heDiShuJun from "@/assets/heDiShuJun.json";
+import anXianGaiZao from "@/assets/anXianGaiZao.json";
+import bus from "@/bus";
+import mapBoxVectorLayer from "@/utils/GISdocument/mapboxVectorLayer.js";
 const AllData = reactive({
   // 图层控制面板的渲染数据
   /**图层面板数据字段说明
@@ -61,141 +61,141 @@
    */
   LayerData: [
     {
-      title: '基本信息',
+      title: "基本信息",
       children: [
         {
-          layerName: '中心城区',
-          layerKey: 'centerCity',
-          layerIcon: requireTuChengImg('zhongxinchengqu'),
+          layerName: "中心城区",
+          layerKey: "centerCity",
+          layerIcon: requireTuChengImg("zhongxinchengqu"),
           layerVisible: false,
           dynamicLineData: yanAnCenterCity,
         },
         {
-          layerName: '路网',
-          layerKey: 'road',
-          layerIcon: '',
-          layerVisible: false,
+          layerName: "路网",
+          layerKey: "road",
+          layerIcon: "",
+          layerVisible: true,
           dynamicLineData: yanAnRoad,
         },
         {
-          layerName: '河流水系',
-          layerKey: 'waterLake',
-          layerIcon: '',
-          layerVisible: false,
+          layerName: "河流水系",
+          layerKey: "waterLake",
+          layerIcon: "",
+          layerVisible: true,
           dynamicLineData: yanAnWater,
         },
         {
-          layerName: '防洪河道',
-          layerKey: 'fangHongWater',
-          layerIcon: '',
+          layerName: "防洪河道",
+          layerKey: "fangHongWater",
+          layerIcon: "",
           layerVisible: false,
           lineWithLabel: yanAnSmallWater,
         },
         {
-          layerName: '河堤疏浚',
-          layerKey: 'heDiShuJun',
-          layerIcon: '',
+          layerName: "河堤疏浚",
+          layerKey: "heDiShuJun",
+          layerIcon: "",
           layerVisible: false,
           lineWithLabel: heDiShuJun,
         },
         {
-          layerName: '河堤加固',
-          layerKey: 'heDiJiaGu',
-          layerIcon: '',
+          layerName: "河堤加固",
+          layerKey: "heDiJiaGu",
+          layerIcon: "",
           layerVisible: false,
           lineWithLabel: heDiJiaGu,
         },
         {
-          layerName: '岸线改造',
-          layerKey: 'anXianGaiZao',
-          layerIcon: '',
+          layerName: "岸线改造",
+          layerKey: "anXianGaiZao",
+          layerIcon: "",
           layerVisible: false,
           lineWithLabel: anXianGaiZao,
         },
         {
-          layerName: '河堤治理',
-          layerKey: 'heDiZhiLi',
-          layerIcon: '',
+          layerName: "河堤治理",
+          layerKey: "heDiZhiLi",
+          layerIcon: "",
           layerVisible: false,
           lineWithLabel: anXianGaiZao,
         },
         {
-          layerName: '空间格局',
-          layerKey: 'yanAnNature',
-          layerIcon: '',
+          layerName: "空间格局",
+          layerKey: "yanAnNature",
+          layerIcon: "",
           layerVisible: false,
           areaData: yanAnNature,
         },
         {
-          layerName: '山体修复',
-          layerKey: 'yanAnMountain',
-          layerIcon: '',
+          layerName: "山体修复",
+          layerKey: "yanAnMountain",
+          layerIcon: "",
           layerVisible: false,
           lineWithLabel: yanAnMountain,
         },
       ],
     },
     {
-      title: '燃气系统',
+      title: "燃气系统",
       children: [
         {
-          layerName: '燃气管网',
-          layerKey: 'rq_all',
+          layerName: "燃气管网",
+          layerKey: "rq_all",
           layerIcon: null,
           layerVisible: false,
         },
         {
-          layerName: '调压器',
-          layerKey: 'tiaoYaQi',
+          layerName: "调压器",
+          layerKey: "tiaoYaQi",
           layerIcon: null,
           layerVisible: false,
         },
         {
-          layerName: '节点',
-          layerKey: 'rq_jieDian',
+          layerName: "节点",
+          layerKey: "rq_jieDian",
           layerIcon: null,
           layerVisible: false,
         },
         {
-          layerName: '极性保护',
-          layerKey: 'jiXingBaoHu',
+          layerName: "极性保护",
+          layerKey: "jiXingBaoHu",
           layerIcon: null,
           layerVisible: false,
         },
         {
-          layerName: '流量计',
-          layerKey: 'rq_liuLiangJi',
+          layerName: "流量计",
+          layerKey: "rq_liuLiangJi",
           layerIcon: null,
           layerVisible: false,
         },
         {
-          layerName: '未知设备',
-          layerKey: 'rq_unknow',
+          layerName: "未知设备",
+          layerKey: "rq_unknow",
           layerIcon: null,
           layerVisible: false,
         },
       ],
     },
     {
-      title: '雨水系统',
+      title: "雨水系统",
       children: [
         {
-          layerName: '雨水分区',
-          layerKey: 'rainArea',
+          layerName: "雨水分区",
+          layerKey: "rainArea",
           layerIcon: null,
           layerVisible: false,
           areaData: yanAnRainArea,
         },
         {
-          layerName: '排水分区',
-          layerKey: 'paishuiArea',
+          layerName: "排水分区",
+          layerKey: "paishuiArea",
           layerIcon: null,
           layerVisible: false,
           areaData: yanAnPaiShuiArea,
         },
         {
-          layerName: '雨水管网',
-          layerKey: 'ysLine1',
+          layerName: "雨水管网",
+          layerKey: "ysLine1",
           layerIcon: null,
           layerVisible: false,
         },
@@ -206,8 +206,8 @@
         //   layerVisible: false,
         // },
         {
-          layerName: '雨水泵站',
-          layerKey: 'YSBZ',
+          layerName: "雨水泵站",
+          layerKey: "YSBZ",
           layerIcon: null,
           layerVisible: false,
           data: yanAnYSBZ,
@@ -215,17 +215,17 @@
       ],
     },
     {
-      title: '污水系统',
+      title: "污水系统",
       children: [
         {
-          layerName: '污水分区',
-          layerKey: 'sewageArea',
+          layerName: "污水分区",
+          layerKey: "sewageArea",
           layerIcon: null,
           layerVisible: false,
         },
         {
-          layerName: '污水管网',
-          layerKey: 'wsLine1',
+          layerName: "污水管网",
+          layerKey: "wsLine1",
           layerIcon: null,
           layerVisible: false,
         },
@@ -242,8 +242,8 @@
         //   layerVisible: false,
         // },
         {
-          layerName: '污水处理厂',
-          layerKey: 'WSCLC',
+          layerName: "污水处理厂",
+          layerKey: "WSCLC",
           layerIcon: null,
           layerVisible: false,
           data: yanAnWSCLC,
@@ -251,39 +251,39 @@
       ],
     },
     {
-      title: '感知设备',
+      title: "感知设备",
       children: [
         {
-          layerName: '内涝易涝点',
-          layerKey: 'yiLaoPoint',
+          layerName: "内涝易涝点",
+          layerKey: "yiLaoPoint",
           layerIcon: null,
           layerVisible: false,
           data: yanAnYiLao,
         },
         {
-          layerName: '内涝风险点',
-          layerKey: 'fengXianPoint',
+          layerName: "内涝风险点",
+          layerKey: "fengXianPoint",
           layerIcon: null,
           layerVisible: false,
           data: yanAnFengXian,
         },
         {
-          layerName: '排水管网监测',
-          layerKey: 'pipeSupervise',
+          layerName: "排水管网监测",
+          layerKey: "pipeSupervise",
           layerIcon: null,
           layerVisible: false,
           data: yanAnPipeSupervise,
         },
         {
-          layerName: '排水排口监测',
-          layerKey: 'PKsupervise',
+          layerName: "排水排口监测",
+          layerKey: "PKsupervise",
           layerIcon: null,
           layerVisible: false,
           data: yanAnPKSupervise,
         },
         {
-          layerName: '视频监测',
-          layerKey: 'video',
+          layerName: "视频监测",
+          layerKey: "video",
           layerIcon: null,
           layerVisible: false,
           data: yanAnVideo,
@@ -298,10 +298,10 @@
     .concat(AllData.LayerData[2].children)
     .concat(AllData.LayerData[3].children)
     .concat(AllData.LayerData[4].children);
-  initeLegend.forEach(element => {
+  initeLegend.forEach((element) => {
     element.layername = element.layerKey;
   });
-  bus.emit('setLegendData', initeLegend);
+  bus.emit("setLegendData", initeLegend);
 });
 const props = defineProps({
   ShowTuCheng: false,
@@ -310,35 +310,37 @@
 watch(
   () => props.ShowTuCheng,
   (newValue, oldValue) => {
-    console.log('ShowTuCheng变化了', newValue, oldValue);
+    console.log("ShowTuCheng变化了", newValue, oldValue);
   },
   { immediate: true, deep: true }
 );
 
-const layerClick = item2 => {
+const layerClick = (item2) => {
   item2.layerVisible = !item2.layerVisible;
   item2.isCheck = item2.layerVisible;
-  console.info(`点击了名称为${item2.layerName},图层ID为${item2.layerKey}的图层,点击后的图层展示情况为${item2.layerVisible}`);
-  bus.emit('setLayerVisible', { layername: item2.layerKey, isCheck: item2.isCheck });
+  console.info(
+    `点击了名称为${item2.layerName},图层ID为${item2.layerKey}的图层,点击后的图层展示情况为${item2.layerVisible}`
+  );
+  bus.emit("setLayerVisible", { layername: item2.layerKey, isCheck: item2.isCheck });
   if (item2.areaData) {
     if (item2.isCheck) {
       mapBoxVectorLayer.addGeojsonPolygonWithLabel(item2.layerKey, item2.areaData);
     } else {
-      mapBoxVectorLayer.removeByIds([item2.layerKey, item2.layerKey + '_label']);
+      mapBoxVectorLayer.removeByIds([item2.layerKey, item2.layerKey + "_label"]);
     }
   }
   if (item2.lineWithLabel) {
     if (item2.isCheck) {
       mapBoxVectorLayer.addGeojsonLineWithLabel(item2.layerKey, item2.lineWithLabel);
-      if (item2.layerKey == 'fangHongWater') {
+      if (item2.layerKey == "fangHongWater") {
         let layer = new mapboxL7.LineLayer({
-          name: 'fangHongWater',
+          name: "fangHongWater",
         })
           .source(item2.lineWithLabel)
           .size(3)
-          .shape('line')
-          .texture('arrow')
-          .color('rgba(243, 26, 237,1)')
+          .shape("line")
+          .texture("arrow")
+          .color("rgba(243, 26, 237,1)")
           .animate({
             interval: 2, // 间隔
             duration: 3, // 持续时间，延时
@@ -349,29 +351,29 @@
             lineTexture: true, // 开启线的贴图功能
             iconStep: 200, // 设置贴图纹理的间距
             borderWidth: 0.4, // 默认文 0，最大有效值为 0.5
-            borderColor: '#fff', // 默认为 #ccc
+            borderColor: "#fff", // 默认为 #ccc
           });
         newfiberMapbox.addLayer(layer);
       }
     } else {
-      mapBoxVectorLayer.removeByIds([item2.layerKey, item2.layerKey + '_label']);
-      if (newfiberMapbox.getLayerByName('fangHongWater')) {
-        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('fangHongWater'));
+      mapBoxVectorLayer.removeByIds([item2.layerKey, item2.layerKey + "_label"]);
+      if (newfiberMapbox.getLayerByName("fangHongWater")) {
+        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("fangHongWater"));
       }
     }
   }
-  if (item2.layerKey == 'road') {
+  if (item2.layerKey == "road") {
     if (item2.isCheck) {
-      if (newfiberMapbox.getLayerByName('dynamicRoad')) {
-        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('dynamicRoad'));
+      if (newfiberMapbox.getLayerByName("dynamicRoad")) {
+        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("dynamicRoad"));
       }
       let layer = new mapboxL7.LineLayer({
-        name: 'dynamicRoad',
+        name: "dynamicRoad",
       })
         .source(item2.dynamicLineData)
         .size(1.3)
-        .shape('line')
-        .color('rgb(184, 184, 184)')
+        .shape("line")
+        .color("rgb(184, 184, 184)")
         .animate({
           interval: 1, // 间隔
           duration: 1.5, // 持续时间，延时
@@ -382,22 +384,22 @@
         });
       newfiberMapbox.addLayer(layer);
     } else {
-      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('dynamicRoad'));
+      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("dynamicRoad"));
     }
   }
-  if (item2.layerKey == 'waterLake') {
+  if (item2.layerKey == "waterLake") {
     if (item2.isCheck) {
-      if (newfiberMapbox.getLayerByName('waterLake')) {
-        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('waterLake'));
+      if (newfiberMapbox.getLayerByName("waterLake")) {
+        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("waterLake"));
       }
       let layer = new mapboxL7.LineLayer({
-        name: 'waterLake',
+        name: "waterLake",
       })
         .source(item2.dynamicLineData)
         .size(4)
-        .shape('line')
-        .texture('arrow')
-        .color('aqua')
+        .shape("line")
+        .texture("arrow")
+        .color("aqua")
         .animate({
           interval: 2, // 间隔
           duration: 3, // 持续时间，延时
@@ -408,29 +410,29 @@
           lineTexture: true, // 开启线的贴图功能
           iconStep: 200, // 设置贴图纹理的间距
           borderWidth: 0.4, // 默认文 0，最大有效值为 0.5
-          borderColor: '#fff', // 默认为 #ccc
+          borderColor: "#fff", // 默认为 #ccc
         });
       newfiberMapbox.addLayer(layer);
     } else {
-      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('waterLake'));
+      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("waterLake"));
     }
   }
-  if (item2.layerKey == 'centerCity') {
+  if (item2.layerKey == "centerCity") {
     if (item2.isCheck) {
-      mapBoxVectorLayer.addGeojsonLine('centerCity', item2.dynamicLineData, 4, 1, 0.5);
+      mapBoxVectorLayer.addGeojsonLine("centerCity", item2.dynamicLineData, 4, 1, 0.5);
     } else {
-      mapBoxVectorLayer.removeByIds(['centerCity']);
+      mapBoxVectorLayer.removeByIds(["centerCity"]);
     }
   }
 };
 onMounted(() => {
   // 清除所有的图层选中
-  bus.on('clearAllLayer', () => {
-    AllData.LayerData.forEach(data => {
-      data.children.map(item => {
+  bus.on("clearAllLayer", () => {
+    AllData.LayerData.forEach((data) => {
+      data.children.map((item) => {
         // item.layerVisible = true;
         // 做优化,全局为True,再执行隐藏工作,页面调用api太多了,这里应该只将展示的图层进行取消操作就行
-        item.layerVisible ? layerClick(item) : '';
+        item.layerVisible ? layerClick(item) : "";
       });
     });
   });
@@ -438,17 +440,17 @@
   /**控制图层的显示
    *@param LayerArraya:需要打开的图层名称,示例:["路网","中心城区"]
    */
-  bus.on('SetLayerShow', LayerArraya => {
-    AllData.LayerData.forEach(data => {
-      data.children.map(item => {
-        LayerArraya.includes(item.layerName) ? layerClick(item) : '';
+  bus.on("SetLayerShow", (LayerArraya) => {
+    AllData.LayerData.forEach((data) => {
+      data.children.map((item) => {
+        LayerArraya.includes(item.layerName) ? layerClick(item) : "";
       });
     });
   });
 });
 onBeforeUnmount(() => {
-  bus.off('clearAllLayer');
-  bus.off('SetLayerShow');
+  bus.off("clearAllLayer");
+  bus.off("SetLayerShow");
 });
 </script>
 
@@ -459,7 +461,7 @@
   position: absolute;
   top: 150px;
   right: 476px;
-  background: url('@/assets/images/Sponge_screen/TuChengBG.png') no-repeat center;
+  background: url("@/assets/images/Sponge_screen/TuChengBG.png") no-repeat center;
   background-size: contain;
   box-sizing: border-box;
   padding: 25px 0px;
@@ -475,7 +477,7 @@
       width: 190px;
       height: 25px;
       line-height: 25px;
-      background-image: url('@/assets/images/Sponge_screen/TuChengFenZuBG.png'),
+      background-image: url("@/assets/images/Sponge_screen/TuChengFenZuBG.png"),
         linear-gradient(to right, #1c899600, #1c8996, #1c899600);
       background-repeat: no-repeat;
       background-position: center;
diff --git a/src/views/oneMap/components/ZHRQ.vue b/src/views/oneMap/components/ZHRQ.vue
index 234b9ad..c6a102b 100644
--- a/src/views/oneMap/components/ZHRQ.vue
+++ b/src/views/oneMap/components/ZHRQ.vue
@@ -1,17 +1,31 @@
 <template>
   <div id="ZHRQ">
-    <div :class="['LeftBox', 'animate__animated', showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft']">
+    <div
+      :class="[
+        'LeftBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft',
+      ]"
+    >
       <div class="ComBox LeftBox1_1">
         <div class="Box_header">管道风险评估</div>
         <div class="Box_Body">
           <div class="TJListBox">
             <div class="TJList TJList_RQ" @click="TuChengClick(0)">
-              <img class="TJListImg" src="@/assets/images/Sponge_screen/RQ/RQ_RQ.png" alt="" />
+              <img
+                class="TJListImg"
+                src="@/assets/images/Sponge_screen/RQ/RQ_RQ.png"
+                alt=""
+              />
               <span class="TJListName">燃气管道</span>
               <span class="TJListValue">4549km</span>
             </div>
             <div class="TJList TJList_GZ">
-              <img class="TJListImg" src="@/assets/images/Sponge_screen/RQ/RQ_GZ.png" alt="" />
+              <img
+                class="TJListImg"
+                src="@/assets/images/Sponge_screen/RQ/RQ_GZ.png"
+                alt=""
+              />
               <span class="TJListName">需改造</span>
               <span class="TJListValue">1922km</span>
             </div>
@@ -57,7 +71,9 @@
             </div>
             <div class="tableBody">
               <div class="tableBodyList" v-for="item in AllData.FXJCData">
-                <span class="tableBodyList_span1" @click="FengXianClick(item)">{{ item.zb }}</span>
+                <span class="tableBodyList_span1" @click="FengXianClick(item)">{{
+                  item.zb
+                }}</span>
                 <span class="tableBodyList_span2" @click="FengXianClick(item)"
                   >{{ item.sz }}
                   <el-icon v-if="item.szzt" color="lime" size="14"><Top /> </el-icon>
@@ -65,9 +81,11 @@
                     <Bottom />
                   </el-icon>
                 </span>
-                <span class="tableBodyList_span3" :class="item.zt == 0 ? 'YJClass' : ''">{{
-                  item.zt == 0 ? '预警' : '正常'
-                }}</span>
+                <span
+                  class="tableBodyList_span3"
+                  :class="item.zt == 0 ? 'YJClass' : ''"
+                  >{{ item.zt == 0 ? "预警" : "正常" }}</span
+                >
                 <span class="tableBodyList_span4" @click="PaiFa(item)">派发</span>
               </div>
             </div>
@@ -92,7 +110,13 @@
         </div>
       </div>
     </div>
-    <div :class="['RightBox', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']">
+    <div
+      :class="[
+        'RightBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight',
+      ]"
+    >
       <div class="ComBox RightBox1_1">
         <div class="Box_header">辅助决策</div>
         <div class="Box_Body">
@@ -114,10 +138,16 @@
               <span class="JCListBox_List_value color_red">{{ item.yp }}</span>
             </div>
             <div class="JCListBox_List JCListBox_List_BTN">
-              <el-button style="background: #03b6a0; color: white; border: none" size="small" @click="GongDanPaiFa(item)"
+              <el-button
+                style="background: #03b6a0; color: white; border: none"
+                size="small"
+                @click="GongDanPaiFa(item)"
                 >工单派发</el-button
               >
-              <el-button style="background: #03b6a0; color: white; border: none" size="small" @click="XianChangLianXian(item)"
+              <el-button
+                style="background: #03b6a0; color: white; border: none"
+                size="small"
+                @click="XianChangLianXian(item)"
                 >现场联线</el-button
               >
             </div>
@@ -128,12 +158,18 @@
         <div class="Box_header">巡查反馈</div>
         <div class="Box_Body">
           <div class="FK_headerBox">
-            <div class="FK_headerBox_list" @click="dealOrNoDeal(1)"><span class="FK_headerBox_list_colorBox1"></span> 未处理</div>
-            <div class="FK_headerBox_list" @click="dealOrNoDeal(2)"><span class="FK_headerBox_list_colorBox2"></span> 已处理</div>
+            <div class="FK_headerBox_list" @click="dealOrNoDeal(1)">
+              <span class="FK_headerBox_list_colorBox1"></span> 未处理
+            </div>
+            <div class="FK_headerBox_list" @click="dealOrNoDeal(2)">
+              <span class="FK_headerBox_list_colorBox2"></span> 已处理
+            </div>
           </div>
           <div class="FK_bodyBox">
             <div class="FK_bodyBox_list" v-for="item in AllData.XCFKData">
-              <span class="FK_bodyBox_list_label" @click="XunChaFanKui(item)">{{ item.name }}</span>
+              <span class="FK_bodyBox_list_label" @click="XunChaFanKui(item)">{{
+                item.name
+              }}</span>
               <div class="FK_BigBox">
                 <div class="FK_CenBox1" :style="getWidth(item, 1)">{{ item.num1 }}</div>
                 <div class="FK_CenBox2" :style="getWidth(item, 2)">{{ item.num2 }}</div>
@@ -143,7 +179,13 @@
         </div>
       </div>
     </div>
-    <div :class="['TopBox', 'animate__animated', showPanel ? 'animate__fadeOutUp' : 'animate__fadeInDown']">
+    <div
+      :class="[
+        'TopBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutUp' : 'animate__fadeInDown',
+      ]"
+    >
       <div class="TopTableHeader">
         <span class="TopTableListSpan TopTableListSpan1">时间</span>
         <span class="TopTableListSpan TopTableListSpan2">事件明细</span>
@@ -153,7 +195,12 @@
         <span class="TopTableListSpan TopTableListSpan6">督办</span>
       </div>
       <!-- <div class="TopTableBody"> -->
-      <Vue3SeamlessScroll :list="AllData.TopTableData" :singleHeight="34" :hover="true" class="TopTableBody">
+      <Vue3SeamlessScroll
+        :list="AllData.TopTableData"
+        :singleHeight="34"
+        :hover="true"
+        class="TopTableBody"
+      >
         <div class="TopTableBody_list" v-for="item in AllData.TopTableData">
           <span class="TopTableListSpan TopTableListSpan1">{{ item.sj }}</span>
           <span class="TopTableListSpan TopTableListSpan2">{{ item.mx }}</span>
@@ -161,7 +208,12 @@
           <span class="TopTableListSpan TopTableListSpan4">{{ item.zt }}</span>
           <span class="TopTableListSpan TopTableListSpan5">{{ item.dw }}</span>
           <span class="TopTableListSpan TopTableListSpan6">
-            <img class="TopTableListSpanImg2" src="@/assets/images/Sponge_screen/RQ/RQ_XX.png" alt="" @click="PaiFa(item)" />
+            <img
+              class="TopTableListSpanImg2"
+              src="@/assets/images/Sponge_screen/RQ/RQ_XX.png"
+              alt=""
+              @click="PaiFa(item)"
+            />
             <img
               class="TopTableListSpanImg"
               src="@/assets/images/Sponge_screen/RQ/RQ_SP.png"
@@ -177,49 +229,49 @@
 </template>
 
 <script setup name="ZHRQ">
-import { ref, reactive, toRefs, onMounted, onBeforeUnmount, nextTick } from 'vue';
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount, nextTick } from "vue";
 
-import * as echarts from 'echarts';
-import bus from '@/bus';
-import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
-import sheBeiLost from '@/assets/sheBeiLost.json';
-import xiaXian from '@/assets/xiaXian.json';
-import yiBian from '@/assets/yiBian.json';
-import zaWuDuiFang from '@/assets/zaWuDuiFang.json';
-import rq_QiTa from '@/assets/rq_QiTa.json';
-import no_sheBeiLost from '@/assets/no_sheBeiLost.json';
-import no_xiaXian from '@/assets/no_xiaXian.json';
-import no_yiBian from '@/assets/no_yiBian.json';
-import no_zaWuDuiFang from '@/assets/no_zaWuDuiFang.json';
-import no_rq_QiTa from '@/assets/no_rq_QiTa.json';
-import yanAnRQoverindex from '@/assets/yanAnRQoverindex.json';
-import yanAnWarring from '@/assets/yanAnWarring.json';
+import * as echarts from "echarts";
+import bus from "@/bus";
+import { Vue3SeamlessScroll } from "vue3-seamless-scroll";
+import sheBeiLost from "@/assets/sheBeiLost.json";
+import xiaXian from "@/assets/xiaXian.json";
+import yiBian from "@/assets/yiBian.json";
+import zaWuDuiFang from "@/assets/zaWuDuiFang.json";
+import rq_QiTa from "@/assets/rq_QiTa.json";
+import no_sheBeiLost from "@/assets/no_sheBeiLost.json";
+import no_xiaXian from "@/assets/no_xiaXian.json";
+import no_yiBian from "@/assets/no_yiBian.json";
+import no_zaWuDuiFang from "@/assets/no_zaWuDuiFang.json";
+import no_rq_QiTa from "@/assets/no_rq_QiTa.json";
+import yanAnRQoverindex from "@/assets/yanAnRQoverindex.json";
+import yanAnWarring from "@/assets/yanAnWarring.json";
 
 const AllData = reactive({
   xunChaStatic: null,
   xunChaLayers: [
-    'alreadyDeal_DF',
-    'alreadyDeal_DS',
-    'alreadyDeal_XX',
-    'alreadyDeal_YB',
-    'alreadyDeal_QT',
-    'noDeal_DF',
-    'noDeal_DS',
-    'noDeall_XX',
-    'noDeal_YB',
-    'noDeal_QT',
+    "alreadyDeal_DF",
+    "alreadyDeal_DS",
+    "alreadyDeal_XX",
+    "alreadyDeal_YB",
+    "alreadyDeal_QT",
+    "noDeal_DF",
+    "noDeal_DS",
+    "noDeall_XX",
+    "noDeal_YB",
+    "noDeal_QT",
   ],
   ChangeData: [
     {
-      name: '枣园',
+      name: "枣园",
       id: 1,
     },
     {
-      name: '杨家湾',
+      name: "杨家湾",
       id: 2,
     },
     {
-      name: '丰富川',
+      name: "丰富川",
       id: 3,
     },
   ],
@@ -227,38 +279,38 @@
   // 风险监测
   FXJCData: [
     {
-      zb: '甲烷浓度',
-      sz: '3%',
+      zb: "甲烷浓度",
+      sz: "3%",
       szzt: true,
       zt: 0, //0预警 1 正常
-      value: 'JWND',
+      value: "JWND",
     },
     {
-      zb: '压力',
-      sz: '5MPa',
+      zb: "压力",
+      sz: "5MPa",
       szzt: false,
       zt: 1, //0预警 1 正常
-      value: 'YL',
+      value: "YL",
     },
     {
-      zb: '温度',
-      sz: '25C°',
+      zb: "温度",
+      sz: "25C°",
       szzt: true,
       zt: 1, //0预警 1 正常
-      value: 'WD',
+      value: "WD",
     },
   ],
   YJChangeData: [
     {
-      name: '综合',
+      name: "综合",
       id: 1,
     },
     {
-      name: '压力',
+      name: "压力",
       id: 2,
     },
     {
-      name: '温度',
+      name: "温度",
       id: 3,
     },
   ],
@@ -266,51 +318,51 @@
   //辅助决策
   JCData: [
     {
-      qy: '宝塔区凤凰山街道二道街',
-      tz: '压力监测异常波动',
+      qy: "宝塔区凤凰山街道二道街",
+      tz: "压力监测异常波动",
       sj: 5,
-      yp: '设施故障',
-      value: '001', //语音识别内容编码-前段自己设置的,后期项目有接口就直接替换数据唯一id
+      yp: "设施故障",
+      value: "001", //语音识别内容编码-前段自己设置的,后期项目有接口就直接替换数据唯一id
     },
     {
-      qy: '宝塔区凤凰山街道二道街',
-      tz: '燃气管道压力过大',
+      qy: "宝塔区凤凰山街道二道街",
+      tz: "燃气管道压力过大",
       sj: 5,
-      yp: '燃气爆管风险',
-      value: '002',
+      yp: "燃气爆管风险",
+      value: "002",
     },
     {
-      qy: '宝塔区凤凰山街道二道街',
-      tz: '高峰期流量持续降低',
+      qy: "宝塔区凤凰山街道二道街",
+      tz: "高峰期流量持续降低",
       sj: 4,
-      yp: '燃气泄漏风险',
-      value: '003',
+      yp: "燃气泄漏风险",
+      value: "003",
     },
   ],
   // 巡查反馈
   XCFKData: [
     {
-      name: '堆放杂物',
+      name: "堆放杂物",
       num1: 20,
       num2: 80,
     },
     {
-      name: '设备丢失',
+      name: "设备丢失",
       num1: 12,
       num2: 88,
     },
     {
-      name: '下陷',
+      name: "下陷",
       num1: 32,
       num2: 68,
     },
     {
-      name: '异变',
+      name: "异变",
       num1: 30,
       num2: 70,
     },
     {
-      name: '其他',
+      name: "其他",
       num1: 20,
       num2: 80,
     },
@@ -318,35 +370,35 @@
   // 顶部表格数据
   TopTableData: [
     {
-      sj: '2024-09-26 10:00:29',
-      mx: '燃气常规检查发现泄漏',
-      dd: '宝塔区凤凰山街道二道街',
+      sj: "2024-09-26 10:00:29",
+      mx: "燃气常规检查发现泄漏",
+      dd: "宝塔区凤凰山街道二道街",
       zt: 0, //0未处理 1已处理
-      dw: '延安市燃气总公司',
+      dw: "延安市燃气总公司",
       value: null,
     },
     {
-      sj: '2024-09-27 16:10:248',
-      mx: '燃气常规检查发现泄漏',
-      dd: '宝塔区凤凰山街道二道街',
+      sj: "2024-09-27 16:10:248",
+      mx: "燃气常规检查发现泄漏",
+      dd: "宝塔区凤凰山街道二道街",
       zt: 1, //0未处理 1已处理
-      dw: '延安市燃气总公司',
+      dw: "延安市燃气总公司",
       value: null,
     },
     {
-      sj: '2024-09-26 10:00:29',
-      mx: '燃气常规检查发现泄漏',
-      dd: '宝塔区凤凰山街道二道街',
+      sj: "2024-09-26 10:00:29",
+      mx: "燃气常规检查发现泄漏",
+      dd: "宝塔区凤凰山街道二道街",
       zt: 0, //0未处理 1已处理
-      dw: '延安市燃气总公司',
+      dw: "延安市燃气总公司",
       value: null,
     },
     {
-      sj: '2024-09-27 16:10:248',
-      mx: '燃气常规检查发现泄漏',
-      dd: '宝塔区凤凰山街道二道街',
+      sj: "2024-09-27 16:10:248",
+      mx: "燃气常规检查发现泄漏",
+      dd: "宝塔区凤凰山街道二道街",
       zt: 1, //0未处理 1已处理
-      dw: '延安市燃气总公司',
+      dw: "延安市燃气总公司",
       value: null,
     },
   ],
@@ -363,7 +415,7 @@
   },
 });
 // 初始化预警统计的Echarts
-const initEcharts = id => {
+const initEcharts = (id) => {
   AllData.YJChangeIndex = id;
   let Data1 = [];
   let Data2 = [];
@@ -383,41 +435,41 @@
   if (!!myChart.value) {
     myChart.value.dispose();
   }
-  myChart.value = echarts.init(document.getElementById('YJEchartsBox'));
-  myChart.value.off('click');
+  myChart.value = echarts.init(document.getElementById("YJEchartsBox"));
+  myChart.value.off("click");
   myChart.value.setOption({
-    color: ['#18A7F2', '#1AF7AA'],
+    color: ["#18A7F2", "#1AF7AA"],
     tooltip: {
-      trigger: 'axis',
+      trigger: "axis",
     },
     grid: {
-      top: '30%',
-      left: '3%',
-      right: '4%',
-      bottom: '3%',
+      top: "30%",
+      left: "3%",
+      right: "4%",
+      bottom: "3%",
       containLabel: true,
     },
     legend: {
-      data: ['预警次数', '持续时长'],
+      data: ["预警次数", "持续时长"],
       textStyle: {
-        color: '#fffd', // 图例文字颜色
+        color: "#fffd", // 图例文字颜色
       },
-      x: '40',
-      y: '10',
+      x: "40",
+      y: "10",
     },
     xAxis: [
       {
-        type: 'category',
-        data: ['今日', '09/27', '09/26', '09/25', '09/24', '09/23', '09/22'],
+        type: "category",
+        data: ["今日", "09/27", "09/26", "09/25", "09/24", "09/23", "09/22"],
         axisPointer: {
-          type: 'shadow',
+          type: "shadow",
         },
         textStyle: {
-          color: '#EBFEFF',
+          color: "#EBFEFF",
         },
         axisLine: {
           lineStyle: {
-            color: '#EBFEFF',
+            color: "#EBFEFF",
           },
         },
         // boundaryGap: false,
@@ -425,57 +477,57 @@
     ],
     yAxis: [
       {
-        type: 'value',
-        name: '预警次数',
+        type: "value",
+        name: "预警次数",
         min: 0,
         max: 12,
         interval: 2,
         axisLabel: {
-          formatter: '{value}',
+          formatter: "{value}",
         },
         axisLine: {
           lineStyle: {
-            color: '#AAC1CF',
+            color: "#AAC1CF",
           },
         },
         splitLine: {
           lineStyle: {
             // 使用深浅的间隔色
-            color: ['#184E5A'],
+            color: ["#184E5A"],
           },
         },
       },
       {
-        type: 'value',
-        name: '持续时长',
+        type: "value",
+        name: "持续时长",
         min: 0,
         max: 30,
         interval: 5,
         axisLabel: {
-          formatter: '{value}',
+          formatter: "{value}",
         },
         axisLine: {
           lineStyle: {
-            color: '#AAC1CF',
+            color: "#AAC1CF",
           },
         },
         splitLine: {
           lineStyle: {
             // 使用深浅的间隔色
-            color: ['#184E5A'],
+            color: ["#184E5A"],
           },
         },
       },
     ],
     series: [
       {
-        name: '预警次数',
-        type: 'bar',
-        barWidth: '10px',
+        name: "预警次数",
+        type: "bar",
+        barWidth: "10px",
         showBackground: true,
         tooltip: {
           valueFormatter: function (value) {
-            return value + ' 次';
+            return value + " 次";
           },
         },
         itemStyle: {
@@ -485,12 +537,12 @@
         data: Data1,
       },
       {
-        name: '持续时长',
-        type: 'line',
+        name: "持续时长",
+        type: "line",
         yAxisIndex: 1,
         tooltip: {
           valueFormatter: function (value) {
-            return value + 'min';
+            return value + "min";
           },
         },
         areaStyle: {
@@ -498,11 +550,11 @@
           color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
             {
               offset: 0,
-              color: '#1AF7AA',
+              color: "#1AF7AA",
             },
             {
               offset: 1,
-              color: '#1AF7AA00',
+              color: "#1AF7AA00",
             },
           ]),
         },
@@ -511,19 +563,19 @@
       },
     ],
   });
-  myChart.value.on('click', param => {
+  myChart.value.on("click", (param) => {
     console.log(param);
     let data = {
-      title: '风险监测',
-      comIDs: ['RQ_FengXianJianCe'],
+      title: "风险监测",
+      comIDs: ["RQ_FengXianJianCe"],
     };
-    bus.emit('publicDialog', data);
+    bus.emit("publicDialog", data);
     let a = {
-      value: '全部',
-      endTime: '2024-10-05',
+      value: "全部",
+      endTime: "2024-10-05",
     };
     setTimeout(() => {
-      bus.emit('getDataListFxjc', a);
+      bus.emit("getDataListFxjc", a);
     }, 500);
   });
 
@@ -537,7 +589,7 @@
     i++;
     if (i == length) i = 0;
     myChart.value.dispatchAction({
-      type: 'showTip',
+      type: "showTip",
       seriesIndex: 0,
       dataIndex: i,
     });
@@ -554,14 +606,14 @@
   return `width:${widthNum}%`;
 };
 // 工单派发
-const GongDanPaiFa = item => {
+const GongDanPaiFa = (item) => {
   console.log(item);
   let data = {
     title: item.qy,
-    comIDs: ['gdpf'],
+    comIDs: ["gdpf"],
     getSiteId: item.value,
   };
-  bus.emit('publicDialog', data);
+  bus.emit("publicDialog", data);
 };
 // // 风险
 // const FengXianClick = (item) => {
@@ -573,52 +625,56 @@
 //   bus.emit("publicDialog", data);
 // };
 // 风险监测派发
-const PaiFa = item => {
+const PaiFa = (item) => {
   console.log(item);
   let data = {
-    title: '智慧外呼',
-    comIDs: ['RQ_ZhiHuiWaiHu'],
+    title: "智慧外呼",
+    comIDs: ["RQ_ZhiHuiWaiHu"],
     getSiteId: item.value,
   };
-  bus.emit('publicDialog', data);
+  bus.emit("publicDialog", data);
 };
 //巡查反馈处理、未处理
-const dealOrNoDeal = item => {
+const dealOrNoDeal = (item) => {
   AllData.xunChaStatic = item;
   newfiberMapbox.map.easeTo({
     center: [109.488, 36.596],
     zoom: 12,
     pitch: 55,
   });
-  bus.emit('removeMapDatas', ['warning_monitor']);
+  bus.emit("removeMapDatas", ["warning_monitor"]);
   if (item == 1) {
-    let removedLayer = AllData.xunChaLayers.filter(layer => layer.includes('noDeal'));
-    let selectedLayer = AllData.xunChaLayers.filter(layer => layer.includes('alreadyDeal'));
-    bus.emit('removeMapDatas', AllData.xunChaLayers);
-    bus.emit('setGeoJSON', { json: zaWuDuiFang, key: 'alreadyDeal_DF' });
-    bus.emit('setGeoJSON', { json: sheBeiLost, key: 'alreadyDeal_DS' });
-    bus.emit('setGeoJSON', { json: xiaXian, key: 'alreadyDeal_XX' });
-    bus.emit('setGeoJSON', { json: yiBian, key: 'alreadyDeal_YB' });
-    bus.emit('setGeoJSON', { json: rq_QiTa, key: 'alreadyDeal_QT' });
-    selectedLayer.forEach(layer => {
-      bus.emit('setLayerVisible', { layername: layer, isCheck: true });
+    let removedLayer = AllData.xunChaLayers.filter((layer) => layer.includes("noDeal"));
+    let selectedLayer = AllData.xunChaLayers.filter((layer) =>
+      layer.includes("alreadyDeal")
+    );
+    bus.emit("removeMapDatas", AllData.xunChaLayers);
+    bus.emit("setGeoJSON", { json: zaWuDuiFang, key: "alreadyDeal_DF" });
+    bus.emit("setGeoJSON", { json: sheBeiLost, key: "alreadyDeal_DS" });
+    bus.emit("setGeoJSON", { json: xiaXian, key: "alreadyDeal_XX" });
+    bus.emit("setGeoJSON", { json: yiBian, key: "alreadyDeal_YB" });
+    bus.emit("setGeoJSON", { json: rq_QiTa, key: "alreadyDeal_QT" });
+    selectedLayer.forEach((layer) => {
+      bus.emit("setLayerVisible", { layername: layer, isCheck: true });
     });
   } else {
-    let removedLayer = AllData.xunChaLayers.filter(layer => layer.includes('alreadyDeal'));
-    let selectedLayer = AllData.xunChaLayers.filter(layer => layer.includes('noDeal'));
-    bus.emit('removeMapDatas', AllData.xunChaLayers);
-    bus.emit('setGeoJSON', { json: no_zaWuDuiFang, key: 'onDeal_DF' });
-    bus.emit('setGeoJSON', { json: no_sheBeiLost, key: 'onDeal_DS' });
-    bus.emit('setGeoJSON', { json: no_xiaXian, key: 'onDeal_XX' });
-    bus.emit('setGeoJSON', { json: no_yiBian, key: 'onDeal_YB' });
-    bus.emit('setGeoJSON', { json: no_rq_QiTa, key: 'onDeal_QT' });
-    selectedLayer.forEach(layer => {
-      bus.emit('setLayerVisible', { layername: layer, isCheck: true });
+    let removedLayer = AllData.xunChaLayers.filter((layer) =>
+      layer.includes("alreadyDeal")
+    );
+    let selectedLayer = AllData.xunChaLayers.filter((layer) => layer.includes("noDeal"));
+    bus.emit("removeMapDatas", AllData.xunChaLayers);
+    bus.emit("setGeoJSON", { json: no_zaWuDuiFang, key: "onDeal_DF" });
+    bus.emit("setGeoJSON", { json: no_sheBeiLost, key: "onDeal_DS" });
+    bus.emit("setGeoJSON", { json: no_xiaXian, key: "onDeal_XX" });
+    bus.emit("setGeoJSON", { json: no_yiBian, key: "onDeal_YB" });
+    bus.emit("setGeoJSON", { json: no_rq_QiTa, key: "onDeal_QT" });
+    selectedLayer.forEach((layer) => {
+      bus.emit("setLayerVisible", { layername: layer, isCheck: true });
     });
   }
 };
 // 巡查反馈
-const XunChaFanKui = item => {
+const XunChaFanKui = (item) => {
   let removedLayer = [];
   let selectedLayer = [];
   newfiberMapbox.map.easeTo({
@@ -627,60 +683,80 @@
     pitch: 55,
   });
   switch (item.name) {
-    case '堆放杂物':
-      removedLayer = AllData.xunChaLayers.filter(layer => layer != 'alreadyDeal_DF' && layer != 'noDeal_DF');
-      selectedLayer = AllData.xunChaLayers.filter(layer => layer == 'alreadyDeal_DF' || layer == 'noDeal_DF');
-      selectedLayer.forEach(layer => {
-        bus.emit('setLayerVisible', { layername: layer, isCheck: true });
+    case "堆放杂物":
+      removedLayer = AllData.xunChaLayers.filter(
+        (layer) => layer != "alreadyDeal_DF" && layer != "noDeal_DF"
+      );
+      selectedLayer = AllData.xunChaLayers.filter(
+        (layer) => layer == "alreadyDeal_DF" || layer == "noDeal_DF"
+      );
+      selectedLayer.forEach((layer) => {
+        bus.emit("setLayerVisible", { layername: layer, isCheck: true });
       });
-      removedLayer.forEach(layer => {
-        bus.emit('setLayerVisible', { layername: layer, isCheck: false });
+      removedLayer.forEach((layer) => {
+        bus.emit("setLayerVisible", { layername: layer, isCheck: false });
       });
       break;
-    case '设备丢失':
-      removedLayer = AllData.xunChaLayers.filter(layer => layer != 'alreadyDeal_DS' && layer != 'noDeal_DS');
-      selectedLayer = AllData.xunChaLayers.filter(layer => layer == 'alreadyDeal_DS' || layer == 'noDeal_DS');
-      selectedLayer.forEach(layer => {
-        bus.emit('setLayerVisible', { layername: layer, isCheck: true });
+    case "设备丢失":
+      removedLayer = AllData.xunChaLayers.filter(
+        (layer) => layer != "alreadyDeal_DS" && layer != "noDeal_DS"
+      );
+      selectedLayer = AllData.xunChaLayers.filter(
+        (layer) => layer == "alreadyDeal_DS" || layer == "noDeal_DS"
+      );
+      selectedLayer.forEach((layer) => {
+        bus.emit("setLayerVisible", { layername: layer, isCheck: true });
       });
-      removedLayer.forEach(layer => {
-        bus.emit('setLayerVisible', { layername: layer, isCheck: false });
+      removedLayer.forEach((layer) => {
+        bus.emit("setLayerVisible", { layername: layer, isCheck: false });
       });
       break;
-    case '下陷':
-      removedLayer = AllData.xunChaLayers.filter(layer => layer != 'alreadyDeal_XX' && layer != 'noDeal_XX');
-      selectedLayer = AllData.xunChaLayers.filter(layer => layer == 'alreadyDeal_XX' || layer == 'noDeal_XX');
-      selectedLayer.forEach(layer => {
-        bus.emit('setLayerVisible', { layername: layer, isCheck: true });
+    case "下陷":
+      removedLayer = AllData.xunChaLayers.filter(
+        (layer) => layer != "alreadyDeal_XX" && layer != "noDeal_XX"
+      );
+      selectedLayer = AllData.xunChaLayers.filter(
+        (layer) => layer == "alreadyDeal_XX" || layer == "noDeal_XX"
+      );
+      selectedLayer.forEach((layer) => {
+        bus.emit("setLayerVisible", { layername: layer, isCheck: true });
       });
-      removedLayer.forEach(layer => {
-        bus.emit('setLayerVisible', { layername: layer, isCheck: false });
+      removedLayer.forEach((layer) => {
+        bus.emit("setLayerVisible", { layername: layer, isCheck: false });
       });
       break;
-    case '异变':
-      removedLayer = AllData.xunChaLayers.filter(layer => layer != 'alreadyDeal_YB' && layer != 'noDeal_YB');
-      selectedLayer = AllData.xunChaLayers.filter(layer => layer == 'alreadyDeal_YB' || layer == 'noDeal_YB');
-      selectedLayer.forEach(layer => {
-        bus.emit('setLayerVisible', { layername: layer, isCheck: true });
+    case "异变":
+      removedLayer = AllData.xunChaLayers.filter(
+        (layer) => layer != "alreadyDeal_YB" && layer != "noDeal_YB"
+      );
+      selectedLayer = AllData.xunChaLayers.filter(
+        (layer) => layer == "alreadyDeal_YB" || layer == "noDeal_YB"
+      );
+      selectedLayer.forEach((layer) => {
+        bus.emit("setLayerVisible", { layername: layer, isCheck: true });
       });
-      removedLayer.forEach(layer => {
-        bus.emit('setLayerVisible', { layername: layer, isCheck: false });
+      removedLayer.forEach((layer) => {
+        bus.emit("setLayerVisible", { layername: layer, isCheck: false });
       });
       break;
-    case '其他':
-      removedLayer = AllData.xunChaLayers.filter(layer => layer != 'alreadyDeal_QT' && layer != 'noDeal_QT');
-      selectedLayer = AllData.xunChaLayers.filter(layer => layer == 'alreadyDeal_QT' || layer == 'noDeal_QT');
-      selectedLayer.forEach(layer => {
-        bus.emit('setLayerVisible', { layername: layer, isCheck: true });
+    case "其他":
+      removedLayer = AllData.xunChaLayers.filter(
+        (layer) => layer != "alreadyDeal_QT" && layer != "noDeal_QT"
+      );
+      selectedLayer = AllData.xunChaLayers.filter(
+        (layer) => layer == "alreadyDeal_QT" || layer == "noDeal_QT"
+      );
+      selectedLayer.forEach((layer) => {
+        bus.emit("setLayerVisible", { layername: layer, isCheck: true });
       });
-      removedLayer.forEach(layer => {
-        bus.emit('setLayerVisible', { layername: layer, isCheck: false });
+      removedLayer.forEach((layer) => {
+        bus.emit("setLayerVisible", { layername: layer, isCheck: false });
       });
       break;
   }
 };
 // 风险评估
-const TuChengClick = item => {
+const TuChengClick = (item) => {
   newfiberMapbox.map.easeTo({
     center: [109.488, 36.596],
     zoom: 12,
@@ -688,61 +764,61 @@
   });
   switch (item) {
     case 0:
-      bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_TYLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_LGLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_other', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: true }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
+      bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_TYLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_LGLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_other", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_all", isCheck: true }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
       break;
     case 1:
-      bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
-      bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: true });
-      bus.emit('setLayerVisible', { layername: 'rq_TYLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_LGLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_other', isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_all", isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
+      bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: true });
+      bus.emit("setLayerVisible", { layername: "rq_TYLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_LGLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_other", isCheck: false });
       break;
     case 2:
-      bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
-      bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_TYLH', isCheck: true });
-      bus.emit('setLayerVisible', { layername: 'rq_LGLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_other', isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_all", isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
+      bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_TYLH", isCheck: true });
+      bus.emit("setLayerVisible", { layername: "rq_LGLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_other", isCheck: false });
 
       break;
     case 3:
-      bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
-      bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_TYLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_LGLH', isCheck: true });
-      bus.emit('setLayerVisible', { layername: 'rq_other', isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_all", isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
+      bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_TYLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_LGLH", isCheck: true });
+      bus.emit("setLayerVisible", { layername: "rq_other", isCheck: false });
       break;
     case 4:
-      bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
-      bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_TYLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_LGLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_other', isCheck: true });
+      bus.emit("setLayerVisible", { layername: "rq_all", isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
+      bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_TYLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_LGLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_other", isCheck: true });
       break;
   }
 };
 
 // 风险
-const FengXianClick = item => {
+const FengXianClick = (item) => {
   let data = {
-    title: item.zb + ' 风险监测',
-    comIDs: ['RQ_FengXianJianCe'],
+    title: item.zb + " 风险监测",
+    comIDs: ["RQ_FengXianJianCe"],
   };
-  bus.emit('publicDialog', data);
+  bus.emit("publicDialog", data);
   // 传给组件数据
 
   setTimeout(() => {
-    bus.emit('getDataListFxjc', item);
+    bus.emit("getDataListFxjc", item);
   }, 500);
 };
 
 // 现场连线
-const XianChangLianXian = item => {
-  bus.emit('OpenRY');
+const XianChangLianXian = (item) => {
+  bus.emit("OpenRY");
 };
 
 watch(
@@ -754,13 +830,14 @@
 );
 //燃气超标
 const showIndexOver = () => {
-  bus.emit('removeMapDatas', AllData.xunChaLayers);
-  let key = 'warning_monitor';
-  bus.emit('getGeojsonByType', {
+  bus.emit("removeMapDatas", AllData.xunChaLayers);
+  let key = "warning_monitor";
+  bus.emit("getGeojsonByType", {
     type: key,
-    callback: geojson => {
-      if (!!!geojson.features.length) bus.emit('setGeoJSON', { json: yanAnRQoverindex, key: 'warning_monitor' });
-      bus.emit('setLayerVisible', { type: 'point', layername: key, isCheck: true });
+    callback: (geojson) => {
+      if (!!!geojson.features.length)
+        bus.emit("setGeoJSON", { json: yanAnRQoverindex, key: "warning_monitor" });
+      bus.emit("setLayerVisible", { type: "point", layername: key, isCheck: true });
     },
   });
   newfiberMapbox.map.easeTo({
@@ -770,13 +847,14 @@
 };
 //燃气告警
 const showIndexWarning = () => {
-  bus.emit('removeMapDatas', AllData.xunChaLayers);
-  let key = 'warning_monitor';
-  bus.emit('getGeojsonByType', {
+  bus.emit("removeMapDatas", AllData.xunChaLayers);
+  let key = "warning_monitor";
+  bus.emit("getGeojsonByType", {
     type: key,
-    callback: geojson => {
-      if (!!!geojson.features.length) bus.emit('setGeoJSON', { json: yanAnWarring, key: 'warning_monitor' });
-      bus.emit('setLayerVisible', { type: 'point', layername: key, isCheck: true });
+    callback: (geojson) => {
+      if (!!!geojson.features.length)
+        bus.emit("setGeoJSON", { json: yanAnWarring, key: "warning_monitor" });
+      bus.emit("setLayerVisible", { type: "point", layername: key, isCheck: true });
     },
   });
   newfiberMapbox.map.easeTo({
@@ -787,45 +865,47 @@
 onMounted(() => {
   let initeRQTimer = setInterval(() => {
     if (!newfiberMapbox) return;
-    if (!newfiberMapbox.map.getLayer('rq_pipeline_info')) return;
-    if (!newfiberMapbox.map.getLayer('sx_ya_smx_rq_point')) return;
+    if (!newfiberMapbox.map.getLayer("rq_pipeline_info")) return;
+    if (!newfiberMapbox.map.getLayer("sx_ya_smx_rq_point")) return;
     newfiberMapbox.map.easeTo({
       center: [109.488, 36.596],
       zoom: 13,
     });
     //告警点事件
-    let warningPoint = newfiberMapbox.getLayers().filter(feature => feature.newfiberId == 'warning_monitor')[0];
+    let warningPoint = newfiberMapbox
+      .getLayers()
+      .filter((feature) => feature.newfiberId == "warning_monitor")[0];
     if (warningPoint) {
-      warningPoint.on('click', e => {
+      warningPoint.on("click", (e) => {
         let popupData = e.feature.properties;
 
-        console.log('popupData---', '告警---------', popupData);
+        console.log("popupData---", "告警---------", popupData);
       });
     }
-    bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: true }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
+    bus.emit("setLayerVisible", { layername: "rq_all", isCheck: true }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
 
     clearInterval(initeRQTimer);
   }, 100);
   initEcharts(1);
 });
 onBeforeUnmount(() => {
-  bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: false });
-  bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: false });
-  bus.emit('setLayerVisible', { layername: 'rq_TYLH', isCheck: false });
-  bus.emit('setLayerVisible', { layername: 'rq_LGLH', isCheck: false });
-  bus.emit('setLayerVisible', { layername: 'rq_other', isCheck: false });
-  bus.emit('removeMapDatas', AllData.xunChaLayers);
-  bus.emit('removeMapDatas', ['warning_monitor']);
-  bus.emit('setLayerVisible', { layername: 'warning_monitor', isCheck: false });
-  bus.emit('closeCesiumPopup');
-  if (!!newfiberMapbox.getLayerByName('rqLine')) {
-    newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('rqLine'));
+  bus.emit("setLayerVisible", { layername: "rq_all", isCheck: false });
+  bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: false });
+  bus.emit("setLayerVisible", { layername: "rq_TYLH", isCheck: false });
+  bus.emit("setLayerVisible", { layername: "rq_LGLH", isCheck: false });
+  bus.emit("setLayerVisible", { layername: "rq_other", isCheck: false });
+  bus.emit("removeMapDatas", AllData.xunChaLayers);
+  bus.emit("removeMapDatas", ["warning_monitor"]);
+  bus.emit("setLayerVisible", { layername: "warning_monitor", isCheck: false });
+  bus.emit("closeCesiumPopup");
+  if (!!newfiberMapbox.getLayerByName("rqLine")) {
+    newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("rqLine"));
   }
 });
 </script>
 
 <style lang="scss" scoped>
-@import '@/assets/styles/transition_oneMap.scss';
+@import "@/assets/styles/transition_oneMap.scss";
 #ZHRQ {
   .LeftBox {
     width: 450px;
@@ -833,7 +913,11 @@
     position: absolute;
     left: 10px;
     top: 70px;
-    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 69, 108, 0.8) 100%);
+    background: linear-gradient(
+      0deg,
+      rgba(0, 43, 67, 0.8) 0%,
+      rgba(0, 69, 108, 0.8) 100%
+    );
     border-radius: 6px;
     border: 1px solid #47eef3;
     box-sizing: border-box;
@@ -908,7 +992,7 @@
         width: 100%;
         height: calc(100% - 72px);
         margin-top: 10px;
-        background: url('@/assets/images/Sponge_screen/RQ/Ech.png') no-repeat center;
+        background: url("@/assets/images/Sponge_screen/RQ/Ech.png") no-repeat center;
         position: relative;
 
         .ClickDiv1 {
@@ -966,7 +1050,7 @@
           height: 42px;
           width: calc(50% - 9px);
           display: flex;
-          background: url('@/assets/images/Sponge_screen/RQ/RQ_FX.png') no-repeat center;
+          background: url("@/assets/images/Sponge_screen/RQ/RQ_FX.png") no-repeat center;
           background-size: 100% 100%;
           cursor: pointer;
 
@@ -1198,7 +1282,11 @@
     position: absolute;
     right: 10px;
     top: 70px;
-    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 69, 108, 0.8) 100%);
+    background: linear-gradient(
+      0deg,
+      rgba(0, 43, 67, 0.8) 0%,
+      rgba(0, 69, 108, 0.8) 100%
+    );
     border-radius: 6px;
     border: 1px solid #47eef3;
     box-sizing: border-box;
@@ -1356,7 +1444,11 @@
     position: absolute;
     left: 520px;
     top: 110px;
-    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 69, 108, 0.8) 100%);
+    background: linear-gradient(
+      0deg,
+      rgba(0, 43, 67, 0.8) 0%,
+      rgba(0, 69, 108, 0.8) 100%
+    );
     border-radius: 6px;
     border: 1px solid #47eef3;
     box-sizing: border-box;
@@ -1450,7 +1542,8 @@
     .Box_header {
       width: 100%;
       height: 43px;
-      background: url('@/assets/images/Sponge_screen/Box_HeaderBackground.png') no-repeat center;
+      background: url("@/assets/images/Sponge_screen/Box_HeaderBackground.png") no-repeat
+        center;
       background-size: cover;
       font-family: PangMenZhengDao;
       font-weight: 400;
diff --git a/src/views/oneMap/components/mapboxPopup.vue b/src/views/oneMap/components/mapboxPopup.vue
index 5e86020..95ec03f 100644
--- a/src/views/oneMap/components/mapboxPopup.vue
+++ b/src/views/oneMap/components/mapboxPopup.vue
@@ -2,16 +2,36 @@
   <!-- 厂站设施弹窗 -->
   <div class="cesiumPopup" id="cesiumPopupID" v-show="allData.popupShow">
     <div class="title">
-      <div class="titleNamePP" v-if="allData.dataList.pumpName">{{ allData.dataList.pumpName }}</div>
-      <div class="titleNamePP" v-if="allData.dataList.sewageName">{{ allData.dataList.sewageName }}</div>
-      <div class="titleNamePP" v-if="allData.dataList.roadName">{{ allData.dataList.roadName }}</div>
-      <div class="titleNamePP" v-if="allData.dataList.stName">{{ allData.dataList.stName }}</div>
-      <div class="titleNamePP" v-if="allData.dataList.waterloggingName">{{ allData.dataList.waterloggingName }}</div>
-      <div class="titleNamePP" v-if="allData.dataList.materialName">{{ allData.dataList.materialName }}</div>
-      <div class="titleNamePP" v-if="allData.dataList.起点号">{{ allData.dataList.起点号 }}</div>
-      <div class="titleNamePP" v-if="allData.dataList.编号">{{ allData.dataList.编号 }}</div>
-      <div class="titleNamePP" v-if="allData.dataList.devicename">{{ allData.dataList.devicename }}</div>
-      <div class="titleNamePP" v-if="allData.dataList.name">{{ allData.dataList.name }}</div>
+      <div class="titleNamePP" v-if="allData.dataList.pumpName">
+        {{ allData.dataList.pumpName }}
+      </div>
+      <div class="titleNamePP" v-if="allData.dataList.sewageName">
+        {{ allData.dataList.sewageName }}
+      </div>
+      <div class="titleNamePP" v-if="allData.dataList.roadName">
+        {{ allData.dataList.roadName }}
+      </div>
+      <div class="titleNamePP" v-if="allData.dataList.stName">
+        {{ allData.dataList.stName }}
+      </div>
+      <div class="titleNamePP" v-if="allData.dataList.waterloggingName">
+        {{ allData.dataList.waterloggingName }}
+      </div>
+      <div class="titleNamePP" v-if="allData.dataList.materialName">
+        {{ allData.dataList.materialName }}
+      </div>
+      <div class="titleNamePP" v-if="allData.dataList.起点号">
+        {{ allData.dataList.起点号 }}
+      </div>
+      <div class="titleNamePP" v-if="allData.dataList.编号">
+        {{ allData.dataList.编号 }}
+      </div>
+      <div class="titleNamePP" v-if="allData.dataList.devicename">
+        {{ allData.dataList.devicename }}
+      </div>
+      <div class="titleNamePP" v-if="allData.dataList.name">
+        {{ allData.dataList.name }}
+      </div>
 
       <div class="PopupClosed">
         <el-icon :size="18" @click="closePopupCES"><Close /></el-icon>
@@ -27,11 +47,11 @@
           <div class="contentName">厂站类型：</div>
           <div class="contentValue">
             {{
-              allData.dataList.pumpType == 'rain_water'
-                ? '雨水泵站'
-                : allData.dataList.pumpType == 'sewage_water'
-                ? '污水泵站'
-                : '雨污合建'
+              allData.dataList.pumpType == "rain_water"
+                ? "雨水泵站"
+                : allData.dataList.pumpType == "sewage_water"
+                ? "污水泵站"
+                : "雨污合建"
             }}
           </div>
         </div>
@@ -40,21 +60,33 @@
           <div class="contentValue">{{ allData.dataList.buildArea }} ㎡</div>
           <div class="contentName">设计规模：</div>
           <div class="contentValue">
-            {{ allData.dataList.rainpump.designScaleSecond || allData.dataList.sweagepump.designScaleSecond || '--' }}
+            {{
+              allData.dataList.rainpump.designScaleSecond ||
+              allData.dataList.sweagepump.designScaleSecond ||
+              "--"
+            }}
             m³/s
           </div>
         </div>
         <div class="contentInfo">
           <div class="contentName">泵机台数：</div>
           <div class="contentValue">
-            {{ allData.dataList.rainpump.deviceCount || allData.dataList.sweagepump.deviceCount || '--' }}台
+            {{
+              allData.dataList.rainpump.deviceCount ||
+              allData.dataList.sweagepump.deviceCount ||
+              "--"
+            }}台
           </div>
           <div class="contentName">建设单位：</div>
-          <div class="contentValue" :title="allData.dataList.unitDep">{{ allData.dataList.unitDep }}</div>
+          <div class="contentValue" :title="allData.dataList.unitDep">
+            {{ allData.dataList.unitDep }}
+          </div>
         </div>
         <div class="contentInfo" style="width: 100%">
           <div class="contentName">地址：</div>
-          <div class="contentValue" style="width: 100%">{{ allData.dataList.address }}</div>
+          <div class="contentValue" style="width: 100%">
+            {{ allData.dataList.address }}
+          </div>
         </div>
       </div>
     </div>
@@ -70,7 +102,9 @@
         </div>
         <div class="contentInfo">
           <div class="contentName">核心工艺：</div>
-          <div class="contentValue" style="width: 100%">{{ allData.dataList.workmanship }}</div>
+          <div class="contentValue" style="width: 100%">
+            {{ allData.dataList.workmanship }}
+          </div>
         </div>
         <div class="contentInfo">
           <div class="contentName">设计规模：</div>
@@ -80,7 +114,9 @@
         </div>
         <div class="contentInfo">
           <div class="contentName">地址：</div>
-          <div class="contentValue" style="width: 100%">{{ allData.dataList.address }}</div>
+          <div class="contentValue" style="width: 100%">
+            {{ allData.dataList.address }}
+          </div>
         </div>
       </div>
     </div>
@@ -132,8 +168,18 @@
           style="width: 200px"
           @change="changeDate"
         />
-        <el-select v-model="selectCode" style="margin: -7px 0px 0px 10px; width: 150px" size="small" @change="changeRainType">
-          <el-option v-for="item in dataOption" :key="item.value" :label="item.label" :value="item.value" />
+        <el-select
+          v-model="selectCode"
+          style="margin: -7px 0px 0px 10px; width: 150px"
+          size="small"
+          @change="changeRainType"
+        >
+          <el-option
+            v-for="item in dataOption"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
         </el-select>
         <div id="chartPopupRainC"></div>
       </div>
@@ -247,30 +293,33 @@
 </template>
 
 <script setup name="CesiumPopup">
-import bus from '@/bus';
+import bus from "@/bus";
 //import chartOption from '@/components/Echarts/pieChart_1.js';
 //import { graphicReport, getoneRiverRisk } from '@/api/dataAnalysis/syntherticData';
-import * as echarts from 'echarts';
+import * as echarts from "echarts";
 
 const { proxy } = getCurrentInstance();
 const allData = reactive({
   dataList: {},
   popupShow: false,
-  dateTime: [proxy.moment(new Date()).subtract(7, 'days').format('YYYY-MM-DD'), proxy.moment().format('YYYY-MM-DD')],
+  dateTime: [
+    proxy.moment(new Date()).subtract(7, "days").format("YYYY-MM-DD"),
+    proxy.moment().format("YYYY-MM-DD"),
+  ],
 });
 const dataOption = ref([]);
 const selectData = ref([]);
-const selectCode = ref('');
-const seleceName = ref('');
-const unitName = ref('');
+const selectCode = ref("");
+const seleceName = ref("");
+const unitName = ref("");
 const propertyMonitorXList = ref([]);
 const realRiverVal = ref(0);
 
 //
 function closePopupCES() {
   allData.popupShow = false;
-  if (!!newfiberMapbox.getLayerByName('rqLine')) {
-    newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('rqLine'));
+  if (!!newfiberMapbox.getLayerByName("rqLine")) {
+    newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("rqLine"));
   }
   // 取消之后回到中心点
   // newfiberMapbox.map.easeTo({
@@ -285,17 +334,17 @@
 function changeDateJSD() {
   setTimeout(() => {
     if (!!chartJSD) chartJSD.dispose();
-    chartJSD = echarts.init(document.getElementById('chartHistoryJSD'));
-    chartOption.popupRainTrend.legend.data = ['水深'];
-    chartOption.popupRainTrend.yAxis.name = 'm';
+    chartJSD = echarts.init(document.getElementById("chartHistoryJSD"));
+    chartOption.popupRainTrend.legend.data = ["水深"];
+    chartOption.popupRainTrend.yAxis.name = "m";
     chartOption.popupRainTrend.xAxis.data = [
-      '2024-07-12 12:30:20',
-      '2024-07-12 13:30:20',
-      '2024-07-12 14:30:20',
-      '2024-07-12 15:30:20',
+      "2024-07-12 12:30:20",
+      "2024-07-12 13:30:20",
+      "2024-07-12 14:30:20",
+      "2024-07-12 15:30:20",
     ];
     chartOption.popupRainTrend.xAxis.boundaryGap = true;
-    chartOption.popupRainTrend.series.name = '水深';
+    chartOption.popupRainTrend.series.name = "水深";
     chartOption.popupRainTrend.series.barWidth = 10;
     chartOption.popupRainTrend.series.data = [0.23, 0.3, 0.25, 0.18];
     // 设置鼠标滚轮放大缩小展示数据区间
@@ -363,7 +412,7 @@
 let chartPopupRain = null;
 const initEchartsPopup = () => {
   if (!!chartPopupRain) chartPopupRain.dispose();
-  chartPopupRain = echarts.init(document.getElementById('chartPopupRainC'));
+  chartPopupRain = echarts.init(document.getElementById("chartPopupRainC"));
   chartOption.popupRainTrend.legend.data = [seleceName.value];
   chartOption.popupRainTrend.yAxis.name = unitName.value;
   chartOption.popupRainTrend.xAxis.data = propertyMonitorXList.value;
@@ -371,7 +420,10 @@
   chartOption.popupRainTrend.series.data = selectData.value;
   // 设置鼠标滚轮放大缩小展示数据区间
   chartOption.popupRainTrend.dataZoom = [
-    { type: 'inside', startValue: propertyMonitorXList.value[propertyMonitorXList.value.length / 2] },
+    {
+      type: "inside",
+      startValue: propertyMonitorXList.value[propertyMonitorXList.value.length / 2],
+    },
   ];
   if (propertyMonitorXList.value.length > 0) {
     chartOption.popupRainTrend.graphic.invisible = true; //暂无数据
@@ -382,9 +434,9 @@
   chartPopupRain.setOption(chartOption.popupRainTrend);
 };
 // 切换因子点击
-const changeRainType = val => {
+const changeRainType = (val) => {
   selectCode.value = val;
-  let obj = dataOption.value.filter(item => item.value == val)[0];
+  let obj = dataOption.value.filter((item) => item.value == val)[0];
   selectCode.value = obj.value;
   seleceName.value = obj.label;
   unitName.value = obj.propertyUnit;
@@ -428,26 +480,28 @@
 //巡查反馈派发
 const submitControl = () => {
   let data = {
-    comIDs: ['gdpf'],
+    comIDs: ["gdpf"],
   };
-  bus.emit('publicDialog', data);
+  bus.emit("publicDialog", data);
 };
 onMounted(() => {
-  bus.on('closeCesiumPopup', () => {
+  bus.on("closeCesiumPopup", () => {
     allData.popupShow = false;
-    if (!!newfiberMapbox.getLayerByName('rqLine')) {
-      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('rqLine'));
+    if (!!newfiberMapbox.getLayerByName("rqLine")) {
+      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("rqLine"));
     }
   });
-  bus.on('popupcontent', params => {
-    console.log('popup接收地图标注点值---111', params);
+  bus.on("popupcontent", (params) => {
+    console.log("popup接收地图标注点值---111", params);
     allData.dataList = params.popupInfo;
-    let pipePopupDiv = document.getElementById('cesiumPopupID');
+    let pipePopupDiv = document.getElementById("cesiumPopupID");
 
     let popupCenter, center, offsets;
     if (allData.dataList.geometry) {
-      if (allData.dataList.geometry.includes('LINESTRING')) {
-        popupCenter = turf.center(turf.feature(Terraformer.WKT.parse(allData.dataList.geometry))).geometry.coordinates;
+      if (allData.dataList.geometry.includes("LINESTRING")) {
+        popupCenter = turf.center(
+          turf.feature(Terraformer.WKT.parse(allData.dataList.geometry))
+        ).geometry.coordinates;
       } else {
         popupCenter = Terraformer.WKT.parse(allData.dataList.geometry).coordinates;
       }
@@ -465,7 +519,7 @@
         lng: popupCenter[0],
         lat: popupCenter[1],
       },
-      anchor: 'center',
+      anchor: "center",
       offsets: [-90, 130],
       autoClose: false,
     });
@@ -476,25 +530,25 @@
     });
     allData.popupShow = true;
     // 建筑社区弹框
-    if (params.popupInfo.type == 'HMJZYSQ') {
+    if (params.popupInfo.type == "HMJZYSQ") {
       allData.popupShow = false;
       let data = {
         title: params.popupInfo.name,
-        comIDs: ['xxinformation'],
+        comIDs: ["xxinformation"],
       };
-      bus.emit('publicDialog', data);
+      bus.emit("publicDialog", data);
       setTimeout(() => {
-        bus.emit('xxinformationList', params);
+        bus.emit("xxinformationList", params);
       }, 100);
     }
-    if (allData.dataList.siteType == 'rain') changeDate(); //雨量站曲线图
-    if (allData.dataList.type == 'waterCourse') changeDateSW(); //河道水位计
-    if (allData.dataList.type == 'waterLoging') changeDateJSD(); //内涝积水点
+    if (allData.dataList.siteType == "rain") changeDate(); //雨量站曲线图
+    if (allData.dataList.type == "waterCourse") changeDateSW(); //河道水位计
+    if (allData.dataList.type == "waterLoging") changeDateJSD(); //内涝积水点
   });
 });
 onBeforeUnmount(() => {
-  bus.off('popupcontent');
-  bus.off('closeCesiumPopup');
+  bus.off("popupcontent");
+  bus.off("closeCesiumPopup");
 });
 </script>
 <style lang="scss">
@@ -520,7 +574,8 @@
     margin-top: 10px;
   }
   .title {
-    background: url('@/assets/images/Sponge_screen/Box_HeaderBackground.png') no-repeat center;
+    background: url("@/assets/images/Sponge_screen/Box_HeaderBackground.png") no-repeat
+      center;
     background-size: cover;
     display: flex;
     align-items: center;

diff --git a/src/views/DialogTabs/component/ShiPingJianKong.vue b/src/views/DialogTabs/component/ShiPingJianKong.vue
index a02cecf..9dbaa6a 100644
--- a/src/views/DialogTabs/component/ShiPingJianKong.vue
+++ b/src/views/DialogTabs/component/ShiPingJianKong.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="ShiPingJianKong">
-    <div id="LeftBox">
+    <!-- <div id="LeftBox">
       <div class="LeftType">
         <div
           class="TypeBtn"
@@ -167,7 +167,7 @@
           />
         </div>
       </div>
-    </div>
+    </div> -->
     <div id="VideoBox">
       <HKVideo
         v-if="AllData.DataOK"
@@ -593,7 +593,8 @@
     }
   }
   #VideoBox {
-    width: calc(100% - 415px);
+    // width: calc(100% - 415px);
+    width: 100%;
     height: 100%;
     float: left;
   }
diff --git a/src/views/oneMap/LayerControl/LayerControl.vue b/src/views/oneMap/LayerControl/LayerControl.vue
index ed850cc..cb2d83f 100644
--- a/src/views/oneMap/LayerControl/LayerControl.vue
+++ b/src/views/oneMap/LayerControl/LayerControl.vue
@@ -26,29 +26,29 @@
 </template>
 
 <script setup name="LayerControl">
-import { ref, reactive, toRefs, onMounted } from 'vue';
+import { ref, reactive, toRefs, onMounted } from "vue";
 // 图层控制icon引入
-import { requireTuChengImg } from '@/utils/util';
-import yanAnPaiShuiArea from '@/assets/yanAnPaiShuiArea.json';
-import yanAnRoad from '@/assets/yanAnRoad.json';
-import yanAnWater from '@/assets/yanAnWater.json';
-import yanAnWSCLC from '@/assets/yanAnWSCLC.json';
-import yanAnCenterCity from '@/assets/yanAnCenterCity.json';
-import yanAnYSBZ from '@/assets/yanAnYSBZ.json';
-import yanAnYiLao from '@/assets/yanAnYiLao.json';
-import yanAnFengXian from '@/assets/yanAnFengXian.json';
-import yanAnPipeSupervise from '@/assets/yanAnPipeSupervise.json';
-import yanAnPKSupervise from '@/assets/yanAnPKSupervise.json';
-import yanAnNature from '@/assets/yanAnNature.json';
-import yanAnVideo from '@/assets/yanAnVideo.json';
-import yanAnMountain from '@/assets/yanAnMountain.json';
-import yanAnSmallWater from '@/assets/yanAnSmallWater.json';
-import yanAnRainArea from '@/assets/yanAnRainArea.json';
-import heDiJiaGu from '@/assets/heDiJiaGu.json';
-import heDiShuJun from '@/assets/heDiShuJun.json';
-import anXianGaiZao from '@/assets/anXianGaiZao.json';
-import bus from '@/bus';
-import mapBoxVectorLayer from '@/utils/GISdocument/mapboxVectorLayer.js';
+import { requireTuChengImg } from "@/utils/util";
+import yanAnPaiShuiArea from "@/assets/yanAnPaiShuiArea.json";
+import yanAnRoad from "@/assets/yanAnRoad.json";
+import yanAnWater from "@/assets/yanAnWater.json";
+import yanAnWSCLC from "@/assets/yanAnWSCLC.json";
+import yanAnCenterCity from "@/assets/yanAnCenterCity.json";
+import yanAnYSBZ from "@/assets/yanAnYSBZ.json";
+import yanAnYiLao from "@/assets/yanAnYiLao.json";
+import yanAnFengXian from "@/assets/yanAnFengXian.json";
+import yanAnPipeSupervise from "@/assets/yanAnPipeSupervise.json";
+import yanAnPKSupervise from "@/assets/yanAnPKSupervise.json";
+import yanAnNature from "@/assets/yanAnNature.json";
+import yanAnVideo from "@/assets/yanAnVideo.json";
+import yanAnMountain from "@/assets/yanAnMountain.json";
+import yanAnSmallWater from "@/assets/yanAnSmallWater.json";
+import yanAnRainArea from "@/assets/yanAnRainArea.json";
+import heDiJiaGu from "@/assets/heDiJiaGu.json";
+import heDiShuJun from "@/assets/heDiShuJun.json";
+import anXianGaiZao from "@/assets/anXianGaiZao.json";
+import bus from "@/bus";
+import mapBoxVectorLayer from "@/utils/GISdocument/mapboxVectorLayer.js";
 const AllData = reactive({
   // 图层控制面板的渲染数据
   /**图层面板数据字段说明
@@ -61,141 +61,141 @@
    */
   LayerData: [
     {
-      title: '基本信息',
+      title: "基本信息",
       children: [
         {
-          layerName: '中心城区',
-          layerKey: 'centerCity',
-          layerIcon: requireTuChengImg('zhongxinchengqu'),
+          layerName: "中心城区",
+          layerKey: "centerCity",
+          layerIcon: requireTuChengImg("zhongxinchengqu"),
           layerVisible: false,
           dynamicLineData: yanAnCenterCity,
         },
         {
-          layerName: '路网',
-          layerKey: 'road',
-          layerIcon: '',
-          layerVisible: false,
+          layerName: "路网",
+          layerKey: "road",
+          layerIcon: "",
+          layerVisible: true,
           dynamicLineData: yanAnRoad,
         },
         {
-          layerName: '河流水系',
-          layerKey: 'waterLake',
-          layerIcon: '',
-          layerVisible: false,
+          layerName: "河流水系",
+          layerKey: "waterLake",
+          layerIcon: "",
+          layerVisible: true,
           dynamicLineData: yanAnWater,
         },
         {
-          layerName: '防洪河道',
-          layerKey: 'fangHongWater',
-          layerIcon: '',
+          layerName: "防洪河道",
+          layerKey: "fangHongWater",
+          layerIcon: "",
           layerVisible: false,
           lineWithLabel: yanAnSmallWater,
         },
         {
-          layerName: '河堤疏浚',
-          layerKey: 'heDiShuJun',
-          layerIcon: '',
+          layerName: "河堤疏浚",
+          layerKey: "heDiShuJun",
+          layerIcon: "",
           layerVisible: false,
           lineWithLabel: heDiShuJun,
         },
         {
-          layerName: '河堤加固',
-          layerKey: 'heDiJiaGu',
-          layerIcon: '',
+          layerName: "河堤加固",
+          layerKey: "heDiJiaGu",
+          layerIcon: "",
           layerVisible: false,
           lineWithLabel: heDiJiaGu,
         },
         {
-          layerName: '岸线改造',
-          layerKey: 'anXianGaiZao',
-          layerIcon: '',
+          layerName: "岸线改造",
+          layerKey: "anXianGaiZao",
+          layerIcon: "",
           layerVisible: false,
           lineWithLabel: anXianGaiZao,
         },
         {
-          layerName: '河堤治理',
-          layerKey: 'heDiZhiLi',
-          layerIcon: '',
+          layerName: "河堤治理",
+          layerKey: "heDiZhiLi",
+          layerIcon: "",
           layerVisible: false,
           lineWithLabel: anXianGaiZao,
         },
         {
-          layerName: '空间格局',
-          layerKey: 'yanAnNature',
-          layerIcon: '',
+          layerName: "空间格局",
+          layerKey: "yanAnNature",
+          layerIcon: "",
           layerVisible: false,
           areaData: yanAnNature,
         },
         {
-          layerName: '山体修复',
-          layerKey: 'yanAnMountain',
-          layerIcon: '',
+          layerName: "山体修复",
+          layerKey: "yanAnMountain",
+          layerIcon: "",
           layerVisible: false,
           lineWithLabel: yanAnMountain,
         },
       ],
     },
     {
-      title: '燃气系统',
+      title: "燃气系统",
       children: [
         {
-          layerName: '燃气管网',
-          layerKey: 'rq_all',
+          layerName: "燃气管网",
+          layerKey: "rq_all",
           layerIcon: null,
           layerVisible: false,
         },
         {
-          layerName: '调压器',
-          layerKey: 'tiaoYaQi',
+          layerName: "调压器",
+          layerKey: "tiaoYaQi",
           layerIcon: null,
           layerVisible: false,
         },
         {
-          layerName: '节点',
-          layerKey: 'rq_jieDian',
+          layerName: "节点",
+          layerKey: "rq_jieDian",
           layerIcon: null,
           layerVisible: false,
         },
         {
-          layerName: '极性保护',
-          layerKey: 'jiXingBaoHu',
+          layerName: "极性保护",
+          layerKey: "jiXingBaoHu",
           layerIcon: null,
           layerVisible: false,
         },
         {
-          layerName: '流量计',
-          layerKey: 'rq_liuLiangJi',
+          layerName: "流量计",
+          layerKey: "rq_liuLiangJi",
           layerIcon: null,
           layerVisible: false,
         },
         {
-          layerName: '未知设备',
-          layerKey: 'rq_unknow',
+          layerName: "未知设备",
+          layerKey: "rq_unknow",
           layerIcon: null,
           layerVisible: false,
         },
       ],
     },
     {
-      title: '雨水系统',
+      title: "雨水系统",
       children: [
         {
-          layerName: '雨水分区',
-          layerKey: 'rainArea',
+          layerName: "雨水分区",
+          layerKey: "rainArea",
           layerIcon: null,
           layerVisible: false,
           areaData: yanAnRainArea,
         },
         {
-          layerName: '排水分区',
-          layerKey: 'paishuiArea',
+          layerName: "排水分区",
+          layerKey: "paishuiArea",
           layerIcon: null,
           layerVisible: false,
           areaData: yanAnPaiShuiArea,
         },
         {
-          layerName: '雨水管网',
-          layerKey: 'ysLine1',
+          layerName: "雨水管网",
+          layerKey: "ysLine1",
           layerIcon: null,
           layerVisible: false,
         },
@@ -206,8 +206,8 @@
         //   layerVisible: false,
         // },
         {
-          layerName: '雨水泵站',
-          layerKey: 'YSBZ',
+          layerName: "雨水泵站",
+          layerKey: "YSBZ",
           layerIcon: null,
           layerVisible: false,
           data: yanAnYSBZ,
@@ -215,17 +215,17 @@
       ],
     },
     {
-      title: '污水系统',
+      title: "污水系统",
       children: [
         {
-          layerName: '污水分区',
-          layerKey: 'sewageArea',
+          layerName: "污水分区",
+          layerKey: "sewageArea",
           layerIcon: null,
           layerVisible: false,
         },
         {
-          layerName: '污水管网',
-          layerKey: 'wsLine1',
+          layerName: "污水管网",
+          layerKey: "wsLine1",
           layerIcon: null,
           layerVisible: false,
         },
@@ -242,8 +242,8 @@
         //   layerVisible: false,
         // },
         {
-          layerName: '污水处理厂',
-          layerKey: 'WSCLC',
+          layerName: "污水处理厂",
+          layerKey: "WSCLC",
           layerIcon: null,
           layerVisible: false,
           data: yanAnWSCLC,
@@ -251,39 +251,39 @@
       ],
     },
     {
-      title: '感知设备',
+      title: "感知设备",
       children: [
         {
-          layerName: '内涝易涝点',
-          layerKey: 'yiLaoPoint',
+          layerName: "内涝易涝点",
+          layerKey: "yiLaoPoint",
           layerIcon: null,
           layerVisible: false,
           data: yanAnYiLao,
         },
         {
-          layerName: '内涝风险点',
-          layerKey: 'fengXianPoint',
+          layerName: "内涝风险点",
+          layerKey: "fengXianPoint",
           layerIcon: null,
           layerVisible: false,
           data: yanAnFengXian,
         },
         {
-          layerName: '排水管网监测',
-          layerKey: 'pipeSupervise',
+          layerName: "排水管网监测",
+          layerKey: "pipeSupervise",
           layerIcon: null,
           layerVisible: false,
           data: yanAnPipeSupervise,
         },
         {
-          layerName: '排水排口监测',
-          layerKey: 'PKsupervise',
+          layerName: "排水排口监测",
+          layerKey: "PKsupervise",
           layerIcon: null,
           layerVisible: false,
           data: yanAnPKSupervise,
         },
         {
-          layerName: '视频监测',
-          layerKey: 'video',
+          layerName: "视频监测",
+          layerKey: "video",
           layerIcon: null,
           layerVisible: false,
           data: yanAnVideo,
@@ -298,10 +298,10 @@
     .concat(AllData.LayerData[2].children)
     .concat(AllData.LayerData[3].children)
     .concat(AllData.LayerData[4].children);
-  initeLegend.forEach(element => {
+  initeLegend.forEach((element) => {
     element.layername = element.layerKey;
   });
-  bus.emit('setLegendData', initeLegend);
+  bus.emit("setLegendData", initeLegend);
 });
 const props = defineProps({
   ShowTuCheng: false,
@@ -310,35 +310,37 @@
 watch(
   () => props.ShowTuCheng,
   (newValue, oldValue) => {
-    console.log('ShowTuCheng变化了', newValue, oldValue);
+    console.log("ShowTuCheng变化了", newValue, oldValue);
   },
   { immediate: true, deep: true }
 );
 
-const layerClick = item2 => {
+const layerClick = (item2) => {
   item2.layerVisible = !item2.layerVisible;
   item2.isCheck = item2.layerVisible;
-  console.info(`点击了名称为${item2.layerName},图层ID为${item2.layerKey}的图层,点击后的图层展示情况为${item2.layerVisible}`);
-  bus.emit('setLayerVisible', { layername: item2.layerKey, isCheck: item2.isCheck });
+  console.info(
+    `点击了名称为${item2.layerName},图层ID为${item2.layerKey}的图层,点击后的图层展示情况为${item2.layerVisible}`
+  );
+  bus.emit("setLayerVisible", { layername: item2.layerKey, isCheck: item2.isCheck });
   if (item2.areaData) {
     if (item2.isCheck) {
       mapBoxVectorLayer.addGeojsonPolygonWithLabel(item2.layerKey, item2.areaData);
     } else {
-      mapBoxVectorLayer.removeByIds([item2.layerKey, item2.layerKey + '_label']);
+      mapBoxVectorLayer.removeByIds([item2.layerKey, item2.layerKey + "_label"]);
     }
   }
   if (item2.lineWithLabel) {
     if (item2.isCheck) {
       mapBoxVectorLayer.addGeojsonLineWithLabel(item2.layerKey, item2.lineWithLabel);
-      if (item2.layerKey == 'fangHongWater') {
+      if (item2.layerKey == "fangHongWater") {
         let layer = new mapboxL7.LineLayer({
-          name: 'fangHongWater',
+          name: "fangHongWater",
         })
           .source(item2.lineWithLabel)
           .size(3)
-          .shape('line')
-          .texture('arrow')
-          .color('rgba(243, 26, 237,1)')
+          .shape("line")
+          .texture("arrow")
+          .color("rgba(243, 26, 237,1)")
           .animate({
             interval: 2, // 间隔
             duration: 3, // 持续时间，延时
@@ -349,29 +351,29 @@
             lineTexture: true, // 开启线的贴图功能
             iconStep: 200, // 设置贴图纹理的间距
             borderWidth: 0.4, // 默认文 0，最大有效值为 0.5
-            borderColor: '#fff', // 默认为 #ccc
+            borderColor: "#fff", // 默认为 #ccc
           });
         newfiberMapbox.addLayer(layer);
       }
     } else {
-      mapBoxVectorLayer.removeByIds([item2.layerKey, item2.layerKey + '_label']);
-      if (newfiberMapbox.getLayerByName('fangHongWater')) {
-        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('fangHongWater'));
+      mapBoxVectorLayer.removeByIds([item2.layerKey, item2.layerKey + "_label"]);
+      if (newfiberMapbox.getLayerByName("fangHongWater")) {
+        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("fangHongWater"));
       }
     }
   }
-  if (item2.layerKey == 'road') {
+  if (item2.layerKey == "road") {
     if (item2.isCheck) {
-      if (newfiberMapbox.getLayerByName('dynamicRoad')) {
-        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('dynamicRoad'));
+      if (newfiberMapbox.getLayerByName("dynamicRoad")) {
+        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("dynamicRoad"));
       }
       let layer = new mapboxL7.LineLayer({
-        name: 'dynamicRoad',
+        name: "dynamicRoad",
       })
         .source(item2.dynamicLineData)
         .size(1.3)
-        .shape('line')
-        .color('rgb(184, 184, 184)')
+        .shape("line")
+        .color("rgb(184, 184, 184)")
         .animate({
           interval: 1, // 间隔
           duration: 1.5, // 持续时间，延时
@@ -382,22 +384,22 @@
         });
       newfiberMapbox.addLayer(layer);
     } else {
-      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('dynamicRoad'));
+      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("dynamicRoad"));
     }
   }
-  if (item2.layerKey == 'waterLake') {
+  if (item2.layerKey == "waterLake") {
     if (item2.isCheck) {
-      if (newfiberMapbox.getLayerByName('waterLake')) {
-        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('waterLake'));
+      if (newfiberMapbox.getLayerByName("waterLake")) {
+        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("waterLake"));
       }
       let layer = new mapboxL7.LineLayer({
-        name: 'waterLake',
+        name: "waterLake",
       })
         .source(item2.dynamicLineData)
         .size(4)
-        .shape('line')
-        .texture('arrow')
-        .color('aqua')
+        .shape("line")
+        .texture("arrow")
+        .color("aqua")
         .animate({
           interval: 2, // 间隔
           duration: 3, // 持续时间，延时
@@ -408,29 +410,29 @@
           lineTexture: true, // 开启线的贴图功能
           iconStep: 200, // 设置贴图纹理的间距
           borderWidth: 0.4, // 默认文 0，最大有效值为 0.5
-          borderColor: '#fff', // 默认为 #ccc
+          borderColor: "#fff", // 默认为 #ccc
         });
       newfiberMapbox.addLayer(layer);
     } else {
-      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('waterLake'));
+      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("waterLake"));
     }
   }
-  if (item2.layerKey == 'centerCity') {
+  if (item2.layerKey == "centerCity") {
     if (item2.isCheck) {
-      mapBoxVectorLayer.addGeojsonLine('centerCity', item2.dynamicLineData, 4, 1, 0.5);
+      mapBoxVectorLayer.addGeojsonLine("centerCity", item2.dynamicLineData, 4, 1, 0.5);
     } else {
-      mapBoxVectorLayer.removeByIds(['centerCity']);
+      mapBoxVectorLayer.removeByIds(["centerCity"]);
     }
   }
 };
 onMounted(() => {
   // 清除所有的图层选中
-  bus.on('clearAllLayer', () => {
-    AllData.LayerData.forEach(data => {
-      data.children.map(item => {
+  bus.on("clearAllLayer", () => {
+    AllData.LayerData.forEach((data) => {
+      data.children.map((item) => {
         // item.layerVisible = true;
         // 做优化,全局为True,再执行隐藏工作,页面调用api太多了,这里应该只将展示的图层进行取消操作就行
-        item.layerVisible ? layerClick(item) : '';
+        item.layerVisible ? layerClick(item) : "";
       });
     });
   });
@@ -438,17 +440,17 @@
   /**控制图层的显示
    *@param LayerArraya:需要打开的图层名称,示例:["路网","中心城区"]
    */
-  bus.on('SetLayerShow', LayerArraya => {
-    AllData.LayerData.forEach(data => {
-      data.children.map(item => {
-        LayerArraya.includes(item.layerName) ? layerClick(item) : '';
+  bus.on("SetLayerShow", (LayerArraya) => {
+    AllData.LayerData.forEach((data) => {
+      data.children.map((item) => {
+        LayerArraya.includes(item.layerName) ? layerClick(item) : "";
       });
     });
   });
 });
 onBeforeUnmount(() => {
-  bus.off('clearAllLayer');
-  bus.off('SetLayerShow');
+  bus.off("clearAllLayer");
+  bus.off("SetLayerShow");
 });
 </script>
 
@@ -459,7 +461,7 @@
   position: absolute;
   top: 150px;
   right: 476px;
-  background: url('@/assets/images/Sponge_screen/TuChengBG.png') no-repeat center;
+  background: url("@/assets/images/Sponge_screen/TuChengBG.png") no-repeat center;
   background-size: contain;
   box-sizing: border-box;
   padding: 25px 0px;
@@ -475,7 +477,7 @@
       width: 190px;
       height: 25px;
       line-height: 25px;
-      background-image: url('@/assets/images/Sponge_screen/TuChengFenZuBG.png'),
+      background-image: url("@/assets/images/Sponge_screen/TuChengFenZuBG.png"),
         linear-gradient(to right, #1c899600, #1c8996, #1c899600);
       background-repeat: no-repeat;
       background-position: center;
diff --git a/src/views/oneMap/components/ZHRQ.vue b/src/views/oneMap/components/ZHRQ.vue
index 234b9ad..c6a102b 100644
--- a/src/views/oneMap/components/ZHRQ.vue
+++ b/src/views/oneMap/components/ZHRQ.vue
@@ -1,17 +1,31 @@
 <template>
   <div id="ZHRQ">
-    <div :class="['LeftBox', 'animate__animated', showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft']">
+    <div
+      :class="[
+        'LeftBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft',
+      ]"
+    >
       <div class="ComBox LeftBox1_1">
         <div class="Box_header">管道风险评估</div>
         <div class="Box_Body">
           <div class="TJListBox">
             <div class="TJList TJList_RQ" @click="TuChengClick(0)">
-              <img class="TJListImg" src="@/assets/images/Sponge_screen/RQ/RQ_RQ.png" alt="" />
+              <img
+                class="TJListImg"
+                src="@/assets/images/Sponge_screen/RQ/RQ_RQ.png"
+                alt=""
+              />
               <span class="TJListName">燃气管道</span>
               <span class="TJListValue">4549km</span>
             </div>
             <div class="TJList TJList_GZ">
-              <img class="TJListImg" src="@/assets/images/Sponge_screen/RQ/RQ_GZ.png" alt="" />
+              <img
+                class="TJListImg"
+                src="@/assets/images/Sponge_screen/RQ/RQ_GZ.png"
+                alt=""
+              />
               <span class="TJListName">需改造</span>
               <span class="TJListValue">1922km</span>
             </div>
@@ -57,7 +71,9 @@
             </div>
             <div class="tableBody">
               <div class="tableBodyList" v-for="item in AllData.FXJCData">
-                <span class="tableBodyList_span1" @click="FengXianClick(item)">{{ item.zb }}</span>
+                <span class="tableBodyList_span1" @click="FengXianClick(item)">{{
+                  item.zb
+                }}</span>
                 <span class="tableBodyList_span2" @click="FengXianClick(item)"
                   >{{ item.sz }}
                   <el-icon v-if="item.szzt" color="lime" size="14"><Top /> </el-icon>
@@ -65,9 +81,11 @@
                     <Bottom />
                   </el-icon>
                 </span>
-                <span class="tableBodyList_span3" :class="item.zt == 0 ? 'YJClass' : ''">{{
-                  item.zt == 0 ? '预警' : '正常'
-                }}</span>
+                <span
+                  class="tableBodyList_span3"
+                  :class="item.zt == 0 ? 'YJClass' : ''"
+                  >{{ item.zt == 0 ? "预警" : "正常" }}</span
+                >
                 <span class="tableBodyList_span4" @click="PaiFa(item)">派发</span>
               </div>
             </div>
@@ -92,7 +110,13 @@
         </div>
       </div>
     </div>
-    <div :class="['RightBox', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']">
+    <div
+      :class="[
+        'RightBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight',
+      ]"
+    >
       <div class="ComBox RightBox1_1">
         <div class="Box_header">辅助决策</div>
         <div class="Box_Body">
@@ -114,10 +138,16 @@
               <span class="JCListBox_List_value color_red">{{ item.yp }}</span>
             </div>
             <div class="JCListBox_List JCListBox_List_BTN">
-              <el-button style="background: #03b6a0; color: white; border: none" size="small" @click="GongDanPaiFa(item)"
+              <el-button
+                style="background: #03b6a0; color: white; border: none"
+                size="small"
+                @click="GongDanPaiFa(item)"
                 >工单派发</el-button
               >
-              <el-button style="background: #03b6a0; color: white; border: none" size="small" @click="XianChangLianXian(item)"
+              <el-button
+                style="background: #03b6a0; color: white; border: none"
+                size="small"
+                @click="XianChangLianXian(item)"
                 >现场联线</el-button
               >
             </div>
@@ -128,12 +158,18 @@
         <div class="Box_header">巡查反馈</div>
         <div class="Box_Body">
           <div class="FK_headerBox">
-            <div class="FK_headerBox_list" @click="dealOrNoDeal(1)"><span class="FK_headerBox_list_colorBox1"></span> 未处理</div>
-            <div class="FK_headerBox_list" @click="dealOrNoDeal(2)"><span class="FK_headerBox_list_colorBox2"></span> 已处理</div>
+            <div class="FK_headerBox_list" @click="dealOrNoDeal(1)">
+              <span class="FK_headerBox_list_colorBox1"></span> 未处理
+            </div>
+            <div class="FK_headerBox_list" @click="dealOrNoDeal(2)">
+              <span class="FK_headerBox_list_colorBox2"></span> 已处理
+            </div>
           </div>
           <div class="FK_bodyBox">
             <div class="FK_bodyBox_list" v-for="item in AllData.XCFKData">
-              <span class="FK_bodyBox_list_label" @click="XunChaFanKui(item)">{{ item.name }}</span>
+              <span class="FK_bodyBox_list_label" @click="XunChaFanKui(item)">{{
+                item.name
+              }}</span>
               <div class="FK_BigBox">
                 <div class="FK_CenBox1" :style="getWidth(item, 1)">{{ item.num1 }}</div>
                 <div class="FK_CenBox2" :style="getWidth(item, 2)">{{ item.num2 }}</div>
@@ -143,7 +179,13 @@
         </div>
       </div>
     </div>
-    <div :class="['TopBox', 'animate__animated', showPanel ? 'animate__fadeOutUp' : 'animate__fadeInDown']">
+    <div
+      :class="[
+        'TopBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutUp' : 'animate__fadeInDown',
+      ]"
+    >
       <div class="TopTableHeader">
         <span class="TopTableListSpan TopTableListSpan1">时间</span>
         <span class="TopTableListSpan TopTableListSpan2">事件明细</span>
@@ -153,7 +195,12 @@
         <span class="TopTableListSpan TopTableListSpan6">督办</span>
       </div>
       <!-- <div class="TopTableBody"> -->
-      <Vue3SeamlessScroll :list="AllData.TopTableData" :singleHeight="34" :hover="true" class="TopTableBody">
+      <Vue3SeamlessScroll
+        :list="AllData.TopTableData"
+        :singleHeight="34"
+        :hover="true"
+        class="TopTableBody"
+      >
         <div class="TopTableBody_list" v-for="item in AllData.TopTableData">
           <span class="TopTableListSpan TopTableListSpan1">{{ item.sj }}</span>
           <span class="TopTableListSpan TopTableListSpan2">{{ item.mx }}</span>
@@ -161,7 +208,12 @@
           <span class="TopTableListSpan TopTableListSpan4">{{ item.zt }}</span>
           <span class="TopTableListSpan TopTableListSpan5">{{ item.dw }}</span>
           <span class="TopTableListSpan TopTableListSpan6">
-            <img class="TopTableListSpanImg2" src="@/assets/images/Sponge_screen/RQ/RQ_XX.png" alt="" @click="PaiFa(item)" />
+            <img
+              class="TopTableListSpanImg2"
+              src="@/assets/images/Sponge_screen/RQ/RQ_XX.png"
+              alt=""
+              @click="PaiFa(item)"
+            />
             <img
               class="TopTableListSpanImg"
               src="@/assets/images/Sponge_screen/RQ/RQ_SP.png"
@@ -177,49 +229,49 @@
 </template>
 
 <script setup name="ZHRQ">
-import { ref, reactive, toRefs, onMounted, onBeforeUnmount, nextTick } from 'vue';
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount, nextTick } from "vue";
 
-import * as echarts from 'echarts';
-import bus from '@/bus';
-import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
-import sheBeiLost from '@/assets/sheBeiLost.json';
-import xiaXian from '@/assets/xiaXian.json';
-import yiBian from '@/assets/yiBian.json';
-import zaWuDuiFang from '@/assets/zaWuDuiFang.json';
-import rq_QiTa from '@/assets/rq_QiTa.json';
-import no_sheBeiLost from '@/assets/no_sheBeiLost.json';
-import no_xiaXian from '@/assets/no_xiaXian.json';
-import no_yiBian from '@/assets/no_yiBian.json';
-import no_zaWuDuiFang from '@/assets/no_zaWuDuiFang.json';
-import no_rq_QiTa from '@/assets/no_rq_QiTa.json';
-import yanAnRQoverindex from '@/assets/yanAnRQoverindex.json';
-import yanAnWarring from '@/assets/yanAnWarring.json';
+import * as echarts from "echarts";
+import bus from "@/bus";
+import { Vue3SeamlessScroll } from "vue3-seamless-scroll";
+import sheBeiLost from "@/assets/sheBeiLost.json";
+import xiaXian from "@/assets/xiaXian.json";
+import yiBian from "@/assets/yiBian.json";
+import zaWuDuiFang from "@/assets/zaWuDuiFang.json";
+import rq_QiTa from "@/assets/rq_QiTa.json";
+import no_sheBeiLost from "@/assets/no_sheBeiLost.json";
+import no_xiaXian from "@/assets/no_xiaXian.json";
+import no_yiBian from "@/assets/no_yiBian.json";
+import no_zaWuDuiFang from "@/assets/no_zaWuDuiFang.json";
+import no_rq_QiTa from "@/assets/no_rq_QiTa.json";
+import yanAnRQoverindex from "@/assets/yanAnRQoverindex.json";
+import yanAnWarring from "@/assets/yanAnWarring.json";
 
 const AllData = reactive({
   xunChaStatic: null,
   xunChaLayers: [
-    'alreadyDeal_DF',
-    'alreadyDeal_DS',
-    'alreadyDeal_XX',
-    'alreadyDeal_YB',
-    'alreadyDeal_QT',
-    'noDeal_DF',
-    'noDeal_DS',
-    'noDeall_XX',
-    'noDeal_YB',
-    'noDeal_QT',
+    "alreadyDeal_DF",
+    "alreadyDeal_DS",
+    "alreadyDeal_XX",
+    "alreadyDeal_YB",
+    "alreadyDeal_QT",
+    "noDeal_DF",
+    "noDeal_DS",
+    "noDeall_XX",
+    "noDeal_YB",
+    "noDeal_QT",
   ],
   ChangeData: [
     {
-      name: '枣园',
+      name: "枣园",
       id: 1,
     },
     {
-      name: '杨家湾',
+      name: "杨家湾",
       id: 2,
     },
     {
-      name: '丰富川',
+      name: "丰富川",
       id: 3,
     },
   ],
@@ -227,38 +279,38 @@
   // 风险监测
   FXJCData: [
     {
-      zb: '甲烷浓度',
-      sz: '3%',
+      zb: "甲烷浓度",
+      sz: "3%",
       szzt: true,
       zt: 0, //0预警 1 正常
-      value: 'JWND',
+      value: "JWND",
     },
     {
-      zb: '压力',
-      sz: '5MPa',
+      zb: "压力",
+      sz: "5MPa",
       szzt: false,
       zt: 1, //0预警 1 正常
-      value: 'YL',
+      value: "YL",
     },
     {
-      zb: '温度',
-      sz: '25C°',
+      zb: "温度",
+      sz: "25C°",
       szzt: true,
       zt: 1, //0预警 1 正常
-      value: 'WD',
+      value: "WD",
     },
   ],
   YJChangeData: [
     {
-      name: '综合',
+      name: "综合",
       id: 1,
     },
     {
-      name: '压力',
+      name: "压力",
       id: 2,
     },
     {
-      name: '温度',
+      name: "温度",
       id: 3,
     },
   ],
@@ -266,51 +318,51 @@
   //辅助决策
   JCData: [
     {
-      qy: '宝塔区凤凰山街道二道街',
-      tz: '压力监测异常波动',
+      qy: "宝塔区凤凰山街道二道街",
+      tz: "压力监测异常波动",
       sj: 5,
-      yp: '设施故障',
-      value: '001', //语音识别内容编码-前段自己设置的,后期项目有接口就直接替换数据唯一id
+      yp: "设施故障",
+      value: "001", //语音识别内容编码-前段自己设置的,后期项目有接口就直接替换数据唯一id
     },
     {
-      qy: '宝塔区凤凰山街道二道街',
-      tz: '燃气管道压力过大',
+      qy: "宝塔区凤凰山街道二道街",
+      tz: "燃气管道压力过大",
       sj: 5,
-      yp: '燃气爆管风险',
-      value: '002',
+      yp: "燃气爆管风险",
+      value: "002",
     },
     {
-      qy: '宝塔区凤凰山街道二道街',
-      tz: '高峰期流量持续降低',
+      qy: "宝塔区凤凰山街道二道街",
+      tz: "高峰期流量持续降低",
       sj: 4,
-      yp: '燃气泄漏风险',
-      value: '003',
+      yp: "燃气泄漏风险",
+      value: "003",
     },
   ],
   // 巡查反馈
   XCFKData: [
     {
-      name: '堆放杂物',
+      name: "堆放杂物",
       num1: 20,
       num2: 80,
     },
     {
-      name: '设备丢失',
+      name: "设备丢失",
       num1: 12,
       num2: 88,
     },
     {
-      name: '下陷',
+      name: "下陷",
       num1: 32,
       num2: 68,
     },
     {
-      name: '异变',
+      name: "异变",
       num1: 30,
       num2: 70,
     },
     {
-      name: '其他',
+      name: "其他",
       num1: 20,
       num2: 80,
     },
@@ -318,35 +370,35 @@
   // 顶部表格数据
   TopTableData: [
     {
-      sj: '2024-09-26 10:00:29',
-      mx: '燃气常规检查发现泄漏',
-      dd: '宝塔区凤凰山街道二道街',
+      sj: "2024-09-26 10:00:29",
+      mx: "燃气常规检查发现泄漏",
+      dd: "宝塔区凤凰山街道二道街",
       zt: 0, //0未处理 1已处理
-      dw: '延安市燃气总公司',
+      dw: "延安市燃气总公司",
       value: null,
     },
     {
-      sj: '2024-09-27 16:10:248',
-      mx: '燃气常规检查发现泄漏',
-      dd: '宝塔区凤凰山街道二道街',
+      sj: "2024-09-27 16:10:248",
+      mx: "燃气常规检查发现泄漏",
+      dd: "宝塔区凤凰山街道二道街",
       zt: 1, //0未处理 1已处理
-      dw: '延安市燃气总公司',
+      dw: "延安市燃气总公司",
       value: null,
     },
     {
-      sj: '2024-09-26 10:00:29',
-      mx: '燃气常规检查发现泄漏',
-      dd: '宝塔区凤凰山街道二道街',
+      sj: "2024-09-26 10:00:29",
+      mx: "燃气常规检查发现泄漏",
+      dd: "宝塔区凤凰山街道二道街",
       zt: 0, //0未处理 1已处理
-      dw: '延安市燃气总公司',
+      dw: "延安市燃气总公司",
       value: null,
     },
     {
-      sj: '2024-09-27 16:10:248',
-      mx: '燃气常规检查发现泄漏',
-      dd: '宝塔区凤凰山街道二道街',
+      sj: "2024-09-27 16:10:248",
+      mx: "燃气常规检查发现泄漏",
+      dd: "宝塔区凤凰山街道二道街",
       zt: 1, //0未处理 1已处理
-      dw: '延安市燃气总公司',
+      dw: "延安市燃气总公司",
       value: null,
     },
   ],
@@ -363,7 +415,7 @@
   },
 });
 // 初始化预警统计的Echarts
-const initEcharts = id => {
+const initEcharts = (id) => {
   AllData.YJChangeIndex = id;
   let Data1 = [];
   let Data2 = [];
@@ -383,41 +435,41 @@
   if (!!myChart.value) {
     myChart.value.dispose();
   }
-  myChart.value = echarts.init(document.getElementById('YJEchartsBox'));
-  myChart.value.off('click');
+  myChart.value = echarts.init(document.getElementById("YJEchartsBox"));
+  myChart.value.off("click");
   myChart.value.setOption({
-    color: ['#18A7F2', '#1AF7AA'],
+    color: ["#18A7F2", "#1AF7AA"],
     tooltip: {
-      trigger: 'axis',
+      trigger: "axis",
     },
     grid: {
-      top: '30%',
-      left: '3%',
-      right: '4%',
-      bottom: '3%',
+      top: "30%",
+      left: "3%",
+      right: "4%",
+      bottom: "3%",
       containLabel: true,
     },
     legend: {
-      data: ['预警次数', '持续时长'],
+      data: ["预警次数", "持续时长"],
       textStyle: {
-        color: '#fffd', // 图例文字颜色
+        color: "#fffd", // 图例文字颜色
       },
-      x: '40',
-      y: '10',
+      x: "40",
+      y: "10",
     },
     xAxis: [
       {
-        type: 'category',
-        data: ['今日', '09/27', '09/26', '09/25', '09/24', '09/23', '09/22'],
+        type: "category",
+        data: ["今日", "09/27", "09/26", "09/25", "09/24", "09/23", "09/22"],
         axisPointer: {
-          type: 'shadow',
+          type: "shadow",
         },
         textStyle: {
-          color: '#EBFEFF',
+          color: "#EBFEFF",
         },
         axisLine: {
           lineStyle: {
-            color: '#EBFEFF',
+            color: "#EBFEFF",
           },
         },
         // boundaryGap: false,
@@ -425,57 +477,57 @@
     ],
     yAxis: [
       {
-        type: 'value',
-        name: '预警次数',
+        type: "value",
+        name: "预警次数",
         min: 0,
         max: 12,
         interval: 2,
         axisLabel: {
-          formatter: '{value}',
+          formatter: "{value}",
         },
         axisLine: {
           lineStyle: {
-            color: '#AAC1CF',
+            color: "#AAC1CF",
           },
         },
         splitLine: {
           lineStyle: {
             // 使用深浅的间隔色
-            color: ['#184E5A'],
+            color: ["#184E5A"],
           },
         },
       },
       {
-        type: 'value',
-        name: '持续时长',
+        type: "value",
+        name: "持续时长",
         min: 0,
         max: 30,
         interval: 5,
         axisLabel: {
-          formatter: '{value}',
+          formatter: "{value}",
         },
         axisLine: {
           lineStyle: {
-            color: '#AAC1CF',
+            color: "#AAC1CF",
           },
         },
         splitLine: {
           lineStyle: {
             // 使用深浅的间隔色
-            color: ['#184E5A'],
+            color: ["#184E5A"],
           },
         },
       },
     ],
     series: [
       {
-        name: '预警次数',
-        type: 'bar',
-        barWidth: '10px',
+        name: "预警次数",
+        type: "bar",
+        barWidth: "10px",
         showBackground: true,
         tooltip: {
           valueFormatter: function (value) {
-            return value + ' 次';
+            return value + " 次";
           },
         },
         itemStyle: {
@@ -485,12 +537,12 @@
         data: Data1,
       },
       {
-        name: '持续时长',
-        type: 'line',
+        name: "持续时长",
+        type: "line",
         yAxisIndex: 1,
         tooltip: {
           valueFormatter: function (value) {
-            return value + 'min';
+            return value + "min";
           },
         },
         areaStyle: {
@@ -498,11 +550,11 @@
           color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
             {
               offset: 0,
-              color: '#1AF7AA',
+              color: "#1AF7AA",
             },
             {
               offset: 1,
-              color: '#1AF7AA00',
+              color: "#1AF7AA00",
             },
           ]),
         },
@@ -511,19 +563,19 @@
       },
     ],
   });
-  myChart.value.on('click', param => {
+  myChart.value.on("click", (param) => {
     console.log(param);
     let data = {
-      title: '风险监测',
-      comIDs: ['RQ_FengXianJianCe'],
+      title: "风险监测",
+      comIDs: ["RQ_FengXianJianCe"],
     };
-    bus.emit('publicDialog', data);
+    bus.emit("publicDialog", data);
     let a = {
-      value: '全部',
-      endTime: '2024-10-05',
+      value: "全部",
+      endTime: "2024-10-05",
     };
     setTimeout(() => {
-      bus.emit('getDataListFxjc', a);
+      bus.emit("getDataListFxjc", a);
     }, 500);
   });
 
@@ -537,7 +589,7 @@
     i++;
     if (i == length) i = 0;
     myChart.value.dispatchAction({
-      type: 'showTip',
+      type: "showTip",
       seriesIndex: 0,
       dataIndex: i,
     });
@@ -554,14 +606,14 @@
   return `width:${widthNum}%`;
 };
 // 工单派发
-const GongDanPaiFa = item => {
+const GongDanPaiFa = (item) => {
   console.log(item);
   let data = {
     title: item.qy,
-    comIDs: ['gdpf'],
+    comIDs: ["gdpf"],
     getSiteId: item.value,
   };
-  bus.emit('publicDialog', data);
+  bus.emit("publicDialog", data);
 };
 // // 风险
 // const FengXianClick = (item) => {
@@ -573,52 +625,56 @@
 //   bus.emit("publicDialog", data);
 // };
 // 风险监测派发
-const PaiFa = item => {
+const PaiFa = (item) => {
   console.log(item);
   let data = {
-    title: '智慧外呼',
-    comIDs: ['RQ_ZhiHuiWaiHu'],
+    title: "智慧外呼",
+    comIDs: ["RQ_ZhiHuiWaiHu"],
     getSiteId: item.value,
   };
-  bus.emit('publicDialog', data);
+  bus.emit("publicDialog", data);
 };
 //巡查反馈处理、未处理
-const dealOrNoDeal = item => {
+const dealOrNoDeal = (item) => {
   AllData.xunChaStatic = item;
   newfiberMapbox.map.easeTo({
     center: [109.488, 36.596],
     zoom: 12,
     pitch: 55,
   });
-  bus.emit('removeMapDatas', ['warning_monitor']);
+  bus.emit("removeMapDatas", ["warning_monitor"]);
   if (item == 1) {
-    let removedLayer = AllData.xunChaLayers.filter(layer => layer.includes('noDeal'));
-    let selectedLayer = AllData.xunChaLayers.filter(layer => layer.includes('alreadyDeal'));
-    bus.emit('removeMapDatas', AllData.xunChaLayers);
-    bus.emit('setGeoJSON', { json: zaWuDuiFang, key: 'alreadyDeal_DF' });
-    bus.emit('setGeoJSON', { json: sheBeiLost, key: 'alreadyDeal_DS' });
-    bus.emit('setGeoJSON', { json: xiaXian, key: 'alreadyDeal_XX' });
-    bus.emit('setGeoJSON', { json: yiBian, key: 'alreadyDeal_YB' });
-    bus.emit('setGeoJSON', { json: rq_QiTa, key: 'alreadyDeal_QT' });
-    selectedLayer.forEach(layer => {
-      bus.emit('setLayerVisible', { layername: layer, isCheck: true });
+    let removedLayer = AllData.xunChaLayers.filter((layer) => layer.includes("noDeal"));
+    let selectedLayer = AllData.xunChaLayers.filter((layer) =>
+      layer.includes("alreadyDeal")
+    );
+    bus.emit("removeMapDatas", AllData.xunChaLayers);
+    bus.emit("setGeoJSON", { json: zaWuDuiFang, key: "alreadyDeal_DF" });
+    bus.emit("setGeoJSON", { json: sheBeiLost, key: "alreadyDeal_DS" });
+    bus.emit("setGeoJSON", { json: xiaXian, key: "alreadyDeal_XX" });
+    bus.emit("setGeoJSON", { json: yiBian, key: "alreadyDeal_YB" });
+    bus.emit("setGeoJSON", { json: rq_QiTa, key: "alreadyDeal_QT" });
+    selectedLayer.forEach((layer) => {
+      bus.emit("setLayerVisible", { layername: layer, isCheck: true });
     });
   } else {
-    let removedLayer = AllData.xunChaLayers.filter(layer => layer.includes('alreadyDeal'));
-    let selectedLayer = AllData.xunChaLayers.filter(layer => layer.includes('noDeal'));
-    bus.emit('removeMapDatas', AllData.xunChaLayers);
-    bus.emit('setGeoJSON', { json: no_zaWuDuiFang, key: 'onDeal_DF' });
-    bus.emit('setGeoJSON', { json: no_sheBeiLost, key: 'onDeal_DS' });
-    bus.emit('setGeoJSON', { json: no_xiaXian, key: 'onDeal_XX' });
-    bus.emit('setGeoJSON', { json: no_yiBian, key: 'onDeal_YB' });
-    bus.emit('setGeoJSON', { json: no_rq_QiTa, key: 'onDeal_QT' });
-    selectedLayer.forEach(layer => {
-      bus.emit('setLayerVisible', { layername: layer, isCheck: true });
+    let removedLayer = AllData.xunChaLayers.filter((layer) =>
+      layer.includes("alreadyDeal")
+    );
+    let selectedLayer = AllData.xunChaLayers.filter((layer) => layer.includes("noDeal"));
+    bus.emit("removeMapDatas", AllData.xunChaLayers);
+    bus.emit("setGeoJSON", { json: no_zaWuDuiFang, key: "onDeal_DF" });
+    bus.emit("setGeoJSON", { json: no_sheBeiLost, key: "onDeal_DS" });
+    bus.emit("setGeoJSON", { json: no_xiaXian, key: "onDeal_XX" });
+    bus.emit("setGeoJSON", { json: no_yiBian, key: "onDeal_YB" });
+    bus.emit("setGeoJSON", { json: no_rq_QiTa, key: "onDeal_QT" });
+    selectedLayer.forEach((layer) => {
+      bus.emit("setLayerVisible", { layername: layer, isCheck: true });
     });
   }
 };
 // 巡查反馈
-const XunChaFanKui = item => {
+const XunChaFanKui = (item) => {
   let removedLayer = [];
   let selectedLayer = [];
   newfiberMapbox.map.easeTo({
@@ -627,60 +683,80 @@
     pitch: 55,
   });
   switch (item.name) {
-    case '堆放杂物':
-      removedLayer = AllData.xunChaLayers.filter(layer => layer != 'alreadyDeal_DF' && layer != 'noDeal_DF');
-      selectedLayer = AllData.xunChaLayers.filter(layer => layer == 'alreadyDeal_DF' || layer == 'noDeal_DF');
-      selectedLayer.forEach(layer => {
-        bus.emit('setLayerVisible', { layername: layer, isCheck: true });
+    case "堆放杂物":
+      removedLayer = AllData.xunChaLayers.filter(
+        (layer) => layer != "alreadyDeal_DF" && layer != "noDeal_DF"
+      );
+      selectedLayer = AllData.xunChaLayers.filter(
+        (layer) => layer == "alreadyDeal_DF" || layer == "noDeal_DF"
+      );
+      selectedLayer.forEach((layer) => {
+        bus.emit("setLayerVisible", { layername: layer, isCheck: true });
       });
-      removedLayer.forEach(layer => {
-        bus.emit('setLayerVisible', { layername: layer, isCheck: false });
+      removedLayer.forEach((layer) => {
+        bus.emit("setLayerVisible", { layername: layer, isCheck: false });
       });
       break;
-    case '设备丢失':
-      removedLayer = AllData.xunChaLayers.filter(layer => layer != 'alreadyDeal_DS' && layer != 'noDeal_DS');
-      selectedLayer = AllData.xunChaLayers.filter(layer => layer == 'alreadyDeal_DS' || layer == 'noDeal_DS');
-      selectedLayer.forEach(layer => {
-        bus.emit('setLayerVisible', { layername: layer, isCheck: true });
+    case "设备丢失":
+      removedLayer = AllData.xunChaLayers.filter(
+        (layer) => layer != "alreadyDeal_DS" && layer != "noDeal_DS"
+      );
+      selectedLayer = AllData.xunChaLayers.filter(
+        (layer) => layer == "alreadyDeal_DS" || layer == "noDeal_DS"
+      );
+      selectedLayer.forEach((layer) => {
+        bus.emit("setLayerVisible", { layername: layer, isCheck: true });
       });
-      removedLayer.forEach(layer => {
-        bus.emit('setLayerVisible', { layername: layer, isCheck: false });
+      removedLayer.forEach((layer) => {
+        bus.emit("setLayerVisible", { layername: layer, isCheck: false });
       });
       break;
-    case '下陷':
-      removedLayer = AllData.xunChaLayers.filter(layer => layer != 'alreadyDeal_XX' && layer != 'noDeal_XX');
-      selectedLayer = AllData.xunChaLayers.filter(layer => layer == 'alreadyDeal_XX' || layer == 'noDeal_XX');
-      selectedLayer.forEach(layer => {
-        bus.emit('setLayerVisible', { layername: layer, isCheck: true });
+    case "下陷":
+      removedLayer = AllData.xunChaLayers.filter(
+        (layer) => layer != "alreadyDeal_XX" && layer != "noDeal_XX"
+      );
+      selectedLayer = AllData.xunChaLayers.filter(
+        (layer) => layer == "alreadyDeal_XX" || layer == "noDeal_XX"
+      );
+      selectedLayer.forEach((layer) => {
+        bus.emit("setLayerVisible", { layername: layer, isCheck: true });
       });
-      removedLayer.forEach(layer => {
-        bus.emit('setLayerVisible', { layername: layer, isCheck: false });
+      removedLayer.forEach((layer) => {
+        bus.emit("setLayerVisible", { layername: layer, isCheck: false });
       });
       break;
-    case '异变':
-      removedLayer = AllData.xunChaLayers.filter(layer => layer != 'alreadyDeal_YB' && layer != 'noDeal_YB');
-      selectedLayer = AllData.xunChaLayers.filter(layer => layer == 'alreadyDeal_YB' || layer == 'noDeal_YB');
-      selectedLayer.forEach(layer => {
-        bus.emit('setLayerVisible', { layername: layer, isCheck: true });
+    case "异变":
+      removedLayer = AllData.xunChaLayers.filter(
+        (layer) => layer != "alreadyDeal_YB" && layer != "noDeal_YB"
+      );
+      selectedLayer = AllData.xunChaLayers.filter(
+        (layer) => layer == "alreadyDeal_YB" || layer == "noDeal_YB"
+      );
+      selectedLayer.forEach((layer) => {
+        bus.emit("setLayerVisible", { layername: layer, isCheck: true });
       });
-      removedLayer.forEach(layer => {
-        bus.emit('setLayerVisible', { layername: layer, isCheck: false });
+      removedLayer.forEach((layer) => {
+        bus.emit("setLayerVisible", { layername: layer, isCheck: false });
       });
       break;
-    case '其他':
-      removedLayer = AllData.xunChaLayers.filter(layer => layer != 'alreadyDeal_QT' && layer != 'noDeal_QT');
-      selectedLayer = AllData.xunChaLayers.filter(layer => layer == 'alreadyDeal_QT' || layer == 'noDeal_QT');
-      selectedLayer.forEach(layer => {
-        bus.emit('setLayerVisible', { layername: layer, isCheck: true });
+    case "其他":
+      removedLayer = AllData.xunChaLayers.filter(
+        (layer) => layer != "alreadyDeal_QT" && layer != "noDeal_QT"
+      );
+      selectedLayer = AllData.xunChaLayers.filter(
+        (layer) => layer == "alreadyDeal_QT" || layer == "noDeal_QT"
+      );
+      selectedLayer.forEach((layer) => {
+        bus.emit("setLayerVisible", { layername: layer, isCheck: true });
       });
-      removedLayer.forEach(layer => {
-        bus.emit('setLayerVisible', { layername: layer, isCheck: false });
+      removedLayer.forEach((layer) => {
+        bus.emit("setLayerVisible", { layername: layer, isCheck: false });
       });
       break;
   }
 };
 // 风险评估
-const TuChengClick = item => {
+const TuChengClick = (item) => {
   newfiberMapbox.map.easeTo({
     center: [109.488, 36.596],
     zoom: 12,
@@ -688,61 +764,61 @@
   });
   switch (item) {
     case 0:
-      bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_TYLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_LGLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_other', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: true }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
+      bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_TYLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_LGLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_other", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_all", isCheck: true }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
       break;
     case 1:
-      bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
-      bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: true });
-      bus.emit('setLayerVisible', { layername: 'rq_TYLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_LGLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_other', isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_all", isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
+      bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: true });
+      bus.emit("setLayerVisible", { layername: "rq_TYLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_LGLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_other", isCheck: false });
       break;
     case 2:
-      bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
-      bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_TYLH', isCheck: true });
-      bus.emit('setLayerVisible', { layername: 'rq_LGLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_other', isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_all", isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
+      bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_TYLH", isCheck: true });
+      bus.emit("setLayerVisible", { layername: "rq_LGLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_other", isCheck: false });
 
       break;
     case 3:
-      bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
-      bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_TYLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_LGLH', isCheck: true });
-      bus.emit('setLayerVisible', { layername: 'rq_other', isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_all", isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
+      bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_TYLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_LGLH", isCheck: true });
+      bus.emit("setLayerVisible", { layername: "rq_other", isCheck: false });
       break;
     case 4:
-      bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
-      bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_TYLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_LGLH', isCheck: false });
-      bus.emit('setLayerVisible', { layername: 'rq_other', isCheck: true });
+      bus.emit("setLayerVisible", { layername: "rq_all", isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
+      bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_TYLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_LGLH", isCheck: false });
+      bus.emit("setLayerVisible", { layername: "rq_other", isCheck: true });
       break;
   }
 };
 
 // 风险
-const FengXianClick = item => {
+const FengXianClick = (item) => {
   let data = {
-    title: item.zb + ' 风险监测',
-    comIDs: ['RQ_FengXianJianCe'],
+    title: item.zb + " 风险监测",
+    comIDs: ["RQ_FengXianJianCe"],
   };
-  bus.emit('publicDialog', data);
+  bus.emit("publicDialog", data);
   // 传给组件数据
 
   setTimeout(() => {
-    bus.emit('getDataListFxjc', item);
+    bus.emit("getDataListFxjc", item);
   }, 500);
 };
 
 // 现场连线
-const XianChangLianXian = item => {
-  bus.emit('OpenRY');
+const XianChangLianXian = (item) => {
+  bus.emit("OpenRY");
 };
 
 watch(
@@ -754,13 +830,14 @@
 );
 //燃气超标
 const showIndexOver = () => {
-  bus.emit('removeMapDatas', AllData.xunChaLayers);
-  let key = 'warning_monitor';
-  bus.emit('getGeojsonByType', {
+  bus.emit("removeMapDatas", AllData.xunChaLayers);
+  let key = "warning_monitor";
+  bus.emit("getGeojsonByType", {
     type: key,
-    callback: geojson => {
-      if (!!!geojson.features.length) bus.emit('setGeoJSON', { json: yanAnRQoverindex, key: 'warning_monitor' });
-      bus.emit('setLayerVisible', { type: 'point', layername: key, isCheck: true });
+    callback: (geojson) => {
+      if (!!!geojson.features.length)
+        bus.emit("setGeoJSON", { json: yanAnRQoverindex, key: "warning_monitor" });
+      bus.emit("setLayerVisible", { type: "point", layername: key, isCheck: true });
     },
   });
   newfiberMapbox.map.easeTo({
@@ -770,13 +847,14 @@
 };
 //燃气告警
 const showIndexWarning = () => {
-  bus.emit('removeMapDatas', AllData.xunChaLayers);
-  let key = 'warning_monitor';
-  bus.emit('getGeojsonByType', {
+  bus.emit("removeMapDatas", AllData.xunChaLayers);
+  let key = "warning_monitor";
+  bus.emit("getGeojsonByType", {
     type: key,
-    callback: geojson => {
-      if (!!!geojson.features.length) bus.emit('setGeoJSON', { json: yanAnWarring, key: 'warning_monitor' });
-      bus.emit('setLayerVisible', { type: 'point', layername: key, isCheck: true });
+    callback: (geojson) => {
+      if (!!!geojson.features.length)
+        bus.emit("setGeoJSON", { json: yanAnWarring, key: "warning_monitor" });
+      bus.emit("setLayerVisible", { type: "point", layername: key, isCheck: true });
     },
   });
   newfiberMapbox.map.easeTo({
@@ -787,45 +865,47 @@
 onMounted(() => {
   let initeRQTimer = setInterval(() => {
     if (!newfiberMapbox) return;
-    if (!newfiberMapbox.map.getLayer('rq_pipeline_info')) return;
-    if (!newfiberMapbox.map.getLayer('sx_ya_smx_rq_point')) return;
+    if (!newfiberMapbox.map.getLayer("rq_pipeline_info")) return;
+    if (!newfiberMapbox.map.getLayer("sx_ya_smx_rq_point")) return;
     newfiberMapbox.map.easeTo({
       center: [109.488, 36.596],
       zoom: 13,
     });
     //告警点事件
-    let warningPoint = newfiberMapbox.getLayers().filter(feature => feature.newfiberId == 'warning_monitor')[0];
+    let warningPoint = newfiberMapbox
+      .getLayers()
+      .filter((feature) => feature.newfiberId == "warning_monitor")[0];
     if (warningPoint) {
-      warningPoint.on('click', e => {
+      warningPoint.on("click", (e) => {
         let popupData = e.feature.properties;
 
-        console.log('popupData---', '告警---------', popupData);
+        console.log("popupData---", "告警---------", popupData);
       });
     }
-    bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: true }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
+    bus.emit("setLayerVisible", { layername: "rq_all", isCheck: true }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
 
     clearInterval(initeRQTimer);
   }, 100);
   initEcharts(1);
 });
 onBeforeUnmount(() => {
-  bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: false });
-  bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: false });
-  bus.emit('setLayerVisible', { layername: 'rq_TYLH', isCheck: false });
-  bus.emit('setLayerVisible', { layername: 'rq_LGLH', isCheck: false });
-  bus.emit('setLayerVisible', { layername: 'rq_other', isCheck: false });
-  bus.emit('removeMapDatas', AllData.xunChaLayers);
-  bus.emit('removeMapDatas', ['warning_monitor']);
-  bus.emit('setLayerVisible', { layername: 'warning_monitor', isCheck: false });
-  bus.emit('closeCesiumPopup');
-  if (!!newfiberMapbox.getLayerByName('rqLine')) {
-    newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('rqLine'));
+  bus.emit("setLayerVisible", { layername: "rq_all", isCheck: false });
+  bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: false });
+  bus.emit("setLayerVisible", { layername: "rq_TYLH", isCheck: false });
+  bus.emit("setLayerVisible", { layername: "rq_LGLH", isCheck: false });
+  bus.emit("setLayerVisible", { layername: "rq_other", isCheck: false });
+  bus.emit("removeMapDatas", AllData.xunChaLayers);
+  bus.emit("removeMapDatas", ["warning_monitor"]);
+  bus.emit("setLayerVisible", { layername: "warning_monitor", isCheck: false });
+  bus.emit("closeCesiumPopup");
+  if (!!newfiberMapbox.getLayerByName("rqLine")) {
+    newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("rqLine"));
   }
 });
 </script>
 
 <style lang="scss" scoped>
-@import '@/assets/styles/transition_oneMap.scss';
+@import "@/assets/styles/transition_oneMap.scss";
 #ZHRQ {
   .LeftBox {
     width: 450px;
@@ -833,7 +913,11 @@
     position: absolute;
     left: 10px;
     top: 70px;
-    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 69, 108, 0.8) 100%);
+    background: linear-gradient(
+      0deg,
+      rgba(0, 43, 67, 0.8) 0%,
+      rgba(0, 69, 108, 0.8) 100%
+    );
     border-radius: 6px;
     border: 1px solid #47eef3;
     box-sizing: border-box;
@@ -908,7 +992,7 @@
         width: 100%;
         height: calc(100% - 72px);
         margin-top: 10px;
-        background: url('@/assets/images/Sponge_screen/RQ/Ech.png') no-repeat center;
+        background: url("@/assets/images/Sponge_screen/RQ/Ech.png") no-repeat center;
         position: relative;
 
         .ClickDiv1 {
@@ -966,7 +1050,7 @@
           height: 42px;
           width: calc(50% - 9px);
           display: flex;
-          background: url('@/assets/images/Sponge_screen/RQ/RQ_FX.png') no-repeat center;
+          background: url("@/assets/images/Sponge_screen/RQ/RQ_FX.png") no-repeat center;
           background-size: 100% 100%;
           cursor: pointer;
 
@@ -1198,7 +1282,11 @@
     position: absolute;
     right: 10px;
     top: 70px;
-    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 69, 108, 0.8) 100%);
+    background: linear-gradient(
+      0deg,
+      rgba(0, 43, 67, 0.8) 0%,
+      rgba(0, 69, 108, 0.8) 100%
+    );
     border-radius: 6px;
     border: 1px solid #47eef3;
     box-sizing: border-box;
@@ -1356,7 +1444,11 @@
     position: absolute;
     left: 520px;
     top: 110px;
-    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 69, 108, 0.8) 100%);
+    background: linear-gradient(
+      0deg,
+      rgba(0, 43, 67, 0.8) 0%,
+      rgba(0, 69, 108, 0.8) 100%
+    );
     border-radius: 6px;
     border: 1px solid #47eef3;
     box-sizing: border-box;
@@ -1450,7 +1542,8 @@
     .Box_header {
       width: 100%;
       height: 43px;
-      background: url('@/assets/images/Sponge_screen/Box_HeaderBackground.png') no-repeat center;
+      background: url("@/assets/images/Sponge_screen/Box_HeaderBackground.png") no-repeat
+        center;
       background-size: cover;
       font-family: PangMenZhengDao;
       font-weight: 400;
diff --git a/src/views/oneMap/components/mapboxPopup.vue b/src/views/oneMap/components/mapboxPopup.vue
index 5e86020..95ec03f 100644
--- a/src/views/oneMap/components/mapboxPopup.vue
+++ b/src/views/oneMap/components/mapboxPopup.vue
@@ -2,16 +2,36 @@
   <!-- 厂站设施弹窗 -->
   <div class="cesiumPopup" id="cesiumPopupID" v-show="allData.popupShow">
     <div class="title">
-      <div class="titleNamePP" v-if="allData.dataList.pumpName">{{ allData.dataList.pumpName }}</div>
-      <div class="titleNamePP" v-if="allData.dataList.sewageName">{{ allData.dataList.sewageName }}</div>
-      <div class="titleNamePP" v-if="allData.dataList.roadName">{{ allData.dataList.roadName }}</div>
-      <div class="titleNamePP" v-if="allData.dataList.stName">{{ allData.dataList.stName }}</div>
-      <div class="titleNamePP" v-if="allData.dataList.waterloggingName">{{ allData.dataList.waterloggingName }}</div>
-      <div class="titleNamePP" v-if="allData.dataList.materialName">{{ allData.dataList.materialName }}</div>
-      <div class="titleNamePP" v-if="allData.dataList.起点号">{{ allData.dataList.起点号 }}</div>
-      <div class="titleNamePP" v-if="allData.dataList.编号">{{ allData.dataList.编号 }}</div>
-      <div class="titleNamePP" v-if="allData.dataList.devicename">{{ allData.dataList.devicename }}</div>
-      <div class="titleNamePP" v-if="allData.dataList.name">{{ allData.dataList.name }}</div>
+      <div class="titleNamePP" v-if="allData.dataList.pumpName">
+        {{ allData.dataList.pumpName }}
+      </div>
+      <div class="titleNamePP" v-if="allData.dataList.sewageName">
+        {{ allData.dataList.sewageName }}
+      </div>
+      <div class="titleNamePP" v-if="allData.dataList.roadName">
+        {{ allData.dataList.roadName }}
+      </div>
+      <div class="titleNamePP" v-if="allData.dataList.stName">
+        {{ allData.dataList.stName }}
+      </div>
+      <div class="titleNamePP" v-if="allData.dataList.waterloggingName">
+        {{ allData.dataList.waterloggingName }}
+      </div>
+      <div class="titleNamePP" v-if="allData.dataList.materialName">
+        {{ allData.dataList.materialName }}
+      </div>
+      <div class="titleNamePP" v-if="allData.dataList.起点号">
+        {{ allData.dataList.起点号 }}
+      </div>
+      <div class="titleNamePP" v-if="allData.dataList.编号">
+        {{ allData.dataList.编号 }}
+      </div>
+      <div class="titleNamePP" v-if="allData.dataList.devicename">
+        {{ allData.dataList.devicename }}
+      </div>
+      <div class="titleNamePP" v-if="allData.dataList.name">
+        {{ allData.dataList.name }}
+      </div>
 
       <div class="PopupClosed">
         <el-icon :size="18" @click="closePopupCES"><Close /></el-icon>
@@ -27,11 +47,11 @@
           <div class="contentName">厂站类型：</div>
           <div class="contentValue">
             {{
-              allData.dataList.pumpType == 'rain_water'
-                ? '雨水泵站'
-                : allData.dataList.pumpType == 'sewage_water'
-                ? '污水泵站'
-                : '雨污合建'
+              allData.dataList.pumpType == "rain_water"
+                ? "雨水泵站"
+                : allData.dataList.pumpType == "sewage_water"
+                ? "污水泵站"
+                : "雨污合建"
             }}
           </div>
         </div>
@@ -40,21 +60,33 @@
           <div class="contentValue">{{ allData.dataList.buildArea }} ㎡</div>
           <div class="contentName">设计规模：</div>
           <div class="contentValue">
-            {{ allData.dataList.rainpump.designScaleSecond || allData.dataList.sweagepump.designScaleSecond || '--' }}
+            {{
+              allData.dataList.rainpump.designScaleSecond ||
+              allData.dataList.sweagepump.designScaleSecond ||
+              "--"
+            }}
             m³/s
           </div>
         </div>
         <div class="contentInfo">
           <div class="contentName">泵机台数：</div>
           <div class="contentValue">
-            {{ allData.dataList.rainpump.deviceCount || allData.dataList.sweagepump.deviceCount || '--' }}台
+            {{
+              allData.dataList.rainpump.deviceCount ||
+              allData.dataList.sweagepump.deviceCount ||
+              "--"
+            }}台
           </div>
           <div class="contentName">建设单位：</div>
-          <div class="contentValue" :title="allData.dataList.unitDep">{{ allData.dataList.unitDep }}</div>
+          <div class="contentValue" :title="allData.dataList.unitDep">
+            {{ allData.dataList.unitDep }}
+          </div>
         </div>
         <div class="contentInfo" style="width: 100%">
           <div class="contentName">地址：</div>
-          <div class="contentValue" style="width: 100%">{{ allData.dataList.address }}</div>
+          <div class="contentValue" style="width: 100%">
+            {{ allData.dataList.address }}
+          </div>
         </div>
       </div>
     </div>
@@ -70,7 +102,9 @@
         </div>
         <div class="contentInfo">
           <div class="contentName">核心工艺：</div>
-          <div class="contentValue" style="width: 100%">{{ allData.dataList.workmanship }}</div>
+          <div class="contentValue" style="width: 100%">
+            {{ allData.dataList.workmanship }}
+          </div>
         </div>
         <div class="contentInfo">
           <div class="contentName">设计规模：</div>
@@ -80,7 +114,9 @@
         </div>
         <div class="contentInfo">
           <div class="contentName">地址：</div>
-          <div class="contentValue" style="width: 100%">{{ allData.dataList.address }}</div>
+          <div class="contentValue" style="width: 100%">
+            {{ allData.dataList.address }}
+          </div>
         </div>
       </div>
     </div>
@@ -132,8 +168,18 @@
           style="width: 200px"
           @change="changeDate"
         />
-        <el-select v-model="selectCode" style="margin: -7px 0px 0px 10px; width: 150px" size="small" @change="changeRainType">
-          <el-option v-for="item in dataOption" :key="item.value" :label="item.label" :value="item.value" />
+        <el-select
+          v-model="selectCode"
+          style="margin: -7px 0px 0px 10px; width: 150px"
+          size="small"
+          @change="changeRainType"
+        >
+          <el-option
+            v-for="item in dataOption"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
         </el-select>
         <div id="chartPopupRainC"></div>
       </div>
@@ -247,30 +293,33 @@
 </template>
 
 <script setup name="CesiumPopup">
-import bus from '@/bus';
+import bus from "@/bus";
 //import chartOption from '@/components/Echarts/pieChart_1.js';
 //import { graphicReport, getoneRiverRisk } from '@/api/dataAnalysis/syntherticData';
-import * as echarts from 'echarts';
+import * as echarts from "echarts";
 
 const { proxy } = getCurrentInstance();
 const allData = reactive({
   dataList: {},
   popupShow: false,
-  dateTime: [proxy.moment(new Date()).subtract(7, 'days').format('YYYY-MM-DD'), proxy.moment().format('YYYY-MM-DD')],
+  dateTime: [
+    proxy.moment(new Date()).subtract(7, "days").format("YYYY-MM-DD"),
+    proxy.moment().format("YYYY-MM-DD"),
+  ],
 });
 const dataOption = ref([]);
 const selectData = ref([]);
-const selectCode = ref('');
-const seleceName = ref('');
-const unitName = ref('');
+const selectCode = ref("");
+const seleceName = ref("");
+const unitName = ref("");
 const propertyMonitorXList = ref([]);
 const realRiverVal = ref(0);
 
 //
 function closePopupCES() {
   allData.popupShow = false;
-  if (!!newfiberMapbox.getLayerByName('rqLine')) {
-    newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('rqLine'));
+  if (!!newfiberMapbox.getLayerByName("rqLine")) {
+    newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("rqLine"));
   }
   // 取消之后回到中心点
   // newfiberMapbox.map.easeTo({
@@ -285,17 +334,17 @@
 function changeDateJSD() {
   setTimeout(() => {
     if (!!chartJSD) chartJSD.dispose();
-    chartJSD = echarts.init(document.getElementById('chartHistoryJSD'));
-    chartOption.popupRainTrend.legend.data = ['水深'];
-    chartOption.popupRainTrend.yAxis.name = 'm';
+    chartJSD = echarts.init(document.getElementById("chartHistoryJSD"));
+    chartOption.popupRainTrend.legend.data = ["水深"];
+    chartOption.popupRainTrend.yAxis.name = "m";
     chartOption.popupRainTrend.xAxis.data = [
-      '2024-07-12 12:30:20',
-      '2024-07-12 13:30:20',
-      '2024-07-12 14:30:20',
-      '2024-07-12 15:30:20',
+      "2024-07-12 12:30:20",
+      "2024-07-12 13:30:20",
+      "2024-07-12 14:30:20",
+      "2024-07-12 15:30:20",
     ];
     chartOption.popupRainTrend.xAxis.boundaryGap = true;
-    chartOption.popupRainTrend.series.name = '水深';
+    chartOption.popupRainTrend.series.name = "水深";
     chartOption.popupRainTrend.series.barWidth = 10;
     chartOption.popupRainTrend.series.data = [0.23, 0.3, 0.25, 0.18];
     // 设置鼠标滚轮放大缩小展示数据区间
@@ -363,7 +412,7 @@
 let chartPopupRain = null;
 const initEchartsPopup = () => {
   if (!!chartPopupRain) chartPopupRain.dispose();
-  chartPopupRain = echarts.init(document.getElementById('chartPopupRainC'));
+  chartPopupRain = echarts.init(document.getElementById("chartPopupRainC"));
   chartOption.popupRainTrend.legend.data = [seleceName.value];
   chartOption.popupRainTrend.yAxis.name = unitName.value;
   chartOption.popupRainTrend.xAxis.data = propertyMonitorXList.value;
@@ -371,7 +420,10 @@
   chartOption.popupRainTrend.series.data = selectData.value;
   // 设置鼠标滚轮放大缩小展示数据区间
   chartOption.popupRainTrend.dataZoom = [
-    { type: 'inside', startValue: propertyMonitorXList.value[propertyMonitorXList.value.length / 2] },
+    {
+      type: "inside",
+      startValue: propertyMonitorXList.value[propertyMonitorXList.value.length / 2],
+    },
   ];
   if (propertyMonitorXList.value.length > 0) {
     chartOption.popupRainTrend.graphic.invisible = true; //暂无数据
@@ -382,9 +434,9 @@
   chartPopupRain.setOption(chartOption.popupRainTrend);
 };
 // 切换因子点击
-const changeRainType = val => {
+const changeRainType = (val) => {
   selectCode.value = val;
-  let obj = dataOption.value.filter(item => item.value == val)[0];
+  let obj = dataOption.value.filter((item) => item.value == val)[0];
   selectCode.value = obj.value;
   seleceName.value = obj.label;
   unitName.value = obj.propertyUnit;
@@ -428,26 +480,28 @@
 //巡查反馈派发
 const submitControl = () => {
   let data = {
-    comIDs: ['gdpf'],
+    comIDs: ["gdpf"],
   };
-  bus.emit('publicDialog', data);
+  bus.emit("publicDialog", data);
 };
 onMounted(() => {
-  bus.on('closeCesiumPopup', () => {
+  bus.on("closeCesiumPopup", () => {
     allData.popupShow = false;
-    if (!!newfiberMapbox.getLayerByName('rqLine')) {
-      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('rqLine'));
+    if (!!newfiberMapbox.getLayerByName("rqLine")) {
+      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("rqLine"));
     }
   });
-  bus.on('popupcontent', params => {
-    console.log('popup接收地图标注点值---111', params);
+  bus.on("popupcontent", (params) => {
+    console.log("popup接收地图标注点值---111", params);
     allData.dataList = params.popupInfo;
-    let pipePopupDiv = document.getElementById('cesiumPopupID');
+    let pipePopupDiv = document.getElementById("cesiumPopupID");
 
     let popupCenter, center, offsets;
     if (allData.dataList.geometry) {
-      if (allData.dataList.geometry.includes('LINESTRING')) {
-        popupCenter = turf.center(turf.feature(Terraformer.WKT.parse(allData.dataList.geometry))).geometry.coordinates;
+      if (allData.dataList.geometry.includes("LINESTRING")) {
+        popupCenter = turf.center(
+          turf.feature(Terraformer.WKT.parse(allData.dataList.geometry))
+        ).geometry.coordinates;
       } else {
         popupCenter = Terraformer.WKT.parse(allData.dataList.geometry).coordinates;
       }
@@ -465,7 +519,7 @@
         lng: popupCenter[0],
         lat: popupCenter[1],
       },
-      anchor: 'center',
+      anchor: "center",
       offsets: [-90, 130],
       autoClose: false,
     });
@@ -476,25 +530,25 @@
     });
     allData.popupShow = true;
     // 建筑社区弹框
-    if (params.popupInfo.type == 'HMJZYSQ') {
+    if (params.popupInfo.type == "HMJZYSQ") {
       allData.popupShow = false;
       let data = {
         title: params.popupInfo.name,
-        comIDs: ['xxinformation'],
+        comIDs: ["xxinformation"],
       };
-      bus.emit('publicDialog', data);
+      bus.emit("publicDialog", data);
       setTimeout(() => {
-        bus.emit('xxinformationList', params);
+        bus.emit("xxinformationList", params);
       }, 100);
     }
-    if (allData.dataList.siteType == 'rain') changeDate(); //雨量站曲线图
-    if (allData.dataList.type == 'waterCourse') changeDateSW(); //河道水位计
-    if (allData.dataList.type == 'waterLoging') changeDateJSD(); //内涝积水点
+    if (allData.dataList.siteType == "rain") changeDate(); //雨量站曲线图
+    if (allData.dataList.type == "waterCourse") changeDateSW(); //河道水位计
+    if (allData.dataList.type == "waterLoging") changeDateJSD(); //内涝积水点
   });
 });
 onBeforeUnmount(() => {
-  bus.off('popupcontent');
-  bus.off('closeCesiumPopup');
+  bus.off("popupcontent");
+  bus.off("closeCesiumPopup");
 });
 </script>
 <style lang="scss">
@@ -520,7 +574,8 @@
     margin-top: 10px;
   }
   .title {
-    background: url('@/assets/images/Sponge_screen/Box_HeaderBackground.png') no-repeat center;
+    background: url("@/assets/images/Sponge_screen/Box_HeaderBackground.png") no-repeat
+      center;
     background-size: cover;
     display: flex;
     align-items: center;
diff --git a/src/views/oneMap/index.vue b/src/views/oneMap/index.vue
index f0e2b0f..ac94976 100644
--- a/src/views/oneMap/index.vue
+++ b/src/views/oneMap/index.vue
@@ -5,13 +5,19 @@
       <!-- 顶部 -->
       <div
         id="oneMapHeader"
-        :class="['oneMapHeader', 'animate__animated', showPanel ? 'animate__fadeOutUp' : 'animate__fadeInDown']"
+        :class="[
+          'oneMapHeader',
+          'animate__animated',
+          showPanel ? 'animate__fadeOutUp' : 'animate__fadeInDown',
+        ]"
       >
         <!-- 标题 -->
         <img id="titleFont" src="@/assets/images/Sponge_screen/oneMapTitleFont.png" />
         <!-- 标题左侧展示组件 -->
         <div class="Location">
-          <el-icon size="18" style="margin-right: 5px; vertical-align: bottom"><LocationFilled /></el-icon>
+          <el-icon size="18" style="margin-right: 5px; vertical-align: bottom"
+            ><LocationFilled
+          /></el-icon>
           延安
         </div>
         <div class="Timer">
@@ -30,7 +36,9 @@
       <!-- 地图组件 -->
       <OneMap @map-click="mapClick" v-if="AllData.MapShowBol"></OneMap>
       <!-- 桥梁BIM -->
-      <WangJiaPingBIM v-if="!AllData.MapShowBol && AllData.ComShowID == 4"></WangJiaPingBIM>
+      <WangJiaPingBIM
+        v-if="!AllData.MapShowBol && AllData.ComShowID == 4"
+      ></WangJiaPingBIM>
       <!-- 降雨效果 -->
       <CanvasRain v-if="showRainFlow"></CanvasRain>
       <!-- 地图标注点弹窗popup -->
@@ -38,20 +46,50 @@
       <!-- 前端专题组件 -->
       <!-- <transition name="fade" mode="out-in"> </transition> -->
       <!-- 图例 -->
-      <img id="TuChengImg" src="@/assets/images/Sponge_screen/TuCheng.png" alt="" @click="ShowTuCheng = !ShowTuCheng" />
+      <img
+        id="TuChengImg"
+        src="@/assets/images/Sponge_screen/TuCheng.png"
+        alt=""
+        @click="ShowTuCheng = !ShowTuCheng"
+      />
       <LayerControl :ShowTuCheng="ShowTuCheng"></LayerControl>
       <!-- 1:总体概览 -->
-      <ComZTGL v-if="AllData.ComShowID == 1" :isActive="AllData.ComShowID == 1 ? true : false" :showPanel="showPanel"></ComZTGL>
+      <ComZTGL
+        v-if="AllData.ComShowID == 1"
+        :isActive="AllData.ComShowID == 1 ? true : false"
+        :showPanel="showPanel"
+      ></ComZTGL>
       <!-- 2:智慧燃气 -->
-      <ComZHRQ v-if="AllData.ComShowID == 2" :isActive="AllData.ComShowID == 2 ? true : false" :showPanel="showPanel"></ComZHRQ>
+      <ComZHRQ
+        v-if="AllData.ComShowID == 2"
+        :isActive="AllData.ComShowID == 2 ? true : false"
+        :showPanel="showPanel"
+      ></ComZHRQ>
       <!-- 3:智慧排水 -->
-      <ComZHPS v-if="AllData.ComShowID == 3" :isActive="AllData.ComShowID == 3 ? true : false" :showPanel="showPanel"></ComZHPS>
+      <ComZHPS
+        v-if="AllData.ComShowID == 3"
+        :isActive="AllData.ComShowID == 3 ? true : false"
+        :showPanel="showPanel"
+      ></ComZHPS>
       <!-- 4:智慧桥梁 -->
-      <ComZHQL v-if="AllData.ComShowID == 4" :isActive="AllData.ComShowID == 4 ? true : false" :showPanel="showPanel"> </ComZHQL>
+      <ComZHQL
+        v-if="AllData.ComShowID == 4"
+        :isActive="AllData.ComShowID == 4 ? true : false"
+        :showPanel="showPanel"
+      >
+      </ComZHQL>
       <!-- 5:智慧隧道 -->
-      <ComZHSD v-if="AllData.ComShowID == 5" :isActive="AllData.ComShowID == 5 ? true : false" :showPanel="showPanel"></ComZHSD>
+      <ComZHSD
+        v-if="AllData.ComShowID == 5"
+        :isActive="AllData.ComShowID == 5 ? true : false"
+        :showPanel="showPanel"
+      ></ComZHSD>
       <!-- 6:智慧海绵 -->
-      <ComZHHM v-if="AllData.ComShowID == 6" :isActive="AllData.ComShowID == 6 ? true : false" :showPanel="showPanel"></ComZHHM>
+      <ComZHHM
+        v-if="AllData.ComShowID == 6"
+        :isActive="AllData.ComShowID == 6 ? true : false"
+        :showPanel="showPanel"
+      ></ComZHHM>
       <!-- 智慧海绵-监测分析 -->
       <ZHHMJCFX
         v-if="AllData.ComShowID == 61"
@@ -65,7 +103,11 @@
         :showPanel="showPanel"
       ></ZHHMJSPG>
       <!-- 7:防洪排涝 -->
-      <ComFHPL v-if="AllData.ComShowID == 7" :isActive="AllData.ComShowID == 7 ? true : false" :showPanel="showPanel"></ComFHPL>
+      <ComFHPL
+        v-if="AllData.ComShowID == 7"
+        :isActive="AllData.ComShowID == 7 ? true : false"
+        :showPanel="showPanel"
+      ></ComFHPL>
     </div>
     <!-- 底部菜单 -->
     <div id="BottomMenuBox">
@@ -75,7 +117,11 @@
       <!-- 菜单List -->
       <div
         class="MenuList"
-        :class="['MenuList' + index, 'animate__animated', showPanel ? 'animate__bounceInUp' : 'animate__bounceInUp']"
+        :class="[
+          'MenuList' + index,
+          'animate__animated',
+          showPanel ? 'animate__bounceInUp' : 'animate__bounceInUp',
+        ]"
         v-for="(item, index) in AllData.MenuListData"
         @click="MenuClick(item, index)"
         v-if="BottomshowPanel"
@@ -89,7 +135,10 @@
 
           <!-- 二级菜单 -->
           <!-- <Transition name="slide-fade2"> -->
-          <div v-show="AllData.ErJiMenuShowID == item.id && !!item.children" class="ErJiMenuBox">
+          <div
+            v-show="AllData.ErJiMenuShowID == item.id && !!item.children"
+            class="ErJiMenuBox"
+          >
             <span
               class="ErJiMenuList"
               :class="AllData.ErJiMenuCheckID == item2.id ? 'ErJiMenuCheck' : ''"
@@ -108,7 +157,11 @@
     <Voice></Voice>
   </div>
   <!-- 融云弹窗 -->
-  <ModelRongYun :RYdialogShow="AllData.RYDialog" :ZhuDongBoHao="AllData.ZhuDongBoHao" @OneDialogHide="dialogHide"></ModelRongYun>
+  <ModelRongYun
+    :RYdialogShow="AllData.RYDialog"
+    :ZhuDongBoHao="AllData.ZhuDongBoHao"
+    @OneDialogHide="dialogHide"
+  ></ModelRongYun>
   <!-- 前端组件公共弹窗 -->
   <el-dialog
     modal-class="publicDialogVisible"
@@ -130,49 +183,49 @@
 </template>
 
 <script setup name="oneMapIndex">
-import bus from '@/bus';
-import { fullscreenToggel } from '@/utils/util';
-import { ref, reactive, toRefs, onMounted } from 'vue';
+import bus from "@/bus";
+import { fullscreenToggel } from "@/utils/util";
+import { ref, reactive, toRefs, onMounted } from "vue";
 // 菜单的图片资源
-import ZTGL from '@/assets/images/Sponge_screen/menu/ZTGL.png';
-import AC_ZTGL from '@/assets/images/Sponge_screen/menu/AC_ZTGL.png';
-import ZHRQ from '@/assets/images/Sponge_screen/menu/ZHRQ.png';
-import AC_ZHRQ from '@/assets/images/Sponge_screen/menu/AC_ZHRQ.png';
-import ZHPS from '@/assets/images/Sponge_screen/menu/ZHPS.png';
-import AC_ZHPS from '@/assets/images/Sponge_screen/menu/AC_ZHPS.png';
-import ZHQL from '@/assets/images/Sponge_screen/menu/ZHQL.png';
-import AC_ZHQL from '@/assets/images/Sponge_screen/menu/AC_ZHQL.png';
-import ZHSD from '@/assets/images/Sponge_screen/menu/ZHSD.png';
-import AC_ZHSD from '@/assets/images/Sponge_screen/menu/AC_ZHSD.png';
-import FXPL from '@/assets/images/Sponge_screen/menu/FXPL.png';
-import AC_FXPL from '@/assets/images/Sponge_screen/menu/AC_FXPL.png';
-import ZHHM from '@/assets/images/Sponge_screen/menu/ZHHM.png';
-import AC_ZHHM from '@/assets/images/Sponge_screen/menu/AC_ZHHM.png';
+import ZTGL from "@/assets/images/Sponge_screen/menu/ZTGL.png";
+import AC_ZTGL from "@/assets/images/Sponge_screen/menu/AC_ZTGL.png";
+import ZHRQ from "@/assets/images/Sponge_screen/menu/ZHRQ.png";
+import AC_ZHRQ from "@/assets/images/Sponge_screen/menu/AC_ZHRQ.png";
+import ZHPS from "@/assets/images/Sponge_screen/menu/ZHPS.png";
+import AC_ZHPS from "@/assets/images/Sponge_screen/menu/AC_ZHPS.png";
+import ZHQL from "@/assets/images/Sponge_screen/menu/ZHQL.png";
+import AC_ZHQL from "@/assets/images/Sponge_screen/menu/AC_ZHQL.png";
+import ZHSD from "@/assets/images/Sponge_screen/menu/ZHSD.png";
+import AC_ZHSD from "@/assets/images/Sponge_screen/menu/AC_ZHSD.png";
+import FXPL from "@/assets/images/Sponge_screen/menu/FXPL.png";
+import AC_FXPL from "@/assets/images/Sponge_screen/menu/AC_FXPL.png";
+import ZHHM from "@/assets/images/Sponge_screen/menu/ZHHM.png";
+import AC_ZHHM from "@/assets/images/Sponge_screen/menu/AC_ZHHM.png";
 // 引用地图
-import OneMap from './map/newfiberMapBox.vue';
+import OneMap from "./map/newfiberMapBox.vue";
 // 引用王家坪大桥BIm
-import WangJiaPingBIM from './BIM/WangJiaPIng.vue';
+import WangJiaPingBIM from "./BIM/WangJiaPIng.vue";
 // 引用语音识别
-import Voice from './../voice/recordPage/index.vue';
+import Voice from "./../voice/recordPage/index.vue";
 // 引入融云通讯录
-import ModelRongYun from '@/views/RongyunCommunication/ModelRongYun/index.vue'; //融云调用
+import ModelRongYun from "@/views/RongyunCommunication/ModelRongYun/index.vue"; //融云调用
 // 子系统引入
-import ComZTGL from './components/ZTGL.vue'; //总体概览
-import ComZHRQ from './components/ZHRQ.vue'; //智慧燃气
-import ComZHPS from './components/ZHPS.vue'; //智慧排水
-import ComZHQL from './components/ZHQL.vue'; //智慧桥梁
-import ComZHSD from './components/ZHSD.vue'; //智慧隧道
-import ComZHHM from './components/ZHHM.vue'; //智慧海绵
-import ComFHPL from './components/FHPL.vue'; //防洪排涝
-import ZHHMJCFX from './components/ZHHM_JCFX.vue'; //智慧海绵-监测分析
-import ZHHMJSPG from './components/ZHHM_JSPG.vue'; //智慧海绵-建设评估
-import PopupInfo from '@/views/oneMap/components/mapboxPopup.vue'; //地图标注点弹窗
+import ComZTGL from "./components/ZTGL.vue"; //总体概览
+import ComZHRQ from "./components/ZHRQ.vue"; //智慧燃气
+import ComZHPS from "./components/ZHPS.vue"; //智慧排水
+import ComZHQL from "./components/ZHQL.vue"; //智慧桥梁
+import ComZHSD from "./components/ZHSD.vue"; //智慧隧道
+import ComZHHM from "./components/ZHHM.vue"; //智慧海绵
+import ComFHPL from "./components/FHPL.vue"; //防洪排涝
+import ZHHMJCFX from "./components/ZHHM_JCFX.vue"; //智慧海绵-监测分析
+import ZHHMJSPG from "./components/ZHHM_JSPG.vue"; //智慧海绵-建设评估
+import PopupInfo from "@/views/oneMap/components/mapboxPopup.vue"; //地图标注点弹窗
 // 降雨效果
-import CanvasRain from '@/views/oneMap/cityGK/canvasRain.vue'; //降雨效果
+import CanvasRain from "@/views/oneMap/cityGK/canvasRain.vue"; //降雨效果
 // 图层控制面板
-import LayerControl from '@/views/oneMap/LayerControl/LayerControl.vue'; //图层控制面板
+import LayerControl from "@/views/oneMap/LayerControl/LayerControl.vue"; //图层控制面板
 // 前端共同弹窗
-import DialogTabs from '@/views/DialogTabs/dialogTabs.vue';
+import DialogTabs from "@/views/DialogTabs/dialogTabs.vue";
 // 时间以及天气
 const timer = ref(null);
 const dates = ref(null);
@@ -180,8 +233,8 @@
 const times = ref(null);
 const weather = ref({
   temperature: null,
-  imgNum: '',
-  text: '',
+  imgNum: "",
+  text: "",
 });
 const showPanel = ref(false);
 const ShowTuCheng = ref(false); //图层面板显隐
@@ -189,65 +242,65 @@
   MapShowBol: true, //是否展示中心地图
   MenuListData: [
     {
-      name: '总体概览',
+      name: "总体概览",
       iocn: ZTGL,
       AC_icon: AC_ZTGL,
       id: 1,
-      Layers: [],
+      Layers: ["路网", "河流水系"],
     },
     {
-      name: '智慧燃气',
+      name: "智慧燃气",
       iocn: ZHRQ,
       AC_icon: AC_ZHRQ,
       id: 2,
-      Layers: ['燃气管网'],
+      Layers: ["燃气管网"],
     },
     {
-      name: '智慧排水',
+      name: "智慧排水",
       iocn: ZHPS,
       AC_icon: AC_ZHPS,
       id: 3,
-      Layers: ['雨水管网', '污水管网'],
+      Layers: ["雨水管网", "污水管网"],
     },
     {
-      name: '智慧海绵',
+      name: "智慧海绵",
       iocn: ZHHM,
       AC_icon: AC_ZHHM,
       id: 6,
       children: [
         {
-          name: '城市概览',
+          name: "城市概览",
           id: 6,
           Layers: [],
         },
         {
-          name: '监测分析',
+          name: "监测分析",
           id: 61,
           Layers: [],
         },
         {
-          name: '建设评估',
+          name: "建设评估",
           id: 62,
           Layers: [],
         },
       ],
     },
     {
-      name: '智慧桥梁',
+      name: "智慧桥梁",
       iocn: ZHQL,
       AC_icon: AC_ZHQL,
       id: 4,
       Layers: [],
     },
     {
-      name: '智慧隧道',
+      name: "智慧隧道",
       iocn: ZHSD,
       AC_icon: AC_ZHSD,
       id: 5,
       Layers: [],
     },
     {
-      name: '防汛排涝',
+      name: "防汛排涝",
       iocn: FXPL,
       AC_icon: AC_FXPL,
       id: 7,
@@ -268,21 +321,21 @@
 // 公共弹窗
 const dialogConfig = reactive({
   visible: false,
-  getSiteId: '',
-  SiteNo: '',
+  getSiteId: "",
+  SiteNo: "",
   data: {},
-  comIDs: ['spjk'],
+  comIDs: ["spjk"],
   customData: [],
-  RefName: '',
-  title: '详情',
+  RefName: "",
+  title: "详情",
 });
 onMounted(() => {
   fullscreenToggel();
   AllData.BottmBackGroundShow = true;
-  console.log(AllData.BottmBackGroundShow, 'AllData.BottmBackGroundShow');
-  bus.emit('BottomHidden', AllData.BottmBackGroundShow);
+  console.log(AllData.BottmBackGroundShow, "AllData.BottmBackGroundShow");
+  bus.emit("BottomHidden", AllData.BottmBackGroundShow);
   // 降雨特征点击
-  bus.on('checkRainL', params => {
+  bus.on("checkRainL", (params) => {
     if (params == 1) {
       showRainFlow.value = false;
     } else {
@@ -290,7 +343,7 @@
     }
   });
   // 底部隐藏
-  bus.on('checkBottom', params => {
+  bus.on("checkBottom", (params) => {
     if (params == 1) {
       BottomshowPanel.value = false;
     } else {
@@ -298,15 +351,15 @@
     }
   });
   // 共同弹窗触发事件
-  bus.on('publicDialog', params => {
+  bus.on("publicDialog", (params) => {
     dialogConfig.getSiteId = params.getSiteId;
-    dialogConfig.title = params.title ?? '详情';
+    dialogConfig.title = params.title ?? "详情";
     dialogConfig.comIDs = params.comIDs ?? dialogConfig.comIDs;
     // 打开弹窗
     dialogConfig.visible = true;
   });
   // 共同弹窗触发事件
-  bus.on('publicDialog_Close', params => {
+  bus.on("publicDialog_Close", (params) => {
     // 打开弹窗
     dialogConfig.visible = false;
   });
@@ -316,14 +369,14 @@
   currentTime();
   //initRainImage();
   // 打开融云通讯录主动拨号
-  bus.on('OpenRY', params => {
+  bus.on("OpenRY", (params) => {
     AllData.ZhuDongBoHao = true;
     AllData.RYDialog = true;
-    bus.emit('showRy');
+    bus.emit("showRy");
   });
 
   // 切换专题图
-  bus.on('ChangeZhuanTiTu', params => {
+  bus.on("ChangeZhuanTiTu", (params) => {
     if (params.num == 1) {
       // 一级
       MenuClick(params.MenuData1);
@@ -334,11 +387,11 @@
   });
 });
 onBeforeUnmount(() => {
-  bus.off('BottomHidden');
-  bus.off('publicDialog');
-  bus.off('publicDialog_Close');
-  bus.off('OpenRY');
-  bus.off('ChangeZhuanTiTu');
+  bus.off("BottomHidden");
+  bus.off("publicDialog");
+  bus.off("publicDialog_Close");
+  bus.off("OpenRY");
+  bus.off("ChangeZhuanTiTu");
 });
 // 菜单点击
 const MenuClick = (item, index) => {
@@ -354,9 +407,9 @@
   } else {
     AllData.MapShowBol = true;
     // 点击菜单时隐藏所有图层
-    bus.emit('clearAllLayer');
+    bus.emit("clearAllLayer");
     // 打开默认的菜单
-    bus.emit('SetLayerShow', item.Layers);
+    bus.emit("SetLayerShow", item.Layers);
   }
 };
 // 二级菜单点击
@@ -373,10 +426,10 @@
 const toRYBox = () => {
   AllData.RYDialog = true;
   AllData.ZhuDongBoHao = false;
-  bus.emit('showRy');
+  bus.emit("showRy");
 };
 // 关闭融云通讯录弹窗
-const dialogHide = val => {
+const dialogHide = (val) => {
   if (!val) {
     AllData.RYDialog = false;
     AllData.ZhuDongBoHao = false;
@@ -384,23 +437,25 @@
 };
 //地图点击事件
 const mapClick = async (point, properties, feature) => {
-  console.log('point', point);
-  console.log('properties', properties);
-  console.log('feature---', feature);
+  console.log("point", point);
+  console.log("properties", properties);
+  console.log("feature---", feature);
   if (properties) {
-    if (feature == 'rq_pipeline_info') {
-      if (!!newfiberMapbox.getLayerByName('rqLine')) {
-        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('rqLine'));
+    if (feature == "rq_pipeline_info") {
+      if (!!newfiberMapbox.getLayerByName("rqLine")) {
+        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("rqLine"));
       }
-      let rqLine = turf.featureCollection([turf.feature(Terraformer.WKT.parse(properties.geometry))]);
+      let rqLine = turf.featureCollection([
+        turf.feature(Terraformer.WKT.parse(properties.geometry)),
+      ]);
       let layer = new mapboxL7.LineLayer({
-        name: 'rqLine',
+        name: "rqLine",
       })
         .source(rqLine)
         .size(4)
-        .shape('line')
-        .texture('arrow')
-        .color('rgb(241, 159, 27)')
+        .shape("line")
+        .texture("arrow")
+        .color("rgb(241, 159, 27)")
         .animate({
           interval: 2, // 间隔
           duration: 2, // 持续时间，延时
@@ -411,11 +466,11 @@
           lineTexture: true, // 开启线的贴图功能
           iconStep: 50, // 设置贴图纹理的间距
           borderWidth: 0, // 默认文 0，最大有效值为 0.5
-          borderColor: '#fff', // 默认为 #ccc
+          borderColor: "#fff", // 默认为 #ccc
         });
       newfiberMapbox.addLayer(layer);
     }
-    bus.emit('popupcontent', {
+    bus.emit("popupcontent", {
       popupShow: true,
       point: point,
       popupInfo: properties,
@@ -430,12 +485,20 @@
   let month = date.getMonth() + 1; // 月
   let day = date.getDate(); // 日
   let hour = date.getHours(); // 时
-  hour = hour < 10 ? '0' + hour : hour; // 如果只有一位，则前面补零
+  hour = hour < 10 ? "0" + hour : hour; // 如果只有一位，则前面补零
   let minute = date.getMinutes(); // 分
-  minute = minute < 10 ? '0' + minute : minute; // 如果只有一位，则前面补零
+  minute = minute < 10 ? "0" + minute : minute; // 如果只有一位，则前面补零
   let second = date.getSeconds(); // 秒
-  second = second < 10 ? '0' + second : second; // 如果只有一位，则前面补零
-  let weekAry = new Array('星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六');
+  second = second < 10 ? "0" + second : second; // 如果只有一位，则前面补零
+  let weekAry = new Array(
+    "星期日",
+    "星期一",
+    "星期二",
+    "星期三",
+    "星期四",
+    "星期五",
+    "星期六"
+  );
   weeks.value = weekAry[date.getDay()];
   dates.value = `${year}-${month}-${day}`;
   times.value = `${hour}:${minute}:${second}`;
@@ -458,11 +521,11 @@
   // }
 };
 // 二级菜单展示
-const handleMouseEnter = item => {
+const handleMouseEnter = (item) => {
   AllData.ErJiMenuShowID = item.id;
 };
 // 二级菜单展示
-const handleMouseLeave = item => {
+const handleMouseLeave = (item) => {
   AllData.ErJiMenuShowID = null;
 };
 
@@ -593,7 +656,7 @@
     #oneMapHeader {
       width: 100%;
       height: 100px;
-      background: url('@/assets/images/Sponge_screen/db_img.png') no-repeat center;
+      background: url("@/assets/images/Sponge_screen/db_img.png") no-repeat center;
       background-size: cover;
       z-index: 100;
       position: absolute;
@@ -664,15 +727,15 @@
         cursor: pointer;
       }
       .goHome {
-        background: url('@/assets/images/Sponge_screen/sy_btn.png') no-repeat center;
+        background: url("@/assets/images/Sponge_screen/sy_btn.png") no-repeat center;
         right: 150px;
       }
       .goUser_com {
-        background: url('@/assets/images/Sponge_screen/hs_btn.png') no-repeat center;
+        background: url("@/assets/images/Sponge_screen/hs_btn.png") no-repeat center;
         right: 100px;
       }
       .goClose_com {
-        background: url('@/assets/images/Sponge_screen/gb_btn.png') no-repeat center;
+        background: url("@/assets/images/Sponge_screen/gb_btn.png") no-repeat center;
         right: 50px;
       }
     }
@@ -700,7 +763,7 @@
       bottom: 0;
       width: 952px;
       height: 62px;
-      background: url('@/assets/images/Sponge_screen/menu/DB_img.png') no-repeat center;
+      background: url("@/assets/images/Sponge_screen/menu/DB_img.png") no-repeat center;
       background-size: cover;
     }
     // 图标菜单样式 从左到右按照顺序进行设定
@@ -845,7 +908,7 @@
     height: 800px;
     border: 1px solid #15d2fd;
     .el-dialog__header {
-      background: url('@/assets/images/Sponge_screen/DialogTitleBG.png') no-repeat center;
+      background: url("@/assets/images/Sponge_screen/DialogTitleBG.png") no-repeat center;
       background-size: cover;
       padding: 0;
       height: 60px;