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 | 64 ++++++++++++++++++++++++++----- 1 files changed, 53 insertions(+), 11 deletions(-) diff --git a/src/pages/shuohuangMonitorAnalyze/components/videoAnalyze.vue b/src/pages/shuohuangMonitorAnalyze/components/videoAnalyze.vue index db5ab31..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' @@ -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); }, @@ -701,6 +718,18 @@ let min = +arr[1], 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; + } }); }); }, @@ -924,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) { -- Gitblit v1.8.0