|
|
|
@ -1,5 +1,5 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div class="dataCloudMap" v-if="false">
|
|
|
|
|
<div class="dataCloudMap" v-if="true">
|
|
|
|
|
<el-row class="dataCloudMap-main">
|
|
|
|
|
<el-col :span="11" class="dataCloudMap-main-left">
|
|
|
|
|
<div class="dataCloudMap-left-top">
|
|
|
|
@ -72,12 +72,22 @@
|
|
|
|
|
<div class="rightBtn">查看更多数据>></div>
|
|
|
|
|
</div>
|
|
|
|
|
<section>
|
|
|
|
|
<el-table v-loading="loadingOne" class="tabTwo-table" border :data="tableOneData" :row-class-name="tableRowClassName" > <!-- :max-height="tabHeader" -->
|
|
|
|
|
<el-table-column label="行业大类" prop="bigType" />
|
|
|
|
|
<el-table-column label="全年营收" prop="revenue" />
|
|
|
|
|
<el-table-column label="增加值(亿元)" prop="yuan" />
|
|
|
|
|
<el-table-column label="增加值增速(按不变价)" prop="speedUp" />
|
|
|
|
|
<el-table-column label="增加值占GDP比重" prop="proportion" />
|
|
|
|
|
<el-table v-loading="loadingOne" class="dataMap-two-table" :data="tableOneData" :row-class-name="tableRowClassName" :header-cell-style="{background:'#E8F3FC'}"> <!-- :max-height="tabHeader" -->
|
|
|
|
|
<el-table-column label="行业大类" prop="bigType" width="320"/>
|
|
|
|
|
<el-table-column label="全年营收" prop="revenue" width="130" align="center"/>
|
|
|
|
|
<el-table-column label="增加值(亿元)" prop="yuan" width="100" align="center">
|
|
|
|
|
<template slot="header" slot-scope="scope">
|
|
|
|
|
<div class="Table-header">增加值</div>
|
|
|
|
|
<span class="Table-unit">(亿元)</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="增加值增速(按不变价)" prop="speedUp" width="180" align="center">
|
|
|
|
|
<template slot="header" slot-scope="scope">
|
|
|
|
|
<div class="Table-header">增加值增速</div>
|
|
|
|
|
<span class="Table-unit">(按不变价)</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="增加值占GDP比重" prop="proportion" align="right"/>
|
|
|
|
|
</el-table>
|
|
|
|
|
</section>
|
|
|
|
|
</div>
|
|
|
|
@ -115,6 +125,13 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div class="rightBtn">查看更多数据>></div>
|
|
|
|
|
</div>
|
|
|
|
|
<section>
|
|
|
|
|
<el-table v-loading="loadingTwo" class="dataMap-two-table" :data="tableTwoData" :row-class-name="tableRowClassName" :header-cell-style="{background:'#E8F3FC'}"> <!-- :max-height="tabHeader" -->
|
|
|
|
|
<el-table-column label="申报任务名称" prop="name" width="320"/>
|
|
|
|
|
<el-table-column label="填报时间" prop="time" width="200" align="center"/>
|
|
|
|
|
<el-table-column label="已填报企业数" prop="number" align="right"/>
|
|
|
|
|
</el-table>
|
|
|
|
|
</section>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
@ -154,13 +171,29 @@ export default {
|
|
|
|
|
speedUp:"0.89%",
|
|
|
|
|
proportion:"11%",
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
loadingTwo: false,
|
|
|
|
|
tableTwoData: [
|
|
|
|
|
{
|
|
|
|
|
name:"2024年第二批金融服务项目落户奖补申报任务",
|
|
|
|
|
time:"2024-05-10 ~ 2024-05-12",
|
|
|
|
|
number:"201"
|
|
|
|
|
},{
|
|
|
|
|
name:"2024年第二批金融服务项目落户奖补申报任务",
|
|
|
|
|
time:"2024-05-10 ~ 2024-05-12",
|
|
|
|
|
number:"198"
|
|
|
|
|
},{
|
|
|
|
|
name:"2024年第二批金融服务项目落户奖补申报任务",
|
|
|
|
|
time:"2024-05-10 ~ 2024-05-12",
|
|
|
|
|
number:"131"
|
|
|
|
|
},
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
mounted(){
|
|
|
|
|
// this.$nextTick(()=>{
|
|
|
|
|
// this.initEchart();
|
|
|
|
|
// })
|
|
|
|
|
this.$nextTick(()=>{
|
|
|
|
|
this.initEchart();
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
methods:{
|
|
|
|
|
initEchart(){
|
|
|
|
|