diff --git a/src/modules/13_salary/components/04_salaryLists/Dashboard.vue b/src/modules/13_salary/components/04_salaryLists/Dashboard.vue index eeacc9b21..3989acd69 100644 --- a/src/modules/13_salary/components/04_salaryLists/Dashboard.vue +++ b/src/modules/13_salary/components/04_salaryLists/Dashboard.vue @@ -165,6 +165,7 @@ const columnsAPR = ref([ field: "total", headerStyle: "font-size: 14px", style: "font-size: 14px", + format: (v) => Number(v).toLocaleString(), }, { @@ -401,15 +402,14 @@ async function fetchDataDashboard() { .post(config.API.salaryDashboard, formData) .then(async (res) => { const quota = await res.data.result.dashboard; - itemsCardAPR.value[0].total = quota.total; + itemsCardAPR.value[0].total = quota.total.toLocaleString(); itemsCardAPR.value[1].total = quota.fifteenPercent.toLocaleString("en", { minimumFractionDigits: 2, maximumFractionDigits: 2, }); - itemsCardAPR.value[2].total = quota.chosen; - itemsCardAPR.value[3].total = quota.remaining; - itemsCardAPR.value[4].total = quota.totalBackup; - + itemsCardAPR.value[2].total = quota.chosen.toLocaleString(); + itemsCardAPR.value[3].total = quota.remaining.toLocaleString(); + itemsCardAPR.value[4].total = quota.totalBackup.toLocaleString(); itemsCardOCT.value[0].total = quota.currentAmount.toLocaleString("en", { minimumFractionDigits: 2, maximumFractionDigits: 2, @@ -440,12 +440,11 @@ async function fetchDataDashboard() { minimumFractionDigits: 2, maximumFractionDigits: 2, }); - itemsCardOCT.value[6].total = quota.totalBackup; + itemsCardOCT.value[6].total = quota.totalBackup.toLocaleString(); - itemsCardSpeciel.value[0].total = quota.total; - itemsCardSpeciel.value[1].total = quota.chosen; - itemsCardSpeciel.value[2].total = quota.totalBackup; - console.log(res.data.result.salaryOrg); + itemsCardSpeciel.value[0].total = quota.total.toLocaleString(); + itemsCardSpeciel.value[1].total = quota.chosen.toLocaleString(); + itemsCardSpeciel.value[2].total = quota.totalBackup.toLocaleString(); rows.value = res.data.result.salaryOrg; rowsData.value = res.data.result.salaryOrg; @@ -586,7 +585,7 @@ watch([() => props?.snapShot, () => props.roundFilter], () => {
- {{ col.value }} + {{ col.value ?? "-" }}
diff --git a/src/modules/13_salary/components/05_salaryListsEmployee/Dashboard.vue b/src/modules/13_salary/components/05_salaryListsEmployee/Dashboard.vue index e39659e22..4f3cdc9dd 100644 --- a/src/modules/13_salary/components/05_salaryListsEmployee/Dashboard.vue +++ b/src/modules/13_salary/components/05_salaryListsEmployee/Dashboard.vue @@ -390,26 +390,53 @@ function fetchDataDashboard() { .post(config.API.salaryDashboardEmp, formData) .then((res) => { const quota = res.data.result.dashboard; - itemsCardAPR.value[0].total = quota.total; + itemsCardAPR.value[0].total = quota.total.toLocaleString(); itemsCardAPR.value[1].total = quota.fifteenPercent.toLocaleString("en", { minimumFractionDigits: 2, maximumFractionDigits: 2, }); - itemsCardAPR.value[2].total = quota.chosen; - itemsCardAPR.value[3].total = quota.remaining; - itemsCardAPR.value[4].total = quota.totalBackup; + itemsCardAPR.value[2].total = quota.chosen.toLocaleString(); + itemsCardAPR.value[3].total = quota.remaining.toLocaleString(); + itemsCardAPR.value[4].total = quota.totalBackup.toLocaleString(); - itemsCardOCT.value[0].total = quota.currentAmount; - itemsCardOCT.value[1].total = quota.sixPercentAmount; - itemsCardOCT.value[2].total = quota.spentAmount; - itemsCardOCT.value[3].total = quota.sixPercentSpentAmount; - itemsCardOCT.value[4].total = quota.useAmount; - itemsCardOCT.value[5].total = quota.remainingAmount; - itemsCardOCT.value[6].total = quota.totalBackup; + itemsCardOCT.value[0].total = quota.currentAmount.toLocaleString("en", { + minimumFractionDigits: 2, + maximumFractionDigits: 2, + }); + itemsCardOCT.value[1].total = quota.sixPercentAmount.toLocaleString( + "en", + { + minimumFractionDigits: 2, + maximumFractionDigits: 2, + } + ); + itemsCardOCT.value[2].total = quota.spentAmount.toLocaleString("en", { + minimumFractionDigits: 2, + maximumFractionDigits: 2, + }); + itemsCardOCT.value[3].total = quota.sixPercentSpentAmount.toLocaleString( + "en", + { + minimumFractionDigits: 2, + maximumFractionDigits: 2, + } + ); + itemsCardOCT.value[4].total = quota.useAmount.toLocaleString("en", { + minimumFractionDigits: 2, + maximumFractionDigits: 2, + }); + itemsCardOCT.value[5].total = quota.remainingAmount.toLocaleString("en", { + minimumFractionDigits: 2, + maximumFractionDigits: 2, + }); + itemsCardOCT.value[6].total = quota.totalBackup.toLocaleString("en", { + minimumFractionDigits: 2, + maximumFractionDigits: 2, + }); - itemsCardSpeciel.value[0].total = quota.total; - itemsCardSpeciel.value[1].total = quota.chosen; - itemsCardSpeciel.value[2].total = quota.totalBackup; + itemsCardSpeciel.value[0].total = quota.total.toLocaleString(); + itemsCardSpeciel.value[1].total = quota.chosen.toLocaleString(); + itemsCardSpeciel.value[2].total = quota.totalBackup.toLocaleString(); rows.value = res.data.result.salaryOrg; rowsData.value = res.data.result.salaryOrg; diff --git a/src/modules/13_salary/views/05_salaryListsEmployee.vue b/src/modules/13_salary/views/05_salaryListsEmployee.vue index 401b8c257..24295411f 100644 --- a/src/modules/13_salary/views/05_salaryListsEmployee.vue +++ b/src/modules/13_salary/views/05_salaryListsEmployee.vue @@ -405,8 +405,9 @@ onMounted(async () => {