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>