diff --git a/src/views/oneMap/components/ZHHM_JCFX.vue b/src/views/oneMap/components/ZHHM_JCFX.vue
index 3b0a58d..6e2f666 100644
--- a/src/views/oneMap/components/ZHHM_JCFX.vue
+++ b/src/views/oneMap/components/ZHHM_JCFX.vue
@@ -10,13 +10,21 @@
         </div>
 
         <!-- 内涝积水分析 -->
-        <div class="Box_header">内涝积水分析</div>
+        <div class="Box_header" @click="showWaterloging">内涝积水分析</div>
         <div class="titSmall flex flex-align-center">
           <div class="flex">
             <span></span>
             <div class="name">内涝风险点</div>
           </div>
-          <el-select clearable filterable v-model="riskStation" placeholder="请选择内涝风险点" size="small" class="picker">
+          <el-select
+            clearable
+            filterable
+            v-model="waterlogingPoint"
+            placeholder="请选择内涝风险点"
+            size="small"
+            class="picker"
+            @change="selectWaterloggingPoint"
+          >
             <el-option v-for="dict in riskList" :key="dict.value" :label="dict.label" :value="dict.value" />
           </el-select>
         </div>
@@ -73,7 +81,7 @@
         </div>
 
         <!-- 关键管网分析 -->
-        <div class="Box_header">关键管网分析</div>
+        <div class="Box_header" @click="pipeSupervisePoint">关键管网分析</div>
         <div class="flex flex-justcontent-spacearound">
           <el-select
             clearable
@@ -190,6 +198,7 @@
 import chartLogging from './chartLogging'; //内涝积水点
 import projectDX from './projectDX'; //典型项目分析
 import pipeFX from './pipeFX'; //管网分析
+import bus from '@/bus';
 
 const showPanel = ref(true); //面板展开收起
 const chartData1 = ref({
@@ -216,7 +225,8 @@
   refresh: 1,
 });
 const riskStation = ref('1');
-const riskList = ref([{ value: '1', label: '大砭沟与北大街交叉口' }]);
+const waterlogingPoint = ref('1');
+const riskList = ref([{ value: '1', label: '大砭沟与北大街交叉口', lonlat: '109.468774978,36.6072087594' }]);
 
 // 面板内容展开收起控制
 const props = defineProps({
@@ -224,6 +234,28 @@
     type: Boolean,
   },
 });
+//内涝积水分析交互
+const showWaterloging = () => {
+  newfiberMapbox.map.easeTo({
+    center: [109.488, 36.596],
+    zoom: 12,
+    pitch: 55,
+  });
+  // 先清空
+  bus.emit('clearAllLayer');
+  bus.emit('SetLayerShow', ['内涝易涝点', '内涝风险点']);
+};
+//关键管网分析交互
+const pipeSupervisePoint = () => {
+  newfiberMapbox.map.easeTo({
+    center: [109.488, 36.596],
+    zoom: 12,
+    pitch: 55,
+  });
+  // 先清空
+  bus.emit('clearAllLayer');
+  bus.emit('SetLayerShow', ['排水管网监测']);
+};
 watch(
   () => props.showPanel,
   () => {
@@ -231,7 +263,17 @@
   },
   { immediate: true }
 );
-
+//内涝点change事件
+const selectWaterloggingPoint = () => {
+  if (waterlogingPoint.value) {
+    let selectedPoint = riskList.value.filter(item => item.value == waterlogingPoint.value)[0];
+    console.log('selectedPoint---', selectedPoint);
+    newfiberMapbox.map.easeTo({
+      center: selectedPoint.lonlat.split(',').map(Number),
+      zoom: 15.5,
+    });
+  }
+};
 // 日历点击获取相应日期
 const getChangeDate = date => {
   console.log(date);
@@ -393,6 +435,7 @@
       line-height: 43px;
       box-sizing: border-box;
       padding-left: 35px;
+      cursor: pointer;
     }
     .titSmall {
       justify-content: space-between;

diff --git a/src/views/oneMap/components/ZHHM_JCFX.vue b/src/views/oneMap/components/ZHHM_JCFX.vue
index 3b0a58d..6e2f666 100644
--- a/src/views/oneMap/components/ZHHM_JCFX.vue
+++ b/src/views/oneMap/components/ZHHM_JCFX.vue
@@ -10,13 +10,21 @@
         </div>
 
         <!-- 内涝积水分析 -->
-        <div class="Box_header">内涝积水分析</div>
+        <div class="Box_header" @click="showWaterloging">内涝积水分析</div>
         <div class="titSmall flex flex-align-center">
           <div class="flex">
             <span></span>
             <div class="name">内涝风险点</div>
           </div>
-          <el-select clearable filterable v-model="riskStation" placeholder="请选择内涝风险点" size="small" class="picker">
+          <el-select
+            clearable
+            filterable
+            v-model="waterlogingPoint"
+            placeholder="请选择内涝风险点"
+            size="small"
+            class="picker"
+            @change="selectWaterloggingPoint"
+          >
             <el-option v-for="dict in riskList" :key="dict.value" :label="dict.label" :value="dict.value" />
           </el-select>
         </div>
@@ -73,7 +81,7 @@
         </div>
 
         <!-- 关键管网分析 -->
-        <div class="Box_header">关键管网分析</div>
+        <div class="Box_header" @click="pipeSupervisePoint">关键管网分析</div>
         <div class="flex flex-justcontent-spacearound">
           <el-select
             clearable
@@ -190,6 +198,7 @@
 import chartLogging from './chartLogging'; //内涝积水点
 import projectDX from './projectDX'; //典型项目分析
 import pipeFX from './pipeFX'; //管网分析
+import bus from '@/bus';
 
 const showPanel = ref(true); //面板展开收起
 const chartData1 = ref({
@@ -216,7 +225,8 @@
   refresh: 1,
 });
 const riskStation = ref('1');
-const riskList = ref([{ value: '1', label: '大砭沟与北大街交叉口' }]);
+const waterlogingPoint = ref('1');
+const riskList = ref([{ value: '1', label: '大砭沟与北大街交叉口', lonlat: '109.468774978,36.6072087594' }]);
 
 // 面板内容展开收起控制
 const props = defineProps({
@@ -224,6 +234,28 @@
     type: Boolean,
   },
 });
+//内涝积水分析交互
+const showWaterloging = () => {
+  newfiberMapbox.map.easeTo({
+    center: [109.488, 36.596],
+    zoom: 12,
+    pitch: 55,
+  });
+  // 先清空
+  bus.emit('clearAllLayer');
+  bus.emit('SetLayerShow', ['内涝易涝点', '内涝风险点']);
+};
+//关键管网分析交互
+const pipeSupervisePoint = () => {
+  newfiberMapbox.map.easeTo({
+    center: [109.488, 36.596],
+    zoom: 12,
+    pitch: 55,
+  });
+  // 先清空
+  bus.emit('clearAllLayer');
+  bus.emit('SetLayerShow', ['排水管网监测']);
+};
 watch(
   () => props.showPanel,
   () => {
@@ -231,7 +263,17 @@
   },
   { immediate: true }
 );
-
+//内涝点change事件
+const selectWaterloggingPoint = () => {
+  if (waterlogingPoint.value) {
+    let selectedPoint = riskList.value.filter(item => item.value == waterlogingPoint.value)[0];
+    console.log('selectedPoint---', selectedPoint);
+    newfiberMapbox.map.easeTo({
+      center: selectedPoint.lonlat.split(',').map(Number),
+      zoom: 15.5,
+    });
+  }
+};
 // 日历点击获取相应日期
 const getChangeDate = date => {
   console.log(date);
@@ -393,6 +435,7 @@
       line-height: 43px;
       box-sizing: border-box;
       padding-left: 35px;
+      cursor: pointer;
     }
     .titSmall {
       justify-content: space-between;
diff --git a/src/views/oneMap/components/ZHPS.vue b/src/views/oneMap/components/ZHPS.vue
index 16606d8..807a20a 100644
--- a/src/views/oneMap/components/ZHPS.vue
+++ b/src/views/oneMap/components/ZHPS.vue
@@ -1,19 +1,31 @@
 <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>
 </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); //面板展开收起
 // 面板内容展开收起控制
@@ -30,16 +42,16 @@
   { immediate: true }
 );
 onMounted(() => {
-  let initePSTimer = setInterval(() => {
-    if (!newfiberMapbox) return;
-    bus.emit('setLayerVisible', { layername: 'ysLine1', isCheck: true });
-    bus.emit('setLayerVisible', { layername: 'wsLine1', isCheck: true });
-    clearInterval(initePSTimer);
-  }, 100);
+  // let initePSTimer = setInterval(() => {
+  //   if (!newfiberMapbox) return;
+  //   bus.emit('setLayerVisible', { layername: 'ysLine1', isCheck: true });
+  //   bus.emit('setLayerVisible', { layername: 'wsLine1', isCheck: true });
+  //   clearInterval(initePSTimer);
+  // }, 100);
 });
 onBeforeUnmount(() => {
-  bus.emit('setLayerVisible', { layername: 'ysLine1', isCheck: false });
-  bus.emit('setLayerVisible', { layername: 'wsLine1', isCheck: false });
+  // bus.emit('setLayerVisible', { layername: 'ysLine1', isCheck: false });
+  // bus.emit('setLayerVisible', { layername: 'wsLine1', isCheck: false });
 });
 </script>
 
@@ -51,7 +63,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;
@@ -62,7 +78,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/ZHHM_JCFX.vue b/src/views/oneMap/components/ZHHM_JCFX.vue
index 3b0a58d..6e2f666 100644
--- a/src/views/oneMap/components/ZHHM_JCFX.vue
+++ b/src/views/oneMap/components/ZHHM_JCFX.vue
@@ -10,13 +10,21 @@
         </div>
 
         <!-- 内涝积水分析 -->
-        <div class="Box_header">内涝积水分析</div>
+        <div class="Box_header" @click="showWaterloging">内涝积水分析</div>
         <div class="titSmall flex flex-align-center">
           <div class="flex">
             <span></span>
             <div class="name">内涝风险点</div>
           </div>
-          <el-select clearable filterable v-model="riskStation" placeholder="请选择内涝风险点" size="small" class="picker">
+          <el-select
+            clearable
+            filterable
+            v-model="waterlogingPoint"
+            placeholder="请选择内涝风险点"
+            size="small"
+            class="picker"
+            @change="selectWaterloggingPoint"
+          >
             <el-option v-for="dict in riskList" :key="dict.value" :label="dict.label" :value="dict.value" />
           </el-select>
         </div>
@@ -73,7 +81,7 @@
         </div>
 
         <!-- 关键管网分析 -->
-        <div class="Box_header">关键管网分析</div>
+        <div class="Box_header" @click="pipeSupervisePoint">关键管网分析</div>
         <div class="flex flex-justcontent-spacearound">
           <el-select
             clearable
@@ -190,6 +198,7 @@
 import chartLogging from './chartLogging'; //内涝积水点
 import projectDX from './projectDX'; //典型项目分析
 import pipeFX from './pipeFX'; //管网分析
+import bus from '@/bus';
 
 const showPanel = ref(true); //面板展开收起
 const chartData1 = ref({
@@ -216,7 +225,8 @@
   refresh: 1,
 });
 const riskStation = ref('1');
-const riskList = ref([{ value: '1', label: '大砭沟与北大街交叉口' }]);
+const waterlogingPoint = ref('1');
+const riskList = ref([{ value: '1', label: '大砭沟与北大街交叉口', lonlat: '109.468774978,36.6072087594' }]);
 
 // 面板内容展开收起控制
 const props = defineProps({
@@ -224,6 +234,28 @@
     type: Boolean,
   },
 });
+//内涝积水分析交互
+const showWaterloging = () => {
+  newfiberMapbox.map.easeTo({
+    center: [109.488, 36.596],
+    zoom: 12,
+    pitch: 55,
+  });
+  // 先清空
+  bus.emit('clearAllLayer');
+  bus.emit('SetLayerShow', ['内涝易涝点', '内涝风险点']);
+};
+//关键管网分析交互
+const pipeSupervisePoint = () => {
+  newfiberMapbox.map.easeTo({
+    center: [109.488, 36.596],
+    zoom: 12,
+    pitch: 55,
+  });
+  // 先清空
+  bus.emit('clearAllLayer');
+  bus.emit('SetLayerShow', ['排水管网监测']);
+};
 watch(
   () => props.showPanel,
   () => {
@@ -231,7 +263,17 @@
   },
   { immediate: true }
 );
-
+//内涝点change事件
+const selectWaterloggingPoint = () => {
+  if (waterlogingPoint.value) {
+    let selectedPoint = riskList.value.filter(item => item.value == waterlogingPoint.value)[0];
+    console.log('selectedPoint---', selectedPoint);
+    newfiberMapbox.map.easeTo({
+      center: selectedPoint.lonlat.split(',').map(Number),
+      zoom: 15.5,
+    });
+  }
+};
 // 日历点击获取相应日期
 const getChangeDate = date => {
   console.log(date);
@@ -393,6 +435,7 @@
       line-height: 43px;
       box-sizing: border-box;
       padding-left: 35px;
+      cursor: pointer;
     }
     .titSmall {
       justify-content: space-between;
diff --git a/src/views/oneMap/components/ZHPS.vue b/src/views/oneMap/components/ZHPS.vue
index 16606d8..807a20a 100644
--- a/src/views/oneMap/components/ZHPS.vue
+++ b/src/views/oneMap/components/ZHPS.vue
@@ -1,19 +1,31 @@
 <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>
 </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); //面板展开收起
 // 面板内容展开收起控制
@@ -30,16 +42,16 @@
   { immediate: true }
 );
 onMounted(() => {
-  let initePSTimer = setInterval(() => {
-    if (!newfiberMapbox) return;
-    bus.emit('setLayerVisible', { layername: 'ysLine1', isCheck: true });
-    bus.emit('setLayerVisible', { layername: 'wsLine1', isCheck: true });
-    clearInterval(initePSTimer);
-  }, 100);
+  // let initePSTimer = setInterval(() => {
+  //   if (!newfiberMapbox) return;
+  //   bus.emit('setLayerVisible', { layername: 'ysLine1', isCheck: true });
+  //   bus.emit('setLayerVisible', { layername: 'wsLine1', isCheck: true });
+  //   clearInterval(initePSTimer);
+  // }, 100);
 });
 onBeforeUnmount(() => {
-  bus.emit('setLayerVisible', { layername: 'ysLine1', isCheck: false });
-  bus.emit('setLayerVisible', { layername: 'wsLine1', isCheck: false });
+  // bus.emit('setLayerVisible', { layername: 'ysLine1', isCheck: false });
+  // bus.emit('setLayerVisible', { layername: 'wsLine1', isCheck: false });
 });
 </script>
 
@@ -51,7 +63,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;
@@ -62,7 +78,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 cf2b416..2d4ce06 100644
--- a/src/views/oneMap/index.vue
+++ b/src/views/oneMap/index.vue
@@ -260,7 +260,7 @@
         iocn: ZHPS,
         AC_icon: AC_ZHPS,
         id: 3,
-        Layers:[]
+        Layers:['雨水管网','污水管网']
       },
       {
         name: "智慧海绵",