Setp.vue

<template>
  <div class="eibs-tab">

    <c-row>
      <c-col :span="12" style="pedding-left: 20px">
        <!-- ==============左边================== -->

        <!-- next part -->
        <!-- <c-col :span="24" style="margin-bottom: 35px">
			  <c-istream-table
					  ref="table"
					  :list="model.liaall.tenstm.rows || []"
					  :columns="stmData.columns"
					  :showSelection="true"
					  prop="liaall.tenstm"
			  >
			  </c-istream-table>
		  </c-col> -->

        <!--        <c-col :span="24">
          <el-form-item label="Tenor Stream" prop="liaall.tenstm">
            <c-input  v-model="model.liaall.tenstm"
                      type="textarea" 
                      maxlength="16" 
                      show-word-limit  
                      :placeholder="$t('other.please_enter')+'Tenor Stream'"></c-input>
          </el-form-item>
        </c-col>-->

        <c-col :span="24" class="custom-box-wrap">
            <el-form-item label="Amount Settled" prop="setmod.doccur">
              <c-select-cur v-model="model.setmod.doccur" disabled style="width: 115px" placeholder="请选择币种" dbCode="curtxt" sort="SRT"></c-select-cur>
            </el-form-item>
          <div class="box-3">
            <el-form-item label-width="5px" prop="setmod.docamt">
              <c-input-currency v-model="model.setmod.docamt" :currency="model.setmod.doccur" style="width:100%" placeholder="请输入金额" disabled></c-input-currency>
            </el-form-item>
          </div>
        </c-col>

        <c-col :span="24" class="custom-box-wrap">
            <el-form-item label="Reduced Amt. Settled" prop="setmod.doccur">
              <c-select-cur v-model="model.setmod.doccur" disabled style="width: 115px" placeholder="请选择币种" dbCode="curtxt" sort="SRT"></c-select-cur>
            </el-form-item>
          <div class="box-3">
            <el-form-item label-width="5px" prop="setmod.setamt">
              <c-input-currency v-model="calcSetamt" :currency="model.setmod.doccur" style="width:100%" placeholder="请输入金额" disabled></c-input-currency>
            </el-form-item>
          </div>
        </c-col>

        <!-- SF000037 : Amount for 1st Ben. -->

        <!-- <c-col :span="24">
          <el-form-item label="'Amount for 1st Ben.'" prop="be1amt">
              <c-input  v-model="model.be1amt"  :placeholder="$t('other.please_enter')+$t('bttset.SF000037')"></c-input>
          </el-form-item>
        </c-col> -->

        <c-col :span="24" class="custom-box-wrap">
            <el-form-item label="Amount for 1st Ben." prop="setmod.doccur">
              <c-select-cur v-model="model.setmod.doccur" disabled style="width: 115px" placeholder="请选择币种" dbCode="curtxt" sort="SRT"></c-select-cur>
            </el-form-item>
          <div class="box-3">
            <el-form-item label-width="5px" prop="be1amt">
              <c-input-currency v-model="model.be1amt" :currency="model.setmod.doccur" style="width:100%" placeholder="请输入金额"></c-input-currency>
            </el-form-item>
          </div>
        </c-col>

        <c-col :span="24" class="custom-box-wrap">
            <el-form-item label="Add. Amt for 1st Ben." prop="setmod.doccur">
              <c-select-cur v-model="model.setmod.doccur" disabled style="width: 115px" placeholder="请选择币种" dbCode="curtxt" sort="SRT"></c-select-cur>
            </el-form-item>
          <div class="box-3">
            <el-form-item label-width="5px" prop="be1amt2">
              <c-input-currency v-model="model.be1amt2" :currency="model.setmod.doccur" style="width:100%" placeholder="请输入金额" disabled></c-input-currency>
            </el-form-item>
          </div>
        </c-col>

        <!--              <c-col :span="24">
              <el-form-item label="Bills to Pay Back">
			          <el-table :highlight-current-row="true" size="medium" style="width:100%" v-loading="load">
				          <el-table-column align="left" label="reference"  width="150" />
				          <el-table-column align="left" label="cur."   width="100" />
                  <el-table-column align="left" label="open amount" width="150"/>
                  <el-table-column align="left" label="amout paid"  width="150"/>
                  <el-table-column align="left" label="interest till"  width="150"/>
      			    </el-table>
              </el-form-item>  
		        </c-col>          -->

      </c-col>

      <c-col :span="12" style="pedding-right: 20px">
        <!-- ==============右边================== -->

        <c-col :span="12">
          <el-form-item>
            <c-checkbox v-model="model.clsflg" true-label="C" false-label="O" class="checkbox-left">Close Contract</c-checkbox>
          </el-form-item>
        </c-col>

        <c-col :span="12">
          <el-form-item>
            <c-checkbox v-model="model.btdgrp.rec.frepayflg" true-label="X" false-label="" @change="changeFrepayflg" class="checkbox-left">Free of payment</c-checkbox>
          </el-form-item>
        </c-col>

        <c-col :span="24" class="custom-box-wrap">
            <el-form-item label="Reduction Amt." prop="setmod.doccur">
              <c-select-cur v-model="model.setmod.doccur" disabled style="width: 115px" placeholder="请选择币种" dbCode="curtxt" sort="SRT"></c-select-cur>
            </el-form-item>
          <div class="box-3">
            <el-form-item label-width="5px" prop="setmod.redamt">
              <c-input-currency v-model="model.setmod.redamt" :currency="model.setmod.doccur" :disabled="this.model.btdgrp.rec.frepayflg === 'X'" style="width:100%" placeholder="请输入金额"></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="btdgrp.cbs.opn2.cur">
              <c-select-cur v-model="model.btdgrp.cbs.opn2.cur" disabled style="width: 115px" placeholder="请选择币种" dbCode="curtxt" sort="SRT"></c-select-cur>
            </el-form-item>
          <div class="box-3">
            <el-form-item label-width="5px" prop="aamset.utlamt">
              <c-input-currency v-model="calcUtlamt" :currency="model.btdgrp.cbs.opn2.cur" :disabled="this.model.btdgrp.cbs.opn2.amt == null || this.model.btdgrp.cbs.opn2.amt == 0" style="width:100%" placeholder="请输入金额"></c-input-currency>
              <!-- :disabled="new BigNumber(this.model.oldbtdgrp.cbs.opn2.amt)-new BigNumber(this.model.oldbtdgrp.cbs.max2.amt) =='0'" -->
            </el-form-item>
          </div>
        </c-col>

        <c-col :span="24" class="custom-box-wrap">
            <el-form-item label="Add. Amount Part" prop="btdgrp.cbs.opn2.cur">
              <c-select-cur v-model="model.btdgrp.cbs.opn2.cur" disabled style="width: 115px" placeholder="请选择币种" dbCode="curtxt" sort="SRT"></c-select-cur>
            </el-form-item>
          <div class="box-3">
            <el-form-item label-width="5px" prop="aamset.utlamt2">
              <c-input-currency v-model="calcUtlamt2" :currency="model.btdgrp.cbs.opn2.cur" :disabled="(this.model.btdgrp.cbs.opn2.amt == null || this.model.btdgrp.cbs.opn2.amt == 0) 
                                  &&(this.model.aamset.amt2okflg == null || this.model.aamset.amt2okflg == '')" style="width:100%" placeholder="请输入金额"></c-input-currency>
              <!-- :disabled="new BigNumber(this.model.oldbtdgrp.cbs.opn2.amt)-new BigNumber(this.model.oldbtdgrp.cbs.max2.amt) =='0' && !this.model.aamset.amt2okflg" -->
            </el-form-item>
          </div>
        </c-col>

        <!-- S0000060 : Narrative :77A: -->

        <c-col :span="24">
          <el-form-item label="Narrative :77A:" prop="nar754">

            <!-- 35*20, max 700, view line 4: -->
            <c-input type="textarea" v-model="model.nar754" :rows="4" :disabled="this.model.ledgrp.rmb.rolsetflg === 'Y'" maxlength="700" show-word-limit></c-input>

          </el-form-item>
        </c-col>

      </c-col>

    </c-row>

    <!--
<c-col :span="12">
    <span  v-text="model.bttp0.matp.mattxtlab"   data-path=".bttp0.matp.mattxtlab" > </span>
</c-col> &ndash;&gt;-->
    {{calcBe1amt}}

  </div>
</template>
<script>
import event from "../event";
import BigNumber from "bignumber.js"

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      stmData: {
        columns: [
          '1 1 "Typ" 250',
          '2 2 "Dbt" 250',
          '3 3 "Cdt" 250',
          '4 4 "Cur" 250',
          '5 5 "Amt" 250 2 8 1 4',
          '6 6 "Mat.Dat." 250 4 7 1'
        ],
        data: []
      }
    };
  },
  methods: {},
  created: function() {},
  computed: {
    calcSetamt() {
      this.model.setmod.setamt =
        new BigNumber(this.model.setmod.docamt).minus( new BigNumber(this.model.setmod.redamt));
      return this.model.setmod.setamt;
    },
    calcUtlamt() {
      this.model.aamset.utlamt =
        Number(this.model.setmod.docamt)- Number(this.model.aamset.utlamt2);
      return this.model.aamset.utlamt;
    },
    calcUtlamt2() {
      this.model.aamset.utlamt2 =
         Number(this.model.setmod.docamt)- Number(this.model.aamset.utlamt);
      return this.model.aamset.utlamt2;
    },
    calcBe1amt(){
      let be1amt = new BigNumber(0)
      for(var i = 0; i<this.model.liaall.tenorSettles.length; i++){
        if(this.model.liaall.tenorSettles[i].cdtrol === this.model.btdgrp.rec.docprbrolbe1 && !!this.model.liaall.tenorSettles[i].flag){
            be1amt = be1amt.plus(new BigNumber(this.model.liaall.tenorSettles[i].oldamt))
        }
      }
      this.model.be1amt = be1amt
    }
  }
};
</script>
<style>
</style>