Mt750p.vue

<template>
  <div class="eibs">
    <c-col :span="12" class="col-left">
      <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
              :currency="model.brdgrp.cbs.max.cur"
              placeholder="请输入金额"
              v-model="model.brdgrp.cbs.max.amt"
              @change="onChaChange"></c-input-currency>
          </el-form-item>
        </div>
      </c-col>
      <c-col :span="24" class="custom-box-wrap">
          <el-form-item label="Drawn Add. Amount" prop="brdgrp.cbs.max2.cur">
            <c-select-cur
              dbCode="curtxt"
              disabled
              placeholder="请选择币种"
              style="width: 115px"
              v-model="model.brdgrp.cbs.max2.cur">
            </c-select-cur>
          </el-form-item>
        <div class="box-3">
          <el-form-item label-width="5px" prop="brdgrp.cbs.max2.amt">
            <c-input-currency
              :currency="model.brdgrp.cbs.max2.cur"
              placeholder="请输入金额"
              v-model="model.brdgrp.cbs.max2.amt"
              @change="onChaChange"></c-input-currency>
          </el-form-item>
        </div>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Charges Deducted" prop="brdgrp.blk.chaded">
          <c-mul-row-input
            type="textarea"
            v-model="model.brdgrp.blk.chaded"
						:rows="6" 
						:cols="35"
						:autosize="{ minRows: 4, maxRows: 6 }"
            placeholder="请输入已扣除费用"
            @change="onChaChange"></c-mul-row-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Charges Added" prop="brdgrp.blk.chaadd">
          <c-mul-row-input
            type="textarea"
            v-model="model.brdgrp.blk.chaadd"
            :rows="6" 
						:cols="35"
						:autosize="{ minRows: 4, maxRows: 6 }"
            placeholder="请输入已添加费用"
            @change="onChaChange"></c-mul-row-input>
        </el-form-item>
      </c-col>
      <c-col :span="24" class="custom-box-wrap">
          <el-form-item label="Amount to be Paid" prop="brdgrp.rec.totcur">
            <c-select-cur
              dbCode="curtxt"
              disabled
              placeholder="请选择币种"
              style="width: 115px"
              v-model="model.brdgrp.rec.totcur">
            </c-select-cur>
          </el-form-item>
        <div class="box-3">
          <el-form-item label-width="5px" prop="brdgrp.rec.totamt">
            <c-input-currency
              :currency="model.brdgrp.rec.totcur"
              placeholder="请输入金额"
              v-model="model.brdgrp.rec.totamt"></c-input-currency>
          </el-form-item>
        </div>
      </c-col>
    </c-col>
    <c-col :span="12" style="padding-left: 20px">
      <c-col :span="24" class="fieldName">
        <c-ptap
          :argadr="{ title: 'Account with Bank', grp: 'brdgrp', rol: 'acb' }"
          :haveAdrLabel="true"
          :isAdrblk="true"
          :model="model"
          bchinr="00000036"
          ptytyp="B" :isLabel120="false"></c-ptap>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Discrepancies" prop="brdgrp.blk.docdis">
          <c-input
            :rows="6"
            :disabled="!(this.model.brdgrp.blk.docdisflg == 'X')"
            type="textarea"
            v-model="model.brdgrp.blk.docdis"
            maxlength="150"
            show-word-limit
            placeholder="请输入不符点"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item>
          <c-checkbox class="checkbox-left" true-label="X" false-label="" v-model="model.brdgrp.blk.docdisflg"
            >Discrepancies modified</c-checkbox
          >
        </el-form-item>
      </c-col>
    </c-col>
  </div>
</template>
<script>
import event from "../event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {};
  },
  methods: {},
  created: function () {},
  computed: {
    totamt() {
      const maxAmt = this.model.brdgrp.cbs.max.amt;
      const max2Amt = this.model.brdgrp.cbs.max2.amt;
      this.model.brdgrp.rec.totamt =
        parseFloat(isNaN(maxAmt) || !maxAmt ? 0 : maxAmt) + parseFloat(isNaN(max2Amt) || !max2Amt ? 0 : max2Amt);
      return this.model.brdgrp.rec.totamt;
    },
    maxcur() {
      this.model.brdgrp.cbs.max.cur = this.model.lidgrp.cbs.nom1.cur;
      return this.model.brdgrp.cbs.max.cur;
    },
    max2cur() {
      this.model.brdgrp.cbs.max2.cur = this.model.lidgrp.cbs.nom1.cur;
      return this.model.brdgrp.cbs.max2.cur;
    },
    rectotcur() {
      this.model.brdgrp.rec.totcur = this.model.lidgrp.cbs.nom1.cur;
      return this.model.brdgrp.rec.totcur;
    },
    // totamt(){
    //   this.model.brdgrp.rec.totamt = 0
    //   if(!isNaN(this.model.brdgrp.cbs.max.amt)){
    //     this.model.brdgrp.rec.totamt += parseFloat(this.model.brdgrp.cbs.max.amt)
    //   }else{
    //     this.model.brdgrp.cbs.max.amt = 0
    //   }
    //   if(!isNaN(this.model.brdgrp.cbs.max2.amt)){
    //     this.model.brdgrp.rec.totamt += parseFloat(this.model.brdgrp.cbs.max2.amt)
    //   }
    //   // this.model.brdgrp.rec.totamt =
    //   // parseFloat(isNaN(this.model.brdgrp.cbs.max.amt) ? 0 : this.model.brdgrp.cbs.max.amt) +
    //   // parseFloat(isNaN(this.model.brdgrp.cbs.max2.amt) ? 0 : this.model.brdgrp.cbs.max2.amt)
    //   return this.model.brdgrp.rec.totamt
    // }
  },
  // watch: {
  //   "model.brdgrp": {
  //     immediate: true,
  //     deep: true,
  //     handler(val, oldVal) {
  //       const max2Amt = this.model.brdgrp.cbs.max2.amt;
  //       const opn2Amt = this.model.lidgrp.cbs.opn2.amt;
  //       const maxAmt = this.model.brdgrp.cbs.max.amt;
  //       const opn1Amt = this.model.lidgrp.cbs.opn1.amt;
  //       var docdis = this.model.brdgrp.blk.docdis;
  //       const amt2 =
  //         parseFloat(isNaN(max2Amt) || !max2Amt ? 0 : max2Amt) -
  //         parseFloat(isNaN(opn2Amt) || !opn2Amt ? 0 : opn2Amt);
  //       const amt1 =
  //         parseFloat(isNaN(maxAmt) || !maxAmt ? 0 : maxAmt) -
  //         parseFloat(isNaN(opn1Amt) || !opn1Amt ? 0 : opn1Amt);
  //       if (amt1 > 0) {
  //         docdis = `The LC is overdrawn by ${
  //           this.model.brdgrp.cbs.max2.cur
  //         } ${amt1} \n`;
  //       }
  //       if (amt2 > 0) {
  //         docdis = `${docdis}The Additional Amount is overdrawn by ${
  //           this.model.brdgrp.cbs.max2.cur
  //         } ${amt2}`;
  //       }
  //       this.model.brdgrp.blk.docdis = docdis;
  //     }
  //   }
  // }
};
</script>
<style></style>