优化样式

src/components/chart/chart210323/monthRevenueTrend.vue

@@ -22,6 +22,9 @@ export default {
   },
   beforeMount () {
     this.getData()
+    setInterval(() => {
+      this.getData()
+    }, 5 * 60 * 1000)
   },
   methods: {
     formatter(num) {
@@ -99,14 +102,14 @@ export default {
       this.option = {
         legend: {
           top: 'bottom',
-          itemWidth: 13,
-          itemHeight: 13,
+          itemWidth: 10,
+          itemHeight: 10,
           icon: 'rect',
-          textStyle: { color: '#fff', fontSize: 16 }
+          textStyle: { color: '#fff', fontSize: 14 }
         },
         // tooltip: { trigger: 'axis', axisPointer: {} },
         grid: {
-          top: '8%',
+          top: '12%',
           left: '3%',
           right: '5%',
           bottom: '20%',

src/components/chart/chart210323/nowApply.vue

@@ -32,6 +32,9 @@ export default {
   },
   mounted() {
     this.getData()
+    setInterval(() => {
+      this.getData()
+    }, 5 * 60 * 1000)
   },
   methods: {
     getData(n) {

src/components/chart/chart210323/nowIncome2.vue

@@ -80,6 +80,10 @@ export default {
     $('#scroll-set-h').height(countH)
     this.$nextTick(() => {
       this.getData(Math.round(countH / 35))
+      // setTimeout(() => {
+      //   this.getData(Math.round(countH / 35))
+      //   // this.getData()
+      // }, 5 * 60 * 1000)
       setInterval(() => {
         this.getData(Math.round(countH / 35))
       }, 60 * 1000)

src/components/chart/chart210323/weekRevenueForecast.vue

@@ -22,6 +22,10 @@ export default {
   },
   beforeMount () {
     this.getData()
+    setInterval(() => {
+      // this.getData()
+      this.getData()
+    }, 5 * 60 * 1000)
   },
   methods: {
     formatter(num) {
@@ -123,10 +127,10 @@ export default {
       this.option = {
         legend: {
           top: 'bottom',
-          itemWidth: 13,
-          itemHeight: 13,
+          itemWidth: 10,
+          itemHeight: 10,
           icon: 'rect',
-          textStyle: { color: '#fff', fontSize: 16 }
+          textStyle: { color: '#fff', fontSize: 14 }
         },
         // tooltip: { trigger: 'axis', axisPointer: {} },
         grid: {

src/components/chart/chart210323/yearApply.vue

@@ -27,6 +27,9 @@ export default {
   },
   mounted () {
     this.getData()
+    setInterval(() => {
+      this.getData()
+    }, 5 * 60 * 1000)
   },
   methods: {
     getData() {
@@ -53,7 +56,7 @@ export default {
             name: '访问来源',
             type: 'pie',
             data: data,
-            radius: '70%',
+            radius: '60%',
             label: {
               formatter: '{b} {d}%'
             },

src/components/chart/chart210323/yearIncome.vue

@@ -42,6 +42,9 @@ export default {
   },
   mounted () {
     this.getData()
+    setTimeout(() => {
+      this.getData()
+    }, 5 * 60 * 1000)
   },
   methods: {
     getData() {

src/components/chart/chart210323/yearRankingApply.vue

@@ -29,6 +29,9 @@ export default {
   },
   mounted () {
     this.getData()
+    setInterval(() => {
+      this.getData()
+    }, 5 * 60 * 1000)
   },
   methods: {
     getData() {

src/pages/chart/chart-210323.vue

@@ -142,8 +142,9 @@ export default {
     setInterval(() => {
       this.time = this.getCurrentTime()
     }, 1000)
-    setTimeout(() => {
-      this.$router.go(0)
+    setInterval(() => {
+      // this.$router.go(0)
+      this.getData()
     }, 5 * 60 * 1000)
   },
   methods: {
@@ -165,7 +166,19 @@ export default {
       return String(num).replace(/\d{1,3}(?=(\d{3})+(\.|$))/g, '$&,')
     },
     getData() {
+      this.monthlyIncomeData = {
+        data: [
+          {
+            value: 0,
+            itemStyle: {
+              color: '#34A6D2'
+            }
+          }
+        ],
+        projectName: ['']
+      }
       action.Chart210323.getMonthProjectIncome().then(res => {
+        // this.monthlyIncomeData = []
         res.data.sell_data.map(item => {
           // 营收数据遍历
           this.monthlyIncomeData.data.push(