sxyanzhu
/
jhbigscreen
4
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

提交

prv
姜玉琦 2023-10-17 00:04:49 +08:00
parent 74da68b685
commit 6fdb3366e5
1 changed files with 57 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

107
src/pages/projectVideo.vue
View File

@ -3,7 +3,7 @@
<div class="screen-content"> <div class="screen-content">
<!-- <div class="analyse-equipment analyse-equipment-position">视频监控</div> --> <!-- <div class="analyse-equipment analyse-equipment-position">视频监控</div> -->
<el-row> <el-row>
<el-col :span="6"> <!-- <el-col :span="6">
<module-one-1-1 label="视频概况" :amplify="true" name="amplify-spjk"> <module-one-1-1 label="视频概况" :amplify="true" name="amplify-spjk">
<div class="equipment-list-max"> <div class="equipment-list-max">
<el-row> <el-row>
@ -63,27 +63,24 @@
</div> </div>
</div> </div>
</module-one-2-1> </module-one-2-1>
</el-col> </el-col> -->
<el-col :span="3"> <el-col :span="3">
<module-one-3-1 label="视频列表"> <module-one-3-1 label="视频列表">
<div class="video-list-max"> <div class="video-list-max">
<div class="video-list-min"> <div class="video-list-min">
<div class="video-list-for" v-for="item in videoListData"> <div class="video-list-for" v-for="item in videoListData">
<div class="video-list-title">{{item.project_abbreviation}}</div> <ul class="video-list-ul" v-show="item.type">
<el-collapse-transition> <li :class="video.type==true?'active':''" v-for="(video,idx) in item.videoList" @click.stop="handlePlay(video,idx)">
<ul class="video-list-ul" v-show="item.type"> <button :class="video.signalState == 1?'video-state-zx':'video-state-lx'"></button>
<li :class="video.type==true?'active':''" v-for="(video,idx) in item.videoList" @click.stop="handlePlay(video,idx)"> <span>{{video.videoName}}</span>
<button :class="video.signalState == 1?'video-state-zx':'video-state-lx'"></button> </li>
<span>{{video.videoName}}</span> </ul>
</li>
</ul>
</el-collapse-transition>
</div> </div>
</div> </div>
</div> </div>
</module-one-3-1> </module-one-3-1>
</el-col> </el-col>
<el-col :span="15"> <el-col :span="21">
<module-one-video> <module-one-video>
<div class="video-enlarge-max" v-if="videoType"> <div class="video-enlarge-max" v-if="videoType">
<div class="video-enlarge-title"> <div class="video-enlarge-title">
@ -1431,52 +1428,52 @@ export default {
this.request.replace("{{videoDvrNumber}}", it.videoDvrNumber) this.request.replace("{{videoDvrNumber}}", it.videoDvrNumber)
); );
}, },
//查询视频通道 //查询视频通道
initVideo(videoDvrNumber, url) { initVideo(videoDvrNumber, url) {
let that = this; let that = this;
this.$api.video.getVideoPassage(videoDvrNumber).then((response) => { this.$api.video.getVideoPassage(videoDvrNumber).then((response) => {
let data = response.data; let data = response.data;
this.videoPassageList = data; this.videoPassageList = data;
that.showVideo = true; that.showVideo = true;
data.forEach((it, idx) => { data.forEach((it, idx) => {
if (idx == 0) { if (idx == 0) {
that.url0 = url.replace("{{passage}}", it.passageValue); that.url0 = url.replace("{{passage}}", it.passageValue);
} }
if (idx == 1) { if (idx == 1) {
that.url1 = url.replace("{{passage}}", it.passageValue); that.url1 = url.replace("{{passage}}", it.passageValue);
} }
if (idx == 2) { if (idx == 2) {
that.url2 = url.replace("{{passage}}", it.passageValue); that.url2 = url.replace("{{passage}}", it.passageValue);
} }
if (idx == 3) { if (idx == 3) {
that.url3 = url.replace("{{passage}}", it.passageValue); that.url3 = url.replace("{{passage}}", it.passageValue);
} }
});
}); });
}); },
},
handleOnError0(error) { handleOnError0(error) {
this.showVideoView0 = false; //this.showVideoView0 = false;
console.log("error: ", error); console.log("error: ", error);
this.updatePassageState(this.videoPassageList[0].id); //this.updatePassageState(this.videoPassageList[0].id);
}, },
handleOnError1(error) { handleOnError1(error) {
this.showVideoView1 = false; //this.showVideoView1 = false;
console.log("error: ", error); console.log("error: ", error);
this.updatePassageState(this.videoPassageList[1].id); //this.updatePassageState(this.videoPassageList[1].id);
}, },
handleOnError2(error) { handleOnError2(error) {
this.showVideoView2 = false; //this.showVideoView2 = false;
console.log("error: ", error); console.log("error: ", error);
this.updatePassageState(this.videoPassageList[2].id); //this.updatePassageState(this.videoPassageList[2].id);
}, },
handleOnError3(error) { handleOnError3(error) {
this.showVideoView3 = false; //this.showVideoView3 = false;
console.log("error: ", error); console.log("error: ", error);
this.updatePassageState(this.videoPassageList[3].id); //this.updatePassageState(this.videoPassageList[3].id);
}, },
updatePassageState(id) { updatePassageState(id) {
//没有好思路，这里先注释 //没有好思路，这里先注释
//this.$api.video.editPassageState(id,this.videoDvrNumber,"2"); //this.$api.video.editPassageState(id,this.videoDvrNumber,"2");
}, },
}, },
@ -1490,12 +1487,22 @@ export default {
.videoView { .videoView {
color: aliceblue; color: aliceblue;
float: left; float: left;
width: 50%; width: 49.5%;
height: 452.5px; height: 458px;
margin-bottom:2px;
margin-top:2px;
margin-left:5px;
margin-right:3px;
} }
.videoViewError { .videoViewError {
background-color: #575e65; background-color: #575e65;
text-align: center; text-align: center;
line-height: 420px; line-height: 420px;
} }
.video-enlarge-max{
padding:0 !important;
}
.video-enlarge-content{
overflow: hidden;
}
</style> </style>