From b536f4a3c1b21db4ed6b0c6f6dc8c4b5864bfd57 Mon Sep 17 00:00:00 2001
From: AnandaTon <ananda@frappet.com>
Date: Mon, 20 Nov 2023 23:24:06 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88=E0=B8=A1?=
 =?UTF-8?q?=E0=B9=80=E0=B8=87=E0=B8=B7=E0=B9=88=E0=B8=AD=E0=B8=99=E0=B9=84?=
 =?UTF-8?q?=E0=B8=82=20ui=20=E0=B9=81=E0=B8=9A=E0=B8=9A=E0=B8=9F=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=A3=E0=B9=8C=E0=B8=A1=E0=B8=A5=E0=B8=B2=E0=B8=AD=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../05_leave/componenst/Forms/01_SickForm.vue | 17 +++++----
 .../05_leave/componenst/Forms/03_Birth.vue    |  5 +--
 .../componenst/Forms/04_HelpWifeBirthForm.vue |  5 +--
 .../componenst/Forms/05_VacationForm.vue      |  5 +--
 .../componenst/Forms/06_OrdinationForm.vue    | 18 ++++++++--
 .../05_leave/componenst/Forms/07_HajjForm.vue |  7 ++--
 .../componenst/Forms/08_MilitaryForm.vue      | 14 +++++++-
 .../Forms/11_WorkInternationalForm.vue        | 31 +++++++---------
 .../componenst/Forms/12_FollowSpouseForm.vue  |  7 ++--
 .../Forms/13_RehabilitationForm.vue           | 36 ++++++++++++-------
 10 files changed, 94 insertions(+), 51 deletions(-)

diff --git a/src/modules/05_leave/componenst/Forms/01_SickForm.vue b/src/modules/05_leave/componenst/Forms/01_SickForm.vue
index e341e8c..acc1605 100644
--- a/src/modules/05_leave/componenst/Forms/01_SickForm.vue
+++ b/src/modules/05_leave/componenst/Forms/01_SickForm.vue
@@ -26,7 +26,7 @@ const formData = reactive<any>({
 	leaveNo: "",
 	startLeaveDate: null,
 	endLeaveDate: null,
-	halfDay: "half_day_morning",
+	halfDay: "day",
 	contractTel: "",
 	leaveTotal: "",
 	leaveContactTel: "",
@@ -100,11 +100,11 @@ function onValidate() {
 }
 
 const isReadOnly = computed(() => {
-	const condition = formData.halfDay === "half_day_morning" || formData.halfDay === "half_day_afternoon"
-	if (condition) {
-		formData.endLeaveDate = null // Set formData.endLeaveDate to null
+	const conditionHalfDay = formData.halfDay === "half_day_morning" || formData.halfDay === "half_day_afternoon"
+	if (conditionHalfDay) {
+		formData.endLeaveDate = formData.startLeaveDate // Set formData.endLeaveDate to null
 	}
-	return condition
+	return conditionHalfDay
 })
 console.log(isReadOnly.value)
 </script>
@@ -185,6 +185,7 @@ console.log(isReadOnly.value)
 							:enableTimePicker="false"
 							week-start="0"
 							:readonly="isReadOnly"
+							:min-date="formData.startLeaveDate ? new Date(formData.startLeaveDate.getTime() + 24 * 60 * 60 * 1000) : null"
 						>
 							<template #year="{ year }">
 								{{ year + 543 }}
@@ -214,7 +215,11 @@ console.log(isReadOnly.value)
 						<div class="col-12 col-md-4 col-sm-6">
 							<p v-if="formData.startLeaveDate && formData.endLeaveDate" class="text-weight-bold text-subtitle1 q-mb-none" style="padding-top: 7px; color: #26a69a">
 								เป็นเวลา
-								{{ calculateDurationYmd(formData.startLeaveDate, formData.endLeaveDate) }}
+								{{
+									formData.halfDay === "half_day_morning" || formData.halfDay === "half_day_afternoon"
+										? "0.5 วัน"
+										: calculateDurationYmd(formData.startLeaveDate, formData.endLeaveDate)
+								}}
 							</p>
 						</div>
 					</div>
diff --git a/src/modules/05_leave/componenst/Forms/03_Birth.vue b/src/modules/05_leave/componenst/Forms/03_Birth.vue
index e3ad3d7..affcb33 100644
--- a/src/modules/05_leave/componenst/Forms/03_Birth.vue
+++ b/src/modules/05_leave/componenst/Forms/03_Birth.vue
@@ -165,7 +165,8 @@ function onValidate() {
 					hide-bottom-space
 					:enableTimePicker="false"
 					week-start="0"
-					:readonly="!edit"
+					:readonly="!formData.startLeaveDate"
+					:min-date="formData.startLeaveDate ? new Date(formData.startLeaveDate.getTime() + 24 * 60 * 60 * 1000) : null"
 				>
 					<template #year="{ year }">
 						{{ year + 543 }}
@@ -180,7 +181,7 @@ function onValidate() {
 							ref="endLeaveDateRef"
 							for="endLeaveDateRef"
 							hide-bottom-space
-							:readonly="!edit"
+							:readonly="!formData.startLeaveDate"
 							class="full-width datepicker"
 							:model-value="formData.endLeaveDate != null ? date2Thai(formData.endLeaveDate) : null"
 							:label="`${'ลาถึงวันที่'}`"
diff --git a/src/modules/05_leave/componenst/Forms/04_HelpWifeBirthForm.vue b/src/modules/05_leave/componenst/Forms/04_HelpWifeBirthForm.vue
index 3bb8379..cc6ce20 100644
--- a/src/modules/05_leave/componenst/Forms/04_HelpWifeBirthForm.vue
+++ b/src/modules/05_leave/componenst/Forms/04_HelpWifeBirthForm.vue
@@ -187,7 +187,8 @@ function onValidate() {
 					hide-bottom-space
 					:enableTimePicker="false"
 					week-start="0"
-					:readonly="!edit"
+					:readonly="!formData.startLeaveDate"
+					:min-date="formData.startLeaveDate ? new Date(formData.startLeaveDate.getTime() + 24 * 60 * 60 * 1000) : null"
 				>
 					<template #year="{ year }">
 						{{ year + 543 }}
@@ -202,7 +203,7 @@ function onValidate() {
 							ref="endLeaveDateRef"
 							for="endLeaveDateRef"
 							hide-bottom-space
-							:readonly="!edit"
+							:readonly="!formData.startLeaveDate"
 							class="full-width datepicker"
 							:model-value="formData.endLeaveDate != null ? date2Thai(formData.endLeaveDate) : null"
 							:label="`${'ลาถึงวันที่'}`"
diff --git a/src/modules/05_leave/componenst/Forms/05_VacationForm.vue b/src/modules/05_leave/componenst/Forms/05_VacationForm.vue
index 698d501..c42f231 100644
--- a/src/modules/05_leave/componenst/Forms/05_VacationForm.vue
+++ b/src/modules/05_leave/componenst/Forms/05_VacationForm.vue
@@ -203,7 +203,8 @@ function onValidate() {
 					borderless
 					:enableTimePicker="false"
 					week-start="0"
-					:readonly="!edit"
+					:readonly="!formData.startLeaveDate"
+					:min-date="formData.startLeaveDate ? new Date(formData.startLeaveDate.getTime() + 24 * 60 * 60 * 1000) : null"
 				>
 					<template #year="{ year }">
 						{{ year + 543 }}
@@ -218,8 +219,8 @@ function onValidate() {
 							ref="endLeaveDateRef"
 							for="endLeaveDateRef"
 							hide-bottom-space
-							:readonly="!edit"
 							class="full-width datepicker"
+							:readonly="!formData.startLeaveDate"
 							:model-value="formData.endLeaveDate != null ? date2Thai(formData.endLeaveDate) : null"
 							:label="`${'ลาถึงวันที่'}`"
 							:rules="[val => !!val || `${'กรุณาเลือกลาถึงวันที่'}`]"
diff --git a/src/modules/05_leave/componenst/Forms/06_OrdinationForm.vue b/src/modules/05_leave/componenst/Forms/06_OrdinationForm.vue
index df5d253..e40727d 100644
--- a/src/modules/05_leave/componenst/Forms/06_OrdinationForm.vue
+++ b/src/modules/05_leave/componenst/Forms/06_OrdinationForm.vue
@@ -42,8 +42,8 @@ const formData = reactive<any>({
 	writeat: "",
 	government: new Date(),
 	birthday: new Date(),
-	dateLeaveStart: new Date(),
-	dateLeaveEnd: new Date(),
+	dateLeaveStart: null,
+	dateLeaveEnd: null,
 	totalLeave: new Date(),
 	dateOrdination: new Date(),
 	measureLocationName: "",
@@ -150,7 +150,18 @@ function onSubmit() {
 					</template>
 				</datepicker>
 
-				<datepicker class="col-12 col-md-4 col-sm-6" menu-class-name="modalfix" v-model="formData.dateLeaveEnd" :locale="'th'" autoApply borderless :enableTimePicker="false" week-start="0">
+				<datepicker
+					class="col-12 col-md-4 col-sm-6"
+					menu-class-name="modalfix"
+					v-model="formData.dateLeaveEnd"
+					:locale="'th'"
+					autoApply
+					borderless
+					:readonly="!formData.dateLeaveStart"
+					:enableTimePicker="false"
+					:min-date="formData.dateLeaveStart ? new Date(formData.dateLeaveStart.getTime() + 24 * 60 * 60 * 1000) : null"
+					week-start="0"
+				>
 					<template #year="{ year }">
 						{{ year + 543 }}
 					</template>
@@ -167,6 +178,7 @@ function onSubmit() {
 							class="full-width datepicker"
 							:model-value="formData.dateLeaveEnd != null ? date2Thai(formData.dateLeaveEnd) : null"
 							:label="`${'ลาถึงวันที่'}`"
+							:readonly="!formData.dateLeaveStart"
 							:rules="[val => !!val || `${'กรุณาเลือกลาถึงวันที่'}`]"
 						>
 							<template v-slot:prepend>
diff --git a/src/modules/05_leave/componenst/Forms/07_HajjForm.vue b/src/modules/05_leave/componenst/Forms/07_HajjForm.vue
index b939449..90a97e9 100644
--- a/src/modules/05_leave/componenst/Forms/07_HajjForm.vue
+++ b/src/modules/05_leave/componenst/Forms/07_HajjForm.vue
@@ -33,8 +33,8 @@ const props = defineProps({
 const formData = reactive<any>({
 	writeat: "",
 	government: new Date(),
-	dateLeaveStart: new Date(),
-	dateLeaveEnd: new Date(),
+	dateLeaveStart: null,
+	dateLeaveEnd: null,
 	totalLeave: new Date(),
 	monk: "never",
 	file: null,
@@ -145,6 +145,8 @@ function onSubmit() {
 							week-start="0"
 							:enableTimePicker="false"
 							:locale="'th'"
+							:readonly="!formData.dateLeaveStart"
+							:min-date="formData.dateLeaveStart ? new Date(formData.dateLeaveStart.getTime() + 24 * 60 * 60 * 1000) : null"
 						>
 							<template #year="{ year }">
 								{{ year + 543 }}
@@ -159,6 +161,7 @@ function onSubmit() {
 									bg-color="white"
 									outlined
 									dense
+									:readonly="!formData.dateLeaveStart"
 									hide-bottom-space
 									:label="`${'ลาถึงวันที่'}`"
 									:model-value="formData.dateLeaveEnd != null ? date2Thai(formData.dateLeaveEnd) : null"
diff --git a/src/modules/05_leave/componenst/Forms/08_MilitaryForm.vue b/src/modules/05_leave/componenst/Forms/08_MilitaryForm.vue
index f1faf28..ba49070 100644
--- a/src/modules/05_leave/componenst/Forms/08_MilitaryForm.vue
+++ b/src/modules/05_leave/componenst/Forms/08_MilitaryForm.vue
@@ -137,7 +137,18 @@ function onSubmit() {
 					</template>
 				</datepicker>
 
-				<datepicker class="col-12 col-md-4 col-sm-6" menu-class-name="modalfix" v-model="formData.dateLeaveEnd" :locale="'th'" autoApply borderless :enableTimePicker="false" week-start="0">
+				<datepicker
+					class="col-12 col-md-4 col-sm-6"
+					menu-class-name="modalfix"
+					v-model="formData.dateLeaveEnd"
+					:locale="'th'"
+					autoApply
+					borderless
+					:enableTimePicker="false"
+					week-start="0"
+					:readonly="!formData.dateLeaveStart"
+					:min-date="formData.dateLeaveStart ? new Date(formData.dateLeaveStart.getTime() + 24 * 60 * 60 * 1000) : null"
+				>
 					<template #year="{ year }">
 						{{ year + 543 }}
 					</template>
@@ -151,6 +162,7 @@ function onSubmit() {
 							ref="dateLeaveEndRef"
 							bg-color="white"
 							hide-bottom-space
+							:readonly="!formData.dateLeaveStart"
 							class="full-width datepicker"
 							:model-value="formData.dateLeaveEnd != null ? date2Thai(formData.dateLeaveEnd) : null"
 							:label="`${'ลาถึงวันที่'}`"
diff --git a/src/modules/05_leave/componenst/Forms/11_WorkInternationalForm.vue b/src/modules/05_leave/componenst/Forms/11_WorkInternationalForm.vue
index 167dd86..e77b7fb 100644
--- a/src/modules/05_leave/componenst/Forms/11_WorkInternationalForm.vue
+++ b/src/modules/05_leave/componenst/Forms/11_WorkInternationalForm.vue
@@ -6,7 +6,7 @@ import { useQuasar } from "quasar"
 
 const $q = useQuasar()
 const mixin = useCounterMixin()
-const { date2Thai, dialogConfirm } = mixin
+const { date2Thai, dialogConfirm, notifyError } = mixin
 const edit = ref<boolean>(true)
 const filesUpload = ref<any>(null)
 const isSave = ref<boolean>(false)
@@ -85,20 +85,14 @@ function onValidate() {
 
 /** ฟังก์ชั่น บันทึก */
 function onSubmit() {
-	dialogConfirm(
-		$q,
-		async () => {
-			if (isSave.value === false) {
-				props.onSubmit()
-				console.log(formData)
-				isSave.value = true
-			} else {
-				console.log("savefile อัปโหลด", filesUpload.value)
-			}
-		},
-		!isSave.value ? "ยืนยันการยื่นใบลา" : "ยืนยันการอัพโหลดไฟล์",
-		!isSave.value ? "ต้องการยืนยันการยื่นใบลานี้ใช่หรือไม่ ?" : "ต้องการยืนยันการอัพโหลดไฟล์นี้หรือไม่ ?"
-	)
+	dialogConfirm($q, async () => {
+		if (filesUpload.value) {
+			console.log(filesUpload.value)
+		} else {
+			notifyError($q, "กรุณาอัปโหลดแบบฟอร์ม")
+			console.log("false")
+		}
+	})
 }
 </script>
 
@@ -189,7 +183,8 @@ function onSubmit() {
 					borderless
 					:enableTimePicker="false"
 					week-start="0"
-					:readonly="!edit"
+					:readonly="!formData.startLeaveDate"
+					:min-date="formData.startLeaveDate ? new Date(formData.startLeaveDate.getTime() + 24 * 60 * 60 * 1000) : null"
 				>
 					<template #year="{ year }">
 						{{ year + 543 }}
@@ -204,7 +199,7 @@ function onSubmit() {
 							ref="endLeaveDateRef"
 							for="endLeaveDateRef"
 							hide-bottom-space
-							:readonly="!edit"
+							:readonly="!formData.startLeaveDate"
 							class="full-width datepicker"
 							:model-value="formData.endLeaveDate != null ? date2Thai(formData.endLeaveDate) : null"
 							:label="`${'ลาถึงวันที่'}`"
@@ -268,7 +263,7 @@ function onSubmit() {
 			</div>
 		</q-card>
 
-		<div v-if="isSave" class="q-mt-md">
+		<div v-if="formData.leaveNo && formData.endLeaveDate && formData.startLeaveDate" class="q-mt-md">
 			<div style="display: flex; align-items: center">
 				<q-icon name="mdi-numeric-4-circle" size="20px" color="primary" />
 				<div class="q-pl-sm text-weight-bold text-dark">ดาวน์โหลด/อัปโหลดแบบฟอร์ม</div>
diff --git a/src/modules/05_leave/componenst/Forms/12_FollowSpouseForm.vue b/src/modules/05_leave/componenst/Forms/12_FollowSpouseForm.vue
index 387534d..375ac67 100644
--- a/src/modules/05_leave/componenst/Forms/12_FollowSpouseForm.vue
+++ b/src/modules/05_leave/componenst/Forms/12_FollowSpouseForm.vue
@@ -122,7 +122,7 @@ function onValidate() {
 /**
  * function check ว่าถ้ามีค่ามาเเล้วจะเป็น readonly
  */
-const isReadOnly = ref(true)
+const isReadOnly = ref(false)
 watch(formData.followHistoryCountry, newVal => {
 	isReadOnly.value = !!newVal
 })
@@ -230,7 +230,8 @@ watch(formData.followHistoryEnd, newVal => {
 					hide-bottom-space
 					:enableTimePicker="false"
 					week-start="0"
-					:readonly="!edit"
+					:readonly="!formData.startLeaveDate"
+					:min-date="formData.startLeaveDate ? new Date(formData.startLeaveDate.getTime() + 24 * 60 * 60 * 1000) : null"
 				>
 					<template #year="{ year }">
 						{{ year + 543 }}
@@ -245,7 +246,7 @@ watch(formData.followHistoryEnd, newVal => {
 							ref="endLeaveDateRef"
 							for="endLeaveDateRef"
 							hide-bottom-space
-							:readonly="!edit"
+							:readonly="!formData.startLeaveDate"
 							class="full-width datepicker"
 							:model-value="formData.endLeaveDate != null ? date2Thai(formData.endLeaveDate) : null"
 							:label="`${'ลาถึงวันที่'}`"
diff --git a/src/modules/05_leave/componenst/Forms/13_RehabilitationForm.vue b/src/modules/05_leave/componenst/Forms/13_RehabilitationForm.vue
index bd6d237..344417d 100644
--- a/src/modules/05_leave/componenst/Forms/13_RehabilitationForm.vue
+++ b/src/modules/05_leave/componenst/Forms/13_RehabilitationForm.vue
@@ -6,7 +6,7 @@ import type { FormRef13 } from "@/modules/05_leave/interface/request/AddAbsence"
 
 const $q = useQuasar()
 const mixin = useCounterMixin()
-const { date2Thai, dialogConfirm } = mixin
+const { date2Thai, dialogConfirm, notifyError } = mixin
 
 const edit = ref<boolean>(true)
 const isSave = ref<boolean>(false)
@@ -63,18 +63,30 @@ function onValidate() {
 	}
 }
 
+// /** ฟังก์ชั่น บันทึก */
+// function onSubmit() {
+// 	dialogConfirm(
+// 		$q,
+// 		async () => {
+// 			props.onSubmit()
+// 			console.log(formData)
+// 			isSave.value = true
+// 		},
+// 		"ยืนยันการยื่นใบลา",
+// 		"ต้องการยืนยันการยื่นใบลานี้ใช่หรือไม่ ?"
+// 	)
+// }
+
 /** ฟังก์ชั่น บันทึก */
 function onSubmit() {
-	dialogConfirm(
-		$q,
-		async () => {
-			props.onSubmit()
-			console.log(formData)
-			isSave.value = true
-		},
-		"ยืนยันการยื่นใบลา",
-		"ต้องการยืนยันการยื่นใบลานี้ใช่หรือไม่ ?"
-	)
+	dialogConfirm($q, async () => {
+		if (filesUpload.value) {
+			console.log(filesUpload.value)
+		} else {
+			notifyError($q, "กรุณาอัปโหลดแบบฟอร์ม")
+			console.log("false")
+		}
+	})
 }
 
 /** ฟังก์ชั่น อัปโหลด
@@ -202,7 +214,7 @@ function upLoadFile() {
 			</div>
 		</q-card>
 
-		<div v-if="isSave" class="q-mt-md">
+		<div v-if="formData.writeat && formData.dateLeaveStart && formData.dateLeaveEnd" class="q-mt-md">
 			<div style="display: flex; align-items: center">
 				<q-icon name="mdi-numeric-4-circle" size="20px" color="primary" />
 				<div class="q-pl-sm text-weight-bold text-dark">ดาวน์โหลด/อัปโหลดแบบฟอร์ม</div>