|
@@ -17,11 +17,23 @@ export default {
|
|
|
left: 'center',
|
|
|
icon: 'circle'
|
|
|
},
|
|
|
+ title:[
|
|
|
+ {
|
|
|
+ subtext: "单位: 件", //主标题
|
|
|
+ right: "0%", //标题的位置 默认是left,其余还有center、right属性
|
|
|
+ bottom: "0px",
|
|
|
+ subtextStyle: {
|
|
|
+ color: "rgb(160,160,160)",
|
|
|
+ fontSize: 14,
|
|
|
+ fontWeight: "normal",
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
series: [
|
|
|
{
|
|
|
name: '个数',
|
|
|
type: 'pie',
|
|
|
- radius: ['40%', '70%'],
|
|
|
+ radius: ['30%', '45%'],
|
|
|
center: ['50%','40%'],
|
|
|
avoidLabelOverlap: false,
|
|
|
label: {
|
|
@@ -50,7 +62,17 @@ export default {
|
|
|
},
|
|
|
props: {
|
|
|
height: Number,
|
|
|
- queryData: Object
|
|
|
+ queryData: Object,
|
|
|
+ total: Number,
|
|
|
+ },
|
|
|
+ emits: ["update:total"],
|
|
|
+ setup(props, context) {
|
|
|
+ const methods = {
|
|
|
+ updateTotal(val) {
|
|
|
+ context.emit("update:total", val);
|
|
|
+ }
|
|
|
+ };
|
|
|
+ return methods;
|
|
|
},
|
|
|
mounted() {
|
|
|
this.initChart()
|
|
@@ -65,8 +87,16 @@ export default {
|
|
|
this.getData()
|
|
|
},
|
|
|
getData() {
|
|
|
+ let app = this;
|
|
|
return apiOperationMoney.getScrapAndMaintain(this.queryData).then(res=>{
|
|
|
this.option.series[0].data = res;
|
|
|
+ if (res) {
|
|
|
+ let total = 0;
|
|
|
+ res.forEach(item=>{
|
|
|
+ total = total+item.value;
|
|
|
+ });
|
|
|
+ app.updateTotal(total);
|
|
|
+ }
|
|
|
this.option = this.$util.dataUtil.circleChartConfig(this.option)
|
|
|
this.chart.setOption(this.option)
|
|
|
})
|