<template>
<div class="eibs">
<c-col :span="24" >
<!-- 左侧 -->
<c-col :span="12" style="padding-right: 20px;">
<!-- Reference -->
<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"
placeholder="reference"
style="width: 100%"
:disabled="true"
>
</c-input>
<template slot="footer">
<c-button
style="margin: 0 0 0 0; padding: 0 10px"
size="small"
type="primary"
icon="el-icon-search"
disabled
>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- Amendment date -->
<c-col :span="24">
<el-form-item label="Amendment Date(30)" prop="swiadd.amedat">
<c-date-picker
v-model="model.swiadd.amedat"
style="width: 100%"
placeholder="please select Amendment date"
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<!-- 右侧-->
<c-col :span="12" style="padding-left: 20px;">
<!-- Actual Amendment No-->
<c-col :span="24">
<el-form-item label="Actual Amendment No" prop="letamep.amenbr">
<c-input
v-model.number="model.letamep.amenbr"
placeholder="Actual Amendment No"
style="width: 100%"
disabled
></c-input>
</el-form-item>
</c-col>
<!-- Amend. No Received-->
<c-col :span="24">
<el-form-item
label="Amend. No Received(26E)"
prop="swiadd.amenbr"
>
<c-input
v-model.number="model.swiadd.amenbr"
@change="amenbrChange"
maxlength="3"
placeholder=""
style="width: 100%"
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
<!-- Nominal Amount, Maximum Amount-->
<c-col :span="24">
<!-- Nominal Amount-->
<c-col :span="12" style="padding-right: 20px;">
<div>
<el-card class="box-card" >
<c-col :span="24">
<div class="el-form-item" style="text-align: center; font-weight: bold">Nominal Amount</div>
</c-col>
<!-- Nominal Amount(Original Data) -->
<c-col :span="24">
<c-col :span="13">
<el-form-item prop="ledgrp.cbs.nom1.cur">
<span slot="label">
<div>Original Amount</div>
</span>
<c-select-cur
v-model="model.ledgrp.cbs.nom1.cur"
maxlength="3"
style="width: 100%"
placeholder=""
dbCode="curtxt" sort="SRT"
disabled
></c-select-cur>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
label=""
label-width="5px"
prop="oldledgrp.cbs.nom1.amt"
>
<c-input
v-model="model.oldledgrp.cbs.nom1.amt"
placeholder="请输入金额"
style="width: 100%"
@keyup.enter.native="$event.target.blur()"
class="m-input-currency"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- Nominal Amount(Amended) -->
<c-col :span="24">
<c-col :span="13">
<el-form-item prop="swiadd.amecur">
<span slot="label">
<div>Amended Amount(32/33B)</div>
</span>
<c-select-cur
v-model="model.swiadd.amecur"
maxlength="3"
style="width: 100%"
dbCode="curtxt" sort="SRT"
disabled
></c-select-cur>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
label=""
label-width="5px"
prop="swiadd.ameamt"
>
<c-input-currency v-model="model.swiadd.ameamt" :currency="model.swiadd.amecur" @keyup.enter.native="$event.target.blur()" style="width:100%" @change="changeSwiaddAmeamt">
</c-input-currency>
</el-form-item>
</c-col>
</c-col>
<!-- Nominal Amount(New Data)-->
<c-col :span="24" >
<c-col :span="13">
<el-form-item prop="swiadd.newcur">
<span slot="label">
<div>New Amount(34B)</div>
</span>
<c-select-cur
v-model="model.swiadd.newcur"
maxlength="3"
style="width: 100%"
dbCode="curtxt" sort="SRT"
disabled
></c-select-cur>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
label=""
label-width="5px"
prop="swiadd.newamt"
>
<c-input-currency v-model="model.swiadd.newamt" :currency="model.swiadd.newcur" @keyup.enter.native="$event.target.blur()" style="width:100%" @change="changeSwiaddNewamt" >
</c-input-currency>
</el-form-item>
</c-col>
</c-col>
<!-- Tolerance +/-%(Original Data) -->
<c-col :span="24" >
<c-col :span="24">
<c-col :span="13">
<el-form-item
prop="oldledgrp.rec.nomtop"
>
<span slot="label">
<div>Tolerance +/-%</div>
</span>
<c-input
v-model.number="model.oldledgrp.rec.nomtop"
placeholder="请输入上浮比例"
style="width: 100%"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
label=""
label-width="5px"
prop="oldledgrp.rec.nomton"
>
<c-input
v-model.number="model.oldledgrp.rec.nomton"
placeholder="请输入下浮比例"
style="width: 100%"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
</el-card>
</div>
</c-col>
<!-- Maximum Amount-->
<c-col :span="12" style="padding-left: 20px;">
<div >
<el-card class="box-card" >
<c-col :span="24">
<div class="el-form-item" style="text-align: center; font-weight: bold">Maximum Amount</div>
</c-col>
<!-- Maximum Amount(Original Data) -->
<c-col :span="24">
<c-col :span="13">
<el-form-item prop="ledgrp.cbs.max.cur">
<span slot="label">
<div>Original Amount</div>
</span>
<c-select-cur
v-model="model.ledgrp.cbs.max.cur"
maxlength="3"
style="width: 100%"
dbCode="curtxt" sort="SRT"
disabled
></c-select-cur>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
label=""
label-width="5px"
prop="oldledgrp.cbs.max.amt"
>
<c-input
v-model="model.oldledgrp.cbs.max.amt"
placeholder="请输入金额"
style="width: 100%"
@keyup.enter.native="$event.target.blur()"
class="m-input-currency"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- Total Amendment-->
<c-col :span="24" >
<c-col :span="24">
<c-col :span="13">
<el-form-item prop="ledgrp.cbs.max.cur">
<span slot="label">
<div>Amended Amount</div>
</span>
<c-select-cur
v-model="model.ledgrp.cbs.max.cur"
maxlength="3"
style="width: 100%"
dbCode="curtxt" sort="SRT"
disabled
></c-select-cur>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
label=""
label-width="5px"
prop="letamep.engamt"
>
<c-input
v-model="model.letamep.engamt"
placeholder="请输入金额"
style="width: 100%"
@keyup.enter.native="$event.target.blur()"
class="m-input-currency"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
<!-- New Maximum Amount -->
<c-col :span="24">
<c-col :span="13">
<el-form-item prop="ledgrp.cbs.max.cur">
<span slot="label">
<div>New Maximum Amount </div>
</span>
<c-select-cur
v-model="model.ledgrp.cbs.max.cur"
maxlength="3"
style="width: 100%"
dbCode="curtxt" sort="SRT"
disabled
></c-select-cur>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
label=""
label-width="5px"
prop="letamep.maxamt"
>
<c-input
v-model="model.letamep.maxamt"
placeholder="请输入金额"
style="width: 100%"
@keyup.enter.native="$event.target.blur()"
class="m-input-currency"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- New Tolerance +/-% -->
<c-col :span="24">
<c-col :span="24">
<c-col :span="13">
<el-form-item
prop="swiadd.newnomtop"
>
<span slot="label">
<div>New Tolerance +/-%(39A)</div>
</span>
<c-input
v-model.number="model.swiadd.newnomtop"
maxlength="2"
@change="newnomtopChange"
placeholder=""
style="min-width: 100px"
@keyup.enter.native="$event.target.blur()"
class="m-input-currency"
></c-input>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
label=""
label-width="5px"
prop="swiadd.newnomton"
>
<c-input
v-model.number="model.swiadd.newnomton"
maxlength="2"
@change="newnomtonChange"
placeholder=""
style="min-width: 100px"
@keyup.enter.native="$event.target.blur()"
class="m-input-currency"
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
</el-card>
</div>
</c-col>
</c-col>
<!-- Original data, New data-->
<c-col :span="24">
<!-- Original data -->
<c-col :span="12" style="padding-right: 20px;">
<div>
<el-card class="box-card" >
<div>
<c-col :span="24">
<div class="el-form-item" style="text-align: center; font-weight: bold">Original Data</div>
</c-col>
<!-- Form of L/C -->
<c-col :span="24">
<el-form-item label="Form of L/C" prop="oldledgrp.rec.lcrtyp">
<c-select
disabled
v-model="model.oldledgrp.rec.lcrtyp"
style="width: 100%"
placeholder="请选择类型"
:filterKey="['I','IT']" dbCode="LCRTYP"
>
</c-select>
</el-form-item>
</c-col>
<!-- shipment date -->
<c-col :span="24">
<el-form-item label="Shipment Date" prop="oldledgrp.rec.shpdat">
<c-date-picker
type="date"
v-model="model.oldledgrp.rec.shpdat"
style="min-width: 130px"
placeholder=""
value-format="yyyy-MM-dd"
disabled
>
</c-date-picker>
</el-form-item>
</c-col>
<!-- Shipment Period -->
<c-col :span="24">
<el-form-item label="Shipment Period" prop="oldledgrp.blk.shpper">
<!-- maxlength 65*6, view-lines 4 -->
<c-input
type="textarea"
v-model="model.oldledgrp.blk.shpper"
:rows="4"
maxlength="390"
show-word-limit
placeholder=""
disabled
></c-input>
</el-form-item>
</c-col>
<!-- expiring date -->
<c-col :span="24">
<el-form-item label="Expiry Date" prop="oldledgrp.rec.expdat">
<c-date-picker
type="date"
v-model="model.oldledgrp.rec.expdat"
style="width: 100%;min-width: 130px"
value-format="yyyy-MM-dd"
disabled
>
</c-date-picker>
</el-form-item>
</c-col>
<!-- in (place)/counters of -->
<c-col :span="24">
<el-form-item label="in (Place)/ counters of" prop="oldledgrp.rec.expplc">
<c-input
v-model="model.oldledgrp.rec.expplc"
maxlength="29"
placeholder=""
disabled
></c-input>
</el-form-item>
</c-col>
<!-- Applicable rules -->
<c-col :span="24">
<el-form-item label="Applicable rules" prop="oldledgrp.rec.apprul">
<c-select
v-model="model.oldledgrp.rec.apprul"
style="width: 100%"
placeholder=""
dbCode="APPRL1" sort="SRT"
disabled
>
</c-select>
</el-form-item>
</c-col>
<!-- Other Applicable rules -->
<c-col :span="24">
<el-form-item label="Other Applicable rules" prop="oldledgrp.rec.apprultxt">
<c-input
v-model="model.oldledgrp.rec.apprultxt"
maxlength="35"
placeholder=""
disabled
></c-input>
</el-form-item>
</c-col>
<!-- Partial shipment -->
<c-col :span="24">
<el-form-item label="Partial shipment" prop="oldledgrp.rec.shppars18">
<c-select
v-model="model.oldledgrp.rec.shppars18"
style="width: 100%"
placeholder=""
dbCode="SHPPA1"
disabled
>
</c-select>
</el-form-item>
</c-col>
<!-- Transshipment -->
<c-col :span="24">
<el-form-item label="Transhipment" prop="oldledgrp.rec.shptrss18">
<c-select
v-model="model.oldledgrp.rec.shptrss18"
style="width: 100%"
placeholder=""
dbCode="SHPTRS"
disabled
>
</c-select>
</el-form-item>
</c-col>
<!-- country or region code -->
<c-col :span="24">
<el-form-item prop="ledgrp.rec.stacty" label="Country or Region Code">
<c-select
v-model="model.oldledgrp.rec.stacty"
style="width: 100%"
placeholder=""
dbCode="CTYTXT"
disabled
>
</c-select>
</el-form-item>
</c-col>
</div>
</el-card>
</div>
</c-col>
<!-- New data -->
<c-col :span="12" style="padding-left: 20px;">
<div >
<el-card class="box-card" >
<c-col :span="24">
<div class="el-form-item" style="text-align: center; font-weight: bold">New Data</div>
</c-col>
<div>
<!-- Form of L/C -->
<c-col :span="24">
<el-form-item label="Form of L/C(40A)" prop="ledgrp.rec.lcrtyp">
<c-select
v-model="model.ledgrp.rec.lcrtyp"
style="width: 100%"
placeholder=""
:filterKey="['I','IT']" dbCode="LCRTYP"
>
</c-select>
</el-form-item>
</c-col>
<!-- shipment date -->
<c-col :span="24">
<el-form-item label="New Shipment Date(44C)" prop="swiadd.newshpdat">
<c-date-picker
type="date"
v-model="model.swiadd.newshpdat"
style="min-width: 130px"
placeholder=""
value-format="yyyy-MM-dd"
:disabled="model.swiadd.shpper ===null || model.swiadd.shpper.trim()!==''"
@change="newshpdatChange"
>
</c-date-picker>
</el-form-item>
</c-col>
<!-- Shipment Period -->
<c-col :span="24">
<el-form-item label="New Shipment Period" prop="swiadd.shpper">
<!-- maxlength 65*6, view-lines 4 -->
<c-input
type="textarea"
v-model="model.swiadd.shpper"
:rows="4"
maxlength="390"
show-word-limit
placeholder=""
:disabled="model.swiadd.newshpdat!=null&&model.swiadd.newshpdat!==''"
></c-input>
</el-form-item>
</c-col>
<!-- expiring on -->
<c-col :span="24">
<el-form-item label="New Expiry Date(31E)" prop="swiadd.newexpdat">
<c-date-picker
type="date"
v-model="model.swiadd.newexpdat"
style="width: 100%;min-width: 130px"
value-format="yyyy-MM-dd"
placeholder=""
@change="newexpdatChange"
>
</c-date-picker>
</el-form-item>
</c-col>
<!-- in (place)/counters of -->
<c-col :span="24">
<el-form-item label="in (Place)/ counters of(31D)" prop="ledgrp.rec.expplc">
<c-input
v-model="model.ledgrp.rec.expplc"
maxlength="29"
placeholder=""
></c-input>
</el-form-item>
</c-col>
<!-- Applicable rules -->
<c-col :span="24">
<el-form-item label="Applicable rules(40E)" prop="ledgrp.rec.apprul">
<c-select
v-model="model.ledgrp.rec.apprul"
style="width: 100%"
placeholder=""
dbCode="APPRL1" sort="SRT"
@change="apprulChange"
>
</c-select>
</el-form-item>
</c-col>
<!-- Other Applicable rules -->
<c-col :span="24">
<el-form-item :rules="[{required:model.ledgrp.rec.apprul === 'OTHR',message:'This field is mandatory',trigger:'change'}]" label="Other Applicable rules(40E)" prop="ledgrp.rec.apprultxt">
<c-input
v-model="model.ledgrp.rec.apprultxt"
maxlength="35"
placeholder=""
:disabled="model.ledgrp.rec.apprul === 'OTHR' ? false : true"
></c-input>
</el-form-item>
</c-col>
<!-- Partial shipment -->
<c-col :span="24">
<el-form-item label="Partial shipment(43P)" prop="ledgrp.rec.shppars18">
<c-select
v-model="model.ledgrp.rec.shppars18"
style="width: 100%"
placeholder=""
dbCode="SHPPA1"
>
</c-select>
</el-form-item>
</c-col>
<!-- Transshipment -->
<c-col :span="24">
<el-form-item label="Transhipment(43T)" prop="ledgrp.rec.shptrss18">
<c-select
v-model="model.ledgrp.rec.shptrss18"
style="width: 100%"
placeholder=""
dbCode="SHPTRS"
>
</c-select>
</el-form-item>
</c-col>
<!-- country or region code -->
<c-col :span="24">
<el-form-item prop="ledgrp.rec.stacty" label="Country or Region Code">
<c-select
v-model="model.ledgrp.rec.stacty"
style="width: 100%"
placeholder=""
dbCode="CTYTXT"
>
</c-select>
</el-form-item>
</c-col>
</div>
</el-card>
</div>
</c-col>
</c-col>
<c-col :span="24" >
<!-- ======================= 左边 ========================= -->
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24" class="custom-box-wrap">
<el-form-item prop="ledgrp.cbs.max2.cur">
<c-select-cur
v-model="model.ledgrp.cbs.max2.cur"
style="width: 115px"
placeholder="请选择币种"
dbCode="curtxt"
sort="SRT"
disabled
>
</c-select-cur>
</el-form-item>
<div class="box-3">
<el-form-item label-width="5px" prop="swiadd.addamt">
<c-input-currency
v-model="model.swiadd.addamt"
:currency="model.ledgrp.cbs.max2.cur"
style="width: 100%"
placeholder="请输入金额"
@change="swiaddAddmatChange"
@keyup.enter.native="$event.target.blur()"
:disabled="model.swiadd.addamtflg===''">
</c-input-currency>
</el-form-item>
</div>
<div class="box-2">
<c-checkbox
v-model="model.swiadd.addamtflg"
true-label="X"
false-label=""
disabled
class="checkbox-left">
Add. Amount
</c-checkbox>
</div>
</c-col>
<c-col :span="24">
<el-form-item label="New Additional Amounts Covered(39C)" prop="swiadd.addamtcov">
<c-input
type="textarea"
:rows="4"
v-model="model.swiadd.addamtcov"
maxlength="140"
show-word-limit
:disabled="model.swiadd.addamtflg===''"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- ======================= 右边 ========================= -->
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="24">
<c-col :span="12">
<el-form-item class="checkbox-left">
<c-checkbox v-model="model.letamep.benaccflg" class="checkbox-left" true-label="X" false-label="">
Amendment Accepted by Beneficiary
</c-checkbox>
</el-form-item>
</c-col>
<!-- Revolving L/C -->
<c-col :span="12">
<el-form-item class="checkbox-left">
<c-checkbox v-model="model.ledgrp.rec.revflg" true-label="X" false-label="">Revolving L/C</c-checkbox>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<!-- Non-Bank Issuer -->
<c-col :span="12">
<el-form-item class="checkbox-left">
<c-checkbox v-model="model.ledgrp.rec.nonban" true-label="X" false-label=""> Non-Bank Issuer</c-checkbox>
</el-form-item>
</c-col>
<!-- Test Key Unconfirmity -->
<c-col :span="12">
<el-form-item class="checkbox-left">
<c-checkbox v-model="model.ledgrp.rec.teskeyunc" true-label="X" false-label="">Test Key Unconfirmity</c-checkbox>
</el-form-item>
</c-col>
</c-col>
</c-col>
</c-col>
</div>
</template>
<script>
import event from "../event"
import Default from "../model/default";
import BigNumber from "bignumber.js";
export default {
inject: ['root'],
props: ['model', 'codes'],
mixins: [event, Default],
data() {
return {}
},
methods: {
},
computed: {
amecur() {
this.model.swiadd.amecur = this.model.ledgrp.cbs.nom1.cur
return this.model.swiadd.amecur
},
newcur() {
this.model.swiadd.newcur = this.model.ledgrp.cbs.nom1.cur
return this.model.swiadd.newcur
},
nomspc() {
this.model.swiadd.nomspc = this.model.ledgrp.rec.nomspc
return this.model.swiadd.nomspc
},
},
}
</script>
<style>
.letame_amep_amt {
margin-left: 150px;
height: 16px;
color: #606266;
line-height: 16px;
font-size: 12px;
}
.letame_amed_nomtx {
margin-left: 20px;
height: 16px;
color: #606266;
line-height: 16px;
font-size: 12px;
}
.letame_amed_newnomtx {
margin-left: 20px;
height: 34px;
line-height: 34px;
color: #606266;
font-size: 12px;
}
</style>