<template>
  <div class="regionalEconomies">
    <div class="flex-box query-box">
      <div class="flex-box query-params">
        <span class="common-title">区域经济</span>
      </div>
    </div>
    <div class="table-item">
      <el-table
        :data="getValues"
        :show-header="false"
        border
      >
        <el-table-column
          v-for="(item, index) in getHeaders"
          :key="index"
          :prop="item"
        >
        </el-table-column>
      </el-table>
    </div>

  </div>
</template>

<script>
export default {
  name: 'regionalEconomies',
  components: {

  },
  data() {
    return {
      tableData: [
        {
          zb:"2023年",
          gdp:'129,118.58',
          gdpzs:'124,369.67',
          rjgdp:'134,369.67',
        },
        {
          zb:"2022年",
          gdp:'129,118.58',
          gdpzs:'124,369.67',
          rjgdp:'134,369.67',
        },
        {
          zb:"2021年",
          gdp:'129,118.58',
          gdpzs:'124,369.67',
          rjgdp:'134,369.67',
        },
        {
          zb:"2020年",
          gdp:'129,118.58',
          gdpzs:'124,369.67',
          rjgdp:'134,369.67',
        },
        {
          zb:"2019年",
          gdp:'129,118.58',
          gdpzs:'124,369.67',
          rjgdp:'134,369.67',
        },
        {
          zb:"2018年",
          gdp:'129,118.58',
          gdpzs:'124,369.67',
          rjgdp:'134,369.67',
        },
      ],
      headers: [
        {
          prop: 'zb',
          label: '指标',
        },
        {
          prop: 'name',
          label: '经济',
        },
        {
          prop: 'gdp',
          label: 'GDP（亿元）',
        },
        {
          prop: 'gdpzs',
          label: 'GDP增速',
        },
        {
          prop: 'rjgdp',
          label: '人均GDP（元）',
        },
        {
          prop: 'rjgdp',
          label: '第一产业增加值（亿元）',
        },
        {
          prop: 'rjgdp',
          label: '第二产业增加值（亿元）',
        },
        {
          prop: 'rjgdp',
          label: '第三产业增加值（亿元）',
        },
        {
          prop: 'rjgdp',
          label: '人口（万人）',
        },
        {
          prop: 'rjgdp',
          label: '工业增加值（亿元）',
        },
        {
          prop: 'rjgdp',
          label: '工业总产值（亿元）',
        },
        {
          prop: 'rjgdp',
          label: '房地产开发投资（亿元）',
        },
        {
          prop: 'rjgdp',
          label: '进出口总额（亿美元）',
        },
        {
          prop: 'rjgdp',
          label: '社会消费品零售总额（亿元）',
        },
        {
          prop: 'rjgdp',
          label: '城镇居民人均可支配收入（元）',
        },
        {
          prop: 'cz',
          label: '财政',
        },
        {
          prop: 'rjgdp',
          label: '一般公共预算收入（亿元）',
        },
        {
          prop: 'rjgdp',
          label: '般公共预算收入增速',
        },
        {
          prop: 'rjgdp',
          label: '税收收入（亿元）',
        },
        {
          prop: 'rjgdp',
          label: '转移性收入（亿元）',
        },
        {
          prop: 'rjgdp',
          label: '上级补助收入（亿元）',
        },
        {
          prop: 'rjgdp',
          label: '一般公共预算支出（亿元）',
        },
        {
          prop: 'rjgdp',
          label: '政府性基金收入（亿元）',
        },
        {
          prop: 'rjgdp',
          label: '土地出让收入（亿元）',
        },
        {
          prop: 'rjgdp',
          label: '政府性基金支出（亿元）',
        },
        {
          prop: 'rjgdp',
          label: '国有资本经营收入（亿元）',
        },
        {
          prop: 'rjgdp',
          label: '国有资本经营支出（亿元）',
        },
        {
          prop: 'zw',
          label: '债务',
        },
        {
          prop: 'rjgdp',
          label: '地方政府债务余额（亿元）',
        },
        {
          prop: 'rjgdp',
          label: '一般债余额（亿元）',
        },
        {
          prop: 'rjgdp',
          label: '专项债余额（亿元）',
        },
        {
          prop: 'rjgdp',
          label: '地方政府债务限额（亿元）',
        },
        {
          prop: 'rjgdp',
          label: '城投平台有息债务（亿元）',
        },
        {
          prop: 'rjgdp',
          label: '财政自给率',
        },
        {
          prop: 'rjgdp',
          label: '负债率',
        },
        {
          prop: 'rjgdp',
          label: '负债率-宽口径',
        },
        {
          prop: 'rjgdp',
          label: '债务率',
        },
        {
          prop: 'rjgdp',
          label: '债务率-宽口径',
        },
      ],
    }
  },
  created() {
    this.dataRegion()
  },
  computed: {
    getHeaders() {
      return this.tableData.reduce((pre, cur, index) => pre.concat(`value${index}`), ['title'])
    },
    getValues() {
      return this.headers.map(item => {
        return this.tableData.reduce((pre, cur, index) => Object.assign(pre, {['value' + index]: cur[item.prop]}), {'title': item.label,});
      });
    }
  },
  methods: {
    //地区
    async dataRegion() {
      // await axios.post("https://files.jiansheku.com/file/json/common/dataRegion.json", {}, {
      //   headers: {
      //     'Content-Type': 'application/json'
      //   }
      // }).then(res => {
      //   if (res.data.code == 200) {
      //     console.log(res.data.data)
      //   }
      // })
    },
  }
}
</script>
<style lang="scss" scoped>
.regionalEconomies{
  background: #ffffff;
  border-radius: 4px;
  padding: 16px;
  .query-box{
    margin: 10px 0 20px;
  }
}

</style>
