<template>
    <div class="eibs-tab">
        <el-tabs v-model="activeName" @tab-click="bopclick" >
            <el-tab-pane label="资本项目" name="cfacomp">
                <c-content>
                    <m-comp :codes="codes" :model="cfabop"/>
                </c-content>
            </el-tab-pane>

            <el-tab-pane label="国内外汇贷款" name="cfaeca" v-if="cfabop.cfaeca.basflg==='X'||cfabop.cfaeca.dclflg==='X'">
                <c-content>
                    <m-cfaeca :codes="codes" :model="cfabop.cfaeca"  />
                </c-content>
            </el-tab-pane>

            <el-tab-pane label="海外代付" name="cfaead" v-if="cfabop.cfaead.basflg==='X'||cfabop.cfaead.dclflg==='X'">
                <c-content>
                    <m-cfaead :codes="codes" :model="cfabop.cfaead"  />
                </c-content>
            </el-tab-pane>

            <el-tab-pane label="远期信用证" name="cfaeaf" v-if="cfabop.cfaeaf.basflg==='X'||cfabop.cfaeaf.dclflg==='X'">
                <c-content>
                    <m-cfaeaf :codes="codes" :model="cfabop.cfaeaf"  />
                </c-content>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>
<script>
    import event from "../event";

    import comp from './comp.vue';
    import cfaeca from "../../cfaeca/views";
    import cfaead from "../../cfaead/views";
    import cfaeaf from "../../cfaeaf/views";
    import commonDepend from "~/mixin/commonDepend";

    export default {
        inject: ["root"],
        mixins: [event,commonDepend],
        components: {
            "m-comp": comp,
            "m-cfaeca": cfaeca,
            "m-cfaead": cfaead,
            "m-cfaeaf": cfaeaf,
        },
        props: ["model", "codes"],
        data() {
            return {
                activeName: 'cfacomp',
                cfabop: this.model.cfabop,
            }
        },
      methods: {
          //点击国内外汇贷款页签触发试算
        bopclick(tab,event) {
            //快照模式不触发试算
        if (this.isInDisplay) {
                return
            }
            if(tab.name ==='cfaeca'||tab.name ==='cfaead'||tab.name ==='cfaeaf'){
                let buildCfabop = this.root.buildCommonData(this.root.model,this.root.trnName);
                this.initCfabop(buildCfabop);
            }
           
        },

        
      }
    }
</script>
<style scoped>
    /deep/ .el-form-item__label {
        padding: 0 10 0 10px;
        line-height: 20px !important;
        display: flex;
        align-items: center;
        justify-content: flex-start;
				text-align: left;
    }
</style>