统计

src/views/parts/card-1.vue

@@ -24,9 +24,7 @@ export default {
   computed: {
     ...mapState(['user']),
   },
-  mounted() {
-    // this.getEchartData();
-  },
+  mounted() {},
   created() {},
   methods: {
     getEchartData(data) {
@@ -49,10 +47,6 @@ export default {
           axisLabel: {
             show: true,
             rotate: 50,
-            // interval: 0,
-            // formatter: function (value) {
-            //   return value.split('').join(' ');
-            // },
           },
         },
         yAxis: {

src/views/system/statistics/parts/card-1.vue

@@ -94,21 +94,18 @@ export default {
       var option;
       option = {
         title: {
-          text: '年度销售额',
+          text: '年度销售额/(元)',
         },
         color: '#FFD700',
         tooltip: {
-          trigger: 'item',
-          axisPointer: { type: 'shadow' },
+          trigger: 'axis',
           confine: true,
-          formatter: '{b}:收入{c}元', // 格式化数值百分比输出
         },
         xAxis: {
           type: 'category',
           data: this.xAxisList,
-          // 设置x轴线的属性
-          //使x轴文字显示全
           axisLabel: {
+            // 设置x轴线的属性//使x轴文字显示全
             show: true,
             rotate: 50,
           },

src/views/system/statistics/parts/card-2.vue

@@ -63,14 +63,14 @@ export default {
             str = `-${str}-`;
             const l = list.filter((f) => f.date.includes(str));
             const month = `${i}月`;
-            const num = l.reduce((p, n) => p + n.money, 0);
+            const num = l.reduce((p, n) => p + n.num, 0);
             xAxisList.push(month);
             seriesList.push(num);
           }
         } else {
           for (const p1 of list) {
             xAxisList.push(p1.date);
-            seriesList.push(p1.money);
+            seriesList.push(p1.num);
           }
         }
         this.$set(this, 'xAxisList', xAxisList);
@@ -94,14 +94,12 @@ export default {
       var option;
       option = {
         title: {
-          text: '年度下单数',
+          text: '年度下单数/(单)',
         },
         color: '#FFD700',
         tooltip: {
-          trigger: 'item',
-          axisPointer: { type: 'shadow' },
+          trigger: 'axis',
           confine: true,
-          formatter: '{b}:{c}单',
         },
         xAxis: {
           type: 'category',
@@ -119,7 +117,7 @@ export default {
         series: [
           {
             data: this.seriesList,
-            type: 'line',
+            type: 'bar',
           },
         ],
       };

src/views/system/statistics/parts/card-3.vue

@@ -63,14 +63,14 @@ export default {
             str = `-${str}-`;
             const l = list.filter((f) => f.date.includes(str));
             const month = `${i}月`;
-            const num = l.reduce((p, n) => p + n.money, 0);
+            const num = l.reduce((p, n) => p + n.num, 0);
             xAxisList.push(month);
             seriesList.push(num);
           }
         } else {
           for (const p1 of list) {
             xAxisList.push(p1.date);
-            seriesList.push(p1.money);
+            seriesList.push(p1.num);
           }
         }
         this.$set(this, 'xAxisList', xAxisList);
@@ -94,14 +94,14 @@ export default {
       var option;
       option = {
         title: {
-          text: '年度付款数',
+          text: '年度付款数/(单)',
         },
         color: '#FFD700',
         tooltip: {
-          trigger: 'item',
-          axisPointer: { type: 'shadow' },
+          trigger: 'axis',
+          // axisPointer: { type: 'shadow' },
           confine: true,
-          formatter: '{b}:{c}单',
+          // formatter: '{b}</br>收入{c}元', // 格式化数值百分比输出
         },
         xAxis: {
           type: 'category',

src/views/system/statistics/parts/card-4.vue

@@ -63,14 +63,14 @@ export default {
             str = `-${str}-`;
             const l = list.filter((f) => f.date.includes(str));
             const month = `${i}月`;
-            const num = l.reduce((p, n) => p + n.money, 0);
+            const num = l.reduce((p, n) => p + n.num, 0);
             xAxisList.push(month);
             seriesList.push(num);
           }
         } else {
           for (const p1 of list) {
             xAxisList.push(p1.date);
-            seriesList.push(p1.money);
+            seriesList.push(p1.num);
           }
         }
         this.$set(this, 'xAxisList', xAxisList);
@@ -94,14 +94,14 @@ export default {
       var option;
       option = {
         title: {
-          text: '年度退货数',
+          text: '年度退货数/(单)',
         },
         color: '#FFD700',
         tooltip: {
-          trigger: 'item',
-          axisPointer: { type: 'shadow' },
+          trigger: 'axis',
+          // axisPointer: { type: 'shadow' },
           confine: true,
-          formatter: '{b}:{c}单',
+          // formatter: '{b}</br>收入{c}元', // 格式化数值百分比输出
         },
         xAxis: {
           type: 'category',

src/views/system/statistics/parts/card-5.vue

@@ -63,14 +63,14 @@ export default {
             str = `-${str}-`;
             const l = list.filter((f) => f.date.includes(str));
             const month = `${i}月`;
-            const num = l.reduce((p, n) => p + n.money, 0);
+            const num = l.reduce((p, n) => p + n.num, 0);
             xAxisList.push(month);
             seriesList.push(num);
           }
         } else {
           for (const p1 of list) {
             xAxisList.push(p1.date);
-            seriesList.push(p1.money);
+            seriesList.push(p1.num);
           }
         }
         this.$set(this, 'xAxisList', xAxisList);
@@ -94,14 +94,14 @@ export default {
       var option;
       option = {
         title: {
-          text: '年度退款数',
+          text: '年度退款数/(单)',
         },
         color: '#FFD700',
         tooltip: {
-          trigger: 'item',
-          axisPointer: { type: 'shadow' },
+          trigger: 'axis',
+          // axisPointer: { type: 'shadow' },
           confine: true,
-          formatter: '{b}:{c}单',
+          // formatter: '{b}</br>收入{c}元', // 格式化数值百分比输出
         },
         xAxis: {
           type: 'category',

src/views/system/statistics/parts/card-6.vue

@@ -78,14 +78,14 @@ export default {
             str = `-${str}-`;
             const l = list.filter((f) => f.date.includes(str));
             const month = `${i}月`;
-            const num = l.reduce((p, n) => p + n.money, 0);
+            const num = l.reduce((p, n) => p + n.num, 0);
             xAxisList.push(month);
             seriesList.push(num);
           }
         } else {
           for (const p1 of list) {
             xAxisList.push(p1.date);
-            seriesList.push(p1.money);
+            seriesList.push(p1.num);
           }
         }
         this.$set(this, 'xAxisList', xAxisList);
@@ -100,14 +100,14 @@ export default {
       var option;
       option = {
         title: {
-          text: '年度换货数',
+          text: '年度换货数/(单)',
         },
         color: '#FFD700',
         tooltip: {
-          trigger: 'item',
-          axisPointer: { type: 'shadow' },
+          trigger: 'axis',
+          // axisPointer: { type: 'shadow' },
           confine: true,
-          formatter: '{b}:{c}单',
+          // formatter: '{b}</br>收入{c}元', // 格式化数值百分比输出
         },
         xAxis: {
           type: 'category',