<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="2101跨境收入信息" name="incp" v-if="model.cnybop.cnyflg === '1'">
                <m-incp :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="basp3" v-if="model.bopmod.basflg != '' && model.bopmod.szflg == '1'">
                <m-basp3 :model="model" :codes="codes" />
            </el-collapse-item>

            <el-collapse-item title="境内汇款申请书-基础信息" name="basp2" v-if="model.bopmod.basflg != '' && model.bopmod.szflg == '2'">
                <m-basp :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 Basp3 from "./Basp3.vue";
import Basp from "./Basp.vue";
import Incp from "./Incp";

export default {
    inject: ["root"],
    components: {
        "m-cnyp1": Cnyp1,
        "m-wg": Wg,
        "m-basp3": Basp3,
        "m-basp": Basp,
        "m-incp": Incp,
    },
    props: ["model", "codes"],
    mixins: [commonProcess],
    data() {
        return {
            activeNames: ["cnyp1"],
        };
    },
    methods: { ...Event, handleChange() { } },
    created: function () { },
};
</script>
<style>

</style>