<template>
  <div class="eibs-tab">
    <c-col :span="12" style="padding-right: 20px">
      <c-col :span="24">
        <c-form-item label="Reference of L/C" prop="ledgrp.rec.ownref">
          <c-input v-model="model.ledgrp.rec.ownref" maxlength="16" placeholder="请输入信用证编号" disabled></c-input>
        </c-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Reference" prop="ltdgrp.rec.ownref" style="width: 100%">
          <c-fullbox>
            <c-input v-model="model.ltdgrp.rec.ownref" maxlength="16" disabled placeholder="请输入编号"></c-input>
            <template slot="footer">
              <c-button
                style="margin: 0 10px 0 10px; padding: 0 12px; height: 32px"
                size="small"
                type="primary"
                icon="el-icon-search">
              </c-button>
              <c-button
                style="margin: 0 0"
                size="small"
                type="primary"
                :disabled="this.model.ltdgrp.be1.pts.ptainr == null || this.model.ltdgrp.be1.pts.ptainr == ''"
                 @click="onLttpButgetref">
                获取
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Form of Transfer" prop="ltdgrp.rec.lcrtyp">
          <c-select
            v-model="model.ltdgrp.rec.lcrtyp"
            placeholder="请选择信用证类型"
            style="width: 100%"
            disabled
            dbCode="lcrtyp">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Responsible User" prop="lttp.usr.extkey" style="width: 100%">
          <c-fullbox>
            <c-input v-model="model.lttp.usr.extkey" maxlength="8" disabled placeholder="请输入客户经理"></c-input>
            <template slot="footer">
              <c-button size="small" style="margin-left: 10px; padding: 0 12px" type="primary" icon="el-icon-search">
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <c-col :span="24" class="custom-box-wrap">
            <el-form-item label="Nominal Amount" prop="ltdgrp.cbs.nom1.cur">
              <c-select-cur
                v-model="model.ltdgrp.cbs.nom1.cur"
                style="width: 115px"
                placeholder="请选择币种"
                dbCode="curtxt"
                sort="SRT"
                disabled>
              </c-select-cur>
            </el-form-item>
          <div class="box-3">
            <el-form-item label-width="5px" prop="ltdgrp.cbs.nom1.amt">
              <c-input-currency
                v-model="model.ltdgrp.cbs.nom1.amt"
                :currency="model.ltdgrp.cbs.nom1.cur"
                style="width: 100%"
                placeholder="请输入金额"
                @change="onNom1amtChange">
              </c-input-currency>
            </el-form-item>
          </div>
        <div class="box-2">
          <c-checkbox
            v-model="model.swiadd.addamtflg"
            true-label="X"
            false-label=""
            class="checkbox-left"
            :disabled="this.model.ledgrp.cbs.max2.amt === null || this.model.ledgrp.cbs.max2.amt === '0.00'"
            @change="onAddamtflgChange">
            Add.Amount
          </c-checkbox>
          <!-- :disabled="disabledaddamtflg" -->
        </div>
      </c-col>
      <c-col :span="24" class="custom-box-wrap" v-if="model.swiadd.addamtflg == 'X'">
            <el-form-item label="Additional Amount" prop="ltdgrp.cbs.max2.cur">
              <c-select-cur
                v-model="model.ltdgrp.cbs.max2.cur"
                style="width: 115px"
                placeholder="请选择币种"
                dbCode="curtxt"
                sort="SRT"
                disabled>
              </c-select-cur>
            </el-form-item>
          <div class="box-3">
            <el-form-item label-width="5px" prop="ltdgrp.cbs.max2.amt">
              <c-input-currency
                v-model="model.ltdgrp.cbs.max2.amt"
                :currency="model.ltdgrp.cbs.max2.cur"
                style="width: 100%"
                placeholder="请输入金额"
                @change="onMax2amtChange">
              </c-input-currency>
            </el-form-item>
          </div>
      </c-col>
      <c-col :span="24" class="custom-box-wrap" v-if="model.swiadd.addamtflg == 'X'">
            <el-form-item label="Open Add.Amount" prop="ltdgrp.cbs.opn2.cur">
              <c-select-cur
                v-model="model.ltdgrp.cbs.opn2.cur"
                style="width: 115px"
                placeholder="请选择币种"
                dbCode="curtxt"
                sort="SRT"
                disabled>
              </c-select-cur>
            </el-form-item>
          <div class="box-3">
            <el-form-item label-width="5px" prop="ltdgrp.cbs.opn2.amt">
              <c-input-currency
                v-model="model.ltdgrp.cbs.opn2.amt"
                :currency="model.ltdgrp.cbs.opn2.cur"
                style="width: 100%"
                placeholder="请输入金额"
                disabled>
              </c-input-currency>
            </el-form-item>
          </div>
      </c-col>
      <c-col :span="24" v-if="model.swiadd.addamtflg == 'X'">
        <el-form-item label="Covered" prop="ltdgrp.blk.addamtcov">
          <c-input
            type="textarea"
            v-model="model.ltdgrp.blk.addamtcov"
            maxlength="140"
            :rows="4"
            show-word-limit
            placeholder="请输入"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24" class="custom-box-wrap">
        <c-col :span="12">
          <el-form-item label="Amount Tolerance(39A) +/- %" prop="ltdgrp.rec.nomtop">
            <c-input v-model.number="model.ltdgrp.rec.nomtop" maxlength="2" style="width: 100%" placeholder="请输入溢出金额" @change="onNomtopChange"> </c-input>
          </el-form-item>
        </c-col>

        <c-col :span="12">
          <el-form-item label-width="5px" prop="ltdgrp.rec.nomton">
            <c-input v-model.number="model.ltdgrp.rec.nomton" maxlength="2" style="width: 100%" placeholder="请输入下调金额"> </c-input>
          </el-form-item>
        </c-col>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Amount Specification" prop="ltdgrp.rec.nomspc">
          <c-select v-model="model.ltdgrp.rec.nomspc" style="width: 100%" dbCode="nomspc" disabled placeholder="请选择">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24" class="custom-box-wrap">
            <el-form-item label="Maximum Amount" prop="ltdgrp.cbs.max.cur">
              <c-select-cur
                v-model="model.ltdgrp.cbs.max.cur"
                style="width: 115px"
                placeholder="请选择币种"
                dbCode="curtxt"
                sort="SRT"
                disabled>
              </c-select-cur>
            </el-form-item>
      <div class="box-3">
          <el-form-item label-width="5px" prop="ltdgrp.cbs.max.amt">
            <c-input-currency
                    v-model="model.ltdgrp.cbs.max.amt"
                    :currency="model.ltdgrp.cbs.nom1.cur"
                    style="width: 100%"
                    placeholder="请输入金额"
                    disabled>
            </c-input-currency>
          </el-form-item>
      </div>

      </c-col>
      <c-col :span="24">
        <el-form-item label="Partial Shipment" prop="ltdgrp.rec.shppars18">
          <c-select
            v-model="model.ltdgrp.rec.shppars18"
            placeholder="是否允许分批装运"
            style="width: 100%"
            disabled
            dbCode="shppal">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Transhipment" prop="ltdgrp.rec.shptrss18">
          <c-select v-model="model.ltdgrp.rec.shptrss18" placeholder="是否允许转运" disabled style="width: 100%" dbCode="shppal">
          </c-select>
        </el-form-item>
      </c-col>
    </c-col>
    <c-col :span="12" style="padding-left: 20px">
      <c-col :span="24">
        <el-form-item label="Issued on" prop="ltdgrp.rec.opndat">
          <c-date-picker
            type="date"
            v-model="model.ltdgrp.rec.opndat"
            style="width: 100%"
            placeholder="请选择日期"
            value-format="yyyy-MM-dd"></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Shipment Date" prop="ltdgrp.rec.shpdat">
          <c-date-picker
            type="date"
            v-model="model.ltdgrp.rec.shpdat"
            style="width: 100%"
            placeholder="请选择日期"
            :disabled="this.model.ltdgrp.blk.shpper != null && this.model.ltdgrp.blk.shpper.trim() !=''"
            @change="preperDefault"
            value-format="yyyy-MM-dd"></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Presentation Period" prop="ltdgrp.rec.prepers18">
          <c-input v-model.number="model.ltdgrp.rec.prepers18" maxlength="3" placeholder="请输入"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Presentation period text" prop="ltdgrp.rec.prepertxts18">
          <c-input
            :rows="1"
            type="textarea"
            v-model="model.ltdgrp.rec.prepertxts18"
            maxlength="35"
            show-word-limit
            placeholder="请输入交单期限"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Expiring on" prop="ltdgrp.rec.expdat">
          <c-date-picker
            type="date"
            v-model="model.ltdgrp.rec.expdat"
            style="width: 100%"
            @change="preperDefault"
            placeholder="请选择日期"></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="in" prop="ltdgrp.rec.expplc">
          <c-select v-model="model.ltdgrp.rec.expplc" disabled allow-create @blur="((e)=>{blurDocNam(e,scope)})" placeholder="请选择交单地点" style="width: 100%" dbCode="expplc">
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Applicable Rules" prop="ltdgrp.rec.apprul">
          <c-select v-model="model.ltdgrp.rec.apprul"
           dbCode="apprus" 
           style="width: 100%"
           placeholder="请选择适用规则"
           disabled
           @change="onApprulChange">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Other Applicable Rules" prop="ltdgrp.rec.apprultxt">
          <c-input
            v-model="model.ltdgrp.rec.apprultxt"
            maxlength="35"
            placeholder="请输入其他适用规则"
            :disabled="model.ltdgrp.rec.apprul != 'OTHR'"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Confirm. Instructions" prop="ltdgrp.rec.cnfins">
          <c-select v-model="model.ltdgrp.rec.cnfins" dbCode="cnfflg" @change="cnfinsDefault" style="width: 100%" placeholder="请选择保兑指示">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Country Code " prop="ltdgrp.rec.stacty">
          <c-select v-model="model.ltdgrp.rec.stacty" dbCode="ctytxt" style="width: 100%" placeholder="请选择地区代码">
          </c-select>
        </el-form-item>
      </c-col>
    </c-col>
  </div>
</template>
<script>
import event from "../event";
import Default from "../model/default";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event,Default],
  data() {
    return {
      disabledaddamtflg : false,
    };
  },
  methods: {

    onNom1amtChange() {
      this.model.ltdgrp.cbs.max.amt = this.model.ltdgrp.cbs.nom1.amt * (1 + this.model.ltdgrp.rec.nomtop / 100);
      this.model.ltdgrp.rec.nam = `${res.cbs.nom1.cur} ${res.cbs.nom1.amt} ${res.be1.pts.adrblk.substring(0, 16)}`;
    },
    onNomtopChange() {
      this.model.ltdgrp.cbs.max.amt = this.model.ltdgrp.cbs.nom1.amt * (1 + this.model.ltdgrp.rec.nomtop / 100);
    },

    onApprulChange() {
      if (this.model.ltdgrp.rec.apprul != "OTHR") {
        this.model.ltdgrp.rec.apprultxt = "";
      }
    },

    //让下拉框也能手写输入内容
    blurDocNam(e,scop){
			let value = e.target.value
			if(value){
				this.model.ltdgrp.rec.expplc = value
			}
		},

    onAddamtflgChange(val) {
      if (val === "" && !(this.model.ltdgrp.cbs.max2.amt == "0.000" &&
          this.model.ltdgrp.cbs.opn2.amt == "0.000" &&
          this.model.ltdgrp.blk.addamtcov === "")) 
          {
            this.$confirm("是否确定要删除此合同的附加金额？", "提示", {
            confirmButtonText: "是",
            cancelButtonText: "否",
            type: "warning",
            showClose: false,
          })
          .then(() => {
            //yes的执行在这里写
            this.model.ltdgrp.cbs.max2.cur = "";
            this.model.ltdgrp.cbs.max2.amt = "0.00";
            this.model.ltdgrp.cbs.opn2.cur = "";
            this.model.ltdgrp.cbs.opn2.amt = "0.00";
            this.model.ltdgrp.blk.addamtcov = "";
            this.$message({
              type: "success",
              message: "删除成功!",
            });
          })
          .catch(() => {
            //No的功能在这里写
            this.model.swiadd.addamtflg = "X";
            this.$message({
              type: "info",
              message: "已取消删除",
            });
          });
      }

      if (this.model.swiadd.addamtflg == "X") {
        this.model.ltdgrp.cbs.max2.cur = this.model.ltdgrp.cbs.nom1.cur;
        this.model.ltdgrp.cbs.opn2.cur = this.model.ltdgrp.cbs.nom1.cur;
      } 
      // let modifyList = this.model.swiadd.modifySet;
      // if (!(modifyList && modifyList.includes("addamtflg")) )
      // {
      //   if (this.model.swiadd.addamtflg != "")
      //   {
      //     this.disabledaddamtflg = false;
      //   }
      // }
    },
    onMax2amtChange() {
      this.model.ltdgrp.cbs.opn2.amt = this.model.ltdgrp.cbs.max2.amt;
      this.model.ltdgrp.blk.addamtcov = `${this.model.ltdgrp.cbs.opn2.cur} ${this.model.ltdgrp.cbs.max2.amt} `;
    },

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