<template>
  <div class="eibs">

    <!-- ======================= 第4部分 Main Part of this transaction ========================= -->
    <c-col :span="24" >
      <!-- <c-col :span="24">
        <el-form-item style="margin-left: 0px">
          <el-divider />
        </el-form-item>
      </c-col> -->

      <!-- next part -->
      <c-col :span="24">
        <!-- left -->
        <c-col :span="12" style="padding-right: 20px;">

          <!-- Amount Settled, 结算金额 -->
          <c-col :span="24">
            <c-col :span="12">
              <el-form-item label="Amount Settled" prop="setmod.doccur">
                <c-input
                        v-model="model.setmod.doccur"
                        maxlength="3"
                        placeholder=""
                        disabled
                ></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="12">
              <el-form-item label="" label-width="5px" prop="setmod.docamt">
                <c-input-currency
                        v-model="model.setmod.docamt"
                        placeholder=""
                        @change="docamtChange"
                ></c-input-currency>
              </el-form-item>
            </c-col>
          </c-col>

          <!-- Reduced Amt. Settled, 折扣结算金额 -->
          <c-col :span="24">
            <c-col :span="12">
              <el-form-item label="Reduced Amt. Settled" prop="setmod.doccur">
                <c-input
                        v-model="model.setmod.doccur"
                        maxlength="3"
                        placeholder=""
                        disabled
                ></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="12">
              <el-form-item label="" label-width="5px" prop="setmod.setamt">
                <c-input-currency
                        v-model="model.setmod.setamt"
                        placeholder=""
                        disabled
                ></c-input-currency>
              </el-form-item>
            </c-col>
          </c-col>

          <!-- Doc. Amount Part, 单据部分金额 -->
          <c-col :span="24">
            <c-col :span="12">
              <el-form-item label="Doc. Amount Part" prop="bedgrp.cbs.opn2.cur">
                <c-input
                        v-model="model.bedgrp.cbs.opn2.cur"
                        maxlength="3"
                        placeholder=""
                        disabled
                ></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="12">
              <el-form-item label="" label-width="5px" prop="aamset.utlamt">
                <c-input-currency
                        v-model="model.aamset.utlamt"
                        :disabled="utlamtDisabled"
                        @change="defUtlamts"
                ></c-input-currency>
              </el-form-item>
            </c-col>
          </c-col>

          <!-- Add. Amount Part, 附加金额 -->
          <c-col :span="24">
            <c-col :span="12">
              <el-form-item label="Add. Amount Part" prop="bedgrp.cbs.opn2.cur">
                <c-input
                        v-model="model.bedgrp.cbs.opn2.cur"
                        maxlength="3"
                        placeholder=""
                        disabled
                ></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="12">
              <el-form-item label="" label-width="5px" prop="aamset.utlamt2">
                <c-input-currency
                        v-model="model.aamset.utlamt2"
                        :disabled="utlamtDisabled&&model.amt2okflg===''"
                        @change="defUtlamts"
                ></c-input-currency>
              </el-form-item>
            </c-col>
          </c-col>

          <!-- 福费廷转卖类型, 福费廷转卖类型 -->
          <c-col :span="24">
            <el-form-item label="福费廷转卖类型" prop="bpdgrp.rec.ffttyp">
              <c-input
                      v-model="model.bpdgrp.rec.ffttyp"
                      maxlength="40"
                      placeholder="请输入福费廷转卖类型"
                      disabled
              >
                <el-option
                        v-for="item in codes.ffttyp1"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                >
                </el-option>
              </c-input>
            </el-form-item>
          </c-col>
        </c-col>

        <!-- right -->
        <c-col :span="12" style="padding-left: 20px;">


          <!--Close Contract 闭卷 , Free of Payment 免费付款 -->
          <c-col :span="24">
            <!-- Close Contract, 闭卷 -->
            <c-col :span="12">
              <el-form-item label="" prop="clsflg" class="checkbox-left">
                <c-checkbox v-model="model.clsflg" class="checkbox-left" true-label="C" false-label="O"
                            :disabled="model.disabledClsflg === 'Y'"
                            @change="clsflgChange" >Close Contract</c-checkbox>
              </el-form-item>
            </c-col>

            <!--Free of Payment, 免费付款 -->
            <c-col :span="12">
              <el-form-item label="" prop="bedgrp.rec.frepayflg" class="checkbox-left">
                <c-checkbox v-model="model.bedgrp.rec.frepayflg" true-label="X" false-label="" @change="frepayflgChange" >Free of Payment</c-checkbox>
              </el-form-item>
            </c-col>
          </c-col>

          <!--Reduction Amt., 折扣金额 -->
          <c-col :span="24">
            <c-col :span="12">
              <el-form-item label="Reduction Amt." prop="setmod.doccur">
                <c-input
                        v-model="model.setmod.doccur"
                        maxlength="3"
                        placeholder=""
                        disabled
                ></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="12">
              <el-form-item label="" label-width="5px" prop="setmod.redamt">
                <c-input-currency
                        v-model="model.setmod.redamt"
                        placeholder=""
                        :disabled="model.bedgrp.rec.frepayflg==='X'"
                        @change="redamtChange"
                ></c-input-currency>
              </el-form-item>
            </c-col>
          </c-col>

          <!--Narrative :77A:, 叙述内容（77A） -->
          <c-col :span="24">
            <el-form-item label="Narrative :77A:" prop="nar754">
              <!-- maxlength 35*20, view line 5 -->
              <c-input
                      type="textarea"
                      v-model="model.nar754"
                      :rows="5"
                      maxlength="700"
                      show-word-limit
                      placeholder=""
              ></c-input>
            </el-form-item>
          </c-col>

        </c-col>
      </c-col>

    </c-col>

   
  </div>
</template>
<script>
import Api from "~/service/Api";

import CodeTable from "~/config/CodeTable";
import event from "../event";
import Default from "../model/default";
import BigNumber from "bignumber.js";
// import Ptsmsg from "~/views/Public/Ptsmsg";

export default {
  // components: { "c-ptsmsg": Ptsmsg },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event,Default],
  data() {
    return {

    };
  },
  computed: {

    flag() {
      return this.model.mtabut.coninf.usr.extkey == "";
    },

    utlamtDisabled() {
      if (this.model.bedgrp.cbs.opn2.amt != null && new BigNumber(this.model.bedgrp.cbs.opn2.amt).comparedTo(0) == 0) {
        return true;
      } else {
        return false;
      }
    },
  },
  mounted() {
    this.$nextTick(() => {});
  },
  methods: {
  },
  created: function () { },

  watch: {
    "model.setmod.docamt": {
      immediate: false,
      handler(val, oldval) {
        this.defUtlamts();
        this.defaultsetmodRedamt();
        this.calculteAmount();
      },
    },
  },
};
</script>
<style>
.messageLabel >>> .el-form-item__label {
  text-align: left;
  font-weight: bold;
  font-size: 12px;
}
</style>