修改样式

src/components/chart/chart210323/monthCompleteRate.vue

@@ -35,6 +35,7 @@ export default {
       return String(num).replace(/\d{1,3}(?=(\d{3})+(\.|$))/g, '$&,')
     },
     initChart(data) {
+      const _this = this
       this.option = {
         legend: {
           data: ['收入', '投入'],
@@ -85,7 +86,10 @@ export default {
               show: true,
               color: '#E59700',
               position: 'right',
-              fontSize: 11
+              fontSize: 11,
+              formatter: function(value) {
+                return _this.formatter(value.value)
+              }
             },
             name: '收入',
             type: 'bar',
@@ -107,7 +111,10 @@ export default {
               color: '#E59700',
               show: true,
               position: 'right',
-              fontSize: 11
+              fontSize: 11,
+              formatter: function(value) {
+                return _this.formatter(value.value)
+              }
             },
             name: '投入',
             type: 'bar',

src/components/chart/chart210323/monthIncome.vue

@@ -20,7 +20,6 @@ export default {
     }
   },
   mounted () {
-    console.log(this.data.data, '=321')
     this.initChart()
   },
   methods: {

src/components/chart/chart210323/monthRevenueTrend.vue

@@ -24,6 +24,9 @@ export default {
     this.getData()
   },
   methods: {
+    formatter(num) {
+      return String(num).replace(/\d{1,3}(?=(\d{3})+(\.|$))/g, '$&,')
+    },
     getData() {
       action.Chart210323.getMonthRevenueTrend().then(res => {
         const projectName = []
@@ -51,6 +54,7 @@ export default {
         xData: [],
         yData: []
       }
+      const _this = this
       // 图表柱子上面的总数
       const totalNum = {}
       // x轴数据
@@ -84,7 +88,7 @@ export default {
           position: 'top',
           color: '#fff',
           formatter: function(c) {
-            return totalNum[c.name]
+            return _this.formatter(totalNum[c.name])
           }
         }
         cData.yData.push(bar)

src/components/chart/chart210323/nowIncome.vue

@@ -210,7 +210,7 @@ export default {
     // margin: 0 auto;
     .swiper-wrapper{
       .swiper-slide{
-        // padding-bottom: 15px;
+        padding-bottom: 15px;
         width: auto !important;
       }
     }

src/components/chart/chart210323/weekRevenueForecast.vue

@@ -24,6 +24,9 @@ export default {
     this.getData()
   },
   methods: {
+    formatter(num) {
+      return String(num).replace(/\d{1,3}(?=(\d{3})+(\.|$))/g, '$&,')
+    },
     getData() {
       action.Chart210323.getProjectPayWeek().then(res => {
         const projectName = []
@@ -51,6 +54,7 @@ export default {
         xData: [],
         yData: []
       }
+      const _this = this
       // 图表柱子上面的总数
       const totalNum = {}
       // x轴数据
@@ -107,7 +111,7 @@ export default {
           position: 'top',
           color: '#fff',
           formatter: function(c) {
-            return totalNum[c.name]
+            return _this.formatter(totalNum[c.name])
           }
         }
         // console.log(cData.yData, '-123')

src/pages/chart/chart-210323.vue

@@ -41,7 +41,7 @@
           </div>
         </div>
         <div class="chart-c-t">
-          <card title="周营收平台走势及预测（万）" devClass='after-w'>
+          <card title="项目营收走势及预测（本周）" devClass='after-w'>
             <week-revenue-forecast></week-revenue-forecast>
           </card>
         </div>