视频协同

packages/IntelligentSecurity/AppISManage/AppISManage.vue

@@ -24,7 +24,7 @@
           <AiMonitor :isShowBar="isShowBar" :src="m.url" type="slw" :name="m.name" @close="removeMonitor(i)" ref="AiMonitor"></AiMonitor>
         </div>
       </div>
-      <Synergy v-if="!isShowBar" style="width: 100%; height: 68px;"></Synergy>
+      <Synergy ref="Synergy" v-if="!isShowBar && monitors.length" style="width: 100%; height: 68px;"></Synergy>
     </div>
     <ai-dialog title="修改名称" :visible.sync="dialog" width="500px" @onConfirm="handleSubmit(selected)"
                @closed="selected={}">
@@ -61,7 +61,7 @@
       splitOps() {
         return [
           {label: "单分屏", value: 1, per: "100%"},
-          {label: "四分屏", value: 4, per: "49%"},
+          {label: "四分屏", value: 4, per: "49.2%"},
           {label: "九分屏", value: 9, per: "32%"}
         ]
       },
@@ -93,6 +93,16 @@
       }
     },
 
+    watch: {
+      slider () {
+        this.$refs.AiMonitor && this.$refs.AiMonitor.forEach(e => {
+          e.reset()
+        })
+
+        this.$refs.Synergy && this.$refs.Synergy.init()
+      }
+    },
+
     created() {
       this.selected.areaId = this.user.info.areaId
       this.disabledLevel = this.user.info.areaList.length - 1
@@ -122,7 +132,7 @@
           this.monitors = [this.monitors[0]]
         }
 
-        this.$refs.AiMonitor.forEach(e => {
+        this.$refs.AiMonitor && this.$refs.AiMonitor.forEach(e => {
           e.reset()
         })
       },