diff --git a/src/assets/tunnelImg/SD01.png b/src/assets/tunnelImg/SD01.png
new file mode 100644
index 0000000..4ea448d
--- /dev/null
+++ b/src/assets/tunnelImg/SD01.png
Binary files differ

diff --git a/src/assets/tunnelImg/SD01.png b/src/assets/tunnelImg/SD01.png
new file mode 100644
index 0000000..4ea448d
--- /dev/null
+++ b/src/assets/tunnelImg/SD01.png
Binary files differ
diff --git a/src/assets/tunnelImg/SD02.png b/src/assets/tunnelImg/SD02.png
new file mode 100644
index 0000000..9cbb9c7
--- /dev/null
+++ b/src/assets/tunnelImg/SD02.png
Binary files differ

diff --git a/src/assets/tunnelImg/SD01.png b/src/assets/tunnelImg/SD01.png
new file mode 100644
index 0000000..4ea448d
--- /dev/null
+++ b/src/assets/tunnelImg/SD01.png
Binary files differ
diff --git a/src/assets/tunnelImg/SD02.png b/src/assets/tunnelImg/SD02.png
new file mode 100644
index 0000000..9cbb9c7
--- /dev/null
+++ b/src/assets/tunnelImg/SD02.png
Binary files differ
diff --git a/src/assets/tunnelImg/SD03.png b/src/assets/tunnelImg/SD03.png
new file mode 100644
index 0000000..4752446
--- /dev/null
+++ b/src/assets/tunnelImg/SD03.png
Binary files differ

diff --git a/src/assets/tunnelImg/SD01.png b/src/assets/tunnelImg/SD01.png
new file mode 100644
index 0000000..4ea448d
--- /dev/null
+++ b/src/assets/tunnelImg/SD01.png
Binary files differ
diff --git a/src/assets/tunnelImg/SD02.png b/src/assets/tunnelImg/SD02.png
new file mode 100644
index 0000000..9cbb9c7
--- /dev/null
+++ b/src/assets/tunnelImg/SD02.png
Binary files differ
diff --git a/src/assets/tunnelImg/SD03.png b/src/assets/tunnelImg/SD03.png
new file mode 100644
index 0000000..4752446
--- /dev/null
+++ b/src/assets/tunnelImg/SD03.png
Binary files differ
diff --git a/src/assets/tunnelImg/SD04.png b/src/assets/tunnelImg/SD04.png
new file mode 100644
index 0000000..12d95f5
--- /dev/null
+++ b/src/assets/tunnelImg/SD04.png
Binary files differ

diff --git a/src/assets/tunnelImg/SD01.png b/src/assets/tunnelImg/SD01.png
new file mode 100644
index 0000000..4ea448d
--- /dev/null
+++ b/src/assets/tunnelImg/SD01.png
Binary files differ
diff --git a/src/assets/tunnelImg/SD02.png b/src/assets/tunnelImg/SD02.png
new file mode 100644
index 0000000..9cbb9c7
--- /dev/null
+++ b/src/assets/tunnelImg/SD02.png
Binary files differ
diff --git a/src/assets/tunnelImg/SD03.png b/src/assets/tunnelImg/SD03.png
new file mode 100644
index 0000000..4752446
--- /dev/null
+++ b/src/assets/tunnelImg/SD03.png
Binary files differ
diff --git a/src/assets/tunnelImg/SD04.png b/src/assets/tunnelImg/SD04.png
new file mode 100644
index 0000000..12d95f5
--- /dev/null
+++ b/src/assets/tunnelImg/SD04.png
Binary files differ
diff --git a/src/views/oneMap/smartBridge/LeftBox.vue b/src/views/oneMap/smartBridge/LeftBox.vue
index 0842225..2bd44aa 100644
--- a/src/views/oneMap/smartBridge/LeftBox.vue
+++ b/src/views/oneMap/smartBridge/LeftBox.vue
@@ -40,8 +40,10 @@
         <div class="ListBoxHeader_font">桥梁监控</div>
       </div>
       <div class="bottomContent contentBox">
-        <div class="videoBox" v-for="(item, i) in videoList" :key="i">
-          <video controls="controls" :src="item.url" id="videoEvent" loop></video>
+        <div class="videoBox" v-for="(item, i) in videoList" :key="i" @click="showVideo(item)">
+          <div class="videoTitle">{{ item.title }}</div>
+          <img :src="item.img" alt="" class="videoImg" />
+          <!-- <video controls="controls" :src="item.url" id="videoEvent" loop></video> -->
         </div>
       </div>
     </div>
@@ -73,26 +75,17 @@
 const introduce =
   '延安王家坪大桥（彩虹桥）位于延安市王家坪革命纪念馆前，是根据延安王家坪革命纪念馆的总体布局和延安城区防洪需要，由省政府决定、省交通厅负责实施的，是在原桥位置上新建的一座特大桥。该项工程于１９９７年４月２２日开工建设，１９９８年９月２８日竣工通车，工程总投资３６６７万元。';
 const videoList = [
-  // {
-  //   url: 'https://server2.wh-nf.cn:8870/file/yanan_splx/qiaoliang/1gongxiaodashaquanjing.mp4',
-  // },
-  // {
-  //   url: 'https://server2.wh-nf.cn:8870/file/yanan_splx/qiaoliang/2gongxiaodashayingyan.mp4',
-  // },
-  // {
-  //   url: 'https://server2.wh-nf.cn:8870/file/yanan_splx/qiaoliang/4zhuapan.mp4',
-  // },
   {
-    url: 'https://server2.wh-nf.cn:8870/file/yanan_splx/qiaoliang/20241112_111146.mp4',
+    title: '彩虹桥延安中学方向',
+    pointCode: '7H0961CPAN77924',
+    img: jk_01,
+    url: 'https://server2.wh-nf.cn:8870/file/yanan_splx/suidao/shouji1.mp4',
   },
   {
-    url: 'https://server2.wh-nf.cn:8870/file/yanan_splx/qiaoliang/20241112_111243.mp4',
-  },
-  {
-    url: 'https://server2.wh-nf.cn:8870/file/yanan_splx/qiaoliang/20241112_111325.mp4',
-  },
-  {
-    url: 'https://server2.wh-nf.cn:8870/file/yanan_splx/qiaoliang/shouji1.mp4',
+    title: '彩虹桥纪念馆方向',
+    pointCode: '8L06A0DPAN0754B',
+    img: jk_02,
+    url: 'https://server2.wh-nf.cn:8870/file/yanan_splx/suidao/shouji2.mp4',
   },
 ];
 const shebeiList = [
@@ -139,6 +132,17 @@
     allNum: '4',
   },
 ];
+
+const showVideo = item => {
+  // bus.emit('Tunnel_flyTo', item);
+  // bus.emit('Tunnel_video', item);
+  let data = {
+    title: item.title + '摄像机',
+    comIDs: ['Imou'],
+    getSiteId: item.pointCode,
+  };
+  bus.emit('publicDialog', data);
+};
 </script>
 
 <style lang="scss" scoped>
@@ -172,7 +176,8 @@
 
 .topBox {
   width: 100%;
-  height: calc(100% - 486px);
+  // height: calc(100% - 486px);
+  height: calc(100% - 377px);
   // flex: 1;
   // border: 1px solid red;
   // background: red;
@@ -273,11 +278,25 @@
   .bottomContent {
     margin-top: 6px;
     // height: calc(100% - 50px);
-    height: 218px;
+    // height: 218px;
+    height: 109px;
     .videoBox {
       // border: 1px solid red;
       width: 206px;
       height: 104px;
+      position: relative;
+      .videoTitle {
+        position: absolute;
+        right: 0;
+        bottom: 0;
+        color: #fff;
+        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
+      }
+      .videoImg {
+        width: 100%;
+        height: 100%;
+        cursor: pointer;
+      }
       #videoEvent {
         width: 100%;
         height: 100%;

diff --git a/src/assets/tunnelImg/SD01.png b/src/assets/tunnelImg/SD01.png
new file mode 100644
index 0000000..4ea448d
--- /dev/null
+++ b/src/assets/tunnelImg/SD01.png
Binary files differ
diff --git a/src/assets/tunnelImg/SD02.png b/src/assets/tunnelImg/SD02.png
new file mode 100644
index 0000000..9cbb9c7
--- /dev/null
+++ b/src/assets/tunnelImg/SD02.png
Binary files differ
diff --git a/src/assets/tunnelImg/SD03.png b/src/assets/tunnelImg/SD03.png
new file mode 100644
index 0000000..4752446
--- /dev/null
+++ b/src/assets/tunnelImg/SD03.png
Binary files differ
diff --git a/src/assets/tunnelImg/SD04.png b/src/assets/tunnelImg/SD04.png
new file mode 100644
index 0000000..12d95f5
--- /dev/null
+++ b/src/assets/tunnelImg/SD04.png
Binary files differ
diff --git a/src/views/oneMap/smartBridge/LeftBox.vue b/src/views/oneMap/smartBridge/LeftBox.vue
index 0842225..2bd44aa 100644
--- a/src/views/oneMap/smartBridge/LeftBox.vue
+++ b/src/views/oneMap/smartBridge/LeftBox.vue
@@ -40,8 +40,10 @@
         <div class="ListBoxHeader_font">桥梁监控</div>
       </div>
       <div class="bottomContent contentBox">
-        <div class="videoBox" v-for="(item, i) in videoList" :key="i">
-          <video controls="controls" :src="item.url" id="videoEvent" loop></video>
+        <div class="videoBox" v-for="(item, i) in videoList" :key="i" @click="showVideo(item)">
+          <div class="videoTitle">{{ item.title }}</div>
+          <img :src="item.img" alt="" class="videoImg" />
+          <!-- <video controls="controls" :src="item.url" id="videoEvent" loop></video> -->
         </div>
       </div>
     </div>
@@ -73,26 +75,17 @@
 const introduce =
   '延安王家坪大桥（彩虹桥）位于延安市王家坪革命纪念馆前，是根据延安王家坪革命纪念馆的总体布局和延安城区防洪需要，由省政府决定、省交通厅负责实施的，是在原桥位置上新建的一座特大桥。该项工程于１９９７年４月２２日开工建设，１９９８年９月２８日竣工通车，工程总投资３６６７万元。';
 const videoList = [
-  // {
-  //   url: 'https://server2.wh-nf.cn:8870/file/yanan_splx/qiaoliang/1gongxiaodashaquanjing.mp4',
-  // },
-  // {
-  //   url: 'https://server2.wh-nf.cn:8870/file/yanan_splx/qiaoliang/2gongxiaodashayingyan.mp4',
-  // },
-  // {
-  //   url: 'https://server2.wh-nf.cn:8870/file/yanan_splx/qiaoliang/4zhuapan.mp4',
-  // },
   {
-    url: 'https://server2.wh-nf.cn:8870/file/yanan_splx/qiaoliang/20241112_111146.mp4',
+    title: '彩虹桥延安中学方向',
+    pointCode: '7H0961CPAN77924',
+    img: jk_01,
+    url: 'https://server2.wh-nf.cn:8870/file/yanan_splx/suidao/shouji1.mp4',
   },
   {
-    url: 'https://server2.wh-nf.cn:8870/file/yanan_splx/qiaoliang/20241112_111243.mp4',
-  },
-  {
-    url: 'https://server2.wh-nf.cn:8870/file/yanan_splx/qiaoliang/20241112_111325.mp4',
-  },
-  {
-    url: 'https://server2.wh-nf.cn:8870/file/yanan_splx/qiaoliang/shouji1.mp4',
+    title: '彩虹桥纪念馆方向',
+    pointCode: '8L06A0DPAN0754B',
+    img: jk_02,
+    url: 'https://server2.wh-nf.cn:8870/file/yanan_splx/suidao/shouji2.mp4',
   },
 ];
 const shebeiList = [
@@ -139,6 +132,17 @@
     allNum: '4',
   },
 ];
+
+const showVideo = item => {
+  // bus.emit('Tunnel_flyTo', item);
+  // bus.emit('Tunnel_video', item);
+  let data = {
+    title: item.title + '摄像机',
+    comIDs: ['Imou'],
+    getSiteId: item.pointCode,
+  };
+  bus.emit('publicDialog', data);
+};
 </script>
 
 <style lang="scss" scoped>
@@ -172,7 +176,8 @@
 
 .topBox {
   width: 100%;
-  height: calc(100% - 486px);
+  // height: calc(100% - 486px);
+  height: calc(100% - 377px);
   // flex: 1;
   // border: 1px solid red;
   // background: red;
@@ -273,11 +278,25 @@
   .bottomContent {
     margin-top: 6px;
     // height: calc(100% - 50px);
-    height: 218px;
+    // height: 218px;
+    height: 109px;
     .videoBox {
       // border: 1px solid red;
       width: 206px;
       height: 104px;
+      position: relative;
+      .videoTitle {
+        position: absolute;
+        right: 0;
+        bottom: 0;
+        color: #fff;
+        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
+      }
+      .videoImg {
+        width: 100%;
+        height: 100%;
+        cursor: pointer;
+      }
       #videoEvent {
         width: 100%;
         height: 100%;
diff --git a/src/views/oneMap/smartTunnel/LeftBox.vue b/src/views/oneMap/smartTunnel/LeftBox.vue
index e5aff79..c0f9d00 100644
--- a/src/views/oneMap/smartTunnel/LeftBox.vue
+++ b/src/views/oneMap/smartTunnel/LeftBox.vue
@@ -16,7 +16,13 @@
         <div class="ListBoxHeader_font">感知设备</div>
       </div>
       <div class="centerContent contentBox">
-        <div class="shebeiBox" v-for="(item, i) in shebeiList" :key="i" @click="bus.emit('Tunnel_flyTo', item)">
+        <div
+          class="shebeiBox"
+          v-for="(item, i) in shebeiList"
+          :key="i"
+          @click="bus.emit('Tunnel_flyTo', item)"
+          :style="{ visibility: item.visible ? 'visible' : 'hidden' }"
+        >
           <div class="shebeiBox_left">
             <div class="shebeiBox_left_font" v-for="(t, k) in item.name" :key="k">{{ t }}</div>
             <div class="shebeiBox_left_num">
@@ -38,8 +44,10 @@
         <div class="ListBoxHeader_font">隧道监控</div>
       </div>
       <div class="bottomContent contentBox">
-        <div class="videoBox" v-for="(item, i) in videoList" :key="i">
-          <video controls="controls" :src="item.url" id="videoEvent" loop></video>
+        <div class="videoBox" v-for="(item, i) in videoList" :key="i" @click="showVideo(item)">
+          <div class="videoTitle">{{ item.title }}</div>
+          <img :src="item.img" alt="" class="videoImg" />
+          <!-- <video controls="controls" :src="item.url" id="videoEvent" loop></video> -->
         </div>
       </div>
     </div>
@@ -55,10 +63,10 @@
 // import ps_icon from '@/assets/newImgs/ps.png'; //排水
 
 import jianjie from '@/assets/tunnelImg/jianjie.png';
-import jk_01 from '@/assets/tunnelImg/jk_01.png';
-import jk_02 from '@/assets/tunnelImg/jk_02.png';
-import jk_03 from '@/assets/tunnelImg/jk_03.png';
-import jk_04 from '@/assets/tunnelImg/jk_04.png';
+import SD01 from '@/assets/tunnelImg/SD01.png';
+import SD02 from '@/assets/tunnelImg/SD02.png';
+import SD03 from '@/assets/tunnelImg/SD03.png';
+import SD04 from '@/assets/tunnelImg/SD04.png';
 import lfj_icon from '@/assets/tunnelImg/lfj_icon.png';
 import sxj_icon from '@/assets/tunnelImg/sxj_icon.png';
 import qt_icon from '@/assets/tunnelImg/qt_icon.png';
@@ -70,15 +78,27 @@
   '延安市杨家岭隧道位于延安市中心城区西北部，走向大致由南向北。项目起点位于延安市拟建的延师桥北桥头、并与现有的延安市枣园路相交，路线向北穿杨家岭隧道至杨家岭沟内、与拟建的延安市杨家岭道路相交。路线全长0.911公里、其中隧道775米。';
 const videoList = [
   {
+    title: '杨家岭隧道上新城方向洞口',
+    pointCode: '7H0961CPAN3D25A',
+    img: SD01,
     url: 'https://server2.wh-nf.cn:8870/file/yanan_splx/suidao/shouji1.mp4',
   },
   {
+    title: '杨家岭隧道上新城方向洞内50米',
+    pointCode: '6M07046RAN8CF8D',
+    img: SD02,
     url: 'https://server2.wh-nf.cn:8870/file/yanan_splx/suidao/shouji2.mp4',
   },
   {
+    title: '杨家岭隧道新城下山方向洞口',
+    pointCode: '8L06A0DPANC7F5D',
+    img: SD03,
     url: 'https://server2.wh-nf.cn:8870/file/yanan_splx/suidao/shouji3.mp4',
   },
   {
+    title: '杨家岭隧道新城下山方向洞内50米',
+    pointCode: '8L06A0DPAN08D33',
+    img: SD04,
     url: 'https://server2.wh-nf.cn:8870/file/yanan_splx/suidao/shouji4.mp4',
   },
 ];
@@ -89,36 +109,31 @@
     num: '2/27',
     activeNum: '2',
     allNum: '27',
+    visible: true,
   },
-
   {
     name: ['静力水准仪'],
     icon: jlszy_icon,
     num: '2/2',
     activeNum: '2',
     allNum: '2',
+    visible: true,
   },
-
   {
     name: ['应变计'],
     icon: ybj_icon,
     num: '1/45',
     activeNum: '1',
     allNum: '45',
+    visible: true,
   },
-  // {
-  //   name: ['光纤光栅', '调节仪'],
-  //   icon: tjy_icon,
-  //   num: '0/5',
-  //   activeNum: '0',
-  //   allNum: '5',
-  // },
   {
     name: ['裂缝计'],
     icon: lfj_icon,
     num: '1/27',
     activeNum: '1',
     allNum: '27',
+    visible: true,
   },
   {
     name: ['摄像机'],
@@ -126,8 +141,28 @@
     num: '0/4',
     activeNum: '4',
     allNum: '4',
+    visible: true,
+  },
+  {
+    name: ['光纤光栅', '调节仪'],
+    icon: tjy_icon,
+    num: '0/5',
+    activeNum: '0',
+    allNum: '5',
+    visible: false,
   },
 ];
+
+const showVideo = item => {
+  // bus.emit('Tunnel_flyTo', item);
+  // bus.emit('Tunnel_video', item);
+  let data = {
+    title: item.title + '摄像机',
+    comIDs: ['Imou'],
+    getSiteId: item.pointCode,
+  };
+  bus.emit('publicDialog', data);
+};
 </script>
 
 <style lang="scss" scoped>
@@ -204,7 +239,7 @@
       position: relative;
       width: 136px;
       height: 76px;
-      margin-right: 10px;
+      // margin-right: 10px;
 
       padding: 4px 0px 6px 6px;
       // background: linear-gradient(0deg, rgba(17, 102, 139, 0.6) 0%, rgba(0, 65, 103, 0.3) 100%);
@@ -217,9 +252,9 @@
       // kpbj_img
       background: url('@/assets/tunnelImg/kpbj_img.png') no-repeat;
       background-size: 100% 100%;
-      &:nth-child(3n) {
-        margin-right: 0;
-      }
+      // &:nth-child(3n) {
+      //   margin-right: 0;
+      // }
       .shebeiBox_left {
         z-index: 99;
         height: 100%;
@@ -271,6 +306,19 @@
       // border: 1px solid red;
       width: 206px;
       height: 104px;
+      position: relative;
+      .videoTitle {
+        position: absolute;
+        right: 0;
+        bottom: 0;
+        color: #fff;
+        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
+      }
+      .videoImg {
+        width: 100%;
+        height: 100%;
+        cursor: pointer;
+      }
       #videoEvent {
         width: 100%;
         height: 100%;
@@ -283,7 +331,7 @@
   width: 100%;
   display: flex;
   flex-wrap: wrap;
-  // justify-content: space-between;
+  justify-content: space-between;
   align-items: center;
   align-content: space-between;
 }