<template>
    <div class="eibs-tab">
        <el-collapse v-model="activeNames">
            <el-collapse-item name="conp" title="外债海外代付－签约信息" >
                <m-conp :codes="codes" :model="model" />
            </el-collapse-item>
            <el-collapse-item name="dclpp" title="外债海外代付－变动信息" v-if="model.dclflg==='X'">
                <m-dclpp :codes="codes" :model="model" :curActive = 0   />
            </el-collapse-item>
            <el-collapse-item name="dclpp2" title="外债海外代付－付息变动信息" v-if="model.dclflg==='X' && this.root.model.cfabop.cfaead.recgrp.dcl && this.root.model.cfabop.cfaead.recgrp.dcl.length > 1">
                <m-dclpp :codes="codes" :model="model" :curActive = 1  />
            </el-collapse-item>
        </el-collapse>
    </div>
</template>
<script>
    import Conp from './conp';
    import Dclpp from './dclpp';
    import event from "../event";

    export default {
        inject: ["root"],
        mixins: [event],
        components: {
            "m-conp": Conp,
            "m-dclpp": Dclpp,
        },
        props: {
            model: {
                type: Object,
                default: () => {
                }
            },
            codes: {
                type: Object,
                default: () => {
                }
            },
            
        },
        data() {
            return {
                activeNames: ['conp','dclpp','dclpp2']
            }
        },
        methods: {
            
        },
    }
</script>
<style lang="less" scoped>

</style>