<template>
    <div class="eibs-tab">
        <el-tabs @tab-click="tabClick" v-model="activeName">
            <el-tab-pane label="申报管理" name="rmb">
                <c-content>
                    <m-rmb :codes="codes" :model="rmbbop"/>
                </c-content>
            </el-tab-pane>
            <el-tab-pane label="跨境收入基本信息" name="ads2101" v-if="rmbbop.rmb2101.rmbflg==='1'">
                <c-content>
                    <m-ads2101 :codes="codes" :model="rmbbop.rmb2101"/>
                </c-content>
            </el-tab-pane>
            <el-tab-pane label="跨境收入申报信息" name="ads2112" v-if="rmbbop.rmb2112.rmbflg==='1'">
                <c-content>
                    <m-ads2112 :codes="codes" :model="rmbbop.rmb2112"/>
                </c-content>
            </el-tab-pane>
            <el-tab-pane label="跨境支出信息" name="ads2111" v-if="rmbbop.rmb2111.rmbflg==='1'">
                <c-content>
                    <m-ads2111 :codes="codes" :model="rmbbop.rmb2111"/>
                </c-content>
            </el-tab-pane>
            <el-tab-pane label="境外主体之间资金划转业务信息" name="ads2107" v-if="rmbbop.rmb2107.rmbflg==='1'">
                <c-content>
                    <m-ads2107 :codes="codes" :model="rmbbop.rmb2107"/>
                </c-content>
            </el-tab-pane>
            <el-tab-pane label="跨境同业融资业务信息" name="ads2103" v-if="rmbbop.rmb2103.rmbflg==='1'">
                <c-content>
                    <m-ads2103 :codes="codes" :model="rmbbop.rmb2103"/>
                </c-content>
            </el-tab-pane>
            <el-tab-pane label="银行跟单及其他贸易融资业务信息" name="ads2106" v-if="rmbbop.rmb2106.rmbflg==='1'">
                <c-content>
                    <m-ads2106 :codes="codes" :model="rmbbop.rmb2106"/>
                </c-content>
            </el-tab-pane>
            <el-tab-pane label="跨境信贷融资业务信息" name="ads2108" v-if="rmbbop.rmb2108.rmbflg==='1'">
                <c-content>
                    <m-ads2108 :codes="codes" :model="rmbbop.rmb2108"/>
                </c-content>
            </el-tab-pane>
            <el-tab-pane label="跨境担保业务信息" name="ads2122" v-if="rmbbop.rmb2122.rmbflg==='1'">
                <c-content>
                    <m-ads2122 :codes="codes" :model="rmbbop.rmb2122"/>
                </c-content>
            </el-tab-pane>
            <el-tab-pane label="跨境担保履约信息" name="ads2123" v-if="rmbbop.rmb2123.rmbflg==='1'">
                <c-content>
                    <m-ads2123 :codes="codes" :model="rmbbop.rmb2123"/>
                </c-content>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>
<script>
    import Rmb from './rmb'
    import event from "../event";
    import Ads2101 from "../../rmb2101/views/ads2101";
    import Ads2103 from "../../rmb2103/views/ads2103";
    import Ads2106 from "../../rmb2106/views/ads2106";
    import Ads2107 from "../../rmb2107/views/ads2107";
    import Ads2108 from "../../rmb2108/views/ads2108";
    import Ads2111 from "../../rmb2111/views/ads2111";
    import Ads2112 from "../../rmb2112/views/ads2112";
    import Ads2122 from "../../rmb2122/views/ads2122";
    import Ads2123 from "../../rmb2123/views/ads2123";


    export default {
        inject: ["root"],
        mixins: [event],
        components: {
            "m-rmb": Rmb,
            "m-ads2101": Ads2101,
            "m-ads2103": Ads2103,
            "m-ads2106": Ads2106,
            "m-ads2107": Ads2107,
            "m-ads2108": Ads2108,
            "m-ads2111": Ads2111,
            "m-ads2112": Ads2112,
            "m-ads2122": Ads2122,
            "m-ads2123": Ads2123,
        },
        props: ["model", "codes"],
        provide() {
            return {
                calcRmbbop: this.calcRmbbop
            };
        },
        data() {
            return {
                activeName: "rmb",
                rmbbop: this.model.rmbbop,
            }
        },
        methods: {
            async calcRmbbop() {
                const commonData = this.root.buildCommonData(this.root.model, this.root.trnName);
                return await this.initRmbbop(this.buildRmbbop(commonData));
            }
        }
        // mounted() {
        //     this.initRmbbop();
        // },
    }
</script>
<style scoped>
    /deep/ .el-form-item__label {
        padding-left: 10px;
        padding-right: 10px;
        line-height: 20px !important;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        text-align: left;
    }
</style>