|
@ -2,26 +2,27 @@ |
|
|
<div class="mainContant" v-if="homePage"> |
|
|
<div class="mainContant" v-if="homePage"> |
|
|
<a-card class="card" v-if="nationwide" style="margin-right: 1%; margin-bottom: 1%"> |
|
|
<a-card class="card" v-if="nationwide" style="margin-right: 1%; margin-bottom: 1%"> |
|
|
<div class="top" style="background: rgba(252, 139, 78, 0.05)"> |
|
|
<div class="top" style="background: rgba(252, 139, 78, 0.05)"> |
|
|
<div class="moneyImg" |
|
|
<div class="moneyImg"><img width="68" height="68" src="../../../../src/icon/carbonAssetsMoney-1.svg" /></div> |
|
|
><img width="68px" height="68px" src="../../../../src/icon/carbonAssetsMoney-1.svg" |
|
|
|
|
|
/></div> |
|
|
|
|
|
<div class="moneyTitle">全国碳账户估值(CNY)</div> |
|
|
<div class="moneyTitle">全国碳账户估值(CNY)</div> |
|
|
<div class="moneyTotal" style="color: rgba(229, 102, 22, 1)">{{ |
|
|
<div class="moneyTotal" style="color: rgba(229, 102, 22, 1)">{{ |
|
|
nationwide.valuation |
|
|
nationwide.valuation |
|
|
}}</div> |
|
|
}}</div> |
|
|
<div class="moneyDetail"> |
|
|
<div class="moneyDetail"> |
|
|
<div class="detailClick" @click="viewDetail(1)" style="border: 1px solid rgba(229, 102, 22, 1);"> |
|
|
<div |
|
|
|
|
|
class="detailClick" |
|
|
|
|
|
@click="viewDetail(1)" |
|
|
|
|
|
style="border: 1px solid rgba(229, 102, 22, 1)"> |
|
|
<img |
|
|
<img |
|
|
width="20px" |
|
|
width="20" |
|
|
height="20px" |
|
|
height="20" |
|
|
src="../../../../src/icon/carbonAssetsToDetail-1.svg" |
|
|
src="../../../../src/icon/carbonAssetsToDetail-1.svg" |
|
|
alt="" /> |
|
|
alt="" /> |
|
|
<span style="color: rgba(229, 102, 22, 1);">交易明细</span> |
|
|
<span style="color: rgba(229, 102, 22, 1)">交易明细</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="title"> |
|
|
<div class="title"> |
|
|
<img width="24px" height="24px" src="../../../../src/icon/carbonAssetsTitle-1.svg" /> |
|
|
<img width="24" height="24" src="../../../../src/icon/carbonAssetsTitle-1.svg" /> |
|
|
<span>全国碳账户余额</span> |
|
|
<span>全国碳账户余额</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="bottom"> |
|
|
<div class="bottom"> |
|
@ -29,23 +30,23 @@ |
|
|
<div class="money">{{ nationwide.opening }}</div> |
|
|
<div class="money">{{ nationwide.opening }}</div> |
|
|
<div class="moneyType">期初余额(tCO2)</div> |
|
|
<div class="moneyType">期初余额(tCO2)</div> |
|
|
</div> |
|
|
</div> |
|
|
<img width="17px" height="17px" src="../../../../src/icon/carbonAssetsAdd.svg" /> |
|
|
<img width="17" height="17" src="../../../../src/icon/carbonAssetsAdd.svg" /> |
|
|
<div class="calculation TLCard"> |
|
|
<div class="calculation TLCard"> |
|
|
<div class="money">{{ nationwide.income }}</div> |
|
|
<div class="money">{{ nationwide.income }}</div> |
|
|
<div class="moneyType"> |
|
|
<div class="moneyType"> |
|
|
<img width="20px" height="17px" src="../../../../src/icon/carbonAssetsIncrease.svg" /> |
|
|
<img width="20" height="17" src="../../../../src/icon/carbonAssetsIncrease.svg" /> |
|
|
增加(tCO2) |
|
|
增加(tCO2) |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<img width="17px" height="17px" src="../../../../src/icon/carbonAssetsReduce.svg" /> |
|
|
<img width="17" height="17" src="../../../../src/icon/carbonAssetsReduce.svg" /> |
|
|
<div class="calculation TLCard"> |
|
|
<div class="calculation TLCard"> |
|
|
<div class="money">{{ nationwide.expenditure }}</div> |
|
|
<div class="money">{{ nationwide.expenditure }}</div> |
|
|
<div class="moneyType"> |
|
|
<div class="moneyType"> |
|
|
<img width="20px" height="17px" src="../../../../src/icon/carbonAssetsLower.svg" /> |
|
|
<img width="20" height="17" src="../../../../src/icon/carbonAssetsLower.svg" /> |
|
|
减少(tCO2) |
|
|
减少(tCO2) |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<img width="17px" height="17px" src="../../../../src/icon/carbonAssetsEqual.svg" /> |
|
|
<img width="17" height="17" src="../../../../src/icon/carbonAssetsEqual.svg" /> |
|
|
<div class="calculation TLCard"> |
|
|
<div class="calculation TLCard"> |
|
|
<div class="money">{{ nationwide.period }}</div> |
|
|
<div class="money">{{ nationwide.period }}</div> |
|
|
<div class="moneyType">期末余额(tCO2)</div> |
|
|
<div class="moneyType">期末余额(tCO2)</div> |
|
@ -55,23 +56,26 @@ |
|
|
<a-card class="card" v-if="place" style="margin-bottom: 1%"> |
|
|
<a-card class="card" v-if="place" style="margin-bottom: 1%"> |
|
|
<div class="top" style="background: rgba(234, 71, 54, 0.05)"> |
|
|
<div class="top" style="background: rgba(234, 71, 54, 0.05)"> |
|
|
<div class="moneyImg" |
|
|
<div class="moneyImg" |
|
|
><img width="68px" height="68px" src="../../../../src/icon/carbonAssetsMoney-2.svg" |
|
|
><img width="68" height="68" src="../../../../src/icon/carbonAssetsMoney-2.svg" |
|
|
/></div> |
|
|
/></div> |
|
|
<div class="moneyTitle">地方碳账户估值(CNY)</div> |
|
|
<div class="moneyTitle">地方碳账户估值(CNY)</div> |
|
|
<div class="moneyTotal" style="color: rgba(229, 102, 22, 1)">{{ place.valuation }}</div> |
|
|
<div class="moneyTotal" style="color: rgba(229, 102, 22, 1)">{{ place.valuation }}</div> |
|
|
<div class="moneyDetail"> |
|
|
<div class="moneyDetail"> |
|
|
<div class="detailClick" @click="viewDetail(2)" style="border: 1px solid rgba(230, 51, 44, 1);"> |
|
|
<div |
|
|
|
|
|
class="detailClick" |
|
|
|
|
|
@click="viewDetail(2)" |
|
|
|
|
|
style="border: 1px solid rgba(230, 51, 44, 1)"> |
|
|
<img |
|
|
<img |
|
|
width="20px" |
|
|
width="20" |
|
|
height="20px" |
|
|
height="20" |
|
|
src="../../../../src/icon/carbonAssetsToDetail-2.svg" |
|
|
src="../../../../src/icon/carbonAssetsToDetail-2.svg" |
|
|
alt="" /> |
|
|
alt="" /> |
|
|
<span style="color: rgba(230, 51, 44, 1);">交易明细</span> |
|
|
<span style="color: rgba(230, 51, 44, 1)">交易明细</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="title"> |
|
|
<div class="title"> |
|
|
<img width="24px" height="24px" src="../../../../src/icon/carbonAssetsTitle-2.svg" /> |
|
|
<img width="24" height="24" src="../../../../src/icon/carbonAssetsTitle-2.svg" /> |
|
|
<span>地方碳账户余额</span> |
|
|
<span>地方碳账户余额</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="bottom"> |
|
|
<div class="bottom"> |
|
@ -79,23 +83,23 @@ |
|
|
<div class="money">{{ place.opening }}</div> |
|
|
<div class="money">{{ place.opening }}</div> |
|
|
<div class="moneyType">期初余额(tCO2)</div> |
|
|
<div class="moneyType">期初余额(tCO2)</div> |
|
|
</div> |
|
|
</div> |
|
|
<img width="17px" height="17px" src="../../../../src/icon/carbonAssetsAdd.svg" /> |
|
|
<img width="17" height="17" src="../../../../src/icon/carbonAssetsAdd.svg" /> |
|
|
<div class="calculation TRCard"> |
|
|
<div class="calculation TRCard"> |
|
|
<div class="money">{{ place.income }}</div> |
|
|
<div class="money">{{ place.income }}</div> |
|
|
<div class="moneyType"> |
|
|
<div class="moneyType"> |
|
|
<img width="20px" height="17px" src="../../../../src/icon/carbonAssetsIncrease.svg" /> |
|
|
<img width="20" height="17" src="../../../../src/icon/carbonAssetsIncrease.svg" /> |
|
|
增加(tCO2) |
|
|
增加(tCO2) |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<img width="17px" height="17px" src="../../../../src/icon/carbonAssetsReduce.svg" /> |
|
|
<img width="17" height="17" src="../../../../src/icon/carbonAssetsReduce.svg" /> |
|
|
<div class="calculation TRCard"> |
|
|
<div class="calculation TRCard"> |
|
|
<div class="money">{{ place.expenditure }}</div> |
|
|
<div class="money">{{ place.expenditure }}</div> |
|
|
<div class="moneyType"> |
|
|
<div class="moneyType"> |
|
|
<img width="20px" height="17px" src="../../../../src/icon/carbonAssetsLower.svg" /> |
|
|
<img width="20" height="17" src="../../../../src/icon/carbonAssetsLower.svg" /> |
|
|
减少(tCO2) |
|
|
减少(tCO2) |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<img width="17px" height="17px" src="../../../../src/icon/carbonAssetsEqual.svg" /> |
|
|
<img width="17" height="17" src="../../../../src/icon/carbonAssetsEqual.svg" /> |
|
|
<div class="calculation TRCard"> |
|
|
<div class="calculation TRCard"> |
|
|
<div class="money">{{ place.period }}</div> |
|
|
<div class="money">{{ place.period }}</div> |
|
|
<div class="moneyType">期末余额(tCO2)</div> |
|
|
<div class="moneyType">期末余额(tCO2)</div> |
|
@ -105,23 +109,26 @@ |
|
|
<a-card class="card" v-if="ccer" style="margin-right: 1%"> |
|
|
<a-card class="card" v-if="ccer" style="margin-right: 1%"> |
|
|
<div class="top" style="background: rgba(65, 163, 224, 0.05)"> |
|
|
<div class="top" style="background: rgba(65, 163, 224, 0.05)"> |
|
|
<div class="moneyImg" |
|
|
<div class="moneyImg" |
|
|
><img width="68px" height="68px" src="../../../../src/icon/carbonAssetsMoney-3.svg" |
|
|
><img width="68" height="68" src="../../../../src/icon/carbonAssetsMoney-3.svg" |
|
|
/></div> |
|
|
/></div> |
|
|
<div class="moneyTitle">CCER资产估值(CNY)</div> |
|
|
<div class="moneyTitle">CCER资产估值(CNY)</div> |
|
|
<div class="moneyTotal" style="color: rgba(229, 102, 22, 1)">{{ ccer.valuation }}</div> |
|
|
<div class="moneyTotal" style="color: rgba(229, 102, 22, 1)">{{ ccer.valuation }}</div> |
|
|
<div class="moneyDetail"> |
|
|
<div class="moneyDetail"> |
|
|
<div class="detailClick" @click="viewDetail(3)" style="border: 1px solid rgba(56, 157, 220, 1);"> |
|
|
<div |
|
|
|
|
|
class="detailClick" |
|
|
|
|
|
@click="viewDetail(3)" |
|
|
|
|
|
style="border: 1px solid rgba(56, 157, 220, 1)"> |
|
|
<img |
|
|
<img |
|
|
width="20px" |
|
|
width="20" |
|
|
height="20px" |
|
|
height="20" |
|
|
src="../../../../src/icon/carbonAssetsToDetail-3.svg" |
|
|
src="../../../../src/icon/carbonAssetsToDetail-3.svg" |
|
|
alt="" /> |
|
|
alt="" /> |
|
|
<span style="color: rgba(56, 157, 220, 1);">交易明细</span> |
|
|
<span style="color: rgba(56, 157, 220, 1)">交易明细</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="title"> |
|
|
<div class="title"> |
|
|
<img width="24px" height="24px" src="../../../../src/icon/carbonAssetsTitle-3.svg" /> |
|
|
<img width="24" height="24" src="../../../../src/icon/carbonAssetsTitle-3.svg" /> |
|
|
<span>全国碳账户余额</span> |
|
|
<span>全国碳账户余额</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="bottom"> |
|
|
<div class="bottom"> |
|
@ -129,23 +136,23 @@ |
|
|
<div class="money">{{ ccer.opening }}</div> |
|
|
<div class="money">{{ ccer.opening }}</div> |
|
|
<div class="moneyType">期初余额(tCO2)</div> |
|
|
<div class="moneyType">期初余额(tCO2)</div> |
|
|
</div> |
|
|
</div> |
|
|
<img width="17px" height="17px" src="../../../../src/icon/carbonAssetsAdd.svg" /> |
|
|
<img width="17" height="17" src="../../../../src/icon/carbonAssetsAdd.svg" /> |
|
|
<div class="calculation BLCard"> |
|
|
<div class="calculation BLCard"> |
|
|
<div class="money">{{ ccer.income }}</div> |
|
|
<div class="money">{{ ccer.income }}</div> |
|
|
<div class="moneyType"> |
|
|
<div class="moneyType"> |
|
|
<img width="20px" height="17px" src="../../../../src/icon/carbonAssetsIncrease.svg" /> |
|
|
<img width="20" height="17" src="../../../../src/icon/carbonAssetsIncrease.svg" /> |
|
|
增加(tCO2) |
|
|
增加(tCO2) |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<img width="17px" height="17px" src="../../../../src/icon/carbonAssetsReduce.svg" /> |
|
|
<img width="17" height="17" src="../../../../src/icon/carbonAssetsReduce.svg" /> |
|
|
<div class="calculation BLCard"> |
|
|
<div class="calculation BLCard"> |
|
|
<div class="money">{{ ccer.expenditure }}</div> |
|
|
<div class="money">{{ ccer.expenditure }}</div> |
|
|
<div class="moneyType"> |
|
|
<div class="moneyType"> |
|
|
<img width="20px" height="17px" src="../../../../src/icon/carbonAssetsLower.svg" /> |
|
|
<img width="20" height="17" src="../../../../src/icon/carbonAssetsLower.svg" /> |
|
|
减少(tCO2) |
|
|
减少(tCO2) |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<img width="17px" height="17px" src="../../../../src/icon/carbonAssetsEqual.svg" /> |
|
|
<img width="17" height="17" src="../../../../src/icon/carbonAssetsEqual.svg" /> |
|
|
<div class="calculation BLCard"> |
|
|
<div class="calculation BLCard"> |
|
|
<div class="money">{{ ccer.period }}</div> |
|
|
<div class="money">{{ ccer.period }}</div> |
|
|
<div class="moneyType">期末余额(tCO2)</div> |
|
|
<div class="moneyType">期末余额(tCO2)</div> |
|
@ -155,15 +162,15 @@ |
|
|
<a-card class="card" v-if="whole"> |
|
|
<a-card class="card" v-if="whole"> |
|
|
<div class="top" style="background: rgba(37, 192, 150, 0.05)"> |
|
|
<div class="top" style="background: rgba(37, 192, 150, 0.05)"> |
|
|
<div class="moneyImg" |
|
|
<div class="moneyImg" |
|
|
><img width="68px" height="68px" src="../../../../src/icon/carbonAssetsMoney-4.svg" |
|
|
><img width="68" height="68" src="../../../../src/icon/carbonAssetsMoney-4.svg" |
|
|
/></div> |
|
|
/></div> |
|
|
<div class="moneyTitle">碳资产总估值(CNY)</div> |
|
|
<div class="moneyTitle">碳资产总估值(CNY)</div> |
|
|
<div class="moneyTotal" style="color: rgba(229, 102, 22, 1)">{{ whole.whole }}</div> |
|
|
<div class="moneyTotal" style="color: rgba(229, 102, 22, 1)">{{ whole.whole }}</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="title" style="justify-content: center"> |
|
|
<div class="title" style="justify-content: center"> |
|
|
<img |
|
|
<img |
|
|
width="17px" |
|
|
width="17" |
|
|
height="17px" |
|
|
height="17" |
|
|
style="transform: rotate(90deg)" |
|
|
style="transform: rotate(90deg)" |
|
|
src="../../../../src/icon/carbonAssetsEqual.svg" /> |
|
|
src="../../../../src/icon/carbonAssetsEqual.svg" /> |
|
|
</div> |
|
|
</div> |
|
@ -172,12 +179,12 @@ |
|
|
<div class="money">{{ whole.nationwide }}</div> |
|
|
<div class="money">{{ whole.nationwide }}</div> |
|
|
<div class="moneyType">全国碳账户资产估值</div> |
|
|
<div class="moneyType">全国碳账户资产估值</div> |
|
|
</div> |
|
|
</div> |
|
|
<img width="17px" height="17px" src="../../../../src/icon/carbonAssetsAdd.svg" /> |
|
|
<img width="17" height="17" src="../../../../src/icon/carbonAssetsAdd.svg" /> |
|
|
<div class="BRCard"> |
|
|
<div class="BRCard"> |
|
|
<div class="money">{{ whole.place }}</div> |
|
|
<div class="money">{{ whole.place }}</div> |
|
|
<div class="moneyType">地方碳账户资产估值</div> |
|
|
<div class="moneyType">地方碳账户资产估值</div> |
|
|
</div> |
|
|
</div> |
|
|
<img width="17px" height="17px" src="../../../../src/icon/carbonAssetsAdd.svg" /> |
|
|
<img width="17" height="17" src="../../../../src/icon/carbonAssetsAdd.svg" /> |
|
|
<div class="BRCard"> |
|
|
<div class="BRCard"> |
|
|
<div class="money">{{ whole.ccer }}</div> |
|
|
<div class="money">{{ whole.ccer }}</div> |
|
|
<div class="moneyType">CCER碳资产估值</div> |
|
|
<div class="moneyType">CCER碳资产估值</div> |
|
|