diff --git a/src/views/RongyunCommunication/index.vue b/src/views/RongyunCommunication/index.vue
index 6a815be..80fd06c 100644
--- a/src/views/RongyunCommunication/index.vue
+++ b/src/views/RongyunCommunication/index.vue
@@ -1,6 +1,6 @@
 <template>
   <!-- 接听来电提醒 -->
-  <el-dialog
+   <el-dialog
     v-model="allData.showTip"
     id="tipModal"
     append-to-body

diff --git a/src/views/RongyunCommunication/index.vue b/src/views/RongyunCommunication/index.vue
index 6a815be..80fd06c 100644
--- a/src/views/RongyunCommunication/index.vue
+++ b/src/views/RongyunCommunication/index.vue
@@ -1,6 +1,6 @@
 <template>
   <!-- 接听来电提醒 -->
-  <el-dialog
+   <el-dialog
     v-model="allData.showTip"
     id="tipModal"
     append-to-body
diff --git a/src/views/oneMap/components/ZHHM.vue b/src/views/oneMap/components/ZHHM.vue
index 6908bb2..1e900bc 100644
--- a/src/views/oneMap/components/ZHHM.vue
+++ b/src/views/oneMap/components/ZHHM.vue
@@ -1,8 +1,16 @@
 <template>
   <div id="ZHHM">
-    <div :class="['LeftBox', 'animate__animated', showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft']">
+    <div
+      :class="[
+        'LeftBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft',
+      ]"
+    >
       <div class="ComBox LeftBox1_1">
-        <div class="Box_header">空间格局 <span class="Box_header_miniFont">(一心三轴多组团)</span></div>
+        <div class="Box_header">
+          空间格局 <span class="Box_header_miniFont">(一心三轴多组团)</span>
+        </div>
         <div class="Box_Body">
           <div class="KJGJ_List1">
             <div class="KJGJ_List1_List">
@@ -73,7 +81,9 @@
           </div>
         </div>
         <div class="Box_Body">
-          <div class="HeadContent" v-if="activedname == '年际降雨变化'">丰、枯年交替出现，且降雨量变化幅度大</div>
+          <div class="HeadContent" v-if="activedname == '年际降雨变化'">
+            丰、枯年交替出现，且降雨量变化幅度大
+          </div>
           <div class="HeadContent" v-else>年内降雨量分配不均匀，冬季干旱，雨雪稀少</div>
           <div class="box-body">
             <div style="height: 100%">
@@ -82,7 +92,11 @@
                 :refresh="chartData2.refresh"
                 v-if="activedname == '年际降雨变化'"
               ></RainfallEcharts>
-              <RainfallLegend :data="chartData3" :refresh1="chartData3.refresh1" v-else></RainfallLegend>
+              <RainfallLegend
+                :data="chartData3"
+                :refresh1="chartData3.refresh1"
+                v-else
+              ></RainfallLegend>
             </div>
           </div>
         </div>
@@ -105,7 +119,13 @@
         </div>
       </div>
     </div>
-    <div :class="['RightBox', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']">
+    <div
+      :class="[
+        'RightBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight',
+      ]"
+    >
       <div class="ComBox RightBox1_1">
         <div class="Box_header">城市排涝体系提升</div>
         <div class="Box_Body">
@@ -119,7 +139,11 @@
               {{ item.name }}
             </div>
           </div>
-          <img class="SCPLTXImg" src="@/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu2.png" alt="" />
+          <img
+            class="SCPLTXImg"
+            src="@/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu2.png"
+            alt=""
+          />
         </div>
       </div>
       <div class="ComBox RightBox1_2">
@@ -135,65 +159,85 @@
               {{ item.name }}
             </div>
           </div>
-          <img class="SCPBZXImg" src="@/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png" alt="" />
+          <img
+            class="SCPBZXImg"
+            src="@/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png"
+            alt=""
+          />
         </div>
       </div>
       <div class="ComBox RightBox1_3">
         <div class="Box_header">水环境改善提升</div>
         <div class="Box_Body SHJGS">
-          <img class="SHJGSImg" src="@/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu5.png" alt="" />
-          <img class="SHJGSImg" src="@/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu6.png" alt="" />
-          <img class="SHJGSImg" src="@/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu4.png" alt="" />
+          <img
+            class="SHJGSImg"
+            src="@/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu5.png"
+            alt=""
+          />
+          <img
+            class="SHJGSImg"
+            src="@/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu6.png"
+            alt=""
+          />
+          <img
+            class="SHJGSImg"
+            src="@/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu4.png"
+            alt=""
+          />
         </div>
       </div>
     </div>
     <Transition name="slideWT">
       <div class="XFK" v-show="AllData.WTShow">
-        <img class="XFKImg" src="@/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu3.png" alt="" />
+        <img
+          class="XFKImg"
+          src="@/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu3.png"
+          alt=""
+        />
       </div>
     </Transition>
   </div>
 </template>
 
 <script setup name="ZHHM">
-import { ref, reactive, toRefs, onMounted } from 'vue';
+import { ref, reactive, toRefs, onMounted } from "vue";
 const AllData = reactive({
   // 问题识别
   WTSBData: [
     {
-      num: '01',
-      font: '大江大河交汇，防洪问题突出',
+      num: "01",
+      font: "新区雨水入老城，雨季内涝积水频发",
     },
     {
-      num: '02',
-      font: '初期雨水面源污染不容忽视',
+      num: "02",
+      font: "水资源严重短缺，雨水资源利用难度大",
     },
     {
-      num: '03',
-      font: '排涝设施能力不足，城区内涝频发',
+      num: "03",
+      font: "排水系统不完善，雨季延河水质不稳定",
     },
     {
-      num: '04',
-      font: '水资源时空分布不均匀',
+      num: "04",
+      font: "山体沟道人居环境较差，局部存在安全隐患",
     },
-    {
-      num: '05',
-      font: '湖泊面积萎缩，城市海绵体受损',
-    },
+    // {
+    //   num: '05',
+    //   font: '湖泊面积萎缩，城市海绵体受损',
+    // },
   ],
   // 城市排涝体系提升
   SCPLTX_changeData: [
     {
       id: 1,
-      name: '源头减排',
+      name: "源头减排",
     },
     {
       id: 2,
-      name: '过程控制',
+      name: "过程控制",
     },
     {
       id: 3,
-      name: '系统治理',
+      name: "系统治理",
     },
   ],
   SCPLTX_changeId: 1,
@@ -201,15 +245,15 @@
   SCPLBZ_changeData: [
     {
       id: 1,
-      name: '上栏',
+      name: "上栏",
     },
     {
       id: 2,
-      name: '中滞',
+      name: "中滞",
     },
     {
       id: 3,
-      name: '下排',
+      name: "下排",
     },
   ],
   SCPLBZ_changeId: 1,
@@ -223,40 +267,40 @@
   refresh: 1,
 });
 const chartData3 = ref({
-  XName: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'],
+  XName: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"],
   data1: [8, 15, 24, 36, 58, 63, 165, 125, 72, 30, 23, 10],
   data: [
     {
       coords: [
-        ['1', 8],
-        ['2', 15],
-        ['3', 24],
-        ['4', 36],
-        ['5', 58],
-        ['6', 63],
-        ['7', 165],
-        ['8', 125],
-        ['9', 72],
-        ['10', 30],
-        ['11', 23],
-        ['12', 10],
+        ["1", 8],
+        ["2", 15],
+        ["3", 24],
+        ["4", 36],
+        ["5", 58],
+        ["6", 63],
+        ["7", 165],
+        ["8", 125],
+        ["9", 72],
+        ["10", 30],
+        ["11", 23],
+        ["12", 10],
       ],
     },
   ],
   refresh1: 1,
 });
-const activedname = ref('年际降雨变化');
+const activedname = ref("年际降雨变化");
 const weatherTimer = ref(null);
 const yearList = ref([
-  { name: '年际降雨变化', value: 1 },
-  { name: '年内降雨量', value: 2 },
+  { name: "年际降雨变化", value: 1 },
+  { name: "年内降雨量", value: 2 },
 ]);
-import RainfallEcharts from '@/views/oneMap/Echarts/RainfallEcharts.vue'; //年际降雨变化
-import RainfallLegend from '@/views/oneMap/Echarts/RainfallLegend.vue'; //年内降雨量
-import { onBeforeUnmount } from 'vue';
-import bus from '@/bus';
-import yanAnProjection from '@/assets/yanAnProjection.json';
-import mapBoxVectorLayer from '@/utils/GISdocument/mapboxVectorLayer.js';
+import RainfallEcharts from "@/views/oneMap/Echarts/RainfallEcharts.vue"; //年际降雨变化
+import RainfallLegend from "@/views/oneMap/Echarts/RainfallLegend.vue"; //年内降雨量
+import { onBeforeUnmount } from "vue";
+import bus from "@/bus";
+import yanAnProjection from "@/assets/yanAnProjection.json";
+import mapBoxVectorLayer from "@/utils/GISdocument/mapboxVectorLayer.js";
 // 面板内容展开收起控制
 const props = defineProps({
   showPanel: {
@@ -274,30 +318,50 @@
 const addProjectionLayer = () => {
   let projectionList = [
     {
-      layername: 'HMJZYSQ',
-      data: turf.featureCollection(yanAnProjection.features.filter(i => i.properties.projectionType.includes('建筑'))),
+      layername: "HMJZYSQ",
+      data: turf.featureCollection(
+        yanAnProjection.features.filter((i) =>
+          i.properties.projectionType.includes("建筑")
+        )
+      ),
     },
     {
-      layername: 'HMXGYLD',
-      data: turf.featureCollection(yanAnProjection.features.filter(i => i.properties.projectionType.includes('公园'))),
+      layername: "HMXGYLD",
+      data: turf.featureCollection(
+        yanAnProjection.features.filter((i) =>
+          i.properties.projectionType.includes("公园")
+        )
+      ),
     },
     {
-      layername: 'HMXDLGC',
-      data: turf.featureCollection(yanAnProjection.features.filter(i => i.properties.projectionType.includes('道路'))),
+      layername: "HMXDLGC",
+      data: turf.featureCollection(
+        yanAnProjection.features.filter((i) =>
+          i.properties.projectionType.includes("道路")
+        )
+      ),
     },
     {
-      layername: 'HMXSX',
-      data: turf.featureCollection(yanAnProjection.features.filter(i => i.properties.projectionType.includes('水系'))),
+      layername: "HMXSX",
+      data: turf.featureCollection(
+        yanAnProjection.features.filter((i) =>
+          i.properties.projectionType.includes("水系")
+        )
+      ),
     },
     {
-      layername: 'GWPCYXF',
-      data: turf.featureCollection(yanAnProjection.features.filter(i => i.properties.projectionType.includes('管网'))),
+      layername: "GWPCYXF",
+      data: turf.featureCollection(
+        yanAnProjection.features.filter((i) =>
+          i.properties.projectionType.includes("管网")
+        )
+      ),
     },
     // 'HMXSX', 'GWPCYXF', 'GWJBZ', 'GIS', 'other'
   ];
-  console.log('projectionList---', projectionList);
-  bus.emit('setLegendData', projectionList);
-  bus.emit('setLayerVisible', { layername: 'HMJZYSQ', isCheck: true }); //建筑
+  console.log("projectionList---", projectionList);
+  bus.emit("setLegendData", projectionList);
+  bus.emit("setLayerVisible", { layername: "HMJZYSQ", isCheck: true }); //建筑
   // bus.emit('setLayerVisible', { layername: 'HMXGYLD', isCheck: true });//公园
   // bus.emit('setLayerVisible', { layername: 'HMXDLGC', isCheck: true });//道路
   // bus.emit('setLayerVisible', { layername: 'HMXSX', isCheck: true });  //水系
@@ -309,7 +373,7 @@
 });
 function yearclick(val) {
   activedname.value = val.name;
-  bus.emit('checkRainL', val.value);
+  bus.emit("checkRainL", val.value);
   // bus.emit("checkLandXDM", false);
 }
 
@@ -328,7 +392,11 @@
     position: absolute;
     left: 10px;
     top: 70px;
-    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 69, 108, 0.8) 100%);
+    background: linear-gradient(
+      0deg,
+      rgba(0, 43, 67, 0.8) 0%,
+      rgba(0, 69, 108, 0.8) 100%
+    );
     border-radius: 6px;
     border: 1px solid #47eef3;
     box-sizing: border-box;
@@ -340,7 +408,11 @@
       .KJGJ_List1 {
         width: 100%;
         height: 36px;
-        background: linear-gradient(0deg, rgba(0, 180, 255, 0.2) 0%, rgba(0, 180, 255, 0) 100%);
+        background: linear-gradient(
+          0deg,
+          rgba(0, 180, 255, 0.2) 0%,
+          rgba(0, 180, 255, 0) 100%
+        );
         margin-top: 10px;
         display: flex;
         .KJGJ_List1_List {
@@ -407,7 +479,8 @@
           text-align: center;
           float: left;
           box-sizing: border-box;
-          background: url('@/assets/images/Sponge_screen/HaiMian/HaiMian_hezi.png') no-repeat center;
+          background: url("@/assets/images/Sponge_screen/HaiMian/HaiMian_hezi.png")
+            no-repeat center;
         }
         .KJGJ_List2_WFont {
           float: left;
@@ -491,7 +564,7 @@
       .WTSBList {
         width: 100%;
         height: 44px;
-        background: url('@/assets/images/Sponge_screen/HaiMian/HaiMian_ListBack.png');
+        background: url("@/assets/images/Sponge_screen/HaiMian/HaiMian_ListBack.png");
         margin-top: 9px;
 
         .WTSBList_num {
@@ -524,7 +597,11 @@
     position: absolute;
     right: 10px;
     top: 70px;
-    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 69, 108, 0.8) 100%);
+    background: linear-gradient(
+      0deg,
+      rgba(0, 43, 67, 0.8) 0%,
+      rgba(0, 69, 108, 0.8) 100%
+    );
     border-radius: 6px;
     border: 1px solid #47eef3;
     box-sizing: border-box;
@@ -651,7 +728,8 @@
     .Box_header {
       width: 100%;
       height: 43px;
-      background: url('@/assets/images/Sponge_screen/Box_HeaderBackground.png') no-repeat center;
+      background: url("@/assets/images/Sponge_screen/Box_HeaderBackground.png") no-repeat
+        center;
       background-size: cover;
       font-family: PangMenZhengDao;
       font-weight: 400;