工作台近三年资金拨付情况bugfix

Lvtianfang
吕天方 6 days ago
parent df49b2fa3b
commit b2c99eab5d

@ -12,15 +12,15 @@
<div class="BJinsannianzijinchart-right"> <div class="BJinsannianzijinchart-right">
<div class="yushuan"> <div class="yushuan">
<span>资金预算</span> <span>资金预算</span>
<div class="number-box">{{ obj.fundBudget }} <span class="number-unit-box">万元</span></div> <div class="number-box">{{ obj.fundBudget ? obj.fundBudget : 0 }} <span class="number-unit-box">万元</span></div>
</div> </div>
<div class="yushuan"> <div class="yushuan">
<span>追加预算</span> <span>追加预算</span>
<div class="bottom_number number-box">{{ obj.additionBudget }} <span class="number-unit-box">万元</span></div> <div class="bottom_number number-box">{{ obj.additionBudget ? obj.additionBudget : 0 }} <span class="number-unit-box">万元</span></div>
</div> </div>
</div> </div>
</div> </div>
<div class="echart_boxs_bottom">拨付资金 <span>{{ obj.appropriationFund }}</span>万元 (执行率 <span>{{ obj.implementationRate }}</span>% )</div> <div class="echart_boxs_bottom">拨付资金 <span>{{ obj.appropriationFund ? obj.appropriationFund : 0 }}</span>万元 (执行率 <span>{{ obj.implementationRate ? obj.implementationRate : 0 }}</span>% )</div>
</div> </div>
<div class="echart_boxs echart_boxs_right"> <div class="echart_boxs echart_boxs_right">
<div class="echart_boxs_top"> <div class="echart_boxs_top">
@ -34,15 +34,15 @@
<div class="BJinsannianzijinchart-right"> <div class="BJinsannianzijinchart-right">
<div class="yushuan"> <div class="yushuan">
<span>资金预算</span> <span>资金预算</span>
<div class="number-box">{{ objTwo.fundBudget }} <span class="number-unit-box">万元</span></div> <div class="number-box">{{ objTwo.fundBudget ? objTwo.fundBudget : 0 }} <span class="number-unit-box">万元</span></div>
</div> </div>
<div class="yushuan"> <div class="yushuan">
<span>追加预算</span> <span>追加预算</span>
<div class="bottom_number number-box">{{ objTwo.additionBudget }} <span class="number-unit-box">万元</span></div> <div class="bottom_number number-box">{{ objTwo.additionBudget ? objTwo.additionBudget : 0 }} <span class="number-unit-box">万元</span></div>
</div> </div>
</div> </div>
</div> </div>
<div class="echart_boxs_bottom">拨付资金 <span>{{ objTwo.appropriationFund }}</span>万元 (执行率 <span>{{ objTwo.implementationRate }}</span>% )</div> <div class="echart_boxs_bottom">拨付资金 <span>{{ objTwo.appropriationFund ? objTwo.appropriationFund : 0 }}</span>万元 (执行率 <span>{{ objTwo.implementationRate ? objTwo.implementationRate : 0 }}</span>% )</div>
</div> </div>
</div> </div>
</template> </template>
@ -237,40 +237,50 @@ export default {
] ]
}; };
threeYearsFund(Year).then(res=>{ threeYearsFund(Year).then(res=>{
res.data.map(item=>{ if(res.data.length == 0) {
if(item.serviceType == "1") { let color = [ [1, '#00AEFF']] //
this.obj = item; option.series[0].axisLine.lineStyle.color = color
option.series[0].data[0].value = item.implementationRate optionTwo.series[0].axisLine.lineStyle.color = color
// fundBudget additionBudget option.series[0].data[0].value = 0
if(item.fundBudget <= 0) { optionTwo.series[0].data[0].value = 0
let color = [ [0, '#00AEFF'], [1, '#FFA42B ']] // this.obj = {}
option.series[0].axisLine.lineStyle.color = color this.objTwo = {}
} else if(item.additionBudget <= 0) { } else {
let color = [ [1, '#00AEFF'], [1, '#FFA42B ']] // res.data.map(item=>{
option.series[0].axisLine.lineStyle.color = color if(item.serviceType == "1") {
} else { this.obj = item;
let count = item.fundBudget + item.additionBudget; option.series[0].data[0].value = item.implementationRate
const percentage = (item.fundBudget / count); // fundBudget additionBudget
let color = [ [Number(percentage.toFixed(1)), '#00AEFF'], [Number(percentage.toFixed(1)) + 0.03, '#F5F8FA'], [1, '#FFA42B ']] if(item.fundBudget <= 0) {
option.series[0].axisLine.lineStyle.color = color; let color = [ [0, '#00AEFF'], [1, '#FFA42B ']] //
} option.series[0].axisLine.lineStyle.color = color
} else { } else if(item.additionBudget <= 0) {
this.objTwo = item; let color = [ [1, '#00AEFF'], [1, '#FFA42B ']] //
optionTwo.series[0].data[0].value = item.implementationRate option.series[0].axisLine.lineStyle.color = color
if(item.fundBudget <= 0) { } else {
let color = [ [0, '#00AEFF'], [1, '#FFA42B ']] // let count = item.fundBudget + item.additionBudget;
optionTwo.series[0].axisLine.lineStyle.color = color const percentage = (item.fundBudget / count);
} else if(item.additionBudget <= 0) { let color = [ [Number(percentage.toFixed(1)), '#00AEFF'], [Number(percentage.toFixed(1)) + 0.03, '#F5F8FA'], [1, '#FFA42B ']]
let color = [ [1, '#00AEFF'], [1, '#FFA42B ']] // option.series[0].axisLine.lineStyle.color = color;
optionTwo.series[0].axisLine.lineStyle.color = color }
} else { } else {
let count = item.fundBudget + item.additionBudget; this.objTwo = item;
const percentage = (item.fundBudget / count); optionTwo.series[0].data[0].value = item.implementationRate
let color = [ [Number(percentage.toFixed(1)), '#00AEFF'], [Number(percentage.toFixed(1)) + 0.03, '#F5F8FA'], [1, '#FFA42B ']] if(item.fundBudget <= 0) {
optionTwo.series[0].axisLine.lineStyle.color = color; let color = [ [0, '#00AEFF'], [1, '#FFA42B ']] //
optionTwo.series[0].axisLine.lineStyle.color = color
} else if(item.additionBudget <= 0) {
let color = [ [1, '#00AEFF'], [1, '#FFA42B ']] //
optionTwo.series[0].axisLine.lineStyle.color = color
} else {
let count = item.fundBudget + item.additionBudget;
const percentage = (item.fundBudget / count);
let color = [ [Number(percentage.toFixed(1)), '#00AEFF'], [Number(percentage.toFixed(1)) + 0.03, '#F5F8FA'], [1, '#FFA42B ']]
optionTwo.series[0].axisLine.lineStyle.color = color;
}
} }
} })
}) }
this.chart.setOption(option) this.chart.setOption(option)
this.chartTwo.setOption(optionTwo) this.chartTwo.setOption(optionTwo)
}) })

Loading…
Cancel
Save