From eb1a20054be01aed3bc29ce9a012a7a71e8f655b Mon Sep 17 00:00:00 2001
From: Janie <109517022+Janie06@users.noreply.github.com>
Date: Mon, 27 Mar 2023 14:30:31 +0800
Subject: [PATCH] =?UTF-8?q?fix=20=E8=A8=82=E5=96=AE=E5=85=A7=E5=AE=B9?=
 =?UTF-8?q?=E9=A0=81=E8=A4=87=E8=A3=BD=E6=8C=89=E9=88=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 FrontEnd/components/booking/BookingInfo.vue | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/FrontEnd/components/booking/BookingInfo.vue b/FrontEnd/components/booking/BookingInfo.vue
index d35cfb6..5786237 100644
--- a/FrontEnd/components/booking/BookingInfo.vue
+++ b/FrontEnd/components/booking/BookingInfo.vue
@@ -15,12 +15,12 @@
           }}</span>
       </div>
       <div class="tw-flex tw-items-center tw-mb-[11px] md:tw-mb-[18px]">
-        <div class="tw-body-4 tw-text-neutrals-800 tw-mr-[11px] md:tw-body-3">
+        <div id="copyText" class="tw-body-4 tw-text-neutrals-800 tw-mr-[11px] md:tw-body-3">
           {{ BookingOrder.BookingNo }}
         </div>
-        <button
+        <button 
           class="tw-body-5 tw-py-[4px] tw-px-[10px] tw-rounded-[12px] tw-bg-complementary-3 tw-text-complementary-1 md:tw-body-4 hover:tw-text-[#A0B5FF] no-print"
-          @click="copy(BookingOrder.BookingNo)"
+          @click="copyEvent('copyText')"
         >
           {{ $t("Copy") }}
         </button>
@@ -66,7 +66,7 @@
         >
           Go to Pay
         </button> -->
-        <button v-if="BookingOrder.OnSiteService.Provider.ProviderStatus"
+        <button v-if="BookingOrder.OnSiteService.Provider.ProviderStatus != '04' || BookingOrder.OnSiteService.Provider.ProviderStatus != '03'"
           class="tw-py-[10px] tw-px-[19px] tw-rounded-[12px] tw-text-neutrals-400 tw-border-solid tw-border-neutrals-400 tw-border-[1px] xl:tw-col-span-2 hover:tw-bg-neutrals-100 no-print"
           @click="$emit('cancel-booking')"
         >
@@ -122,8 +122,17 @@ import { runInThisContext } from 'vm';
       mybookingStatusMap,
       mypaymentStatusMap,
       bookingColor,
+      copyEvent(id) {
+        var str = document.getElementById(id);
+        window.getSelection().selectAllChildren(str);
+        document.execCommand("Copy")
+      },
       async copy(copyText){
-        window.navigator.clipboard.writeText(copyText);
+        if (navigator.clipboard == undefined) {
+          console.log('clipboard is undefined');
+        }else{
+          window.navigator.clipboard.writeText(copyText);
+        }
       }
     },
     updated() {