<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 Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Brtame/Event";
import Utils from "~/utils";
import Rog from "./Rog.vue";
import Shpdet from "./Shpdet.vue";

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

<style>
</style>