task#,千分号问题解决

This commit is contained in:
2024-12-27 20:37:53 +08:00
parent 4ebc40f93c
commit 009bd0b5ac

View File

@ -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 //自定义每一列标题字段名称