<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" style="margin-bottom: 35px">
        <c-istream-table
                ref="table"
                :list="model.liaall.tenstm.rows || []"
                :columns="stmData.columns"
                :showSelection="true"
                v-on:multipleSelect="multipleSelect"
                prop="liaall.tenstm"
        >
        </c-istream-table>
      </c-col>
      -->

      <c-col :span="24">

        <!-- left, Payment instructions -->
        <c-col :span="12" style="padding-right: 20px;">
          <!--  Payment instructions to ISS/AVB, 给开证行/可用银行的付款指示 -->
          <c-col :span="24">
            <c-ptap-commons  :cols="65" :rows="10" :minRows="5" :maxRows="10" :model="model"
                             @handleChange="payinstxtChange"
                             :extCodes="[]"
                             lastModel="payinstxt"
                             title="Payment instructions to ISS/AVB">
            </c-ptap-commons>
          </c-col>

          <!-- Claim Reimbursement(e.g via MT 742), 索要补偿-->
          <c-col :span="24">
            <el-form-item label="" prop="rmbclm.clmrmbflg" class="checkbox-left">
              <c-checkbox v-model="model.rmbclm.clmrmbflg" true-label="X" false-label="" @change="clmrmbflgChange">
                Claim Reimbursement(e.g via MT 742)
              </c-checkbox
              >
            </el-form-item>
          </c-col>

        </c-col>

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

          <!-- 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.opn1.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
                        :currency="model.bedgrp.cbs.opn1.cur"
                        v-model="model.aamset.utlamt"
                        placeholder="请输入单据部分金额"
                        :disabled="model.utlamtDisabled"
                        @change="utlamtChange"
                ></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.opn1.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
                        :currency="model.bedgrp.cbs.opn2.cur"
                        v-model="model.aamset.utlamt2"
                        placeholder="请输入附加金额"
                        :disabled="model.utlamt2Disabled"
                        @change="utlamt2Change"
                ></c-input-currency>
              </el-form-item>
            </c-col>
          </c-col>

          <!-- Less comm, 扣除佣金-->
          <c-col :span="24">
            <el-form-item label="Less comm" prop="bedgrp.rec.lescom">
              <c-input-currency
                      v-model="model.bedgrp.rec.lescom"
                      class="m-input-currency"
                      placeholder=""
              ></c-input-currency>
            </el-form-item>
          </c-col>

          <!-- Narrative :77A:, 描述内容（77A）-->
<!--          <c-col :span="24">
            <el-form-item label="Narrative :77A:" prop="nar754">
              &lt;!&ndash; maxLength 35*20, view-lines 5             &ndash;&gt;
              <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 event from "../event";
import Default from "../model/default"
import commonDepend from "~/mixin/commonDepend";

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

    }

  },
  computed: {
/*    clmrmbflg: {
      get() {
        return this.model.rmbclm.clmrmbflg === "X";
      },
      set(val) {
        this.model.rmbclm.clmrmbflg = val ? "X" : "";
      },
    },*/
    flag() {
      return this.model.mtabut.coninf.usr.extkey == "";
    },
  },
  mounted() {
    this.$nextTick(() => {});
  },
  methods: {

    utlamtChange(){
      this.defUtlamts();
    },

    utlamt2Change(){
      this.defUtlamts();
    },

    payinstxtChange(){
      this.customAddModify(this.model,"payinstxt");
    },


  },
  created: function () {},
};
</script>
<style>
.messageLabel >>> .el-form-item__label {
  text-align: left;
  font-weight: bold;
  font-size: 12px;
}
</style>