From 10bbc9794a3c3edebe09bd79c6616605a591457d Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Thu, 11 Jan 2024 15:34:14 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=20?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=B2=E0=B8=A2=E0=B8=A5=E0=B8=B0=E0=B9=80=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=B5=E0=B8=A2=E0=B8=94=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B8=A5?=
 =?UTF-8?q?=E0=B8=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../2_Leave/formDetail/formCheckSelect.vue    | 24 ++++++++++++-------
 .../2_Leave/formDetail/formChildbirth.vue     | 24 ++++++++++++-------
 .../2_Leave/formDetail/formHajj.vue           | 24 ++++++++++++-------
 .../2_Leave/formDetail/formHoliday.vue        | 24 ++++++++++++-------
 .../2_Leave/formDetail/formLeave.vue          | 24 ++++++++++++-------
 .../formDetail/formLeaveToTraining.vue        | 24 ++++++++++++-------
 .../2_Leave/formDetail/formSpouse.vue         | 24 ++++++++++++-------
 .../2_Leave/formDetail/formStudy.vue          | 24 ++++++++++++-------
 .../2_Leave/formDetail/formUpasom.vue         | 24 ++++++++++++-------
 9 files changed, 135 insertions(+), 81 deletions(-)

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>