fix:q-input maxlength

src/modules/15_development/components/ProjectDetail.vue

@@ -1015,6 +1015,7 @@ defineExpose({
                 v-model="formData.projectModalPlanned"
                 label="จำนวน (รุ่น)"
                 mask="#"
+                maxlength="5"
                 reverse-fill-mask
                 class="inputgreen"
                 @update:model-value="props.onCheckChangeData()"
@@ -1198,6 +1199,7 @@ defineExpose({
                     v-model="formData.projectModalActual"
                     label="จำนวน (รุ่น)"
                     mask="#"
+                    maxlength="5"
                     reverse-fill-mask
                     @update:model-value="props.onCheckChangeData()"
                   />

src/modules/15_development/components/Target.vue

@@ -222,6 +222,7 @@ const columnsPlannedGoals = ref<QTableProps["columns"]>([
     align: "left",
     label: "จำนวน(คน)",
     sortable: true,
+    format: (val) => Number(val).toLocaleString("th-TH"),
     field: "amount",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
@@ -264,9 +265,9 @@ const columnsActualGoals = ref<QTableProps["columns"]>([
     label: "จำนวน(คน)",
     sortable: true,
     field: "amount",
+    format: (val) => Number(val).toLocaleString("th-TH"),
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
-    format: (val) => Number(val),
   },
 ]);
 
@@ -290,7 +291,7 @@ const columnsRelated = ref<QTableProps["columns"]>([
     field: "amount",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
-    format: (val) => Number(val),
+    format: (val) => Number(val).toLocaleString("th-TH"),
   },
 ]);
 
@@ -1203,6 +1204,7 @@ onMounted(() => {
                 v-model="formGroupTarget.amount"
                 label="จำนวน(คน)"
                 mask="#"
+                maxlength="5"
                 reverse-fill-mask
                 :rules="[
               (val:string) =>
@@ -1352,6 +1354,7 @@ onMounted(() => {
                 v-model="formGroupTarget.amount"
                 label="จำนวน(คน)"
                 mask="#"
+                maxlength="5"
                 reverse-fill-mask
                 :rules="[
               (val:string) =>
@@ -1546,6 +1549,7 @@ onMounted(() => {
                 v-model="formGroupRelate.amount"
                 label="จำนวน(คน)"
                 mask="#"
+                maxlength="5"
                 reverse-fill-mask
                 :rules="[
             (val:string) =>