<!--
 * @Description: 项目整体概况
 * @Author: 王晓颖
 * @Date: 2020-12-01 16:11:45
 -->
<template>
    <div class="PlanningLand">
      <!--各状态项目的占比情况-->
      <image-block :data="data"/>
    </div>
  <!--</chart-layout>-->
</template>

<script>
import ImageBlock from '@/components/block/imageBlock'
import {fetchProjectInvestment} from '@/api/projectManage'
import {getYear} from '@/utils/formatDate'
export default {
  name: 'InvestmentTotal',
  components: {ImageBlock},
  data () {
    return {
      year: getYear(),
      data: {
        name: '总投资',
        value: 0,
        unit: '万元'
      }
    }
  },
  mounted () {
    // this.getData()
const mockData = this.$globalJsons.globalPlan
    this.data = mockData.investment.count
  },
  methods: {
    getData () {
      fetchProjectInvestment(this.year).then(res => {
        if (res.code === 200) {
          this.data = {
            name: '总投资',
            value: res.data.total.toFixed(1),
            unit: '万元'
          }
        }
      })
    }
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
.PlanningLand{
  width: 100%;
  height:100%;
  display: flex;
  padding-left:0.1rem;
  justify-content: space-between;
  align-items: center;
  .landList{
    .landSize {
      width: 50%;
      float: left;
      text-align: center;
      span {
        font-size: 0.07rem;
        // color: #00a3d7;
        color: #FFFFFF;
      }
    }
    .size {
      margin-top: .02rem;
      color: #00faa8;
      font-weight:bold;
      font-size: 0.09rem;
      span {
        font-size: 0.07rem;
      }
    }
  }
}
</style>