处理全国项目&单个项目数据

TreeWish

2023-02-28 db5aed78bc305815558e97f9a1110cc2fa993bc9

 src/components/Screen/right.vue

@@ -19,7 +19,10 @@
      <div class="current1">
        <div class="aside-title"></div>
        <!-- <country-dimension-bar ref="barRef"></country-dimension-bar> -->
        <base-bar-chart title="项目个数" :project="currentProject"></base-bar-chart>
        <base-bar-chart
          title="项目个数"
          :project="currentProject"
        ></base-bar-chart>
      </div>
      <div class="current1">
        <div class="aside-title">项目饼状图</div>
@@ -31,7 +34,7 @@
        <province-dimension-pie v-else ref="pieRef"></province-dimension-pie>
      </div>
      <div class="current1">
        <div class="aside-title">项目数据使用情况</div>
        <div class="aside-title">数据使用情况</div>
        <dv-capsule-chart
          :config="barConfig"
          style="width: 360px; height: 85%"
@@ -43,7 +46,10 @@
      <div class="current1">
        <div class="aside-title">站场座数</div>
        <!-- <country-dimension-bar ref="barRef"></country-dimension-bar> -->
        <base-bar-chart title="站场座数" :project="currentProject"></base-bar-chart>
        <base-bar-chart
          title="站场座数"
          :project="currentProject"
        ></base-bar-chart>
      </div>
      <div class="current1">
        <div class="aside-title">阀室座数</div>
@@ -53,7 +59,7 @@
        />
      </div>
      <div class="current1">
        <div class="aside-title">不同输送介质管道条数</div>
        <div class="aside-title">管道条数</div>
        <dv-conical-column-chart
          :config="config"
          style="width: 377px; height: 85%"
@@ -64,14 +70,22 @@
    <div class="rightContainer" v-if="currentDisplay == '工程'">
      <div class="current1">
        <div class="aside-title">数据存储量</div>
        <base-line-chart title="数据存储量" :project="currentProject" :params="params"></base-line-chart>
        <base-line-chart
          title="数据存储量"
          :project="currentProject"
          :params="params"
        ></base-line-chart>
      </div>
      <div class="current1">
        <div class="aside-title">数据下载次数</div>
        <base-pie-chart height="90%" :project="currentProject" :params="params"></base-pie-chart>
        <base-pie-chart
          height="90%"
          :project="currentProject"
          :params="params"
        ></base-pie-chart>
      </div>
      <div class="current1">
        <div class="aside-title">统计不同输送介质管道条数</div>
        <div class="aside-title">管道条数</div>
        <div class="content" style="height: 30px">
          <div class="header">
            <div>格式</div>
@@ -107,6 +121,7 @@
  countCountryDimension,
  countProvinceDimension,
  countZhPipeStations,
  countDownloads,
} from "@/api/screen.js"

export default {
@@ -212,11 +227,12 @@
        ],
        showValue: true,
      },
      params: {}
      params: {},
    }
  },
  created() {
    this.getZhPipeStations()
    this.getCountDownloads()
  },
  mounted() {
    this.OpenLeftInit()
@@ -230,14 +246,13 @@
      }
      this.currentProject = name
    })
    this.$bus.$on('changeProjectCode', code => {
    this.$bus.$on("changeProjectCode", code => {
      this.params = {
        projectCode: code
        projectCode: code,
      }
    })
    
  },
  

  methods: {
    ChangeRight() {
      if (this.leftMessage == "init") {
@@ -303,6 +318,20 @@
        }
      }
    },
    async getCountDownloads() {
      const res = await countDownloads()
      if (res.code == 200) {
        this.barConfig.data = res.result.map(item => {
          return {
            name: item.typename,
            value: item.count,
          }
        })
        this.barConfig = {
          ...this.barConfig,
        }
      }
    },
  },
}
</script>