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 5379cf706..f9ab14f68 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,18 @@ console.log(props);
       </div>
       <div class="row">
         <div class="col text-grey-8">เอกสารแนบ</div>
-        <div class="col">{{ props.data.leaveDocument }}</div>
+        <div class="col">
+          <q-btn
+            :href="props.data.leaveDocument"
+            target="_blank"
+            outline
+            color="blue"
+            label="ดาวน์โหลด"
+            size="12px"
+          >
+            <q-tooltip>ดาวน์โหลดไฟล์</q-tooltip></q-btn
+          >
+        </div>
       </div>
     </div>
   </q-card-section>
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 6f28570e9..1077b3d94 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,16 @@ const props = defineProps({
       </div>
       <div class="row">
         <div class="col text-grey-8">เอกสารแนบ</div>
-        <div class="col">{{ props.data.leaveDocument }}</div>
+        <div class="col"><q-btn
+          :href="props.data.leaveDocument"
+          target="_blank"
+          outline
+          color="blue"
+          label="ดาวน์โหลด"
+          size="12px"
+        >
+          <q-tooltip>ดาวน์โหลดไฟล์</q-tooltip></q-btn
+        ></div>
       </div>
     </div>
   </q-card-section>
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 e241d886b..ad3bcdff1 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,16 @@ const props = defineProps({
       </div>
       <div class="row">
         <div class="col text-grey-8">เอกสารแนบ</div>
-        <div class="col">{{ props.data.leaveDocument }}</div>
+        <div class="col"><q-btn
+          :href="props.data.leaveDocument"
+          target="_blank"
+          outline
+          color="blue"
+          label="ดาวน์โหลด"
+          size="12px"
+        >
+          <q-tooltip>ดาวน์โหลดไฟล์</q-tooltip></q-btn
+        ></div>
       </div>
     </div>
   </q-card-section>
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 ef553a1ef..6ced2a8f0 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,18 @@ const props = defineProps({
       </div>
       <div class="row">
         <div class="col text-grey-8">เอกสารแนบ</div>
-        <div class="col">{{ props.data.leaveDocument }}</div>
+        <div class="col">
+          <q-btn
+            :href="props.data.leaveDocument"
+            target="_blank"
+            outline
+            color="blue"
+            label="ดาวน์โหลด"
+            size="12px"
+          >
+            <q-tooltip>ดาวน์โหลดไฟล์</q-tooltip></q-btn
+          >
+        </div>
       </div>
     </div>
   </q-card-section>
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 5997fbeea..0de4d4404 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,16 @@ const props = defineProps({
       </div>
       <div class="row">
         <div class="col text-grey-8">เอกสารแนบ</div>
-        <div class="col">{{ props.data.leaveDocument }}</div>
+        <div class="col"><q-btn
+          :href="props.data.leaveDocument"
+          target="_blank"
+          outline
+          color="blue"
+          label="ดาวน์โหลด"
+          size="12px"
+        >
+          <q-tooltip>ดาวน์โหลดไฟล์</q-tooltip></q-btn
+        ></div>
       </div>
     </div>
   </q-card-section>
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 07d6ecf41..bfdaccf88 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formLeaveToTraining.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formLeaveToTraining.vue
@@ -71,7 +71,16 @@ const props = defineProps({
       </div>
       <div class="row">
         <div class="col text-grey-8">เอกสารแนบ</div>
-        <div class="col">{{ props.data.leaveDocument }}</div>
+        <div class="col"><q-btn
+          :href="props.data.leaveDocument"
+          target="_blank"
+          outline
+          color="blue"
+          label="ดาวน์โหลด"
+          size="12px"
+        >
+          <q-tooltip>ดาวน์โหลดไฟล์</q-tooltip></q-btn
+        ></div>
       </div>
     </div>
   </q-card-section>
diff --git a/src/modules/09_leave/components/2_Leave/formDetail/formLeaveToWorkInternational.vue b/src/modules/09_leave/components/2_Leave/formDetail/formLeaveToWorkInternational.vue
index 217a7c2fc..a3688fad3 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formLeaveToWorkInternational.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formLeaveToWorkInternational.vue
@@ -27,7 +27,16 @@ const props = defineProps({
       </div>
       <div class="row">
         <div class="col text-grey-8">เอกสารแนบ</div>
-        <div class="col">{{ props.data.leaveDocument }}</div>
+        <div class="col"><q-btn
+          :href="props.data.leaveDocument"
+          target="_blank"
+          outline
+          color="blue"
+          label="ดาวน์โหลด"
+          size="12px"
+        >
+          <q-tooltip>ดาวน์โหลดไฟล์</q-tooltip></q-btn
+        ></div>
       </div>
     </div>
   </q-card-section>
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 8b69e43c4..d46811361 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formSpouse.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formSpouse.vue
@@ -78,7 +78,18 @@ const props = defineProps({
       </div>
       <div class="row">
         <div class="col text-grey-8">เอกสารแนบ</div>
-        <div class="col">{{ props.data.leaveDocument }}</div>
+        <div class="col">
+          <q-btn
+            :href="props.data.leaveDocument"
+            target="_blank"
+            outline
+            color="blue"
+            label="ดาวน์โหลด"
+            size="12px"
+          >
+            <q-tooltip>ดาวน์โหลดไฟล์</q-tooltip></q-btn
+          >
+        </div>
       </div>
     </div>
   </q-card-section>
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 670367768..0cfee4d25 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formStudy.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formStudy.vue
@@ -74,7 +74,18 @@ const props = defineProps({
       </div>
       <div class="row">
         <div class="col text-grey-8">เอกสารแนบ</div>
-        <div class="col">{{ props.data.leaveDocument }}</div>
+        <div class="col">
+          <q-btn
+            :href="props.data.leaveDocument"
+            target="_blank"
+            outline
+            color="blue"
+            label="ดาวน์โหลด"
+            size="12px"
+          >
+            <q-tooltip>ดาวน์โหลดไฟล์</q-tooltip></q-btn
+          >
+        </div>
       </div>
     </div>
   </q-card-section>
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 e87b78a42..fcaeb6413 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,16 @@ const props = defineProps({
       </div>
       <div class="row">
         <div class="col text-grey-8">เอกสารแนบ</div>
-        <div class="col">{{ props.data.leaveDocument }}</div>
+        <div class="col"><q-btn
+          :href="props.data.leaveDocument"
+          target="_blank"
+          outline
+          color="blue"
+          label="ดาวน์โหลด"
+          size="12px"
+        >
+          <q-tooltip>ดาวน์โหลดไฟล์</q-tooltip></q-btn
+        ></div>
       </div>
     </div>
   </q-card-section>
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 217a7c2fc..eff0e7afc 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formVocationalRehabilitation.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formVocationalRehabilitation.vue
@@ -27,7 +27,18 @@ const props = defineProps({
       </div>
       <div class="row">
         <div class="col text-grey-8">เอกสารแนบ</div>
-        <div class="col">{{ props.data.leaveDocument }}</div>
+        <div class="col">
+          <q-btn
+            :href="props.data.leaveDocument"
+            target="_blank"
+            outline
+            color="blue"
+            label="ดาวน์โหลด"
+            size="12px"
+          >
+            <q-tooltip>ดาวน์โหลดไฟล์</q-tooltip></q-btn
+          >
+        </div>
       </div>
     </div>
   </q-card-section>