<template>
<div class="eibs-tab">
<c-row>
<!-- 左边 -->
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="Reference" prop="ledgrp.rec.ownref" style="width: 100%">
<c-fullbox>
<c-input
v-model="model.ledgrp.rec.ownref"
maxlength="16"
style="width: 95%"
placeholder="Please enter Reference"
disabled
></c-input>
<template slot="footer">
<c-button
size="small"
style="margin: 0 10px 0 0; padding: 0 12px"
type="primary"
>
<i class="el-icon-info" style="font-size:15px"></i>
</c-button>
<c-button
style="margin: 0 0"
size="small"
type="primary"
:disabled="
model.ledgrp.ben.pts.adrblk && !model.ledgrp.rec.ownref? false: true"
@click="onLitpButgetref"
>Get Ref
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- SF000203 : 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%" disabled :placeholder="$t('other.please_enter')+$t('Form of L/C')">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="20">
<el-form-item label="Responsible User" prop="letp.usr.extkey">
<c-fullbox>
<c-input
v-model="model.letp.usr.extkey"
maxlength="16"
placeholder="Please enter Responsible User"
disabled
></c-input>
<template slot="footer">
<c-button
size="small"
style="margin-left: 10px; padding: 0 10px"
type="primary"
>
<i class="el-icon-info"></i>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="4">
<el-form-item class="checkbox-left" label-width="10px">
<c-checkbox
v-model="model.ledgrp.rec.collflg"
style="margin-left: 10px"
disabled
>Collateralized L/C
</c-checkbox>
</el-form-item>
</c-col>
</c-col>
<!-- SF000208 : Nominal Amount -->
<c-col :span="24">
<c-col :span="13">
<el-form-item label="Nominal Amount" prop="ledgrp.cbs.nom1.cur">
<c-select
v-model="model.ledgrp.cbs.nom1.cur"
style="width: 100%"
placeholder="Nominal Cur"
:code="codes.curtxt1"
disabled
>
</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%"
placeholder="Nominal Amount"
disabled
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="4">
<el-form-item class="checkbox-left" label-width="10px">
<c-checkbox
v-model="model.letp.addamtflg"
style="margin-left: 10px"
disabled
>Add. Amount
</c-checkbox>
</el-form-item>
</c-col>
</c-col>
<!-- SF000209 : Amount Tolerance +/- -->
<c-col :span="24">
<c-col :span="13">
<el-form-item label="Amount Tolerance +/-" prop="ledgrp.rec.nomtop">
<c-input
v-model.number="model.ledgrp.rec.nomtop"
maxlength="2"
style="width: 100%"
placeholder="Amount Tolerance +"
@keyup.enter.native="$event.target.blur()"
class="m-input-currency"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="5px" prop="ledgrp.rec.nomton">
<c-input
v-model.number="model.ledgrp.rec.nomton"
maxlength="2"
style="width: 100%"
placeholder="Amount Tolerance -"
@keyup.enter.native="$event.target.blur()"
class="m-input-currency"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="4">
<el-form-item class="checkbox-left" label-width="10px">
<c-checkbox
v-model="model.ledgrp.rec.inctrf"
style="margin-left: 10px"
disabled
>Incoming Transfer</c-checkbox>
</el-form-item>
</c-col>
</c-col>
<!-- SF000210 : Amount Specification -->
<c-col :span="24">
<c-col :span="12">
<el-form-item :label="$t('Amount Specification')" prop="ledgrp.rec.nomspc">
<c-select v-model="model.ledgrp.rec.nomspc" style="width:100%" disabled :placeholder="$t('other.please_enter')+$t('Amount Specification')">
</c-select>
</el-form-item>
</c-col>
</c-col>
<!-- SF000211 : Maximum Amount -->
<c-col :span="24" class="custom-box-wrap">
<div style="width: 280px;">
<el-form-item label="Maximum Amount" prop="ledgrp.cbs.max.cur">
<c-select-cur
v-model="model.ledgrp.cbs.max.cur"
disabled
style="width: 100%"
placeholder="请选择币种"
dbCode="curtxt"
sort="SRT"
></c-select-cur>
</el-form-item>
</div>
<div style="width: calc(100% - 280px);">
<el-form-item label-width="5px" prop="ledgrp.cbs.max.amt">
<c-input-currency
v-model="model.ledgrp.cbs.max.amt"
:currency="model.ledgrp.cbs.max.cur"
style="width:100%"
placeholder="请输入金额"
disabled
></c-input-currency>
</el-form-item>
</div>
</c-col>
<!-- SF000212 : Issued on -->
<c-col :span="24">
<c-col :span="12">
<el-form-item :label="$t('Issued on')" prop="ledgrp.rec.opndat">
<c-date-picker type="date" v-model="model.ledgrp.rec.opndat" style="width:100%" disabled :placeholder="$t('other.please_enter')+$t('Issued on')"></c-date-picker>
</el-form-item>
</c-col>
<!-- SF000213 : Date Pre-advised -->
<c-col :span="12">
<el-form-item :label="$t('Date Pre-advised')" prop="ledgrp.rec.preadvdt">
<c-date-picker type="date" v-model="model.ledgrp.rec.preadvdt" style="width:100%" disabled :placeholder="$t('other.please_enter')+$t('letp.SF000213')"></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="12">
<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%" disabled :placeholder="$t('other.please_enter')+$t('Shipment Date')"></c-date-picker>
</el-form-item>
</c-col>
<!-- SF000215 : Released on -->
<c-col :span="12">
<el-form-item :label="$t('Released on')" prop="ledgrp.rec.advdat">
<c-date-picker type="date" v-model="model.ledgrp.rec.advdat" style="width:100%" disabled :placeholder="$t('other.please_enter')+$t('Released on')"></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24" >
<div style="width:50%">
<el-form-item :label="$t('Expiring on')" prop="ledgrp.rec.expdat">
<c-date-picker type="date" v-model="model.ledgrp.rec.expdat" disabled :placeholder="$t('other.please_enter')+$t('Expiring on')"></c-date-picker>
</el-form-item>
</div>
</c-col>
<!-- SF000218 : in (Place)/ counters of -->
<c-col :span="24">
<el-form-item :label="$t('in (Place)/ counters of')" prop="ledgrp.rec.expplc">
<c-input v-model="model.ledgrp.rec.expplc" maxlength="29" style="width:75%" disabled :placeholder="$t('other.please_enter')+$t('in (Place)/ counters of')"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<span v-text="model.letp.oppbnkl" data-path=".letp.oppbnkl" > </span>
</c-col>
<c-col :span="24">
<el-form-item label="Confirmation Instruct. Received" prop="ledgrp.rec.cnfdet">
<c-select v-model="model.ledgrp.rec.cnfdet" style="width:75%" disabled :placeholder="$t('other.please_enter')+$t('letp.SF000220')">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="境内外对手行代码" prop="ledgrp.rec.oppbnk">
<c-input v-model="model.ledgrp.rec.oppbnk" maxlength="24" style="width:75%" disabled :placeholder="$t('other.please_enter')+'境内外对手行代码'"></c-input>
</el-form-item>
</c-col>
<!-- SF000372 : Applicable Rules -->
<c-col :span="24">
<el-form-item :label="$t('Applicable Rules')" prop="ledgrp.rec.apprul">
<c-select v-model="model.ledgrp.rec.apprul" style="width:75%" disabled :placeholder="$t('other.please_enter')+$t('Applicable Rules')">
</c-select>
</el-form-item>
</c-col>
<!-- SF000381 : Other Applicable Rules -->
<c-col :span="24">
<el-form-item :label="$t('Other Applicable Rules')" prop="ledgrp.rec.apprultxt">
<c-input v-model="model.ledgrp.rec.apprultxt" maxlength="35" style="width:75%" disabled :placeholder="$t('other.please_enter')+$t('Other Applicable Rules')"></c-input>
</el-form-item>
</c-col>
<c-col c-col :span="24">
<el-form-item label="Partial Shipment" prop="ledgrp.rec.shppars18">
<c-select
v-model="model.ledgrp.rec.shppars18"
style="width: 75%"
placeholder="请选择分批装运条款"
:code="codes.shptrss18"
disabled
></c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Transhipment " prop="ledgrp.rec.shptrss18">
<c-select
v-model="model.ledgrp.rec.shptrss18"
style="width: 75%"
placeholder="请选择转运条款"
:code="codes.shptrss18"
disabled
></c-select>
</el-form-item>
</c-col>
</c-col>
<!-- 右边 -->
<c-col :span="12" style="padding-left: 20px;">
<!-- SF000168 : Name -->
<c-col :span="24">
<el-form-item :label="$t('Name')" prop="ledgrp.rec.nam">
<c-input v-model="model.ledgrp.rec.nam" maxlength="40" style="width:100%" disabled :placeholder="$t('other.please_enter')+$t('Name')"></c-input>
</el-form-item>
</c-col>
<!-- SF000206 : Beneficiary Ref. -->
<c-col :span="24" >
<c-ptap
:model="model"
:disabledExtkey="true"
:disabled="true"
:argadr="{title: 'Beneficiary Ref.', grp: 'ledgrp', rol: 'ben'}"
ptytyp="C"
bchinr='00000047'
:isLabel120="false"
:charmod="0"
></c-ptap>
</c-col>
<!-- SF000205 : Issuer Ref. -->
<c-col :span="24" >
<c-ptap
:model="model"
:disabledExtkey="true"
:disabled="true"
:argadr="{title: 'Issuer Ref.', grp: 'ledgrp', rol: 'iss'}"
ptytyp="C"
bchinr='00000047'
:isLabel120="false"></c-ptap>
</c-col>
<!-- SF000204 : Applicant Ref. -->
<c-col :span="24" >
<c-ptap
:model="model"
:disabledExtkey="true"
:disabled="true"
:argadr="{title: 'Applicant Ref.', grp: 'ledgrp', rol: 'apl'}"
ptytyp="C"
bchinr='00000047'
:isLabel120="false"></c-ptap>
</c-col>
<!-- SF000343 : Received -->
<c-col :span="24">
<c-col :span="12">
<c-checkbox
v-model="model.ledgrp.rec.revflg"
true-label="X"
false-label=""
class="checkbox-left"
disabled
>Revolving L/C</c-checkbox>
</c-col>
<c-col :span="12">
<c-checkbox
v-model="model.ledgrp.rec.dbtflg"
true-label="X"
false-label=""
class="checkbox-left"
disabled
>Authorization to Debit</c-checkbox>
</c-col>
</c-col>
<c-col :span="24">
<c-checkbox
v-model="model.ledgrp.rec.nonban"
true-label="X"
false-label=""
class="checkbox-left"
disabled
>Non-Bank Issuer</c-checkbox>
</c-col>
<c-col :span="24">
<c-checkbox
v-model="model.ledgrp.rec.teskeyunc"
true-label="X"
false-label=""
class="checkbox-left"
disabled
>Test Key Unconfirmity</c-checkbox>
</c-col>
</c-col>
</c-row>
<!-- 不知道啥字段<c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="letp.recget.sdamod.dadsnd">
<c-input v-model="model.letp.recget.sdamod.dadsnd" :placeholder="$t('other.please_enter')+'Drag Drop Sender'"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="letp.recget.sdamod.seainf">
<c-input v-model="model.letp.recget.sdamod.seainf" :placeholder="$t('other.please_enter')+''"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="letp.benp.ptsget.sdamod.dadsnd">
<c-input v-model="model.letp.benp.ptsget.sdamod.dadsnd" :placeholder="$t('other.please_enter')+'Drag Drop Sender'"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="letp.usrget.sdamod.seainf">
<c-input v-model="model.letp.usrget.sdamod.seainf" :placeholder="$t('other.please_enter')+''"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="letp.benp.ptsget.sdamod.seainf">
<c-input v-model="model.letp.benp.ptsget.sdamod.seainf" :placeholder="$t('other.please_enter')+''"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="letp.issp.ptsget.sdamod.dadsnd">
<c-input v-model="model.letp.issp.ptsget.sdamod.dadsnd" :placeholder="$t('other.please_enter')+'Drag Drop Sender'"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="letp.issp.ptsget.sdamod.seainf">
<c-input v-model="model.letp.issp.ptsget.sdamod.seainf" :placeholder="$t('other.please_enter')+''"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="letp.aplp.ptsget.sdamod.dadsnd">
<c-input v-model="model.letp.aplp.ptsget.sdamod.dadsnd" :placeholder="$t('other.please_enter')+'Drag Drop Sender'"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="letp.aplp.ptsget.sdamod.seainf">
<c-input v-model="model.letp.aplp.ptsget.sdamod.seainf" :placeholder="$t('other.please_enter')+''"></c-input>
</el-form-item>
</c-col> -->
</div>
</template>
<script>
import event from "../event";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [event],
data() {
return {};
}
};
</script>
<style>
</style>