|
|
|
|
@ -16,12 +16,16 @@
|
|
|
|
|
<div class="project-trace-table-number">{{ scope.row.fundAmount }}</div>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="所属项目" align="center" width="130">
|
|
|
|
|
<el-table-column label="拨付时间" key="appropriationTime" prop="appropriationTime" align="center" width="120">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<div class="project-table-Info" @click="ProjectInfo(scope.row)">{{ scope.row.projectName }}</div>
|
|
|
|
|
<!-- <el-button type="text" class="project-table-Info" @click="charu(scope.row)" :disabled="!scope.row.projectId">{{ scope.row.projectName }}</el-button> -->
|
|
|
|
|
<div class="project-trace-table-number">{{ scope.row.appropriationTime ? formatDate(scope.row.appropriationTime,2) : '' }}</div>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="拨付类型" key="projectName" prop="projectName" align="center" width="130">
|
|
|
|
|
<!-- <template slot-scope="scope">
|
|
|
|
|
<div class="project-table-Info">{{ scope.row.projectName }}</div>
|
|
|
|
|
</template> -->
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="所属企业" key="qymc" prop="qymc" align="center" />
|
|
|
|
|
</el-table>
|
|
|
|
|
</section>
|
|
|
|
|
@ -33,7 +37,7 @@ export default {
|
|
|
|
|
return {
|
|
|
|
|
loading:false,
|
|
|
|
|
tableData:[],
|
|
|
|
|
tabHeader: 200,
|
|
|
|
|
tabHeader: null,
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
props:{
|
|
|
|
|
@ -41,7 +45,7 @@ export default {
|
|
|
|
|
type:Number,
|
|
|
|
|
default:1,
|
|
|
|
|
},
|
|
|
|
|
yearsChange:{
|
|
|
|
|
yearsValue:{
|
|
|
|
|
type:Number,
|
|
|
|
|
default:1,
|
|
|
|
|
},
|
|
|
|
|
@ -49,17 +53,17 @@ export default {
|
|
|
|
|
watch:{
|
|
|
|
|
typeValue:{
|
|
|
|
|
handler(newVAlue){
|
|
|
|
|
console.log(newVAlue);
|
|
|
|
|
this.getList();
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
yearsChange:{
|
|
|
|
|
yearsValue:{
|
|
|
|
|
handler(newVAlue){
|
|
|
|
|
console.log(newVAlue);
|
|
|
|
|
this.getList();
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
|
// this.cancalDebounce();
|
|
|
|
|
this.cancalDebounce();
|
|
|
|
|
window.addEventListener('resize', this.cancalDebounce);
|
|
|
|
|
this.getList();
|
|
|
|
|
},
|
|
|
|
|
@ -67,7 +71,7 @@ export default {
|
|
|
|
|
// 获取top5列表
|
|
|
|
|
getList(){
|
|
|
|
|
this.loading = true;
|
|
|
|
|
top5Fund().then(res=>{
|
|
|
|
|
top5Fund({type:this.typeValue,yearsChange:this.yearsValue}).then(res=>{
|
|
|
|
|
let arr = [];
|
|
|
|
|
let bgc = ['#EE462A','#FF8929','#ffbb00','#5CBC69','#00AEFF']
|
|
|
|
|
res.data.forEach((element,index) => {
|
|
|
|
|
@ -95,13 +99,23 @@ export default {
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
formatDate(dateString,id) {
|
|
|
|
|
const year = dateString.slice(0, 4);
|
|
|
|
|
const month = dateString.slice(4, 6);
|
|
|
|
|
const day = dateString.slice(6, 8);
|
|
|
|
|
if(id == 1) {
|
|
|
|
|
return `${year}年${month}月${day}日`;
|
|
|
|
|
} else {
|
|
|
|
|
return `${year}-${month}-${day}`;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 屏幕尺寸变化
|
|
|
|
|
cancalDebounce(){
|
|
|
|
|
const element = document.getElementById('zhijinbofu-qingkaung'); // 通过元素的 ID 获取元素
|
|
|
|
|
const header = document.getElementById('zhijinbofu-header-id'); // 通过元素的 ID 获取元素
|
|
|
|
|
const element = document.getElementById('home-mainPro-middle-id'); // 通过元素的 ID 获取元素
|
|
|
|
|
const header = document.getElementById('TOP-header-id'); // 通过元素的 ID 获取元素
|
|
|
|
|
const elementHeight = element.offsetHeight;
|
|
|
|
|
const headerHeight = header.offsetHeight;
|
|
|
|
|
this.tabHeader = elementHeight - headerHeight - 35;
|
|
|
|
|
this.tabHeader = elementHeight - headerHeight - 30;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
|
