<template>
  <div class="eibs-tab">
    <c-col :span="12" style="padding-right: 20px">
      <c-col :span="24">
        <el-form-item label="Available with" prop="ltdgrp.rec.avbwth">
          <c-select v-model="model.ltdgrp.rec.avbwth" dbCode="avbwth" @change="onAvbwthChange" style="width: 100%" placeholder="请选择">
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24" class="fieldName" v-if="model.ltdgrp.rec.avbwth!='O'">
          <el-form-item label="" style="margin-bottom: 0">
            <el-form-item label-width="0" style="margin-bottom: 10px">
              <c-ptap
                :argadr="{ title: '', grp: 'ltdgrp', rol: 'avt' }"
                :haveAdrLabel="true"
                :isAdrblk="true"
                :isFieldLabelVisible="false"
                :model="model"
                @handleChange='cnfinsDefault'
                ptytyp="B"
                :disabled="avbDisabled" :isLabel120="false"></c-ptap>
            </el-form-item>
          </el-form-item>
        </c-col>

        <c-col :span="24" v-if="model.ltdgrp.rec.avbwth == 'O'">
          <el-form-item label="" prop="ltdgrp.blk.avbwthtxt">
            <c-mul-row-input
              type="textarea"
              v-model="model.ltdgrp.blk.avbwthtxt"
              @blur="onBlur"
              :rows="4" :cols="35"
              :autosize="{minRows: 4,	maxRows: 4}"
              :charmod="2"
              show-word-limit
              placeholder="请输入Available in"></c-mul-row-input>
          </el-form-item>
        </c-col>

      <c-col :span="12">
        <el-form-item label="Available by" prop="ltdgrp.rec.avbby">
          <c-select v-model="model.ltdgrp.rec.avbby" dbCode="avbby0" @change="avbbyDefault" style="width: 100%" placeholder="请选择兑付方式">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="Tenor days" prop="ltdgrp.rec.tenmaxday">
          <c-input v-model.number="model.ltdgrp.rec.tenmaxday" 
           :disabled="model.ltdgrp.rec.avbby =='P'"
           placeholder="请输入天数" maxlength="3"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Negotiation/Deferred Payment Details" prop="ltdgrp.blk.defdet">
          <c-mul-row-input
            type="textarea"
            v-model="model.ltdgrp.blk.defdet"
            :rows="4" :cols="35"
            :autosize="{minRows: 3,	maxRows: 3}"
            :charmod="2"
            :disabled="model.ltdgrp.rec.avbby != 'D' && model.ltdgrp.rec.avbby != 'N'"
            show-word-limit
            placeholder="请输入指示内容"></c-mul-row-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <!-- <c-ptap-commons  :cols="35" :rows="3" :minRows="3" :maxRows="3" :model="model"
                          :disabledButton="model.ltdgrp.rec.avbby != 'A' && model.ltdgrp.rec.avbby != 'N' && model.ltdgrp.rec.avbby != 'P'"
                          :extCodes="['ltdgrp','blk']"  lastModel="dftat" title="Drafts at">
        </c-ptap-commons> -->
        <el-form-item label="Drafts at" prop="ltdgrp.blk.dftat">
          <c-mul-row-input
              type="textarea"
              v-model="model.ltdgrp.blk.dftat"
              :rows="3" :cols="35"
              :autosize="{minRows: 3,	maxRows: 3}"
              :charmod="2"
              :disabled="model.ltdgrp.rec.avbby != 'A' && model.ltdgrp.rec.avbby != 'N' && model.ltdgrp.rec.avbby != 'P'"
              show-word-limit
              placeholder="">
            </c-mul-row-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <c-ptap
          :model="model"
          :disabled="drwdisabled"
          :disabledExtkey="model.ltdgrp.rec.avbby != 'A' && model.ltdgrp.rec.avbby != 'N' && model.ltdgrp.rec.avbby != 'P'"
          :disabledDetailTrn="model.ltdgrp.rec.avbby != 'A' && model.ltdgrp.rec.avbby != 'N' && model.ltdgrp.rec.avbby != 'P'"
          :argadr="{
            title: 'Drawee',
            grp: 'ltdgrp',
            rol: 'drw',
          }"
          :haveAdrLabel="true"
          :isAdrblk="true"
					:isLabel120="false"
          ptytyp="B,C">
        </c-ptap>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Shipment Period" prop="ltdgrp.blk.shpper">
          <c-mul-row-input
            type="textarea"
            v-model="model.ltdgrp.blk.shpper"
            :rows="6" :cols="65"
            :autosize="{minRows: 4,	maxRows: 4}"
            :charmod="2"
            :disabled="model.ltdgrp.rec.shpdat != null && model.ltdgrp.rec.shpdat !=''"
            show-word-limit
            placeholder=""></c-mul-row-input>
        </el-form-item>
      </c-col>

    </c-col>


    <c-col :span="12" style="padding-left: 20px">
      <c-col :span="24">
        <el-form-item label="Mixed Payment Details" prop="ltdgrp.blk.mixdet">
          <c-mul-row-input
            type="textarea"
            v-model="model.ltdgrp.blk.mixdet"
            :rows="4" :cols="35"
            :autosize="{minRows: 4,	maxRows: 4}"
            :charmod="2"
            :disabled="model.ltdgrp.rec.avbby != 'M'"
            show-word-limit
            placeholder=""></c-mul-row-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Place of taking in Charge/Dispatch from .../Place of Receipt" prop="ltdgrp.rec.shpfro">
          <c-mul-row-input
            type="textarea"
            show-word-limit
            v-model="model.ltdgrp.rec.shpfro"
            :rows="30" :cols="65"
            :autosize="{minRows: 5,	maxRows: 5}"
            :charmod="3"
            placeholder=""></c-mul-row-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Port of Loading/Airport of Departure" prop="ltdgrp.rec.porloa">
          <c-mul-row-input
            type="textarea"
            show-word-limit
            v-model="model.ltdgrp.rec.porloa"
            :rows="30" :cols="65"
            :autosize="{minRows: 5,	maxRows: 5}"
            :charmod="3"
            placeholder=""></c-mul-row-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Port of Discharge/Airport of Destination" prop="ltdgrp.rec.pordis">
          <c-mul-row-input
            type="textarea"
            show-word-limit
            v-model="model.ltdgrp.rec.pordis"
            :rows="30" :cols="65"
            :autosize="{minRows: 5,	maxRows: 5}"
            :charmod="3"
            placeholder=""></c-mul-row-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item
          label="Place of Final Destination/For Transportation to .../Place of Delivery"
          prop="ltdgrp.rec.shpto">
          <c-mul-row-input
            type="textarea"
            show-word-limit
            v-model="model.ltdgrp.rec.shpto"
            :rows="30" :cols="65"
            :autosize="{minRows: 5,	maxRows: 5}"
            :charmod="3"
            placeholder=""></c-mul-row-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item
          label="Instructions from Transferring Bank"
          prop="ltdgrp.blk.insintbnk">
          <c-mul-row-input
            type="textarea"
            show-word-limit
            v-model="model.ltdgrp.blk.insintbnk"
            :rows="12" :cols="65"
            :autosize="{minRows: 5,	maxRows: 5}"
            :charmod="2"
            placeholder=""></c-mul-row-input>
        </el-form-item>
      </c-col>
    </c-col>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import event from "../event";
import Default from "../model/default";
import { getCodetable } from "~/service/business/codeTable";
import Pts from "~/components/business/commonModel/Pts.js";
import { cloneDeep } from "lodash";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event,Default],
  data() {
    return {
      disabledExtkey: false,
      avbDisabled: false,
      drwdisabled: false,
      dbCodes: {
        avbwth: []
      }
    };
  },
  mounted() {
    this.getdbCode("avbwth", "EN", "avbwth");
  },
  methods: {
    onBlur() {
      if(this.model.ltdgrp.rec.avbwth == 'O' && !this.model.ltdgrp.blk.avbwthtxt){
          let value = this.getCodeTableValue("O", "avbwth");
          this.model.ltdgrp.blk.avbwthtxt = value;
        }
    }
  },
  created: function () {},
  watch:{

  },
};
</script>
<style></style>