<template>
<div class="eibs-tab">
<c-row>
<c-col :span="24">
<c-col :span="11">
<el-form-item
label="信用证编号"
prop="lidgrp.rec.ownref"
style="width = 100%">
<c-fullbox>
<c-input
v-model="model.lidgrp.rec.ownref"
maxlength="16"
placeholder="请输入信用证编号"
disabled
></c-input>
<template slot="footer">
<c-button
style="margin:0 0 0 10px;padding: 0 12px;"
size="small"
type="primary"
@click="onSeainf"
>
<span style="font-family:'宋体';font-weight:bold">i</span>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="Date of Expiry" prop="lidgrp.rec.expdat">
<c-date-picker
type="date"
v-model="model.lidgrp.rec.expdat"
style="width:100%"
placeholder="请选择Date of Expiry"
disabled
>
</c-date-picker>
</el-form-item>
</c-col>
</c-col>
<!-- ====================左边======================= -->
<c-col :span="11">
<c-col :span="24">
<el-form-item
label="单据参考号"
prop="brdgrp.rec.ownref"
style="width: 100%"
>
<c-fullbox>
<c-input
v-model="model.brdgrp.rec.ownref"
maxlength="8"
placeholder="请输入单据参考号"
disabled
></c-input>
<template slot="footer">
<c-button
style="margin:0 0 0 10px;padding: 0 12px;"
size="small"
type="primary"
@click="onSeainf">
<span style="font-family:'宋体';font-weight:bold">i</span>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="单据金额" prop="brdgrp.cbs.max.cur">
<c-select v-model="model.brdgrp.cbs.max.cur" style="width:100%" placeholder="请选择Document Amount" disabled>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="brdgrp.cbs.max.amt" label-width="5px">
<c-input v-model="model.brdgrp.cbs.max.amt" placeholder="请输入Balance" disabled></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="单据余额" prop="brdgrp.cbs.opn1.cur">
<c-input v-model="model.brdgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入单据余额" disabled></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="brdgrp.cbs.opn1.amt" label-width="5px">
<c-input v-model="model.brdgrp.cbs.opn1.amt" placeholder="请输入Balance" disabled></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Received on" prop="brdgrp.rec.rcvdat">
<c-date-picker type="date" v-model="model.brdgrp.rec.rcvdat" style="width:100%" placeholder="请选择Received on" disabled></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="到单日期" prop="brdgrp.rec.advdat">
<c-date-picker type="date" v-model="model.brdgrp.rec.advdat" style="width:100%" placeholder="请选择到单日期" disabled></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="远期单据到期日" prop="brdgrp.rec.matdat">
<c-date-picker type="date" v-model="model.brdgrp.rec.matdat" style="width:100%" placeholder="请选择Maturity Date" disabled></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Start Date" prop="brdgrp.rec.stadat">
<c-date-picker type="date" v-model="model.brdgrp.rec.stadat" style="width:100%" placeholder="请选择远期单据到期日" disabled></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="14">
<el-form-item label="单据类型" prop="brdgrp.rec.docflg">
<c-select v-model="model.brdgrp.rec.docflg" style="width:100%" placeholder="请选择单据类型" :code="codes.docflg" disabled>
</c-select>
</el-form-item>
</c-col>
<c-col :span="10">
<el-form-item label="Tenor" prop="brdgrp.rec.tenmaxday">
<c-input v-model="model.brdgrp.rec.tenmaxday" placeholder="请输入Tenor day" disabled></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="单据状态" prop="brdgrp.rec.docsta">
<c-select v-model="model.brdgrp.rec.docsta" style="width:100%" placeholder="请选择单据状态" :code="codes.docsta1" disabled>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Received on" prop="brdgrp.rec.rcvdat">
<c-date-picker type="date" v-model="model.brdgrp.rec.rcvdat" style="width:100%" placeholder="请选择Received on"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Presentation Date" prop="brdgrp.rec.predat">
<c-date-picker type="date" v-model="model.brdgrp.rec.predat" style="width:100%" placeholder="请选择Presentation Date"></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="Instructions Received" prop="brdgrp.blk.aplins">
<c-input type="textarea" v-model="model.brdgrp.blk.aplins" maxlength="40" show-word-limit placeholder="请输入Instructions Received" :rows="5"></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- ====================右边======================= -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Open Amt.L/C" prop="lidgrp.cbs.opn1.cur">
<c-input v-model="model.lidgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入Currency" disabled></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="lidgrp.cbs.opn1.amt" label-width="5px">
<c-input v-model="model.lidgrp.cbs.opn1.amt" placeholder="请输入Balance" disabled></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="Name of Bill Contract" prop="brdgrp.rec.nam">
<c-input v-model="model.brdgrp.rec.nam" maxlength="40" placeholder="请输入Name of Bill Contract" disabled></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="申请人" prop="brdgrp.apl.pts.ref">
<c-input v-model="model.brdgrp.apl.pts.ref" maxlength="16" placeholder="请输入申请人" disabled></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="brdgrp.apl.pts.nam" label-width="5px">
<c-input v-model="model.brdgrp.apl.pts.nam" maxlength="40" placeholder="请输入Name of Party" disabled></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="受益人" prop="brdgrp.ben.pts.ref">
<c-input v-model="model.brdgrp.ben.pts.ref" maxlength="16" placeholder="请输入受益人" disabled></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="brdgrp.ben.pts.nam" label-width="5px">
<c-input v-model="model.brdgrp.ben.pts.nam" maxlength="40" placeholder="请输入Name of Party" disabled></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="交单行" prop="brdgrp.prb.pts.ref">
<c-input v-model="model.brdgrp.prb.pts.ref" maxlength="16" placeholder="请输入交单行" disabled></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="brdgrp.prb.pts.nam" label-width="5px">
<c-input v-model="model.brdgrp.prb.pts.nam" maxlength="40" placeholder="请输入Name of Party" disabled></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="Presented by" prop="brdgrp.rec.docprbrol">
<c-select v-model="model.brdgrp.rec.docprbrol" style="width:100%" placeholder="请选择Presented by" disabled :code="codes.payrol">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="21">
<el-form-item label="External Key of Address" prop="brdgrp.prb.pts.extkey">
<c-input
v-model="model.brdgrp.prb.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="
showGridPromptDialog('brdgrp.prb.pts.extkey')
"
></c-input>
</el-form-item>
</c-col>
<c-col :span="3">
<c-button size="small" type="primary" @click="onPrbpDet">
Details
</c-button>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="Chinese address" prop="brdgrp.prb.dbfadrblkcn">
<c-input type="textarea" v-model="model.brdgrp.prb.dbfadrblkcn" maxlength="150" show-word-limit placeholder="请输入Chinese address" disabled :rows="5"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Payer" prop="brdgrp.rec.payrol">
<c-select v-model="model.brdgrp.rec.payrol" style="width:100%" placeholder="请选择Payer" disabled :code="codes.payrol">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="21">
<el-form-item label="External Key of Address" prop="brtp.oth.pts.extkey">
<c-input v-model="model.brtp.oth.pts.extkey" maxlength="16" placeholder="请输入External Key of Address" disabled></c-input>
</el-form-item>
</c-col>
<c-col :span="3">
<c-button size="small" type="primary" @click="onOthpDet">
Details
</c-button>
</c-col>
</c-col>
<c-col :span="24 ">
<el-form-item label="地址信息" prop="brtp.oth.pts.adrblk">
<c-input type="textarea" v-model="model.brtp.oth.pts.adrblk" maxlength="150" show-word-limit placeholder="请输入地址信息" disabled minheight="60" :rows="5"></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24" v-show='false'>
<c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="brtp.lidget.sdamod.dadsnd">
<c-input v-model="model.brtp.lidget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="brtp.lidget.sdamod.seainf">
<c-input v-model="model.brtp.lidget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="brtp.recget.sdamod.dadsnd">
<c-input v-model="model.brtp.recget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="brtp.recget.sdamod.seainf">
<c-input v-model="model.brtp.recget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Balance" prop="brdgrp.cbs.max.amt">
<c-input v-model="model.brdgrp.cbs.max.amt" placeholder="请输入Balance"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<span v-text="model.brtp.matp.mattxtlab" data-path=".brtp.matp.mattxtlab" > </span>
</c-col>
<c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="brtp.prbp.ptsget.sdamod.dadsnd">
<c-input v-model="model.brtp.prbp.ptsget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="brtp.prbp.ptsget.sdamod.seainf">
<c-input v-model="model.brtp.prbp.ptsget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="名称" prop="brdgrp.prb.namelc">
<c-input type="textarea" v-model="model.brdgrp.prb.namelc" maxlength="35" show-word-limit placeholder="请输入名称" :rows="5"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="地址信息" prop="brdgrp.prb.pts.adrblk">
<c-input type="textarea" v-model="model.brdgrp.prb.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入地址信息" :rows="5"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="地址" prop="brdgrp.prb.adrelc">
<c-input type="textarea" v-model="model.brdgrp.prb.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" :rows="5"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="brtp.othp.ptsget.sdamod.dadsnd">
<c-input v-model="model.brtp.othp.ptsget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="brtp.othp.ptsget.sdamod.seainf">
<c-input v-model="model.brtp.othp.ptsget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="名称" prop="brtp.oth.namelc">
<c-input type="textarea" v-model="model.brtp.oth.namelc" maxlength="35" show-word-limit placeholder="请输入名称" :rows="5"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Chinese address" prop="brtp.oth.dbfadrblkcn">
<c-input type="textarea" v-model="model.brtp.oth.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" :rows="5"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="地址" prop="brtp.oth.adrelc">
<c-input type="textarea" v-model="model.brtp.oth.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" :rows="5"></c-input>
</el-form-item>
</c-col>
</c-col>
</c-row>
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Brtsnd/Event"
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
}
},
methods:{...Event},
created:function(){
}
}
</script>
<style>
</style>