|
|
@ -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)
|
|
|
|
})
|
|
|
|
})
|
|
|
|