<template>
<div class="eibs-tab">
<c-row>
<!-- =================顶部====================== -->
<c-col :span="24">
<c-col :span="11">
<el-form-item label="L/C Reference" prop="ledgrp.rec.ownref">
<c-input
v-model="model.ledgrp.rec.ownref"
maxlength="16"
placeholder="请输入L/C Reference"
></c-input>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="Name" prop="ledgrp.rec.nam">
<c-input
v-model="model.ledgrp.rec.nam"
maxlength="40"
placeholder="请输入Name"
></c-input>
</el-form-item>
</c-col>
<!-- <c-col :span="11" :offset="2">
<el-form-item label="" prop="lttp0.ledget.sdamod.seainf">
<c-input v-model="model.lttp0.ledget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</c-col> -->
<c-col :span="11">
<el-form-item label="Transfer Reference" prop="ltdgrp.rec.ownref">
<c-input
v-model="model.ltdgrp.rec.ownref"
maxlength="16"
placeholder="请输入Transfer Reference"
></c-input>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="Name" prop="ltdgrp.rec.nam">
<c-input
v-model="model.ltdgrp.rec.nam"
maxlength="40"
placeholder="请输入Name"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- <c-col :span="12">
<el-form-item label="" prop="lttp0.recget.sdamod.seainf">
<c-input v-model="model.lttp0.recget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="lttp0.recget.sdamod.dadsnd">
<c-input v-model="model.lttp0.recget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</c-col> -->
<!-- ====================左边======================= -->
<c-col :span="11">
<c-col :span="24">
<c-col :span="6">
<el-form-item
label="Transfer L/C Amount"
prop="ltdgrp.cbs.nom1.cur"
>
<c-select
v-model="model.ltdgrp.cbs.nom1.cur"
style="width: 100%"
placeholder=""
>
<el-option
v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="10">
<el-form-item
label=""
label-width="15px"
prop="ltdgrp.cbs.nom1.amt"
>
<c-input
v-model="model.ltdgrp.cbs.nom1.amt"
placeholder="请输入Balance"
></c-input>
</el-form-item>
</c-col>
<c-col :span="6" :offset="1" class="centerLable">
<c-checkbox v-model="model.lttp0.aammod.addamtflg"
>Add. Amount</c-checkbox
>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="Available with" prop="ltdgrp.avt.pts.nam">
<c-input
v-model="model.ltdgrp.avt.pts.nam"
maxlength="40"
placeholder="请输入Available with"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Available by" prop="ltdgrp.rec.avbby">
<c-select
v-model="model.ltdgrp.rec.avbby"
style="width: 100%"
placeholder="请选择Available by"
:code="codes.avbby"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Shipment Date" prop="ltdgrp.rec.shpdat">
<c-date-picker
type="date"
v-model="model.ltdgrp.rec.shpdat"
style="width: 100%"
placeholder="请选择Shipment Date"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Date Issued/Form" prop="ltdgrp.rec.opndat">
<c-date-picker
type="date"
v-model="model.ltdgrp.rec.opndat"
style="width: 100%"
placeholder="请选择Date Issued/Form"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="ltdgrp.rec.lcrtyp">
<c-select
v-model="model.ltdgrp.rec.lcrtyp"
style="width: 100%"
placeholder="请选择Date Issued/Form"
:code="codes.lcrtyp"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Date / Place of Expiry" prop="ltdgrp.rec.expdat">
<c-date-picker
type="date"
v-model="model.ltdgrp.rec.expdat"
style="width: 100%"
placeholder="请选择Date / Place of Expiry"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="ltdgrp.rec.expplc">
<c-input
v-model="model.ltdgrp.rec.expplc"
maxlength="29"
placeholder="请输入Date / Place of Expiry"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Narrative" prop="lttcanp.trnrec.strinf">
<c-input
type="textarea"
v-model="model.lttcanp.trnrec.strinf"
:autosize="{ minRows: 20, maxRows: 38}"
style="height:339px"
maxlength="50"
show-word-limit
placeholder="请输入Narrative"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- <c-col :span="24">
<el-form-item label="Transfer L/C Amount" prop="ltdgrp.cbs.nom1.cur">
<c-input v-model="model.ltdgrp.cbs.nom1.cur" maxlength="3" placeholder="请输入Transfer L/C Amount"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Balance" prop="ltdgrp.cbs.nom1.amt">
<c-input v-model="model.ltdgrp.cbs.nom1.amt" placeholder="请输入Balance"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-checkbox v-model="model.lttp0.aammod.addamtflg">Add. Amount</c-checkbox>
</c-col> -->
<!-- ========================右边======================= -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '第一受益人',
grp: 'ltdgrp',
rol: 'be1',
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onBe1pDet"
>
</c-ptap>
</c-col>
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '第二受益人',
grp: 'ltdgrp',
rol: 'be2',
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onBe2pDet"
>
</c-ptap>
</c-col>
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '通知行',
grp: 'ltdgrp',
rol: 'adt',
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onAdtpDet"
>
</c-ptap>
</c-col>
<c-col :span="24">
<c-checkbox v-model="model.sndmsg"
style="height:100%;width:100%;margin-left:50px;">Send Message</c-checkbox>
</c-col>
<!-- <c-col :span="24">
<el-fo rm-item label="1st Beneficiary" prop="ltdgrp.be1.pts.ref">
<c-input v-model="model.ltdgrp.be1.pts.ref" maxlength="16" placeholder="请输入1st Beneficiary"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Open Amount" prop="ltdgrp.cbs.opn1.cur">
<c-input v-model="model.ltdgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入Open Amount"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Balance" prop="ltdgrp.cbs.opn1.amt">
<c-input v-model="model.ltdgrp.cbs.opn1.amt" placeholder="请输入Balance"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Name of Party" prop="ltdgrp.be1.pts.nam">
<c-input v-model="model.ltdgrp.be1.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="2nd Beneficiary" prop="ltdgrp.be2.pts.ref">
<c-input v-model="model.ltdgrp.be2.pts.ref" maxlength="16" placeholder="请输入2nd Beneficiary"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Name of Party" prop="ltdgrp.be2.pts.nam">
<c-input v-model="model.ltdgrp.be2.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Advising Bank" prop="ltdgrp.adt.pts.ref">
<c-input v-model="model.ltdgrp.adt.pts.ref" maxlength="16" placeholder="请输入Advising Bank"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Name of Party" prop="ltdgrp.adt.pts.nam">
<c-input v-model="model.ltdgrp.adt.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" icon="el-icon-search" @click="onCanletButtxmsel">
...
</c-button>
</c-col>
<c-col :span="12">
<c-checkbox v-model="model.sndmsg">Send Message</c-checkbox>
</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/Lttcan/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>
.centerLable {
margin-left: -10px;
height: 32px;
line-height: 32px;
}
.marginLable {
padding-left: 150px;
}
</style>