diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue
index c2c5783..4c01f49 100644
--- a/src/views/sponeScreen/HaiMianScreen/index.vue
+++ b/src/views/sponeScreen/HaiMianScreen/index.vue
@@ -22,6 +22,7 @@
 
     <!-- 控制面板按钮 -->
     <div :class="['controlHM', showPanel ? 'right30' : 'right480']" v-if="menuIndex != 3">
+      <img src="@/assets/newImgs/HMScreen/iconLegend.png" alt="" title="三维管网" @click="controlPipe3D" />
       <img src="@/assets/newImgs/HMScreen/iconLegend.png" alt="" title="图例控制" @click="controlLegend" />
       <img src="@/assets/newImgs/HMScreen/iconPane.png" alt="" title="展开收起" @click="controlPanel" />
     </div>
@@ -93,6 +94,9 @@
     <div class="bottomHM"></div>
     <img src="@/assets/newImgs/HMScreen/headLight.png" alt="" class="bottomLightDXL" />
     <img src="@/assets/newImgs/HMScreen/headLight.png" alt="" class="bottomLightDXR" />
+
+    <!-- 三维管网弹窗 -->
+    <el-dialog v-model="showPipe" title="三维管网" width="1500px" append-to-body></el-dialog>
   </div>
 </template>
 
@@ -127,11 +131,18 @@
 const menuIndex = ref(1);
 const showPanel = ref(false);
 const showLegend = ref(false);
+const showPipe = ref(false);
 
 // 跳转业务系统
 function goSystem() {
   router.push({ path: '/index' });
 }
+
+// 三维管网点击
+function controlPipe3D() {
+  showPipe.value = true;
+}
+
 // 菜单跳转
 function menuClick(id) {
   menuIndex.value = id;