diff --git a/src/views/oneMap/BIM/Tunnel.vue b/src/views/oneMap/BIM/Tunnel.vue
new file mode 100644
index 0000000..820be0b
--- /dev/null
+++ b/src/views/oneMap/BIM/Tunnel.vue
@@ -0,0 +1,16 @@
+<template>
+  <div id="Tunnel">隧道BIM</div>
+</template>
+
+<script setup name="Tunnel">
+import { ref, reactive, toRefs, onMounted } from "vue";
+const AllData = reactive({});
+onMounted(() => {});
+</script>
+
+<style lang="scss" scoped>
+#Tunnel {
+  width: 100%;
+  height: 100%;
+}
+</style>

diff --git a/src/views/oneMap/BIM/Tunnel.vue b/src/views/oneMap/BIM/Tunnel.vue
new file mode 100644
index 0000000..820be0b
--- /dev/null
+++ b/src/views/oneMap/BIM/Tunnel.vue
@@ -0,0 +1,16 @@
+<template>
+  <div id="Tunnel">隧道BIM</div>
+</template>
+
+<script setup name="Tunnel">
+import { ref, reactive, toRefs, onMounted } from "vue";
+const AllData = reactive({});
+onMounted(() => {});
+</script>
+
+<style lang="scss" scoped>
+#Tunnel {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/views/oneMap/components/ZHSD.vue b/src/views/oneMap/components/ZHSD.vue
index 99b7cb1..efc9290 100644
--- a/src/views/oneMap/components/ZHSD.vue
+++ b/src/views/oneMap/components/ZHSD.vue
@@ -1,12 +1,28 @@
 <template>
   <div id="ZHSD">
-    <div :class="['LeftBox', 'animate__animated', showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft']">智慧隧道</div>
-    <div :class="['RightBox', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']">智慧隧道</div>
+    <div
+      :class="[
+        'LeftBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft',
+      ]"
+    >
+      智慧隧道
+    </div>
+    <div
+      :class="[
+        'RightBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight',
+      ]"
+    >
+      智慧隧道
+    </div>
   </div>
 </template>
 
 <script setup name="ZHSD">
-import { ref, reactive, toRefs, onMounted } from 'vue';
+import { ref, reactive, toRefs, onMounted } from "vue";
 const AllData = reactive({});
 const showPanel = ref(true); //面板展开收起
 // 面板内容展开收起控制
@@ -33,7 +49,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;
   }
@@ -43,7 +63,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;
   }

diff --git a/src/views/oneMap/BIM/Tunnel.vue b/src/views/oneMap/BIM/Tunnel.vue
new file mode 100644
index 0000000..820be0b
--- /dev/null
+++ b/src/views/oneMap/BIM/Tunnel.vue
@@ -0,0 +1,16 @@
+<template>
+  <div id="Tunnel">隧道BIM</div>
+</template>
+
+<script setup name="Tunnel">
+import { ref, reactive, toRefs, onMounted } from "vue";
+const AllData = reactive({});
+onMounted(() => {});
+</script>
+
+<style lang="scss" scoped>
+#Tunnel {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/views/oneMap/components/ZHSD.vue b/src/views/oneMap/components/ZHSD.vue
index 99b7cb1..efc9290 100644
--- a/src/views/oneMap/components/ZHSD.vue
+++ b/src/views/oneMap/components/ZHSD.vue
@@ -1,12 +1,28 @@
 <template>
   <div id="ZHSD">
-    <div :class="['LeftBox', 'animate__animated', showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft']">智慧隧道</div>
-    <div :class="['RightBox', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']">智慧隧道</div>
+    <div
+      :class="[
+        'LeftBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft',
+      ]"
+    >
+      智慧隧道
+    </div>
+    <div
+      :class="[
+        'RightBox',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight',
+      ]"
+    >
+      智慧隧道
+    </div>
   </div>
 </template>
 
 <script setup name="ZHSD">
-import { ref, reactive, toRefs, onMounted } from 'vue';
+import { ref, reactive, toRefs, onMounted } from "vue";
 const AllData = reactive({});
 const showPanel = ref(true); //面板展开收起
 // 面板内容展开收起控制
@@ -33,7 +49,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;
   }
@@ -43,7 +63,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;
   }
diff --git a/src/views/oneMap/index.vue b/src/views/oneMap/index.vue
index c8aecec..cf2deb0 100644
--- a/src/views/oneMap/index.vue
+++ b/src/views/oneMap/index.vue
@@ -39,6 +39,8 @@
       <WangJiaPingBIM
         v-if="!AllData.MapShowBol && AllData.ComShowID == 4"
       ></WangJiaPingBIM>
+      <!-- 隧道BIM -->
+      <Tunnel v-if="!AllData.MapShowBol && AllData.ComShowID == 5"></Tunnel>
       <!-- 降雨效果 -->
       <CanvasRain v-if="showRainFlow"></CanvasRain>
       <!-- 地图标注点弹窗popup -->
@@ -213,6 +215,8 @@
 import OneMap from "./map/newfiberMapBox.vue";
 // 引用王家坪大桥BIm
 import WangJiaPingBIM from "./BIM/WangJiaPIng.vue";
+// 引用隧道BIm
+import Tunnel from "./BIM/Tunnel.vue";
 // 引用语音识别
 import Voice from "./../voice/recordPage/index.vue";
 // 引入融云通讯录
@@ -417,7 +421,7 @@
   // 最终展示的组件ID
   AllData.ComShowID = item.id;
   // 当选择的是智慧桥梁时 将隐藏地图展示BIM
-  if (AllData.ComShowID == 4) {
+  if (AllData.ComShowID == 4 || 5) {
     AllData.MapShowBol = false;
   } else {
     AllData.MapShowBol = true;