<template>
<div class="eibs-tab">
<c-col :span="12">
<el-form-item label="Fee Code" prop="selfee.cod">
<c-input type="text" v-model="model.selfee.cod" maxlength="6" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Fee Text" prop="feecod">
<c-input type="text" v-model="model.feecod" maxlength="6" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Condition" prop="feepri">
<c-select v-model="model.feepri" style="width:100%" @change="feepriChange">
<el-option
v-for="item in codes.feepri"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12" >
<el-form-item label="Amount">
<c-input type="text" style="width:45%" v-model="model.lowamt" maxlength="8" ></c-input>
-
<c-input type="text" style="width:45%" v-model="model.higamt" maxlength="8" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12" >
<el-form-item label="Date">
<c-date-picker type="date" v-model="model.begdat" style="width:45%" ></c-date-picker>
-
<c-date-picker type="date" v-model="model.enddat" style="width:45%" ></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Fee Type" prop="rec.calrul">
<c-input v-model="model.calrul" maxlength="6" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12" style="text-align:center" >
<c-checkbox v-model="model.chkypt" >Fee Type different from Default Condition</c-checkbox>
</c-col>
</c-col>
<c-col :span="12">
<el-form-item label="Changes" prop="rec.setchgflg">
<c-input type="text" v-model="setchgflg" value="Changes allowed" maxlength="6" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Defaulting" prop="rec.colltr">
<c-input type="text" v-model="colltr" maxlength="6" ></c-input>
</el-form-item>
</c-col>
<c-col v-if="fixText">
<el-form-item>
<span>A fixed amount per unit is calculated.This type will,for example,be used for correspondence charges.</span>
</el-form-item>
</c-col>
<c-col v-if="ameText">
<el-form-item>
<span>The fee is only used for amednment of LC!</span>
</el-form-item>
</c-col>
<c-col v-if="perText">
<el-form-item>
<span>Per mille fee depending on duration</span>
</el-form-item>
</c-col>
<c-col v-if="traText">
<el-form-item>
<span>The fee is calculated by tracsaction and not by settlement,only use after consulting development!</span>
</el-form-item>
</c-col>
<c-col :span="12" v-if="amoFlag">
<el-form-item label="Amount">
<c-input style="width:45%" v-model="model.recpan.ety.extkey" maxlength="8" ></c-input>
<c-input style="width:45%" v-model="model.recpan.ety.extkey" maxlength="8" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24" >
<el-form-item label="TaxRate" v-if="taxFlag" prop="recpan.calpan.taxrat">
<c-input v-model="taxrat" style="width:35%" maxlength="8" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Customer" v-if="cusFlag">
<c-input v-model="model.recpan.calpan.custyp" maxlength="10"></c-input>
</el-form-item>
</c-col>
<c-col :span="12" >
<el-form-item label="Rate" v-if="ratFlag" prop="rec.ratcal">
<c-input maxlength="8" v-model="ratcal" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12" v-if="calFlag">
<el-form-item label="Calculation Base" prop="rec.calcbs">
<c-select v-model="model.rec.calcbs" style="width:100%" >
</c-select>
</el-form-item>
</c-col>
<c-col :span="24" v-if="minFlag">
<el-form-item label="Minimum" prop="rec.minamt">
<c-input style="width:20%" v-model="model.rec.minamt" ></c-input>
<c-input style="width:40%" v-model="model.rec.minamt" maxlength="8" ></c-input>
<c-input type="text" style="width:40%" maxlength="8" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24" v-if="abmiFLag">
<el-form-item label="Above MIN for" prop="rec.minpercnt">
<c-input style="width:20%" v-model="model.rec.minpercnt" ></c-input>
<el-form-item>
<span>Periods(0-complete period)</span>
</el-form-item>
</el-form-item>
</c-col>
<c-col :span="24" v-if="avmaFlag">
<el-form-item label="Above MAX for" prop="rec.maxpercnt">
<c-input style="width:20%" v-model="model.rec.maxpercnt" ></c-input>
<el-form-item>
<span>Periods(0-complete period)</span>
</el-form-item>
</el-form-item>
</c-col>
<c-col :span="24" v-if="valFlag">
<el-form-item label="Valid for" prop="rec.maxpercov">
<c-input style="width:20%" v-model="model.rec.maxpercov" ></c-input>
<el-form-item>
<span>Periods(if restricted)</span>
</el-form-item>
</el-form-item>
</c-col>
<c-col :span="24" v-if="peratFlag1">
<c-col :span="12">
<c-col :span="6">
<el-form-item>
<c-input style="width:45%" v-model="model.rec.minamt" ></c-input>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="Periode at Rate">
<c-input style="width:45%" v-model="model.rec.minamt" ></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12">
<c-col :span="6">
<el-form-item label="Minimum">
<c-input style="width:45%" v-model="model.rec.minamt" ></c-input>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="Maximum">
<c-input style="width:45%" v-model="model.rec.minamt" ></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
<c-col :span="24" v-if="peratFlag2">
<c-col :span="12">
<c-col :span="6">
<el-form-item>
<c-input style="width:45%" v-model="model.rec.minamt" ></c-input>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="Periode at Rate">
<c-input style="width:45%" v-model="model.rec.minamt" ></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12">
<c-col :span="6">
<el-form-item label="Minimum">
<c-input style="width:45%" v-model="model.rec.minamt" ></c-input>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="Maximum">
<c-input style="width:45%" v-model="model.rec.minamt" ></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
<c-col :span="24" v-if="peratFlag3">
<c-col :span="12">
<c-col :span="6">
<el-form-item>
<c-input style="width:45%" v-model="model.rec.minamt" ></c-input>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="Periode at Rate">
<c-input style="width:45%" v-model="model.rec.minamt" ></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12">
<c-col :span="6">
<el-form-item label="Minimum">
<c-input style="width:45%" v-model="model.rec.minamt" ></c-input>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="Maximum">
<c-input style="width:45%" v-model="model.rec.minamt" ></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
<c-col :span="24" v-if="peratFlag4">
<c-col :span="12">
<c-col :span="6">
<el-form-item>
<c-input style="width:45%" v-model="model.rec.minamt" ></c-input>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="Periode at Rate">
<c-input style="width:45%" v-model="model.rec.minamt" ></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12">
<c-col :span="6">
<el-form-item label="Minimum">
<c-input style="width:45%" v-model="model.rec.minamt" ></c-input>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="Maximum">
<c-input style="width:45%" v-model="model.rec.minamt" ></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
<c-col :span="24" v-if="peratFlag5">
<c-col :span="12">
<c-col :span="6">
<el-form-item>
<c-input style="width:45%" v-model="model.rec.minamt" ></c-input>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="Periode at Rate">
<c-input style="width:45%" v-model="model.rec.minamt" ></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12">
<c-col :span="6">
<el-form-item label="Minimum">
<c-input style="width:45%" v-model="model.rec.minamt" ></c-input>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="Maximum">
<c-input style="width:45%" v-model="model.rec.minamt" ></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
<c-col :span="24" v-if="peratFlag6">
<c-col :span="12">
<c-col :span="6">
<el-form-item>
<c-input style="width:45%" v-model="model.rec.minamt" ></c-input>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="Periode at Rate">
<c-input style="width:45%" v-model="model.rec.minamt" ></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12">
<c-col :span="6">
<el-form-item label="Minimum">
<c-input style="width:45%" v-model="model.rec.minamt" ></c-input>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="Maximum">
<c-input style="width:45%" v-model="model.rec.minamt" ></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
<c-col :span="12" v-if="ptyFlag">
<el-form-item label="Period Type" prop="rec.pertyp">
<c-select v-model="model.rec.pertyp" style="width:100%" >
</c-select>
</el-form-item>
</c-col>
<c-col :span="12" v-if="basFlag">
<el-form-item label="Base Amount" prop="rec.basamt">
<c-input v-model="model.rec.mincur"></c-input>
<c-input v-model="model.rec.basamt"></c-input>
</el-form-item>
</c-col>
<c-col :span="24" v-if="mintFlag">
<el-form-item label="Minimum tot." prop="rec.minamt">
<c-input style="width:20%" v-model="model.rec.minamt" ></c-input>
<c-input style="width:40%" v-model="model.rec.minamt" maxlength="8" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24" v-if="minaFlag">
<el-form-item label="Min. in Adv." prop="rec.minamt">
<c-input style="width:20%" v-model="model.rec.minamt" ></c-input>
<c-input style="width:40%" v-model="model.rec.minamt" maxlength="8" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12" v-if="jnwFlag">
<el-form-item label="JNWSHX" prop="recpan.calpan.jnwshx">
<c-select v-model="model.recpan.calpan.jnwshx" style="width:100%" placeholder="请选择JNWSHX">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12" v-if="tieFlag">
<el-form-item label="Type of Tiers" prop="rec.tirtyp">
<c-select v-model="model.rec.tirtyp" style="width:100%" placeholder="请选择Type of Tiers">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12" v-if="settFlag">
<el-form-item label="Type of Settlement" prop="rec.settyp">
<c-select v-model="model.rec.settyp" style="width:100%" placeholder="请选择Type of Settlement">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12" v-if="ratpFlag">
<el-form-item label="Rate Type" prop="rec.ratirsinc">
<c-select v-model="model.rec.ratirsinc" style="width:100%" >
</c-select>
</el-form-item>
</c-col>
<c-col :span="12" v-if="incFlag">
<el-form-item label="for Increase" prop="rec.ratirsinc">
<c-select v-model="model.rec.ratirsinc" style="width:100%">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12" v-if="atieFlag">
<el-form-item label="Amount Tier 2" prop="rec.amtbegtr2">
<c-input v-model="model.rec.amtbegtr2" placeholder="请输入Amount Tier 2"></c-input>
</el-form-item>
</c-col>
<c-col :span="12" v-if="aratFlag">
<el-form-item label="Rate" prop="rec.amtrattr2">
<c-input v-model="model.rec.amtrattr2" placeholder="请输入Rate by Amount Tier 2"></c-input>
</el-form-item>
</c-col>
<c-col :span="12" v-if="aierFlag">
<el-form-item label="Amount Tier 3" prop="rec.amtbegtr3">
<c-input v-model="model.rec.amtbegtr3" placeholder="请输入Start Amount Tier 3"></c-input>
</el-form-item>
</c-col>
<c-col :span="12" v-if="bratFlag">
<el-form-item label="Rate" prop="rec.amtrattr3">
<c-input v-model="model.rec.amtrattr3" placeholder="请输入Rate by Amount Tier 3"></c-input>
</el-form-item>
</c-col>
<c-col :span="24" v-if="maxFlag">
<el-form-item label="Maximum" prop="rec.maxamt">
<c-input style="width:20%" v-model="model.rec.maxamt" ></c-input>
<c-input style="width:40%" v-model="model.rec.maxamt" maxlength="8" ></c-input>
<c-input type="text" style="width:40%" value="Set a new maximum" maxlength="8" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12" style="text-align:center" v-if="cekFlag">
<c-checkbox v-model="model.chkypt1" style="100%">每个计费区间与最大值/最小值比较</c-checkbox>
</c-col>
<c-col :span="12" v-if="ttlFlag">
<el-form-item label="Settl.Period">
<c-input maxlength="8" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12" v-if="caperFlag">
<el-form-item label="Calc.Period">
<c-input maxlength="8" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12" >
<el-form-item label="Min.Periods" v-if="mperFlag">
<c-input maxlength="8" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24" v-if="fromFlag">
<c-col :span="12" >
<el-form-item label="从区间" prop="rec.perrattr4">
<c-input v-model="model.rec.perrattr4" maxlength="8" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12" >
<el-form-item label="开始执行利率" prop="rec.perrattr4">
<c-input v-model="model.rec.perrattr4" maxlength="8" ></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24" v-if="fromFlag">
<c-col :span="12" >
<el-form-item label="从区间" prop="rec.perrattr4">
<c-input v-model="model.rec.perrattr4" maxlength="8" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12" >
<el-form-item label="开始执行利率" prop="rec.perrattr4">
<c-input v-model="model.rec.perrattr4" maxlength="8" ></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24" v-if="fromFlag">
<c-col :span="12" >
<el-form-item label="从区间" prop="rec.perrattr4">
<c-input v-model="model.rec.perrattr4" maxlength="8" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12" >
<el-form-item label="开始执行利率" prop="rec.perrattr4">
<c-input v-model="model.rec.perrattr4" maxlength="8" ></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24" v-if="fromFlag">
<c-col :span="12" >
<el-form-item label="从区间" prop="rec.perrattr4">
<c-input v-model="model.rec.perrattr4" maxlength="8" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12" >
<el-form-item label="开始执行利率" prop="rec.perrattr4">
<c-input v-model="model.rec.perrattr4" maxlength="8" ></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12" v-if="froFlag">
<el-form-item label="from Period" prop="rec.perrattr4">
<c-input style="width:30%" v-model="model.rec.perrattr4" maxlength="8" ></c-input>
<c-input style="width:60%" maxlength="8" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12" v-if="froFlag">
<el-form-item label="from Period" prop="rec.perrattr4">
<c-input style="width:30%" v-model="model.rec.perrattr4" maxlength="8" ></c-input>
<c-input style="width:60%" text="Set a new minimum" maxlength="8" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12" v-if="froFlag">
<el-form-item label="from Period" prop="rec.perrattr4">
<c-input style="width:30%" v-model="model.rec.perrattr4" maxlength="8" ></c-input>
<c-input style="width:60%" text="Set a new minimum" maxlength="8" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12" v-if="froFlag">
<el-form-item label="from Period" prop="rec.perrattr4">
<c-input style="width:30%" v-model="model.rec.perrattr4" maxlength="8" ></c-input>
<c-input style="width:60%" text="Set a new minimum" maxlength="8" ></c-input>
</el-form-item>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Inffec/Event"
import cPage from '../../../components/c-page.vue';
import TrnpevtVue from '../Trnrel/Trnpevt.vue';
export default {
components: { cPage },
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
texFlag1:true,
amoFlag:true,
taxFlag:true,
cusFlag:true,
fromFlag:true,
froFlag:true,
ameText:false,
fixText:false,
perText:false,
ratFlag:true,
caperFlag:true,
mperFlag:true,
maxFlag:true,
minFlag:true,
cekFlag:true,
traText:false,
calFlag:true,
jnwFlag:true,
mintFlag:true,
minaFlag:true,
tieFlag:true,
settFlag:true,
ratpFlag:true,
incFlag:true,
atieFlag:true,
aratFlag:true,
aierFlag:true,
bratFlag:true,
ttlFlag:true,
peratFlag1:true,
peratFlag2:true,
peratFlag3:true,
peratFlag4:true,
peratFlag5:true,
abmiFlag:true,
abmaFlag:true,
valFlag:true,
}
},
methods:{...Event,
onDlmft(){
if((this.model.recpan.rec.calrul="0") || (this.model.recpan.rec.calrul="F")){//Fix value
this.texFlag1=true;
this.amoFlag=true;
this.taxFlag=true;
this.cusFlag=true;
}else{
this.texFlag1=false;
this.amoFlag=false;
this.taxFlag=false;
this.cusFlag=false;
}
if(this.model.recpan.rec.calrul="M"){//Amendment of LC
this.ameText=true;
this.ratFlag=true;
this.minFlag=true;
this.maxFlag=true;
this.caperFlag=true;
this.mperFlag=true;
this.taxFlag=true;
this.fromFlag=true;
this.cusFlag=true;
}else{
this.ameText=false;
this.ratFlag=false;
this.minFlag=false;
this.maxFlag=false;
this.caperFlag=false;
this.mperFlag=false;
this.taxFlag=false;
this.fromFlag=false;
this.cusFlag=false;
}
if((this.model.recpan.rec.calrul="1") || (this.model.recpan.rec.calrul="%")){//Per mille fee、Percent fee
this.perText=true;
this.ratFlag=true;
this.minFlag=true;
this.maxFlag=true;
this.caperFlag=true;
this.mperFlag=true;
this.taxFlag=true;
this.froFlag=true;
this.cusFlag=true;
this.cekFlag=true;
}else{
this.perText=false;
this.ratFlag=false;
this.minFlag=false;
this.maxFlag=false;
this.caperFlag=false;
this.mperFlag=false;
this.taxFlag=false;
this.froFlag=false;
this.cusFlag=false;
this.cekFlag=false;
}
if((this.model.recpan.rec.calrul="T") || (this.model.recpan.rec.calrul="3")
|| (this.model.recpan.rec.calrul="6") || (this.model.recpan.rec.calrul="B")
){//Transaction calculation、Monthly Interest、BA Discount、Basepoint Fee
this.traText=true;
this.ratFlag=true;
this.calFlag=true;
this.minFlag=true;
this.maxFlag=true;
this.cekFlag=true;
this.taxFlag=true;
this.cusFlag=true;
}else{
this.traText=false;
this.ratFlag=false;
this.calFlag=false;
this.minFlag=false;
this.maxFlag=false;
this.cekFlag=false;
this.taxFlag=false;
this.cusFlag=false;
}
if(this.model.recpan.rec.calrul="C"){//CBS-Based Calculation
this.ratFlag=true;
this.calFlag=true;
this.minFlag=true;
this.settFlag=true;
this.maxFlag=true;
this.ttlFlag=true;
this.mintFlag=true;
this.caperFlag=true;
this.minaFlag=true;
this.ratpFlag=true;
this.taxFlag=true;
this.cusFlag=true;
this.jnwFlag=true;
this.tieFlag=true;
this.aierFlag=true;
this.atieFlag=true;
this.aratFlag=true;
this.bratFlag=true;
}else{
this.ratFlag=false;
this.calFlag=false;
this.minFlag=false;
this.settFlag=false;
this.maxFlag=false;
this.ttlFlag=false;
this.mintFlag=false;
this.caperFlag=false;
this.minaFlag=false;
this.ratpFlag=false;
this.taxFlag=false;
this.cusFlag=false;
this.jnwFlag=false;
this.tieFlag=false;
this.aierFlag=false;
this.atieFlag=false;
this.aratFlag=false;
this.bratFlag=false;
}
if(this.model.recpan.rec.calrul="P"){//Per mille/Previous periods
this.ratFlag=true;
this.calFlag=true;
this.minFlag=true;
this.ptyFlag=true;
this.maxFlag=true;
this.caperFlag=true;
this.abmiFlag=true;
this.abmaFlag=true;
this.valFlag=true;
this.basFlag=true;
this.taxFlag=true;
this.cusFlag=true;
this.peratFlag1=true;
this.peratFlag2=true;
this.peratFlag3=true;
this.peratFlag4=true;
this.peratFlag5=true;
this.peratFlag6=true;
}else{
this.ratFlag=false;
this.calFlag=false;
this.minFlag=false;
this.ptyFlag=false;
this.maxFlag=false;
this.caperFlag=false;
this.abmiFlag=false;
this.abmaFlag=false;
this.valFlag=false;
this.basFlag=false;
this.taxFlag=false;
this.cusFlag=false;
this.peratFlag1=false;
this.peratFlag2=false;
this.peratFlag3=false;
this.peratFlag4=false;
this.peratFlag5=false;
this.peratFlag6=false;
}
if(this.model.recpan.rec.calrul="2"){//Interest p.a.
this.ratFlag=true;
this.calFlag=true;
this.minFlag=true;
this.maxFlag=true;
this.ratpFlag=true;
this.settFlag=true;
this.cekFlag=true;
this.taxFlag=true;
this.cusFlag=true;
}else{
this.ratFlag=false;
this.calFlag=false;
this.minFlag=false;
this.maxFlag=false;
this.ratpFlag=false;
this.settFlag=false;
this.cekFlag=false;
this.taxFlag=false;
this.cusFlag=false;
}
if(this.model.recpan.rec.calrul="4"){//Tiered per mille
this.ratFlag=true;
this.calFlag=true;
this.minFlag=true;
this.caperFlag=true;
this.maxFlag=true;
this.mperFlag=true;
this.cekFlag=true;
this.taxFlag=true;
this.cusFlag=true;
}else{
this.ratFlag=false;
this.calFlag=false;
this.minFlag=false;
this.caperFlag=false;
this.maxFlag=false;
this.mperFlag=false;
this.cekFlag=false;
this.taxFlag=false;
this.cusFlag=false;
}
},
},
created:function(){
}
}
</script>
<style>
</style>