From 009bd0b5ac2bae169cf62bf42056420156988fd2 Mon Sep 17 00:00:00 2001
From: zhouxueli <2841188632@qq.com>
Date: Fri, 27 Dec 2024 20:37:53 +0800
Subject: [PATCH] =?UTF-8?q?task#=EF=BC=8C=E5=8D=83=E5=88=86=E5=8F=B7?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98=E8=A7=A3=E5=86=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/kpi/kpiIndex.vue | 27 +++++++++++++++++++++------
 1 file changed, 21 insertions(+), 6 deletions(-)

diff --git a/src/views/kpi/kpiIndex.vue b/src/views/kpi/kpiIndex.vue
index 258a6676..6dee2c45 100644
--- a/src/views/kpi/kpiIndex.vue
+++ b/src/views/kpi/kpiIndex.vue
@@ -472,6 +472,17 @@ export default {
       let num = parseInt(value);
       return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
     },
+    formatCurrency1(value) {
+      if (!value) return ''; // 如果值为空，返回空字符串
+      // 如果值已经包含逗号，直接返回原值
+      if (value.toString().includes(',')) {
+        return value;
+      }
+      // 否则，添加千分号
+      let num = parseInt(value);
+      if (isNaN(num)) return ''; // 如果转换失败，返回空字符串
+      return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+    },
     async clickJumpHandle(type) {
       this.loading = true
       this.active = type;
@@ -499,13 +510,16 @@ export default {
       let series1 = [{
         name: '派遣案件量',
         type: 'bar',
-        data: this.v1,
+        data: this.v1?.map(item => Number(item?.toString()?.replace(/,/g, ''))),
         yAxisIndex: 0,
         smooth: true,
         barWidth: this.isMobile ? 35 : 60,
         label: {
           show: true, // 显示标签
           position: 'top', // 标签位置在柱形顶部
+          formatter: (params) => {
+            return params.value.toLocaleString();
+          }
         }
       },
         {
@@ -1259,15 +1273,16 @@ export default {
             { 'month': '拒单量' },{ 'month': '拒单率(%)' },{ 'month': '超时接单量' },{ 'month': '超时率(%)' },{ 'month': '客户取消率(%)' }]
           let props = 'prop' //自定义字段名称
           this.detailList?.map((item,index) => {
+
+            item.dispatchOrderCount=this.formatCurrency1( item.dispatchOrderCount);
+            item.receiveOrderCount=this.formatCurrency1( item.receiveOrderCount);
+            item.finishOrderCount=this.formatCurrency1( item.finishOrderCount);
+            item.refuseOrderCount=this.formatCurrency1( item.refuseOrderCount);
+            item.timeoutOrderCount=this.formatCurrency1( item.timeoutOrderCount);
             this.v1.push(item.dispatchOrderCount)
             this.v2.push(item.refuseOrderRate.replace('%', ''))
             this.v3.push(item.timeoutOrderRate.replace('%', ''))
             this.v4.push(item.cancelRate.replace('%', ''))
-            item.dispatchOrderCount=this.formatCurrency( item.dispatchOrderCount);
-            item.receiveOrderCount=this.formatCurrency( item.receiveOrderCount);
-            item.finishOrderCount=this.formatCurrency( item.finishOrderCount);
-            item.refuseOrderCount=this.formatCurrency( item.refuseOrderCount);
-            item.timeoutOrderCount=this.formatCurrency( item.timeoutOrderCount);
             const columnObj = {}
             columnObj.label = item.month // 每一列的标题的名称
             columnObj.prop = props + index //自定义每一列标题字段名称