From 05d754bb09ba4aeddd60320d33d583d388434c2f Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期一, 20 十二月 2021 15:38:45 +0800
Subject: [PATCH] 树形组件修改
---
src/pages/shuohuangMonitorAnalyze/components/videoAnalyze.vue | 97 +++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 83 insertions(+), 14 deletions(-)
diff --git a/src/pages/shuohuangMonitorAnalyze/components/videoAnalyze.vue b/src/pages/shuohuangMonitorAnalyze/components/videoAnalyze.vue
index 219d3be..f731374 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 || checkType === 3"
+ 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,24 @@
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 ||
+ item.text.indexOf("浠板潗") > -1
+ ) {
+ this.checkType = 2;
+ } else if (
+ item.text.indexOf("鐬湜") > -1 ||
+ item.text.indexOf("浜烘暟鍙樺寲") > -1
+ ) {
+ this.checkType = 3;
+ } else {
+ this.checkType = 1;
+ }
+ });
});
},
renderLabelOpts() {
@@ -719,6 +754,14 @@
}
if (text.indexOf("杩囧垎鐩�") > -1) {
return "blue";
+ }
+ if (
+ text.indexOf("鐜╂墜鏈�") > -1 ||
+ text.indexOf("瓒翠紡") > -1 ||
+ text.indexOf("浠板崸") > -1 ||
+ text.indexOf("浠板潗") > -1
+ ) {
+ return "red";
}
return "";
},
@@ -917,14 +960,28 @@
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 ||
+ x.text.indexOf("浠板潗") > -1
+ );
+ });
+ }
+
+ return [];
},
marks_filter() {
if (this.showHand) {
@@ -1586,4 +1643,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