收入概览

liuqimichale
1 parent f0fb6d92
Showing 1 changed file with 13 additions and 8 deletions
src/components/incomeOverview/index.vue
@@ -42,9 +42,16 @@
           orgIds: [10003,10005]
         }).then((response)=>{
           let  data = response.data.data
-          console.log(data.totalPay)
-          this.incomeTotal = 0
+          this.incomeTotal = data.totalPay
           this.incomeTotal = common.formatNumToStr(this.incomeTotal)
+          this.barChartOption.barColor[0].value = data.aliPay
+          this.barChartOption.barColor[1].value = data.wxPay
+          this.barChartOption.barColor[2].value = data.otherPay
+          let barChartOption = this.barChartOption
+          this.barChart=this.createBar(barChartOption);
+          window.addEventListener('resize', function() {
+            this.barChart.resize()
+          }.bind(this));
         }).catch((response)=>{
           console.log(response);
         })
@@ -54,10 +61,7 @@
         //总收入
         this.incomeTotal=this.formatNumToStr();
         //收入Bar
-        this.barChart=this.createBar();
-        window.addEventListener('resize', function() {
-          this.barChart.resize()
-        }.bind(this));
+
       },
       methods: {
         /*
@@ -69,8 +73,9 @@
         /*
          * 创建收入Bar
          * */
-        createBar:function(){
-          let root=this.$options.data().barChartOption;
+        createBar:function(barChartOption){
+          let root=barChartOption;
+          console.log(root)
           let barChart = echarts.init(document.querySelector('.app-incomeBox .incomeBar'));
           const rightYdata=this._formatterValue(root.barColor);
           const seriesData=this._seriesData(root.barColor);