替换图片

src/views/dataBoard/IoTPerception/Videosurveillance/index.vue

@@ -3,11 +3,8 @@
       <div class="m-jdjs-js">
 
       <div class="video-right" v-for="(item,index) in list" :key="index">
-          <img   ref="myVideo" src="../image/beijing1.png" />
+          <img style="width:100%;height: 120px;" :src="item.imgUrl?item.imgUrl:require('../image/jiedaotu.jpg')" />
-            <div
+            <div class="prism-big-play-btn" @click="videoPlay(item.monitorCode)">
-            class="prism-big-play-btn"
-            @click="videoPlay(item.monitorCode)"
-          >
             <div class="outter"></div>
         </div>
       </div>
@@ -322,8 +319,6 @@
     margin-bottom: 27px;
   }
   .video-right {
-        // width: 400px;
-        // height: 350px;
         position: relative;
         background: #000;
         .prism-big-play-btn {

src/views/dataBoard/IoTPerception/more/index.vue

@@ -8,7 +8,7 @@
                 </div>
                 <div class="m-jdjs-js">
                     <div class="video-right" v-for="(item, index) in list" :key="index">
-                        <img ref="myVideo" src="../image/beijing1.png" />
+                        <img style="width:100%;height: 120px;" :src="item.imgUrl?item.imgUrl:require('../image/jiedaotu.jpg')" />
                         <div class="prism-big-play-btn" @click="videoPlay(item.monitorCode)">
                             <div class="outter"></div>
                         </div>
@@ -64,7 +64,7 @@ export default {
           .get(
             "/actual/base/videoMonitoring/page?page=1&limit=10")
           .then(({ data: { data } }) => {
-            this.list = data.list.splice(0,4)
+            this.list = data.list
             this.loading = false;
           });
       },