diff --git a/src/api/leave/api.leave.ts b/src/api/leave/api.leave.ts
index 86b790c..dbbf8be 100644
--- a/src/api/leave/api.leave.ts
+++ b/src/api/leave/api.leave.ts
@@ -27,7 +27,8 @@ export default {
 	leaveCheck: () => `${leave}/user/check`,
 	leaveReport: (id: string) => `${leave}/report/${id}`,
 	leaveSendReport: () => `${leave}/report-template/docx`,
-	leaveDocumentId: (id: string) => `${leave}/user/file/document/${id}`,
+	leaveDocumentId: (id: string, docId: string) =>
+		`${leave}/user/file/document/${id}/${docId}`,
 
 	listHolidayHistoryYearMonth: (year: number, month: number) =>
 		`${holiday}${year}/${month}`,
diff --git a/src/modules/05_leave/components/FormLeave/01_SickForm.vue b/src/modules/05_leave/components/FormLeave/01_SickForm.vue
index b4fd5e7..1571a92 100644
--- a/src/modules/05_leave/components/FormLeave/01_SickForm.vue
+++ b/src/modules/05_leave/components/FormLeave/01_SickForm.vue
@@ -33,6 +33,10 @@ const props = defineProps({
 		type: Function,
 		default: () => "",
 	},
+	clickDelete: {
+		type: Function,
+		default: () => "",
+	},
 });
 
 /** ข้อมูล v-model ของฟอร์ม */
@@ -158,26 +162,6 @@ async function fetchCheck() {
 		});
 }
 
-//เเจ้งเตือนลบข้อมูล
-const clickDelete = (id: string) => {
-	dialogRemove($q, () => onClickDelete(id));
-};
-
-/**
- * function ลบรายการ
- * @param id
- */
-const onClickDelete = async (id: string) => {
-	await http
-		.delete(config.API.leaveDocumentId(id))
-		.then(async (res) => {
-			console.log("delete");
-		})
-		.catch((err) => {
-			messageError($q, err);
-		});
-};
-
 /**
  * ฟังก์ชั่นแปลงครึ่งวัน/ทั้งวัน
  */
@@ -210,6 +194,7 @@ const dateEndInputStyle = computed(() => {
 	return !isLeave.value ? "input-alert" : "";
 });
 
+const leaveId = ref<any>("");
 /** ตรวจสอบว่ามีการส่งข้อมูลเข้ามาที่ฟอร์มไหม เมื่อมีการส่งจะ map ข้อมูลเข้า v-model ของฟอร์ม */
 const statusCheck = ref<any>("");
 watch(props.data, () => {
@@ -243,6 +228,7 @@ onMounted(() => {
 		leaveDocumentList.value = props.data.leaveDocument;
 		formDataSick.leaveAddress = props.data.leaveAddress;
 		statusCheck.value = props.data.status;
+		leaveId.value = props.data.id;
 	}
 });
 </script>
@@ -532,7 +518,7 @@ onMounted(() => {
 											</div>
 											<div>
 												<q-btn
-													@click="clickDelete(document.docId)"
+													@click="clickDelete(leaveId, document.docId)"
 													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 7a61fc0..5dfb8e2 100644
--- a/src/modules/05_leave/components/FormLeave/03_Birth.vue
+++ b/src/modules/05_leave/components/FormLeave/03_Birth.vue
@@ -16,6 +16,7 @@ const $q = useQuasar();
 const { date2Thai, dateToISO, dialogRemove, success, messageError, fails } =
 	mixin;
 const edit = ref<boolean>(true);
+const leaveId = ref<any>("");
 
 /** รับ props มาจากหน้าหลัก */
 const props = defineProps({
@@ -31,6 +32,10 @@ const props = defineProps({
 		type: Function,
 		default: () => "",
 	},
+	clickDelete: {
+		type: Function,
+		default: () => "",
+	},
 });
 
 /** ข้อมูล v-model ของฟอร์ม */
@@ -143,26 +148,6 @@ const dateEndInputStyle = computed(() => {
 	return !isLeave.value ? "input-alert" : "";
 });
 
-//เเจ้งเตือนลบข้อมูล
-const clickDelete = (id: string) => {
-	dialogRemove($q, () => onClickDelete(id));
-};
-
-/**
- * function ลบรายการ
- * @param id
- */
-const onClickDelete = async (id: string) => {
-	await http
-		.delete(config.API.leaveDocumentId(id))
-		.then(async (res) => {
-			console.log("delete");
-		})
-		.catch((err) => {
-			messageError($q, err);
-		});
-};
-
 /** ตรวจสอบว่ามีการส่งข้อมูลเข้ามาที่ฟอร์มไหม เมื่อมีการส่งจะ map ข้อมูลเข้า v-model ของฟอร์ม */
 const leaveDocumentList = ref<any>();
 const statusCheck = ref<any>("");
@@ -193,6 +178,7 @@ onMounted(() => {
 		formDataBirth.leaveDetail = props.data.leaveDetail;
 		leaveDocumentList.value = props.data.leaveDocument;
 		statusCheck.value = props.data.status;
+		leaveId.value = props.data.id;
 	}
 });
 </script>
@@ -455,7 +441,7 @@ onMounted(() => {
 											</div>
 											<div>
 												<q-btn
-													@click="clickDelete(document.docId)"
+													@click="clickDelete(leaveId, document.docId)"
 													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 8fa29ab..16dac1b 100644
--- a/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue
+++ b/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue
@@ -26,6 +26,7 @@ const {
 	messageError,
 } = mixin;
 const edit = ref<boolean>(true);
+const leaveId = ref<any>("");
 
 /** รับ props มาจากหน้าหลัก */
 const props = defineProps({
@@ -41,28 +42,12 @@ const props = defineProps({
 		type: Function,
 		default: () => "",
 	},
+	clickDelete: {
+		type: Function,
+		default: () => "",
+	},
 });
 
-//เเจ้งเตือนลบข้อมูล
-const clickDelete = (id: string) => {
-	dialogRemove($q, () => onClickDelete(id));
-};
-
-/**
- * function ลบรายการ
- * @param id
- */
-const onClickDelete = async (id: string) => {
-	await http
-		.delete(config.API.leaveDocumentId(id))
-		.then(async (res) => {
-			console.log("delete");
-		})
-		.catch((err) => {
-			messageError($q, err);
-		});
-};
-
 /** ข้อมูล v-model ของฟอร์ม */
 const formDataHelpWife = reactive<any>({
 	type: dataStore.typeId,
@@ -229,6 +214,7 @@ onMounted(() => {
 		formDataHelpWife.leaveDetail = props.data.leaveDetail;
 		leaveDocumentList.value = props.data.leaveDocument;
 		statusCheck.value = props.data.status;
+		leaveId.value = props.data.id;
 	}
 });
 </script>
@@ -539,7 +525,7 @@ onMounted(() => {
 											</div>
 											<div>
 												<q-btn
-													@click="clickDelete(document.docId)"
+													@click="clickDelete(leaveId, document.docId)"
 													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 a0316dd..1434c07 100644
--- a/src/modules/05_leave/components/FormLeave/05_VacationForm.vue
+++ b/src/modules/05_leave/components/FormLeave/05_VacationForm.vue
@@ -19,6 +19,7 @@ const router = useRouter();
 const { date2Thai, dateToISO, dialogRemove, success, messageError, fails } =
 	mixin;
 const edit = ref<boolean>(true);
+const leaveId = ref<any>("");
 
 /** รับ props มาจากหน้าหลัก */
 const props = defineProps({
@@ -34,6 +35,10 @@ const props = defineProps({
 		type: Function,
 		default: () => "",
 	},
+	clickDelete: {
+		type: Function,
+		default: () => "",
+	},
 });
 
 /** ข้อมูล v-model ของฟอร์ม */
@@ -127,26 +132,6 @@ function onValidate() {
 	}
 }
 
-//เเจ้งเตือนลบข้อมูล
-const clickDelete = (id: string) => {
-	dialogRemove($q, () => onClickDelete(id));
-};
-
-/**
- * function ลบรายการ
- * @param id
- */
-const onClickDelete = async (id: string) => {
-	await http
-		.delete(config.API.leaveDocumentId(id))
-		.then(async (res) => {
-			console.log("delete");
-		})
-		.catch((err) => {
-			messageError($q, err);
-		});
-};
-
 /**
  * check ว่าลาได้ไหม จาก api
  * @param formData
@@ -241,6 +226,7 @@ onMounted(() => {
 		leaveDocumentList.value = props.data.leaveDocument;
 		statusCheck.value = props.data.status;
 		formDataVacation.leaveRange = props.data.leaveRange;
+		leaveId.value = props.data.id;
 		// formDataVacation.leaveDocument = props.data.leaveDocument;
 	}
 });
@@ -538,7 +524,7 @@ onMounted(() => {
 											</div>
 											<div>
 												<q-btn
-													@click="clickDelete(document.docId)"
+													@click="clickDelete(leaveId, document.docId)"
 													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 88ce4e1..839713b 100644
--- a/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue
+++ b/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue
@@ -24,6 +24,7 @@ const {
 } = mixin;
 const edit = ref<boolean>(true);
 const files = ref<any>(null);
+const leaveId = ref<any>("");
 
 /** รับ props มาจากหน้าหลัก */
 const props = defineProps({
@@ -39,6 +40,10 @@ const props = defineProps({
 		type: Function,
 		default: () => "",
 	},
+	clickDelete: {
+		type: Function,
+		default: () => "",
+	},
 });
 
 /** ตัวแปร ref สำหรับแสดง validate */
@@ -250,29 +255,10 @@ onMounted(() => {
 		formDataOrdination.leaveDetail = props.data.leaveDetail;
 		leaveDocumentList.value = props.data.leaveDocument;
 		statusCheck.value = props.data.status;
+		leaveId.value = props.data.id;
 		// formDataOrdination.leaveDocument = props.data.leaveDocument;
 	}
 });
-
-//เเจ้งเตือนลบข้อมูล
-const clickDelete = (id: string) => {
-	dialogRemove($q, () => onClickDelete(id));
-};
-
-/**
- * function ลบรายการ
- * @param id
- */
-const onClickDelete = async (id: string) => {
-	await http
-		.delete(config.API.leaveDocumentId(id))
-		.then(async (res) => {
-			console.log("delete");
-		})
-		.catch((err) => {
-			messageError($q, err);
-		});
-};
 </script>
 
 <!-- ฟอร์ม ลาอุปสมบท -->
@@ -720,7 +706,7 @@ const onClickDelete = async (id: string) => {
 											</div>
 											<div>
 												<q-btn
-													@click="clickDelete(document.docId)"
+													@click="clickDelete(leaveId, document.docId)"
 													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 0bcf67c..09e7e51 100644
--- a/src/modules/05_leave/components/FormLeave/07_HajjForm.vue
+++ b/src/modules/05_leave/components/FormLeave/07_HajjForm.vue
@@ -24,6 +24,7 @@ const {
 } = mixin;
 const edit = ref<boolean>(true);
 const files = ref<any>(null);
+const leaveId = ref<any>("");
 
 /** ตัวแปร ref สำหรับแสดง validate */
 const leaveWroteRef = ref<object | null>(null);
@@ -46,6 +47,10 @@ const props = defineProps({
 		type: Function,
 		default: () => "",
 	},
+	clickDelete: {
+		type: Function,
+		default: () => "",
+	},
 });
 
 /** ข้อมูล v-model ของฟอร์ม */
@@ -185,28 +190,9 @@ onMounted(() => {
 		leaveDocumentList.value = props.data.leaveDocument;
 		statusCheck.value = props.data.status;
 		// formDataHaji.leaveDocument = props.data.leaveDocument;
+		leaveId.value = props.data.id;
 	}
 });
-
-//เเจ้งเตือนลบข้อมูล
-const clickDelete = (id: string) => {
-	dialogRemove($q, () => onClickDelete(id));
-};
-
-/**
- * function ลบรายการ
- * @param id
- */
-const onClickDelete = async (id: string) => {
-	await http
-		.delete(config.API.leaveDocumentId(id))
-		.then(async (res) => {
-			console.log("delete");
-		})
-		.catch((err) => {
-			messageError($q, err);
-		});
-};
 </script>
 
 <template>
@@ -485,7 +471,7 @@ const onClickDelete = async (id: string) => {
 											</div>
 											<div>
 												<q-btn
-													@click="clickDelete(document.docId)"
+													@click="clickDelete(leaveId, document.docId)"
 													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 d6395e9..3e55514 100644
--- a/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue
+++ b/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue
@@ -24,6 +24,7 @@ const {
 } = mixin;
 const edit = ref<boolean>(true);
 const files = ref<any>(null);
+const leaveId = ref<any>("");
 
 /** ตัวแปร ref สำหรับแสดง validate */
 const leaveStartDateRef = ref<object | null>(null);
@@ -50,6 +51,10 @@ const props = defineProps({
 		type: Function,
 		default: () => "",
 	},
+	clickDelete: {
+		type: Function,
+		default: () => "",
+	},
 });
 
 /** ข้อมูล v-model ของฟอร์ม */
@@ -155,26 +160,6 @@ async function fetchCheck() {
 		});
 }
 
-//เเจ้งเตือนลบข้อมูล
-const clickDelete = (id: string) => {
-	dialogRemove($q, () => onClickDelete(id));
-};
-
-/**
- * function ลบรายการ
- * @param id
- */
-const onClickDelete = async (id: string) => {
-	await http
-		.delete(config.API.leaveDocumentId(id))
-		.then(async (res) => {
-			console.log("delete");
-		})
-		.catch((err) => {
-			messageError($q, err);
-		});
-};
-
 /**
  * function อัพเดทค่า LeaveTotal
  */
@@ -229,6 +214,7 @@ onMounted(() => {
 		leaveDocumentList.value = props.data.leaveDocument;
 		statusCheck.value = props.data.status;
 		// formDataMilitary.leaveDocument = props.data.leaveDocument;
+		leaveId.value = props.data.id;
 	}
 });
 </script>
@@ -540,7 +526,7 @@ onMounted(() => {
 												</div>
 												<div>
 													<q-btn
-														@click="clickDelete(document.docId)"
+														@click="clickDelete(leaveId, document.docId)"
 														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 1bae511..d3b0fd8 100644
--- a/src/modules/05_leave/components/FormLeave/09_StudyForm.vue
+++ b/src/modules/05_leave/components/FormLeave/09_StudyForm.vue
@@ -25,6 +25,7 @@ const {
 } = mixin;
 const edit = ref<boolean>(true);
 const files = ref<any>(null);
+const leaveId = ref<any>("");
 
 /** ตัวแปร ref สำหรับแสดง validate */
 const leaveStartDateRef = ref<object | null>(null);
@@ -55,6 +56,10 @@ const props = defineProps({
 		type: Function,
 		default: () => "",
 	},
+	clickDelete: {
+		type: Function,
+		default: () => "",
+	},
 });
 
 /** ข้อมูล v-model ของฟอร์ม */
@@ -154,26 +159,6 @@ function onValidate() {
 	}
 }
 
-//เเจ้งเตือนลบข้อมูล
-const clickDelete = (id: string) => {
-	dialogRemove($q, () => onClickDelete(id));
-};
-
-/**
- * function ลบรายการ
- * @param id
- */
-const onClickDelete = async (id: string) => {
-	await http
-		.delete(config.API.leaveDocumentId(id))
-		.then(async (res) => {
-			console.log("delete");
-		})
-		.catch((err) => {
-			messageError($q, err);
-		});
-};
-
 /** แจ้งเมื่อวันลาไม่ถูกต้อง */
 const dateEndInputStyle = computed(() => {
 	return !isLeave.value ? "input-alert" : "";
@@ -272,6 +257,7 @@ onMounted(async () => {
 		);
 		formDataStudy.leaveTotal = leaveTotal;
 		statusCheck.value = props.data.status;
+		leaveId.value = props.data.id;
 	}
 });
 </script>
@@ -696,7 +682,7 @@ onMounted(async () => {
 												</div>
 												<div>
 													<q-btn
-														@click="clickDelete(document.docId)"
+														@click="clickDelete(leaveId, document.docId)"
 														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 9fd3e0d..0ac5c1b 100644
--- a/src/modules/05_leave/components/FormLeave/10_TrainForm.vue
+++ b/src/modules/05_leave/components/FormLeave/10_TrainForm.vue
@@ -25,6 +25,7 @@ const {
 } = mixin;
 const edit = ref<boolean>(true);
 const files = ref<any>(null);
+const leaveId = ref<any>("");
 
 /** รับ props มาจากหน้าหลัก */
 const props = defineProps({
@@ -40,6 +41,10 @@ const props = defineProps({
 		type: Function,
 		default: () => "",
 	},
+	clickDelete: {
+		type: Function,
+		default: () => "",
+	},
 });
 
 /** ข้อมูล v-model ของฟอร์ม */
@@ -175,26 +180,6 @@ async function fetchCheck() {
 		});
 }
 
-//เเจ้งเตือนลบข้อมูล
-const clickDelete = (id: string) => {
-	dialogRemove($q, () => onClickDelete(id));
-};
-
-/**
- * function ลบรายการ
- * @param id
- */
-const onClickDelete = async (id: string) => {
-	await http
-		.delete(config.API.leaveDocumentId(id))
-		.then(async (res) => {
-			console.log("delete");
-		})
-		.catch((err) => {
-			messageError($q, err);
-		});
-};
-
 /**
  * function อัพเดทค่า LeaveTotal
  */
@@ -277,6 +262,7 @@ onMounted(async () => {
 		formDataTrain.leaveTotal = leaveTotal;
 		leaveDocumentList.value = props.data.leaveDocument;
 		statusCheck.value = props.data.status;
+		leaveId.value = props.data.id;
 	}
 });
 </script>
@@ -685,7 +671,7 @@ onMounted(async () => {
 												</div>
 												<div>
 													<q-btn
-														@click="clickDelete(document.docId)"
+														@click="clickDelete(leaveId, document.docId)"
 														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 c38c12f..e53edeb 100644
--- a/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue
+++ b/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue
@@ -26,6 +26,7 @@ const {
 const edit = ref<boolean>(true);
 const router = useRouter();
 const isSave = ref<boolean>(false);
+const leaveId = ref<any>("");
 
 /** รับ props มาจากหน้าหลัก */
 const props = defineProps({
@@ -41,6 +42,10 @@ const props = defineProps({
 		type: Function,
 		default: () => "",
 	},
+	clickDelete: {
+		type: Function,
+		default: () => "",
+	},
 });
 
 /** ข้อมูล v-model ของฟอร์ม */
@@ -142,26 +147,6 @@ async function onClickDownloadFile(id: string, fileName: string) {
 		});
 }
 
-//เเจ้งเตือนลบข้อมูล
-const clickDelete = (id: string) => {
-	dialogRemove($q, () => onClickDelete(id));
-};
-
-/**
- * function ลบรายการ
- * @param id
- */
-const onClickDelete = async (id: string) => {
-	await http
-		.delete(config.API.leaveDocumentId(id))
-		.then(async (res) => {
-			console.log("delete");
-		})
-		.catch((err) => {
-			messageError($q, err);
-		});
-};
-
 /**
  * check ว่าลาได้ไหม จาก api
  * @param formData
@@ -222,6 +207,7 @@ onMounted(() => {
 		leaveDraftDocument.value = props.data.leaveDraftDocument;
 		leaveDocumentList.value = props.data.leaveDocument;
 		statusCheck.value = props.data.status;
+		leaveId.value = props.data.id;
 	}
 });
 </script>
@@ -436,7 +422,7 @@ onMounted(() => {
 											</div>
 											<div>
 												<q-btn
-													@click="clickDelete(document.docId)"
+													@click="clickDelete(leaveId, document.docId)"
 													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 3f82c2d..d478536 100644
--- a/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue
+++ b/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue
@@ -27,6 +27,7 @@ const {
 	messageError,
 } = mixin;
 const edit = ref<boolean>(true);
+const leaveId = ref<any>("");
 
 /** รับ props มาจากหน้าหลัก */
 const props = defineProps({
@@ -42,6 +43,10 @@ const props = defineProps({
 		type: Function,
 		default: () => "",
 	},
+	clickDelete: {
+		type: Function,
+		default: () => "",
+	},
 });
 
 /** ข้อมูล v-model ของฟอร์ม */
@@ -198,26 +203,6 @@ async function fetchCheck() {
 		});
 }
 
-//เเจ้งเตือนลบข้อมูล
-const clickDelete = (id: string) => {
-	dialogRemove($q, () => onClickDelete(id));
-};
-
-/**
- * function ลบรายการ
- * @param id
- */
-const onClickDelete = async (id: string) => {
-	await http
-		.delete(config.API.leaveDocumentId(id))
-		.then(async (res) => {
-			console.log("delete");
-		})
-		.catch((err) => {
-			messageError($q, err);
-		});
-};
-
 /**
  * function อัพเดทค่า LeaveTotal
  */
@@ -327,6 +312,7 @@ onMounted(async () => {
 		);
 		formDataFollowSpouse.coupleDayTotalHistory = coupleDayTotalHistory;
 		statusCheck.value = props.data.status;
+		leaveId.value = props.data.id;
 	}
 });
 </script>
@@ -758,7 +744,7 @@ onMounted(async () => {
 											</div>
 											<div>
 												<q-btn
-													@click="clickDelete(document.docId)"
+													@click="clickDelete(leaveId, document.docId)"
 													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 33b4d28..720d8c6 100644
--- a/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue
+++ b/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue
@@ -27,6 +27,7 @@ const router = useRouter();
 const edit = ref<boolean>(true);
 const isSave = ref<boolean>(false);
 const files = ref<any>(null);
+const leaveId = ref<any>("");
 
 /** ตัวแปร ref สำหรับแสดง validate */
 const leaveStartDateRef = ref<object | null>(null);
@@ -47,6 +48,10 @@ const props = defineProps({
 		type: Function,
 		default: () => "",
 	},
+	clickDelete: {
+		type: Function,
+		default: () => "",
+	},
 });
 
 /** ข้อมูล v-model ของฟอร์ม */
@@ -159,26 +164,6 @@ async function onClickDownloadFile(id: string, fileName: string) {
 		});
 }
 
-//เเจ้งเตือนลบข้อมูล
-const clickDelete = (id: string) => {
-	dialogRemove($q, () => onClickDelete(id));
-};
-
-/**
- * function ลบรายการ
- * @param id
- */
-const onClickDelete = async (id: string) => {
-	await http
-		.delete(config.API.leaveDocumentId(id))
-		.then(async (res) => {
-			console.log("delete");
-		})
-		.catch((err) => {
-			messageError($q, err);
-		});
-};
-
 /** แจ้งเมื่อวันลาไม่ถูกต้อง */
 const dateEndInputStyle = computed(() => {
 	return !isLeave.value ? "input-alert" : "";
@@ -213,6 +198,7 @@ onMounted(() => {
 		leaveDraftDocument.value = props.data.leaveDraftDocument;
 		leaveDocumentList.value = props.data.leaveDocument;
 		statusCheck.value = props.data.status;
+		leaveId.value = props.data.id;
 	}
 });
 </script>
@@ -406,7 +392,7 @@ onMounted(() => {
 												</div>
 												<div>
 													<q-btn
-														@click="clickDelete(document.docId)"
+														@click="clickDelete(leaveId, document.docId)"
 														target="_blank"
 														outline
 														color="red"
diff --git a/src/modules/05_leave/views/EditPage.vue b/src/modules/05_leave/views/EditPage.vue
index 2db5bcb..44e43f7 100644
--- a/src/modules/05_leave/views/EditPage.vue
+++ b/src/modules/05_leave/views/EditPage.vue
@@ -38,6 +38,7 @@ const {
 	success,
 	date2Thai,
 	dateToISO,
+	dialogRemove,
 } = mixin;
 
 const titleName = ref<string>("");
@@ -271,6 +272,30 @@ function onConfirm(id: string) {
 	);
 }
 
+//เเจ้งเตือนลบข้อมูล
+const clickDelete = (id: string, docId: string) => {
+	dialogRemove($q, () => onClickDelete(id, docId));
+};
+
+/**
+ * function ลบรายการ
+ * @param id
+ */
+const onClickDelete = async (id: string, docId: string) => {
+	await http
+		.delete(config.API.leaveDocumentId(id, docId))
+		.then(async (res) => {
+			console.log("delete");
+		})
+		.catch((err) => {
+			messageError($q, err);
+		})
+		.finally(() => {
+			fetchDataDetail(personalId.value);
+			hideLoader();
+		});
+};
+
 /**เมื่อเริ่มโหลดหน้า
  * เรียกใช้งาน fetchData เพื่อดึงข้อมูล
  */
@@ -379,36 +404,42 @@ onMounted(() => {
 								:data="formData"
 								:on-submit="onSubmit"
 								:on-confirm="onConfirm"
+								:click-delete="clickDelete"
 							/>
 							<FormBirth
 								v-if="model === 'LV-003'"
 								:data="formData"
 								:on-submit="onSubmit"
 								:on-confirm="onConfirm"
+								:click-delete="clickDelete"
 							/>
 							<HelpWifeBirthForm
 								v-if="model === 'LV-004'"
 								:data="formData"
 								:on-submit="onSubmit"
 								:on-confirm="onConfirm"
+								:click-delete="clickDelete"
 							/>
 							<VacationForm
 								v-if="model === 'LV-005'"
 								:data="formData"
 								:on-submit="onSubmit"
 								:on-confirm="onConfirm"
+								:click-delete="clickDelete"
 							/>
 							<OrdinationForm
 								v-if="model === 'LV-006' && modelSpecific === 'b1'"
 								:data="formData"
 								:on-submit="onSubmit"
 								:on-confirm="onConfirm"
+								:click-delete="clickDelete"
 							/>
 							<HajjForm
 								v-if="model === 'LV-006' && modelSpecific === 'b2'"
 								:data="formData"
 								:on-submit="onSubmit"
 								:on-confirm="onConfirm"
+								:click-delete="clickDelete"
 							/>
 							<MilitaryForm
 								v-if="model === 'LV-007'"
@@ -416,6 +447,7 @@ onMounted(() => {
 								:data="formData"
 								:on-submit="onSubmit"
 								:on-confirm="onConfirm"
+								:click-delete="clickDelete"
 							/>
 							<StudyForm
 								v-if="model === 'LV-008' && modelSpecific === 's1'"
@@ -423,6 +455,7 @@ onMounted(() => {
 								:data="formData"
 								:on-submit="onSubmit"
 								:on-confirm="onConfirm"
+								:click-delete="clickDelete"
 							/>
 							<TrainForm
 								v-if="
@@ -433,24 +466,28 @@ onMounted(() => {
 								:data="formData"
 								:on-submit="onSubmit"
 								:on-confirm="onConfirm"
+								:click-delete="clickDelete"
 							/>
 							<WorkInternationalForm
 								v-if="model === 'LV-009'"
 								:data="formData"
 								:on-submit="onSubmit"
 								:on-confirm="onConfirm"
+								:click-delete="clickDelete"
 							/>
 							<FollowSpouseForm
 								v-if="model === 'LV-010'"
 								:data="formData"
 								:on-submit="onSubmit"
 								:on-confirm="onConfirm"
+								:click-delete="clickDelete"
 							/>
 							<RehabilitationForm
 								v-if="model === 'LV-011'"
 								:data="formData"
 								:on-submit="onSubmit"
 								:on-confirm="onConfirm"
+								:click-delete="clickDelete"
 							/>
 						</div>
 					</div>