<template>
<div class="eibs-tab">
<!-- 页面布局由上到下，不是直接分左右 -->
<!-- =============================顶部============================ -->
<c-col :span="24">
<c-col :span="11">
<el-form-item
label="Reference"
prop="ltdgrp.rec.ownref"
style="width: 100%"
>
<c-fullbox>
<c-input
v-model="model.ltdgrp.rec.ownref"
maxlength="16"
placeholder="请输入Reference"
style="width: 95%"
:disabled="true"
>
</c-input>
<template slot="footer">
<c-button
style="margin: 0 0 0 0; padding: 0 10px"
size="small"
type="primary"
@click="onSeainf"
>
<span
style="
font-size: 15px;
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="Name" prop="ltdgrp.rec.nam">
<c-input
text-align="middle"
v-model="model.ltdgrp.rec.nam"
maxlength="40"
placeholder="请输入"
disabled
>
</c-input>
</el-form-item>
</c-col>
</c-col>
<!-- ====================第二行================= -->
<c-col :span="24">
<c-col :span="11">
<el-form-item label="Amendment Date" prop="trnmod.swiadd.amedat">
<c-date-picker
type="date"
v-model="model.trnmod.swiadd.amedat"
style="width: 100%"
placeholder="请选择Amendment Date"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<c-col :span="12">
<el-form-item
label="Amend. No Received"
prop="trnmod.swiadd.amenbr"
>
<c-input
v-model.number="model.trnmod.swiadd.amenbr"
style="width: 90%"
></c-input>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="Actual Amendment No" prop="lttamep.amenbr">
<c-input
v-model.number="model.lttamep.amenbr"
placeholder="请输入Actual Amendment No"
style="width: 100%"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
<!-- ===========第三行开始第三模块---金额部分============= -->
<c-col :span="24">
<c-col :span="11">
<span class="lttame_amep_amt">Nominal Amount</span>
<c-col :span="24">
<c-col :span="13">
<el-form-item label="Original Data" prop="ltdgrp.cbs.nom1.cur">
<c-select
v-model="model.ltdgrp.cbs.nom1.cur"
maxlength="3"
placeholder="请选择币种"
:code="codes.curtxt1"
disabled
></c-select>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
label=""
label-width="5px"
prop="oldltdgrp.cbs.nom1.amt"
>
<c-input
v-model="model.oldltdgrp.cbs.nom1.amt"
placeholder="请输入Original Data"
style="width: 100%"
@keyup.enter.native="$event.target.blur()"
class="m-input-currency"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="13">
<el-form-item label="Amended" prop="trnmod.swiadd.amecur">
<c-select
v-model="model.trnmod.swiadd.amecur"
style="width: 100%"
:code="codes.curtxt1"
placeholder="请选择Amended"
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
label=""
label-width="5px"
prop="trnmod.swiadd.ameamt"
>
<c-input
v-model="model.trnmod.swiadd.ameamt"
placeholder="请输入Amended"
@keyup.enter.native="$event.target.blur()"
@blur="ameamtOtherDefault"
style="width: 100%"
class="m-input-currency"
></c-input>
<!-- 回车失去焦点，失去焦点会自动触发默认事件：@keyup.enter.native="$event.target.blur()" -->
</el-form-item>
</c-col>
<c-col :span="13">
<el-form-item label="New Data" prop="trnmod.swiadd.newcur">
<c-select
v-model="model.trnmod.swiadd.newcur"
style="width: 100%"
:code="codes.curtxt1"
disabled
placeholder="请选择币种"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
label=""
label-width="5px"
prop="trnmod.swiadd.newamt"
>
<c-input
v-model="model.trnmod.swiadd.newamt"
placeholder="请输入New Data"
@keyup.enter.native="eventFunction('trnmod.swiadd.newamt')"
style="width: 100%"
class="m-input-currency"
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
<!-- Tolerance +/- % -->
<c-col :span="4" :offset="1">
<span class="lttame_amed_nomtx">Tolerance +/- %</span>
<c-col :span="24">
<c-col :span="12">
<el-form-item
label=""
label-width="5px"
prop="oldltdgrp.rec.nomtop"
>
<c-input
v-model.number="model.oldltdgrp.rec.nomtop"
placeholder="请输入Tolerance +"
style="width: 100%"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label=""
label-width="5px"
prop="oldltdgrp.rec.nomton"
>
<c-input
v-model.number="model.oldltdgrp.rec.nomton"
placeholder="请输入Tolerance -"
style="width: 100%"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<span class="lttame_amed_newnomtx">Total Amendment</span>
</c-col>
<c-col :span="12">
<el-form-item
label=""
label-width="5px"
prop="trnmod.swiadd.newnomtop"
>
<c-input
v-model.number="model.trnmod.swiadd.newnomtop"
placeholder="请输入New positive tolerance"
style="width: 100%"
@keyup.enter.native="$event.target.blur()"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label=""
label-width="5px"
prop="trnmod.swiadd.newnomton"
>
<c-input
v-model.number="model.trnmod.swiadd.newnomton"
placeholder="请输入New negative tolerance"
style="width: 100%"
@keyup.enter.native="$event.target.blur()"
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
<c-col :span="7">
<span class="lttame_amed_nomtx">Maximum Amount</span>
<c-col :span="24">
<c-col :span="10">
<el-form-item
label=""
label-width="20px"
prop="oldltdgrp.cbs.max.cur"
>
<c-select
v-model="model.oldltdgrp.cbs.max.cur"
maxlength="3"
placeholder="请选择币种"
:code="codes.cur"
disabled
></c-select>
</el-form-item>
</c-col>
<c-col :span="14">
<el-form-item
label=""
label-width="5px"
prop="oldltdgrp.cbs.max.amt"
>
<c-input
v-model="model.oldltdgrp.cbs.max.amt"
placeholder="请输入Original Data"
style="width: 100%"
disabled
class="m-input-currency"
></c-input>
</el-form-item>
</c-col>
<c-col :span="10">
<el-form-item label="" label-width="20px" prop="lttamep.engcur">
<c-select
v-model="model.lttamep.engcur"
style="width: 100%"
placeholder="请选择Total Amendment"
:code="codes.cur"
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="14">
<el-form-item label="" label-width="5px" prop="lttamep.engamt">
<c-input
v-model="model.lttamep.engamt"
placeholder="请输入Total Amendment"
disabled
class="m-input-currency"
></c-input>
</el-form-item>
</c-col>
<c-col :span="10">
<el-form-item label="" label-width="20px" prop="lttamep.maxcur">
<c-select
v-model="model.lttamep.maxcur"
style="width: 100%"
placeholder="请选择Total Amendment"
:code="codes.cur"
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="14">
<el-form-item label="" label-width="5px" prop="lttamep.maxamt">
<c-input
v-model="model.lttamep.maxamt"
placeholder="请输入New Maximum Amount"
disabled
class="m-input-currency"
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
</c-col>
<!-- Amount Specification -->
<c-col :span="24">
<c-col :span="11">
<el-form-item
label="Amount Specification"
prop="trnmod.swiadd.nomspc"
>
<c-select
v-model="model.trnmod.swiadd.nomspc"
style="width: 100%"
placeholder="请选择Amount Specification"
:code="codes.nomspc"
disabled
>
</c-select>
</el-form-item>
</c-col>
</c-col>
<!-- ===================日期部分的左边================= -->
<c-col :span="11">
<c-col :span="24">
<el-form-item label="Date of Expiry" prop="oldltdgrp.rec.expdat">
<c-date-picker
type="date"
v-model="model.oldltdgrp.rec.expdat"
style="width: 100%"
placeholder="请选择Date of Expiry"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="New Expiry Date" prop="trnmod.swiadd.newexpdat">
<c-date-picker
type="date"
v-model="model.trnmod.swiadd.newexpdat"
style="width: 100%"
placeholder="请选择New Expiry Date"
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<!-- ===================日期部分的右边================= -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item label="Shipment Date" prop="oldltdgrp.rec.shpdat">
<c-date-picker
type="date"
v-model="model.oldltdgrp.rec.shpdat"
style="width: 100%"
placeholder="请选择Shipment Date"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="New Shipment Date" prop="trnmod.swiadd.newshpdat">
<c-date-picker
type="date"
v-model="model.trnmod.swiadd.newshpdat"
style="width: 100%"
placeholder="请选择New Shipment Date"
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<!--==========================下部（左边）==================== -->
<c-col :span="11">
<c-col :span="24">
<el-form-item label="Purpose of message" prop="trnmod.swiadd.purpos">
<c-select
v-model="model.trnmod.swiadd.purpos"
style="width: 100%"
placeholder="请选择Purpose of message"
:code="codes.purpos5"
>
</c-select>
</el-form-item>
</c-col>
<!-- Presentation period -->
<c-col :span="13">
<el-form-item
label="Presentation period(Days)"
prop="oldltdgrp.rec.prepers18"
>
<c-input
v-model.number="model.oldltdgrp.rec.prepers18"
placeholder="请输入Days of presentation period"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
label=""
label-width="5px"
prop="oldltdgrp.rec.prepertxts18"
>
<c-input
v-model="model.oldltdgrp.rec.prepertxts18"
maxlength="35"
placeholder="请输入Presentation period text"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Amendm. charge by" prop="trnmod.swiadd.trnchato">
<c-select
v-model="model.trnmod.swiadd.trnchato"
style="width: 100%"
placeholder="请选择Amendm. charge by"
:code="codes.trnchato"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="Details for Charges"
prop="trnmod.swiadd.trnfeetxt"
>
<c-input
type="textarea"
v-model="model.trnmod.swiadd.trnfeetxt"
maxlength="35"
show-word-limit
placeholder="请输入Details for Charges"
:disabled="model.trnmod.swiadd.trnchato!='OTHR'"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- ================================下部(右边)================================= -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item
label="New Presentation Period(Days)"
prop="trnmod.swiadd.prepers18"
>
<c-input
v-model.number="model.trnmod.swiadd.prepers18"
placeholder="请输入New Presentation Period"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="Presentation period text"
prop="trnmod.swiadd.prepertxts18"
>
<c-input
v-model="model.trnmod.swiadd.prepertxts18"
maxlength="35"
placeholder="请输入Presentation period text"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="lttp.aamp.aammod.addamtflg">
<c-checkbox v-model="model.lttp.aamp.aammod.addamtflg"
>Add. Amount</c-checkbox
>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="13">
<el-form-item label="" prop="ltdgrp.cbs.max2.cur">
<c-select
v-model="model.ltdgrp.cbs.max2.cur"
maxlength="3"
placeholder="请选择币种"
:code="codes.curtxt1"
disabled
></c-select>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="" label-width="5px" prop="trnmod.swiadd.addamt">
<c-input
v-model="model.trnmod.swiadd.addamt"
placeholder="请输入Original Data"
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 :span="24">
<el-form-item label="" prop="trnmod.swiadd.addamtcov">
<c-input
type="textarea"
v-model="model.trnmod.swiadd.addamtcov"
maxlength="35"
show-word-limit
placeholder=""
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="trnmod.swiadd.reqcan">
<c-checkbox v-model="model.trnmod.swiadd.reqcan"
>Cancellation Request</c-checkbox
>
</el-form-item>
</c-col>
<!-- <c-col :span="24">
<el-form-item label="" prop="lttamep.benconflg">
<c-checkbox v-model="model.lttamep.benconflg"
>Beneficiary's Confirmation Required</c-checkbox
>
</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 "~/model/Lttame/Event";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {};
},
methods: {
...Event,
onSeainf() {},
ameamtOtherDefault() {
this.executeDefault("lttamep.swiadd.newamt").then((res) => {
if (res.respCode == SUCCESS) {
Utils.copyValueFromVO(this.model, res.data);
}
});
},
},
created: function () {},
};
</script>
<style>
.lttame_amep_amt {
margin-left: 150px;
height: 16px;
color: #606266;
line-height: 16px;
font-size: 12px;
}
.lttame_amed_nomtx {
margin-left: 20px;
height: 16px;
color: #606266;
line-height: 16px;
font-size: 12px;
}
.lttame_amed_newnomtx {
margin-left: 20px;
height: 34px;
line-height: 34px;
color: #606266;
font-size: 12px;
}
</style>