diff --git a/src/views/oneMap/components/ZHPS.vue b/src/views/oneMap/components/ZHPS.vue
index 635f230..5d4dfcc 100644
--- a/src/views/oneMap/components/ZHPS.vue
+++ b/src/views/oneMap/components/ZHPS.vue
@@ -1,9 +1,21 @@
 <template>
   <div id="ZHPS">
-    <div :class="['LeftBox', 'animate__animated', showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft']">
+    <div
+      :class="[
+        'LeftBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft',
+      ]"
+    >
       <PsLeftBox />
     </div>
-    <div :class="['RightBox', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']">
+    <div
+      :class="[
+        'RightBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight',
+      ]"
+    >
       <PsRightBox />
     </div>
     <!-- <div class="IssueWarning" :class="[showPanel ? 'TuChengImgTrue' : 'TuChengImgFalse']" @click="WarningClick">发布预警</div> -->
@@ -11,10 +23,10 @@
 </template>
 
 <script setup name="ZHPS">
-import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
-import PsLeftBox from '@/views/oneMap/SmartDrainage/PsLeftBox.vue';
-import PsRightBox from '@/views/oneMap/SmartDrainage/PsRightBox.vue';
-import bus from '@/bus';
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from "vue";
+import PsLeftBox from "@/views/oneMap/SmartDrainage/PsLeftBox.vue";
+import PsRightBox from "@/views/oneMap/SmartDrainage/PsRightBox.vue";
+import bus from "@/bus";
 const AllData = reactive({});
 const showPanel = ref(true); //面板展开收起
 // 面板内容展开收起控制
@@ -32,22 +44,22 @@
 );
 
 // 发布预警
-const WarningClick = item => {
+const WarningClick = (item) => {
   let data = {
-    title: '发布预警',
-    comIDs: ['RQ_Warning'],
+    title: "发布预警",
+    comIDs: ["RQ_Warning"],
   };
-  bus.emit('publicDialog', data);
+  bus.emit("publicDialog", data);
 
   setTimeout(() => {
-    bus.emit('RQ_PrimaryType', 2);
+    bus.emit("RQ_PrimaryType", 2);
   });
 };
 
 onMounted(() => {
   // let initePSTimer = setInterval(() => {
   //   if (!newfiberMapbox) return;
-  bus.emit('setLayerVisible', { layername: 'pipeline_info_flow_ys', isCheck: true });
+  // bus.emit('setLayerVisible', { layername: 'pipeline_info_flow_ys', isCheck: true });
   //   bus.emit('setLayerVisible', { layername: 'ysLine1', isCheck: true });
   //   bus.emit('setLayerVisible', { layername: 'wsLine1', isCheck: true });
   //   clearInterval(initePSTimer);
@@ -59,9 +71,9 @@
   });
 });
 onBeforeUnmount(() => {
-  bus.emit('SetLayerShow', ['蓝色地图']);
+  bus.emit("SetLayerShow", ["蓝色地图"]);
   newfiberMapbox.map.setBearing(0);
-  bus.emit('setLayerVisible', { layername: 'pipeline_info_flow_ys', isCheck: false });
+  // bus.emit('setLayerVisible', { layername: 'pipeline_info_flow_ys', isCheck: false });
   //bus.emit('setLayerVisible', { layername: 'ysLine1', isCheck: false });
   // bus.emit('setLayerVisible', { layername: 'wsLine1', isCheck: false });
 });
@@ -75,7 +87,11 @@
     position: absolute;
     left: 10px;
     top: 70px;
-    background: linear-gradient(0deg, rgba(0, 93, 114, 0.8) 0%, rgba(0, 93, 114, 0.8) 100%);
+    background: linear-gradient(
+      0deg,
+      rgba(0, 93, 114, 0.8) 0%,
+      rgba(0, 93, 114, 0.8) 100%
+    );
     border-radius: 6px;
     border: 1px solid #47eef3;
     box-shadow: inset 0 0 5px 5px #47eef38a;
@@ -86,7 +102,11 @@
     position: absolute;
     right: 10px;
     top: 70px;
-    background: linear-gradient(0deg, rgba(0, 93, 114, 0.8) 0%, rgba(0, 93, 114, 0.8) 100%);
+    background: linear-gradient(
+      0deg,
+      rgba(0, 93, 114, 0.8) 0%,
+      rgba(0, 93, 114, 0.8) 100%
+    );
     border-radius: 6px;
     border: 1px solid #47eef3;
     box-shadow: inset 0 0 5px 5px #47eef38a;

diff --git a/src/views/oneMap/components/ZHPS.vue b/src/views/oneMap/components/ZHPS.vue
index 635f230..5d4dfcc 100644
--- a/src/views/oneMap/components/ZHPS.vue
+++ b/src/views/oneMap/components/ZHPS.vue
@@ -1,9 +1,21 @@
 <template>
   <div id="ZHPS">
-    <div :class="['LeftBox', 'animate__animated', showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft']">
+    <div
+      :class="[
+        'LeftBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft',
+      ]"
+    >
       <PsLeftBox />
     </div>
-    <div :class="['RightBox', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']">
+    <div
+      :class="[
+        'RightBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight',
+      ]"
+    >
       <PsRightBox />
     </div>
     <!-- <div class="IssueWarning" :class="[showPanel ? 'TuChengImgTrue' : 'TuChengImgFalse']" @click="WarningClick">发布预警</div> -->
@@ -11,10 +23,10 @@
 </template>
 
 <script setup name="ZHPS">
-import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
-import PsLeftBox from '@/views/oneMap/SmartDrainage/PsLeftBox.vue';
-import PsRightBox from '@/views/oneMap/SmartDrainage/PsRightBox.vue';
-import bus from '@/bus';
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from "vue";
+import PsLeftBox from "@/views/oneMap/SmartDrainage/PsLeftBox.vue";
+import PsRightBox from "@/views/oneMap/SmartDrainage/PsRightBox.vue";
+import bus from "@/bus";
 const AllData = reactive({});
 const showPanel = ref(true); //面板展开收起
 // 面板内容展开收起控制
@@ -32,22 +44,22 @@
 );
 
 // 发布预警
-const WarningClick = item => {
+const WarningClick = (item) => {
   let data = {
-    title: '发布预警',
-    comIDs: ['RQ_Warning'],
+    title: "发布预警",
+    comIDs: ["RQ_Warning"],
   };
-  bus.emit('publicDialog', data);
+  bus.emit("publicDialog", data);
 
   setTimeout(() => {
-    bus.emit('RQ_PrimaryType', 2);
+    bus.emit("RQ_PrimaryType", 2);
   });
 };
 
 onMounted(() => {
   // let initePSTimer = setInterval(() => {
   //   if (!newfiberMapbox) return;
-  bus.emit('setLayerVisible', { layername: 'pipeline_info_flow_ys', isCheck: true });
+  // bus.emit('setLayerVisible', { layername: 'pipeline_info_flow_ys', isCheck: true });
   //   bus.emit('setLayerVisible', { layername: 'ysLine1', isCheck: true });
   //   bus.emit('setLayerVisible', { layername: 'wsLine1', isCheck: true });
   //   clearInterval(initePSTimer);
@@ -59,9 +71,9 @@
   });
 });
 onBeforeUnmount(() => {
-  bus.emit('SetLayerShow', ['蓝色地图']);
+  bus.emit("SetLayerShow", ["蓝色地图"]);
   newfiberMapbox.map.setBearing(0);
-  bus.emit('setLayerVisible', { layername: 'pipeline_info_flow_ys', isCheck: false });
+  // bus.emit('setLayerVisible', { layername: 'pipeline_info_flow_ys', isCheck: false });
   //bus.emit('setLayerVisible', { layername: 'ysLine1', isCheck: false });
   // bus.emit('setLayerVisible', { layername: 'wsLine1', isCheck: false });
 });
@@ -75,7 +87,11 @@
     position: absolute;
     left: 10px;
     top: 70px;
-    background: linear-gradient(0deg, rgba(0, 93, 114, 0.8) 0%, rgba(0, 93, 114, 0.8) 100%);
+    background: linear-gradient(
+      0deg,
+      rgba(0, 93, 114, 0.8) 0%,
+      rgba(0, 93, 114, 0.8) 100%
+    );
     border-radius: 6px;
     border: 1px solid #47eef3;
     box-shadow: inset 0 0 5px 5px #47eef38a;
@@ -86,7 +102,11 @@
     position: absolute;
     right: 10px;
     top: 70px;
-    background: linear-gradient(0deg, rgba(0, 93, 114, 0.8) 0%, rgba(0, 93, 114, 0.8) 100%);
+    background: linear-gradient(
+      0deg,
+      rgba(0, 93, 114, 0.8) 0%,
+      rgba(0, 93, 114, 0.8) 100%
+    );
     border-radius: 6px;
     border: 1px solid #47eef3;
     box-shadow: inset 0 0 5px 5px #47eef38a;
diff --git a/src/views/oneMap/index.vue b/src/views/oneMap/index.vue
index afb2cf9..53fbe3e 100644
--- a/src/views/oneMap/index.vue
+++ b/src/views/oneMap/index.vue
@@ -5,14 +5,20 @@
       <!-- 顶部 -->
       <div
         id="oneMapHeader"
-        :class="['oneMapHeader', 'animate__animated', showPanel2 ? 'animate__fadeOutUp' : 'animate__fadeInDown']"
+        :class="[
+          'oneMapHeader',
+          'animate__animated',
+          showPanel2 ? 'animate__fadeOutUp' : 'animate__fadeInDown',
+        ]"
       >
         <!-- 标题 -->
         <!-- <img id="titleFont" src="@/assets/images/Sponge_screen/oneMapTitleFont.png" /> -->
         <div id="titleFont">延安市城市生命线安全运行监测系统</div>
         <!-- 标题左侧展示组件 -->
         <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">
@@ -31,9 +37,15 @@
         </router-link>
       </div>
       <!-- 地图组件 -->
-      <OneMap @map-click="mapClick" v-if="AllData.MapShowBol" :loadCallback="mapLoad"></OneMap>
+      <OneMap
+        @map-click="mapClick"
+        v-if="AllData.MapShowBol"
+        :loadCallback="mapLoad"
+      ></OneMap>
       <!-- 桥梁BIM -->
-      <WangJiaPingBIM v-if="!AllData.MapShowBol && AllData.ComShowID == 4"></WangJiaPingBIM>
+      <WangJiaPingBIM
+        v-if="!AllData.MapShowBol && AllData.ComShowID == 4"
+      ></WangJiaPingBIM>
       <!-- 隧道BIM -->
       <Tunnel v-if="!AllData.MapShowBol && AllData.ComShowID == 5"></Tunnel>
       <!-- 降雨效果 -->
@@ -72,19 +84,48 @@
         :class="[showPanel ? 'TuChengImgTrue' : 'TuChengImgFalse']"
         v-if="AllData.MapShowBol"
       />
-      <LayerControl v-if="AllData.MapShowBol" :ShowTuCheng="ShowTuCheng" :showPanel="showPanel"></LayerControl>
+      <LayerControl
+        v-if="AllData.MapShowBol"
+        :ShowTuCheng="ShowTuCheng"
+        :showPanel="showPanel"
+      ></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"
@@ -98,7 +139,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">
@@ -108,7 +153,11 @@
       <!-- 菜单List -->
       <div
         class="MenuList"
-        :class="['MenuList' + index, 'animate__animated', showPanel2 ? 'animate__bounceInUp' : 'animate__bounceInUp']"
+        :class="[
+          'MenuList' + index,
+          'animate__animated',
+          showPanel2 ? 'animate__bounceInUp' : 'animate__bounceInUp',
+        ]"
         v-for="(item, index) in AllData.MenuListData"
         @click="MenuClick(item, index)"
         v-if="BottomshowPanel"
@@ -122,7 +171,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' : ''"
@@ -141,7 +193,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"
@@ -163,64 +219,64 @@
 </template>
 
 <script setup name="oneMapIndex">
-import bus from '@/bus';
-import request from '@/utils/request';
-import { fullscreenToggel } from '@/utils/util';
-import { ref, reactive, toRefs, onMounted } from 'vue';
+import bus from "@/bus";
+import request from "@/utils/request";
+import { fullscreenToggel } from "@/utils/util";
+import { ref, reactive, toRefs, onMounted } from "vue";
 
-import useUserStore from '@/store/modules/user';
+import useUserStore from "@/store/modules/user";
 const userStore = useUserStore();
 // 菜单的图片资源
-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 ZHHM from '@/assets/images/Sponge_screen/menu/ZHHM.png';
-import AC_ZHHM from '@/assets/images/Sponge_screen/menu/AC_ZHHM.png';
-import JSPG from '@/assets/images/Sponge_screen/menu/JSPG.png';
-import AC_JSPG from '@/assets/images/Sponge_screen/menu/AC_JSPG.png';
-import JCFX from '@/assets/images/Sponge_screen/menu/JCFX.png';
-import AC_JCFX from '@/assets/images/Sponge_screen/menu/AC_JCFX.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 ZHHM from "@/assets/images/Sponge_screen/menu/ZHHM.png";
+import AC_ZHHM from "@/assets/images/Sponge_screen/menu/AC_ZHHM.png";
+import JSPG from "@/assets/images/Sponge_screen/menu/JSPG.png";
+import AC_JSPG from "@/assets/images/Sponge_screen/menu/AC_JSPG.png";
+import JCFX from "@/assets/images/Sponge_screen/menu/JCFX.png";
+import AC_JCFX from "@/assets/images/Sponge_screen/menu/AC_JCFX.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";
 // 引用隧道BIm
-import Tunnel from './BIM/Tunnel.vue';
+import Tunnel from "./BIM/Tunnel.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 dynamicInformation from '@/views/oneMap/components/dynamicInformation.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 dynamicInformation from "@/views/oneMap/components/dynamicInformation.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";
 // 左右滑动
-import ZuoYou1 from '@/assets/images/Sponge_screen/ZuoYou1.png';
-import ZuoYou2 from '@/assets/images/Sponge_screen/ZuoYou2.png';
-import xtb_img from '@/assets/newImgs/selectedLocation.png';
-import mapBoxVectorLayer from '@/utils/GISdocument/mapboxVectorLayer.js';
+import ZuoYou1 from "@/assets/images/Sponge_screen/ZuoYou1.png";
+import ZuoYou2 from "@/assets/images/Sponge_screen/ZuoYou2.png";
+import xtb_img from "@/assets/newImgs/selectedLocation.png";
+import mapBoxVectorLayer from "@/utils/GISdocument/mapboxVectorLayer.js";
 // 时间以及天气
 const timer = ref(null);
 const dates = ref(null);
@@ -228,8 +284,8 @@
 const times = ref(null);
 const weather = ref({
   temperature: null,
-  imgNum: '',
-  text: '',
+  imgNum: "",
+  text: "",
 });
 const showPanel = ref(false);
 const showPanel2 = ref(false);
@@ -317,61 +373,61 @@
 // 公共弹窗
 const dialogConfig = reactive({
   visible: false,
-  getSiteId: '',
-  SiteNo: '',
+  getSiteId: "",
+  SiteNo: "",
   data: {},
-  comIDs: ['spjk'],
+  comIDs: ["spjk"],
   customData: [],
-  RefName: '',
-  title: '详情',
+  RefName: "",
+  title: "详情",
 });
 onBeforeMount(() => {
-  console.log('ZhuanTiType', userStore.ZhuanTiType);
+  console.log("ZhuanTiType", userStore.ZhuanTiType);
   if (userStore.ZhuanTiType == 1) {
     // 城市生命线
     AllData.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: ["雨水管网流向"],
         children: [
           {
-            name: '排水安全',
+            name: "排水安全",
             id: 3,
-            Layers: [],
+            Layers: ["雨水管网流向"],
           },
           {
-            name: '防汛排涝',
+            name: "防汛排涝",
             id: 7,
-            Layers: [],
+            Layers: ["雨水管网流向"],
           },
         ],
       },
       {
-        name: '桥梁安全',
+        name: "桥梁安全",
         iocn: ZHQL,
         AC_icon: AC_ZHQL,
         id: 4,
         Layers: [],
       },
       {
-        name: '隧道安全',
+        name: "隧道安全",
         iocn: ZHSD,
         AC_icon: AC_ZHSD,
         id: 5,
@@ -382,19 +438,19 @@
     // 海绵
     AllData.MenuListData = [
       {
-        name: '城市概览',
+        name: "城市概览",
         iocn: ZHHM,
         AC_icon: AC_ZHHM,
         id: 6,
       },
       {
-        name: '监测分析',
+        name: "监测分析",
         iocn: JCFX,
         AC_icon: AC_JCFX,
         id: 61,
       },
       {
-        name: '建设评估',
+        name: "建设评估",
         iocn: JSPG,
         AC_icon: AC_JSPG,
         id: 62,
@@ -408,10 +464,10 @@
 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 {
@@ -419,7 +475,7 @@
     }
   });
   // 底部隐藏
-  bus.on('checkBottom', params => {
+  bus.on("checkBottom", (params) => {
     if (params == 1) {
       BottomshowPanel.value = false;
     } else {
@@ -427,16 +483,16 @@
     }
   });
   // 共同弹窗触发事件
-  bus.on('publicDialog', params => {
+  bus.on("publicDialog", (params) => {
     dialogConfig.getSiteId = params.getSiteId;
     dialogConfig.SiteNo = params.SiteNo;
-    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;
   });
@@ -446,14 +502,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);
@@ -463,18 +519,18 @@
     }
   });
   // 切换面板显示隐藏
-  bus.on('changeShowPanel', params => {
+  bus.on("changeShowPanel", (params) => {
     showPanel.value = params;
   });
 });
 onBeforeUnmount(() => {
-  bus.off('BottomHidden');
-  bus.off('publicDialog');
-  bus.off('publicDialog_Close');
-  bus.off('OpenRY');
-  bus.off('ChangeZhuanTiTu');
-  bus.off('checkRainL');
-  bus.off('changeShowPanel');
+  bus.off("BottomHidden");
+  bus.off("publicDialog");
+  bus.off("publicDialog_Close");
+  bus.off("OpenRY");
+  bus.off("ChangeZhuanTiTu");
+  bus.off("checkRainL");
+  bus.off("changeShowPanel");
 });
 // 菜单点击
 const MenuClick = (item, index) => {
@@ -493,9 +549,9 @@
   } else {
     AllData.MapShowBol = true;
     // 点击菜单时隐藏所有图层
-    bus.emit('clearAllLayer');
+    bus.emit("clearAllLayer");
     // 打开默认的菜单
-    bus.emit('SetLayerShow', item.Layers);
+    bus.emit("SetLayerShow", item.Layers);
   }
 };
 // 二级菜单点击
@@ -514,10 +570,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;
@@ -525,20 +581,20 @@
 };
 //地图点击事件
 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 (!feature) {
     let currentZoom = newfiberMapbox.map.getZoom();
-    console.log('currentZoom--', currentZoom);
+    console.log("currentZoom--", currentZoom);
     if (currentZoom >= 18) {
       let clickPoint = turf.point(point);
-      let positionAddress = '';
+      let positionAddress = "";
       gcoord.transform(clickPoint, gcoord.WGS84, gcoord.BD09);
-      console.log('clickPoint---', clickPoint, clickPoint.geometry.coordinates);
+      console.log("clickPoint---", clickPoint, clickPoint.geometry.coordinates);
       let data = await request({
         url: `/bdApi//baiduservice/panorama`,
-        method: 'GET',
+        method: "GET",
         params: {
           location: `${clickPoint.geometry.coordinates[0]},${clickPoint.geometry.coordinates[1]}`,
           fov: 180,
@@ -547,54 +603,61 @@
         },
       });
       if (data && data.data) {
-        data.data.base64 = 'data:image/jpeg;base64,' + data.data.base64;
+        data.data.base64 = "data:image/jpeg;base64," + data.data.base64;
       }
-      console.log('data----', data);
+      console.log("data----", data);
       gcoord.transform(clickPoint, gcoord.BD09, gcoord.WGS84);
       gcoord.transform(clickPoint, gcoord.WGS84, gcoord.GCJ02);
       let regeodata = await request({
         url: `/amap/v3/geocode/regeo`,
-        method: 'GET',
+        method: "GET",
         params: {
           location: `${clickPoint.geometry.coordinates[0]},${clickPoint.geometry.coordinates[1]}`,
-          key: '76eac14980622704ba95c1bf080f3b4c',
+          key: "76eac14980622704ba95c1bf080f3b4c",
           radius: 100,
-          extensions: 'all',
-          output: 'json',
+          extensions: "all",
+          output: "json",
         },
       });
-      if (regeodata.info === 'OK') {
-        console.log('坐标返地名data----', data);
+      if (regeodata.info === "OK") {
+        console.log("坐标返地名data----", data);
         positionAddress = regeodata.regeocode.formatted_address;
       }
       gcoord.transform(clickPoint, gcoord.GCJ02, gcoord.WGS84);
-      mapBoxVectorLayer.removeByIds(['clickPoint']);
-      mapBoxVectorLayer.addGeojsonSymbol('clickPoint', turf.featureCollection([clickPoint]), xtb_img, 0.8);
+      mapBoxVectorLayer.removeByIds(["clickPoint"]);
+      mapBoxVectorLayer.addGeojsonSymbol(
+        "clickPoint",
+        turf.featureCollection([clickPoint]),
+        xtb_img,
+        0.8
+      );
       data.roadName = positionAddress;
-      bus.emit('popupcontent', {
+      bus.emit("popupcontent", {
         popupShow: true,
         point: point,
         popupInfo: data,
       });
     } else {
-      mapBoxVectorLayer.removeByIds(['clickPoint']);
-      bus.emit('closeCesiumPopup');
+      mapBoxVectorLayer.removeByIds(["clickPoint"]);
+      bus.emit("closeCesiumPopup");
     }
   }
   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, // 持续时间，延时
@@ -605,11 +668,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,
@@ -624,12 +687,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}`;
@@ -652,11 +723,11 @@
   // }
 };
 // 二级菜单展示
-const handleMouseEnter = item => {
+const handleMouseEnter = (item) => {
   AllData.ErJiMenuShowID = item.id;
 };
 // 二级菜单展示
-const handleMouseLeave = item => {
+const handleMouseLeave = (item) => {
   AllData.ErJiMenuShowID = null;
 };
 
@@ -683,7 +754,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;
@@ -767,17 +838,17 @@
         cursor: pointer;
       }
       .goHome {
-        background: url('@/assets/images/Sponge_screen/gb_btn.png') no-repeat center;
+        background: url("@/assets/images/Sponge_screen/gb_btn.png") no-repeat center;
         background-size: contain;
         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;
         background-size: contain;
         right: 100px;
       }
       .goClose_com {
-        background: url('@/assets/images/Sponge_screen/sy_btn.png') no-repeat center;
+        background: url("@/assets/images/Sponge_screen/sy_btn.png") no-repeat center;
         background-size: contain;
         right: 50px;
       }
@@ -832,7 +903,7 @@
       bottom: 0;
       width: 952px;
       height: 53px;
-      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;
     }
     // 图标菜单样式 从左到右按照顺序进行设定
@@ -886,7 +957,11 @@
             display: inline-block;
             margin: 5px 0;
             width: 147px;
-            background: linear-gradient(0deg, rgba(1, 86, 126, 1) 0%, rgba(43, 123, 159, 0.8) 100%);
+            background: linear-gradient(
+              0deg,
+              rgba(1, 86, 126, 1) 0%,
+              rgba(43, 123, 159, 0.8) 100%
+            );
             border-radius: 20px;
             &:hover {
               color: #ffd97f;
@@ -897,7 +972,11 @@
             font-weight: bold;
             font-size: 14px;
             color: #ffd97f;
-            background: linear-gradient(0deg, rgba(1, 86, 126, 1) 0%, rgba(43, 123, 159, 1) 100%);
+            background: linear-gradient(
+              0deg,
+              rgba(1, 86, 126, 1) 0%,
+              rgba(43, 123, 159, 1) 100%
+            );
           }
 
           .ErJiMenuJT {
@@ -960,7 +1039,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;