diff --git a/src/modules/05_leave/components/FormLeave/01_SickForm.vue b/src/modules/05_leave/components/FormLeave/01_SickForm.vue
index 5b8b286..b4fd5e7 100644
--- a/src/modules/05_leave/components/FormLeave/01_SickForm.vue
+++ b/src/modules/05_leave/components/FormLeave/01_SickForm.vue
@@ -515,27 +515,31 @@ onMounted(() => {
 											<div class="col">
 												{{ "เอกสารแนบที่ " + (index + 1) }}
 											</div>
-											<q-btn
-												:href="document"
-												target="_blank"
-												outline
-												color="add"
-												icon="mdi-upload"
-												size="12px"
-												class="q-mr-md"
-											>
-												<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
-											</q-btn>
 											<div>
 												<q-btn
-													@click="clickDelete('requestID')"
+													:href="document.path"
+													target="_blank"
+													outline
+													flat
+													dense
+													color="blue"
+													icon="mdi-download"
+													size="12px"
+													class="q-mr-md"
+												>
+													<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
+												</q-btn>
+											</div>
+											<div>
+												<q-btn
+													@click="clickDelete(document.docId)"
 													target="_blank"
 													outline
 													color="red"
 													flat
 													dense
 													icon="delete"
-													size="14px"
+													size="12px"
 												>
 													<q-tooltip>ลบไฟล์</q-tooltip>
 												</q-btn>
diff --git a/src/modules/05_leave/components/FormLeave/03_Birth.vue b/src/modules/05_leave/components/FormLeave/03_Birth.vue
index 95eeedb..7a61fc0 100644
--- a/src/modules/05_leave/components/FormLeave/03_Birth.vue
+++ b/src/modules/05_leave/components/FormLeave/03_Birth.vue
@@ -438,20 +438,24 @@ onMounted(() => {
 											<div class="col">
 												{{ "เอกสารแนบที่ " + (index + 1) }}
 											</div>
-											<q-btn
-												:href="document"
-												target="_blank"
-												outline
-												color="add"
-												icon="mdi-upload"
-												size="12px"
-												class="q-mr-md"
-											>
-												<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
-											</q-btn>
 											<div>
 												<q-btn
-													@click="clickDelete('requestID')"
+													:href="document.path"
+													target="_blank"
+													outline
+													flat
+													dense
+													color="blue"
+													icon="mdi-download"
+													size="12px"
+													class="q-mr-md"
+												>
+													<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
+												</q-btn>
+											</div>
+											<div>
+												<q-btn
+													@click="clickDelete(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 a6f13f7..8fa29ab 100644
--- a/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue
+++ b/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue
@@ -522,20 +522,24 @@ onMounted(() => {
 											<div class="col">
 												{{ "เอกสารแนบที่ " + (index + 1) }}
 											</div>
-											<q-btn
-												:href="document"
-												target="_blank"
-												outline
-												color="add"
-												icon="mdi-upload"
-												size="12px"
-												class="q-mr-md"
-											>
-												<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
-											</q-btn>
 											<div>
 												<q-btn
-													@click="clickDelete('requestID')"
+													:href="document.path"
+													target="_blank"
+													outline
+													flat
+													dense
+													color="blue"
+													icon="mdi-download"
+													size="12px"
+													class="q-mr-md"
+												>
+													<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
+												</q-btn>
+											</div>
+											<div>
+												<q-btn
+													@click="clickDelete(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 b251ca4..a0316dd 100644
--- a/src/modules/05_leave/components/FormLeave/05_VacationForm.vue
+++ b/src/modules/05_leave/components/FormLeave/05_VacationForm.vue
@@ -521,20 +521,24 @@ onMounted(() => {
 											<div class="col">
 												{{ "เอกสารแนบที่ " + (index + 1) }}
 											</div>
-											<q-btn
-												:href="document"
-												target="_blank"
-												outline
-												color="add"
-												icon="mdi-upload"
-												size="12px"
-												class="q-mr-md"
-											>
-												<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
-											</q-btn>
 											<div>
 												<q-btn
-													@click="clickDelete('requestID')"
+													:href="document.path"
+													target="_blank"
+													outline
+													flat
+													dense
+													color="blue"
+													icon="mdi-download"
+													size="12px"
+													class="q-mr-md"
+												>
+													<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
+												</q-btn>
+											</div>
+											<div>
+												<q-btn
+													@click="clickDelete(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 7df86c6..88ce4e1 100644
--- a/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue
+++ b/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue
@@ -703,20 +703,24 @@ const onClickDelete = async (id: string) => {
 											<div class="col">
 												{{ "เอกสารแนบที่ " + (index + 1) }}
 											</div>
-											<q-btn
-												:href="document"
-												target="_blank"
-												outline
-												color="add"
-												icon="mdi-upload"
-												size="12px"
-												class="q-mr-md"
-											>
-												<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
-											</q-btn>
 											<div>
 												<q-btn
-													@click="clickDelete('requestID')"
+													:href="document.path"
+													target="_blank"
+													outline
+													flat
+													dense
+													color="blue"
+													icon="mdi-download"
+													size="12px"
+													class="q-mr-md"
+												>
+													<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
+												</q-btn>
+											</div>
+											<div>
+												<q-btn
+													@click="clickDelete(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 edb93be..0bcf67c 100644
--- a/src/modules/05_leave/components/FormLeave/07_HajjForm.vue
+++ b/src/modules/05_leave/components/FormLeave/07_HajjForm.vue
@@ -468,20 +468,24 @@ const onClickDelete = async (id: string) => {
 											<div class="col">
 												{{ "เอกสารแนบที่ " + (index + 1) }}
 											</div>
-											<q-btn
-												:href="document"
-												target="_blank"
-												outline
-												color="add"
-												icon="mdi-upload"
-												size="12px"
-												class="q-mr-md"
-											>
-												<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
-											</q-btn>
 											<div>
 												<q-btn
-													@click="clickDelete('requestID')"
+													:href="document.path"
+													target="_blank"
+													outline
+													flat
+													dense
+													color="blue"
+													icon="mdi-download"
+													size="12px"
+													class="q-mr-md"
+												>
+													<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
+												</q-btn>
+											</div>
+											<div>
+												<q-btn
+													@click="clickDelete(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 e830bcd..d6395e9 100644
--- a/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue
+++ b/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue
@@ -523,20 +523,24 @@ onMounted(() => {
 												<div class="col">
 													{{ "เอกสารแนบที่ " + (index + 1) }}
 												</div>
-												<q-btn
-													:href="document"
-													target="_blank"
-													outline
-													color="add"
-													icon="mdi-upload"
-													size="12px"
-													class="q-mr-md"
-												>
-													<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
-												</q-btn>
 												<div>
 													<q-btn
-														@click="clickDelete('requestID')"
+														:href="document.path"
+														target="_blank"
+														outline
+														flat
+														dense
+														color="blue"
+														icon="mdi-download"
+														size="12px"
+														class="q-mr-md"
+													>
+														<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
+													</q-btn>
+												</div>
+												<div>
+													<q-btn
+														@click="clickDelete(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 b0a47aa..1bae511 100644
--- a/src/modules/05_leave/components/FormLeave/09_StudyForm.vue
+++ b/src/modules/05_leave/components/FormLeave/09_StudyForm.vue
@@ -679,20 +679,24 @@ onMounted(async () => {
 												<div class="col">
 													{{ "เอกสารแนบที่ " + (index + 1) }}
 												</div>
-												<q-btn
-													:href="document"
-													target="_blank"
-													outline
-													color="add"
-													icon="mdi-upload"
-													size="12px"
-													class="q-mr-md"
-												>
-													<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
-												</q-btn>
 												<div>
 													<q-btn
-														@click="clickDelete('requestID')"
+														:href="document.path"
+														target="_blank"
+														outline
+														flat
+														dense
+														color="blue"
+														icon="mdi-download"
+														size="12px"
+														class="q-mr-md"
+													>
+														<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
+													</q-btn>
+												</div>
+												<div>
+													<q-btn
+														@click="clickDelete(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 b9ba209..9fd3e0d 100644
--- a/src/modules/05_leave/components/FormLeave/10_TrainForm.vue
+++ b/src/modules/05_leave/components/FormLeave/10_TrainForm.vue
@@ -668,20 +668,24 @@ onMounted(async () => {
 												<div class="col">
 													{{ "เอกสารแนบที่ " + (index + 1) }}
 												</div>
-												<q-btn
-													:href="document"
-													target="_blank"
-													outline
-													color="add"
-													icon="mdi-upload"
-													size="12px"
-													class="q-mr-md"
-												>
-													<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
-												</q-btn>
 												<div>
 													<q-btn
-														@click="clickDelete('requestID')"
+														:href="document.path"
+														target="_blank"
+														outline
+														flat
+														dense
+														color="blue"
+														icon="mdi-download"
+														size="12px"
+														class="q-mr-md"
+													>
+														<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
+													</q-btn>
+												</div>
+												<div>
+													<q-btn
+														@click="clickDelete(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 bd4e215..c38c12f 100644
--- a/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue
+++ b/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue
@@ -419,20 +419,24 @@ onMounted(() => {
 											<div class="col">
 												{{ "เอกสารแนบที่ " + (index + 1) }}
 											</div>
-											<q-btn
-												:href="document"
-												target="_blank"
-												outline
-												color="add"
-												icon="mdi-upload"
-												size="12px"
-												class="q-mr-md"
-											>
-												<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
-											</q-btn>
 											<div>
 												<q-btn
-													@click="clickDelete('requestID')"
+													:href="document.path"
+													target="_blank"
+													outline
+													flat
+													dense
+													color="blue"
+													icon="mdi-download"
+													size="12px"
+													class="q-mr-md"
+												>
+													<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
+												</q-btn>
+											</div>
+											<div>
+												<q-btn
+													@click="clickDelete(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 8ee71ab..3f82c2d 100644
--- a/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue
+++ b/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue
@@ -741,20 +741,24 @@ onMounted(async () => {
 											<div class="col">
 												{{ "เอกสารแนบที่ " + (index + 1) }}
 											</div>
-											<q-btn
-												:href="document"
-												target="_blank"
-												outline
-												color="add"
-												icon="mdi-upload"
-												size="12px"
-												class="q-mr-md"
-											>
-												<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
-											</q-btn>
 											<div>
 												<q-btn
-													@click="clickDelete('requestID')"
+													:href="document.path"
+													target="_blank"
+													outline
+													flat
+													dense
+													color="blue"
+													icon="mdi-download"
+													size="12px"
+													class="q-mr-md"
+												>
+													<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
+												</q-btn>
+											</div>
+											<div>
+												<q-btn
+													@click="clickDelete(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 b4b72a6..33b4d28 100644
--- a/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue
+++ b/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue
@@ -389,20 +389,24 @@ onMounted(() => {
 												<div class="col">
 													{{ "เอกสารแนบที่ " + (index + 1) }}
 												</div>
-												<q-btn
-													:href="document"
-													target="_blank"
-													outline
-													color="add"
-													icon="mdi-upload"
-													size="12px"
-													class="q-mr-md"
-												>
-													<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
-												</q-btn>
 												<div>
 													<q-btn
-														@click="clickDelete('requestID')"
+														:href="document.path"
+														target="_blank"
+														outline
+														flat
+														dense
+														color="blue"
+														icon="mdi-download"
+														size="12px"
+														class="q-mr-md"
+													>
+														<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
+													</q-btn>
+												</div>
+												<div>
+													<q-btn
+														@click="clickDelete(document.docId)"
 														target="_blank"
 														outline
 														color="red"