<!--
 * @Description:投资排名
 * @Author: 王晓颖
 * @Date: 2020-11-30 17:40:37
 -->
<!--suppress ALL -->
<template>
  <div style="width:100%;height:100%;padding:0.15rem">
    <dv-scroll-ranking-board :config="config" style="height:100%;font-size:0.1rem !important;"  />
  </div>
</template>

<script>
import {fetchProjectInvestmentByType} from '@/api/projectManage'
import {getYear} from '@/utils/formatDate'
export default {
  name: 'investmentRank',
  data () {
    return {
      year: getYear(),
      config: {
        rowNum: 4,
        waitTime: 200000,
        data: [
          {value: 0, name: '园林项目'},
          {value: 0, name: '市政项目'},
          {value: 0, name: '建筑项目'},
          {value: 0, name: '交通项目'},
          {value: 0, name: '水利项目'}
        ]
      }
    }
  },
  created () {
    this.getData()
  },
  methods: {
    getData () {
      fetchProjectInvestmentByType(this.year).then(response => {
        if (response.code === 200) {
          let data = response.data.map(item => {
            return {
              name: item.type,
              value: Math.round(item.value* 10) / 10
            }
          })
          this.config = {
            rowNum: 4,
            waitTime: 200000,
            data: data
          }
        }
      })
    }
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>

</style>