<template>
    <layout-body>
        <order-info ref="info" :id="id"></order-info>

        <layout-action>
            <Button type="primary" @click="back">返回发货入库列表</Button>
        </layout-action>
        <layout-list>
            <Tabs type="card" :animated="false" @on-click="onTabsClick">
                <Tab-pane label="已选商品">
                    <product-list ref="selectProduct"
                                 :oid="id"
                                 :brandId="brandId"
                                 :selected="true"
                                 :show="true">
                    </product-list>
                </Tab-pane>
            </Tabs>
        </layout-list>

    </layout-body>
</template>

<script>
    import ProductList from './components/product-list';
    import OrderInfo from './components/order-info';

    export default {
        data() {
            return {
                id: '',
            };
        },
        created() {
            this.id = this.$route.params.id;
        },
        methods: {
            back() {
                this.$router.push({name: 'repository.invoice.list'});
            },
        },
        components: {
            ProductList,
            OrderInfo
        }
    };
</script>