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

<script>
import ImageBlock from '@/components/block/imageBlock'
import {fetchProjectInvestment} from '@/api/projectManage'
import {getYear} from '@/utils/formatDate'
import mockData from '../../../../../../static/industrialEconomy.json'
export default {
  name: 'CommercialTotal',
  components: {ImageBlock},
  data () {
    return {
      year: getYear(),
      data: {
        name: '总量',
        value: 0,
        unit: '户'
      }
    }
  },
  mounted () {
    // this.getData()
    this.data = mockData.left.commercial.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>
  .AssetsBox{
    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>