diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 98e059e..4022100 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -10,7 +10,7 @@
     roles: [],
     userInfo: {},
     permissions: [],
-    ZhuanTiType: ""
+    ZhuanTiType: 1
   }),
   actions: {
     // 登录

diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 98e059e..4022100 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -10,7 +10,7 @@
     roles: [],
     userInfo: {},
     permissions: [],
-    ZhuanTiType: ""
+    ZhuanTiType: 1
   }),
   actions: {
     // 登录
diff --git a/src/views/oneMap/components/FHPL.vue b/src/views/oneMap/components/FHPL.vue
index 2a2bd63..7bc553c 100644
--- a/src/views/oneMap/components/FHPL.vue
+++ b/src/views/oneMap/components/FHPL.vue
@@ -1,15 +1,33 @@
 <template>
   <div id="FHPL">
-    <div :class="['LeftBox', 'animate__animated', showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft']">
+    <div
+      :class="[
+        'LeftBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft',
+      ]"
+      v-if="!curType"
+    >
       <FhplLeftBox />
     </div>
-    <div :class="['RightBox', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']">
+    <div
+      :class="[
+        'RightBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight',
+      ]"
+      v-if="!curType"
+    >
       <FholRightBox />
     </div>
 
     <!-- 顶部内容 -->
     <div class="top_content">
-      <div class="hujiao_button flex flex-justcontent-center flex-align-center" @click="openUserDialog" v-if="Showtop == true">
+      <div
+        class="hujiao_button flex flex-justcontent-center flex-align-center"
+        @click="openUserDialog"
+        v-if="!curType"
+      >
         汛情回顾
       </div>
     </div>
@@ -20,24 +38,23 @@
   </div>
 
   <!-- <FXHG v-if="curType == true" :checkTime="checkTime"/> -->
-  <FXHG v-if="curType == true" />
+  <FXHG v-if="curType" :showPanel="showPanel" />
 </template>
 
 <script setup name="FHPL">
-import { ref, reactive, toRefs, onMounted } from 'vue';
-import FhplLeftBox from '@/views/oneMap/floodPrevention/FhplLeftBox.vue';
-import FholRightBox from '@/views/oneMap/floodPrevention/FholRightBox.vue';
-import FXHG from '@/views/oneMap/components/FXHG.vue';
-import monitorCalender from '@/views/oneMap/FloodStuationReview/monitorCalender.vue';
-import bus from '@/bus';
-const emits = defineEmits(['closeMonitorCalender']);
+import { ref, reactive, toRefs, onMounted } from "vue";
+import FhplLeftBox from "@/views/oneMap/floodPrevention/FhplLeftBox.vue";
+import FholRightBox from "@/views/oneMap/floodPrevention/FholRightBox.vue";
+import FXHG from "@/views/oneMap/components/FXHG.vue";
+import monitorCalender from "@/views/oneMap/FloodStuationReview/monitorCalender.vue";
+import bus from "@/bus";
+const emits = defineEmits(["closeMonitorCalender"]);
 const AllData = reactive({});
 const curType = ref(false);
 const isShowMonitorCalender = ref(false);
-const control = ref('0');
 const Showtop = ref(true);
 const showPanel = ref(true); //面板展开收起
-const checkTime = ref('');
+const checkTime = ref("");
 // 面板内容展开收起控制
 const props = defineProps({
   showPanel: {
@@ -47,21 +64,20 @@
 function openUserDialog(params) {
   // isShowMonitorCalender.value = true;
   isShowMonitorCalender.value = false;
-  Showtop.value = false;
-  showPanel.value = true;
   curType.value = true;
+  bus.$emit("changeShowPanel", false);
 }
-const change = date => {
-  checkTime.value = date;
+// const change = (date) => {
+//   checkTime.value = date;
 
-  isShowMonitorCalender.value = false;
-  Showtop.value = false;
-  showPanel.value = true;
-  curType.value = true;
-};
+//   isShowMonitorCalender.value = false;
+//   Showtop.value = false;
+//   showPanel.value = true;
+//   curType.value = true;
+// };
 const closeMonitorCalender = () => {
   isShowMonitorCalender.value = false;
-  emits('closeMonitorCalender');
+  emits("closeMonitorCalender");
 };
 watch(
   () => props.showPanel,
@@ -71,13 +87,18 @@
   { immediate: true }
 );
 onMounted(() => {
-  console.log(Showtop.value, ' Showtop.value ');
-  bus.emit('checkBottom', control.value);
+  bus.on("HideFXHG", (params) => {
+    curType.value = false;
+  });
+
   newfiberMapbox.map.easeTo({
     center: [109.488, 36.596],
     zoom: 13,
   });
 });
+onBeforeUnmount(() => {
+  bus.off("HideFXHG");
+});
 </script>
 
 <style lang="scss" scoped>
@@ -88,7 +109,11 @@
     position: absolute;
     left: 10px;
     top: 70px;
-    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 76, 118, 0.8) 100%);
+    background: linear-gradient(
+      0deg,
+      rgba(0, 43, 67, 0.8) 0%,
+      rgba(0, 76, 118, 0.8) 100%
+    );
     border-radius: 6px;
     border: 1px solid #47eef3;
     box-shadow: inset 0 0 5px 5px #47eef38a;
@@ -100,7 +125,11 @@
     position: absolute;
     right: 10px;
     top: 70px;
-    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 76, 118, 0.8) 100%);
+    background: linear-gradient(
+      0deg,
+      rgba(0, 43, 67, 0.8) 0%,
+      rgba(0, 76, 118, 0.8) 100%
+    );
     border-radius: 6px;
     border: 1px solid #47eef3;
     box-shadow: inset 0 0 5px 5px #47eef38a;

diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 98e059e..4022100 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -10,7 +10,7 @@
     roles: [],
     userInfo: {},
     permissions: [],
-    ZhuanTiType: ""
+    ZhuanTiType: 1
   }),
   actions: {
     // 登录
diff --git a/src/views/oneMap/components/FHPL.vue b/src/views/oneMap/components/FHPL.vue
index 2a2bd63..7bc553c 100644
--- a/src/views/oneMap/components/FHPL.vue
+++ b/src/views/oneMap/components/FHPL.vue
@@ -1,15 +1,33 @@
 <template>
   <div id="FHPL">
-    <div :class="['LeftBox', 'animate__animated', showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft']">
+    <div
+      :class="[
+        'LeftBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft',
+      ]"
+      v-if="!curType"
+    >
       <FhplLeftBox />
     </div>
-    <div :class="['RightBox', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']">
+    <div
+      :class="[
+        'RightBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight',
+      ]"
+      v-if="!curType"
+    >
       <FholRightBox />
     </div>
 
     <!-- 顶部内容 -->
     <div class="top_content">
-      <div class="hujiao_button flex flex-justcontent-center flex-align-center" @click="openUserDialog" v-if="Showtop == true">
+      <div
+        class="hujiao_button flex flex-justcontent-center flex-align-center"
+        @click="openUserDialog"
+        v-if="!curType"
+      >
         汛情回顾
       </div>
     </div>
@@ -20,24 +38,23 @@
   </div>
 
   <!-- <FXHG v-if="curType == true" :checkTime="checkTime"/> -->
-  <FXHG v-if="curType == true" />
+  <FXHG v-if="curType" :showPanel="showPanel" />
 </template>
 
 <script setup name="FHPL">
-import { ref, reactive, toRefs, onMounted } from 'vue';
-import FhplLeftBox from '@/views/oneMap/floodPrevention/FhplLeftBox.vue';
-import FholRightBox from '@/views/oneMap/floodPrevention/FholRightBox.vue';
-import FXHG from '@/views/oneMap/components/FXHG.vue';
-import monitorCalender from '@/views/oneMap/FloodStuationReview/monitorCalender.vue';
-import bus from '@/bus';
-const emits = defineEmits(['closeMonitorCalender']);
+import { ref, reactive, toRefs, onMounted } from "vue";
+import FhplLeftBox from "@/views/oneMap/floodPrevention/FhplLeftBox.vue";
+import FholRightBox from "@/views/oneMap/floodPrevention/FholRightBox.vue";
+import FXHG from "@/views/oneMap/components/FXHG.vue";
+import monitorCalender from "@/views/oneMap/FloodStuationReview/monitorCalender.vue";
+import bus from "@/bus";
+const emits = defineEmits(["closeMonitorCalender"]);
 const AllData = reactive({});
 const curType = ref(false);
 const isShowMonitorCalender = ref(false);
-const control = ref('0');
 const Showtop = ref(true);
 const showPanel = ref(true); //面板展开收起
-const checkTime = ref('');
+const checkTime = ref("");
 // 面板内容展开收起控制
 const props = defineProps({
   showPanel: {
@@ -47,21 +64,20 @@
 function openUserDialog(params) {
   // isShowMonitorCalender.value = true;
   isShowMonitorCalender.value = false;
-  Showtop.value = false;
-  showPanel.value = true;
   curType.value = true;
+  bus.$emit("changeShowPanel", false);
 }
-const change = date => {
-  checkTime.value = date;
+// const change = (date) => {
+//   checkTime.value = date;
 
-  isShowMonitorCalender.value = false;
-  Showtop.value = false;
-  showPanel.value = true;
-  curType.value = true;
-};
+//   isShowMonitorCalender.value = false;
+//   Showtop.value = false;
+//   showPanel.value = true;
+//   curType.value = true;
+// };
 const closeMonitorCalender = () => {
   isShowMonitorCalender.value = false;
-  emits('closeMonitorCalender');
+  emits("closeMonitorCalender");
 };
 watch(
   () => props.showPanel,
@@ -71,13 +87,18 @@
   { immediate: true }
 );
 onMounted(() => {
-  console.log(Showtop.value, ' Showtop.value ');
-  bus.emit('checkBottom', control.value);
+  bus.on("HideFXHG", (params) => {
+    curType.value = false;
+  });
+
   newfiberMapbox.map.easeTo({
     center: [109.488, 36.596],
     zoom: 13,
   });
 });
+onBeforeUnmount(() => {
+  bus.off("HideFXHG");
+});
 </script>
 
 <style lang="scss" scoped>
@@ -88,7 +109,11 @@
     position: absolute;
     left: 10px;
     top: 70px;
-    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 76, 118, 0.8) 100%);
+    background: linear-gradient(
+      0deg,
+      rgba(0, 43, 67, 0.8) 0%,
+      rgba(0, 76, 118, 0.8) 100%
+    );
     border-radius: 6px;
     border: 1px solid #47eef3;
     box-shadow: inset 0 0 5px 5px #47eef38a;
@@ -100,7 +125,11 @@
     position: absolute;
     right: 10px;
     top: 70px;
-    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 76, 118, 0.8) 100%);
+    background: linear-gradient(
+      0deg,
+      rgba(0, 43, 67, 0.8) 0%,
+      rgba(0, 76, 118, 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/FXHG.vue b/src/views/oneMap/components/FXHG.vue
index a45ccd9..e4f6271 100644
--- a/src/views/oneMap/components/FXHG.vue
+++ b/src/views/oneMap/components/FXHG.vue
@@ -2,50 +2,69 @@
   <div id="ZHPS">
     <!-- 汛情回顾头部日历 -->
     <TopTimePick @selectTime="selectTime" v-if="!showPanel" />
-    <div :class="['LeftBox', 'animate__animated', showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft']">
+    <div
+      :class="[
+        'LeftBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft',
+      ]"
+    >
       <xqhgLeftBox />
     </div>
-    <div :class="['RightBox', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']">
+    <div
+      :class="[
+        'RightBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight',
+      ]"
+    >
       <xqRightBox />
     </div>
-    <div :class="['BottomBox', 'animate__animated', showPanel ? 'animate__bounceInUp' : 'animate__bounceInUp']" v-if="showBottom">
+    <div
+      :class="[
+        'BottomBox',
+        'animate__animated',
+        showPanel ? 'animate__bounceInUp' : 'animate__bounceInUp',
+      ]"
+      v-if="showBottom"
+    >
       <sqhgBottomBox :checkTime="checkTime" />
     </div>
   </div>
-  <div v-if="showPanel == false" class="bnt" @click="goBack">返回</div>
-  <FHPL v-if="curType == true" />
+  <div v-if="!showPanel" class="bnt" @click="goBack">返回</div>
 </template>
 
 <script setup name="ZHPS">
-import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
-import FHPL from '@/views/oneMap/components/FHPL.vue';
-import TopTimePick from '@/views/oneMap/components/topTimePick.vue';
-import xqhgLeftBox from '@/views/oneMap/FloodStuationReview/xqhgLeftBox.vue';
-import xqRightBox from '@/views/oneMap/FloodStuationReview/xqRightBox.vue';
-import sqhgBottomBox from '@/views/oneMap/FloodStuationReview/sqhgBottomBox.vue';
-import bus from '@/bus';
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from "vue";
+// import FHPL from '@/views/oneMap/components/FHPL.vue';
+import TopTimePick from "@/views/oneMap/components/topTimePick.vue";
+import xqhgLeftBox from "@/views/oneMap/FloodStuationReview/xqhgLeftBox.vue";
+import xqRightBox from "@/views/oneMap/FloodStuationReview/xqRightBox.vue";
+import sqhgBottomBox from "@/views/oneMap/FloodStuationReview/sqhgBottomBox.vue";
+import bus from "@/bus";
 const AllData = reactive({});
 const curType = ref(false);
 const showPanel = ref(true); //面板展开收起
 const showBottom = ref(true);
-const control = ref('1');
 // 面板内容展开收起控制
 const props = defineProps({
   showPanel: {
     type: Boolean,
   },
 });
-let checkTime = ref('');
+let checkTime = ref("");
 function goBack(params) {
   showPanel.value = true;
   showBottom.value = false;
-  curType.value = true;
-  bus.emit('SetLayerShow', ['蓝色地图']);
-  if (newfiberMapbox.map.getLayer('dynamicRoute')) {
-    newfiberMapbox.map.removeLayer('dynamicRoute');
-    newfiberMapbox.map.removeLayer('dynamicRoute_Symbol');
-    newfiberMapbox.map.removeSource('dynamicRoute');
-    newfiberMapbox.map.removeSource('dynamicRoute_Symbol');
+  // curType.value = true;
+  bus.emit("HideFXHG");
+  bus.emit("checkBottom", 0);
+  bus.emit("SetLayerShow", ["蓝色地图"]);
+  if (newfiberMapbox.map.getLayer("dynamicRoute")) {
+    newfiberMapbox.map.removeLayer("dynamicRoute");
+    newfiberMapbox.map.removeLayer("dynamicRoute_Symbol");
+    newfiberMapbox.map.removeSource("dynamicRoute");
+    newfiberMapbox.map.removeSource("dynamicRoute_Symbol");
     clearInterval(window.routeTimer);
   }
 }
@@ -60,23 +79,24 @@
   { immediate: true }
 );
 onMounted(() => {
-  bus.emit('checkBottom', control.value);
+  bus.emit("checkBottom", 1);
 
   //接受日历
-  bus.on('checkRili', params => {
-    console.log(params, '接收paramsparamsparams');
+  bus.on("checkRili", (params) => {
+    console.log(params, "接收paramsparamsparams");
   });
 
   let initePSTimer = setInterval(() => {
     if (!newfiberMapbox) return;
-    bus.emit('SetLayerShow', ['白色地图']);
-    bus.emit('setLayerVisible', { layername: 'pipeline_info_flow_ys', isCheck: true });
+    bus.emit("SetLayerShow", ["白色地图"]);
+    bus.emit("setLayerVisible", { layername: "pipeline_info_flow_ys", isCheck: true });
     //bus.emit('setLayerVisible', { layername: 'wsLine1', isCheck: true });
     clearInterval(initePSTimer);
   }, 100);
 });
 onBeforeUnmount(() => {
-  bus.emit('setLayerVisible', { layername: 'pipeline_info_flow_ys', isCheck: false });
+  bus.emit("setLayerVisible", { layername: "pipeline_info_flow_ys", isCheck: false });
+
   //bus.emit('setLayerVisible', { layername: 'wsLine1', isCheck: false });
 });
 </script>
@@ -89,7 +109,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;
@@ -100,7 +124,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;
@@ -112,7 +140,11 @@
     position: absolute;
     right: 500px;
     bottom: 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;
@@ -124,7 +156,7 @@
   position: absolute;
   left: 520px;
   bottom: 340px;
-  background: url('@/assets/images/fhpl/rkan_bnt.png') no-repeat;
+  background: url("@/assets/images/fhpl/rkan_bnt.png") no-repeat;
   background-size: 100% 100%;
   cursor: pointer;
 

diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 98e059e..4022100 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -10,7 +10,7 @@
     roles: [],
     userInfo: {},
     permissions: [],
-    ZhuanTiType: ""
+    ZhuanTiType: 1
   }),
   actions: {
     // 登录
diff --git a/src/views/oneMap/components/FHPL.vue b/src/views/oneMap/components/FHPL.vue
index 2a2bd63..7bc553c 100644
--- a/src/views/oneMap/components/FHPL.vue
+++ b/src/views/oneMap/components/FHPL.vue
@@ -1,15 +1,33 @@
 <template>
   <div id="FHPL">
-    <div :class="['LeftBox', 'animate__animated', showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft']">
+    <div
+      :class="[
+        'LeftBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft',
+      ]"
+      v-if="!curType"
+    >
       <FhplLeftBox />
     </div>
-    <div :class="['RightBox', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']">
+    <div
+      :class="[
+        'RightBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight',
+      ]"
+      v-if="!curType"
+    >
       <FholRightBox />
     </div>
 
     <!-- 顶部内容 -->
     <div class="top_content">
-      <div class="hujiao_button flex flex-justcontent-center flex-align-center" @click="openUserDialog" v-if="Showtop == true">
+      <div
+        class="hujiao_button flex flex-justcontent-center flex-align-center"
+        @click="openUserDialog"
+        v-if="!curType"
+      >
         汛情回顾
       </div>
     </div>
@@ -20,24 +38,23 @@
   </div>
 
   <!-- <FXHG v-if="curType == true" :checkTime="checkTime"/> -->
-  <FXHG v-if="curType == true" />
+  <FXHG v-if="curType" :showPanel="showPanel" />
 </template>
 
 <script setup name="FHPL">
-import { ref, reactive, toRefs, onMounted } from 'vue';
-import FhplLeftBox from '@/views/oneMap/floodPrevention/FhplLeftBox.vue';
-import FholRightBox from '@/views/oneMap/floodPrevention/FholRightBox.vue';
-import FXHG from '@/views/oneMap/components/FXHG.vue';
-import monitorCalender from '@/views/oneMap/FloodStuationReview/monitorCalender.vue';
-import bus from '@/bus';
-const emits = defineEmits(['closeMonitorCalender']);
+import { ref, reactive, toRefs, onMounted } from "vue";
+import FhplLeftBox from "@/views/oneMap/floodPrevention/FhplLeftBox.vue";
+import FholRightBox from "@/views/oneMap/floodPrevention/FholRightBox.vue";
+import FXHG from "@/views/oneMap/components/FXHG.vue";
+import monitorCalender from "@/views/oneMap/FloodStuationReview/monitorCalender.vue";
+import bus from "@/bus";
+const emits = defineEmits(["closeMonitorCalender"]);
 const AllData = reactive({});
 const curType = ref(false);
 const isShowMonitorCalender = ref(false);
-const control = ref('0');
 const Showtop = ref(true);
 const showPanel = ref(true); //面板展开收起
-const checkTime = ref('');
+const checkTime = ref("");
 // 面板内容展开收起控制
 const props = defineProps({
   showPanel: {
@@ -47,21 +64,20 @@
 function openUserDialog(params) {
   // isShowMonitorCalender.value = true;
   isShowMonitorCalender.value = false;
-  Showtop.value = false;
-  showPanel.value = true;
   curType.value = true;
+  bus.$emit("changeShowPanel", false);
 }
-const change = date => {
-  checkTime.value = date;
+// const change = (date) => {
+//   checkTime.value = date;
 
-  isShowMonitorCalender.value = false;
-  Showtop.value = false;
-  showPanel.value = true;
-  curType.value = true;
-};
+//   isShowMonitorCalender.value = false;
+//   Showtop.value = false;
+//   showPanel.value = true;
+//   curType.value = true;
+// };
 const closeMonitorCalender = () => {
   isShowMonitorCalender.value = false;
-  emits('closeMonitorCalender');
+  emits("closeMonitorCalender");
 };
 watch(
   () => props.showPanel,
@@ -71,13 +87,18 @@
   { immediate: true }
 );
 onMounted(() => {
-  console.log(Showtop.value, ' Showtop.value ');
-  bus.emit('checkBottom', control.value);
+  bus.on("HideFXHG", (params) => {
+    curType.value = false;
+  });
+
   newfiberMapbox.map.easeTo({
     center: [109.488, 36.596],
     zoom: 13,
   });
 });
+onBeforeUnmount(() => {
+  bus.off("HideFXHG");
+});
 </script>
 
 <style lang="scss" scoped>
@@ -88,7 +109,11 @@
     position: absolute;
     left: 10px;
     top: 70px;
-    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 76, 118, 0.8) 100%);
+    background: linear-gradient(
+      0deg,
+      rgba(0, 43, 67, 0.8) 0%,
+      rgba(0, 76, 118, 0.8) 100%
+    );
     border-radius: 6px;
     border: 1px solid #47eef3;
     box-shadow: inset 0 0 5px 5px #47eef38a;
@@ -100,7 +125,11 @@
     position: absolute;
     right: 10px;
     top: 70px;
-    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 76, 118, 0.8) 100%);
+    background: linear-gradient(
+      0deg,
+      rgba(0, 43, 67, 0.8) 0%,
+      rgba(0, 76, 118, 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/FXHG.vue b/src/views/oneMap/components/FXHG.vue
index a45ccd9..e4f6271 100644
--- a/src/views/oneMap/components/FXHG.vue
+++ b/src/views/oneMap/components/FXHG.vue
@@ -2,50 +2,69 @@
   <div id="ZHPS">
     <!-- 汛情回顾头部日历 -->
     <TopTimePick @selectTime="selectTime" v-if="!showPanel" />
-    <div :class="['LeftBox', 'animate__animated', showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft']">
+    <div
+      :class="[
+        'LeftBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft',
+      ]"
+    >
       <xqhgLeftBox />
     </div>
-    <div :class="['RightBox', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']">
+    <div
+      :class="[
+        'RightBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight',
+      ]"
+    >
       <xqRightBox />
     </div>
-    <div :class="['BottomBox', 'animate__animated', showPanel ? 'animate__bounceInUp' : 'animate__bounceInUp']" v-if="showBottom">
+    <div
+      :class="[
+        'BottomBox',
+        'animate__animated',
+        showPanel ? 'animate__bounceInUp' : 'animate__bounceInUp',
+      ]"
+      v-if="showBottom"
+    >
       <sqhgBottomBox :checkTime="checkTime" />
     </div>
   </div>
-  <div v-if="showPanel == false" class="bnt" @click="goBack">返回</div>
-  <FHPL v-if="curType == true" />
+  <div v-if="!showPanel" class="bnt" @click="goBack">返回</div>
 </template>
 
 <script setup name="ZHPS">
-import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
-import FHPL from '@/views/oneMap/components/FHPL.vue';
-import TopTimePick from '@/views/oneMap/components/topTimePick.vue';
-import xqhgLeftBox from '@/views/oneMap/FloodStuationReview/xqhgLeftBox.vue';
-import xqRightBox from '@/views/oneMap/FloodStuationReview/xqRightBox.vue';
-import sqhgBottomBox from '@/views/oneMap/FloodStuationReview/sqhgBottomBox.vue';
-import bus from '@/bus';
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from "vue";
+// import FHPL from '@/views/oneMap/components/FHPL.vue';
+import TopTimePick from "@/views/oneMap/components/topTimePick.vue";
+import xqhgLeftBox from "@/views/oneMap/FloodStuationReview/xqhgLeftBox.vue";
+import xqRightBox from "@/views/oneMap/FloodStuationReview/xqRightBox.vue";
+import sqhgBottomBox from "@/views/oneMap/FloodStuationReview/sqhgBottomBox.vue";
+import bus from "@/bus";
 const AllData = reactive({});
 const curType = ref(false);
 const showPanel = ref(true); //面板展开收起
 const showBottom = ref(true);
-const control = ref('1');
 // 面板内容展开收起控制
 const props = defineProps({
   showPanel: {
     type: Boolean,
   },
 });
-let checkTime = ref('');
+let checkTime = ref("");
 function goBack(params) {
   showPanel.value = true;
   showBottom.value = false;
-  curType.value = true;
-  bus.emit('SetLayerShow', ['蓝色地图']);
-  if (newfiberMapbox.map.getLayer('dynamicRoute')) {
-    newfiberMapbox.map.removeLayer('dynamicRoute');
-    newfiberMapbox.map.removeLayer('dynamicRoute_Symbol');
-    newfiberMapbox.map.removeSource('dynamicRoute');
-    newfiberMapbox.map.removeSource('dynamicRoute_Symbol');
+  // curType.value = true;
+  bus.emit("HideFXHG");
+  bus.emit("checkBottom", 0);
+  bus.emit("SetLayerShow", ["蓝色地图"]);
+  if (newfiberMapbox.map.getLayer("dynamicRoute")) {
+    newfiberMapbox.map.removeLayer("dynamicRoute");
+    newfiberMapbox.map.removeLayer("dynamicRoute_Symbol");
+    newfiberMapbox.map.removeSource("dynamicRoute");
+    newfiberMapbox.map.removeSource("dynamicRoute_Symbol");
     clearInterval(window.routeTimer);
   }
 }
@@ -60,23 +79,24 @@
   { immediate: true }
 );
 onMounted(() => {
-  bus.emit('checkBottom', control.value);
+  bus.emit("checkBottom", 1);
 
   //接受日历
-  bus.on('checkRili', params => {
-    console.log(params, '接收paramsparamsparams');
+  bus.on("checkRili", (params) => {
+    console.log(params, "接收paramsparamsparams");
   });
 
   let initePSTimer = setInterval(() => {
     if (!newfiberMapbox) return;
-    bus.emit('SetLayerShow', ['白色地图']);
-    bus.emit('setLayerVisible', { layername: 'pipeline_info_flow_ys', isCheck: true });
+    bus.emit("SetLayerShow", ["白色地图"]);
+    bus.emit("setLayerVisible", { layername: "pipeline_info_flow_ys", isCheck: true });
     //bus.emit('setLayerVisible', { layername: 'wsLine1', isCheck: true });
     clearInterval(initePSTimer);
   }, 100);
 });
 onBeforeUnmount(() => {
-  bus.emit('setLayerVisible', { layername: 'pipeline_info_flow_ys', isCheck: false });
+  bus.emit("setLayerVisible", { layername: "pipeline_info_flow_ys", isCheck: false });
+
   //bus.emit('setLayerVisible', { layername: 'wsLine1', isCheck: false });
 });
 </script>
@@ -89,7 +109,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;
@@ -100,7 +124,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;
@@ -112,7 +140,11 @@
     position: absolute;
     right: 500px;
     bottom: 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;
@@ -124,7 +156,7 @@
   position: absolute;
   left: 520px;
   bottom: 340px;
-  background: url('@/assets/images/fhpl/rkan_bnt.png') no-repeat;
+  background: url("@/assets/images/fhpl/rkan_bnt.png") no-repeat;
   background-size: 100% 100%;
   cursor: pointer;
 
diff --git a/src/views/oneMap/index.vue b/src/views/oneMap/index.vue
index a61c36e..4dbe10c 100644
--- a/src/views/oneMap/index.vue
+++ b/src/views/oneMap/index.vue
@@ -488,6 +488,10 @@
       ErJiMenuClick(params.MenuData1, params.MenuData2);
     }
   });
+  // 切换面板显示隐藏
+  bus.on("changeShowPanel", (params) => {
+    showPanel.value = params;
+  });
 });
 onBeforeUnmount(() => {
   bus.off("BottomHidden");
@@ -496,6 +500,7 @@
   bus.off("OpenRY");
   bus.off("ChangeZhuanTiTu");
   bus.off("checkRainL");
+  bus.off("changeShowPanel");
 });
 // 菜单点击
 const MenuClick = (item, index) => {
@@ -859,7 +864,7 @@
         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;
       }