<template>
    <div class="eibs-tab">
        <el-collapse v-model="activeNames" @change="handleChange">
            <el-collapse-item title="跨境人民币申报" name="cnyp1">
                <m-cnyp1 :model="model" :codes="codes" />
            </el-collapse-item>

            <el-collapse-item title="2111跨境支出信息" name="outp" v-if="model.cnybop.outflg === '1'">
                <m-outp :model="model" :codes="codes" />
            </el-collapse-item>
            <el-collapse-item title="外管信息" name="wg">
                <m-wg :model="model" :codes="codes" />
            </el-collapse-item>

            <el-collapse-item title="境内汇款申请书-基础信息" name="dbe" v-if="model.bopmod.szflg === '2' && model.bopmod.basflg">
                <m-dbe :model="model" :codes="codes" />
            </el-collapse-item>

            <el-collapse-item title="境外汇款申请书-基础信息" name="dbb" v-if="model.bopmod.szflg === '1' && model.bopmod.basflg">
                <m-dbb :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/Cptopn/Event";


import Cnyp1 from "./Cnyp1";
import Wg from "./Wg";
import Dbe from "./Dbe.vue";
import Dbb from "./Dbb.vue";
import Outp from "./Outp.vue";

export default {
    inject: ["root"],
    components: {
        "m-cnyp1": Cnyp1,
        "m-wg": Wg,
        "m-dbe": Dbe,
        "m-dbb": Dbb,
        "m-outp": Outp,
    },
    props: ["model", "codes"],
    mixins: [commonProcess],
    data() {
        return {
            activeNames: ["cnyp1"],
        };
    },
    methods: { ...Event, handleChange() { } },
    created: function () { },
};
</script>
<style>

</style>