diff --git a/src/modules/05_leave/components/FormLeave/01_SickForm.vue b/src/modules/05_leave/components/FormLeave/01_SickForm.vue
index d6bf3c9..5b8b286 100644
--- a/src/modules/05_leave/components/FormLeave/01_SickForm.vue
+++ b/src/modules/05_leave/components/FormLeave/01_SickForm.vue
@@ -169,7 +169,7 @@ const clickDelete = (id: string) => {
  */
 const onClickDelete = async (id: string) => {
 	await http
-		.delete(config.API.leaveUserId(id))
+		.delete(config.API.leaveDocumentId(id))
 		.then(async (res) => {
 			console.log("delete");
 		})
@@ -194,6 +194,10 @@ const isReadOnly = computed(() => {
 	return conditionleaveRange;
 });
 
+/**
+ * แก้ไขClassเมื่อ status เป็น edit
+ * @param val status edit true/false
+ */
 function inputEdit(val: boolean) {
 	return {
 		"full-width cursor-pointer ": val,
@@ -515,8 +519,8 @@ onMounted(() => {
 												:href="document"
 												target="_blank"
 												outline
-												color="blue"
-												label="ดาวน์โหลด"
+												color="add"
+												icon="mdi-upload"
 												size="12px"
 												class="q-mr-md"
 											>
@@ -524,7 +528,7 @@ onMounted(() => {
 											</q-btn>
 											<div>
 												<q-btn
-													@click="clickDelete"
+													@click="clickDelete('requestID')"
 													target="_blank"
 													outline
 													color="red"
diff --git a/src/modules/05_leave/components/FormLeave/03_Birth.vue b/src/modules/05_leave/components/FormLeave/03_Birth.vue
index cd443b4..95eeedb 100644
--- a/src/modules/05_leave/components/FormLeave/03_Birth.vue
+++ b/src/modules/05_leave/components/FormLeave/03_Birth.vue
@@ -154,7 +154,7 @@ const clickDelete = (id: string) => {
  */
 const onClickDelete = async (id: string) => {
 	await http
-		.delete(config.API.leaveUserId(id))
+		.delete(config.API.leaveDocumentId(id))
 		.then(async (res) => {
 			console.log("delete");
 		})
@@ -442,8 +442,8 @@ onMounted(() => {
 												:href="document"
 												target="_blank"
 												outline
-												color="blue"
-												label="ดาวน์โหลด"
+												color="add"
+												icon="mdi-upload"
 												size="12px"
 												class="q-mr-md"
 											>
@@ -451,7 +451,7 @@ onMounted(() => {
 											</q-btn>
 											<div>
 												<q-btn
-													@click="clickDelete"
+													@click="clickDelete('requestID')"
 													target="_blank"
 													outline
 													color="red"
diff --git a/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue b/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue
index 6d0e643..a6f13f7 100644
--- a/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue
+++ b/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue
@@ -54,7 +54,7 @@ const clickDelete = (id: string) => {
  */
 const onClickDelete = async (id: string) => {
 	await http
-		.delete(config.API.leaveUserId(id))
+		.delete(config.API.leaveDocumentId(id))
 		.then(async (res) => {
 			console.log("delete");
 		})
@@ -526,8 +526,8 @@ onMounted(() => {
 												:href="document"
 												target="_blank"
 												outline
-												color="blue"
-												label="ดาวน์โหลด"
+												color="add"
+												icon="mdi-upload"
 												size="12px"
 												class="q-mr-md"
 											>
@@ -535,7 +535,7 @@ onMounted(() => {
 											</q-btn>
 											<div>
 												<q-btn
-													@click="clickDelete"
+													@click="clickDelete('requestID')"
 													target="_blank"
 													outline
 													color="red"
diff --git a/src/modules/05_leave/components/FormLeave/05_VacationForm.vue b/src/modules/05_leave/components/FormLeave/05_VacationForm.vue
index 09de3c5..b251ca4 100644
--- a/src/modules/05_leave/components/FormLeave/05_VacationForm.vue
+++ b/src/modules/05_leave/components/FormLeave/05_VacationForm.vue
@@ -138,7 +138,7 @@ const clickDelete = (id: string) => {
  */
 const onClickDelete = async (id: string) => {
 	await http
-		.delete(config.API.leaveUserId(id))
+		.delete(config.API.leaveDocumentId(id))
 		.then(async (res) => {
 			console.log("delete");
 		})
@@ -525,8 +525,8 @@ onMounted(() => {
 												:href="document"
 												target="_blank"
 												outline
-												color="blue"
-												label="ดาวน์โหลด"
+												color="add"
+												icon="mdi-upload"
 												size="12px"
 												class="q-mr-md"
 											>
@@ -534,7 +534,7 @@ onMounted(() => {
 											</q-btn>
 											<div>
 												<q-btn
-													@click="clickDelete"
+													@click="clickDelete('requestID')"
 													target="_blank"
 													outline
 													color="red"
diff --git a/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue b/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue
index 5bfcfa9..7df86c6 100644
--- a/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue
+++ b/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue
@@ -265,7 +265,7 @@ const clickDelete = (id: string) => {
  */
 const onClickDelete = async (id: string) => {
 	await http
-		.delete(config.API.leaveUserId(id))
+		.delete(config.API.leaveDocumentId(id))
 		.then(async (res) => {
 			console.log("delete");
 		})
@@ -707,8 +707,8 @@ const onClickDelete = async (id: string) => {
 												:href="document"
 												target="_blank"
 												outline
-												color="blue"
-												label="ดาวน์โหลด"
+												color="add"
+												icon="mdi-upload"
 												size="12px"
 												class="q-mr-md"
 											>
@@ -716,7 +716,7 @@ const onClickDelete = async (id: string) => {
 											</q-btn>
 											<div>
 												<q-btn
-													@click="clickDelete"
+													@click="clickDelete('requestID')"
 													target="_blank"
 													outline
 													color="red"
diff --git a/src/modules/05_leave/components/FormLeave/07_HajjForm.vue b/src/modules/05_leave/components/FormLeave/07_HajjForm.vue
index b56bb86..edb93be 100644
--- a/src/modules/05_leave/components/FormLeave/07_HajjForm.vue
+++ b/src/modules/05_leave/components/FormLeave/07_HajjForm.vue
@@ -199,7 +199,7 @@ const clickDelete = (id: string) => {
  */
 const onClickDelete = async (id: string) => {
 	await http
-		.delete(config.API.leaveUserId(id))
+		.delete(config.API.leaveDocumentId(id))
 		.then(async (res) => {
 			console.log("delete");
 		})
@@ -472,8 +472,8 @@ const onClickDelete = async (id: string) => {
 												:href="document"
 												target="_blank"
 												outline
-												color="blue"
-												label="ดาวน์โหลด"
+												color="add"
+												icon="mdi-upload"
 												size="12px"
 												class="q-mr-md"
 											>
@@ -481,7 +481,7 @@ const onClickDelete = async (id: string) => {
 											</q-btn>
 											<div>
 												<q-btn
-													@click="clickDelete"
+													@click="clickDelete('requestID')"
 													target="_blank"
 													outline
 													color="red"
diff --git a/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue b/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue
index 28a7530..e830bcd 100644
--- a/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue
+++ b/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue
@@ -166,7 +166,7 @@ const clickDelete = (id: string) => {
  */
 const onClickDelete = async (id: string) => {
 	await http
-		.delete(config.API.leaveUserId(id))
+		.delete(config.API.leaveDocumentId(id))
 		.then(async (res) => {
 			console.log("delete");
 		})
@@ -527,8 +527,8 @@ onMounted(() => {
 													:href="document"
 													target="_blank"
 													outline
-													color="blue"
-													label="ดาวน์โหลด"
+													color="add"
+													icon="mdi-upload"
 													size="12px"
 													class="q-mr-md"
 												>
@@ -536,7 +536,7 @@ onMounted(() => {
 												</q-btn>
 												<div>
 													<q-btn
-														@click="clickDelete"
+														@click="clickDelete('requestID')"
 														target="_blank"
 														outline
 														color="red"
diff --git a/src/modules/05_leave/components/FormLeave/09_StudyForm.vue b/src/modules/05_leave/components/FormLeave/09_StudyForm.vue
index 52dc7ad..b0a47aa 100644
--- a/src/modules/05_leave/components/FormLeave/09_StudyForm.vue
+++ b/src/modules/05_leave/components/FormLeave/09_StudyForm.vue
@@ -165,7 +165,7 @@ const clickDelete = (id: string) => {
  */
 const onClickDelete = async (id: string) => {
 	await http
-		.delete(config.API.leaveUserId(id))
+		.delete(config.API.leaveDocumentId(id))
 		.then(async (res) => {
 			console.log("delete");
 		})
@@ -683,8 +683,8 @@ onMounted(async () => {
 													:href="document"
 													target="_blank"
 													outline
-													color="blue"
-													label="ดาวน์โหลด"
+													color="add"
+													icon="mdi-upload"
 													size="12px"
 													class="q-mr-md"
 												>
@@ -692,7 +692,7 @@ onMounted(async () => {
 												</q-btn>
 												<div>
 													<q-btn
-														@click="clickDelete"
+														@click="clickDelete('requestID')"
 														target="_blank"
 														outline
 														color="red"
diff --git a/src/modules/05_leave/components/FormLeave/10_TrainForm.vue b/src/modules/05_leave/components/FormLeave/10_TrainForm.vue
index 6a7bccb..b9ba209 100644
--- a/src/modules/05_leave/components/FormLeave/10_TrainForm.vue
+++ b/src/modules/05_leave/components/FormLeave/10_TrainForm.vue
@@ -186,7 +186,7 @@ const clickDelete = (id: string) => {
  */
 const onClickDelete = async (id: string) => {
 	await http
-		.delete(config.API.leaveUserId(id))
+		.delete(config.API.leaveDocumentId(id))
 		.then(async (res) => {
 			console.log("delete");
 		})
@@ -672,8 +672,8 @@ onMounted(async () => {
 													:href="document"
 													target="_blank"
 													outline
-													color="blue"
-													label="ดาวน์โหลด"
+													color="add"
+													icon="mdi-upload"
 													size="12px"
 													class="q-mr-md"
 												>
@@ -681,7 +681,7 @@ onMounted(async () => {
 												</q-btn>
 												<div>
 													<q-btn
-														@click="clickDelete"
+														@click="clickDelete('requestID')"
 														target="_blank"
 														outline
 														color="red"
diff --git a/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue b/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue
index 1be7d2d..bd4e215 100644
--- a/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue
+++ b/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue
@@ -153,7 +153,7 @@ const clickDelete = (id: string) => {
  */
 const onClickDelete = async (id: string) => {
 	await http
-		.delete(config.API.leaveUserId(id))
+		.delete(config.API.leaveDocumentId(id))
 		.then(async (res) => {
 			console.log("delete");
 		})
@@ -423,8 +423,8 @@ onMounted(() => {
 												:href="document"
 												target="_blank"
 												outline
-												color="blue"
-												label="ดาวน์โหลด"
+												color="add"
+												icon="mdi-upload"
 												size="12px"
 												class="q-mr-md"
 											>
@@ -432,7 +432,7 @@ onMounted(() => {
 											</q-btn>
 											<div>
 												<q-btn
-													@click="clickDelete"
+													@click="clickDelete('requestID')"
 													target="_blank"
 													outline
 													color="red"
diff --git a/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue b/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue
index a02748c..8ee71ab 100644
--- a/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue
+++ b/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue
@@ -209,7 +209,7 @@ const clickDelete = (id: string) => {
  */
 const onClickDelete = async (id: string) => {
 	await http
-		.delete(config.API.leaveUserId(id))
+		.delete(config.API.leaveDocumentId(id))
 		.then(async (res) => {
 			console.log("delete");
 		})
@@ -745,8 +745,8 @@ onMounted(async () => {
 												:href="document"
 												target="_blank"
 												outline
-												color="blue"
-												label="ดาวน์โหลด"
+												color="add"
+												icon="mdi-upload"
 												size="12px"
 												class="q-mr-md"
 											>
@@ -754,7 +754,7 @@ onMounted(async () => {
 											</q-btn>
 											<div>
 												<q-btn
-													@click="clickDelete"
+													@click="clickDelete('requestID')"
 													target="_blank"
 													outline
 													color="red"
diff --git a/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue b/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue
index d150cac..b4b72a6 100644
--- a/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue
+++ b/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue
@@ -170,7 +170,7 @@ const clickDelete = (id: string) => {
  */
 const onClickDelete = async (id: string) => {
 	await http
-		.delete(config.API.leaveUserId(id))
+		.delete(config.API.leaveDocumentId(id))
 		.then(async (res) => {
 			console.log("delete");
 		})
@@ -393,8 +393,8 @@ onMounted(() => {
 													:href="document"
 													target="_blank"
 													outline
-													color="blue"
-													label="ดาวน์โหลด"
+													color="add"
+													icon="mdi-upload"
 													size="12px"
 													class="q-mr-md"
 												>
@@ -402,7 +402,7 @@ onMounted(() => {
 												</q-btn>
 												<div>
 													<q-btn
-														@click="clickDelete"
+														@click="clickDelete('requestID')"
 														target="_blank"
 														outline
 														color="red"
diff --git a/src/modules/05_leave/views/EditPage.vue b/src/modules/05_leave/views/EditPage.vue
index 1eb1f97..5464aec 100644
--- a/src/modules/05_leave/views/EditPage.vue
+++ b/src/modules/05_leave/views/EditPage.vue
@@ -31,78 +31,78 @@ const dataStore = useLeaveStore();
 const $q = useQuasar();
 const mixin = useCounterMixin();
 const {
-  messageError,
-  showLoader,
-  hideLoader,
-  dialogConfirm,
-  success,
-  date2Thai,
-  dateToISO,
+	messageError,
+	showLoader,
+	hideLoader,
+	dialogConfirm,
+	success,
+	date2Thai,
+	dateToISO,
 } = mixin;
 
 const titleName = ref<string>("");
 /** Form รายละเอียดข้อมูล*/
 const formData = reactive<any>({
-  id: "", //Id การยื่นขอลา
-  leaveTypeName: "", // Name ประเภทการลา
-  leaveTypeId: "", //Id ประเภทการลา
-  fullname: "", //คำนำหน้า ชื่อ นามสกุล คนขอลา
-  dateSendLeave: null, // วันที่ยืนใบลา
-  status: "", //สถานะการของลา
-  leaveDateStart: null, //วันเริ่มการลา
-  leaveDateEnd: null, //วันสิ้นสุดการลา
-  leaveCount: 0, //จำนวนวันลา
-  leaveWrote: "", //เขียนที่
-  leaveAddress: "", //สถานที่ติดต่อขณะลา
-  leaveNumber: "", //หมายเลขที่ติดต่อขณะลา
-  leaveDetail: "", //รายละเอียดการลา
-  leaveDocument: [], //อัปโหลดเอกสารประกอบรายละเอียด
-  leaveDraftDocument: "", //อัปโหลดแบบฟอร์มการลา
-  leaveLastStart: null, //ลาครั้งสุดท้ายในประเภทนั้น ๆ เริ่มเมื่อวันที่(ลาป่วย ลาคลอดบุตร และลากิจส่วนตัว)(Auto)
-  leaveLastEnd: null, //ลาครั้งสุดท้ายในประเภทนั้น ๆ สิ้นสุดเมื่อวันที่(ลาป่วย ลาคลอดบุตร และลากิจส่วนตัว)(Auto)
-  leaveTotal: 0, //จำนวนวันที่ลา(Auto)
-  leavebirthDate: null, //วันเดือนปีเกิด(Auto)
-  leavegovernmentDate: null, //วันที่เข้ารับราชการ(Auto)
-  leaveSalary: 0, //เงินเดือนปัจจุบัน(Auto)
-  leaveSalaryText: "", //เงินเดือนปัจจุบัน(เขียนเป็นคำอ่าน)
-  leaveTypeDay: "", //ประเภทการลาในวันนั้นเช่น
-  wifeDayName: "", //ชื่อภรรยา(ลาไปช่วยเหลือภริยาที่คลอดบุตร)
-  wifeDayDateBorn: null, //วันที่คลอด(ลาไปช่วยเหลือภริยาที่คลอดบุตร)
-  restDayOldTotal: 0, //จำนวนวันลาพักผ่อนสะสม จากปีที่ผ่านมา(ลาพักผ่อน)(Auto)
-  restDayCurrentTotal: 0, //จำนวนวันลาพักผ่อนประจำปีปัจจุบัน(ลาพักผ่อน)(Auto)
-  ordainDayStatus: "", //เคย/ไม่เคยบวช (ให้เลือก) (ลาอุปสมบท)
-  ordainDayLocationName: "", //สถานที่บวช ชื่อวัด(ลาอุปสมบท)
-  ordainDayLocationAddress: "", //สถานที่บวช ที่อยู่(ลาอุปสมบท)
-  ordainDayLocationNumber: "", //สถานที่บวช หมายเลขโทรศัพท์(ลาอุปสมบท)
-  ordainDayOrdination: null, //สถานที่บวช วันอุปสมบท(ลาอุปสมบท)
-  ordainDayBuddhistLentName: "", //สถานที่จำพรรษา ชื่อวัด(ลาอุปสมบท)
-  ordainDayBuddhistLentAddress: "", //สถานที่จำพรรษา ที่อยู่(ลาอุปสมบท)
-  hajjDayStatus: "", //เคย/ไม่เคยไปประกอบพิธีฮัจญ์ (ให้เลือก) (ลาประกอบพิธีฮัจญ์)
-  absentDaySummon: "", //ได้รับหมายเรียกของ (ลาเข้ารับการตรวจเลือกหรือเข้ารับการเตรียมพล)
-  absentDayLocation: "", //ที่ (ลาเข้ารับการตรวจเลือกหรือเข้ารับการเตรียมพล)
-  absentDayRegistorDate: null, //ลงวันที่ (ลาเข้ารับการตรวจเลือกหรือเข้ารับการเตรียมพล)
-  absentDayGetIn: "", //ให้เข้ารับการ (ลาเข้ารับการตรวจเลือกหรือเข้ารับการเตรียมพล)
-  absentDayAt: "", //ณ ที่ (ลาเข้ารับการตรวจเลือกหรือเข้ารับการเตรียมพล)
-  studyDaySubject: "", //กรณีลาไปศึกษาต่อ ศึกษาวิชา (ลาไปศึกษา ฝึกอบรม ปฏิบัติการวิจัย หรือดูงาน)
-  studyDayDegreeLevel: "", //กรณีลาไปศึกษาต่อ ขั้นปริญญา (ลาไปศึกษา ฝึกอบรม ปฏิบัติการวิจัย หรือดูงาน)
-  studyDayUniversityName: "", //กรณีลาไปศึกษาต่อ ชื่อสถานศึกษา (ลาไปศึกษา ฝึกอบรม ปฏิบัติการวิจัย หรือดูงาน)
-  studyDayTrainingSubject: "", //กรณีลาไปฝึกอบรม ปฏิบัติการวิจัย หรือดูงาน ด้าน/หลักสูตร (ลาไปศึกษา ฝึกอบรม ปฏิบัติการวิจัย หรือดูงาน)
-  studyDayTrainingName: "", //กรณีลาไปฝึกอบรม ปฏิบัติการวิจัย หรือดูงาน ณ สถานที่	(ลาไปศึกษา ฝึกอบรม ปฏิบัติการวิจัย หรือดูงาน)
-  studyDayCountry: "", //ประเทศ (ลาไปศึกษา ฝึกอบรม ปฏิบัติการวิจัย หรือดูงาน)
-  studyDayScholarship: "", //ด้วยทุน (ลาไปศึกษา ฝึกอบรม ปฏิบัติการวิจัย หรือดูงาน)
-  coupleDayName: "", //ชื่อคู่สมรส (ลาติดตามคู่สมรส)
-  coupleDayPosition: "", //ตำแหน่งคู่สมรส (ลาติดตามคู่สมรส)
-  coupleDayLevel: "", //ระดับคู่สมรส (ลาติดตามคู่สมรส)
-  coupleDayLevelCountry: "", //ไปปฏิบัติราชการ ณ ประเทศ (ลาติดตามคู่สมรส)
-  coupleDayCountryHistory: "", //ประวัติ ประเทศ (ลาติดตามคู่สมรส)
-  coupleDayTotalHistory: "", //ประวัติ เป็นเวลา กี่ปี กี่เดือน กี่วัน (ลาติดตามคู่สมรส)
-  coupleDayStartDateHistory: null, //ประวัติ ตั้งแต่วันที่ (ลาติดตามคู่สมรส)
-  coupleDayEndDateHistory: null, //ประวัติ ถึงวันที่ (ลาติดตามคู่สมรส)
-  coupleDaySumTotalHistory: "", //ประวัติ ในกรณีลาติดต่อกับครั้งก่อน รวมทั้งนี้ด้วย เป็นเวลา กี่ปี กี่เดือน กี่วัน (ลาติดตามคู่สมรส)
-  approveStep: "",
-  dear: "",
-  leaveLast: "",
-  leaveRange: "",
+	id: "", //Id การยื่นขอลา
+	leaveTypeName: "", // Name ประเภทการลา
+	leaveTypeId: "", //Id ประเภทการลา
+	fullname: "", //คำนำหน้า ชื่อ นามสกุล คนขอลา
+	dateSendLeave: null, // วันที่ยืนใบลา
+	status: "", //สถานะการของลา
+	leaveDateStart: null, //วันเริ่มการลา
+	leaveDateEnd: null, //วันสิ้นสุดการลา
+	leaveCount: 0, //จำนวนวันลา
+	leaveWrote: "", //เขียนที่
+	leaveAddress: "", //สถานที่ติดต่อขณะลา
+	leaveNumber: "", //หมายเลขที่ติดต่อขณะลา
+	leaveDetail: "", //รายละเอียดการลา
+	leaveDocument: [], //อัปโหลดเอกสารประกอบรายละเอียด
+	leaveDraftDocument: "", //อัปโหลดแบบฟอร์มการลา
+	leaveLastStart: null, //ลาครั้งสุดท้ายในประเภทนั้น ๆ เริ่มเมื่อวันที่(ลาป่วย ลาคลอดบุตร และลากิจส่วนตัว)(Auto)
+	leaveLastEnd: null, //ลาครั้งสุดท้ายในประเภทนั้น ๆ สิ้นสุดเมื่อวันที่(ลาป่วย ลาคลอดบุตร และลากิจส่วนตัว)(Auto)
+	leaveTotal: 0, //จำนวนวันที่ลา(Auto)
+	leavebirthDate: null, //วันเดือนปีเกิด(Auto)
+	leavegovernmentDate: null, //วันที่เข้ารับราชการ(Auto)
+	leaveSalary: 0, //เงินเดือนปัจจุบัน(Auto)
+	leaveSalaryText: "", //เงินเดือนปัจจุบัน(เขียนเป็นคำอ่าน)
+	leaveTypeDay: "", //ประเภทการลาในวันนั้นเช่น
+	wifeDayName: "", //ชื่อภรรยา(ลาไปช่วยเหลือภริยาที่คลอดบุตร)
+	wifeDayDateBorn: null, //วันที่คลอด(ลาไปช่วยเหลือภริยาที่คลอดบุตร)
+	restDayOldTotal: 0, //จำนวนวันลาพักผ่อนสะสม จากปีที่ผ่านมา(ลาพักผ่อน)(Auto)
+	restDayCurrentTotal: 0, //จำนวนวันลาพักผ่อนประจำปีปัจจุบัน(ลาพักผ่อน)(Auto)
+	ordainDayStatus: "", //เคย/ไม่เคยบวช (ให้เลือก) (ลาอุปสมบท)
+	ordainDayLocationName: "", //สถานที่บวช ชื่อวัด(ลาอุปสมบท)
+	ordainDayLocationAddress: "", //สถานที่บวช ที่อยู่(ลาอุปสมบท)
+	ordainDayLocationNumber: "", //สถานที่บวช หมายเลขโทรศัพท์(ลาอุปสมบท)
+	ordainDayOrdination: null, //สถานที่บวช วันอุปสมบท(ลาอุปสมบท)
+	ordainDayBuddhistLentName: "", //สถานที่จำพรรษา ชื่อวัด(ลาอุปสมบท)
+	ordainDayBuddhistLentAddress: "", //สถานที่จำพรรษา ที่อยู่(ลาอุปสมบท)
+	hajjDayStatus: "", //เคย/ไม่เคยไปประกอบพิธีฮัจญ์ (ให้เลือก) (ลาประกอบพิธีฮัจญ์)
+	absentDaySummon: "", //ได้รับหมายเรียกของ (ลาเข้ารับการตรวจเลือกหรือเข้ารับการเตรียมพล)
+	absentDayLocation: "", //ที่ (ลาเข้ารับการตรวจเลือกหรือเข้ารับการเตรียมพล)
+	absentDayRegistorDate: null, //ลงวันที่ (ลาเข้ารับการตรวจเลือกหรือเข้ารับการเตรียมพล)
+	absentDayGetIn: "", //ให้เข้ารับการ (ลาเข้ารับการตรวจเลือกหรือเข้ารับการเตรียมพล)
+	absentDayAt: "", //ณ ที่ (ลาเข้ารับการตรวจเลือกหรือเข้ารับการเตรียมพล)
+	studyDaySubject: "", //กรณีลาไปศึกษาต่อ ศึกษาวิชา (ลาไปศึกษา ฝึกอบรม ปฏิบัติการวิจัย หรือดูงาน)
+	studyDayDegreeLevel: "", //กรณีลาไปศึกษาต่อ ขั้นปริญญา (ลาไปศึกษา ฝึกอบรม ปฏิบัติการวิจัย หรือดูงาน)
+	studyDayUniversityName: "", //กรณีลาไปศึกษาต่อ ชื่อสถานศึกษา (ลาไปศึกษา ฝึกอบรม ปฏิบัติการวิจัย หรือดูงาน)
+	studyDayTrainingSubject: "", //กรณีลาไปฝึกอบรม ปฏิบัติการวิจัย หรือดูงาน ด้าน/หลักสูตร (ลาไปศึกษา ฝึกอบรม ปฏิบัติการวิจัย หรือดูงาน)
+	studyDayTrainingName: "", //กรณีลาไปฝึกอบรม ปฏิบัติการวิจัย หรือดูงาน ณ สถานที่	(ลาไปศึกษา ฝึกอบรม ปฏิบัติการวิจัย หรือดูงาน)
+	studyDayCountry: "", //ประเทศ (ลาไปศึกษา ฝึกอบรม ปฏิบัติการวิจัย หรือดูงาน)
+	studyDayScholarship: "", //ด้วยทุน (ลาไปศึกษา ฝึกอบรม ปฏิบัติการวิจัย หรือดูงาน)
+	coupleDayName: "", //ชื่อคู่สมรส (ลาติดตามคู่สมรส)
+	coupleDayPosition: "", //ตำแหน่งคู่สมรส (ลาติดตามคู่สมรส)
+	coupleDayLevel: "", //ระดับคู่สมรส (ลาติดตามคู่สมรส)
+	coupleDayLevelCountry: "", //ไปปฏิบัติราชการ ณ ประเทศ (ลาติดตามคู่สมรส)
+	coupleDayCountryHistory: "", //ประวัติ ประเทศ (ลาติดตามคู่สมรส)
+	coupleDayTotalHistory: "", //ประวัติ เป็นเวลา กี่ปี กี่เดือน กี่วัน (ลาติดตามคู่สมรส)
+	coupleDayStartDateHistory: null, //ประวัติ ตั้งแต่วันที่ (ลาติดตามคู่สมรส)
+	coupleDayEndDateHistory: null, //ประวัติ ถึงวันที่ (ลาติดตามคู่สมรส)
+	coupleDaySumTotalHistory: "", //ประวัติ ในกรณีลาติดต่อกับครั้งก่อน รวมทั้งนี้ด้วย เป็นเวลา กี่ปี กี่เดือน กี่วัน (ลาติดตามคู่สมรส)
+	approveStep: "",
+	dear: "",
+	leaveLast: "",
+	leaveRange: "",
 });
 
 /**
@@ -110,352 +110,350 @@ const formData = reactive<any>({
  * @param id การลา
  */
 async function fetchDataDetail(id: string) {
-  showLoader();
-  await http
-    .get(config.API.leaveUserId(id), {})
-    .then(async (res) => {
-      const data = await res.data.result;
+	showLoader();
+	await http
+		.get(config.API.leaveUserId(id), {})
+		.then(async (res) => {
+			const data = await res.data.result;
 
-      dataStore.typeId = data.leaveTypeId;
+			dataStore.typeId = data.leaveTypeId;
 
-      titleName.value = data.fullName ?? "-";
-      formData.id = data.id ?? "-";
-      formData.leaveTypeName = data.leaveTypeName ?? "-";
-      formData.leaveTypeId = data.leaveTypeId ?? "-";
-      formData.fullname = data.fullName ?? "-";
-      formData.dateSendLeave =
-        data.dateSendLeave && date2Thai(data.dateSendLeave);
-      formData.status = data.status ?? "-";
-      formData.leaveStartDate = data.leaveStartDate;
-      // console.log(formData.leaveDateStart)
-      formData.leaveEndDate = data.leaveEndDate;
-      // console.log(formData.leaveDateEnd)
-      formData.leaveCount = data.leaveTotal ?? "-";
-      formData.leaveWrote = data.leaveWrote ?? "-";
-      formData.leaveAddress = data.leaveAddress ?? "-";
-      formData.leaveNumber = data.leaveNumber ?? "-";
-      formData.leaveDetail = data.leaveDetail ?? "-";
-      formData.leaveDocument = data.leaveDocument;
-      formData.leaveDraftDocument = data.leaveDraftDocument;
-      formData.leaveLastStart =
-        data.leaveLastStart && date2Thai(data.leaveLastStart);
-      formData.leaveLastEnd =
-        data.leaveLastStart && date2Thai(data.leaveLastEnd);
-      formData.leaveTotal = data.leaveTotal;
-      formData.leavebirthDate =
-        data.leaveBirthDate && date2Thai(data.leaveBirthDate);
-      formData.leavegovernmentDate =
-        data.leaveGovernmentDate && date2Thai(data.leaveGovernmentDate);
-      formData.leaveSalary = data.leaveSalary ?? "-";
-      formData.leaveSalaryText = data.leaveSalaryText ?? "-";
-      formData.wifeDayName = data.wifeDayName ?? "-";
-      formData.wifeDayDateBorn =
-        data.wifeDayDateBorn && date2Thai(data.wifeDayDateBorn);
-      formData.restDayOldTotal = data.restDayOldTotal ?? "-";
-      formData.restDayCurrentTotal = data.restDayCurrentTotal ?? "-";
-      formData.ordainDayStatus = data.ordainDayStatus;
-      formData.ordainDayLocationName = data.ordainDayLocationName ?? "-";
-      formData.ordainDayLocationAddress = data.ordainDayLocationAddress ?? "-";
-      formData.ordainDayLocationNumber = data.ordainDayLocationNumber ?? "-";
-      formData.ordainDayOrdination = data.ordainDayOrdination;
-      formData.ordainDayBuddhistLentName =
-        data.ordainDayBuddhistLentName ?? "-";
-      formData.ordainDayBuddhistLentAddress =
-        data.ordainDayBuddhistLentAddress ?? "-";
-      formData.hajjDayStatus = data.hajjDayStatus;
-      formData.absentDaySummon = data.absentDaySummon ?? "-";
-      formData.absentDayLocation = data.absentDayLocation ?? "-";
-      formData.absentDayRegistorDate = data.absentDayRegistorDate;
-      formData.absentDayGetIn = data.absentDayGetIn ?? "-";
-      formData.absentDayAt = data.absentDayAt ?? "-";
-      formData.studyDaySubject = data.studyDaySubject ?? "-";
-      formData.studyDayDegreeLevel = data.studyDayDegreeLevel ?? "-";
-      formData.studyDayUniversityName = data.studyDayUniversityName ?? "-";
-      formData.studyDayTrainingSubject =
-        data.studyDayTrainingSubject ?? "-" ?? "-";
-      formData.studyDayTrainingName = data.studyDayTrainingName ?? "-";
-      formData.studyDayCountry = data.studyDayCountry ?? "-";
-      formData.studyDayScholarship = data.studyDayScholarship ?? "-";
-      formData.coupleDayName = data.coupleDayName ?? "-";
-      formData.coupleDayPosition = data.coupleDayPosition ?? "-";
-      formData.coupleDayLevel = data.coupleDayLevel ?? "-";
-      formData.coupleDayLevelCountry = data.coupleDayLevelCountry ?? "-";
-      formData.coupleDayCountryHistory = data.coupleDayCountryHistory ?? "-";
-      formData.coupleDayTotalHistory = data.coupleDayTotalHistory ?? "-";
-      formData.coupleDayStartDateHistory = data.coupleDayStartDateHistory;
-      formData.coupleDayEndDateHistory = data.coupleDayEndDateHistory;
-      formData.coupleDaySumTotalHistory = data.coupleDaySumTotalHistory ?? "-";
-      formData.approveStep = data.approveStep ?? "-";
-      formData.dear = data.dear ?? "-";
-      formData.leaveLast = data.leaveLast ?? "-";
-      formData.leaveRange = data.leaveRange;
-      
-      // checkLeaveType(formData.leaveTypeId, formData.leaveTypeName)
+			titleName.value = data.fullName ?? "-";
+			formData.id = data.id ?? "-";
+			formData.leaveTypeName = data.leaveTypeName ?? "-";
+			formData.leaveTypeId = data.leaveTypeId ?? "-";
+			formData.fullname = data.fullName ?? "-";
+			formData.dateSendLeave =
+				data.dateSendLeave && date2Thai(data.dateSendLeave);
+			formData.status = data.status ?? "-";
+			formData.leaveStartDate = data.leaveStartDate;
+			formData.leaveEndDate = data.leaveEndDate;
+			formData.leaveCount = data.leaveTotal ?? "-";
+			formData.leaveWrote = data.leaveWrote ?? "-";
+			formData.leaveAddress = data.leaveAddress ?? "-";
+			formData.leaveNumber = data.leaveNumber ?? "-";
+			formData.leaveDetail = data.leaveDetail ?? "-";
+			formData.leaveDocument = data.leaveDocument;
+			formData.leaveDraftDocument = data.leaveDraftDocument;
+			formData.leaveLastStart =
+				data.leaveLastStart && date2Thai(data.leaveLastStart);
+			formData.leaveLastEnd =
+				data.leaveLastStart && date2Thai(data.leaveLastEnd);
+			formData.leaveTotal = data.leaveTotal;
+			formData.leavebirthDate =
+				data.leaveBirthDate && date2Thai(data.leaveBirthDate);
+			formData.leavegovernmentDate =
+				data.leaveGovernmentDate && date2Thai(data.leaveGovernmentDate);
+			formData.leaveSalary = data.leaveSalary ?? "-";
+			formData.leaveSalaryText = data.leaveSalaryText ?? "-";
+			formData.wifeDayName = data.wifeDayName ?? "-";
+			formData.wifeDayDateBorn =
+				data.wifeDayDateBorn && date2Thai(data.wifeDayDateBorn);
+			formData.restDayOldTotal = data.restDayOldTotal ?? "-";
+			formData.restDayCurrentTotal = data.restDayCurrentTotal ?? "-";
+			formData.ordainDayStatus = data.ordainDayStatus;
+			formData.ordainDayLocationName = data.ordainDayLocationName ?? "-";
+			formData.ordainDayLocationAddress = data.ordainDayLocationAddress ?? "-";
+			formData.ordainDayLocationNumber = data.ordainDayLocationNumber ?? "-";
+			formData.ordainDayOrdination = data.ordainDayOrdination;
+			formData.ordainDayBuddhistLentName =
+				data.ordainDayBuddhistLentName ?? "-";
+			formData.ordainDayBuddhistLentAddress =
+				data.ordainDayBuddhistLentAddress ?? "-";
+			formData.hajjDayStatus = data.hajjDayStatus;
+			formData.absentDaySummon = data.absentDaySummon ?? "-";
+			formData.absentDayLocation = data.absentDayLocation ?? "-";
+			formData.absentDayRegistorDate = data.absentDayRegistorDate;
+			formData.absentDayGetIn = data.absentDayGetIn ?? "-";
+			formData.absentDayAt = data.absentDayAt ?? "-";
+			formData.studyDaySubject = data.studyDaySubject ?? "-";
+			formData.studyDayDegreeLevel = data.studyDayDegreeLevel ?? "-";
+			formData.studyDayUniversityName = data.studyDayUniversityName ?? "-";
+			formData.studyDayTrainingSubject =
+				data.studyDayTrainingSubject ?? "-" ?? "-";
+			formData.studyDayTrainingName = data.studyDayTrainingName ?? "-";
+			formData.studyDayCountry = data.studyDayCountry ?? "-";
+			formData.studyDayScholarship = data.studyDayScholarship ?? "-";
+			formData.coupleDayName = data.coupleDayName ?? "-";
+			formData.coupleDayPosition = data.coupleDayPosition ?? "-";
+			formData.coupleDayLevel = data.coupleDayLevel ?? "-";
+			formData.coupleDayLevelCountry = data.coupleDayLevelCountry ?? "-";
+			formData.coupleDayCountryHistory = data.coupleDayCountryHistory ?? "-";
+			formData.coupleDayTotalHistory = data.coupleDayTotalHistory ?? "-";
+			formData.coupleDayStartDateHistory = data.coupleDayStartDateHistory;
+			formData.coupleDayEndDateHistory = data.coupleDayEndDateHistory;
+			formData.coupleDaySumTotalHistory = data.coupleDaySumTotalHistory ?? "-";
+			formData.approveStep = data.approveStep ?? "-";
+			formData.dear = data.dear ?? "-";
+			formData.leaveLast = data.leaveLast ?? "-";
+			formData.leaveRange = data.leaveRange;
 
-      dataStore.fetchProfileOld(data);
-    })
-    .catch((err) => {
-      messageError($q, err);
-    })
-    .finally(() => {
-      hideLoader();
-    });
+			// checkLeaveType(formData.leaveTypeId, formData.leaveTypeName)
+
+			dataStore.fetchProfileOld(data);
+		})
+		.catch((err) => {
+			messageError($q, err);
+		})
+		.finally(() => {
+			hideLoader();
+		});
 }
 
 const model = computed(() => {
-  return (
-    dataStore.options.find((x) => x.id == formData.leaveTypeId)?.code ?? ""
-  );
+	return (
+		dataStore.options.find((x) => x.id == formData.leaveTypeId)?.code ?? ""
+	);
 });
 
 const modelSpecific = computed(() => {
-  const code = dataStore.options.find(
-    (x) => x.id == formData.leaveTypeId
-  )?.code;
+	const code = dataStore.options.find(
+		(x) => x.id == formData.leaveTypeId
+	)?.code;
 
-  if (code == "LV-006" && formData.ordainDayLocationName != "") {
-    return "b1";
-  } else if (code == "LV-006" && formData.ordainDayLocationName == "") {
-    return "b2";
-  } else if (code == "LV-008" && formData.studyDayTrainingSubject == "") {
-    return "s1";
-  } else if (code == "LV-008" && formData.studyDayTrainingSubject != "") {
-    return "s2";
-  } else {
-    return "";
-  }
+	if (code == "LV-006" && formData.ordainDayLocationName != "") {
+		return "b1";
+	} else if (code == "LV-006" && formData.ordainDayLocationName == "") {
+		return "b2";
+	} else if (code == "LV-008" && formData.studyDayTrainingSubject == "") {
+		return "s1";
+	} else if (code == "LV-008" && formData.studyDayTrainingSubject != "") {
+		return "s2";
+	} else {
+		return "";
+	}
 });
 
 function onSubmit(formData: FormData, isLeave: boolean = true) {
-  if (isLeave) {
-    dialogConfirm($q, async () => {
-      showLoader();
-      await http
-        .put(config.API.leaveUserId(personalId.value), formData)
-        .then(() => {
-          success($q, "บันทึกสำเร็จ");
-        })
-        .catch((e: any) => {
-          messageError($q, e);
-        })
-        .finally(() => {
-          hideLoader();
-          fetchDataDetail(personalId.value);
-        });
-    });
-  } else {
-    messageError($q, "", "ไม่มีสิทธิ์ลา");
-  }
+	if (isLeave) {
+		dialogConfirm($q, async () => {
+			showLoader();
+			await http
+				.put(config.API.leaveUserId(personalId.value), formData)
+				.then(() => {
+					success($q, "บันทึกสำเร็จ");
+				})
+				.catch((e: any) => {
+					messageError($q, e);
+				})
+				.finally(() => {
+					hideLoader();
+					fetchDataDetail(personalId.value);
+				});
+		});
+	} else {
+		messageError($q, "", "ไม่มีสิทธิ์ลา");
+	}
 }
 
 function onConfirm(id: string) {
-  dialogConfirm(
-    $q,
-    async () => {
-      showLoader();
-      await http
-        .put(config.API.leaveUserSendId(personalId.value), { reason: "" })
-        .then(() => {
-          router.push("/leave");
-          success($q, "ยื่นใบลาสำเร็จ");
-        })
-        .catch((e: any) => {
-          messageError($q, e);
-        })
-        .finally(() => {
-          hideLoader();
-        });
-    },
-    "ยืนยันการยื่นใบลา",
-    "หากยืนยันแล้วจะไม่สามารถกลับมาแก้ไขได้ ต้องการยืนยันการยื่นใบลานี้ใช่หรือไม่"
-  );
+	dialogConfirm(
+		$q,
+		async () => {
+			showLoader();
+			await http
+				.put(config.API.leaveUserSendId(personalId.value), { reason: "" })
+				.then(() => {
+					router.push("/leave");
+					success($q, "ยื่นใบลาสำเร็จ");
+				})
+				.catch((e: any) => {
+					messageError($q, e);
+				})
+				.finally(() => {
+					hideLoader();
+				});
+		},
+		"ยืนยันการยื่นใบลา",
+		"หากยืนยันแล้วจะไม่สามารถกลับมาแก้ไขได้ ต้องการยืนยันการยื่นใบลานี้ใช่หรือไม่"
+	);
 }
 
 /**เมื่อเริ่มโหลดหน้า
  * เรียกใช้งาน fetchData เพื่อดึงข้อมูล
  */
 onMounted(() => {
-  fetchDataDetail(personalId.value);
+	fetchDataDetail(personalId.value);
 });
 </script>
 
 <template>
-  <div class="col-12 row justify-center">
-    <div class="col-xs-12 col-sm-12 col-md-11">
-      <div class="toptitle text-white col-12 row items-center">
-        <q-btn
-          to="/leave"
-          icon="mdi-arrow-left"
-          unelevated
-          round
-          dense
-          flat
-          color="primary"
-          class="q-mr-sm"
-        />
-        <div>
-          แก้ไขใบลา
-          {{ formData.leaveTypeName }}
-        </div>
-      </div>
-      <q-form ref="myform" class="col-12">
-        <q-card bordered>
-          <div class="col-12 row q-col-gutter-md q-pa-md">
-            <div class="col-xs-12 col-sm-12">
-              <div style="display: flex; align-items: center">
-                <q-icon
-                  name="mdi-numeric-1-circle"
-                  size="20px"
-                  color="primary"
-                />
-                <div class="q-pl-sm text-weight-bold text-dark">
-                  เลือกประเภทการลา
-                </div>
-              </div>
-              <div class="q-py-sm q-px-lg">
-                <div class="row">
-                  <q-select
-                    readonly
-                    dense
-                    class="col-12 col-sm-6 col-md-4"
-                    outlined
-                    v-model="formData.leaveTypeName"
-                    option-value="code"
-                    option-label="name"
-                    emit-value
-                    map-options
-                    prefix="ประเภทใบลา :"
-                  />
-                </div>
-                <div class="row q-mt-sm">
-                  <div
-                    class="col-12 col-sm-6 col-md-3"
-                    v-if="model === 'LV-006' || model === 'LV-008'"
-                  >
-                    <q-select
-                      readonly
-                      dense
-                      outlined
-                      v-model="modelSpecific"
-                      :options="
-                        model === 'LV-006'
-                          ? dataStore.optionsOrdination
-                          : dataStore.optionsSpecific
-                      "
-                      option-value="code"
-                      option-label="name"
-                      emit-value
-                      map-options
-                      prefix="ประเภทการลา :"
-                      @update:model-value="
-                        dataStore.typeConvert(model, modelSpecific)
-                      "
-                    />
-                  </div>
-                </div>
-              </div>
+	<div class="col-12 row justify-center">
+		<div class="col-xs-12 col-sm-12 col-md-11">
+			<div class="toptitle text-white col-12 row items-center">
+				<q-btn
+					to="/leave"
+					icon="mdi-arrow-left"
+					unelevated
+					round
+					dense
+					flat
+					color="primary"
+					class="q-mr-sm"
+				/>
+				<div>
+					แก้ไขใบลา
+					{{ formData.leaveTypeName }}
+				</div>
+			</div>
+			<q-form ref="myform" class="col-12">
+				<q-card bordered>
+					<div class="col-12 row q-col-gutter-md q-pa-md">
+						<div class="col-xs-12 col-sm-12">
+							<div style="display: flex; align-items: center">
+								<q-icon
+									name="mdi-numeric-1-circle"
+									size="20px"
+									color="primary"
+								/>
+								<div class="q-pl-sm text-weight-bold text-dark">
+									เลือกประเภทการลา
+								</div>
+							</div>
+							<div class="q-py-sm q-px-lg">
+								<div class="row">
+									<q-select
+										readonly
+										dense
+										class="col-12 col-sm-6 col-md-4"
+										outlined
+										v-model="formData.leaveTypeName"
+										option-value="code"
+										option-label="name"
+										emit-value
+										map-options
+										prefix="ประเภทใบลา :"
+									/>
+								</div>
+								<div class="row q-mt-sm">
+									<div
+										class="col-12 col-sm-6 col-md-3"
+										v-if="model === 'LV-006' || model === 'LV-008'"
+									>
+										<q-select
+											readonly
+											dense
+											outlined
+											v-model="modelSpecific"
+											:options="
+												model === 'LV-006'
+													? dataStore.optionsOrdination
+													: dataStore.optionsSpecific
+											"
+											option-value="code"
+											option-label="name"
+											emit-value
+											map-options
+											prefix="ประเภทการลา :"
+											@update:model-value="
+												dataStore.typeConvert(model, modelSpecific)
+											"
+										/>
+									</div>
+								</div>
+							</div>
 
-              <div>
-                <div style="display: flex; align-items: center">
-                  <q-icon
-                    name="mdi-numeric-2-circle"
-                    size="20px"
-                    color="primary"
-                  />
-                  <div class="q-pl-sm text-weight-bold text-dark">
-                    ข้อมูลการลา
-                  </div>
-                </div>
-                <FormPart2
-                  :model="model"
-                  :data="formData"
-                  :leaveTypeId="formData.leaveTypeId"
-                />
-              </div>
-            </div>
-            <div class="col-12">
-              <SickForm
-                v-if="model === 'LV-001' || model === 'LV-002'"
-                :data="formData"
-                :on-submit="onSubmit"
-                :on-confirm="onConfirm"
-              />
-              <FormBirth
-                v-if="model === 'LV-003'"
-                :data="formData"
-                :on-submit="onSubmit"
-                :on-confirm="onConfirm"
-              />
-              <HelpWifeBirthForm
-                v-if="model === 'LV-004'"
-                :data="formData"
-                :on-submit="onSubmit"
-                :on-confirm="onConfirm"
-              />
-              <VacationForm
-                v-if="model === 'LV-005'"
-                :data="formData"
-                :on-submit="onSubmit"
-                :on-confirm="onConfirm"
-              />
-              <OrdinationForm
-                v-if="model === 'LV-006' && modelSpecific === 'b1'"
-                :data="formData"
-                :on-submit="onSubmit"
-                :on-confirm="onConfirm"
-              />
-              <HajjForm
-                v-if="model === 'LV-006' && modelSpecific === 'b2'"
-                :data="formData"
-                :on-submit="onSubmit"
-                :on-confirm="onConfirm"
-              />
-              <MilitaryForm
-                v-if="model === 'LV-007'"
-                style="width: 100%"
-                :data="formData"
-                :on-submit="onSubmit"
-                :on-confirm="onConfirm"
-              />
-              <StudyForm
-                v-if="model === 'LV-008' && modelSpecific === 's1'"
-                style="width: 100%"
-                :data="formData"
-                :on-submit="onSubmit"
-                :on-confirm="onConfirm"
-              />
-              <TrainForm
-                v-if="
-                  model === 'LV-008' &&
-                  modelSpecific != 's1' &&
-                  modelSpecific != ''
-                "
-                :data="formData"
-                :on-submit="onSubmit"
-                :on-confirm="onConfirm"
-              />
-              <WorkInternationalForm
-                v-if="model === 'LV-009'"
-                :data="formData"
-                :on-submit="onSubmit"
-                :on-confirm="onConfirm"
-              />
-              <FollowSpouseForm
-                v-if="model === 'LV-010'"
-                :data="formData"
-                :on-submit="onSubmit"
-                :on-confirm="onConfirm"
-              />
-              <RehabilitationForm
-                v-if="model === 'LV-011'"
-                :data="formData"
-                :on-submit="onSubmit"
-                :on-confirm="onConfirm"
-              />
-            </div>
-          </div>
-        </q-card>
-      </q-form>
-    </div>
-  </div>
+							<div>
+								<div style="display: flex; align-items: center">
+									<q-icon
+										name="mdi-numeric-2-circle"
+										size="20px"
+										color="primary"
+									/>
+									<div class="q-pl-sm text-weight-bold text-dark">
+										ข้อมูลการลา
+									</div>
+								</div>
+								<FormPart2
+									:model="model"
+									:data="formData"
+									:leaveTypeId="formData.leaveTypeId"
+								/>
+							</div>
+						</div>
+						<div class="col-12">
+							<SickForm
+								v-if="model === 'LV-001' || model === 'LV-002'"
+								:data="formData"
+								:on-submit="onSubmit"
+								:on-confirm="onConfirm"
+							/>
+							<FormBirth
+								v-if="model === 'LV-003'"
+								:data="formData"
+								:on-submit="onSubmit"
+								:on-confirm="onConfirm"
+							/>
+							<HelpWifeBirthForm
+								v-if="model === 'LV-004'"
+								:data="formData"
+								:on-submit="onSubmit"
+								:on-confirm="onConfirm"
+							/>
+							<VacationForm
+								v-if="model === 'LV-005'"
+								:data="formData"
+								:on-submit="onSubmit"
+								:on-confirm="onConfirm"
+							/>
+							<OrdinationForm
+								v-if="model === 'LV-006' && modelSpecific === 'b1'"
+								:data="formData"
+								:on-submit="onSubmit"
+								:on-confirm="onConfirm"
+							/>
+							<HajjForm
+								v-if="model === 'LV-006' && modelSpecific === 'b2'"
+								:data="formData"
+								:on-submit="onSubmit"
+								:on-confirm="onConfirm"
+							/>
+							<MilitaryForm
+								v-if="model === 'LV-007'"
+								style="width: 100%"
+								:data="formData"
+								:on-submit="onSubmit"
+								:on-confirm="onConfirm"
+							/>
+							<StudyForm
+								v-if="model === 'LV-008' && modelSpecific === 's1'"
+								style="width: 100%"
+								:data="formData"
+								:on-submit="onSubmit"
+								:on-confirm="onConfirm"
+							/>
+							<TrainForm
+								v-if="
+									model === 'LV-008' &&
+									modelSpecific != 's1' &&
+									modelSpecific != ''
+								"
+								:data="formData"
+								:on-submit="onSubmit"
+								:on-confirm="onConfirm"
+							/>
+							<WorkInternationalForm
+								v-if="model === 'LV-009'"
+								:data="formData"
+								:on-submit="onSubmit"
+								:on-confirm="onConfirm"
+							/>
+							<FollowSpouseForm
+								v-if="model === 'LV-010'"
+								:data="formData"
+								:on-submit="onSubmit"
+								:on-confirm="onConfirm"
+							/>
+							<RehabilitationForm
+								v-if="model === 'LV-011'"
+								:data="formData"
+								:on-submit="onSubmit"
+								:on-confirm="onConfirm"
+							/>
+						</div>
+					</div>
+				</q-card>
+			</q-form>
+		</div>
+	</div>
 </template>