数据总览,样式调整

src/HDrpManagement/customerData/index.vue

@@ -806,7 +806,7 @@ export default {
 
       //近12月客户新增
       chartParam1: {
-        "id": 20231015123304,
+        "id": 20231015202504,
         "content": {
             "depname":'',
             "username":JSON.parse(sessionStorage.getItem('accountinfo')).name,
@@ -1050,26 +1050,32 @@ export default {
       }
       let res = await this.$api.requested(param)
       this.uvBillData = res.data.histogram
-      res.data.lineChart.forEach(item => item[`同比增长率(%)`] = item.value)
+      /*res.data.lineChart.forEach(item => item[`同比增长率`] = item.value)*/
       this.transformData = res.data.lineChart
       if (init) {
         this.dualAxes = new DualAxes(this.$refs.chart1, {
           data: [this.uvBillData,this.transformData],
           xField: 'date',
-          yField: ['value', '同比增长率(%)'],
+          yField: ['value', 'value'],
           geometryOptions: [
             {
               geometry: 'column',
               isGroup: true,
-              seriesField: 'type',
+              seriesField: 'key',
             },
             {
               geometry: 'line',
               lineStyle: {
                 lineWidth: 2,
               },
+              seriesField: 'key',
             },
           ],
+          tooltip: {
+            formatter: (datum) => {
+              return { name: datum.key, value: datum.key == '同比增长率'? datum.value + '%' : datum.value };
+            },
+          },
         });
         this.dualAxes.render()
       } else {

src/views/clueData/modules/clueAdd.vue

@@ -65,7 +65,13 @@ export default {
       this.param.content.enddate = this.enddate
       const res = await this.$api.requested(this.param)
       this.histogram = res.data.histogram
-      this.lineChart = res.data.lineChart
+      this.lineChart = res.data.lineChart.map(item=>{
+        return {
+          date: item.date,
+          type:"同比增长率",
+          value: item.value
+        }
+      })
       this.chartDualAxes.changeData([this.histogram,this.lineChart])
     },
     renderPie(val){
@@ -88,6 +94,11 @@ export default {
             },
           },
         ],
+        tooltip: {
+          formatter: (datum) => {
+            return { name: datum.type, value: datum.type == '同比增长率'? datum.value + '%' : datum.value };
+          },
+        },
       });
       this.chartDualAxes.render();
       this.queryModel(val)

src/views/clueData/modules/clueChange.vue

@@ -64,7 +64,13 @@ export default {
       this.param.content.enddate = this.enddate
       const res = await this.$api.requested(this.param)
       this.histogram = res.data.histogram
-      this.lineChart = res.data.lineChart
+      this.lineChart = res.data.lineChart.map(item=>{
+        return {
+          date: item.date,
+          key:"总次数同比增长率",
+          value: item.value
+        }
+      })
       this.chartDualAxes.changeData([this.histogram,this.lineChart])
     },
     renderPie(val){
@@ -86,6 +92,11 @@ export default {
             },
           },
         ],
+        tooltip: {
+          formatter: (datum) => {
+            return { name: datum.key, value: datum.value + '%'  };
+          },
+        },
       });
       this.chartDualAxes.render();
       this.queryModel(val)

src/views/clueData/modules/clueFollow.vue

@@ -64,7 +64,13 @@ export default {
       this.param.content.enddate = this.enddate
       const res = await this.$api.requested(this.param)
       this.histogram = res.data.histogram
-      this.lineChart = res.data.lineChart
+      this.lineChart = res.data.lineChart.map(item=>{
+        return {
+          date: item.date,
+          key:"同比增长率",
+          value: item.value
+        }
+      })
       this.chartDualAxes.changeData([this.histogram,this.lineChart])
     },
     renderPie(val){
@@ -86,6 +92,11 @@ export default {
             },
           },
         ],
+        tooltip: {
+          formatter: (datum) => {
+            return { name: datum.key, value: datum.key == '同比增长率'? datum.value + '%' : datum.value };
+          },
+        },
       });
 
       this.chartDualAxes.render();

src/views/salesData/modules/customerAccountBalanceAnalysis.vue

@@ -164,7 +164,7 @@ export default {
       this.tbzzl = res.data.tbzzl.map((item)=>{
         return {
           "date":item.date,
-          "name":item.name + '(%)',
+          "name":item.name,
           "value":Math.round(((item.value *100)*100)/100)
         }
       })
@@ -204,7 +204,7 @@ export default {
           formatter: (datum) => {
             return {
               name:datum.name,
-              value:datum.name != '同比增长率(%)'?'¥' + this.tool.formatAmount(datum.value,2) :datum.value
+              value:datum.name != '同比增长率'?'¥' + this.tool.formatAmount(datum.value,2) :datum.value + '%'
             }
           }
         }

src/views/salesData/modules/invoiceAmountAnalysis.vue

@@ -120,8 +120,8 @@ export default {
           fields: ['type','tbzzl', 'value'],
           formatter: (datum) => {
             return {
-              name:datum.type === undefined?'同比增长率(%)':datum.type,
-              value:datum.value === undefined?datum.tbzzl:'¥' + this.tool.formatAmount(datum.value,2)
+              name:datum.type === undefined?'同比增长率':datum.type,
+              value:datum.value === undefined?datum.tbzzl + '%':'¥' + this.tool.formatAmount(datum.value,2)
             }
           }
         }

src/views/salesData/modules/orderTrendAnalysis.vue

@@ -117,8 +117,8 @@ export default {
         tooltip: {
           formatter: (datum) => {
             return {
-              name:datum.type === undefined?'同比增长率(%)':datum.type,
-              value:datum.value === undefined?datum.tbzzl:'¥' + this.tool.formatAmount(datum.value,2)
+              name:datum.type === undefined?'同比增长率':datum.type,
+              value:datum.value === undefined?datum.tbzzl + '%':'¥' + this.tool.formatAmount(datum.value,2)
             }
           }
         }

src/views/salesData/modules/orderType.vue

@@ -209,6 +209,11 @@ export default {
         label:{
           formatter: (datum) => `${datum.ratio}%`,
         },
+        tooltip: {
+          formatter: (datum) => {
+            return { name: datum.type, value: datum.ratio + '%' };
+          },
+        },
         interactions: [{ type: 'element-single-selected' }],
         statistic: {
           title: {

src/views/salesData/modules/shippingTrendAnalysis.vue

@@ -95,14 +95,14 @@ export default {
         return {
           "value":Math.round(((item.tbzzl * 100)*100)/100),
           "date":item.date,
-          "type":'同比增长率(%)'
+          "type":'同比增长率'
         }
       })
       const zjl = res.data.map(item=>{
         return {
           "value":Math.round(((item.zjl * 100)*100)/100),
           "date":item.date,
-          "type":'准交率(%)'
+          "type":'准交率'
         }
       })
       this.list1 = tbzzl.concat(zjl)
@@ -129,7 +129,7 @@ export default {
           formatter: (datum) => {
             return {
               name:datum.type,
-              value:datum.type == '去年同期金额' || datum.type == '本期金额'  ?'¥' + this.tool.formatAmount(datum.value,2):datum.value
+              value:datum.type == '去年同期金额' || datum.type == '本期金额'  ?'¥' + this.tool.formatAmount(datum.value,2):datum.value + '%'
             }
           }
         }