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 d599bc200..dec2ed326 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formCheckSelect.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formCheckSelect.vue
@@ -54,16 +54,22 @@ console.log(props);
       <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
+            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>
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 4e4098834..5cb4f52eb 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formChildbirth.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formChildbirth.vue
@@ -48,16 +48,22 @@ const props = defineProps({
       <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
+            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>
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 1aac5e23c..bc08b6d7b 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formHajj.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formHajj.vue
@@ -41,16 +41,22 @@ const props = defineProps({
       <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
+            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>
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 98a3c1960..0a5a19555 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formHoliday.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formHoliday.vue
@@ -53,16 +53,22 @@ const props = defineProps({
       <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
+            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>
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 0ef061780..ae0abfafb 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formLeave.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formLeave.vue
@@ -51,16 +51,22 @@ const props = defineProps({
       <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
+            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>
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 c025762b1..80a1e3d77 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formLeaveToTraining.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formLeaveToTraining.vue
@@ -112,16 +112,22 @@ function convertDateToEng(dataThia: string) {
       <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
+            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>
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 86547ad36..dc230de9f 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formSpouse.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formSpouse.vue
@@ -119,16 +119,22 @@ function convertDateToEng(dataThia: string) {
       <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
+            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>
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 ef0a77b85..802990d10 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formStudy.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formStudy.vue
@@ -115,16 +115,22 @@ function convertDateToEng(dataThia: string) {
       <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
+            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>
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 9aac318b6..4639745bc 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formUpasom.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formUpasom.vue
@@ -66,16 +66,22 @@ const props = defineProps({
       <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
+            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>