<template>
<div class="eibs-tab">
<!-- Document other info -->
<c-col :span="24">
<!-- ==================左边================ -->
<c-col :span="12" style="padding-right: 20px">
<!-- S0000088 : 1st BEN -->
<!-- S0000089 : Document Amount -->
<div>
<el-card class="box-card">
<c-col :span="24">
<div style="text-align: center ; font-weight: bold">1st BEN</div>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Document Amount" prop="btdgrp.cbs.max.cur">
<c-select-cur
v-model="model.btdgrp.cbs.max.cur"
style="width: 100%"
placeholder="请选择币种"
dbCode="curtxt" sort="SRT"
disabled
>
</c-select-cur>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" label-width="5px" prop="btdgrp.cbs.max.amt">
<c-input-currency
v-model="model.btdgrp.cbs.max.amt"
placeholder="请输入最大金额"
@change="changeMaxamt"
class="m-input-currency"
></c-input-currency>
</el-form-item>
</c-col>
</c-col>
<!-- S0000090 : Additional Amount -->
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Additional Amount" prop="btdgrp.cbs.max2.cur">
<c-select-cur
v-model="model.btdgrp.cbs.max2.cur"
style="width: 100%"
placeholder="请选择币种"
dbCode="curtxt" sort="SRT"
disabled
>
</c-select-cur>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" label-width="5px" prop="btdgrp.cbs.max2.amt">
<c-input-currency
v-model="model.btdgrp.cbs.max2.amt"
placeholder="请输入最大金额"
@change="changeMax2Amt"
class="m-input-currency"
></c-input-currency>
</el-form-item>
</c-col>
</c-col>
</el-card>
</div>
<!-- S0000093 : 2nd BEN -->
<!-- S0000092 : Document Amount -->
<div>
<el-card class="box-card">
<c-col :span="24">
<div style="text-align: center ; font-weight: bold">2nd BEN</div>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Document Amount" prop="btdgrp.cbs.opnbe1amt.cur">
<c-select-cur
v-model="model.btdgrp.cbs.opnbe1amt.cur"
style="width: 100%"
placeholder="请选择币种"
dbCode="curtxt" sort="SRT"
disabled
>
</c-select-cur>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" label-width="5px" prop="btdgrp.be2amt">
<c-input-currency
v-model="model.btdgrp.be2amt"
disabled
placeholder="请输入最大金额"
class="m-input-currency"
></c-input-currency>
</el-form-item>
</c-col>
</c-col>
<!-- S0000090 : Additional Amount -->
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Additional Amount" prop="btdgrp.cbs.opnbe1amt2.cur">
<c-select-cur
v-model="model.btdgrp.cbs.opnbe1amt2.cur"
style="width: 100%"
placeholder="请选择币种"
dbCode="curtxt" sort="SRT"
disabled
>
</c-select-cur>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" label-width="5px" prop="btdgrp.be2amt2">
<c-input-currency
v-model="model.btdgrp.be2amt2"
disabled
placeholder="请输入最大金额"
class="m-input-currency"
></c-input-currency>
</el-form-item>
</c-col>
</c-col>
</el-card>
</div>
<!-- S0000096 : DIFF. 1st BEN -->
<!-- S0000097 : Document Amount -->
<div>
<el-card class="box-card">
<c-col :span="24">
<div style="text-align: center ; font-weight: bold">DIFF. 1st BEN</div>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Document Amount" prop="btdgrp.cbs.opnbe1amt.cur">
<c-select-cur
v-model="model.btdgrp.cbs.opnbe1amt.cur"
style="width: 100%"
placeholder="请选择币种"
dbCode="curtxt" sort="SRT"
disabled
>
</c-select-cur>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" label-width="5px" prop="btdgrp.cbs.opnbe1amt.amt">
<c-input-currency
v-model="model.btdgrp.cbs.opnbe1amt.amt"
placeholder="请输入最大金额"
class="m-input-currency"
@change="changeOpnbe1amt"
></c-input-currency>
</el-form-item>
</c-col>
</c-col>
<!-- S0000090 : Additional Amount -->
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Additional Amount" prop="btdgrp.cbs.opnbe1amt2.cur">
<c-select-cur
v-model="model.btdgrp.cbs.opnbe1amt2.cur"
style="width: 100%"
placeholder="请选择币种"
dbCode="curtxt" sort="SRT"
disabled
>
</c-select-cur>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" label-width="5px" prop="btdgrp.cbs.opnbe1amt2.amt">
<c-input-currency
v-model="model.btdgrp.cbs.opnbe1amt2.amt"
@change="changeOpnbe1amt2"
placeholder="请输入最大金额"
class="m-input-currency"
></c-input-currency>
</el-form-item>
</c-col>
</c-col>
</el-card>
</div>
</c-col>
<!-- ============右边================= -->
<c-col :span="12" style="padding-left: 20px">
<!-- SF000006 : Date of Receipt (1st Ben.) -->
<c-col :span="24">
<el-form-item label="Date of Receipt (1st Ben.)" prop="btdgrp.rec.rcvdatbe1">
<c-date-picker type="date" v-model="model.btdgrp.rec.rcvdatbe1" style="width:100%"
></c-date-picker>
</el-form-item>
</c-col>
<!-- SF000039 : Order Date (1st Ben.) -->
<c-col :span="24">
<el-form-item label="Order Date (1st Ben.)" prop="btdgrp.rec.orddatbe1">
<c-date-picker type="date" v-model="model.btdgrp.rec.orddatbe1" style="width:100%"
></c-date-picker>
</el-form-item>
</c-col>
<!-- <c-col :span="11">
<c-checkbox v-model="model.btdgrp.rec.dscinsflg" >Enter Docs, Discrep. and Instructions</c-checkbox>
</c-col>-->
<!-- S0000084 : Payee for -->
<c-col :span="24">
<el-form-item label="Payee for" prop="btdgrp.rec.docprbrolbe1">
<c-select v-model="model.btdgrp.rec.docprbrolbe1" style="width:100%"
db-code="rolall" :filterKey="['BE1','PRB']"
@change="changeDocprbrolbe1"
>
</c-select>
</el-form-item>
</c-col>
<!-- S0000085 : 1st Ben-Side -->
<c-col :span="24">
<el-form-item :label="$t('1st Ben-Side')" prop="btdgrp.prp.pts.ref">
<c-input v-model="model.btdgrp.prp.pts.ref" maxlength="16"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-ptap
:model="model"
:disabledExtkey="this.model.btdgrp.rec.docprbrolbe1 !='PRB' && this.model.btdgrp.prb.pts.extkey.trim() != ''"
:isAdrblk="true"
:argadr="{ title: $t('Payee for 1st Ben-Side '), grp: 'btdgrp', rol: 'prp'}"
:ptytyp="'C'"
:isLabel120="false"></c-ptap>
</c-col>
</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],
data(){
return {
}
},
methods:{
changeOpnbe1amt(){
this.model.btdgrp.cbs.max.amt =new BigNumber(this.model.btdgrp.be2amt).plus(
new BigNumber(this.model.btdgrp.cbs.opnbe1amt.amt));
this.model.btdgrp.cbs.maxbe1amt.amt =new BigNumber(this.model.btdgrp.cbs.opnbe1amt.amt);
},
changeMaxamt(){
this.model.btdgrp.cbs.opnbe1amt.amt =new BigNumber(this.model.btdgrp.cbs.max.amt).minus(
new BigNumber(this.model.btdgrp.be2amt));
this.model.btdgrp.cbs.maxbe1amt.amt =new Number(this.model.btdgrp.cbs.opnbe1amt.amt);
},
changeOpnbe1amt2(){
this.model.btdgrp.cbs.max2.amt =new BigNumber(this.model.btdgrp.be2amt2).plus(
new BigNumber(this.model.btdgrp.cbs.opnbe1amt2.amt));
this.model.btdgrp.cbs.maxbe1amt2.amt =new BigNumber(this.model.btdgrp.cbs.opnbe1amt2.amt);
},
changeMax2Amt(){
if(this.model.btdgrp.cbs.max2.amt != null && this.model.btdgrp.cbs.max2.amt !="0.00"){
this.model.swiadd.addamtflg = "X";
}else{
this.model.swiadd.addamtflg = "";
}
this.model.btdgrp.cbs.opnbe1amt2.amt =new BigNumber(this.model.btdgrp.cbs.max2.amt).minus(
new BigNumber(this.model.btdgrp.be2amt2));
this.model.btdgrp.cbs.maxbe1amt2.amt =new BigNumber(this.model.btdgrp.cbs.opnbe1amt2.amt);
}
},
created:function(){},
}
</script>
<style>
</style>