You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 lines
1.3 KiB
62 lines
1.3 KiB
<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>
|
|
|