湖里大屏(数字工地)：完成塔吊检测弹框塔吊视频联调

src/views/projectAdmin/jlw/digitalSite/components/TowerDialog.vue

@@ -70,6 +70,27 @@
             <div class="tower-item"><i class="el-icon-question"></i>角度：{{ tower.angle || '--' }} °</div>
           </div>
         </div>
+        <div class="card">
+          <div class="card-title">
+            塔吊视频
+            <el-select class="videoSelect" size="small" placeholder="请选择视频" @change="changeVideo">
+              <el-option v-for="video in videos" :key="video.id" :label="video.videoName" :value="item.id"></el-option>
+            </el-select>
+          </div>
+          <div class="video content">
+            <videoModule
+              style="width: 100%; height: 100%"
+              :type="'1x1'"
+              :value="selectList"
+              :displayBottomMod="false"
+              :winNumBer="1"
+              :autoplay="false"
+              :showCaptrue="false"
+              :showControl="false"
+              :showPlayback="false"
+            ></videoModule>
+          </div>
+        </div>
       </div>
     </div>
   </el-dialog>
@@ -101,7 +122,9 @@ export default {
       deviceInfo: {},
       drivers: [],
       tower: [],
-      alerts: []
+      videos: [],
+      alerts: [],
+      selectList: []
     }
   },
   methods: {
@@ -117,6 +140,7 @@ export default {
         if (res.code == 200) {
           this.drivers = res.result.driverList
           this.tower = res.result.tower
+          this.videos = res.result.videoList
         }
       })
     },
@@ -125,6 +149,14 @@ export default {
         this.alerts = res.result.records
       })
     },
+    changeVideo(val) {
+      for (let i = 0; i < this.videos.length; i++) {
+        if (val == this.videos[i].id) {
+          this.selectList = [this.videos[i]]
+          return
+        }
+      }
+    },
     fmtDate(date) {
       return moment(date).format('YYYY-MM-DD日 HH:mm:ss')
     }
@@ -136,7 +168,8 @@ export default {
 .elevatorDialog {
   overflow: inherit;
   .dllm {
-    padding-top: 1px;
+    box-sizing: border-box;
+    padding-top: 80px;
     width: 100%;
     height: 800px;
     color: #fff;
@@ -218,6 +251,13 @@ export default {
           font-weight: normal;
           color: #fff;
         }
+        .videoSelect {
+          margin-left: auto;
+          /deep/.el-input__inner {
+            background-color: transparent;
+            color: #fff;
+          }
+        }
       }
       .content {
         padding-left: 14px;
@@ -268,6 +308,10 @@ export default {
             }
           }
         }
+        &.video {
+          width: 100%;
+          height: 300px;
+        }
       }
     }
   }