From 98fa262553a9bcdf98aa8af6e191681a542c3ccc Mon Sep 17 00:00:00 2001
From: setthawutttty <stw.ttty@gmail.com>
Date: Mon, 9 Oct 2023 10:41:27 +0700
Subject: [PATCH] btn download

---
 .../components/3_result/Dialogbody.vue        | 23 +++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/modules/07_insignia/components/3_result/Dialogbody.vue b/src/modules/07_insignia/components/3_result/Dialogbody.vue
index 11d94823a..c19440bd9 100644
--- a/src/modules/07_insignia/components/3_result/Dialogbody.vue
+++ b/src/modules/07_insignia/components/3_result/Dialogbody.vue
@@ -37,6 +37,7 @@ const props = defineProps({
   fecthlistInsignia: Function,
   dateCheckReceive: String,
   dateCheckReturn: String,
+
   dataModal: Object,
 });
 // reset วันที่ประกาศราชกิจจานุเบกษา
@@ -126,6 +127,8 @@ watch(props, () => {
     Datereceive.value = props.dataModal.dateReceiveInsignia;
     Datereturn.value = props.dataModal.dateReturnInsignia;
     OrganazationId.value = props.dataModal.orgReceiveInsignia;
+    files.value = props.dataModal.docReceiveInsignia
+    filesReturn.value =props.dataModal.docReturnInsignia
     OrganazationId2.value =
       Datereturn.value != null
         ? props.dataModal.orgReturnInsignia == null ||
@@ -211,7 +214,7 @@ onMounted(() => {
               </datepicker>
             </div>
 
-            <div class="col-xs-12 col-sm-4">
+            <div class="col-xs-12 col-sm-4" v-if="files === null">
               <q-file
                 outlined
                 dense
@@ -245,6 +248,14 @@ onMounted(() => {
                 :disable="dateCheckReceive !== null"
               />
             </div>
+            <q-btn
+                type="a"
+                target="_blank"
+                :href="files"
+                size="md" icon="mdi-download" flat round color="primary"
+              >
+                <q-tooltip>ดาวน์โหลดเอกสาร รับเครื่องราชฯ</q-tooltip>
+              </q-btn>
           </div>
 
           <div
@@ -300,7 +311,7 @@ onMounted(() => {
                 </template>
               </datepicker>
             </div>
-            <div class="col-xs-12 col-sm-4">
+            <div class="col-xs-12 col-sm-4" v-if="filesReturn === null">
               <q-file
                 outlined
                 dense
@@ -334,6 +345,14 @@ onMounted(() => {
                 :disable="dateCheckReturn !== null"
               />
             </div>
+            <q-btn
+                type="a"
+                target="_blank"
+                :href="filesReturn"
+                size="md" icon="mdi-download" flat round color="primary"
+              >
+                <q-tooltip>ดาวน์โหลดเอกสาร คืนเครื่องราชฯ</q-tooltip>
+              </q-btn>
           </div>
         </div>
       </q-form>