<template>
    <modal-deliver
        ref="modalDeliver"
        :expresses="expresses"
        :store-info="storeInfo"
        @deliver="deliver">
    </modal-deliver>
</template>

<script>
    import InvoiceService from 'services/repository/invoice-service';

    export default {
        name: 'send-modal',
        props: {
            orderInfo: {
                type: Object,
                default() {
                    return {};
                }
            }
        },
        created() {
            this.invoiceService = new InvoiceService();
        },
        watch: {
            orderInfo(val) {
                let {storeroomName: storeName, address, adminName, phone} = val;

                this.storeInfo = {storeName, address, adminName, phone};
            }
        },
        data() {
            return {
                expresses: [],
                storeInfo: {}
            };
        },
        methods: {
            show() {
                this.invoiceService.listExpress().then((result) => {
                    this.expresses = result.data;
                });
                this.$refs.modalDeliver.show();
            },
            hide() {
                this.$refs.modalDeliver.hide();
            },
            deliver(data) {
                this.$emit('deliver', data);
            }
        }
    };
</script>