|
@@ -7,7 +7,7 @@
|
|
<div class="video-max-big-box">
|
|
<div class="video-max-big-box">
|
|
<H5PlayerVideo class="sub-video-box" :videoProps="item"
|
|
<H5PlayerVideo class="sub-video-box" :videoProps="item"
|
|
v-for="(item,index) in videoList" :key="index"></H5PlayerVideo>
|
|
v-for="(item,index) in videoList" :key="index"></H5PlayerVideo>
|
|
- <p class="null-text-p">该实验室未配置监控设备</p>
|
|
|
|
|
|
+ <p class="null-text-p" v-if="!videoList[0]">该实验室未配置监控设备</p>
|
|
</div>
|
|
</div>
|
|
<div class="button-box">
|
|
<div class="button-box">
|
|
<p class="right-button-p el-icon-arrow-right" v-if="dataList[2]" @click="rightButton()"></p>
|
|
<p class="right-button-p el-icon-arrow-right" v-if="dataList[2]" @click="rightButton()"></p>
|
|
@@ -47,6 +47,8 @@
|
|
//初始化 查询实验室摄像头
|
|
//初始化 查询实验室摄像头
|
|
initialize(data){
|
|
initialize(data){
|
|
let self = this;
|
|
let self = this;
|
|
|
|
+ this.$set(this,'dataList',[])
|
|
|
|
+ this.$set(this, 'videoList', [])
|
|
// type 1.楼栋 2.楼层 3.楼道 4.实验室
|
|
// type 1.楼栋 2.楼层 3.楼道 4.实验室
|
|
let obj = {
|
|
let obj = {
|
|
page:1,
|
|
page:1,
|
|
@@ -81,32 +83,40 @@
|
|
});
|
|
});
|
|
},
|
|
},
|
|
leftButton(){
|
|
leftButton(){
|
|
|
|
+ let self = this;
|
|
if(this.showIndex>1){
|
|
if(this.showIndex>1){
|
|
let videoList = [];
|
|
let videoList = [];
|
|
- if(this.dataList[this.showIndex-2]){
|
|
|
|
- videoList.push(this.dataList[this.showIndex-2])
|
|
|
|
- }
|
|
|
|
- if(this.dataList[this.showIndex-1]){
|
|
|
|
- videoList.push(this.dataList[this.showIndex-1])
|
|
|
|
|
|
+ if(self.dataList[self.showIndex-2]){
|
|
|
|
+ videoList.push(self.dataList[self.showIndex-2])
|
|
}
|
|
}
|
|
- if(videoList[0]){
|
|
|
|
- this.$set(this,'showIndex',this.showIndex-2);
|
|
|
|
- this.$set(this,'videoList',videoList);
|
|
|
|
|
|
+ if(self.dataList[self.showIndex-1]){
|
|
|
|
+ self.$set(self,'videoList',[]);
|
|
|
|
+ videoList.push(self.dataList[self.showIndex-1])
|
|
}
|
|
}
|
|
|
|
+ setTimeout(function(){
|
|
|
|
+ if(videoList[0]){
|
|
|
|
+ self.$set(self,'showIndex',self.showIndex-2);
|
|
|
|
+ self.$set(self,'videoList',videoList);
|
|
|
|
+ }
|
|
|
|
+ },200);
|
|
}
|
|
}
|
|
},
|
|
},
|
|
rightButton(){
|
|
rightButton(){
|
|
|
|
+ let self = this;
|
|
let videoList = [];
|
|
let videoList = [];
|
|
- if(this.dataList[this.showIndex+2]){
|
|
|
|
- videoList.push(this.dataList[this.showIndex+2])
|
|
|
|
|
|
+ if(self.dataList[self.showIndex+2]){
|
|
|
|
+ self.$set(self,'videoList',[]);
|
|
|
|
+ videoList.push(self.dataList[self.showIndex+2])
|
|
}
|
|
}
|
|
- if(this.dataList[this.showIndex+3]){
|
|
|
|
- videoList.push(this.dataList[this.showIndex+3])
|
|
|
|
- }
|
|
|
|
- if(videoList[0]){
|
|
|
|
- this.$set(this,'showIndex',this.showIndex+2);
|
|
|
|
- this.$set(this,'videoList',videoList);
|
|
|
|
|
|
+ if(self.dataList[self.showIndex+3]){
|
|
|
|
+ videoList.push(self.dataList[self.showIndex+3])
|
|
}
|
|
}
|
|
|
|
+ setTimeout(function(){
|
|
|
|
+ if(videoList[0]){
|
|
|
|
+ self.$set(self,'showIndex',self.showIndex+2);
|
|
|
|
+ self.$set(self,'videoList',videoList);
|
|
|
|
+ }
|
|
|
|
+ },200);
|
|
},
|
|
},
|
|
//全屏开启-关闭轮播
|
|
//全屏开启-关闭轮播
|
|
stopTime(cameraIndexCode){
|
|
stopTime(cameraIndexCode){
|