<template>
  <div class="eibs-tab">
    <!-- ======================= 第4部分 Main Part of this transaction ========================= -->
    <c-col :span="24" >

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


        <c-col :span="24">

          <!-- Received on 到单日期-->
          <c-col :span="24">
            <el-form-item label="Received on" prop="bedgrp.rec.rcvdat">
              <c-date-picker type="date" v-model="model.bedgrp.rec.rcvdat" style="width: 100%"
                             placeholder=""
                             value-format="yyyy-MM-dd"
                             :disabled="model.oldbedgrp.rec.rcvdat!=null && model.oldbedgrp.rec.rcvdat!==''">

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

          <!-- Date of Shipment, 装运日期 -->
          <c-col :span="24">
            <el-form-item label="Date of Shipment" prop="bedgrp.rec.shpdat">
              <c-date-picker type="date" v-model="model.bedgrp.rec.shpdat" style="width: 100%"
                             placeholder=""
                             value-format="yyyy-MM-dd"></c-date-picker>
            </el-form-item>
          </c-col>

        </c-col>

        <c-col :span="24">
          <!-- Presented on 提示日期 -->
          <c-col :span="24">
            <el-form-item label="Presented on" prop="bedgrp.rec.predat">
              <c-date-picker type="date" v-model="model.bedgrp.rec.predat" style="width: 100%"
                             placeholder=""
                             value-format="yyyy-MM-dd"
                             :disabled="model.oldbedgrp.rec.predat!=null && model.oldbedgrp.rec.predat!=''"></c-date-picker>
            </el-form-item>
          </c-col>
          <!-- Maturity Date, 到期日 -->
          <c-col :span="24">
            <el-form-item label="Maturity Date" prop="bedgrp.rec.matdat">
              <c-date-picker type="date" v-model="model.bedgrp.rec.matdat" style="width: 100%" placeholder=""
                             value-format="yyyy-MM-dd"
                             :disabled="model.bedgrp.blk.matper != '' || model.bedgrp.rec.doctypcod == 'P'"
                             @change="matdatChanged"
              >
              </c-date-picker>
            </el-form-item>
          </c-col>
        </c-col>

        <!-- Maturity Period, 到期期限 -->
        <c-col :span="24">
          <el-form-item label="Maturity Period" prop="bedgrp.blk.matper">
            <c-input type="textarea" v-model="model.bedgrp.blk.matper" maxlength="65" show-word-limit
                     placeholder=""
                     :disabled="model.bedgrp.rec.matdat != null && model.bedgrp.rec.matdat != '' || model.bedgrp.rec.doctypcod == 'P'"
                     @change="matperChanged"
            >
            </c-input>
          </el-form-item>
        </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" placeholder=""></c-input-currency>
          </el-form-item>
        </c-col>

        <!-- Courier Number，快递单号 -->
        <c-col :span="24">
          <el-form-item label="快递单号" >
            <c-input type="textarea" v-model="model.bedgrp.rec.expmno" maxlength="130" show-word-limit></c-input>
          </el-form-item>
        </c-col>

      </c-col>


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

        <!-- Payer , 付款人-->
        <c-col :span="24">
          <el-form-item label="Payer" prop="bedgrp.rec.payrol">
            <c-select v-model="model.bedgrp.rec.payrol" style="width: 100%" placeholder=""
                      dbCode="ROLALL"
                      :filterKey="payrolFilter"
                      @change="payrolChange"
            >
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <c-ptap
                  :model="model"
                  :argadr="{title: 'Payer', grp: 'bedgrp',rol: 'oth',}"
                  :haveAdrLabel="true"
                  :isAdrblk="true"
                  bchinr="00000036"
                  :disabled="model.bedgrp.rec.payrol !='OTH'"
                  :disabledRef="model.bedgrp.rec.payrol != 'OTH'"
                  :disabledExtkey="model.bedgrp.rec.payrol != 'OTH'"
                  ptytyp="B"
									:isLabel120="false"
              >
          </c-ptap>

        </c-col>

        <!-- Ammendment Ben. Address , 修改受益人地址-->
        <c-col :span="24">
          <el-form-item class="checkbox-left">
            <c-checkbox v-model="model.ameadrflg" true-label="X" false-label="" >Ammendment Ben. Address</c-checkbox>
          </el-form-item>
        </c-col>

          <!--  New Ben.  Address , 新受益人地址 -->
          <c-col :span="24">
            <el-form-item label="New Ben. Address" prop="bedsnd.newbenadr">
              <!-- maxlength 35*5, view-lines 5-->
              <c-input type="textarea" v-model="model.bedsnd.newbenadr" maxlength="175" :rows="3" show-word-limit
                       placeholder="" :disabled="model.ameadrflg == ''"></c-input>
            </el-form-item>
          </c-col>
          <!-- New Beneficiary Ref. , 新受益人编号 -->
          <c-col :span="24">
            <el-form-item label="New Beneficiary Ref." prop="bedgrp.blk.benref">
              <!-- maxlength 16*10, view-lines 3-->
              <c-input type="textarea" v-model="model.bedgrp.blk.benref" maxlength="160" :rows="2" show-word-limit
                       placeholder=""></c-input>
            </el-form-item>
          </c-col>
      </c-col>

    </c-col>

  </div>
</template>
<script>
  import event from '../event';
  import Utils from "~/utils";
  import Pts from '~/components/business/commonModel/Pts';
  import Default from "../model/default";

export default {
  components: {
  },
  inject: ['root'],
  props: ['model', 'codes'],
  mixins: [event,Default],
  data() {
    return {
    }
  },
  methods: {},
  created: function () {
  },
  computed: {

    payrolFilter: {
      get() {
        let rmbrolArray =[];
        if(this.model.ledgrp.adv.pts.ptainr!=''){
          rmbrolArray.push("ADV")
        }
        if(this.model.ledgrp.avb.pts.ptainr!=''){
          rmbrolArray.push("AVB")
        }
        if(this.model.ledgrp.iss.pts.ptainr!=''){
          rmbrolArray.push("ISS")
        }
        if(this.model.ledgrp.con.pts.ptainr!=''){
          rmbrolArray.push("CON")
        }

        rmbrolArray.push("OTH");


        return rmbrolArray;
      }
    },

  }
}
</script>
<style>
.marginLable {
  padding-left: 160px;
}
</style>