视频监控

project/shandong10086/apps/shandong/monitor/AppMonitorManage/AppMonitorManage.vue

@@ -3,19 +3,23 @@
     <device-slider :show.sync="slider" :ins="instance" :dict="dict" @select="handleSelectMonitor"
                    :render-item="renderTreeItem" ref="DeviceSlider"/>
     <div class="monitorPane">
-      <div class="headerBar">
+      <div class="headerBar" v-if="false">
         <el-select default-first-option size="small" v-model="splitScreen">
           <i slot="prefix" class="iconfont iconjdq_led_Led1"/>
           <el-option v-for="(op,i) in splitOps" :key="i" v-bind="op"/>
         </el-select>
         <!--        <el-button icon="el-icon-full-screen" @click="handleFullscreen">全屏</el-button>-->
       </div>
-      <div class="videoList">
+      <AiMonitor class="AppMonitorManage-video videoList" :src="videoUrl" type="slw"></AiMonitor>
+      <!-- <div class="videoList">
+        <AiMonitor :src="m.url" type="slwVideo"></AiMonitor>
         <div class="videoBox" v-for="(m,i) in monitors" :key="i" :style="currentSplitStyle">
+          <AiMonitor :src="m.url" type="slwVideo"></AiMonitor>
+          <iframe v-if="isShow" :id="id" style="width: 100%; height: 100%;" :src="`https://cdn.cunwuyun.cn/jssdk/slw/index.html?url=${src}`"></iframe>
           <iframe :src="m.url" allow="autoplay *; microphone *; fullscreen *" allowfullscreen allowtransparency
                   allowusermedia frameBorder="no"/>
         </div>
-      </div>
+      </div> -->
     </div>
     <ai-dialog title="修改名称" :visible.sync="dialog" width="500px" @onConfirm="handleSubmit(selected)"
                @closed="selected={}">
@@ -71,6 +75,7 @@
         selected: {
           areaId: ''
         },
+        videoUrl: '',
         latlng: null,
         disabledLevel: 0,
         rules: {
@@ -110,14 +115,15 @@
           params: {deviceId}
         }).then(res => {
           if (res?.data) {
-            let data = JSON.parse(res.data)
-            if (refresh) {
-              monitor.url = data.url
-            } else if (this.splitScreen == 1) {
-              this.monitors = [{...monitor, ...data}]
-            } else {
-              this.monitors.push({...monitor, ...data})
-            }
+            this.videoUrl = res.data
+            // let data = JSON.parse(res.data)
+            // if (refresh) {
+            //   monitor.url = data.url
+            // } else if (this.splitScreen == 1) {
+            //   this.monitors = [{...monitor, ...data}]
+            // } else {
+            //   this.monitors.push({...monitor, ...data})
+            // }
           }
         })
       },