เเก้ validate เเล้ว input ลอย

src/modules/07_insignia/components/1_Proposals/addProposals.vue

@@ -15,6 +15,7 @@ const {
   hideLoader,
   dialogConfirm,
   success,
+  dialogMessageNotify
 } = mixin;
 const router = useRouter();
 const route = useRoute();
@@ -106,22 +107,25 @@ const editData = async (id: string) => {
   console.log(formData);
 };
 const checkSave = () => {
-  dialogConfirm($q, () => SaveData());
-};
-const SaveData = async () => {
   if (myForm.value !== null) {
     myForm.value.validate().then(async (success) => {
       if (success) {
-        if (edit.value) {
+        dialogConfirm($q, () => SaveData());
-          await editData(id.value);
+      }else {
-        } else {
+        dialogMessageNotify($q,"กรุณาเลือกรอบการเสนอขอพระราชทานเครื่องราชฯ")
-          await addData();
-          clickBack();
-        }
       }
-    });
+    })
   }
 };
+const SaveData = async () => {
+  if (edit.value) {
+    await editData(id.value);
+  } else {
+    await addData();
+    clickBack();
+  }
+};
+
 const updateDateRange = () => {
   if (roundInsig.value.value == 1) {
     dateStart.value = new Date(new Date().getFullYear(), 9, 1);

src/modules/07_insignia/components/3_result/DialogForm.vue

@@ -278,7 +278,7 @@ const searchcardid = () => {
       <q-form ref="myForm">
         <div class="q-pa-md">
           <div
-            class="row col-12 items-center q-col-gutter-x-xs q-col-gutter-y-xs"
+            class="row col-12 q-col-gutter-x-xs q-col-gutter-y-xs"
           >
             <div class="col-4">
               <q-select

src/modules/07_insignia/components/4_Allocate/DialogForm.vue

@@ -5,9 +5,9 @@ import { useCounterMixin } from "@/stores/mixin";
 
 import { useRouter } from "vue-router";
 const $q = useQuasar();
-const myForm = ref<QForm>();
+const myForm = ref<QForm | null>(null); //form data input
 const mixin = useCounterMixin();
-const { dialogConfirm } = mixin;
+const { dialogConfirm,dialogMessageNotify } = mixin;
 const router = useRouter();
 const routeName = router.currentRoute.value.name;
 const amount = ref<number | null>();
@@ -42,8 +42,18 @@ watch(props, () => {
 });
 
 const clickSave = () => {
-  dialogConfirm($q, () => props.save(grandCross.value, amount.value));
+  if (myForm.value !== null) {
+    myForm.value.validate().then(async (success) => {
+      if (success) {
+        dialogConfirm($q, () => props.save(grandCross.value, amount.value));
+      }else {
+        dialogMessageNotify($q,"กรุณาข้อมูลให้ครบ")
+      }
+    })
+  }
 };
+
+
 </script>
 
 <template>
@@ -65,7 +75,7 @@ const clickSave = () => {
       <q-form ref="myForm">
         <div class="q-pa-md">
           <div
-            class="row col-12 items-center q-col-gutter-x-xs q-col-gutter-y-xs"
+            class="row col-12 q-col-gutter-x-xs q-col-gutter-y-xs"
           >
             <div class="col-6">
               <q-select
@@ -79,6 +89,7 @@ const clickSave = () => {
                 map-options
                 outlined
                 options-cover
+                :rules="[(val) => !!val || `${'กรุณากรอกจำนวน'}`,]"
                 v-model="grandCross"
                 :label="
                   routeName == 'insigniaAllocate'
@@ -86,6 +97,7 @@ const clickSave = () => {
                     : `เลือกหน่วยงาน`
                 "
               />
+
             </div>
             <div class="col-xs-12 col-sm-6">
               <q-input
@@ -97,6 +109,7 @@ const clickSave = () => {
                 lazy-rules
                 type="number"
                 label="จำนวน"
+                :rules="[(val) => !!val || `${'กรุณากรอกจำนวน'}`,]"
               />
               <!-- :rules="[(val:any) =>val.length != 13 ||`${'กรุณากรอกเลขบัตรประจำตัวประชาชนให้ครบ'}`,]" -->
             </div>
@@ -107,7 +120,7 @@ const clickSave = () => {
       <q-separator />
       <div class="row justify-end q-py-sm">
         <div class="q-px-md">
-          <q-btn label="บันทึก" @click="clickSave" color="public" />
+          <q-btn label="บันทึก" @click="clickSave" color="public" :disable="grandCross == '' || amount == null || amount == 0" />
         </div>
       </div>
     </q-card>

src/modules/08_registryEmployee/views/Assessment.vue

@@ -61,7 +61,7 @@
         <q-separator />
         <q-card-section class="q-p-sm">
           <div
-            class="row col-12 items-center q-col-gutter-x-xs q-col-gutter-y-xs"
+            class="row col-12 q-col-gutter-x-xs q-col-gutter-y-xs"
           >
             <div class="col-xs-12 col-sm-12 col-md-12">
               <datepicker

src/modules/08_registryEmployee/views/Discipline.vue

@@ -57,7 +57,7 @@
         <q-separator />
         <q-card-section class="q-p-sm">
           <div
-            class="row col-12 items-center q-col-gutter-x-xs q-col-gutter-y-xs"
+            class="row col-12 q-col-gutter-x-xs q-col-gutter-y-xs"
           >
             <div class="col-xs-6 col-sm-6 col-md-6">
               <datepicker

src/modules/08_registryEmployee/views/Education.vue

@@ -71,7 +71,7 @@
         <q-separator />
         <q-card-section class="q-p-sm">
           <div
-            class="row col-12 items-center q-col-gutter-x-xs q-col-gutter-y-xs"
+            class="row col-12 q-col-gutter-x-xs q-col-gutter-y-xs"
           >
             <div class="col-xs-6 col-sm-6 col-md-6">
               <selector

src/modules/08_registryEmployee/views/Information/Address.vue

@@ -13,7 +13,7 @@
       :addEmployee="statusAdd()"
     />
     <q-form ref="myform">
-      <div class="row col-12 items-center q-col-gutter-x-xs q-col-gutter-y-xs">
+      <div class="row col-12  q-col-gutter-x-xs q-col-gutter-y-xs">
         <div class="col-xs-12">
           <q-input
             :class="getClass(edit)"

src/modules/08_registryEmployee/views/Information/Certicate.vue

@@ -68,7 +68,7 @@
         <q-separator />
         <q-card-section class="q-p-sm">
           <div
-            class="row col-12 items-center q-col-gutter-x-xs q-col-gutter-y-xs"
+            class="row col-12  q-col-gutter-x-xs q-col-gutter-y-xs"
           >
             <div class="col-xs-6 col-sm-6 col-md-6">
               <q-input

src/modules/08_registryEmployee/views/Information/Family.vue

@@ -13,7 +13,7 @@
       :addEmployee="statusAdd()"
     />
     <q-form ref="myform" class="col-12">
-      <div class="row col-12 items-center q-col-gutter-x-xs q-col-gutter-y-xs">
+      <div class="row col-12  q-col-gutter-x-xs q-col-gutter-y-xs">
         <div class="col-12 row q-pb-sm q-pt-md">
           <div class="col-xs-2 col-sm-1 text-weight-bold">• บิดา</div>
           <div class="q-gutter-sm">

src/modules/08_registryEmployee/views/Information/Information.vue

@@ -13,7 +13,7 @@
       :addEmployee="statusAdd()"
     />
     <q-form ref="myform" class="col-12">
-      <div class="row col-12 items-center q-col-gutter-x-sm q-col-gutter-y-sm">
+      <div class="row col-12  q-col-gutter-x-sm q-col-gutter-y-sm">
         <div class="col-xs-6 col-sm-3 col-md-3">
           <q-input
             :class="getClass(edit)"

src/modules/08_registryEmployee/views/Information/Tempinformation.vue

@@ -12,7 +12,7 @@
       :history="!statusAdd()"
     />
     <q-form ref="myform">
-      <div class="row col-12 items-center q-col-gutter-x-sm q-col-gutter-y-sm">
+      <div class="row col-12  q-col-gutter-x-sm q-col-gutter-y-sm">
         <div class="col-xs-6 col-sm-3 col-md-3">
           <selector
             :class="getClass(edit)"

src/modules/08_registryEmployee/views/Leave.vue

@@ -81,7 +81,7 @@
         <q-separator />
         <q-card-section class="q-p-sm">
           <div
-            class="row col-12 items-center q-col-gutter-x-xs q-col-gutter-y-xs"
+            class="row col-12 q-col-gutter-x-xs q-col-gutter-y-xs"
           >
             <div class="col-xs-6 col-sm-6 col-md-6">
               <selector

src/modules/08_registryEmployee/views/Other.vue

@@ -54,7 +54,7 @@
         <q-separator />
         <q-card-section class="q-p-sm">
           <div
-            class="row col-12 items-center q-col-gutter-x-xs q-col-gutter-y-xs"
+            class="row col-12 q-col-gutter-x-xs q-col-gutter-y-xs"
           >
             <div class="col-xs-6 col-sm-6 col-md-6">
               <datepicker

src/modules/08_registryEmployee/views/Talent.vue

@@ -51,7 +51,7 @@
         <q-separator />
         <q-card-section class="q-p-sm">
           <div
-            class="row col-12 items-center q-col-gutter-x-xs q-col-gutter-y-xs"
+            class="row col-12 q-col-gutter-x-xs q-col-gutter-y-xs"
           >
             <div class="col-6">
               <q-input

src/modules/08_registryEmployee/views/Train.vue

@@ -64,7 +64,7 @@
         <q-separator />
         <q-card-section class="q-p-sm">
           <div
-            class="row col-12 items-center q-col-gutter-x-xs q-col-gutter-y-xs"
+            class="row col-12 q-col-gutter-x-xs q-col-gutter-y-xs"
           >
             <div class="col-xs-6 col-sm-6 col-md-6">
               <q-input

src/modules/08_registryEmployee/views/Work.vue

@@ -61,7 +61,7 @@
         <q-separator />
         <q-card-section class="q-p-sm">
           <div
-            class="row col-12 items-center q-col-gutter-x-xs q-col-gutter-y-xs"
+            class="row col-12 q-col-gutter-x-xs q-col-gutter-y-xs"
           >
             <div class="col-xs-6 col-sm-6 col-md-6">
               <datepicker

src/modules/10_order/components/step/step02.vue

@@ -617,7 +617,7 @@ const getClass = (val: boolean) => {
         <q-card-section class="q-pa-sm bg-grey-1">
           <div class="row col-12 q-col-gutter-sm">
             <div class="col-xs-12">
-              <div class="col-12 row q-py-sm items-center q-col-gutter-sm">
+              <div class="col-12 row q-py-sm q-col-gutter-sm">
                 <div class="col-xs-6 col-sm-6 col-md-6">
                   <CurruncyInput
                     :edit="true"