增加继电器管理界面

src/views/appmana/liveCamra/MonitorModal.vue

@@ -68,7 +68,6 @@ function statistic(record) {
   if(camType.value == 'ball' || camType.value === 'halfball') {
     width.value = 1000;
   }
-  console.log('xxxx',record.deviceIotUrl);
   if(record.deviceIotUrl && record.deviceIotUrl != ''){
     let videohtml =
       `<div style="width: 100%;height: 600px;margin:auto;"><div id="videos" style="width: 100%; height: 100%"></div></div>`
@@ -127,6 +126,30 @@ function statistic(record) {
       playerType.value = 'm3u8';
       player.value.play();
     })
+  }else if(record.deviceReverseIotUrl && record.deviceReverseIotUrl != ''){
+    let videohtml =
+      `<div style="width: 100%;height: 600px;margin:auto;"><div id="videos" style="width: 100%; height: 100%"></div></div>`
+    nextTick(() => {
+      let dom = document.querySelector('#parent2')
+      dom.innerHTML = videohtml
+      player.value = new EZUIKit.EZUIKitPlayer({
+        id: 'videos', // 视频容器ID
+        accessToken: record.ysToken,
+        url: record.deviceReverseIotUrl,
+        audio: 0,
+        autoplay: true,
+        // simple: 极简版; pcLive: pc直播; pcRec: pc回放; mobileLive: 移动端直播; mobileRec: 移动端回放;security: 安防版; voice: 语音版;
+        template: 'security',
+        // themeData: this.themeData,
+        plugin: ['expend'], // 加载插件，talk-对讲
+        height: 600,
+        showStreamInfo:false,
+      })
+      playerType.value = 'ys';
+
+      const videosWrap = document.getElementById('videos-wrap');
+      videosWrap.style.height = '100%';
+    })
   }
 }
 

src/views/appmana/liveCamra/index.vue

@@ -45,7 +45,6 @@
    * 查看监控
    */
   function handleMonitor(record) {
-    // monitorRegisterModal.value.disableSubmit = false;
     monitorRegisterModal.value.statistic(record);
   }
 
@@ -53,7 +52,6 @@
    * 查看历史监控
    */
   function handleHisMonitor(record) {
-    record.deviceIotUrl = record.deviceReverseIotUrl;
     monitorRegisterModal.value.statistic(record);
   }