| | |
| | | {{ 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' |
| | |
| | | >{{ item.text }} |
| | | </span> |
| | | |
| | | <span class="list-warn">未手比 </span> |
| | | <span class="list-warn" v-if="checkType === 1">未手比 </span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | checkType: 1, |
| | | showHand: true, |
| | | guid: 1, |
| | | labelDialogVisible: false, |
| | |
| | | console.log(arr); |
| | | }, */ |
| | | }, |
| | | mounted() { |
| | | async mounted() { |
| | | this.renderLabelOpts(); |
| | | |
| | | this.setGuid(1); |
| | | |
| | | this.getCurVideos(this.videoDetails); |
| | | await this.getCurVideos(this.videoDetails); |
| | | |
| | | // this.getRelatedVideos(this.videoDetails); |
| | | }, |
| | |
| | | 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() { |
| | |
| | | if ( |
| | | text.indexOf("玩手机") > -1 || |
| | | text.indexOf("趴伏") > -1 || |
| | | text.indexOf("仰卧") > -1 |
| | | text.indexOf("仰卧") > -1 || |
| | | text.indexOf("仰坐") > -1 |
| | | ) { |
| | | return "red"; |
| | | } |
| | |
| | | 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) { |