|
|
@ -42,6 +42,8 @@
|
|
|
|
<div class="number">{{ projectData.allBuilding2 }}</div>
|
|
|
|
<div class="number">{{ projectData.allBuilding2 }}</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="mainarea" style="margin-top: 0rem;">
|
|
|
|
<div class="itemone">
|
|
|
|
<div class="itemone">
|
|
|
|
<img src="@/assets/images/icon-yjsl@2x.png" alt="">
|
|
|
|
<img src="@/assets/images/icon-yjsl@2x.png" alt="">
|
|
|
|
<div class="itemleft">
|
|
|
|
<div class="itemleft">
|
|
|
@ -49,6 +51,27 @@
|
|
|
|
<div class="number">{{ projectData.allBuilding3 }}</div>
|
|
|
|
<div class="number">{{ projectData.allBuilding3 }}</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="itemone">
|
|
|
|
|
|
|
|
<img src="@/assets/images/icon-yjsl@2x.png" alt="">
|
|
|
|
|
|
|
|
<div class="itemleft">
|
|
|
|
|
|
|
|
<div class="lefttitle">总投资额</div>
|
|
|
|
|
|
|
|
<div class="number">{{ projectData.allInvest1 }}</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="itemone">
|
|
|
|
|
|
|
|
<img src="@/assets/images/icon-yjsl@2x.png" alt="">
|
|
|
|
|
|
|
|
<div class="itemleft">
|
|
|
|
|
|
|
|
<div class="lefttitle">计划投资额</div>
|
|
|
|
|
|
|
|
<div class="number">{{ projectData.allInvest2 }}</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="itemone">
|
|
|
|
|
|
|
|
<img src="@/assets/images/icon-yjsl@2x.png" alt="">
|
|
|
|
|
|
|
|
<div class="itemleft">
|
|
|
|
|
|
|
|
<div class="lefttitle">占地面积</div>
|
|
|
|
|
|
|
|
<div class="number">{{ projectData.allInvest3 }}</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
@ -82,6 +105,8 @@
|
|
|
|
<div class="number">{{ currentYearData.currentBuilding2 }}</div>
|
|
|
|
<div class="number">{{ currentYearData.currentBuilding2 }}</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="mainarea" style="margin-top: 0rem;">
|
|
|
|
<div class="itemone">
|
|
|
|
<div class="itemone">
|
|
|
|
<img src="@/assets/images/icon-yjsl@2x.png" alt="">
|
|
|
|
<img src="@/assets/images/icon-yjsl@2x.png" alt="">
|
|
|
|
<div class="itemleft">
|
|
|
|
<div class="itemleft">
|
|
|
@ -89,6 +114,27 @@
|
|
|
|
<div class="number">{{ currentYearData.currentBuilding3 }}</div>
|
|
|
|
<div class="number">{{ currentYearData.currentBuilding3 }}</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="itemone">
|
|
|
|
|
|
|
|
<img src="@/assets/images/icon-yjsl@2x.png" alt="">
|
|
|
|
|
|
|
|
<div class="itemleft">
|
|
|
|
|
|
|
|
<div class="lefttitle">总投资额</div>
|
|
|
|
|
|
|
|
<div class="number">{{ currentYearData.currentAllInvest1 }}</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="itemone">
|
|
|
|
|
|
|
|
<img src="@/assets/images/icon-yjsl@2x.png" alt="">
|
|
|
|
|
|
|
|
<div class="itemleft">
|
|
|
|
|
|
|
|
<div class="lefttitle">计划投资额</div>
|
|
|
|
|
|
|
|
<div class="number">{{ currentYearData.currentAllInvest2 }}</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="itemone">
|
|
|
|
|
|
|
|
<img src="@/assets/images/icon-yjsl@2x.png" alt="">
|
|
|
|
|
|
|
|
<div class="itemleft">
|
|
|
|
|
|
|
|
<div class="lefttitle">占地面积</div>
|
|
|
|
|
|
|
|
<div class="number">{{ currentYearData.currentAllInvest3 }}</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -106,14 +152,20 @@ export default {
|
|
|
|
allGrossArea: 0, //建筑面积
|
|
|
|
allGrossArea: 0, //建筑面积
|
|
|
|
allBuilding1: 0, // 已建
|
|
|
|
allBuilding1: 0, // 已建
|
|
|
|
allBuilding2: 0, // 在建
|
|
|
|
allBuilding2: 0, // 在建
|
|
|
|
allBuilding3: 0 // 拟建
|
|
|
|
allBuilding3: 0, // 拟建
|
|
|
|
|
|
|
|
allInvest1:0, //投资额
|
|
|
|
|
|
|
|
allInvest2:0, //投资额
|
|
|
|
|
|
|
|
allInvest3:0, //投资额
|
|
|
|
},
|
|
|
|
},
|
|
|
|
currentYearData: {
|
|
|
|
currentYearData: {
|
|
|
|
currentYearProject: 0, //总数
|
|
|
|
currentYearProject: 0, //总数
|
|
|
|
currentYearGrossArea: 0, //面积
|
|
|
|
currentYearGrossArea: 0, //面积
|
|
|
|
currentYearBuilding1: 0, // 已建
|
|
|
|
currentYearBuilding1: 0, // 已建
|
|
|
|
currentBuilding2: 0, // 在建
|
|
|
|
currentBuilding2: 0, // 在建
|
|
|
|
currentBuilding3: 0
|
|
|
|
currentBuilding3: 0,
|
|
|
|
|
|
|
|
currentAllInvest1:0, //投资额
|
|
|
|
|
|
|
|
currentAllInvest2:0,
|
|
|
|
|
|
|
|
currentAllInvest3:0
|
|
|
|
},
|
|
|
|
},
|
|
|
|
loading: false,
|
|
|
|
loading: false,
|
|
|
|
error: null
|
|
|
|
error: null
|
|
|
@ -154,14 +206,20 @@ export default {
|
|
|
|
allGrossArea: response.data.allGrossArea || 0,
|
|
|
|
allGrossArea: response.data.allGrossArea || 0,
|
|
|
|
allBuilding1: response.data.allBuilding1 || 0,
|
|
|
|
allBuilding1: response.data.allBuilding1 || 0,
|
|
|
|
allBuilding2: response.data.allBuilding2 || 0,
|
|
|
|
allBuilding2: response.data.allBuilding2 || 0,
|
|
|
|
allBuilding3: response.data.allBuilding3 || 0
|
|
|
|
allBuilding3: response.data.allBuilding3 || 0,
|
|
|
|
|
|
|
|
allInvest1: response.data.allInvest1 || 0,
|
|
|
|
|
|
|
|
allInvest2: response.data.allInvest2 || 0,
|
|
|
|
|
|
|
|
allInvest3: response.data.allInvest3 || 0,
|
|
|
|
};
|
|
|
|
};
|
|
|
|
this.currentYearData = {
|
|
|
|
this.currentYearData = {
|
|
|
|
currentYearProject: response.data.currentYearProject || 0,
|
|
|
|
currentYearProject: response.data.currentYearProject || 0,
|
|
|
|
currentYearGrossArea: response.data.currentYearGrossArea || 0,
|
|
|
|
currentYearGrossArea: response.data.currentYearGrossArea || 0,
|
|
|
|
currentYearBuilding1: response.data.currentYearBuilding1 || 0,
|
|
|
|
currentYearBuilding1: response.data.currentYearBuilding1 || 0,
|
|
|
|
currentBuilding2: response.data.currentBuilding2 || 0 ,
|
|
|
|
currentBuilding2: response.data.currentBuilding2 || 0 ,
|
|
|
|
currentBuilding3: response.data.currentBuilding3 || 0
|
|
|
|
currentBuilding3: response.data.currentBuilding3 || 0,
|
|
|
|
|
|
|
|
currentAllInvest1: response.data.currentAllInvest1 || 0,
|
|
|
|
|
|
|
|
currentAllInvest2: response.data.currentAllInvest2 || 0,
|
|
|
|
|
|
|
|
currentAllInvest3: response.data.currentAllInvest3 || 0
|
|
|
|
};
|
|
|
|
};
|
|
|
|
} catch (error) {
|
|
|
|
} catch (error) {
|
|
|
|
console.error("获取数据失败:", error);
|
|
|
|
console.error("获取数据失败:", error);
|
|
|
@ -239,7 +297,7 @@ th {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.mainarea {
|
|
|
|
.mainarea {
|
|
|
|
padding: .5rem;
|
|
|
|
padding: .5rem 0rem;
|
|
|
|
height: auto;
|
|
|
|
height: auto;
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
@ -253,7 +311,6 @@ th {
|
|
|
|
height: 3rem;
|
|
|
|
height: 3rem;
|
|
|
|
/* background-color: lightblue; */
|
|
|
|
/* background-color: lightblue; */
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
gap: .3rem;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.itemleft {
|
|
|
|
.itemleft {
|
|
|
|