<template>
<div class="eibs-tab">
<!-- SF000014 : Export L/C transferred: -->
<c-col :span="24">
<el-form-item label="Export L/C transferred: " >
</el-form-item>
</c-col>
<c-col :span="24">
<!-- SF000158 : Reference -->
<c-col :span="12" style="padding-right: 20px;">
<el-form-item :label="$t('Reference')" prop="ledgrp.rec.ownref">
<c-input v-model="model.ledgrp.rec.ownref" maxlength="16" :placeholder="$t('other.please_enter')+$t('Reference')"></c-input>
</el-form-item>
</c-col>
<!-- SF000168 : Name -->
<c-col :span="12" style="padding-left: 20px">
<el-form-item :label="$t('Name')" prop="ledgrp.rec.nam">
<c-input v-model="model.ledgrp.rec.nam" maxlength="40" :placeholder="$t('other.please_enter')+$t('Name')"></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<!-- 左侧 -->
<c-col :span="12" style="padding-right: 20px;">
<!-- L/C Amount -->
<c-col :span="24">
<c-col :span="13">
<el-form-item label="L/C Amount" prop="ledgrp.cbs.nom1.cur">
<c-select
v-model="model.ledgrp.cbs.nom1.cur"
style="width: 100%"
placeholder="Document Cur"
disabled
dbCode="curtxt" sort="SRT"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="5px" prop="ledgrp.cbs.nom1.amt">
<c-input-currency
v-model="model.ledgrp.cbs.nom1.amt"
style="text-align: left; width: 100%"
disabled
placeholder="L/C Amount"
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="4">
<c-checkbox
v-model="model.lttp.letp0.aammod.addamtflg"
style="margin-left: 10px" disabled
>Add. Amount
</c-checkbox
>
</c-col>
</c-col>
<!-- Open Amount -->
<c-col :span="24">
<c-col :span="13">
<el-form-item label="L/C Amount" prop="ledgrp.cbs.opn1.cur">
<c-select
v-model="model.ledgrp.cbs.opn1.cur"
style="width: 100%"
placeholder="Open Amount Cur"
disabled
dbCode="curtxt" sort="SRT"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="5px" prop="ledgrp.cbs.opn1.amt">
<c-input-currency
v-model="model.ledgrp.cbs.opn1.amt"
style="text-align: left; width: 100%"
disabled
placeholder="Open Amount"
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="4">
<c-checkbox
v-model="model.ledgrp.rec.revflg"
style="margin-left: 10px" disabled
>Revolving L/C
</c-checkbox
>
</c-col>
</c-col>
<!-- SF000163 : Available with -->
<c-col :span="24">
<el-form-item :label="$t('Available with')" prop="ledgrp.avbnam">
<c-input v-model="model.ledgrp.avbnam" maxlength="40" :placeholder="$t('other.please_enter')+$t('Available with')"></c-input>
</el-form-item>
</c-col>
<!-- SF000164 : by -->
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Available by [AVBBY0]" prop="ledgrp.rec.avbby">
<c-select v-model="model.ledgrp.rec.avbby" style="width:100%"
dbCode="AVBBY0" >
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<c-checkbox v-model="model.ledgrp.rec.redclsflg">{{('Red/Green Clause')}}</c-checkbox>
</c-col>
</c-col>
<c-col :span="24">
<!-- SF000167 : Date Issued -->
<c-col :span="13">
<el-form-item :label="$t('Date Issued')" prop="ledgrp.rec.opndat">
<c-date-picker type="date" v-model="model.ledgrp.rec.opndat" style="width:100%" :placeholder="$t('other.please_enter')+$t('Date Issued')"></c-date-picker>
</el-form-item>
</c-col>
<!-- SF000182 : Shipment Date -->
<c-col :span="11">
<el-form-item :label="$t('Shipment Date')" prop="ledgrp.rec.shpdat">
<c-date-picker type="date" v-model="model.ledgrp.rec.shpdat" style="width:100%" :placeholder="$t('other.please_enter')+$t('Shipment Date')"></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<!-- SF000166 : Date/Place of Expiry -->
<c-col :span="13">
<el-form-item :label="$t('Date/Place of Expiry')" prop="ledgrp.rec.expdat">
<c-date-picker type="date" v-model="model.ledgrp.rec.expdat" style="width:100%" :placeholder="$t('other.please_enter')+$t('Date/Place of Expiry')"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item :label="$t('Date/Place of Expiry')" prop="ledgrp.rec.expplc">
<c-input v-model="model.ledgrp.rec.expplc" maxlength="29" :placeholder="$t('other.please_enter')+$t('Date/Place of Expiry')"></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- SF000165 : Form of L/C -->
<c-col :span="24">
<el-form-item :label="$t('Form of L/C')" prop="ledgrp.rec.lcrtyp">
<c-select v-model="model.ledgrp.rec.lcrtyp" style="width:100%"
:filterKey="['I','IT']" dbCode="LCRTYP"
>
</c-select>
</el-form-item>
</c-col>
</c-col>
<!-- 右侧 -->
<c-col :span="12" style="padding-left: 20px">
<!-- SF000162 : Applicant -->
<!-- SF000172 : Ref. -->
<c-col :span="24">
<el-form-item :label="$t('Applicant')" prop="ledgrp.apl.pts.ref">
<c-input v-model="model.ledgrp.apl.pts.ref" maxlength="16"
:placeholder="$t('other.please_enter')+$t('Applicant')"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Name of Party" prop="ledgrp.apl.pts.nam">
<c-input v-model="model.ledgrp.apl.pts.nam" maxlength="40" :placeholder="$t('other.please_enter')+'Name of Party'"></c-input>
</el-form-item>
</c-col>
<!-- SF000170 : Iss. Bank -->
<!-- SF000171 : Original LC No. -->
<c-col :span="24">
<el-form-item label="Iss. Bank Original LC No." prop="ledgrp.iss.pts.ref">
<c-input v-model="model.ledgrp.iss.pts.ref" maxlength="16" :placeholder="$t('other.please_enter')+('Iss. Bank')"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Name of Party" prop="ledgrp.iss.pts.nam">
<c-input v-model="model.ledgrp.iss.pts.nam" maxlength="40" :placeholder="$t('other.please_enter')+'Name of Party'"></c-input>
</el-form-item>
</c-col>
<!-- SF000161 : Beneficiary -->
<!-- SF000169 : Ref. -->
<c-col :span="24">
<el-form-item :label="('Beneficiary Ref.')" prop="ledgrp.ben.pts.ref">
<c-input v-model="model.ledgrp.ben.pts.ref" maxlength="16" :placeholder="$t('other.please_enter')+$t('Beneficiary')"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Name of Party" prop="ledgrp.ben.pts.nam">
<c-input v-model="model.ledgrp.ben.pts.nam" maxlength="40" :placeholder="$t('other.please_enter')+'Name of Party'"></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
<c-col :span="24">
<!-- <c-col :span="24">
<el-form-item label="Confirmation text" prop="lttp.letp0.cnftxt">
<c-input v-model="model.lttp.letp0.cnftxt" maxlength="40" :placeholder="$t('other.please_enter')+'Confirmation text'"></c-input>
</el-form-item>
</c-col>-->
<!-- TODO 显示组件 -->
<!-- SF000015 : Other Transfers and Back to Back L/Cs using Above -->
<c-col :span="24">
<el-form-item label="Other Transfers and Back to Back L/Cs using Above" prop="lttp.leltb2b.litb2bstm">
<c-istream-table
ref="table"
:list="model.lttp.leltb2b.litb2bstm || []"
:columns="litb2bstm.columns"
:showSelection="true"
prop=""
>
</c-istream-table>
</el-form-item>
</c-col>
</c-col>
<!-- SF000017 : This L/C -->
<c-col :span="24">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="6">
<el-form-item label="This L/C " prop="ltdgrp.cbs.opn1.cur">
<c-select
v-model="model.ltdgrp.cbs.opn1.cur"
style="width: 100%"
placeholder="Document Cur"
disabled
dbCode="curtxt" sort="SRT"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="18">
<el-form-item label="" label-width="5px" prop="ltdgrp.cbs.opn1.amt">
<c-input-currency
v-model="model.ltdgrp.cbs.opn1.amt"
style="text-align: left; width: 100%"
disabled
placeholder="L/C Amount"
></c-input-currency>
</el-form-item>
</c-col>
</c-col>
<!-- SF000357 : Shipment Date -->
<c-col :span="12" style="padding-left: 20px">
<el-form-item :label="$t(' Shipment Date')" prop="ltdgrp.rec.shpdat">
<c-date-picker type="date" v-model="model.ltdgrp.rec.shpdat" style="width:100%" :placeholder="$t('other.please_enter')+$t('Date Issued')"></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<!-- Total Amount -->
<c-col :span="24">
<c-col :span="12" style="padding-right: 20px">
<c-col :span="6">
<el-form-item label="Total Amount " >
</el-form-item>
</c-col>
<c-col :span="18">
<el-form-item label="" label-width="5px" prop="lttp.totamt">
<c-input-currency
v-model="model.lttp.totamt"
style="text-align: left; width: 100%"
disabled
placeholder="Total Amount"
></c-input-currency>
</el-form-item>
</c-col>
</c-col>
<!-- SF000358 : Expiry Date -->
<c-col :span="12" style="padding-left: 20px">
<el-form-item :label="$t('Expiry Date')" prop="ltdgrp.rec.expdat">
<c-date-picker type="date" v-model="model.ltdgrp.rec.expdat" style="width:100%" :placeholder="$t('other.please_enter')+$t('Date Issued')"></c-date-picker>
</el-form-item>
</c-col>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import event from "../event"
export default {
inject: ['root'],
props:["model","codes"],
mixins: [event],
data(){
return {
litb2bstm: {
columns: [
'1 1 "Type" ',
'2 2 "Reference" ',
'3 3 "Cur." ',
'4 4 "Open Amount" ',
'5 5 "Shipm.dat" 2 8 1 4',
'6 6 "Expired" 2 8 1 4',
'7 7 "Name" 4 7 1',
],
data: [],
},
}
},
methods:{},
created:function(){
}
}
</script>
<style>
</style>