问题修复

ZZJ

2021-11-09 ccee429d379e0108b7445f72ade8d97c110a6fb3

 src/pages/visual/index/home.vue

@@ -48,18 +48,14 @@
          </div>
        </div>
        <div v-if="radioType === '1'" id="category" class="category-parent">
          <category
            v-if="CategoryData.isShow"
            :xAxisData="CategoryData.xAxisArray"
            :seriesData="CategoryData.seriesArray"
          ></category>
          <category :xAxisData="CategoryData.xAxisArray" :seriesData="CategoryData.seriesArray"></category>
        </div>
        <div v-if="radioType === '2'" class="div-realTime">
          <realTimeList></realTimeList>
        </div>
      </div>
      <div v-if="radioType === '1'" id="category" class="category-parent">
        <category v-if="CategoryData.isShow"></category>
        <category></category>
      </div>
      <div v-if="radioType === '2'" class="div-realTime">
        <realTimeList></realTimeList>
@@ -106,7 +102,7 @@
          </div>
          <div class="div-text">
            <p class="s-1">当前预警</p>
            <span class="s-2">{{CategoryData.warnCount}}</span>
            <span class="s-2">{{CategoryData.warnInfo.alarmTotal}}</span>
            <span class="s-3">人</span>
          </div>
        </div>
@@ -116,7 +112,7 @@
          </div>
          <div class="div-text">
            <p class="s-1">剩余车位</p>
            <span class="s-2">0192</span>
            <span class="s-2">{{CategoryData.warnInfo.spaceLeft}}</span>
            <span class="s-3">个</span>
          </div>
        </div>
@@ -142,7 +138,7 @@
          </div>
        </div>
        <div class="div-pie">
          <mutPie v-if="CategoryData.isShow"></mutPie>
          <mutPie></mutPie>
        </div>
        <div class="bottom-title">
          <span class="s-1">摄像机</span>
@@ -159,7 +155,6 @@
          <div class="div-pie" v-if="CategoryData.dataStatus==='default'">
            <span>预警事件</span>
            <pie
              v-if="CategoryData.isShow"
              :seriesName="CategoryData.pieName"
              :radiusType="radiusType"
              :seriesData="CategoryData.pieData"
@@ -240,12 +235,8 @@
    // 监听窗口
    document.addEventListener("visibilitychange", this.visibilitychange, false);
    window.addEventListener('resize', this.windowSizeChange)
    this.CategoryData.isShow = false;
    this.$nextTick(() => {
      // let height = document.getElementById('category').clientHeight
      // console.log(height,'category的高度')
      this.CategoryData.isShow = true;
    })

    this.VideoPhotoData.capture();
    this.timer = setInterval(() => {
      this.VideoPhotoData.capture()
      this.CategoryData.realTimeCapture();
@@ -407,7 +398,7 @@
      }
    }
    .monitor {
      height: calc(62% - 20px);
      height: calc(62% - 27px);
      .monitoring-video {
        height: 100%;
        width: 100%;
@@ -430,7 +421,7 @@
      }
    }
    .entry-exit {
      height: calc(38% - 20px);
      height: calc(38% - 23px);
      .category-parent {
        width: 100%;
        height: 80%;
@@ -546,7 +537,7 @@
    @media screen and (min-width: 1600px) {
      width: 50%;
    }
    height: 100%;
    height: calc(100% - 10px);
    float: left;
    color: #fff;
    .col {