<template>
    <div class="eContainer">
        <c-page title="转让信用证单据第一受益人换单">
    <el-form :model="model" :rules="rules" ref="modelForm" label-width="180px" label-position="right" size="small" :validate-on-rule-change="false">
        <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
                   <!--bttdck PD000003 Docs. received -->
           <el-tab-pane label="业务信息" name="ovwp">
               <c-content>
                <m-ovwp :model="model" :codes="codes"/>
               </c-content>
           </el-tab-pane>

            <el-tab-pane label="表外" name="engp">
                <c-content>
                    <m-engp :model="model" :codes="codes" />
                </c-content>
            </el-tab-pane>

            <!--PD000027 -->
            <el-tab-pane label="费用/账务" name="setpan">
                <c-content>
                    <m-setpan :model="model" :codes="codes" />
                </c-content>
            </el-tab-pane>

            <!--PD000000 -->
<!--             <el-tab-pane label="附言" name="coninfp">
                 <c-content>
                     <m-coninfp :model="model" :codes="codes" />
                 </c-content>
            </el-tab-pane>-->

            <!--PD000510 -->
<!--            <el-tab-pane label="备查/附言" name="addbcb">
                <c-content>
                    <m-addbcb :model="model" :codes="codes" />
                </c-content>
            </el-tab-pane>-->


            <!--PD000529 -->
            <el-tab-pane label="报文/面函" name="docpan">
                <c-content>
                    <m-docpan :model="model" :codes="codes" />
                </c-content>
            </el-tab-pane>

            <!--PD000546 -->
<!--            <el-tab-pane label="附件信息" name="doctre">
                <c-content>
                    <m-doctre :model="model" :codes="codes" />
                </c-content>
            </el-tab-pane>-->

        </c-tabs>
    </el-form>

    <!-- 底部按钮 -->
    <c-function-btn
            :handleCheck="handleCheck"
            :handleStash="handleStash"
            :handleSubmit="handleSubmit"
            @handleSureWarning="handleSureWarning" ref="commonBtn"></c-function-btn>

    </c-page>
    </div>
</template>
<script>
import Api from "~/service/Api"
import Bttdck from "../model"
import commonProcess from "~/mixin/commonProcess"

import Ovwp from "./Ovwp"
import Dscinsp from "./Dscinsp"


import Limitbody from "~/components/business/limitbody/views";
import Engp from "~/components/business/engp/views";
import Ccvpan from "~/components/business/ccvpan/views";
import Coninfp from "~/components/business/coninfp/views";
import Setpan from "~/components/business/setmod/views";
import Docpan from "~/components/business/docpan/views";
import Doctre from "~/components/business/doctre/views";
import Glepan from "~/components/business/glentry/views";

import CodeTable from "~/config/CodeTable";
import operationFunc from '~/mixin/operationFunc';
import Default from "../model/default";
import commonDepend from "~/mixin/commonDepend";
import check from '../model/check'
import event from "../event";
import buildFn from "../event/buildCommons.js";


export default {
    name: "Bttdck",
    components:{
        "m-ovwp" : Ovwp,
        "m-setmod": Setpan,
        "m-engp": Engp,
        "m-docpan": Docpan,
        "m-doctre": Doctre,
        "m-coninfp": Coninfp,
        "m-limitbody": Limitbody,
        // "m-glentry": Glentry,
        "m-setpan": Setpan,
        "m-glepan": Glepan,
        // "m-addbcb": Addbcb,
    },
    provide() {
        return {
            root: this
        }
    },
    mixins: [operationFunc, event,buildFn,check,commonDepend,Default], // 里面包含了Default、Check等的公共处理
    data(){
        return {
            tabVal: "ovwp",
            trnName: "bttdck",
            trnType: "",
            model: new Bttdck().data,
            codes: {
            },
            activeNames: ["engp"],
            activeNamesxyz: ["engp"],
        }
    },
    methods:{
    },
    mounted () {
        console.log("进入"+this.trnName+"交易");
        let params = {
            transName: this.trnName,
            btdgrp: {
                rec: {
                    inr: this.$route.query.inr
                }
            }
        };
        this.init(params);
    },
}
</script>
<style>

</style>