问题修复

ZZJ

2021-11-09 ccee429d379e0108b7445f72ade8d97c110a6fb3

 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>