<template>
<div class="eibs">
<!-- ====================================左边 =================================-->
<c-col :span="12" style="padding-right: 20px">
<!-- 信用证编号 -->
<c-col :span="24">
<el-form-item label="Import L/C Ref.(20)" prop="lidgrp.rec.ownref">
<c-fullbox>
<c-input
style="width: 100%"
v-model="model.lidgrp.rec.ownref"
maxlength="8"
disabled
placeholder="请输入信用证编号"></c-input>
<template slot="footer">
<c-button size="small" style="margin-left: 10px; padding: 0 12px" type="primary" icon="el-icon-info">
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- 到期日 -->
<c-col :span="24">
<el-form-item label="Expiry" prop="lidgrp.rec.expdat">
<c-date-picker
type="date"
v-model="model.lidgrp.rec.expdat"
style="width: 100%"
placeholder="请输入日期"
value-format="yyyy-MM-dd"
disabled></c-date-picker>
</el-form-item>
</c-col>
<!-- 单据参考号 -->
<c-col :span="24">
<el-form-item label="Bill Set Reference" prop="brdgrp.rec.ownref">
<c-fullbox>
<c-input
style="width: 100%"
v-model="model.brdgrp.rec.ownref"
maxlength="8"
disabled
placeholder="请输入单据编号"></c-input>
<template slot="footer">
<c-button size="small" style="margin-left: 10px; padding: 0 12px" type="primary" icon="el-icon-info">
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24" class="custom-box-wrap">
<el-form-item label="Document Amount" prop="brdgrp.cbs.max.cur">
<c-select-cur
dbCode="curtxt"
disabled
placeholder="请选择币种"
style="width: 115px"
v-model="model.brdgrp.cbs.max.cur">
</c-select-cur>
</el-form-item>
<div class="box-3">
<el-form-item label-width="5px" prop="brdgrp.cbs.max.amt">
<c-input-currency
disabled
:currency="model.brdgrp.cbs.max.cur"
placeholder="请输入金额"
v-model="model.brdgrp.cbs.max.amt"></c-input-currency>
</el-form-item>
</div>
</c-col>
<c-col :span="24" class="custom-box-wrap">
<el-form-item label="Open Amount" prop="brdgrp.cbs.opn1.cur">
<c-select-cur
dbCode="curtxt"
disabled
placeholder="请选择币种"
style="width: 115px"
v-model="model.brdgrp.cbs.opn1.cur">
</c-select-cur>
</el-form-item>
<div class="box-3">
<el-form-item label-width="5px" prop="brdgrp.cbs.opn1.amt">
<c-input-currency
disabled
:currency="model.brdgrp.cbs.opn1.cur"
placeholder="请输入金额"
v-model="model.brdgrp.cbs.opn1.amt"></c-input-currency>
</el-form-item>
</div>
</c-col>
<!-- Maturity Date -->
<c-col :span="24">
<el-form-item label="Maturity Date" prop="brdgrp.rec.matdat">
<c-date-picker
type="date"
v-model="model.brdgrp.rec.matdat"
style="width: 100%"
placeholder="请输入日期"
value-format="yyyy-MM-dd"
:disabled="model.brdgrp.rec.mattxtflg == ''"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Advised on" prop="brdgrp.rec.advdat">
<c-date-picker
type="date"
v-model="model.brdgrp.rec.advdat"
style="width: 100%"
placeholder="请输入日期"
value-format="yyyy-MM-dd"
disabled></c-date-picker>
</el-form-item>
</c-col>
<!-- Start Date -->
<c-col :span="24">
<el-form-item label="Start Date" prop="brdgrp.rec.stadat">
<c-date-picker
type="date"
v-model="model.brdgrp.rec.stadat"
style="width: 100%"
placeholder="请输入日期"
value-format="yyyy-MM-dd"
disabled></c-date-picker>
</el-form-item>
</c-col>
<!-- 单据类型 -->
<c-col :span="24">
<el-form-item label="Document Type" prop="brdgrp.rec.docflg">
<c-select
disabled
v-model="model.brdgrp.rec.docflg"
style="width: 100%"
placeholder="请输入单据类型"
dbCode="brdtyp">
</c-select>
</el-form-item>
</c-col>
<!-- Tenor -->
<c-col :span="24">
<el-form-item label="Tenor" prop="brdgrp.rec.tenmaxday">
<c-input v-model="model.brdgrp.rec.tenmaxday" placeholder="请输入天数" disabled></c-input>
</el-form-item>
</c-col>
<!-- 单据状态 -->
<c-col :span="24">
<el-form-item label="Document Set Status" prop="brdgrp.rec.docsta">
<c-select
v-model="model.brdgrp.rec.docsta"
style="width: 100%"
placeholder="请选择单据状态"
dbCode="stadoc"
disabled>
</c-select>
</el-form-item>
</c-col>
</c-col>
<!-- ====================================右边 ======================================-->
<c-col :span="12" style="padding-left: 20px">
<c-col :span="24" class="custom-box-wrap">
<el-form-item label="Open Amt. L/C" prop="lidgrp.cbs.opn1.cur">
<c-select-cur
dbCode="curtxt"
disabled
placeholder="请选择币种"
style="width: 115px"
v-model="model.lidgrp.cbs.opn1.cur">
</c-select-cur>
</el-form-item>
<div class="box-3">
<el-form-item label-width="5px" prop="lidgrp.cbs.opn1.amt">
<c-input-currency
disabled
:currency="model.lidgrp.cbs.opn1.cur"
placeholder="请输入金额"
v-model="model.lidgrp.cbs.opn1.amt"></c-input-currency>
</el-form-item>
</div>
</c-col>
<c-col :span="24">
<c-col :span="12"> </c-col>
<c-col :span="12"> </c-col>
</c-col>
<!-- Received on -->
<c-col :span="24">
<el-form-item label="Received on" prop="brdgrp.rec.rcvdat">
<c-date-picker
type="date"
v-model="model.brdgrp.rec.rcvdat"
style="width: 100%"
placeholder="请选择日期"
value-format="yyyy-MM-dd"></c-date-picker>
</el-form-item>
</c-col>
<!-- Presentation Date -->
<c-col :span="24">
<el-form-item label="Presentation Date" prop="brdgrp.rec.predat">
<c-date-picker
type="date"
v-model="model.brdgrp.rec.predat"
style="width: 100%"
placeholder="请选择寄单日期"
value-format="yyyy-MM-dd"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24" class="custom-box-wrap">
<el-form-item label="Accept Amount" prop="setmod.doccur">
<c-select-cur
dbCode="curtxt"
disabled
placeholder="请选择币种"
style="width: 115px"
v-model="model.setmod.doccur">
</c-select-cur>
</el-form-item>
<div class="box-3">
<el-form-item label-width="5px" prop="setmod.docamt">
<c-input-currency
:currency="model.setmod.doccur"
placeholder="请输入金额"
v-model="model.setmod.docamt"
@change="onDocamtChange"></c-input-currency>
</el-form-item>
</div>
</c-col>
<c-col :span="24" class="custom-box-wrap">
<el-form-item label="Doc. Amount Part" prop="brdgrp.cbs.opn2.cur">
<c-select-cur
dbCode="curtxt"
disabled
placeholder="请选择币种"
style="width: 115px"
v-model="model.brdgrp.cbs.opn2.cur">
</c-select-cur>
</el-form-item>
<div class="box-3">
<el-form-item label-width="5px" prop="aamset.utlamt">
<c-input-currency
:disabled="Number(this.model.brdgrp.cbs.opn2.amt) === 0"
:currency="model.brdgrp.cbs.opn2.cur"
placeholder="请输入金额"
v-model="model.aamset.utlamt"
@change="onUtlamtChange"></c-input-currency>
</el-form-item>
</div>
</c-col>
<c-col :span="24" class="custom-box-wrap">
<el-form-item label="Add. Amount Part" prop="brdgrp.cbs.opn2.cur">
<c-select-cur
dbCode="curtxt"
disabled
placeholder="请选择币种"
style="width: 115px"
v-model="model.brdgrp.cbs.opn2.cur">
</c-select-cur>
</el-form-item>
<div class="box-3">
<el-form-item label-width="5px" prop="aamset.utlamt2">
<c-input-currency
:disabled="Number(this.model.brdgrp.cbs.opn2.amt) === 0"
:currency="model.brdgrp.cbs.opn2.cur"
placeholder="请输入金额"
v-model="model.aamset.utlamt2"
@change="onUtlamt2Change"></c-input-currency>
</el-form-item>
</div>
</c-col>
<c-col :span="24">
<el-form-item label="Select MT to be sent to presenting bank" prop="sftmt">
<c-select
disabled
v-model="model.sftmt"
style="width: 100%"
placeholder="请选择类型"
dbCode="paysmt"
@change="onSftmtChange">
</c-select>
</el-form-item>
</c-col>
<!-- TAG72 -->
<c-col :span="24">
<c-ptap-commons
:cols="50"
:rows="35"
:minRows="9"
:maxRows="9"
:model="model"
:disabledButton="this.model.sftmt == ''"
lastModel="tag72add"
:charmod="2"
title="Tag 79">
</c-ptap-commons>
</c-col>
</c-col>
</div>
</template>
<script>
import event from "../event";
import BigNumber from "bignumber.js";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [event],
components: {},
data() {
return {
paysmt: [
{ label: "MT 732 Advise of Discharge", value: "732" },
{ label: "MT x99 Information B by Free Massage", value: "x99" },
],
trnData: {
columns: [
'0 1 "业务" 100',
'1 2 "类型" 100',
'2 3 "期限" 200',
'3 4 "币种" 100',
'4 5 "初始金额" 200',
'5 6 "记账金额" 200',
'6 7 "账号" 350',
],
},
};
},
methods: {
onSftmtChange() {
if (this.model.sftmt == null || this.model.sftmt == "") {
this.model.tag72add = "";
}
},
getBigNumber() {
// 配置BigNumber计算规则为保留两位小数，并四舍五入
var BN = BigNumber.clone();
BN.config({ DECIMAL_PLACES: 2, ROUNDING_MODE: 4 });
return BN;
},
onUtlamt2Change() {
var BN = this.getBigNumber();
this.model.aamset.utlamt = BN(this.model.setmod.docamt).minus(this.model.aamset.utlamt2).toFixed(2);
},
onUtlamtChange() {
var BN = this.getBigNumber();
this.model.aamset.utlamt2 = BN(this.model.setmod.docamt).minus(this.model.aamset.utlamt).toFixed(2);
},
onDocamtChange() {
var BN = this.getBigNumber();
if (Number(this.model.brdgrp.cbs.opn2.amt) === 0) {
this.model.aamset.utlamt2 = "0.00";
this.model.aamset.utlamt = BN(this.model.setmod.docamt).minus(this.model.aamset.utlamt2).toFixed(2);
} else {
let totamt = BN(this.model.brdgrp.cbs.opn1.amt).plus(this.model.brdgrp.cbs.opn2.amt).toFixed(2);
this.model.aamset.utlamt2 = BN(this.model.setmod.docamt)
.multipliedBy(this.model.brdgrp.cbs.opn2.amt)
.div(totamt)
.toFixed(2);
this.model.aamset.utlamt = BN(this.model.setmod.docamt).minus(this.model.aamset.utlamt2).toFixed(2);
}
},
},
created: function () {},
};
</script>
<style></style>