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

---
 .../componenst/Forms/04_HelpWifeBirthForm.vue       | 10 ++++++++++
 .../componenst/Forms/12_FollowSpouseForm.vue        | 13 +------------
 src/modules/05_leave/store.ts                       |  2 +-
 3 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/src/modules/05_leave/componenst/Forms/04_HelpWifeBirthForm.vue b/src/modules/05_leave/componenst/Forms/04_HelpWifeBirthForm.vue
index f4d7bc7..c9ca7b4 100644
--- a/src/modules/05_leave/componenst/Forms/04_HelpWifeBirthForm.vue
+++ b/src/modules/05_leave/componenst/Forms/04_HelpWifeBirthForm.vue
@@ -101,6 +101,15 @@ function onValidate() {
 		props.onSubmit()
 	}
 }
+
+/**
+ * function อัพเดทค่า LeaveTotal
+ */
+function updateLeaveTotal() {
+	const newLeaveTotal = calculateDurationYmd(formData.startLeaveDate, formData.endLeaveDate)
+	formData.leaveTotal = newLeaveTotal
+	console.log("test")
+}
 </script>
 
 <template>
@@ -186,6 +195,7 @@ function onValidate() {
 					borderless
 					hide-bottom-space
 					:enableTimePicker="false"
+					@update:model-value="updateLeaveTotal"
 					week-start="0"
 					:readonly="!formData.startLeaveDate"
 					:min-date="formData.startLeaveDate ? new Date(formData.startLeaveDate.getTime() + 24 * 60 * 60 * 1000) : null"
diff --git a/src/modules/05_leave/componenst/Forms/12_FollowSpouseForm.vue b/src/modules/05_leave/componenst/Forms/12_FollowSpouseForm.vue
index 9a63621..c88011c 100644
--- a/src/modules/05_leave/componenst/Forms/12_FollowSpouseForm.vue
+++ b/src/modules/05_leave/componenst/Forms/12_FollowSpouseForm.vue
@@ -268,18 +268,7 @@ watch(formData.followHistoryEnd, newVal => {
 						</q-input>
 					</template>
 				</datepicker>
-				<q-input
-					class="col-12 col-md-2 col-sm-6"
-					dense
-					outlined
-					bg-color="white"
-					ref="leaveTotalRef"
-					for="leaveTotalRef"
-					v-model="formData.leaveTotal"
-					label="เป็นเวลา"
-					readonly
-					hide-bottom-space
-				/>
+				<q-input class="col-12 col-md-2 col-sm-6" dense outlined ref="leaveTotalRef" for="leaveTotalRef" v-model="formData.leaveTotal" label="เป็นเวลา" readonly hide-bottom-space />
 				<div class="col-12 col-md-6 col-sm-12">
 					<q-input hide-bottom-space class="col-12 col-sm-12" ref="salaryRef" for="salaryRef" dense outlined v-model="formattSalary" label="เงินเดือนปัจจุบัน" readonly />
 				</div>
diff --git a/src/modules/05_leave/store.ts b/src/modules/05_leave/store.ts
index 0fac74c..c28df00 100644
--- a/src/modules/05_leave/store.ts
+++ b/src/modules/05_leave/store.ts
@@ -139,7 +139,7 @@ export const useLeaveStore = defineStore("Leave", () => {
 	/** รายการประเภทการลาของ ลาอุปสมบทหรือลาประกอบพิธีฮัจย์ฯ*/
 	const optionsOrdination = ref([
 		{ id: "0", name: "ลาอุปสมบท" },
-		{ id: "1", name: "ลาประกอบพิธีฮัจย์" },
+		{ id: "1", name: "ลาประกอบพิธีฮัจย์ฯ" },
 	])
 
 	/** รายการข้อมูลประเภทใบลา */