| | |
| | | }, |
| | | watch: { |
| | | produceStatisData(val) { |
| | | this.$set(this.option.series[1], "data", [ |
| | | { value: val.currentMonthProduceNum }, |
| | | { value: val.currentMonthPlanNum - val.currentMonthProduceNum }, |
| | | ]); |
| | | // 当前班组实际生产数量 currentShiftProduceNum |
| | | // 当前班组计划生产数量 currentShiftPlanNum |
| | | this.$set(this.option.series[0], "data", [ |
| | | |
| | | // { value: 1 }, //实际生产数量 1/ (9+1) = 10% |
| | | // { value: 9 }, |
| | | // 当前班组实际生产数量 currentShiftProduceNum |
| | | // 当前班组计划生产数量 currentShiftPlanNum |
| | | var num1 = val.currentShiftProduceNum; //实际生产数量 |
| | | var num2 = val.currentShiftPlanNum - val.currentShiftProduceNum; //计划生产数量 |
| | | if(val.currentShiftPlanNum == 0){ //分母为0 显示0% |
| | | num1 = 0 |
| | | num2 = 10 |
| | | } |
| | | this.$set(this.option.series[0], "data", [ |
| | | // { value: 1 }, //实际生产数量 1/ (9+1) = 10% |
| | | // { value: 9 }, |
| | | { value: num1 }, //实际生产数量 |
| | | { value: num2 }, |
| | | ]); |
| | | var num3 = val.currentMonthProduceNum; |
| | | var num4 = val.currentMonthPlanNum - val.currentMonthProduceNum; |
| | | if(val.currentMonthPlanNum == 0 ){ //分母为0 显示0% |
| | | num3 = 0 |
| | | num4 = 10 |
| | | } |
| | | this.$set(this.option.series[1], "data", [ |
| | | { value: num3 }, |
| | | { value: num4 }, |
| | | ]); |
| | | |
| | | { value: val.currentShiftProduceNum }, |
| | | { value: val.currentShiftPlanNum - val.currentShiftProduceNum }, |
| | | ]); |
| | | this.myChart.setOption(this.option); |
| | | this.hignLightPie(); |
| | | this.myChart.setOption(this.option); |
| | | this.hignLightPie(); |
| | | }, |
| | | }, |
| | | mounted() { |