diff --git a/src/views/sponeScreen/projectHM/index.vue b/src/views/sponeScreen/projectHM/index.vue
index 4f652c0..a9fe073 100644
--- a/src/views/sponeScreen/projectHM/index.vue
+++ b/src/views/sponeScreen/projectHM/index.vue
@@ -17,6 +17,11 @@
 
   <!-- 项目详情 -->
   <qipao v-if="visibleqipao" @closed="closed" :allDateList="allDate"></qipao>
+
+  <!-- 管网监测点详情 -->
+  <el-dialog v-model="showPipe" title="管网监测详情" width="1000px" append-to-body>
+    <PipeDetail v-if="showPipe" :pipeParams="pipeParams"></PipeDetail>
+  </el-dialog>
 </template>
 <script setup>
 import CaldarRain from '@/views/sponeScreen/waterFlood/rainCaldar.vue'; //降雨日历
@@ -25,10 +30,15 @@
 import ProjectDisplay from '@/views/sponeScreen/projectHM/ProjectDisplay.vue'; //项目展示
 import ProjectEvaluation from '@/views/sponeScreen/projectHM/ProjectEvaluation.vue'; //项目评估
 import qipao from '@/views/sponeScreen/projectHM/gongchenkanbani_comp/qipao.vue';
+import bus from '@/bus/index';
+import PipeDetail from '@/views/sponeScreen/waterFlood/pipeDetail.vue'; //管网监测点详情
+
 const { proxy } = getCurrentInstance();
 const showPanel = ref(true); //面板展开收起
 const visibleqipao = ref(false);
 const allDate = ref({});
+const showPipe = ref(false);
+const pipeParams = ref({});
 
 // 面板内容展开收起控制
 const props = defineProps({
@@ -60,7 +70,16 @@
     pitch: 30,
   });
 }
-onMounted(() => {});
+onMounted(() => {
+  // 管网监测点
+  bus.on('pipeMonitorBus', params => {
+    pipeParams.value = params;
+    showPipe.value = true;
+  });
+});
+onBeforeUnmount(() => {
+  bus.off('pipeMonitorBus');
+});
 </script>
 
 <style lang="scss" scoped>