From ccee429d379e0108b7445f72ade8d97c110a6fb3 Mon Sep 17 00:00:00 2001 From: ZZJ <zzjdsg2300@163.com> Date: 星期二, 09 十一月 2021 18:01:59 +0800 Subject: [PATCH] 问题修复 --- src/pages/shuohuangMonitorAnalyze/components/videoAnalyze.vue | 89 +++++++++++++++++++++++++++++++++++++------- 1 files changed, 75 insertions(+), 14 deletions(-) diff --git a/src/pages/shuohuangMonitorAnalyze/components/videoAnalyze.vue b/src/pages/shuohuangMonitorAnalyze/components/videoAnalyze.vue index 219d3be..0f4e0e7 100644 --- a/src/pages/shuohuangMonitorAnalyze/components/videoAnalyze.vue +++ b/src/pages/shuohuangMonitorAnalyze/components/videoAnalyze.vue @@ -75,9 +75,25 @@ {{ item.text }} </div> <div + v-if="checkType === 1" class="self-dot" :class=" curVideo.IsOperate == '1' && + item.state == 0 && + !item.text.includes('鎵嬫瘮') + ? 'red' + : getColor(item.text) + " + :style="{ + left: (item.offset / maxSecond) * 100 + '%', + }" + @click="dotJump(item.offset)" + ></div> + <div + v-if="checkType === 2" + class="self-dot" + :class=" + curVideo.IsOperate == '11' && item.state == 0 && !item.text.includes('鎵嬫瘮') ? 'red' @@ -203,14 +219,14 @@ <img src="/images/shuohuang/缁� 801.png" alt="" - v-if="showHand == true" - @click="closeHand" + v-if="showHand == false" + @click="openHand" /> <img src="/images/shuohuang/缁� 800.png" alt="" v-else - @click="openHand" + @click="closeHand" /> </div> </div> @@ -291,7 +307,7 @@ >{{ item.text }} </span> - <span class="list-warn">鏈墜姣� </span> + <span class="list-warn" v-if="checkType === 1">鏈墜姣� </span> </div> </div> </div> @@ -445,6 +461,7 @@ }, data() { return { + checkType: 1, showHand: true, guid: 1, labelDialogVisible: false, @@ -506,12 +523,12 @@ console.log(arr); }, */ }, - mounted() { + async mounted() { this.renderLabelOpts(); this.setGuid(1); - this.getCurVideos(this.videoDetails); + await this.getCurVideos(this.videoDetails); // this.getRelatedVideos(this.videoDetails); }, @@ -702,6 +719,18 @@ sec = +arr[2]; _this.maxSecond = min * 60 + sec; }); + + this.eventMarks.forEach((item) => { + if ( + item.text.indexOf("鐜╂墜鏈�") > -1 || + item.text.indexOf("瓒翠紡") > -1 || + item.text.indexOf("浠板崸") > -1 + ) { + this.checkType = 2; + } else { + this.checkType = 1; + } + }); }); }, renderLabelOpts() { @@ -719,6 +748,13 @@ } if (text.indexOf("杩囧垎鐩�") > -1) { return "blue"; + } + if ( + text.indexOf("鐜╂墜鏈�") > -1 || + text.indexOf("瓒翠紡") > -1 || + text.indexOf("浠板崸") > -1 + ) { + return "red"; } return ""; }, @@ -917,14 +953,27 @@ if (this.curVideo.IsOperate == 0) { return []; } - return this.eventMarks.filter((x) => { - return ( - (x.text.indexOf("杩涘嚭绔�") > -1 || - x.text.indexOf("杩囧垎鐩�") > -1 || - x.text.indexOf("淇″彿鏈�") > -1) && - x.state == 0 - ); - }); + + if (this.checkType === 1) { + return this.eventMarks.filter((x) => { + return ( + (x.text.indexOf("杩涘嚭绔�") > -1 || + x.text.indexOf("杩囧垎鐩�") > -1 || + x.text.indexOf("淇″彿鏈�") > -1) && + x.state == 0 + ); + }); + } else if (this.checkType === 2) { + return this.eventMarks.filter((x) => { + return ( + x.text.indexOf("鐜╂墜鏈�") > -1 || + x.text.indexOf("瓒翠紡") > -1 || + x.text.indexOf("浠板崸") > -1 + ); + }); + } + + return []; }, marks_filter() { if (this.showHand) { @@ -1586,4 +1635,16 @@ .video-box-top b { color: #fff; } + +.currentPlayer .prism-player .prism-big-play-btn { + left: 46% !important; + bottom: 39% !important; + background-size: cover; + width: 11%; + height: 23%; + .outter { + width: 100%; + height: 100%; + } +} </style> \ No newline at end of file -- Gitblit v1.8.0