parent
commit
ae0501e4dc
  1. 15
      FrontEnd/components/booking/BookingInfo.vue

15
FrontEnd/components/booking/BookingInfo.vue

@ -15,12 +15,12 @@
}}</span> }}</span>
</div> </div>
<div class="tw-flex tw-items-center tw-mb-[11px] md:tw-mb-[18px]"> <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 }} {{ BookingOrder.BookingNo }}
</div> </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" 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") }} {{ $t("Copy") }}
</button> </button>
@ -66,7 +66,7 @@
> >
Go to Pay Go to Pay
</button> --> </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" 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')" @click="$emit('cancel-booking')"
> >
@ -122,9 +122,18 @@ import { runInThisContext } from 'vm';
mybookingStatusMap, mybookingStatusMap,
mypaymentStatusMap, mypaymentStatusMap,
bookingColor, bookingColor,
copyEvent(id) {
var str = document.getElementById(id);
window.getSelection().selectAllChildren(str);
document.execCommand("Copy")
},
async copy(copyText){ async copy(copyText){
if (navigator.clipboard == undefined) {
console.log('clipboard is undefined');
}else{
window.navigator.clipboard.writeText(copyText); window.navigator.clipboard.writeText(copyText);
} }
}
}, },
updated() { updated() {
console.log(this.BookingOrder); console.log(this.BookingOrder);

Loading…
Cancel
Save