แก้ไข ui ฟอร์มการลา

-จัดโค้ด
-เพิ่ม function

src/modules/05_leave/componenst/Forms/03_Birth.vue

@@ -26,6 +26,7 @@ const formData = reactive<any>({
 	endLeaveDate: null,
 	contractTel: "",
 	leaveTotal: "",
+	leaveLast: "",
 	leaveContactTel: "",
 	leaveContactLocation: "",
 	leaveDetail: "",
@@ -193,12 +194,18 @@ function onValidate() {
 						</q-input>
 					</template>
 				</datepicker>
-				<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) }}
-					</p>
-				</div>
+				<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 />
+				<q-input
+					class="col-12 col-md-3 col-sm-6"
+					dense
+					outlined
+					ref="leaveLastRef"
+					for="leaveLastRef"
+					v-model="formData.leaveLast"
+					label="ลาครั้งสุดท้ายเมื่อวันที่"
+					readonly
+					hide-bottom-space
+				/>
 				<div class="full-width">
 					<div class="q-col-gutter-sm row">
 						<q-input