巷道增加光源配置

src/views/roadwayManage/index.vue

@@ -72,6 +72,10 @@ const columns = [
         title: 'PLC-ID',
         dataIndex: 'plcId',
     },
+    {
+        title: '光源IP',
+        dataIndex: 'lightSourceIp',
+    },
     {
         title: '左货架类型',
         dataIndex: 'leftType',

src/views/roadwayManage/model.vue

@@ -38,6 +38,18 @@
                         />
                     </a-form-item>
                 </div>
+                <div class="across-layout">
+                    <a-form-item label="光源IP" :label-col="formItemAcrossLayout.labelCol">
+                        <a-input
+                            v-decorator="['lightSourceIp']"
+                        />
+                    </a-form-item>
+                    <a-form-item label="光源 PORT" :label-col="formItemAcrossLayout.labelCol">
+                        <a-input
+                            v-decorator="['lightSourcePort']"
+                        />
+                    </a-form-item>
+                </div>
                 <a-divider></a-divider>
 
                 <div class="leftType">
@@ -242,6 +254,8 @@ export default {
                         plcId: newVal.plcId,
                         plcIp: newVal.plcIp,
                         plcPort: newVal.plcPort,
+                        lightSourceIp: newVal.lightSourceIp,
+                        lightSourcePort: newVal.lightSourcePort,
                         leftType: newVal.leftType === null ? '' : newVal.leftType === 0 ? '单伸' : '双伸',
                         leftRow: newVal.leftRow,
                         leftColumn: newVal.leftColumn,

src/views/videoWall/index.vue

@@ -34,7 +34,8 @@ export default {
             videoH: 0,
             isFullscreen: false,
             originHeight: 0,
-            fullHeight: 0
+            fullHeight: 0,
+            players: []
         }
     },
     //watch: {},
@@ -43,6 +44,9 @@ export default {
             return( this.clientHeight/ this.row ) + 'px';
         }
     },
+    destroyed() {
+        this.destory()
+    },
     mounted () {
         this.getWallStyle();
         
@@ -111,14 +115,19 @@ export default {
                         console.log("idName:"+idName);
                         let video = document.getElementById(idName);
                         let player = new WebRtcPlayer(video,"camera"+cameras[i-1].id);
-                        //player.play('camera'+cameras[i-1].id);
+                        this.players.push(player);
-
                     }
                 }
             }).catch(err => {
                 console.log(err)
             })
         },
+        destory(){
+            for(let player of this.players){
+                console.log("stop")
+                player.destroy()
+            }
+        },
         
         full () {
             if(this.isFullscreen){