<template>
  <PageWrapper dense>
    <div style="margin: 1%; padding: 1%; border-radius: 10px; background: #fff">
      <div v-for="(i, index) in description" style="margin: 20px 0 20px 20px" :key="index">{{
        i
      }}</div>
      <div>
        <a-table :dataSource="projectInfo" :columns="columns" :pagination="false" />
      </div>
    </div>
  </PageWrapper>
</template>

<script setup lang="ts">
  import { ref } from 'vue';
  import { PageWrapper } from '@/components/Page';
  import {list} from './api'
  const description = ref([])

  const columns = [
    {
      dataIndex: 'date',
      key: 'date',
      title: '时期',
    },
    {
      dataIndex: 'planInvest',
      key: 'planInvest',
      title: '规划投资(亿元)',
    },
    {
      dataIndex: 'actualInvest',
      key: 'actualInvest',
      title: '实际完成投资(亿元)',
    },
    {
      dataIndex: 'investPercent',
      key: 'investPercent',
      title: '完成投资率%',
    },
  ];
  const projectInfo = ref([
  ]);
  const getInfo = async() =>{
  const res = await list()
  description.value = res.description
  projectInfo.value = res.projectInfo
  console.log(res)
  }
  getInfo()
</script>
<style lang="less">
  .tabBox {
    margin: 20px;
  }

  .title {
    margin: 10px 0;
    font-size: 20px;
    font-weight: 550;
  }
</style>
