shipping-portal/resources/assets/vue/components/companies/elements/FulfilmentConfirmationFormComponent.vue

<template>
    <div class="row bg-white padding-25">
        <div class="col">
            <loading-component style="height: 300px; top: 0;" key="1" color="success" v-show="isLoading" ></loading-component>
            <div class="row justify-content-center" v-show="!isLoading">
                <div class="col">
                    <div class="row">
                        <div class="col">
                            <h3>欲知更多详情，请浏览 <a href="https://bit.ly/4a5v34p" target="_blank" class="text-underline">https://bit.ly/4a5v34p</a> 或联系 Whatsapp: <a href="https://wa.me/601136814520" target="_blank" class="text-underline text-success">+6011-36814520</a></h3>
                        </div>
                    </div>
                    <div class="row p-t-15">
                        <div class="col p-r-5">
                            <div class="btn btn-lg block btn m-b-5 no-border bg-master-lighter" data-dismiss="modal">Cancel</div>
                        </div>
                        <div class="col p-l-5">
                            <div class="btn btn-lg block btn m-b-5 no-border text-white bg-primary pointer" @click="activateService(10)">Confirm</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
    import componentHandler from '../../../general/mixins/componentHandler';
    import ModalFormHandler from '../../../general/mixins/modalFormHandler';
    export default {
        props: {
            activateService: {
                type: Function,
                required: true,
            },
        },
        mixins: [componentHandler, ModalFormHandler]

    }
</script>