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

---
 .../2_Leave/formDetail/formCheckSelect.vue    |  2 +-
 .../2_Leave/formDetail/formChildbirth.vue     |  2 +-
 .../2_Leave/formDetail/formHajj.vue           |  2 +-
 .../2_Leave/formDetail/formHoliday.vue        |  2 +-
 .../2_Leave/formDetail/formLeave.vue          |  2 +-
 .../formDetail/formLeaveToTraining.vue        |  2 +-
 .../2_Leave/formDetail/formSpouse.vue         |  2 +-
 .../2_Leave/formDetail/formStudy.vue          |  2 +-
 .../2_Leave/formDetail/formUpasom.vue         |  2 +-
 .../formVocationalRehabilitation.vue          | 26 ++++++++++++-------
 10 files changed, 25 insertions(+), 19 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 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>