<template>
    <c-content>
        <c-row>
            <!-- 左边 -->
            <c-col :span="12">   
                <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"
                            value-format="yyyy-MM-dd"
                            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%"
                        >
                        </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="请输入单据金额"
                        ></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.max.cur"
                            placeholder="币种"
                            style="width: 95%"
                        >
                        </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.max.amt"
                            maxlength="3"
                            placeholder="请输入单据余额"
                        ></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="远期起算日" 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">
                    <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="单据到期日"
                        ></c-date-picker>
                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <el-form-item label="远期期限" prop="bddgrp.rec.tenmaxday">
                        <c-date-picker
                            type="date"
                            v-model="model.bddgrp.rec.tenmaxday"
                            style="width: 100%"
                            placeholder="远期期限"
                        ></c-date-picker>
                    </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="请选择单据类型">
                        </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.docflg" 
                            style="width:100%" 
                            placeholder="请选择单据状态">
                        </c-select>
                    </el-form-item>
                </c-col>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
            </c-col>
            <!-- 右边                   -->
            <c-col :span="12">
                <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="onBenpDet"
                    >
                    </c-ptap>
                </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>

                <c-col :span="24">
                    <c-ptap :model="model" :argadr="{
                        title: '交单行',
                        grp: 'bddgrp',
                        rol: 'prb',
                        }" :noRef="true" :onlySearch="false" @onAplpDet="onSndpDet">
                    </c-ptap>
                </c-col>
            </c-col>

            <c-col :span="24">
                <el-form-item label="说明" label-width="135px" prop="strinf">
                    <c-input v-model="model.strinf"
                            type="textarea"
                            :autosize="{minRows:12,maxRows:12}"
                            maxlength="1750" 
                            show-word-limit 
                            placeholder="请输入说明" 
                            style="width:95%"
                    ></c-input>
                </el-form-item>
            </c-col>

       <!-- <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="strinf">
            <c-input type="textarea" v-model="model.strinf" maxlength="50" show-word-limit placeholder="请输入说明" ></c-input>
        </el-form-item>
        </c-col> -->
        </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/Bdteus/Event"
import Ptap from "~/views/Public/Ptap"

export default {
    components: { 
        "c-ptap": Ptap ,
    },
    inject: ['root'],
    props:["model","codes"],
    mixins: [CommonProcess],
    data(){
        return {

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

    }
}
</script>
<style>

</style>