แก้คำผิดและ format

src/modules/13_salary/components/salaryEmployeeChart/DialogEmployeeRate.vue

@@ -176,12 +176,12 @@ watch(
                 dense
                 outlined
                 v-model="formData.salaryMonth"
-                label="อัตราค่าจ้าง/ชั้นวิ่ง (รายเดือน)"
+                label="อัตราค่าจ้าง/ขั้นวิ่ง (รายเดือน)"
                 mask="###,###,###,###"
                 reverse-fill-mask
                 :rules="[
                   (val) =>
-                    !!val || `${'กรุณากรอกอัตราค่าจ้าง/ชั้นวิ่ง (รายเดือน)'}`,
+                    !!val || `${'กรุณากรอกอัตราค่าจ้าง/ขั้นวิ่ง (รายเดือน)'}`,
                 ]"
                 lazy-rules
                 hide-bottom-space
@@ -193,14 +193,14 @@ watch(
                 dense
                 outlined
                 v-model="formData.salaryDay"
-                label="อัตราค่าจ้าง/ชั้นวิ่ง (รายวัน)"
+                label="อัตราค่าจ้าง/ขั้นวิ่ง (รายวัน)"
                 mask="###,###,###,###"
                 reverse-fill-mask
                 lazy-rules
                 hide-bottom-space
                 :rules="[
                   (val) =>
-                    !!val || `${'กรุณากรอกอัตราค่าจ้าง/ชั้นวิ่ง (รายวัน)'}`,
+                    !!val || `${'กรุณากรอกอัตราค่าจ้าง/ขั้นวิ่ง (รายวัน)'}`,
                 ]"
               />
             </div>

src/modules/13_salary/views/salaryEmployeeRate.vue

@@ -36,7 +36,7 @@ const columns = ref<QTableProps["columns"]>([
     name: "step",
     align: "left",
     label: "ลำดับขั้น",
-    sortable: true,
+    sortable: false,
     field: "step",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
@@ -44,20 +44,34 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "salaryMonth",
     align: "left",
-    label: "อัตราค่าจ้าง/ชั้นวิ่ง (รายเดือน)",
-    sortable: true,
+    label: "อัตราค่าจ้าง/ขั้นวิ่ง (รายเดือน)",
+    sortable: false,
     field: "salaryMonth",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
+    format: (val) =>
+      val.toLocaleString("en", {
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2,
+      }),
   },
   {
     name: "salaryDay",
     align: "left",
-    label: "อัตราค่าจ้าง/ชั้นวิ่ง (รายวัน)",
-    sortable: true,
+    label: "อัตราค่าจ้าง/ขั้นวิ่ง (รายวัน)",
+    sortable: false,
     field: "salaryDay",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
+    // sort: (a: number) => a.toLocaleString("en", {
+    //                     minimumFractionDigits: 2,
+    //                     maximumFractionDigits: 2,
+    //                   }),
+    format: (val) =>
+      val.toLocaleString("en", {
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2,
+      }),
   },
 ]);
 const rows = ref<EmployeeRateSalary[]>([]);
@@ -294,13 +308,7 @@ onMounted(() => {
         <template v-slot:body="props">
           <q-tr :props="props" class="cursor-pointer">
             <q-td v-for="col in props.cols" :key="col.name" :props="props">
-              <div v-if="col.name === 'salaryMonth'">
-                {{ col.value ? col.value.toLocaleString() : "-" }}
-              </div>
-              <div v-else-if="col.name === 'salaryDay'">
-                {{ col.value ? col.value.toLocaleString() : "-" }}
-              </div>
-              <div v-else>{{ col.value ? col.value : "-" }}</div>
+              {{ col.value ? col.value : "-" }}
             </q-td>
             <q-td v-if="!isActive">
               <q-btn