diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue
index 3702b26..325797a 100644
--- a/src/views/sponeScreen/HaiMianScreen/index.vue
+++ b/src/views/sponeScreen/HaiMianScreen/index.vue
@@ -155,7 +155,7 @@
   .controlHM {
     position: absolute;
     bottom: 50px;
-    z-index: 220;
+    z-index: 320;
     width: 32px;
     img {
       width: 32px;

diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue
index 3702b26..325797a 100644
--- a/src/views/sponeScreen/HaiMianScreen/index.vue
+++ b/src/views/sponeScreen/HaiMianScreen/index.vue
@@ -155,7 +155,7 @@
   .controlHM {
     position: absolute;
     bottom: 50px;
-    z-index: 220;
+    z-index: 320;
     width: 32px;
     img {
       width: 32px;
diff --git a/src/views/sponeScreen/longYW/InspectionTasks.vue b/src/views/sponeScreen/longYW/InspectionTasks.vue
index c1111da..265262a 100644
--- a/src/views/sponeScreen/longYW/InspectionTasks.vue
+++ b/src/views/sponeScreen/longYW/InspectionTasks.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="partTitleHM">巡查任务</div>
-  <div class="ConstrucClass">巡查任务</div>
+  <div class="ConstrucClass">巡查任务2</div>
 </template>
 
 <script setup></script>

diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue
index 3702b26..325797a 100644
--- a/src/views/sponeScreen/HaiMianScreen/index.vue
+++ b/src/views/sponeScreen/HaiMianScreen/index.vue
@@ -155,7 +155,7 @@
   .controlHM {
     position: absolute;
     bottom: 50px;
-    z-index: 220;
+    z-index: 320;
     width: 32px;
     img {
       width: 32px;
diff --git a/src/views/sponeScreen/longYW/InspectionTasks.vue b/src/views/sponeScreen/longYW/InspectionTasks.vue
index c1111da..265262a 100644
--- a/src/views/sponeScreen/longYW/InspectionTasks.vue
+++ b/src/views/sponeScreen/longYW/InspectionTasks.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="partTitleHM">巡查任务</div>
-  <div class="ConstrucClass">巡查任务</div>
+  <div class="ConstrucClass">巡查任务2</div>
 </template>
 
 <script setup></script>
diff --git a/src/views/sponeScreen/waterFlood/floodWZ.vue b/src/views/sponeScreen/waterFlood/floodWZ.vue
index 8ceb1f2..890df39 100644
--- a/src/views/sponeScreen/waterFlood/floodWZ.vue
+++ b/src/views/sponeScreen/waterFlood/floodWZ.vue
@@ -2,7 +2,7 @@
   <!-- 防汛物资 -->
   <div class="floodWZPage">
     <div class="partTitleHM">防汛物资</div>
-    <div class="partContHM">防汛物资3333332</div>
+    <div class="partContHM">防汛物资1</div>
   </div>
 </template>
 

diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue
index 3702b26..325797a 100644
--- a/src/views/sponeScreen/HaiMianScreen/index.vue
+++ b/src/views/sponeScreen/HaiMianScreen/index.vue
@@ -155,7 +155,7 @@
   .controlHM {
     position: absolute;
     bottom: 50px;
-    z-index: 220;
+    z-index: 320;
     width: 32px;
     img {
       width: 32px;
diff --git a/src/views/sponeScreen/longYW/InspectionTasks.vue b/src/views/sponeScreen/longYW/InspectionTasks.vue
index c1111da..265262a 100644
--- a/src/views/sponeScreen/longYW/InspectionTasks.vue
+++ b/src/views/sponeScreen/longYW/InspectionTasks.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="partTitleHM">巡查任务</div>
-  <div class="ConstrucClass">巡查任务</div>
+  <div class="ConstrucClass">巡查任务2</div>
 </template>
 
 <script setup></script>
diff --git a/src/views/sponeScreen/waterFlood/floodWZ.vue b/src/views/sponeScreen/waterFlood/floodWZ.vue
index 8ceb1f2..890df39 100644
--- a/src/views/sponeScreen/waterFlood/floodWZ.vue
+++ b/src/views/sponeScreen/waterFlood/floodWZ.vue
@@ -2,7 +2,7 @@
   <!-- 防汛物资 -->
   <div class="floodWZPage">
     <div class="partTitleHM">防汛物资</div>
-    <div class="partContHM">防汛物资3333332</div>
+    <div class="partContHM">防汛物资1</div>
   </div>
 </template>
 
diff --git a/src/views/sponeScreen/waterFlood/index.vue b/src/views/sponeScreen/waterFlood/index.vue
index ee65cf4..5994da6 100644
--- a/src/views/sponeScreen/waterFlood/index.vue
+++ b/src/views/sponeScreen/waterFlood/index.vue
@@ -2,7 +2,7 @@
   <!-- 海绵综合一张图 排水防涝 -->
   <div class="oneMapPSFL">
     <!-- 左侧 -->
-    <div class="publicLeftHM">
+    <div :class="['publicLeftHM', 'animate__animated', showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft']">
       <!-- 降雨日历 -->
       <CaldarRain></CaldarRain>
 
@@ -13,7 +13,7 @@
       <FloodWZ></FloodWZ>
     </div>
     <!-- 右侧 -->
-    <div class="publicRightHM">
+    <div :class="['publicRightHM', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']">
       <!-- 泵站运行监控 -->
       <MonitorBZ></MonitorBZ>
 
@@ -24,13 +24,28 @@
 </template>
 
 <script setup>
-import CaldarRain from '@/views/sponeScreen/WaterFlood/rainCaldar.vue'; //降雨日历
-import ReportRain from '@/views/sponeScreen/WaterFlood/rainReport.vue'; //降雨报告
-import FloodWZ from '@/views/sponeScreen/WaterFlood/floodWZ.vue'; //防汛物资
-import MonitorBZ from '@/views/sponeScreen/WaterFlood/pumpMonitor.vue'; //泵站运行监控
-import MonitorEquip from '@/views/sponeScreen/WaterFlood/equipMonitor.vue'; //监测设备
+import CaldarRain from '@/views/sponeScreen/waterFlood/rainCaldar.vue'; //降雨日历
+import ReportRain from '@/views/sponeScreen/waterFlood/rainReport.vue'; //降雨报告
+import FloodWZ from '@/views/sponeScreen/waterFlood/floodWZ.vue'; //防汛物资
+import MonitorBZ from '@/views/sponeScreen/waterFlood/pumpMonitor.vue'; //泵站运行监控
+import MonitorEquip from '@/views/sponeScreen/waterFlood/equipMonitor.vue'; //监测设备
 
 const { proxy } = getCurrentInstance();
+const showPanel = ref(true); //面板展开收起
+
+// 面板内容展开收起控制
+const props = defineProps({
+  showPanel: {
+    type: Boolean,
+  },
+});
+watch(
+  () => props.showPanel,
+  () => {
+    showPanel.value = props.showPanel;
+  },
+  { immediate: true }
+);
 
 onMounted(() => {});
 </script>