<template>
  <div class="eibs">
    <!-- SF000053 : 内部不符点 -->
    <c-col :span="24" >
      <!--================================左边================================== -->
      <c-col :span="12" style="padding-right: 20px;">
          <!-- Internal Discrepancies  内部不符点-->
          <c-col :span="24">
            <c-ptap-commons  :cols="65" :rows="20" :minRows="10" :maxRows="20" :model="model"
                             :extCodes="['bedgrp','blk']"
                             lastModel="intdis"
                             @handelChange="intdisChange"
                             title="Internal Discrepancies">
            </c-ptap-commons>
          </c-col>
      </c-col>

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

        <!-- Further Handling, 进一步处理 -->
        <c-col :span="24">
          <el-form-item label="Further Handling" prop="betp.folwupopt">
            <c-select v-model="model.betp.folwupopt" style="width: 100%" placeholder=""
                      dbCode="FOLWPT"
                      :filter-key="['N','S','W']"
                      disabled>
            </c-select>
          </el-form-item>
        </c-col>

        <!-- Documents on Approval Basis -->
        <c-col :span="24">
          <el-form-item class="checkbox-left">
            <c-checkbox v-model="model.bedgrp.rec.approvcod" true-label="X" false-label="" class="checkbox-left">Documents on Approval Basis
            </c-checkbox>
          </el-form-item>
        </c-col>

        <!-- Create Advice of Discharge (e.g. MT 732), 创建清偿通知(MT 732)-->
        <c-col :span="24">
          <el-form-item class="checkbox-left">
            <c-checkbox v-model="model.bedsnd.snd732" true-label="X" false-label="" disabled class="checkbox-left">Create Advice of Discharge (e.g.
              MT 732)
            </c-checkbox>
          </el-form-item>
        </c-col>

        <!-- Receive MT 752, MT752-->
        <c-col :span="24">
          <el-form-item class="checkbox-left">
            <c-checkbox v-model="model.betp.cre752flg"  true-label="X" false-label="" class="checkbox-left"
                        :disabled="model.betp.folwupopt != 'C'" @change="cre752flgChange">
              Receive MT 752
            </c-checkbox>
          </el-form-item>
        </c-col>

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

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

        <!-- Comments and Conclusion  评论和结论-->
        <c-col :span="24">
          <c-ptap-commons  :cols="65" :rows="20" :minRows="5" :maxRows="20" :model="model"
                           @handelChange="comconChange"
                           :extCodes="['bedgrp','blk']"
                           lastModel="comcon"
                           title="Comments and Conclusions">
          </c-ptap-commons>
        </c-col>
      </c-col>

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

        <!-- Further Identification, 进一步识别 -->
        <c-col :span="24">
          <el-form-item label="Further Identification" prop="betp.furide">
            <c-select v-model="model.betp.furide" style="width: 100%" placeholder=""
                      dbCode="FURIDE"
                      :expKey="['DEB','REM']"
                      :disabled="model.betp.cre752flg != 'X'">
            </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="model.betp.cre752flg != 'X'"></c-date-picker>
          </el-form-item>
        </c-col>

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


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

        <!--Settlement Instructions for this Document, 结算指示 -->
        <c-col :span="24">
          <c-ptap-commons  :cols="65" :rows="6" :minRows="6" :maxRows="6" :model="model"
                           @handelChange="setinsbeChange"
                           :extCodes="['bedgrp','blk']"
                           lastModel="setinsbe"
                           title="Settlement Instructions for this Document">
          </c-ptap-commons>
        </c-col>
      </c-col>
      <!--===========================右边============================== -->
      <c-col :span="12" style="padding-left: 20px">

        <c-col :span="24">

          <!-- Claim Reimbursement now, 寄单并即期索汇  -->
          <c-col :span="24" >
            <el-form-item class="checkbox-left">
              <c-checkbox v-model="model.rmbclmnow"  true-label="X" false-label="" :disabled="model.rmbclmlate != ''" @change="rmbclmnowChange">Claim
                Reimbursement now
              </c-checkbox>
            </el-form-item>
          </c-col>

          <!-- Claim Reimbursement late, 寄单后再索汇 -->
          <c-col :span="24">
            <el-form-item class="checkbox-left">
              <c-checkbox v-model="model.rmbclmlate"  true-label="X" false-label="" :disabled="model.rmbclmnow != ''" @change="rmbclmlateChange">Claim
                Reimbursement late
              </c-checkbox>
            </el-form-item>
          </c-col>

        </c-col>

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


    <c-col :span="24" >
      <!--================================左边================================== -->
      <c-col :span="12" style="padding-right: 20px;">
        <c-col :span="24">
          <!-- Discrepancies modified, 不符点修改 -->
          <c-col :span="12">
            <el-form-item class="checkbox-left">
              <c-checkbox v-model="model.bedgrp.blk.docdisflg" true-label="X" false-label="" @change="docdisflgChange" >Discrepancies modified</c-checkbox>
            </el-form-item>
          </c-col>
          <!-- Ignore Discrepancies, 忽略不符点  -->
          <c-col :span="12">
            <el-form-item class="checkbox-left">
              <c-checkbox v-model="model.bedsnd.ingdsc"  true-label="Y" false-label="" >Ignore Discrepancies</c-checkbox>
            </el-form-item>
          </c-col>

        </c-col>

        <!-- Discrepancies, 不符点 -->
        <c-col :span="24">
          <c-ptap-commons  :cols="50" :rows="70" :minRows="10" :maxRows="70" :model="model"
                           :disabledButton="!docdisflg"
                           :extCodes="['bedgrp','blk']"
                           lastModel="docdis"
                           @handelChange="docdisChange"
                           title="Discrepancies">
          </c-ptap-commons>
        </c-col>

      </c-col>

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

        <!--Send Documents to another Address, 选择寄单行  -->
        <c-col :span="24" >
          <el-form-item class="checkbox-left">
            <c-checkbox v-model="model.bedgrp.rec.docrolflg"  true-label="X" false-label="" @change="docrolflgChange">Send Documents to another Address
            </c-checkbox>
          </el-form-item>
        </c-col>
        <!--  Receiver of Documents, 单据接收行  -->
        <c-col :span="24">
          <el-form-item label="Receiver of Documents" prop="bedgrp.rec.docrol">
            <c-select v-model="model.bedgrp.rec.docrol" style="width: 100%" placeholder=""
                      :disabled="model.bedgrp.rec.docrolflg == ''"
                      dbCode="ROLALL"
                      :filterKey="docrolFilter"
                      @change="docrolChange"
            >
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">

          <c-ptap
                  :model="model"
                  :argadr="{title:'', grp: 'bedgrp',rol: 'doc',}"
                  :haveAdrLabel="true"
                  :isAdrblk="true"
                  bchinr="00000036"
                  :disabled-extkey="model.bedgrp.rec.docrol != 'OTH' || model.bedgrp.rec.docrolflg == ''"
                  :disabled="true"
                  ptytyp="B,C,F,H"
									:isLabel120="false"
          >
          </c-ptap>

        </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: {

  },
  inject: ['root'],
  props: ['model', 'codes'],
  mixins: [event,Default,commonDepend],
  data() {
    return {}
  },
  methods: {

    intdisChange(){
      this.customAddModify(this.bedgrp.blk,"intdis");
    },

    setinsbeChange(){
      this.customAddModify(this.bedgrp.blk,"setinsbe");
    },


    comconChange(){
      this.customAddModify(this.bedgrp.blk,"comcon");
    },

    docdisChange(){
      this.customAddModify(this.bedgrp.blk,"docdis");
      this.defaultDocsta();
      this.defaultFolwupopt();
    },

    docdisflgChange(){
      if(this.model.bedgrp.blk.docdisflg!='X'){
        this.model.bedgrp.blk.docdis = '';
        this.docdisChange();
      }
    },

    docrolflgChange(){
      if(this.model.bedgrp.rec.docrolflg!='X'){
        this.model.bedgrp.rec.docrol = '';
        this.docrolChange();
      }
    },

    cre752flgChange() {
      if (this.model.betp.cre752flg != 'X') {
        this.model.betp.furide = '';
        this.model.bedgrp.rec.disdat = '';
      }

    },

  },
  computed: {

    docdisflg: {
      get() {
        return this.model.bedgrp.blk.docdisflg != "";
      },
      set(val) {
        this.model.bedgrp.blk.docdisflg = val ? "X" : "";
        this.model.bedgrp.blk.docdis = '';
      },

    },

    docrolFilter: {
        get() {
          let docrolArray =[];
          if(this.model.ledgrp.apl.pts.ptainr!=''){
            docrolArray.push("APL")
          }
          if(this.model.ledgrp.ben.pts.ptainr!=''){
            docrolArray.push("BEN")
          }

          if(this.model.ledgrp.adv.pts.ptainr!=''){
            docrolArray.push("ADV")
          }
          if(this.model.ledgrp.rmb.pts.ptainr!=''){
            docrolArray.push("RMB")
          }
          if(this.model.ledgrp.trb.pts.ptainr!=''){
            docrolArray.push("TRB")
          }
          if(this.model.ledgrp.iss.pts.ptainr!=''){
            docrolArray.push("ISS")
          }
          if(this.model.ledgrp.apb.pts.ptainr!=''){
            docrolArray.push("APB")
          }
          if(this.model.ledgrp.con.pts.ptainr!=''){
            docrolArray.push("CON")
          }
          if(this.model.ledgrp.a2b.pts.ptainr!=''){
            docrolArray.push("A2B")
          }
          if(this.model.ledgrp.avb.pts.ptainr!=''){
            docrolArray.push("AVB")
          }
          if(this.model.ledgrp.drw.pts.ptainr!=''){
            docrolArray.push("DRW")
          }

          // 添加 Further party
          docrolArray.push("OTH")

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