diff --git a/src/modules/09_leave/components/2_Leave/formDetail/formCheckSelect.vue b/src/modules/09_leave/components/2_Leave/formDetail/formCheckSelect.vue
index dec2ed326..c6cd60719 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formCheckSelect.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formCheckSelect.vue
@@ -53,7 +53,7 @@ console.log(props);
       </div>
       <div class="row">
         <div class="col text-grey-8">เอกสารแนบ</div>
-        <div class="col" v-if="props.data.leaveDocument">
+        <div class="col" v-if="props.data.leaveDocument.length !== 0">
           <div
             v-for="(document, index) in props.data.leaveDocument"
             :key="index"
diff --git a/src/modules/09_leave/components/2_Leave/formDetail/formChildbirth.vue b/src/modules/09_leave/components/2_Leave/formDetail/formChildbirth.vue
index 5cb4f52eb..a99ddcd22 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formChildbirth.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formChildbirth.vue
@@ -47,7 +47,7 @@ const props = defineProps({
       </div>
       <div class="row">
         <div class="col text-grey-8">เอกสารแนบ</div>
-        <div class="col" v-if="props.data.leaveDocument">
+        <div class="col" v-if="props.data.leaveDocument.length !== 0">
           <div
             v-for="(document, index) in props.data.leaveDocument"
             :key="index"
diff --git a/src/modules/09_leave/components/2_Leave/formDetail/formHajj.vue b/src/modules/09_leave/components/2_Leave/formDetail/formHajj.vue
index bc08b6d7b..9145a9464 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formHajj.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formHajj.vue
@@ -40,7 +40,7 @@ const props = defineProps({
       </div>
       <div class="row">
         <div class="col text-grey-8">เอกสารแนบ</div>
-        <div class="col" v-if="props.data.leaveDocument">
+        <div class="col" v-if="props.data.leaveDocument.length !== 0">
           <div
             v-for="(document, index) in props.data.leaveDocument"
             :key="index"
diff --git a/src/modules/09_leave/components/2_Leave/formDetail/formHoliday.vue b/src/modules/09_leave/components/2_Leave/formDetail/formHoliday.vue
index 0a5a19555..78dacdd68 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formHoliday.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formHoliday.vue
@@ -52,7 +52,7 @@ const props = defineProps({
       </div>
       <div class="row">
         <div class="col text-grey-8">เอกสารแนบ</div>
-        <div class="col" v-if="props.data.leaveDocument">
+        <div class="col" v-if="props.data.leaveDocument.length !== 0">
           <div
             v-for="(document, index) in props.data.leaveDocument"
             :key="index"
diff --git a/src/modules/09_leave/components/2_Leave/formDetail/formLeave.vue b/src/modules/09_leave/components/2_Leave/formDetail/formLeave.vue
index ae0abfafb..0c845d0e0 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formLeave.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formLeave.vue
@@ -50,7 +50,7 @@ const props = defineProps({
       </div>
       <div class="row">
         <div class="col text-grey-8">เอกสารแนบ</div>
-        <div class="col" v-if="props.data.leaveDocument">
+        <div class="col" v-if="props.data.leaveDocument.length !== 0">
           <div
             v-for="(document, index) in props.data.leaveDocument"
             :key="index"
diff --git a/src/modules/09_leave/components/2_Leave/formDetail/formLeaveToTraining.vue b/src/modules/09_leave/components/2_Leave/formDetail/formLeaveToTraining.vue
index 80a1e3d77..94142b836 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formLeaveToTraining.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formLeaveToTraining.vue
@@ -111,7 +111,7 @@ function convertDateToEng(dataThia: string) {
       </div>
       <div class="row">
         <div class="col text-grey-8">เอกสารแนบ</div>
-        <div class="col" v-if="props.data.leaveDocument">
+        <div class="col" v-if="props.data.leaveDocument.length !== 0">
           <div
             v-for="(document, index) in props.data.leaveDocument"
             :key="index"
diff --git a/src/modules/09_leave/components/2_Leave/formDetail/formSpouse.vue b/src/modules/09_leave/components/2_Leave/formDetail/formSpouse.vue
index dc230de9f..be95c3bf5 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formSpouse.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formSpouse.vue
@@ -118,7 +118,7 @@ function convertDateToEng(dataThia: string) {
       </div>
       <div class="row">
         <div class="col text-grey-8">เอกสารแนบ</div>
-        <div class="col" v-if="props.data.leaveDocument">
+        <div class="col" v-if="props.data.leaveDocument.length !== 0">
           <div
             v-for="(document, index) in props.data.leaveDocument"
             :key="index"
diff --git a/src/modules/09_leave/components/2_Leave/formDetail/formStudy.vue b/src/modules/09_leave/components/2_Leave/formDetail/formStudy.vue
index 802990d10..4d3ccdb8a 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formStudy.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formStudy.vue
@@ -114,7 +114,7 @@ function convertDateToEng(dataThia: string) {
       </div>
       <div class="row">
         <div class="col text-grey-8">เอกสารแนบ</div>
-        <div class="col" v-if="props.data.leaveDocument">
+        <div class="col" v-if="props.data.leaveDocument.length !== 0">
           <div
             v-for="(document, index) in props.data.leaveDocument"
             :key="index"
diff --git a/src/modules/09_leave/components/2_Leave/formDetail/formUpasom.vue b/src/modules/09_leave/components/2_Leave/formDetail/formUpasom.vue
index 4639745bc..de50b54ef 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formUpasom.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formUpasom.vue
@@ -65,7 +65,7 @@ const props = defineProps({
       </div>
       <div class="row">
         <div class="col text-grey-8">เอกสารแนบ</div>
-        <div class="col" v-if="props.data.leaveDocument">
+        <div class="col" v-if="props.data.leaveDocument.length !== 0">
           <div
             v-for="(document, index) in props.data.leaveDocument"
             :key="index"
diff --git a/src/modules/09_leave/components/2_Leave/formDetail/formVocationalRehabilitation.vue b/src/modules/09_leave/components/2_Leave/formDetail/formVocationalRehabilitation.vue
index 68e66a89a..1425840e9 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formVocationalRehabilitation.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formVocationalRehabilitation.vue
@@ -27,17 +27,23 @@ const props = defineProps({
       </div>
       <div class="row">
         <div class="col text-grey-8">เอกสารประกอบ</div>
-        <div class="col" v-if="props.data.leaveDocument">
-          <q-btn
-            :href="props.data.leaveDocument"
-            target="_blank"
-            outline
-            color="blue"
-            label="ดาวน์โหลด"
-            size="12px"
-          >
-            <q-tooltip>ดาวน์โหลดไฟล์</q-tooltip></q-btn
+        <div class="col" v-if="props.data.leaveDocument.length !== 0">
+          <div
+            v-for="(document, index) in props.data.leaveDocument"
+            :key="index"
+            :style="{ marginBottom: '10px' }"
           >
+            <q-btn
+              :href="document"
+              target="_blank"
+              outline
+              color="blue"
+              :label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`"
+              size="12px"
+            >
+              <q-tooltip>ดาวน์โหลดไฟล์</q-tooltip></q-btn
+            >
+          </div>
         </div>
         <div class="col" v-else>-</div>
       </div>