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 | 88 ++++++++++++++++++++++++++++++++------------
1 files changed, 64 insertions(+), 24 deletions(-)
diff --git a/src/pages/shuohuangMonitorAnalyze/components/videoAnalyze.vue b/src/pages/shuohuangMonitorAnalyze/components/videoAnalyze.vue
index 211f53b..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);
},
@@ -549,9 +566,8 @@
this.showPlayBtn = false;
if (this.guid == 1) {
this.$refs[`player_${this.curVideo.id}`][0].play();
- this.maxDuration = this.$refs[
- `player_${this.curVideo.id}`
- ][0].getDuration();
+ this.maxDuration =
+ this.$refs[`player_${this.curVideo.id}`][0].getDuration();
} else {
this.videoArrs.forEach((v) => {
this.$refs[`player_${v.id}`][0].play();
@@ -580,9 +596,8 @@
this.$refs[`player_${this.curVideo.id}`][0].seek(val);
// this.$refs[`player_${this.curVideo.ID}`][0].play();
setTimeout(() => {
- let curT = that.$refs[
- `player_${that.curVideo.ID}`
- ][0].getCurrentTime();
+ let curT =
+ that.$refs[`player_${that.curVideo.ID}`][0].getCurrentTime();
}, 600);
} else {
this.videoArrs.forEach((v, i) => {
@@ -703,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;
+ }
});
});
},
@@ -926,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) {
@@ -1600,11 +1640,11 @@
left: 46% !important;
bottom: 39% !important;
background-size: cover;
- width: 106px;
- height: 106px;
+ width: 11%;
+ height: 23%;
.outter {
- width: 106px;
- height: 106px;
+ width: 100%;
+ height: 100%;
}
}
</style>
\ No newline at end of file
--
Gitblit v1.8.0