<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>
