From 4ce525522b3caea007d2a7dd0c724f4f21d86db2 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 5 Jan 2024 10:38:49 +0700
Subject: [PATCH] =?UTF-8?q?formatted=20Saraly=20=E0=B8=9B=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=B0=E0=B9=80=E0=B8=A1=E0=B8=B4=E0=B8=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/06_evaluate/components/viewstep/viewStep1.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/modules/06_evaluate/components/viewstep/viewStep1.vue b/src/modules/06_evaluate/components/viewstep/viewStep1.vue
index de61a05..43f9479 100644
--- a/src/modules/06_evaluate/components/viewstep/viewStep1.vue
+++ b/src/modules/06_evaluate/components/viewstep/viewStep1.vue
@@ -194,6 +194,10 @@ async function fetchCheckSpec(data: any) {
   formDetail.assessments = data.assessments;
 }
 
+function formattedNumber(x: number) {
+  return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+}
+
 onMounted(async () => {
   route.name === "evaluate-add" && (await fetchDetail());
   props.data && fetchCheckSpec(props.data);
@@ -267,7 +271,7 @@ onMounted(async () => {
               <q-input
                 borderless
                 readonly
-                :model-value="formDetail.salary"
+                :model-value="formattedNumber(formDetail.salary)"
                 label="เงินเดือน"
               />
             </div>