<template>
    <c-content>
        <c-row>
            <!-- ====================左边======================= -->
            <c-col :span="11">
                <c-col :span="23">
                    <el-form-item label="信用证参考号" prop="didgrp.rec.ownref" style="width: 100%">
                        <c-input v-model="model.didgrp.rec.ownref" maxlength="16" placeholder="请输入信用证参考号"
                            style="width: 95%" disabled></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="1">
                    <c-button style="margin:0 10px 0 0;padding: 0 10px;" size="small" type="primary"
                        icon="el-icon-search" @click="onSeainf"></c-button>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="有效日期" prop="didgrp.rec.expdat">
                        <c-date-picker type="date" v-model="model.didgrp.rec.expdat" style="width: 100%"
                            placeholder="请选择Date of Expiry" disabled></c-date-picker>
                    </el-form-item>
                </c-col>


                <!-- <c-col :span="23">
                <el-form-item
                    label="信用证号码"
                    prop="didgrp.rec.ownref"
                    style="width: 100%"
                >
                    <c-input
                        v-model="model.didgrp.rec.ownref"
                        maxlength="16"
                        placeholder="请输入信用证参考号"
                        style="width: 95%"
                        disabled
                    ></c-input>
                </el-form-item>
            </c-col> -->
                <!-- <c-col :span="1">
                <c-button
                    style="margin:0 10px 0 0;padding: 0 10px;"
                    size="small"
                    type="primary"
                    icon="el-icon-search"
                    @click="onSeainf"
                ></c-button>
            </c-col> -->

                <c-col :span="23">
                    <el-form-item label="单据参考号" prop="bddgrp.rec.ownref" style="width: 100%">
                        <c-input v-model="model.bddgrp.rec.ownref" maxlength="16" placeholder="请输入单据参考号"
                            style="width: 95%" disabled></c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="1">
                    <c-button style="margin:0 10px 0 0;padding: 0 10px;" size="small" type="primary"
                        icon="el-icon-search" @click="onSeainf"></c-button>
                </c-col>

                <c-col :span="11">
                    <el-form-item label="单据金额" prop="bddgrp.cbs.max.cur">
                        <c-select v-model="model.bddgrp.cbs.max.cur" placeholder="币种" style="width: 95%" disabled>
                        </c-select>
                    </el-form-item>
                </c-col>
                <c-col :span="13">
                    <el-form-item label-width="0" prop="bddgrp.cbs.max.amt">
                        <c-input :disabled="model.mhtyp == 'R'" v-model="model.bddgrp.cbs.max.amt" maxlength="3"
                            placeholder="请输入单据金额"></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="11">
                    <el-form-item label="单据余额" prop="bddgrp.cbs.opn1.cur">
                        <c-select v-model="model.bddgrp.cbs.opn1.cur" placeholder="币种" style="width: 95%" disabled>
                        </c-select>
                    </el-form-item>
                </c-col>
                <c-col :span="13">
                    <el-form-item label-width="0" prop="bddgrp.cbs.opn1.amt">
                        <c-input v-model="model.bddgrp.cbs.opn1.amt" maxlength="3" placeholder="请输入单据余额" disabled>
                        </c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <el-form-item label="到单日期" prop="bddgrp.rec.rcvdat">
                        <c-date-picker type="date" v-model="model.bddgrp.rec.rcvdat" style="width: 100%"
                            placeholder="请选择到单日期" disabled></c-date-picker>
                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <el-form-item label="远期起算日" prop="bddgrp.rec.stadat">
                        <c-date-picker type="date" v-model="model.bddgrp.rec.stadat" style="width: 100%"
                            placeholder="请选择Start Date" disabled></c-date-picker>
                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <span v-text="model.bdtp.matp.mattxtlab" data-path=".bdtp.matp.mattxtlab">
                    </span>
                </c-col>

                <c-col :span="12">
                    <el-form-item label="单据到期日" prop="bddgrp.rec.matdat">
                        <c-date-picker type="date" v-model="model.bddgrp.rec.matdat" style="width: 100%"
                            placeholder="单据到期日" disabled></c-date-picker>
                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <el-form-item label="远期期限" prop="bddgrp.rec.tenmaxday">
                        <c-input  v-model="model.bddgrp.rec.tenmaxday" style="width: 100%"
                            placeholder="远期期限" disabled></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="单据类型" prop="bddgrp.rec.docflg">
                        <c-select v-model="model.bddgrp.rec.docflg" style="width:100%" placeholder="请选择单据类型"
                            :code="codes.brdtyp" disabled>
                        </c-select>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="单据状态" prop="bddgrp.rec.docsta">
                        <c-select v-model="model.bddgrp.rec.docsta" style="width:100%" placeholder="请选择单据状态"
                            :code="codes.docsta1" disabled>

                        </c-select>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="单据类型" prop="bddgrp.rec.docflg">
                        <c-select v-model="model.bddgrp.rec.docflg" style="width:100%" placeholder="请选择单据类型"
                            :code="codes.brdtyp" disabled>

                        </c-select>
                    </el-form-item>
                </c-col>


                <c-col :span="11">
                    <el-form-item label="单据金额" prop="bddgrp.cbs.max.cur">
                        <c-select v-model="model.bddgrp.cbs.max.cur" placeholder="币种" style="width: 95%" disabled>
                        </c-select>
                    </el-form-item>
                </c-col>
                <c-col :span="13">
                    <el-form-item label-width="0" prop="bddgrp.cbs.max.amt">
                        <c-input v-model="model.bddgrp.cbs.max.amt" maxlength="3" placeholder="请输入单据金额"
                            :disabled="model.mhtyp == 'R'"></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="原报文标识号" prop="trnmod.swiadd.orimsgid">
                        <c-input v-model="model.trnmod.swiadd.orimsgid" maxlength="35" placeholder="请输入原报文标识号" disabled>
                        </c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="原发起直接参与机构" prop="trnmod.swiadd.oriinstgagt">
                        <c-input v-model="model.trnmod.swiadd.oriinstgagt" maxlength="20" placeholder="请输入原发起直接参与机构"
                            disabled></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="原报文类型" prop="trnmod.swiadd.orimsgtyp">
                        <c-select v-model="model.trnmod.swiadd.orimsgtyp" style="width:100%" placeholder="请选择原报文类型"
                            disabled>
                        </c-select>
                    </el-form-item>
                </c-col>



                <c-col :span="12">
                    <el-form-item label="交单日期" prop="bddgrp.rec.predat">
                        <c-date-picker type="date" v-model="model.bddgrp.rec.predat" style="width: 100%"
                            placeholder="请选择交单日期"></c-date-picker>
                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <el-form-item label="到单日期" prop="bddgrp.rec.rcvdat">
                        <c-date-picker type="date" v-model="model.bddgrp.rec.rcvdat" style="width:100%"
                            placeholder="请选择到单日期">
                        </c-date-picker>
                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <el-form-item label="单据到期日" prop="bddgrp.rec.matdat">
                        <c-date-picker type="date" v-model="model.bddgrp.rec.matdat" style="width:100%"
                            placeholder="请选择单据到期日" disabled></c-date-picker>
                    </el-form-item>
                </c-col>



                <c-col :span="12">
                    <el-form-item label="最迟货物装运日" prop="bddgrp.rec.shpdat">
                        <c-date-picker type="date" v-model="model.bddgrp.rec.shpdat" style="width:100%"
                            placeholder="请选择最迟货物装运日"></c-date-picker>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="交易类别" prop="mhtyp">
                        <c-select v-model="model.mhtyp" style="width:100%" placeholder="请选择交易类别" :code="codes.mhtyp">
                        </c-select>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="通知日期" prop="tzdat">
                        <c-date-picker type="date" v-model="model.tzdat" style="width:100%" placeholder="请选择通知日期">
                        </c-date-picker>
                    </el-form-item>
                </c-col>

                <!-- 未知balance -->
                <!-- <c-col :span="12">
                <el-form-item label="Balance" prop="oldbddgrp.cbs.max.amt">
                    <c-input  v-model="model.oldbddgrp.cbs.max.amt"  placeholder="请输入Balance"></c-input>
                </el-form-item>
            </c-col>    -->

                <c-col :span="24">
                    <el-form-item label="收款行行号" prop="bddgrp.skh.pts.bankno">
                        <c-input v-model="model.bddgrp.skh.pts.bankno" maxlength="20" placeholder="请输入收款行行号"></c-input>
                    </el-form-item>
                </c-col>
                <!-- 未知balance -->
                <!-- <c-col :span="12">
                <el-form-item label="Balance" prop="oldbddgrp.cbs.max2.amt">
                    <c-input  v-model="model.oldbddgrp.cbs.max2.amt"  placeholder="请输入Balance"></c-input>
                </el-form-item>
            </c-col>    -->

                <c-col :span="24">
                    <el-form-item label="联行名称  电证用" prop="bddgrp.skh.pts.jigomc">
                        <c-input type="textarea" v-model="model.bddgrp.skh.pts.jigomc" maxlength="35" show-word-limit
                            placeholder="请输入收款行名称"></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="申请人编号" prop="didgrp.rec.aplref">
                        <c-input v-model="model.didgrp.rec.aplref" maxlength="16" placeholder="请输入Applicant Reference">
                        </c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <el-form-item label="此信用证下的到单次数" prop="didgrp.rec.utlnbr">
                        <c-input v-model="model.didgrp.rec.utlnbr" placeholder="请输入此信用证下的到单次数" disabled></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <el-form-item label="文档数" prop="days">
                        <c-input v-model="model.days" placeholder="请输入Count of Received Document Sets"
                            ></c-input>
                    </el-form-item>
                </c-col>

                <!-- <c-col :span="24" :offset="8">
                <c-checkbox v-model="model.bdtp.setnowflg">Register to Send and Settle Document</c-checkbox>
            </c-col>    -->

            </c-col>

            <!-- ====================右边======================= -->
            <c-col :span="11" :offset="1">
                <c-col :span="11">
                    <el-form-item label="信用证余额" prop="didgrp.cbs.opn1.cur">
                        <c-select v-model="model.didgrp.cbs.opn1.cur" placeholder="币种" style="width: 95%" disabled>
                        </c-select>
                    </el-form-item>
                </c-col>
                <c-col :span="13">
                    <el-form-item label-width="0" prop="didgrp.cbs.opn1.amt">
                        <c-input v-model="model.didgrp.cbs.opn1.amt" maxlength="3" placeholder="请输入信用证余额" disabled>
                        </c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="摘要" prop="bddgrp.rec.nam">
                        <c-input align="middle" v-model="model.bddgrp.rec.nam" maxlength="40" disabled
                            placeholder="请输入Name of Bill Contract"></c-input>
                    </el-form-item>
                </c-col>

                <!-- <c-col :span="24">
                <c-ptap
                    :model="model"
                    :argadr="{
                        title: '申请人',
                        grp: 'bddgrp',
                        rol: 'apl',
                    }"
                    :disabled="true"
                    :isAdrblk="false"
                    @onSeainf="onSeainf"
                    @onAplpDet="onAplpDet"
                >
                </c-ptap>
            </c-col> -->

                <!-- 申请人编号及名称,绑定model.bddgrp.apl.pts.ref&model.bddgrp.apl.pts.nam-->

                <c-col :span="24">
                    <el-form-item label="申请人编号" prop="bddgrp.apl.pts.ref">
                        <c-input v-model="model.bddgrp.apl.pts.ref" maxlength="16" disabled placeholder="请输入申请人编号">
                        </c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="申请人名称" prop="bddgrp.apl.pts.nam">
                        <c-input v-model="model.bddgrp.apl.pts.nam" maxlength="40" disabled placeholder="申请人名称">
                        </c-input>
                    </el-form-item>
                </c-col>

                <!-- <c-col :span="24">
                <c-ptap
                    :model="model"
                    :argadr="{
                        title: '受益人',
                        grp: 'bddgrp',
                        rol: 'ben',
                    }"
                    :disabled="true"
                    :isAdrblk="false"
                    @onSeainf="onSeainf"
                    @onAplpDet="onBenpDet"
                >
                </c-ptap>
            </c-col> -->
                <!-- 受益人编号及名称,绑定model.bddgrp.ben.pts.nam&model.bddgrp.prb.pts.ref -->

                <c-col :span="24">
                    <el-form-item label="受益人编号" prop="bddgrp.ben.pts.ref">
                        <c-input v-model="model.bddgrp.ben.pts.ref" maxlength="16" disabled placeholder="请输入受益人编号">
                        </c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="受益人名称" prop="bddgrp.ben.pts.nam">
                        <c-input v-model="model.bddgrp.ben.pts.nam" maxlength="40" disabled placeholder="受益人名称">
                        </c-input>
                    </el-form-item>
                </c-col>

                <!-- <c-col :span="24">
                <c-ptap :model="model" :argadr="{
                    title: '交单行',
                    grp: 'bddgrp',
                    rol: 'prb',
                    }" :noRef="true" :onlySearch="false">
                </c-ptap>
            </c-col> -->
                <c-col :span="24">
                    <el-form-item label="交易行编号" prop="bddgrp.prb.pts.ref">
                        <c-input v-model="model.bddgrp.prb.pts.ref" maxlength="40" placeholder="请输入交易行编号"></c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <el-form-item label="交易行名称" prop="bddgrp.prb.pts.nam">
                        <c-input v-model="model.bddgrp.prb.pts.nam" maxlength="40" placeholder="请输入交易行名称" disabled>
                        </c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="交单行" prop="bddgrp.rec.docprbrol" >
                        <c-select v-model="model.bddgrp.rec.docprbrol" placeholder="请输入受益人账号" style="width: 100%" @change="bocprbrol"
                            :code="docprbrol">
                        </c-select>
                    </el-form-item>
                </c-col>

                <!-- <c-col :span="24">
                <el-form-item
                label="交单行   联行行号"
                prop="bddgrp.prb.pts.bankno"
                >
                    <c-input
                        v-model="model.bddgrp.prb.pts.bankno"
                        maxlength="20"
                        placeholder="请输入Number of bank"
                        @keyup.enter.native="showGridPromptDialog('bddgrp.prb.pts.bankno')"
                    ></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="联行名称 " prop="bddgrp.prb.pts.jigomc">
                    <c-input
                        type="textarea"
                        v-model="model.bddgrp.prb.pts.jigomc"
                        maxlength="35"
                        show-word-limit
                        placeholder="请输入联行名称  电证用"
                        :disabled="false"
                    ></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="地址  电证用" prop="bddgrp.prb.pts.dizhii">
                    <c-input 
                        type="textarea" 
                        v-model="model.bddgrp.prb.pts.dizhii" 
                        maxlength="35" 
                        show-word-limit placeholder="请输入地址  电证用" ></c-input>
                </el-form-item>
            </c-col> -->

                <!-- <c-col :span="24">
                <c-ptsadr :model="model" :argadr="{
                    title: '交单行',
                    rol: 'bddgrp.prb.pts.rol',
                    url: 'bddgrp.prb.pts',
                    }"
                    :isShowRol="false">
                </c-ptsadr>
            </c-col>     -->
                <c-col>
                    <el-form-item label="BIC" prop="bddgrp.prb.pts.extkey">
                        <c-input v-model="model.bddgrp.prb.pts.extkey" maxlength="40" placeholder="请输入BIC"></c-input>
                    </el-form-item>
                </c-col>

                <c-ptapdome :model="model" :disabledJigomc="true" :argadr="{
                    title: '交易行',
                    rol: 'prb',
                    grp: 'bddgrp'
                }">
                </c-ptapdome>




                <c-col :span="24">
                    <el-form-item label="付款人" prop="bddgrp.rec.payrol">
                        <c-select v-model="model.bddgrp.rec.payrol" style="width:100%" placeholder="请选择Payer" disabled
                            :code="codes.payrol">

                        </c-select>
                    </el-form-item>
                </c-col>

                <c-col :span="20">
                    <el-form-item label="External Key of Address" prop="bdtp.oth.pts.extkey">
                        <c-input v-model="model.bdtp.oth.pts.extkey" maxlength="16" style="width: 95%"
                            placeholder="请输入External Key of Address" disabled></c-input>
                    </el-form-item>
                </c-col>


                <!-- 按钮替代 
            <c-col :span="12">
                <el-form-item label="" prop="bdtp.othp.ptsget.sdamod.seainf">
                    <c-input  v-model="model.bdtp.othp.ptsget.sdamod.seainf"  placeholder="请输入"></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="6">
                <c-button size="small" type="primary"  @click="onOthpDet">
                    Details
                </c-button>
            </c-col> -->
                <c-col :span="1">
                    <!-- <el-form-item label="" label-width="5px"> -->
                    <c-button style="margin:0 10px 0 0;padding: 0 10px;" class="searchButton" size="small"
                        type="primary" icon="el-icon-search" @click="onSeainf(`bdtp.oth.pts.extkey`)"></c-button>
                </c-col>
                <c-col :span="3" style="text-align: right">
                    <c-button style="margin:0 0" class="detailsButton" size="small" type="primary">
                        详情
                    </c-button>
                    <!-- </el-form-item> -->
                </c-col>


                <!-- 输入框替代 
            <c-col :span="12">
                <el-form-item label="Address Block" prop="bdtp.oth.pts.adrblk">
                    <c-input type="textarea" v-model="model.bdtp.oth.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input>
                </el-form-item>
            </c-col> 
            <c-col :span="12">
            <el-form-item label="名称" prop="bdtp.oth.namelc">
                <c-input type="textarea" v-model="model.bdtp.oth.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
            </el-form-item>
            </c-col>
            -->

                <c-col :span="24">
                    <el-form-item prop="bdtp.oth.namelc" :label="`付款人名称`">
                        <c-input type="textarea" v-model="model.bdtp.oth.namelc" :placeholder="'请输入付款人名称'" :rows="2"
                            maxlength="35" show-word-limit disabled></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="付款人地址" :prop="`bdtp.oth.pts.adrblk`">
                        <c-input type="textarea" :rows="4" v-model="model.bdtp.oth.pts.adrblk" maxlength="35"
                            show-word-limit placeholder="请输入付款人地址" disabled></c-input>
                    </el-form-item>
                </c-col>


            </c-col>

            <!--@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@-->
            <!--
  <div class="eibs-tab">
                              
       <c-col :span="12">
        <el-form-item label="Drag  Drop Sender" prop="bdtp.didget.sdamod.dadsnd">
            <c-input  v-model="model.bdtp.didget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="信用证参考号" prop="didgrp.rec.ownref">
            <c-input  v-model="model.didgrp.rec.ownref" maxlength="16"  placeholder="请输入信用证参考号"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="" prop="bdtp.didget.sdamod.seainf">
            <c-input  v-model="model.bdtp.didget.sdamod.seainf"  placeholder="请输入"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Date of Expiry" prop="didgrp.rec.expdat">
            <c-date-picker type="date"  v-model="model.didgrp.rec.expdat" style="width:100%"  placeholder="请选择Date of Expiry"></c-date-picker>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Currency" prop="didgrp.cbs.opn1.cur">
            <c-input  v-model="model.didgrp.cbs.opn1.cur" maxlength="3"  placeholder="请输入Currency"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Balance" prop="didgrp.cbs.opn1.amt">
            <c-input  v-model="model.didgrp.cbs.opn1.amt"  placeholder="请输入Balance"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Drag  Drop Sender" prop="bdtp.recget.sdamod.dadsnd">
            <c-input  v-model="model.bdtp.recget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="单据参考号" prop="bddgrp.rec.ownref">
            <c-input  v-model="model.bddgrp.rec.ownref" maxlength="16"  placeholder="请输入单据参考号"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="" prop="bdtp.recget.sdamod.seainf">
            <c-input  v-model="model.bdtp.recget.sdamod.seainf"  placeholder="请输入"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Name of Bill Contract" prop="bddgrp.rec.nam">
            <c-input  v-model="model.bddgrp.rec.nam" maxlength="40"  placeholder="请输入Name of Bill Contract"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="单据金额" prop="bddgrp.cbs.max.cur">
            <c-select v-model="model.bddgrp.cbs.max.cur" style="width:100%" placeholder="请选择单据金额">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="单据金额" prop="bddgrp.cbs.max.amt">
            <c-input  v-model="model.bddgrp.cbs.max.amt"  placeholder="请输入单据金额"></c-input>
        </el-form-item>
       </c-col>
                                                    
       <c-col :span="12">
        <el-form-item label="申请人" prop="bddgrp.apl.pts.ref">
            <c-input  v-model="model.bddgrp.apl.pts.ref" maxlength="16"  placeholder="请输入申请人"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="单据余额" prop="bddgrp.cbs.opn1.cur">
            <c-input  v-model="model.bddgrp.cbs.opn1.cur" maxlength="3"  placeholder="请输入单据余额"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Balance" prop="bddgrp.cbs.opn1.amt">
            <c-input  v-model="model.bddgrp.cbs.opn1.amt"  placeholder="请输入Balance"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Name of Party" prop="bddgrp.apl.pts.nam">
            <c-input  v-model="model.bddgrp.apl.pts.nam" maxlength="40"  placeholder="请输入Name of Party"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="到单日期" prop="bddgrp.rec.rcvdat">
            <c-date-picker type="date"  v-model="model.bddgrp.rec.rcvdat" style="width:100%"  placeholder="请选择到单日期"></c-date-picker>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Start Date" prop="bddgrp.rec.stadat">
            <c-date-picker type="date"  v-model="model.bddgrp.rec.stadat" style="width:100%"  placeholder="请选择Start Date"></c-date-picker>
        </el-form-item>
       </c-col>
                                                    
       <c-col :span="12">
        <el-form-item label="受益人" prop="bddgrp.ben.pts.ref">
            <c-input  v-model="model.bddgrp.ben.pts.ref" maxlength="16"  placeholder="请输入受益人"></c-input>
        </el-form-item>
       </c-col>
                                   
	<c-col :span="12">
	    <span  v-text="model.bdtp.matp.mattxtlab"   data-path=".bdtp.matp.mattxtlab" > </span>
	</c-col>
                  
       <c-col :span="12">
        <el-form-item label="Maturity Date" prop="bddgrp.rec.matdat">
            <c-date-picker type="date"  v-model="model.bddgrp.rec.matdat" style="width:100%"  placeholder="请选择Maturity Date"></c-date-picker>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="单据到期日" prop="bddgrp.rec.tenmaxday">
            <c-input  v-model="model.bddgrp.rec.tenmaxday"  placeholder="请输入单据到期日"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="远期期限" prop="bddgrp.ben.pts.nam">
            <c-input  v-model="model.bddgrp.ben.pts.nam" maxlength="40"  placeholder="请输入远期期限"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="单据类型" prop="bddgrp.rec.docflg">
            <c-select v-model="model.bddgrp.rec.docflg" style="width:100%" placeholder="请选择单据类型">
              </c-select>
        </el-form-item>
       </c-col>
                                                    
       <c-col :span="12">
        <el-form-item label="交单行" prop="bddgrp.prb.pts.ref">
            <c-input  v-model="model.bddgrp.prb.pts.ref" maxlength="16"  placeholder="请输入交单行"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="单据状态" prop="bddgrp.rec.docsta">
            <c-select v-model="model.bddgrp.rec.docsta" style="width:100%" placeholder="请选择单据状态">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Name of Party" prop="bddgrp.prb.pts.nam">
            <c-input  v-model="model.bddgrp.prb.pts.nam" maxlength="40"  placeholder="请输入Name of Party"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="单据类型" prop="bddgrp.rec.docprbrol">
            <c-select v-model="model.bddgrp.rec.docprbrol" style="width:100%" placeholder="请选择单据类型">
              </c-select>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="单据类型" prop="bddgrp.rec.docflg">
            <c-select v-model="model.bddgrp.rec.docflg" style="width:100%" placeholder="请选择单据类型">
              </c-select>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="单据金额" prop="bddgrp.cbs.max.cur">
            <c-select v-model="model.bddgrp.cbs.max.cur" style="width:100%" placeholder="请选择单据金额">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="单据金额" prop="bddgrp.cbs.max.amt">
            <c-input  v-model="model.bddgrp.cbs.max.amt"  placeholder="请输入单据金额"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="External Key of Address" prop="bddgrp.prb.pts.extkey">
            <c-input  v-model="model.bddgrp.prb.pts.extkey" maxlength="16"  placeholder="请输入External Key of Address"></c-input>
        </el-form-item>
       </c-col>
                                                    
       <c-col :span="12">
        <el-form-item label="Number of bank" prop="bddgrp.prb.pts.bankno">
            <c-input  v-model="model.bddgrp.prb.pts.bankno" maxlength="20"  placeholder="请输入Number of bank"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="原报文标识号" prop="trnmod.swiadd.orimsgid">
            <c-input  v-model="model.trnmod.swiadd.orimsgid" maxlength="35"  placeholder="请输入原报文标识号"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="联行名称  电证用" prop="bddgrp.prb.pts.jigomc">
            <c-input type="textarea" v-model="model.bddgrp.prb.pts.jigomc" maxlength="35" show-word-limit placeholder="请输入联行名称  电证用" ></c-input>
        </el-form-item>
        </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="原发起直接参与机构" prop="trnmod.swiadd.oriinstgagt">
            <c-input  v-model="model.trnmod.swiadd.oriinstgagt" maxlength="20"  placeholder="请输入原发起直接参与机构"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="原报文类型" prop="trnmod.swiadd.orimsgtyp">
            <c-select v-model="model.trnmod.swiadd.orimsgtyp" style="width:100%" placeholder="请选择原报文类型">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="地址  电证用" prop="bddgrp.prb.pts.dizhii">
            <c-input type="textarea" v-model="model.bddgrp.prb.pts.dizhii" maxlength="35" show-word-limit placeholder="请输入地址  电证用" ></c-input>
        </el-form-item>
        </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="交单日期" prop="bddgrp.rec.predat">
            <c-date-picker type="date"  v-model="model.bddgrp.rec.predat" style="width:100%"  placeholder="请选择交单日期"></c-date-picker>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="到单日期" prop="bddgrp.rec.rcvdat">
            <c-date-picker type="date"  v-model="model.bddgrp.rec.rcvdat" style="width:100%"  placeholder="请选择到单日期"></c-date-picker>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Maturity Date" prop="bddgrp.rec.matdat">
            <c-date-picker type="date"  v-model="model.bddgrp.rec.matdat" style="width:100%"  placeholder="请选择Maturity Date"></c-date-picker>
        </el-form-item>
       </c-col>
                  
	<c-col :span="12">
	    <span  v-text="model.bdtp.zcday"   data-path=".bdtp.zcday" > </span>
	</c-col>
                  
       <c-col :span="12">
        <el-form-item label="单据到期日" prop="bddgrp.rec.shpdat">
            <c-date-picker type="date"  v-model="model.bddgrp.rec.shpdat" style="width:100%"  placeholder="请选择单据到期日"></c-date-picker>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Payer" prop="bddgrp.rec.payrol">
            <c-select v-model="model.bddgrp.rec.payrol" style="width:100%" placeholder="请选择Payer">
              </c-select>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="交易类别" prop="mhtyp">
            <c-select v-model="model.mhtyp" style="width:100%" placeholder="请选择交易类别">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Drag  Drop Sender" prop="bdtp.othp.ptsget.sdamod.dadsnd">
            <c-input  v-model="model.bdtp.othp.ptsget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="External Key of Address" prop="bdtp.oth.pts.extkey">
            <c-input  v-model="model.bdtp.oth.pts.extkey" maxlength="16"  placeholder="请输入External Key of Address"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="" prop="bdtp.othp.ptsget.sdamod.seainf">
            <c-input  v-model="model.bdtp.othp.ptsget.sdamod.seainf"  placeholder="请输入"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onOthpDet">
            Details
        </c-button>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="通知日期" prop="tzdat">
            <c-date-picker type="date"  v-model="model.tzdat" style="width:100%"  placeholder="请选择通知日期"></c-date-picker>
        </el-form-item>
       </c-col>
                  
	<c-col :span="12">
	    <span  v-text="model.oridoclab"   data-path=".oridoclab" > </span>
	</c-col>
                  
       <c-col :span="12">
        <el-form-item label="Balance" prop="oldbddgrp.cbs.max.amt">
            <c-input  v-model="model.oldbddgrp.cbs.max.amt"  placeholder="请输入Balance"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="名称" prop="bdtp.oth.namelc">
            <c-input type="textarea" v-model="model.bdtp.oth.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Address Block" prop="bdtp.oth.pts.adrblk">
            <c-input type="textarea" v-model="model.bdtp.oth.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Chinese address" prop="bdtp.oth.dbfadrblkcn">
            <c-input type="textarea" v-model="model.bdtp.oth.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
        </el-form-item>
        </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="收款行行号" prop="bddgrp.skh.pts.bankno">
            <c-input  v-model="model.bddgrp.skh.pts.bankno" maxlength="20"  placeholder="请输入收款行行号"></c-input>
        </el-form-item>
       </c-col>
                  
	<c-col :span="12">
	    <span  v-text="model.oriaddlab"   data-path=".oriaddlab" > </span>
	</c-col>
                  
       <c-col :span="12">
        <el-form-item label="Balance" prop="oldbddgrp.cbs.max2.amt">
            <c-input  v-model="model.oldbddgrp.cbs.max2.amt"  placeholder="请输入Balance"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="地址" prop="bdtp.oth.adrelc">
            <c-input type="textarea" v-model="model.bdtp.oth.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="收款行名称" prop="bddgrp.skh.pts.jigomc">
            <c-input type="textarea" v-model="model.bddgrp.skh.pts.jigomc" maxlength="35" show-word-limit placeholder="请输入收款行名称" ></c-input>
        </el-form-item>
        </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Applicant Reference" prop="didgrp.rec.aplref">
            <c-input  v-model="model.didgrp.rec.aplref" maxlength="16"  placeholder="请输入Applicant Reference"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Count of Received Document Sets" prop="didgrp.rec.utlnbr">
            <c-input  v-model="model.didgrp.rec.utlnbr"  placeholder="请输入Count of Received Document Sets"></c-input>
        </el-form-item>
       </c-col>
                                                    
       <c-col :span="12">
        <el-form-item label="此信用证下的到单次数" prop="days">
            <c-input  v-model="model.days"  placeholder="请输入此信用证下的到单次数"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
	    <c-checkbox v-model="model.bdtp.setnowflg">Register to Send and Settle Document</c-checkbox>
       </c-col>
  </div>
-->

        </c-row>
    </c-content>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Bdtdck/Event"
import Ptap from "~/views/Public/Ptap";
import PtapDome from "~/views/Public/PtapDome";

export default {
    components: {
        "c-ptap": Ptap,
        "c-ptapdome": PtapDome,
    },
    inject: ['root'],
    props: ["model", "codes"],
    mixins: [commonProcess],
    data() {
        return {
            docprbrol: [
                { label: "Advising Bank", value: "ADV" },
                { label: "Beneficiary", value: "BEN" },
                { label: "Presenter(PRP)", value: "PRB" },
            ],

        }
    },
    methods: { ...Event },
    created: function () {

    }
}
</script>
<style>
</style>