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

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

@@ -22,13 +22,17 @@ const props = defineProps({
 });
 
 const group = ref<string>("");
+const groupRef = ref<any>(null);
 const isReadonly = ref<boolean>(false); // อ่านได้อย่างเดียว
 const mixin = useCounterMixin();
 const { dialogConfirm, success, messageError, showLoader, hideLoader } = mixin;
 
 /*** ฟังก์ชั่นสำหรับ validate ฟอร์ม */
 function validateForm() {
-  onSubmit();
+  groupRef.value.validate();
+  if (groupRef.value.validate()) {
+    onSubmit();
+  }
 }
 
 function close() {
@@ -76,7 +80,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="groupRef"
             :class="inputEdit(isReadonly)"
             v-model="group"
             label="กลุ่ม"
@@ -87,7 +91,7 @@ function inputEdit(val: boolean) {
             option-label="name"
             option-value="id"
             :options="store.groupOp.filter((e) => e.name !== props.group)"
-            :rules="[(val) => !!val || `${'กรุณาเลือกรอบการขึ้นเงินเดือน'}`]"
+            :rules="[(val) => !!val || `${'กรุณากลุ่ม'}`]"
             lazy-rules
             hide-bottom-space
           />