修改大屏首页

TreeWish

2023-02-27 27c5590aab433687c58dbf41e9271f71008834f0

 src/components/Screen/left.vue

@@ -4,23 +4,52 @@
      <img :src="leftImg" @click="ChangeLeft" />
    </div>
    <div class="leftContainer" v-if="ChartDisplay">
      <div class="current1" style="height: 27%;" id="leftCurrent1">
      <div class="current1"  id="leftCurrent1">
        <div class="aside-title">数据申请次数</div>
        <count-data-apply ></count-data-apply>
      </div>
      <div class="current1" style="height: 27%;"  id="leftCurrent2">
        <div class="aside-title">服务类别</div>

      <div class="current1"   id="leftCurrent2">
        <div class="aside-title">用户访问量</div>
        <service-type></service-type>
      </div>
      <div class="current1" style="height: 36%;" id="leftCurrent3">
        <div class="aside-title">存储信息</div>
      <div class="current1"  id="leftCurrent3">
        <div class="aside-title">项目存储信息</div>
        <data-storage></data-storage>
      </div>
    </div>
    <div class="leftContainer" v-if="ProjectreeDisplay">
      <project-tree></project-tree>
    <!-- 全球统计次数 -->
    <div class="leftContainer" v-if="GlobleChartDisplay">
      <div class="current1"  id="leftCurrent1">
        <div class="aside-title">数据申请次数</div>
        <count-data-apply ></count-data-apply>
      </div>
      <div class="current1"   id="leftCurrent2">
        <div class="aside-title">用户访问量</div>
        <service-type></service-type>
      </div>
      <div class="current1"  id="leftCurrent3">
        <div class="aside-title">项目存储信息</div>
        <data-storage></data-storage>
      </div>
    </div>
<!-- 全国项目统计次数 -->
    <div class="leftContainer" v-if="CountryChartDisplay">
      <div class="current1"  id="leftCurrent1">
        <div class="aside-title">数据申请次数</div>
        <count-data-apply ></count-data-apply>
      </div>
      <div class="current1"   id="leftCurrent2">
        <div class="aside-title">用户访问量</div>
        <service-type></service-type>
      </div>
      <div class="current1"  id="leftCurrent3">
        <div class="aside-title">项目存储信息</div>
        <data-storage></data-storage>
      </div>
    </div>
    <!-- <div class="leftContainer" v-if="ProjectreeDisplay">
      <project-tree></project-tree>
    </div> -->
  </div>
</template>
<script>
@@ -40,6 +69,8 @@
      leftMessage: "init",
      ChartDisplay: true,
      ProjectreeDisplay: false,
      GlobleChartDisplay:false,
      CountryChartDisplay:false,
      leftImg: require("../../assets/img/Screen/rightArrow.png"),
    }
  },
@@ -76,6 +107,11 @@
      this.leftMessage = "init"
      // this.OpenLeftInitChart();
      this.$parent.ChangeWidth("leftView")

      this.$bus.$on("changeProject", name => {
        
      })

    },
    //打开工程树
    OpenLeftProjectTree() {
@@ -543,14 +579,13 @@
  .leftContainer {
    height: 100%;
    width: calc(100% - 7px);

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;

    .current1 {
      height: 30%;
      height: 32%;
      width: 100%;
      background: url(../../assets/img/Screen/chartbg.png);
      background-size: 100% 100%;
@@ -562,7 +597,6 @@
      background: url(../../assets/img/Screen/contentBg.png);
      background-size: 100% 100%;
      background-repeat: no-repeat;
      
    }
  }
}