<template>
  <div class="eibs">


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

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

        <!-- Narrative of Maturity Amendment, 到期日修订说明-->
        <c-col :span="24">
          <el-form-item
                  label="Narrative of Maturity Amendment"
                  prop="strinf"
          >
            <!-- max length 35*6, view-line 6 -->
            <c-input
                    type="textarea"
                    v-model="model.strinf"
                    :rows="6"
                    maxlength="150"
                    show-word-limit
                    placeholder=""
            ></c-input>
          </el-form-item>
        </c-col>

        <!-- Accept Amount, 承兑金额-->
        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="Accept Amount" 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"
                      @change="docamtChange"
                      :disabled="model.bedgrp.rec.doctypcod!='M'"
                      placeholder=""
              ></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"
                      placeholder=""
                      :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"
                      placeholder=""
                      :disabled="utlamtDisabled&&model.amt2okflg===''"
                      @change="defUtlamts"
              ></c-input-currency>
            </el-form-item>
          </c-col>
        </c-col>

        <!-- 发送索偿电日期, 发送索偿电日期 -->
        <c-col :span="24">
          <el-form-item  prop="snadat" >
            <span slot="label">
                <div  style="color: red">发送索偿电日期</div>
            </span>
            <c-date-picker
                    type="date"
                    v-model="model.snadat"
                    style="width: 100%"
                    placeholder=""
            ></c-date-picker>
          </el-form-item>
        </c-col>
      </c-col>

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

        <!-- Receive MT 752,  MT 752 -->
        <c-col :span="24">
          <el-form-item class="checkbox-left">
          <c-checkbox
                  v-model="model.betp.cre752flg"
                  true-label="X" false-label=""
                  style="margin-left: 10px"
          >Receive MT 752
          </c-checkbox>
          </el-form-item>
        </c-col>

        <!-- Further Identification, 进一步识别 -->
        <c-col :span="24">
          <el-form-item label="Further Identification" prop="betp.furide">
            <c-select
                    v-model="model.betp.furide"
                    maxlength="10"
                    style="width: 100%"
                    placeholder="请选择进一步识别"
                    :disabled="!cre752flg"
                    dbCode="FURIDE"
                    :expKey="['DEB','REM']"
            ></c-select>

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

        <!-- Date of Advice, 通知日期 -->
        <c-col :span="24">
          <el-form-item label="Date of Advice" prop="bedgrp.rec.disdat">
            <c-date-picker
                    type="date"
                    v-model="model.bedgrp.rec.disdat"
                    style="width: 100%"
                    placeholder=""
                    disabled
            ></c-date-picker>
          </el-form-item>
        </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=""
                      @change="redamtChange"
              ></c-input-currency>
            </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 Ptsmsg from "~/views/Public/Ptsmsg";
import event from '../event'
import Default from "../model/default";
import BigNumber from "bignumber.js";
export default {
  // components: { "c-ptap": Ptsmsg },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event,Default],
  data() {
    return {};
  },
  computed: {
    cre752flg: {
      get() {
        return this.model.betp.cre752flg != "";
      },
      set(val) {
        this.model.betp.cre752flg = val ? "X" : "";
        this.model.betp.furide = "";
      },
    },
    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;
      }
    },
  },
  methods: {
    docamtChange(){
      this.docamtFormat();
      this.defUtlamts();
    },

    redamtChange(){
      this.redamtFormat();
    },
  },

  watch: {
      "model.setmod.docamt": {
        immediate: true,
        handler(val, oldval) {
          if (this.model.setmod.docamt=="")
            this.model.setmod.docamt= "0.00"
           }}},

  created: function () {},
};
</script>
<style>
</style>