From 7f686c58d3f4b8a4400a45871e75d38e9e0aa9eb Mon Sep 17 00:00:00 2001
From: Jack <1638169491@qq.com>
Date: Fri, 19 Aug 2022 17:56:31 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B9=96=E9=87=8C=E5=A4=A7=E5=B1=8F(=E6=95=B0?=
 =?UTF-8?q?=E5=AD=97=E5=B7=A5=E5=9C=B0)=EF=BC=9A=E5=AE=8C=E6=88=90?=
 =?UTF-8?q?=E5=A1=94=E5=90=8A=E6=A3=80=E6=B5=8B=E5=BC=B9=E6=A1=86=E5=A1=94?=
 =?UTF-8?q?=E5=90=8A=E8=A7=86=E9=A2=91=E8=81=94=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../digitalSite/components/TowerDialog.vue    | 48 ++++++++++++++++++-
 1 file changed, 46 insertions(+), 2 deletions(-)

diff --git a/src/views/projectAdmin/jlw/digitalSite/components/TowerDialog.vue b/src/views/projectAdmin/jlw/digitalSite/components/TowerDialog.vue
index c73132f9..3094bece 100644
--- a/src/views/projectAdmin/jlw/digitalSite/components/TowerDialog.vue
+++ b/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;
+        }
       }
     }
   }