<template>
<div class="eibs-tab">
    <el-collapse v-model="activeNames" @change="handleChange">
        <el-collapse-item title="提货担保" name="rog">

            <m-rog :model="model" :codes="codes" />

        </el-collapse-item>

        <el-collapse-item title="运输信息" name="shpdet">

            <m-shpdet :model="model" :codes="codes" />

        </el-collapse-item>

    </el-collapse>
</div>
</template>

<script>
import event from '../event';
import Rog from './Rog.vue';
import Shpdet from './Shpdet.vue';

export default {
    inject: ['root'],
    props: ['model', 'codes'],
    mixins: [event],
    components: {
        'm-rog': Rog,
        'm-shpdet': Shpdet,
    },
    methods: {
        handleChange(val) {
            console.log(val);
        },
    },
    data() {
        return {
            flag: true,
            activeNames: ['rog'],
        };
    },
    created: function () {},
};
</script>

<style>
</style>