1

src/views/videoMonitor/components/videoDialog.vue

@@ -24,7 +24,9 @@
               <div class="in_box_text_item">设备纬度:</div>
             </div>
             <div class="in_box_value">
-            <div class="in_box_value_item blue">{{ this.in.channel_name }}</div>
+              <div class="in_box_value_item blue">
+                {{ this.in.channel_name }}
+              </div>
               <div class="in_box_value_item">{{ this.in.device_id }}</div>
               <div class="in_box_value_item"></div>
               <div class="in_box_value_item"></div>
@@ -65,7 +67,12 @@
         </div>
       </div>
       <div class="right_box">
-      <LivePlayer :videoUrl="url" fluent :autoplay="true" style="width: 52.1vw;"></LivePlayer>
+        <LivePlayer
+          :videoUrl="url"
+          fluent
+          :autoplay="true"
+          style="width: 52.1vw"
+        ></LivePlayer>
       </div>
     </div>
   </el-dialog>
@@ -87,9 +94,9 @@ export default {
         latitude: ''
       },
       starttime: '',
-      endtime:"",
+      endtime: '',
       url: '',
-      token:'',
+      token: ''
     }
   },
   created() {
@@ -105,11 +112,11 @@ export default {
       this.in.longitude = data.longitude
       this.in.latitude = data.latitude
       this.url = item.WS_FLV + `?token=${this.token}`
-      console.log('this', this.url);
+      console.log('this', this.url)
     },
     getGbsToken() {
-      login().then(res=>{
+      login().then((res) => {
-        console.log('tttt',res);
+        console.log('tttt', res)
         this.token = res.URLToken
       })
     },
@@ -121,7 +128,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 ::v-deep .el-dialog {
-  background-image: url("~@/assets/icon-hza/dialog_back01.png");
+  background-image: url('~@/assets/icon-hza/dialog_back01.png');
   background-size: 100% 100%;
   background-repeat: no-repeat;
   height: 68vh;
@@ -141,13 +148,13 @@ export default {
       .left_box {
         width: 20vw;
         height: 60vh;
-        background-image: url("~@/assets/icon-hza/bg_left02.png");
+        background-image: url('~@/assets/icon-hza/bg_left02.png');
         background-size: 100% 100%;
         background-repeat: no-repeat;
         .left_box_title {
           width: 20vw;
           height: 5vh;
-          background-image: url("~@/assets/icon-hza/bg_title02.png");
+          background-image: url('~@/assets/icon-hza/bg_title02.png');
           background-size: 100% 100%;
           background-repeat: no-repeat;
           .left_box_title_text {
@@ -197,7 +204,7 @@ export default {
           .video_btn {
             width: 9vw;
             height: 4vh;
-            background-image: url("~@/assets/icon-hza/video_btn.png");
+            background-image: url('~@/assets/icon-hza/video_btn.png');
             background-size: 100% 100%;
             background-repeat: no-repeat;
             display: flex;
@@ -207,14 +214,14 @@ export default {
             .video_icon {
               width: 1vw;
               height: 2vh;
-              background-image: url("~@/assets/icon-hza/check_video.png");
+              background-image: url('~@/assets/icon-hza/check_video.png');
               background-size: 100% 100%;
               background-repeat: no-repeat;
             }
             .around_video_icon {
               width: 1vw;
               height: 2vh;
-              background-image: url("~@/assets/icon-hza/around_video.png");
+              background-image: url('~@/assets/icon-hza/around_video.png');
               background-size: 100% 100%;
               background-repeat: no-repeat;
             }
@@ -227,7 +234,7 @@ export default {
             }
           }
           .video_btn:hover {
-            background-image: url("~@/assets/icon-hza/video_btn_hover.png");
+            background-image: url('~@/assets/icon-hza/video_btn_hover.png');
           }
         }
         .footer_box {