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

39
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>
<el-collapse-transition>
<ul class="video-list-ul" v-show="item.type"> <ul class="video-list-ul" v-show="item.type">
<li :class="video.type==true?'active':''" v-for="(video,idx) in item.videoList" @click.stop="handlePlay(video,idx)"> <li :class="video.type==true?'active':''" v-for="(video,idx) in item.videoList" @click.stop="handlePlay(video,idx)">
<button :class="video.signalState == 1?'video-state-zx':'video-state-lx'"></button> <button :class="video.signalState == 1?'video-state-zx':'video-state-lx'"></button>
<span>{{video.videoName}}</span> <span>{{video.videoName}}</span>
</li> </li>
</ul> </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">
@ -1455,24 +1452,24 @@ export default {
}); });
}, },
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) {
//没有好思路，这里先注释 //没有好思路，这里先注释
@ -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>