<template>
  <div>
    <!-- 详情 -->
    <Detail :selectedRow="selectedRow" />
    <!-- 完成备货- -->
    <CompleteStocking :selectedRow="selectedRow"
                      @refresh="refresh" />
    <!-- 确认提货 -->
    <ConfirmPickup :selectedRow="selectedRow"
                   @refresh="refresh" />
    <!-- 确认收货 -->
    <Receipt :selectedRow="selectedRow"
             @refresh="refresh" />
    <!-- 上传物流 -->
    <UploadLogistics :selectedRow="selectedRow"
                     @refresh="refresh" />
  </div>
</template>

<script lang="ts">
import { defineComponent, PropType } from 'vue';
import { QueryCustomInfoType } from '@/services/go/ermcp/customInfo/interface';
import Detail from '../detail/index.vue';
import CompleteStocking from '../complete_stocking/index.vue';
import ConfirmPickup from '../confirm_pickup/index.vue';
import Receipt from '../query_receipt/index.vue';
import UploadLogistics from '../upload_logistics/index.vue';
import { QhjTradeGoodsPickup } from '@/services/go/ermcp/qhj/interface';

export default defineComponent({
    name: 'custom-control-modal',
    components: { Detail, CompleteStocking, ConfirmPickup, Receipt, UploadLogistics },
    props: {
        selectedRow: {
            type: Object as PropType<QhjTradeGoodsPickup>,
            default: {},
        },
    },
    setup(props, context) {
        function refresh() {
            context.emit('refresh');
        }
        return {
            refresh,
        };
    },
});
</script>

<style lang="less">
.custom-detail {
    .ant-form.inlineForm {
        margin-top: 20px;
    }
    .upload {
        .look {
            margin-left: 0;
        }
    }
}
</style>;

