<template>
  <div class="eibs">
    <c-col :span="12" style="padding-right: 20px;">
      <!-- ======================= 左边 ========================= -->
      <c-col :span="24">
        <el-form-item
          label="信用证编号"
          prop="ledgrp.rec.ownref"
          style="width: 100%"
        >
          <c-fullbox>
            <c-input
              v-model="model.ledgrp.rec.ownref"
              maxlength="16"
              placeholder="请输入编号"
              style="width: 95%"
              :disabled="true"
            >
            </c-input>
            <template slot="footer">
              <c-button
                style="margin: 0 0 0 0; padding: 0 10px"
                size="small"
                type="primary"
                @click="onSeainf"
                icon="el-icon-search"
              >
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="修改日期" prop="trnmod.swiadd.amedat">
            <c-date-picker
              v-model="model.trnmod.swiadd.amedat"
              style="width: 100%"
              placeholder="请选择日期"
            ></c-date-picker>
          </el-form-item>
      </c-col>
      <c-col :span="24">
        <c-col :span="13">
          <el-form-item label="名义金额（原）" prop="ledgrp.cbs.nom1.cur">
            <c-select
              v-model="model.ledgrp.cbs.nom1.cur"
              maxlength="3"
              style="width: 100%"
              placeholder="请选择币种"
              :code="codes.curtxt1"
              disabled
            ></c-select>
          </el-form-item>
        </c-col>
        <c-col :span="11">
          <el-form-item
            label=""
            label-width="5px"
            prop="oldledgrp.cbs.nom1.amt"
          >
            <c-input
              v-model="model.oldledgrp.cbs.nom1.amt"
              placeholder="请输入金额"
              style="width: 100%"
              @keyup.enter.native="$event.target.blur()"
              class="m-input-currency"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>
      <c-col :span="24">
        <c-col :span="13">
          <el-form-item label="名义金额（改）" prop="trnmod.swiadd.amecur">
            <c-select
              v-model="amecur"
              style="width: 100%"
              :code="codes.curtxt1"
              placeholder="请选择币种"
              disabled
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="11">
          <el-form-item
            label=""
            label-width="5px"
            prop="trnmod.swiadd.ameamt"
          >
            <c-input
              v-model="model.trnmod.swiadd.ameamt"
              placeholder="请输入金额"
              @keyup.enter.native="$event.target.blur()"
              style="width: 100%"
              class="m-input-currency"
            ></c-input>
          <!-- 回车失去焦点，失去焦点会自动触发默认事件：@keyup.enter.native="$event.target.blur()" -->
          </el-form-item>
        </c-col>
      </c-col>
      <c-col :span="24">
        <c-col :span="13">
          <el-form-item label="名义金额（新）" prop="trnmod.swiadd.newcur">
            <c-select
              v-model="newcur"
              style="width: 100%"
              :code="codes.curtxt1"
              disabled
              placeholder="请选择币种"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="11">
          <el-form-item
            label=""
            label-width="5px"
            prop="trnmod.swiadd.newamt"
          >
            <c-input
              v-model="newamt"
              placeholder="请输入金额"
              @keyup.enter.native="
                eventFunction(
                  'trnmod.swiadd.newamt'
                )
              "
              style="width: 100%"
              class="m-input-currency"
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>
      <c-col :span="24">
        <el-form-item label="金额限额表述" prop="ledgrp.rec.nomspc">
          <c-select
            v-model="model.ledgrp.rec.nomspc"
            style="width: 100%"
            placeholder="请选择金额限额表述"
            :code="codes.nomspc"
            disabled
          >
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="生效日期（原）" prop="oldledgrp.rec.expdat">
          <c-date-picker
            type="date"
            v-model="model.oldledgrp.rec.expdat"
            style="width: 100%"
            placeholder="请选择生效日期"
            disabled
          ></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="生效日期（新）" prop="trnmod.swiadd.newexpdat">
          <c-date-picker
            type="date"
            v-model="model.trnmod.swiadd.newexpdat"
            style="width: 100%"
            placeholder="请选择生效日期"
          ></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <c-col :span="13">
          <el-form-item
            label="交单期限"
            prop="oldledgrp.rec.prepers18"
          >
            <c-input
              v-model.number="model.oldledgrp.rec.prepers18"
              placeholder="请输入交单期限（天）"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="11">
          <el-form-item
            label=""
            label-width="5px"
            prop="oldledgrp.rec.prepertxts18"
          >
            <c-input
              v-model="model.oldledgrp.rec.prepertxts18"
              maxlength="35"
              placeholder="请输入"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>
      <c-col :span="24">
        <el-form-item label="装船/发运地" prop="trnmod.swiadd.shpfro">
          <c-input
            v-model="model.trnmod.swiadd.shpfro"
            maxlength="65"
            placeholder="请输入装船/发运地"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item
          label="空运/装货港"
          prop="trnmod.swiadd.porloa"
        >
          <c-input
            v-model="model.trnmod.swiadd.porloa"
            maxlength="65"
            placeholder="请输入空运/装货港"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item
          label="空运/卸货港"
          prop="trnmod.swiadd.pordis"
        >
          <c-input
            v-model="model.trnmod.swiadd.pordis"
            maxlength="65"
            placeholder="请输入空运/卸货港"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="最终目的地" prop="trnmod.swiadd.shpto">
          <c-input
            v-model="model.trnmod.swiadd.shpto"
            maxlength="65"
            placeholder="请输入地址"
          ></c-input>
        </el-form-item>
      </c-col>
    </c-col>

    <!-- ======================= 右边 ========================= -->
    <c-col :span="12" style="padding-left: 20px;">
      <c-col :span="24">
        <el-form-item label="简略信息" prop="ledgrp.rec.nam">
            <c-input
              text-align="middle"
              v-model="model.ledgrp.rec.nam"
              maxlength="40"
              placeholder="请输入"
              disabled
            >
            </c-input>
          </el-form-item>
      </c-col>
      <c-col :span="24">
        <c-col :span="12">
          <el-form-item
              label="收到修改日期"
              prop="trnmod.swiadd.amenbr"
            >
              <c-input
                v-model.number="model.trnmod.swiadd.amenbr"
                style="width: 100%"
              ></c-input>
            </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="实际修改次数" prop="letamep.amenbr">
              <c-input
                v-model.number="model.letamep.amenbr"
                placeholder="请输入实际修改次数"
                style="width: 100%"
                disabled
              ></c-input>
            </el-form-item>
        </c-col>
      </c-col>
      <c-col :span="24">
        <c-col :span="12">
          <c-col :span="17">
            <el-form-item
              label="浮动（+/-）"
              prop="oldledgrp.rec.nomtop"
            >
              <c-input
                v-model.number="model.oldledgrp.rec.nomtop"
                placeholder="请输入上浮比例"
                style="width: 100%"
                disabled
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="7">
            <el-form-item
              label=""
              label-width="5px"
              prop="oldledgrp.rec.nomton"
            >
              <c-input
                v-model.number="model.oldledgrp.rec.nomton"
                placeholder="请输入下浮比例"
                style="width: 100%"
                disabled
              ></c-input>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="12">
          <el-form-item
            label="最大金额"
            prop="oldledgrp.cbs.max.amt"
          >
            <c-input
              v-model="model.oldledgrp.cbs.max.amt"
              placeholder="请输入金额"
              style="width: 100%"
              disabled
              class="m-input-currency"
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>
      <c-col :span="24">
        <el-form-item label="最大金额" prop="letamep.engamt">
          <c-input
            v-model="model.letamep.engamt"
            placeholder="请输入金额"
            disabled
            class="m-input-currency"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <c-col :span="12">
          <c-col :span="17">
            <el-form-item
              label="浮动（+/-）"
              prop="trnmod.swiadd.newnomtop"
            >
              <c-input
                v-model.number="model.trnmod.swiadd.newnomtop"
                placeholder="请输入内容"
                style="width: 100%"
                @keyup.enter.native="$event.target.blur()"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="7">
            <el-form-item
              label=""
              label-width="5px"
              prop="trnmod.swiadd.newnomton"
            >
              <c-input
                v-model.number="model.trnmod.swiadd.newnomton"
                placeholder="请输入内容"
                style="width: 100%"
                @keyup.enter.native="$event.target.blur()"
              ></c-input>
            </el-form-item>
          </c-col>
        </c-col>
        <c-col :span="12">
          <el-form-item label="最大金额" prop="letamep.maxamt">
              <c-input
                v-model="model.letamep.maxamt"
                placeholder="请输入金额"
                disabled
                class="m-input-currency"
              ></c-input>
            </el-form-item>
        </c-col>
      </c-col>
      <c-col :span="24">
        <el-form-item label="装运日期（原）" prop="oldledgrp.rec.shpdat">
          <c-date-picker
            type="date"
            v-model="model.oldledgrp.rec.shpdat"
            style="width: 100%"
            placeholder="请选择日期"
            disabled
          ></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item
          label="装运日期（新）"
          prop="trnmod.swiadd.newshpdat"
        >
          <c-date-picker
            type="date"
            v-model="model.trnmod.swiadd.newshpdat"
            style="width: 100%"
            placeholder="请选择日期"
          ></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="装运期限" prop="trnmod.swiadd.shpper">
          <c-input
            type="textarea"
            :rows="3"
            v-model="model.trnmod.swiadd.shpper"
            maxlength="390"
            show-word-limit
            placeholder="请输入内容"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="金额覆盖" prop="trnmod.swiadd.addamtcov">
          <c-input
            type="textarea"
            :rows="4"
            v-model="model.trnmod.swiadd.addamtcov"
            maxlength="140"
            show-word-limit
            placeholder="请输入内容"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <c-col :span="5">
          <c-checkbox v-model="model.letp.aamp.aammod.addamtflg"
          disabled
            >附加金额</c-checkbox
          >
        </c-col>
        <c-col :span="7">
          <el-form-item
            label=""
            label-width="7px"
            prop="ledgrp.cbs.max2.cur"
            width="100%"
          >
            <c-select
              v-model="model.ledgrp.cbs.max2.cur"
              maxlength="3"
              placeholder="请输入附加金额"
             
              :code="codes.cur"
              disabled
            ></c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item
            label=""
            label-width="5px"
            prop="trnmod.swiadd.addamt"
            width="100%"
          >
            <c-input-currency
              v-model="model.trnmod.swiadd.addamt"
              placeholder="请输入金额" 
            ></c-input-currency>
          </el-form-item>
        </c-col>
      </c-col>
      <c-col :span="24">
        <c-col :span="12">
          <c-checkbox v-model="model.letamep.benaccflg" class="checkbox-left" style="margin-left:120px"
            >受益人接受修改</c-checkbox
          >
        </c-col>
        <c-col :span="12">
          <c-checkbox v-model="model.letamep.cre707flg" class="checkbox-left" style="margin-left:120px"
            >创建修改报文707</c-checkbox
          >
        </c-col>
      </c-col>
    </c-col>
  </div>
</template>
<script>
import Api from '~/service/Api'
import event from "../event"
import CodeTable from '~/config/CodeTable'
import Utils from "~/utils"

export default {
  inject: ['root'],
  props: ['model', 'codes'],
  mixins: [event],
  data() {
    return {}
  },
  methods: { 
  },
  computed: {
    amecur() {
      this.model.trnmod.swiadd.amecur = this.model.ledgrp.cbs.nom1.cur
      return this.model.trnmod.swiadd.amecur
    },
    newcur() {
      this.model.trnmod.swiadd.newcur = this.model.ledgrp.cbs.nom1.cur
      return this.model.trnmod.swiadd.newcur
    },
   nomspc() {
      this.model.trnmod.swiadd.nomspc = this.model.ledgrp.rec.nomspc
      return this.model.trnmod.swiadd.nomspc
    },
    newamt() {
      const ameamt = this.model.trnmod.swiadd.ameamt
      const amt = this.model.oldledgrp.cbs.nom1.amt
      this.model.trnmod.swiadd.newamt =  parseFloat(isNaN(ameamt) || !ameamt ? 0 : ameamt) +
          parseFloat(isNaN(amt) || !amt ? 0 : amt)
      return this.model.trnmod.swiadd.newamt
    },
    engamt(){
            this.model.letamep.engamt = this.model.letamep.maxamt -this.model.oldledgrp.cbs.max.amt
            return this.model.letamep.engamt

    }
},
}
</script>
<style>
.letame_amep_amt {
  margin-left: 150px;
  height: 16px;
  color: #606266;
  line-height: 16px;
  font-size: 12px;
}
.letame_amed_nomtx {
  margin-left: 20px;
  height: 16px;
  color: #606266;
  line-height: 16px;
  font-size: 12px;
}
.letame_amed_newnomtx {
  margin-left: 20px;
  height: 34px;
  line-height: 34px;
  color: #606266;
  font-size: 12px;
}
</style>