diff --git a/src/views/oneMap/SmartDrainage/PsLeftBox.vue b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
index 885a45f..4a6974b 100644
--- a/src/views/oneMap/SmartDrainage/PsLeftBox.vue
+++ b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
@@ -231,7 +231,7 @@
         width: 430px;
         margin: 0 auto;
         height: calc(100% - 40px);
-        overflow: auto;
+        overflow: hidden;
         cursor: pointer;
         // background: red;
         li {

diff --git a/src/views/oneMap/SmartDrainage/PsLeftBox.vue b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
index 885a45f..4a6974b 100644
--- a/src/views/oneMap/SmartDrainage/PsLeftBox.vue
+++ b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
@@ -231,7 +231,7 @@
         width: 430px;
         margin: 0 auto;
         height: calc(100% - 40px);
-        overflow: auto;
+        overflow: hidden;
         cursor: pointer;
         // background: red;
         li {
diff --git a/src/views/oneMap/components/FHPL.vue b/src/views/oneMap/components/FHPL.vue
index 28bde00..0ff3bff 100644
--- a/src/views/oneMap/components/FHPL.vue
+++ b/src/views/oneMap/components/FHPL.vue
@@ -33,12 +33,17 @@
 const AllData = reactive({});
 const curType = ref(false);
 const isShowMonitorCalender = ref(false);
+const Bottomshow = ref(false);
+const control = ref('0');
 const showPanel = ref(true); //面板展开收起
 // 面板内容展开收起控制
 const props = defineProps({
   showPanel: {
     type: Boolean,
   },
+  BottomshowPanel: {
+    type: Boolean,
+  },
 });
 function openUserDialog(params) {
   isShowMonitorCalender.value = true;
@@ -60,16 +65,12 @@
   () => props.showPanel,
   () => {
     showPanel.value = props.showPanel;
-    bus.on('BottomHidden', params => {
-      console.log(params, 'params2222');
-    });
+    Bottomshow.value = props.BottomshowPanel;
   },
   { immediate: true }
 );
 onMounted(() => {
-  bus.on('BottomHidden', params => {
-    console.log(params, 'params111');
-  });
+  bus.emit('checkBottom', control.value);
 });
 </script>
 

diff --git a/src/views/oneMap/SmartDrainage/PsLeftBox.vue b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
index 885a45f..4a6974b 100644
--- a/src/views/oneMap/SmartDrainage/PsLeftBox.vue
+++ b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
@@ -231,7 +231,7 @@
         width: 430px;
         margin: 0 auto;
         height: calc(100% - 40px);
-        overflow: auto;
+        overflow: hidden;
         cursor: pointer;
         // background: red;
         li {
diff --git a/src/views/oneMap/components/FHPL.vue b/src/views/oneMap/components/FHPL.vue
index 28bde00..0ff3bff 100644
--- a/src/views/oneMap/components/FHPL.vue
+++ b/src/views/oneMap/components/FHPL.vue
@@ -33,12 +33,17 @@
 const AllData = reactive({});
 const curType = ref(false);
 const isShowMonitorCalender = ref(false);
+const Bottomshow = ref(false);
+const control = ref('0');
 const showPanel = ref(true); //面板展开收起
 // 面板内容展开收起控制
 const props = defineProps({
   showPanel: {
     type: Boolean,
   },
+  BottomshowPanel: {
+    type: Boolean,
+  },
 });
 function openUserDialog(params) {
   isShowMonitorCalender.value = true;
@@ -60,16 +65,12 @@
   () => props.showPanel,
   () => {
     showPanel.value = props.showPanel;
-    bus.on('BottomHidden', params => {
-      console.log(params, 'params2222');
-    });
+    Bottomshow.value = props.BottomshowPanel;
   },
   { immediate: true }
 );
 onMounted(() => {
-  bus.on('BottomHidden', params => {
-    console.log(params, 'params111');
-  });
+  bus.emit('checkBottom', control.value);
 });
 </script>
 
diff --git a/src/views/oneMap/components/FXHG.vue b/src/views/oneMap/components/FXHG.vue
index e08bc2c..0f48499 100644
--- a/src/views/oneMap/components/FXHG.vue
+++ b/src/views/oneMap/components/FXHG.vue
@@ -2,7 +2,9 @@
   <div id="ZHPS">
     <div :class="['LeftBox', 'animate__animated', showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft']">11111</div>
     <div :class="['RightBox', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']"></div>
-    <div class="BottomBox">111</div>
+    <div :class="['BottomBox', 'animate__animated', showPanel ? 'animate__bounceInUp' : 'animate__bounceInUp']" v-if="showBottom">
+      111
+    </div>
   </div>
   <div v-if="showPanel == false" style="color: red; position: absolute; left: 500px; top: 500px" @click="goBack">
     放回放回返回
@@ -17,6 +19,8 @@
 const AllData = reactive({});
 const curType = ref(false);
 const showPanel = ref(true); //面板展开收起
+const showBottom = ref(true);
+const control = ref('1');
 // 面板内容展开收起控制
 const props = defineProps({
   showPanel: {
@@ -26,8 +30,10 @@
 function goBack(params) {
   console.log('111');
   showPanel.value = true;
+  showBottom.value = false;
   curType.value = true;
 }
+
 watch(
   () => props.showPanel,
   () => {
@@ -37,9 +43,7 @@
 );
 
 onMounted(() => {
-  bus.on('BottomHidden', params => {
-    console.log(params, 'params111');
-  });
+  bus.emit('checkBottom', control.value);
   let initePSTimer = setInterval(() => {
     if (!newfiberMapbox) return;
     bus.emit('setLayerVisible', { layername: 'ysLine1', isCheck: true });
@@ -79,10 +83,10 @@
   }
   .BottomBox {
     width: 900px;
-    height: 300px;
+    height: 280px;
     position: absolute;
-    right: 100px;
-    top: 70px;
+    right: 500px;
+    bottom: 70px;
     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;

diff --git a/src/views/oneMap/SmartDrainage/PsLeftBox.vue b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
index 885a45f..4a6974b 100644
--- a/src/views/oneMap/SmartDrainage/PsLeftBox.vue
+++ b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
@@ -231,7 +231,7 @@
         width: 430px;
         margin: 0 auto;
         height: calc(100% - 40px);
-        overflow: auto;
+        overflow: hidden;
         cursor: pointer;
         // background: red;
         li {
diff --git a/src/views/oneMap/components/FHPL.vue b/src/views/oneMap/components/FHPL.vue
index 28bde00..0ff3bff 100644
--- a/src/views/oneMap/components/FHPL.vue
+++ b/src/views/oneMap/components/FHPL.vue
@@ -33,12 +33,17 @@
 const AllData = reactive({});
 const curType = ref(false);
 const isShowMonitorCalender = ref(false);
+const Bottomshow = ref(false);
+const control = ref('0');
 const showPanel = ref(true); //面板展开收起
 // 面板内容展开收起控制
 const props = defineProps({
   showPanel: {
     type: Boolean,
   },
+  BottomshowPanel: {
+    type: Boolean,
+  },
 });
 function openUserDialog(params) {
   isShowMonitorCalender.value = true;
@@ -60,16 +65,12 @@
   () => props.showPanel,
   () => {
     showPanel.value = props.showPanel;
-    bus.on('BottomHidden', params => {
-      console.log(params, 'params2222');
-    });
+    Bottomshow.value = props.BottomshowPanel;
   },
   { immediate: true }
 );
 onMounted(() => {
-  bus.on('BottomHidden', params => {
-    console.log(params, 'params111');
-  });
+  bus.emit('checkBottom', control.value);
 });
 </script>
 
diff --git a/src/views/oneMap/components/FXHG.vue b/src/views/oneMap/components/FXHG.vue
index e08bc2c..0f48499 100644
--- a/src/views/oneMap/components/FXHG.vue
+++ b/src/views/oneMap/components/FXHG.vue
@@ -2,7 +2,9 @@
   <div id="ZHPS">
     <div :class="['LeftBox', 'animate__animated', showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft']">11111</div>
     <div :class="['RightBox', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']"></div>
-    <div class="BottomBox">111</div>
+    <div :class="['BottomBox', 'animate__animated', showPanel ? 'animate__bounceInUp' : 'animate__bounceInUp']" v-if="showBottom">
+      111
+    </div>
   </div>
   <div v-if="showPanel == false" style="color: red; position: absolute; left: 500px; top: 500px" @click="goBack">
     放回放回返回
@@ -17,6 +19,8 @@
 const AllData = reactive({});
 const curType = ref(false);
 const showPanel = ref(true); //面板展开收起
+const showBottom = ref(true);
+const control = ref('1');
 // 面板内容展开收起控制
 const props = defineProps({
   showPanel: {
@@ -26,8 +30,10 @@
 function goBack(params) {
   console.log('111');
   showPanel.value = true;
+  showBottom.value = false;
   curType.value = true;
 }
+
 watch(
   () => props.showPanel,
   () => {
@@ -37,9 +43,7 @@
 );
 
 onMounted(() => {
-  bus.on('BottomHidden', params => {
-    console.log(params, 'params111');
-  });
+  bus.emit('checkBottom', control.value);
   let initePSTimer = setInterval(() => {
     if (!newfiberMapbox) return;
     bus.emit('setLayerVisible', { layername: 'ysLine1', isCheck: true });
@@ -79,10 +83,10 @@
   }
   .BottomBox {
     width: 900px;
-    height: 300px;
+    height: 280px;
     position: absolute;
-    right: 100px;
-    top: 70px;
+    right: 500px;
+    bottom: 70px;
     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;
diff --git a/src/views/oneMap/floodPrevention/FholRightBox.vue b/src/views/oneMap/floodPrevention/FholRightBox.vue
index d68e2a0..1f62ae2 100644
--- a/src/views/oneMap/floodPrevention/FholRightBox.vue
+++ b/src/views/oneMap/floodPrevention/FholRightBox.vue
@@ -372,7 +372,7 @@
     .tableBody {
       width: 100%;
       height: calc(100% - 35px);
-      overflow: auto;
+      overflow: hidden;
 
       .tableBodyList {
         height: 34px;

diff --git a/src/views/oneMap/SmartDrainage/PsLeftBox.vue b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
index 885a45f..4a6974b 100644
--- a/src/views/oneMap/SmartDrainage/PsLeftBox.vue
+++ b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
@@ -231,7 +231,7 @@
         width: 430px;
         margin: 0 auto;
         height: calc(100% - 40px);
-        overflow: auto;
+        overflow: hidden;
         cursor: pointer;
         // background: red;
         li {
diff --git a/src/views/oneMap/components/FHPL.vue b/src/views/oneMap/components/FHPL.vue
index 28bde00..0ff3bff 100644
--- a/src/views/oneMap/components/FHPL.vue
+++ b/src/views/oneMap/components/FHPL.vue
@@ -33,12 +33,17 @@
 const AllData = reactive({});
 const curType = ref(false);
 const isShowMonitorCalender = ref(false);
+const Bottomshow = ref(false);
+const control = ref('0');
 const showPanel = ref(true); //面板展开收起
 // 面板内容展开收起控制
 const props = defineProps({
   showPanel: {
     type: Boolean,
   },
+  BottomshowPanel: {
+    type: Boolean,
+  },
 });
 function openUserDialog(params) {
   isShowMonitorCalender.value = true;
@@ -60,16 +65,12 @@
   () => props.showPanel,
   () => {
     showPanel.value = props.showPanel;
-    bus.on('BottomHidden', params => {
-      console.log(params, 'params2222');
-    });
+    Bottomshow.value = props.BottomshowPanel;
   },
   { immediate: true }
 );
 onMounted(() => {
-  bus.on('BottomHidden', params => {
-    console.log(params, 'params111');
-  });
+  bus.emit('checkBottom', control.value);
 });
 </script>
 
diff --git a/src/views/oneMap/components/FXHG.vue b/src/views/oneMap/components/FXHG.vue
index e08bc2c..0f48499 100644
--- a/src/views/oneMap/components/FXHG.vue
+++ b/src/views/oneMap/components/FXHG.vue
@@ -2,7 +2,9 @@
   <div id="ZHPS">
     <div :class="['LeftBox', 'animate__animated', showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft']">11111</div>
     <div :class="['RightBox', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']"></div>
-    <div class="BottomBox">111</div>
+    <div :class="['BottomBox', 'animate__animated', showPanel ? 'animate__bounceInUp' : 'animate__bounceInUp']" v-if="showBottom">
+      111
+    </div>
   </div>
   <div v-if="showPanel == false" style="color: red; position: absolute; left: 500px; top: 500px" @click="goBack">
     放回放回返回
@@ -17,6 +19,8 @@
 const AllData = reactive({});
 const curType = ref(false);
 const showPanel = ref(true); //面板展开收起
+const showBottom = ref(true);
+const control = ref('1');
 // 面板内容展开收起控制
 const props = defineProps({
   showPanel: {
@@ -26,8 +30,10 @@
 function goBack(params) {
   console.log('111');
   showPanel.value = true;
+  showBottom.value = false;
   curType.value = true;
 }
+
 watch(
   () => props.showPanel,
   () => {
@@ -37,9 +43,7 @@
 );
 
 onMounted(() => {
-  bus.on('BottomHidden', params => {
-    console.log(params, 'params111');
-  });
+  bus.emit('checkBottom', control.value);
   let initePSTimer = setInterval(() => {
     if (!newfiberMapbox) return;
     bus.emit('setLayerVisible', { layername: 'ysLine1', isCheck: true });
@@ -79,10 +83,10 @@
   }
   .BottomBox {
     width: 900px;
-    height: 300px;
+    height: 280px;
     position: absolute;
-    right: 100px;
-    top: 70px;
+    right: 500px;
+    bottom: 70px;
     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;
diff --git a/src/views/oneMap/floodPrevention/FholRightBox.vue b/src/views/oneMap/floodPrevention/FholRightBox.vue
index d68e2a0..1f62ae2 100644
--- a/src/views/oneMap/floodPrevention/FholRightBox.vue
+++ b/src/views/oneMap/floodPrevention/FholRightBox.vue
@@ -372,7 +372,7 @@
     .tableBody {
       width: 100%;
       height: calc(100% - 35px);
-      overflow: auto;
+      overflow: hidden;
 
       .tableBodyList {
         height: 34px;
diff --git a/src/views/oneMap/index.vue b/src/views/oneMap/index.vue
index 60f3fff..35f88f8 100644
--- a/src/views/oneMap/index.vue
+++ b/src/views/oneMap/index.vue
@@ -3,11 +3,7 @@
     <!-- 顶部 -->
     <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" />
@@ -26,9 +22,7 @@
       <!-- 地图组件 -->
       <OneMap @map-click="mapClick" v-if="AllData.MapShowBol"></OneMap>
       <!-- 桥梁BIM -->
-      <WangJiaPingBIM
-        v-if="!AllData.MapShowBol && AllData.AC_MenuIndex == 4"
-      ></WangJiaPingBIM>
+      <WangJiaPingBIM v-if="!AllData.MapShowBol && AllData.AC_MenuIndex == 4"></WangJiaPingBIM>
       <!-- 降雨效果 -->
       <CanvasRain v-if="showRainFlow"></CanvasRain>
       <!-- 地图标注点弹窗popup -->
@@ -36,12 +30,7 @@
       <!-- 前端专题组件 -->
       <!-- <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
@@ -62,11 +51,7 @@
         :showPanel="showPanel"
       ></ComZHPS>
       <!-- 4:智慧桥梁 -->
-      <ComZHQL
-        v-if="AllData.AC_MenuIndex == 4"
-        :isActive="AllData.AC_MenuIndex == 4 ? true : false"
-        :showPanel="showPanel"
-      >
+      <ComZHQL v-if="AllData.AC_MenuIndex == 4" :isActive="AllData.AC_MenuIndex == 4 ? true : false" :showPanel="showPanel">
       </ComZHQL>
       <!-- 5:智慧隧道 -->
       <ComZHSD
@@ -95,13 +80,10 @@
       <!-- 菜单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"
       >
         <img class="MenuImg" v-if="AllData.AC_MenuIndex == item.id" :src="item.AC_icon" />
         <img class="MenuImg" v-else :src="item.iocn" />
@@ -115,10 +97,7 @@
     <Voice></Voice>
   </div>
   <!-- 融云弹窗 -->
-  <ModelRongYun
-    :RYdialogShow="AllData.RYDialog"
-    @OneDialogHide="dialogHide"
-  ></ModelRongYun>
+  <ModelRongYun :RYdialogShow="AllData.RYDialog" @OneDialogHide="dialogHide"></ModelRongYun>
   <!-- 前端组件公共弹窗 -->
   <el-dialog
     modal-class="publicDialogVisible"
@@ -140,47 +119,47 @@
 </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 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 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 showPanel = ref(false);
 const ShowTuCheng = ref(false); //图层面板显隐
@@ -188,43 +167,43 @@
   MapShowBol: true, //是否展示中心地图
   MenuListData: [
     {
-      name: "总体概览",
+      name: '总体概览',
       iocn: ZTGL,
       AC_icon: AC_ZTGL,
       id: 1,
     },
     {
-      name: "智慧燃气",
+      name: '智慧燃气',
       iocn: ZHRQ,
       AC_icon: AC_ZHRQ,
       id: 2,
     },
     {
-      name: "智慧排水",
+      name: '智慧排水',
       iocn: ZHPS,
       AC_icon: AC_ZHPS,
       id: 3,
     },
     {
-      name: "智慧海绵",
+      name: '智慧海绵',
       iocn: ZHHM,
       AC_icon: AC_ZHHM,
       id: 6,
     },
     {
-      name: "智慧桥梁",
+      name: '智慧桥梁',
       iocn: ZHQL,
       AC_icon: AC_ZHQL,
       id: 4,
     },
     {
-      name: "智慧隧道",
+      name: '智慧隧道',
       iocn: ZHSD,
       AC_icon: AC_ZHSD,
       id: 5,
     },
     {
-      name: "防汛排涝",
+      name: '防汛排涝',
       iocn: FXPL,
       AC_icon: AC_FXPL,
       id: 7,
@@ -236,41 +215,52 @@
 });
 // 降雨效果
 const showRainFlow = ref(false);
+const BottomshowPanel = ref(true);
 // 公共弹窗
 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 {
       showRainFlow.value = true;
     }
   });
+  // 底部隐藏
+  bus.on('checkBottom', params => {
+    console.log(params, 'params');
+
+    if (params == 1) {
+      BottomshowPanel.value = false;
+    } else {
+      BottomshowPanel.value = true;
+    }
+  });
   // 共同弹窗触发事件
-  bus.on("publicDialog", (params) => {
+  bus.on('publicDialog', params => {
     // 打开弹窗
     dialogConfig.visible = true;
-    dialogConfig.title = params.title ?? "详情";
+    dialogConfig.title = params.title ?? '详情';
     dialogConfig.comIDs = params.comIDs ?? dialogConfig.comIDs;
   });
 });
 onBeforeUnmount(() => {
-  bus.off("BottomHidden");
-  bus.off("publicDialog");
+  bus.off('BottomHidden');
+  bus.off('publicDialog');
 });
 // 菜单点击
 const MenuClick = (item, index) => {
@@ -286,36 +276,34 @@
 // 打开融云通讯录
 const toRYBox = () => {
   AllData.RYDialog = true;
-  bus.emit("showRy");
+  bus.emit('showRy');
 };
 // 关闭融云通讯录弹窗
-const dialogHide = (val) => {
+const dialogHide = val => {
   if (!val) {
     AllData.RYDialog = false;
   }
 };
 //地图点击事件
 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'));
       }
-      properties.pumpName = "燃气管线";
-      let rqLine = turf.featureCollection([
-        turf.feature(Terraformer.WKT.parse(properties.geometry)),
-      ]);
+      properties.pumpName = '燃气管线';
+      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, // 持续时间，延时
@@ -326,11 +314,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,
@@ -348,7 +336,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;
@@ -371,15 +359,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;
     }
   }
@@ -414,7 +402,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;
     }
     // 图标菜单样式 从左到右按照顺序进行设定