可视化摄像机树排序,取消图标隐藏

zhangzengfei

2020-09-17 68fe1629ea048cf3b806b700f9934f990aa4bfdf

 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>
@@ -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,7 @@
    // 监听窗口
    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.timer = setInterval(() => {
      this.VideoPhotoData.capture()
      this.CategoryData.realTimeCapture();