From d90af17be55a28f154416ac909336568ff4d3749 Mon Sep 17 00:00:00 2001
From: setthawutttty <trx.setthawut@gmail.com>
Date: Mon, 16 Dec 2024 11:12:18 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=A3=E0=B8=B0=E0=B8=9A=E0=B8=9A=E0=B8=A5?=
 =?UTF-8?q?=E0=B8=B2=20(=E0=B8=82=E0=B8=A3=E0=B8=81.)=20>>=20=E0=B8=A5?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=9B=E0=B9=88=E0=B8=A7=E0=B8=A2=20(=E0=B8=81?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=93=E0=B8=B5=E0=B8=A2=E0=B8=B7=E0=B9=88=E0=B8=99?=
 =?UTF-8?q?=E0=B8=82=E0=B8=AD=E0=B8=A5=E0=B8=B2=E0=B9=80=E0=B8=81=E0=B8=B4?=
 =?UTF-8?q?=E0=B8=99=2030=20=E0=B8=A7=E0=B8=B1=E0=B8=99)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/FormLeave/01_SickForm.vue         | 16 ++++++++++++++--
 src/modules/05_leave/views/AddPage.vue           |  1 +
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/modules/05_leave/components/FormLeave/01_SickForm.vue b/src/modules/05_leave/components/FormLeave/01_SickForm.vue
index 2161100..282e0d0 100644
--- a/src/modules/05_leave/components/FormLeave/01_SickForm.vue
+++ b/src/modules/05_leave/components/FormLeave/01_SickForm.vue
@@ -10,11 +10,14 @@ import { useLeaveStore } from "@/modules/05_leave/store";
 import type { FormRef } from "@/modules/05_leave/interface/request/SickForm";
 
 /** Use */
+const typeForm = defineModel<string>("type", { required: true });
+
 const $q = useQuasar();
 const dataStore = useLeaveStore();
 const mixin = useCounterMixin();
 const { date2Thai, dateToISO, messageError } = mixin;
 const edit = ref<boolean>(true);
+const leaveDocumentRef = ref<any>(null);
 
 /** รับ props มาจากหน้าหลัก */
 const props = defineProps({
@@ -161,6 +164,9 @@ async function fetchCheck() {
     })
     .catch((e: any) => {
       messageError($q, e);
+    })
+    .finally(() => {
+      leaveDocumentRef.value.resetValidation();
     });
 }
 
@@ -241,7 +247,7 @@ onMounted(() => {
     <q-icon name="mdi-numeric-3-circle" size="20px" color="primary" />
     <div class="q-pl-sm text-weight-bold text-dark">กรอกข้อมูล</div>
   </div>
-  <form @submit.prevent.stop="onValidate">
+  <q-form greedy @submit.prevent @validation-success="onValidate">
     <q-card bordered class="q-pa-md bg-grey-1">
       <div class="col-12 row q-pa-sm q-col-gutter-sm">
         <q-input
@@ -470,15 +476,21 @@ onMounted(() => {
           <div class="q-col-gutter-sm row">
             <!-- multiple -->
             <q-file
+              ref="leaveDocumentRef"
               for="leaveDocumentRef"
               v-model="formDataSick.leaveDocument"
               dense
               label="เอกสารประกอบ"
               outlined
               use-chips
+              lazy-rules
               multiple
+              hide-bottom-space
               bg-color="white"
               class="col-12 q-pl-sm col-12"
+              :rules="typeForm == 'LV-001' && formDataSick.leaveTotal >= 30 ?[
+                (val:string) => !!val && val.length >= 30 || `${'กรุณาแนบเอกสารประกอบ หรือ ใบรับรองแพทย์ กรณีลาป่วยตั้งเเต่ 30 วันขึ้นไป'}`,
+              ]:[]"
             >
               <template v-slot:prepend>
                 <q-icon name="attach_file" color="primary" />
@@ -590,5 +602,5 @@ onMounted(() => {
         ><q-tooltip>ยื่นใบลา</q-tooltip></q-btn
       >
     </q-card-actions>
-  </form>
+  </q-form>
 </template>
diff --git a/src/modules/05_leave/views/AddPage.vue b/src/modules/05_leave/views/AddPage.vue
index 5c41202..2f36dd5 100644
--- a/src/modules/05_leave/views/AddPage.vue
+++ b/src/modules/05_leave/views/AddPage.vue
@@ -198,6 +198,7 @@ onMounted(async () => {
             <div class="col-12">
               <SickForm
                 v-if="model === 'LV-001' || model === 'LV-002'"
+                v-model:type="model"
                 :on-submit="onSubmit"
               />
               <FormBirth v-if="model === 'LV-003'" :on-submit="onSubmit" />