delete lazy rule

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

@@ -640,14 +640,14 @@ const createListOrder = async (formData: Object, type: string) => {
       const data = res.data.result;
       localStorage.setItem("orderId", data.id);
 
-  if (
+      if (
-          route.name == "disciplineOrderDatail" ||
+        route.name == "disciplineOrderDatail" ||
-          route.name == "disciplineOrderAdd"
+        route.name == "disciplineOrderAdd"
-        ) {
+      ) {
-          router.push(`/discipline-order/detail/${data.id}?step=${2}`); // สร้างเสร็จแล้วให้ไป Step 2
+        router.push(`/discipline-order/detail/${data.id}?step=${2}`); // สร้างเสร็จแล้วให้ไป Step 2
-        } else {
+      } else {
-          router.push(`/order/detail/${data.id}?step=${2}`); // สร้างเสร็จแล้วให้ไป Step 2
+        router.push(`/order/detail/${data.id}?step=${2}`); // สร้างเสร็จแล้วให้ไป Step 2
-        }
+      }
       next();
       success($q, "บันทึกข้อมูลสำเร็จ");
     })
@@ -822,7 +822,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="typeOrder"
             :rules="[(val: string) => !!val || `${'กรุณาเลือกประเภทคำสั่ง'}`]"
             hide-bottom-space
@@ -844,7 +843,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="nameOrder"
             :rules="[(val) => !!val || `${'กรุณากรอกคำสั่งเรื่อง'}`]"
             :label="`${'คำสั่งเรื่อง'}`"
@@ -857,7 +855,6 @@ const getClass = (val: boolean) => {
               :class="getClass(true)"
               outlined
               dense
-              lazy-rules
               v-model="command"
               hide-bottom-space
               :label="`${'คำสั่งเลขที่'}`"
@@ -935,7 +932,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="byOrder"
             :rules="[(val: string) => !!val || `${'กรุณาเลือกคำสั่งโดย'}`]"
             emit-value
@@ -958,7 +954,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="nameCommand"
             :rules="[(val: string) => !!val || `${'กรุณาเลือกผู้มีอำนาจลงนาม'}`]"
             hide-bottom-space
@@ -987,7 +982,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="positionCommand"
             :rules="[(val) => !!val || `${'กรุณากรอกตำแหน่งผู้มีอำนาจลงนาม'}`]"
             :label="`${'ตำแหน่งผู้มีอำนาจลงนาม'}`"
@@ -1003,7 +997,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="nameCommand"
             :rules="[(val) => !!val || `${'กรุณากรอกผู้มีอำนาจลงนาม'}`]"
             :label="`${'ผู้มีอำนาจลงนาม'}`"
@@ -1018,7 +1011,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="positionCommand"
             :rules="[(val) => !!val || `${'กรุณากรอกตำแหน่งผู้มีอำนาจลงนาม'}`]"
             :label="`${'ตำแหน่งผู้มีอำนาจลงนาม'}`"
@@ -1049,7 +1041,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="examRound"
             :rules="[(val: string) => !!val || `${'กรุณาเลือกรอบการสอบ'}`]"
             hide-bottom-space
@@ -1069,7 +1060,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="conclusionRegisterNo"
             :rules="[
               (val) =>
@@ -1128,7 +1118,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="conclusionResultNo"
             :rules="[
               (val) =>
@@ -1198,7 +1187,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="meeting"
             :rules="[(val) => !!val || `${'กรุณากรอกการประชุม ครั้งที่'}`]"
             :label="`${'การประชุม ครั้งที่'}`"
@@ -1255,7 +1243,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="conclusionReturnNo"
             :rules="[
               (val) =>
@@ -1319,7 +1306,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="organizations"
             :rules="[(val) => !!val || `${'กรุณากกรอกหน่วยงาน'}`]"
             :label="`${'หน่วยงาน'}`"
@@ -1331,7 +1317,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="order"
             :rules="[(val) => !!val || `${'กรุณาเลือกคำสั่งที่'}`]"
             :label="`${'คำสั่งที่'}`"
@@ -1380,7 +1365,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="book"
             :rules="[
               (val) => !!val || `${'กรุณากกรอกหนังสือสำนักงาน ก.พ. ที่ นร'}`,
@@ -1438,7 +1422,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="organizationsOld"
             :rules="[(val) => !!val || `${'กรุณากรอกหน่วยงาน  (ต้นทาง)'}`]"
             :label="`${'ชื่อหน่วยงาน (ต้นทาง)'}`"
@@ -1450,7 +1433,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="orderOld"
             :rules="[(val) => !!val || `${'กรุณาเลือกคำสั่งที่ (ต้นทาง)'}`]"
             :label="`${'คำสั่งที่ (ต้นทาง)'}`"
@@ -1501,7 +1483,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="locationname"
             :rules="[(val) => !!val || `${'กรุณากรอกให้ดำรงตำแหน่ง ณ'}`]"
             :label="`${'ให้ดำรงตำแหน่ง ณ'}`"
@@ -1514,7 +1495,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="experimentOc"
             :rules="[
               (val) =>
@@ -1623,7 +1603,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="chairman"
             :rules="[(val) => !!val || `${'กรุณากรอกชื่อประธาน'}`]"
             :label="`${'ประธาน'}`"
@@ -1636,7 +1615,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="director"
             :rules="[(val) => !!val || `${'กรุณากรอกชื่อกรรมการ'}`]"
             :label="`${'กรรมการ'}`"
@@ -1649,7 +1627,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="director2"
             :rules="[(val) => !!val || `${'กรุณากรอกชื่อกรรมการ'}`]"
             :label="`${'กรรมการ'}`"
@@ -1673,7 +1650,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="committeeOc"
             :rules="[
               (val) => !!val || `${'กรุณาเลือกชื่อหน่วยงาน (อนุสนธิคำสั่ง)'}`,
@@ -1687,7 +1663,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="committeeOrder"
             :rules="[(val) => !!val || `${'กรุณากรอกอนุสนธิคำสั่งที่'}`]"
             :label="`${'อนุสนธิคำสั่งที่'}`"
@@ -1745,7 +1720,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="receiveOc"
             :rules="[(val) => !!val || `${'กรุณากรอกหน่วยงาน'}`]"
             :label="`${'ชื่อหน่วยงาน'}`"
@@ -1764,7 +1738,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="transferOrganizationName"
             :rules="[(val) => !!val || `${'กรุณากรอกส่วนราชการที่ให้โอน'}`]"
             :label="`${'ส่วนราชการที่ให้โอน'}`"
@@ -1776,7 +1749,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="conclusionReceive"
             :rules="[(val) => !!val || `${'กรุณากรอกมติ กก. ครั้งที่'}`]"
             :label="`${'มติ กก. ครั้งที่'}`"
@@ -1836,7 +1808,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="orderNumber"
             :rules="[
               (val) => !!val || `${'กรุณากรอกคำสั่งให้ช่วยราชการเลขที่'}`,
@@ -1896,7 +1867,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="fault"
             :rules="[
               (val) => !!val || `${'กรุณากรอกรายละเอียดการกระทำความผิด'}`,
@@ -1910,7 +1880,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="guiltyBasis"
             :rules="[(val) => !!val || `${'กรุณากรอกฐานความผิด'}`]"
             :label="`${'ฐานความผิด'}`"
@@ -1922,7 +1891,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="conclusionFireNo"
             :rules="[
               (val) =>
@@ -1982,7 +1950,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="conclusionFireResolution"
             :rules="[
               (val) =>
@@ -2010,7 +1977,6 @@ const getClass = (val: boolean) => {
               :class="getClass(true)"
               outlined
               dense
-              lazy-rules
               v-model="complaintId"
               :rules="[(val: string) => !!val || `${'กรุณาเลือกเรื่องร้องเรียน'}`]"
               emit-value
@@ -2031,7 +1997,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="conclusionFireNo"
             :rules="[
               (val) =>
@@ -2091,7 +2056,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="conclusionFireResolution"
             :rules="[
               (val) =>
@@ -2107,7 +2071,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="faultLevel"
             :rules="[(val) => !!val || `${'กรุณากรอกระดับความผิด'}`]"
             :label="`${'ระดับความผิด'}`"
@@ -2119,7 +2082,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="caseFault"
             :rules="[(val) => !!val || `${'กรุณากรอกกรณีความผิด'}`]"
             :label="`${'กรณีความผิด'}`"
@@ -2131,7 +2093,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="result"
             :rules="[(val) => !!val || `${'กรุณากรอกผลดำเนินการพิจารณา'}`]"
             :label="`${'ผลดำเนินการพิจารณา'}`"
@@ -2143,7 +2104,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="refRaw"
             :rules="[(val) => !!val || `${'กรุณากรอกอ้างอิงมาตราตามกฎหมาย'}`]"
             :label="`${'อ้างอิงมาตราตามกฎหมาย'}`"
@@ -2162,7 +2122,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="conclusionTranferNo"
             :rules="[(val) => !!val || `${'กรุณากรอกครั่งที่'}`]"
             hide-bottom-space
@@ -2234,7 +2193,6 @@ const getClass = (val: boolean) => {
               :class="getClass(true)"
               outlined
               dense
-              lazy-rules
               v-model="complaintId"
               :rules="[(val: string) => !!val || `${'กรุณาเลือกเรื่องร้องเรียน'}`]"
               emit-value
@@ -2255,7 +2213,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="faultLevel"
             :rules="[(val) => !!val || `${'กรุณากรอกระดับความผิด'}`]"
             :label="`${'ระดับความผิด'}`"
@@ -2267,7 +2224,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="caseFault"
             :rules="[(val) => !!val || `${'กรุณากรอกกรณีความผิด'}`]"
             :label="`${'กรณีความผิด'}`"
@@ -2279,7 +2235,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="result"
             :rules="[(val) => !!val || `${'กรุณากรอกผลดำเนินการพิจารณา'}`]"
             :label="`${'ผลดำเนินการพิจารณา'}`"
@@ -2291,7 +2246,6 @@ const getClass = (val: boolean) => {
             :class="getClass(true)"
             outlined
             dense
-            lazy-rules
             v-model="refRaw"
             :rules="[(val) => !!val || `${'กรุณากรอกอ้างอิงมาตราตามกฎหมาย'}`]"
             :label="`${'อ้างอิงมาตราตามกฎหมาย'}`"

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

@@ -463,7 +463,6 @@ const updateData = (row: DataCopyOrder) => {
                   multiple
                   :outlined="true"
                   dense
-                  lazy-rules
                   v-model="props.row.mutiselect"
                   :rules="[
                     (val) => !!val || `${'กรุณาเลือกช่องทางการส่งสำเนา'}`,
@@ -527,7 +526,7 @@ const updateData = (row: DataCopyOrder) => {
         @click="saveDataCopyOrder"
         class="q-px-md"
       >
-      <q-tooltip>บันทึกข้อมูล</q-tooltip>
+        <q-tooltip>บันทึกข้อมูล</q-tooltip>
       </q-btn>
     </div>
   </div>

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

@@ -710,7 +710,6 @@ const viewFileUpload = async (url: string) => {
                       v-model="fileOrder"
                       label="เลือกไฟล์คำสั่ง"
                       hide-bottom-space
-                      lazy-rules
                       :rules="[(val) => val || 'กรุณาเลือกไฟล์ไฟล์คำสั่ง']"
                       accept=".pdf"
                     >
@@ -753,7 +752,6 @@ const viewFileUpload = async (url: string) => {
                       v-model="fileTailer"
                       label="เลือกไฟล์เอกสารแนบท้าย"
                       hide-bottom-space
-                      lazy-rules
                       :rules="[(val) => val || 'กรุณาเลือกไฟล์เอกสารแนบท้าย']"
                       accept=".pdf"
                     >
@@ -799,7 +797,6 @@ const viewFileUpload = async (url: string) => {
                     <q-input
                       :outlined="true"
                       dense
-                      lazy-rules
                       :readonly="!true"
                       :borderless="!true"
                       v-model="order"
@@ -830,7 +827,6 @@ const viewFileUpload = async (url: string) => {
                           :disable="orderStatusName == 'ออกคำสั่งแล้ว'"
                           outlined
                           dense
-                          lazy-rules
                           :model-value="years + 543"
                           :rules="[
                             (val) => !!val || `${'กรุณาเลือกปีที่ออกคำสั่ง'}`,

src/modules/11_discipline/components/1_Complaint/Form.vue

@@ -396,7 +396,6 @@ onMounted(() => {
                   hide-bottom-space
                   :options="complainstStore.complainantoptions"
                   :rules="[(val) => !!val || `${'กรุณาเลือกผู้ร้องเรียน'}`]"
-                  lazy-rules
                   @filter="(inputValue: any,
               doneFn: Function) => filterSelector(inputValue, doneFn, 'filterrespondentType'
               )"
@@ -434,7 +433,6 @@ onMounted(() => {
                   :options="complainstStore.organizationIdOp"
                   label="เลือกสำนักงาน"
                   :rules="[(val) => !!val || `${'กรุณาเลือกสำนักงาน'}`]"
-                  lazy-rules
                   @update:model-value="changeFormData()"
                 />
               </div>
@@ -456,7 +454,6 @@ onMounted(() => {
                   emit-value
                   map-options
                   :rules="[(val) => !!val || `${'กรุณาเลือกหน่วยงาน'}`]"
-                  lazy-rules
                   use-input
                   @filter="(inputValue: any,
               doneFn: Function) => filterSelector(inputValue, doneFn, 'filterconsideredAgencytoptions'
@@ -598,7 +595,6 @@ onMounted(() => {
                   hide-bottom-space
                   v-model="formData.title"
                   :rules="[(val) => !!val || 'กรุณากรอกเรื่องร้องเรียน']"
-                  lazy-rules
                   label="เรื่องร้องเรียน"
                   type="textarea"
                   rows="5"
@@ -659,7 +655,7 @@ onMounted(() => {
                       :rules="[
                         (val) => !!val || `${'กรุณาเลือกวันที่รับเรื่อง'}`,
                       ]"
-                      lazy-rules
+
                     >
                       <template v-slot:prepend>
                         <q-icon
@@ -916,7 +912,6 @@ onMounted(() => {
                         @added="fileUploadDoc"
                         label="ไฟล์เอกสารหลักฐาน"
                         hide-bottom-space
-                        lazy-rules
                         accept=".pdf,.xlsx,.docx,.png,.jpg"
                         clearable
                       >

src/modules/11_discipline/components/8_AppealComplain/Form.vue

@@ -308,28 +308,25 @@ function historyStatus() {
 
 /** save ข้อมูล */
 function onSubmit() {
-  dialogConfirm(
+  dialogConfirm($q, async () => {
-    $q,
+    const dataRow = dataStore.rowsAdd;
-    async () => {
+    const data = {
-      const dataRow = dataStore.rowsAdd;
+      profileId: dataRow[0].profileId,
-      const data = {
+      citizenId: dataRow[0].citizenId,
-        profileId: dataRow[0].profileId,
+      fullname: dataRow[0].fullname,
-        citizenId: dataRow[0].citizenId,
+      title: formData.title,
-        fullname: dataRow[0].fullname,
+      description: formData.description,
-        title: formData.title,
+      type: formData.type,
-        description: formData.description,
+      year: formData.year,
-        type: formData.type,
+      caseType: formData.caseType,
-        year: formData.year,
+      caseNumber: formData.caseNumber,
-        caseType: formData.caseType,
+      file: formData.file,
-        caseNumber: formData.caseNumber,
+      oc: dataRow[0].oc,
-        file: formData.file,
+      position: dataRow[0].position,
-        oc: dataRow[0].oc,
+      status: formData.status,
-        position: dataRow[0].position,
+    };
-        status: formData.status,
+    props.onSubmit(data);
-      };
+  });
-      props.onSubmit(data);
-    }
-  );
 }
 
 onMounted(() => {
@@ -339,11 +336,15 @@ onMounted(() => {
 </script>
 <template>
   <div class="row q-col-gutter-xs">
-      <form @submit.prevent="validateForm" class="col-12 row">
+    <form @submit.prevent="validateForm" class="col-12 row">
-        <q-card bordered class="col-12 row">
+      <q-card bordered class="col-12 row">
-          <div class="col-12 row">
+        <div class="col-12 row">
-          <div :class="isReadonly== true ? 'col-sm-12 col-md-9 row no-wrap': 'col-12'">
+          <div
-            <div class=" col-12 q-pa-md">
+            :class="
+              isReadonly == true ? 'col-sm-12 col-md-9 row no-wrap' : 'col-12'
+            "
+          >
+            <div class="col-12 q-pa-md">
               <div class="q-gutter-y-sm">
                 <div class="row q-gutter-x-sm">
                   <div class="col-3">
@@ -360,7 +361,6 @@ onMounted(() => {
                       option-value="id"
                       :options="dataStore.typeOptions"
                       :rules="[(val) => !!val || `${'กรุณาเลือกประเภท'}`]"
-                      lazy-rules
                       hide-bottom-space
                     />
                   </div>
@@ -485,8 +485,9 @@ onMounted(() => {
                       outlined
                       hide-bottom-space
                       v-model="formData.title"
-                      :rules="[(val) => !!val || 'กรุณากรอกเรื่องอุทธรณ์/ร้องทุกข์']"
+                      :rules="[
-                      lazy-rules
+                        (val) => !!val || 'กรุณากรอกเรื่องอุทธรณ์/ร้องทุกข์',
+                      ]"
                       label="เรื่องอุทธรณ์/ร้องทุกข์"
                     />
                   </div>
@@ -503,7 +504,6 @@ onMounted(() => {
                     :rules="[
                       (val) => !!val || 'กรุณากรอกรายละเอียดอุทธรณ์/ร้องทุกข์',
                     ]"
-                    lazy-rules
                     label="รายละเอียดอุทธรณ์/ร้องทุกข์"
                     type="textarea"
                     rows="5"
@@ -528,7 +528,6 @@ onMounted(() => {
                         <q-input
                           dense
                           :class="inputEdit(isReadonly)"
-                          lazy-rules
                           outlined
                           :model-value="Number(formData.year) + 543"
                           :label="`${'ปีงบประมาณ'}`"
@@ -554,7 +553,6 @@ onMounted(() => {
                       dense
                       outlined
                       :rules="[(val) => !!val || 'กรุณากรอกประเภทคดี']"
-                      lazy-rules
                       hide-bottom-space
                       label="ประเภทคดี"
                     />
@@ -567,7 +565,6 @@ onMounted(() => {
                       dense
                       outlined
                       :rules="[(val) => !!val || 'กรุณากรอกเลขที่คดี']"
-                      lazy-rules
                       label="เลขที่คดี"
                       hide-bottom-space
                     />
@@ -575,11 +572,15 @@ onMounted(() => {
                 </div>
               </div>
             </div>
-            <div class="row"><q-separator vertical /></div> 
+            <div class="row"><q-separator vertical /></div>
           </div>
-                <!-- อัพโหลดไฟล์ -->
+          <!-- อัพโหลดไฟล์ -->
           <div v-if="isReadonly" class="col-sm-12 col-md-3 q-pa-md">
-            <q-card bordered class="row col-12" style="border: 1px solid #d6dee1">
+            <q-card
+              bordered
+              class="row col-12"
+              style="border: 1px solid #d6dee1"
+            >
               <div class="col-12 text-weight-medium bg-grey-1 q-py-sm q-px-md">
                 อัปโหลดไฟล์เอกสารหลักฐาน
               </div>
@@ -595,7 +596,6 @@ onMounted(() => {
                     @added="uploadFile"
                     label="ไฟล์เอกสารหลักฐาน"
                     hide-bottom-space
-                    lazy-rules
                     accept=".pdf,.xlsx,.doc"
                     clearable
                   >
@@ -604,15 +604,16 @@ onMounted(() => {
                     </template>
                     <template v-slot:after>
                       <q-btn
-                      v-if="formData.file && isReadonly"
+                        v-if="formData.file && isReadonly"
-                      size="14px"
+                        size="14px"
-                      flat
+                        flat
-                      round
+                        round
-                      dense
+                        dense
-                      color="add"
+                        color="add"
-                      icon="mdi-upload"
+                        icon="mdi-upload"
-                      @click="uploadFile"
+                        @click="uploadFile"
-                      ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn>
+                        ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
+                      >
                     </template>
                   </q-file>
                 </div>
@@ -669,10 +670,8 @@ onMounted(() => {
             >
           </div>
         </div>
-        </q-card>
+      </q-card>
-      </form>
+    </form>
-
-    
   </div>
 
   <DialogAddPersonal
@@ -694,7 +693,6 @@ onMounted(() => {
 </template>
 
 <style lang="scss">
-
 .icon-color {
   color: #4154b3;
 }

src/modules/13_salary/components/SalaryRound/DialogForm.vue

@@ -180,7 +180,6 @@ watch(
             <q-input
             ref="yearRef"
               dense
-              lazy-rules
               :class="inputEdit(isReadonly)"
               hide-bottom-space
               outlined
@@ -215,7 +214,6 @@ watch(
             option-value="id"
             :options="typeOptions"
             :rules="[(val) => !!val || `${'กรุณาเลือกรอบการขึ้นเงินเดือน'}`]"
-            lazy-rules
             hide-bottom-space
           />
           <datepicker
@@ -250,7 +248,6 @@ watch(
                 :rules="[
                   (val) => !!val || `${'กรุณาเลือกวันที่มีผลบังคับใช้งาน'}`,
                 ]"
-                lazy-rules
               >
                 <template v-slot:prepend>
                   <q-icon