รายการเงินเดือน

src/modules/13_salary/components/SalaryLists/DialogMoveLevel.vue

@@ -14,6 +14,7 @@ const store = useSalaryListSDataStore();
 const modal = defineModel<boolean>("modal", { required: true });
 const profileId = defineModel<string>("profileId", { required: true });
 const type = ref<string>("");
+const typeRef = ref<any>(null);
 const isReadonly = ref<boolean>(false); // อ่านได้อย่างเดียว
 const mixin = useCounterMixin();
 const { dialogConfirm, success, messageError, showLoader, hideLoader } = mixin;
@@ -25,14 +26,17 @@ const props = defineProps({
 });
 const typeOp = ref<DataOption[]>([
   { id: "NONE", name: "ไม่ได้เลื่อน" },
-  { id: "HAFT", name: "ครึ่งขั้น" },
-  { id: "FULL", name: "1ขั้น" },
-  { id: "FULLHAFT", name: "1.5ขั้น" },
+  { id: "HAFT", name: "0.5 ขั้น" },
+  { id: "FULL", name: "1 ขั้น" },
+  { id: "FULLHAFT", name: "1.5 ขั้น" },
 ]);
 
 /*** ฟังก์ชั่นสำหรับ validate ฟอร์ม */
 function validateForm() {
-  onSubmit();
+  typeRef.value.validate();
+  if (typeRef.value.validate()) {
+    onSubmit();
+  }
 }
 
 function close() {
@@ -80,7 +84,7 @@ function inputEdit(val: boolean) {
       <q-card-section class="scroll" style="max-height: 70vh">
         <div class="q-gutter-y-sm">
           <q-select
-            ref="periodRef"
+            ref="typeRef"
             :class="inputEdit(isReadonly)"
             v-model="type"
             label="เลื่อนขั้น"