<template>
  <div class="eibs-tab">
    <!-- 页面布局由上到下，不是直接分左右 -->
    <c-row>
      <!-- =============================顶部============================ -->
      <c-col :span="24">
        <c-col :span="11">
          <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="11" :offset="1">
          <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>
    </c-row>
    <!-- ====================第二行================= -->
    <c-row>
      <c-col :span="24">
        <c-col :span="11">
          <el-form-item label="修改日期" prop="trnmod.swiadd.amedat">
            <c-date-picker
              type="date"
              v-model="model.trnmod.swiadd.amedat"
              style="width: 100%"
              placeholder="请选择日期"
            ></c-date-picker>
          </el-form-item>
        </c-col>
        <c-col :span="11" :offset="1">
          <c-col :span="12">
            <el-form-item
              label="收到修改日期"
              prop="trnmod.swiadd.amenbr"
            >
              <c-input
                v-model.number="model.trnmod.swiadd.amenbr"
                style="width: 90%"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="11" :offset="1">
            <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>
    </c-row>

    <!-- ===========第三行开始第三模块---金额部分============= -->
    <c-row>
      <c-col :span="24">
      <c-col :span="11">
        <span class="letame_amep_amt"></span>
        <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"
                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 :span="13">
            <el-form-item label="名义金额（改）" prop="trnmod.swiadd.amecur">
              <c-select
                v-model="model.trnmod.swiadd.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()"
                @blur="ameamtOtherDefault"
                style="width: 100%"
                class="m-input-currency"
              ></c-input>
            <!-- 回车失去焦点，失去焦点会自动触发默认事件：@keyup.enter.native="$event.target.blur()" -->
            </el-form-item>
          </c-col>

          <c-col :span="13">
            <el-form-item label="名义金额（新）" prop="trnmod.swiadd.newcur">
              <c-select
                v-model="model.trnmod.swiadd.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="model.trnmod.swiadd.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>

                          <!-- Tolerance +/- % -->
      <c-col :span="4" :offset="1">
        <span class="letame_amed_nomtx">金额浮动</span>
        <c-col :span="24">
          <c-col :span="12">
            <el-form-item
              label=""
              label-width="5px"
              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="12">
            <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 :span="24">
            <span class="letame_amed_newnomtx">修改总金额</span>
          </c-col>
          <c-col :span="12">
            <el-form-item
              label=""
              label-width="5px"
              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="12">
            <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>
      <c-col :span="7">
        <span class="letame_amed_nomtx">最大金额</span>
        <c-col :span="24">
          <c-col :span="10">
            <el-form-item
              label=""
              label-width="20px"
              prop="oldledgrp.cbs.max.cur"
            >
              <c-select
                v-model="model.oldledgrp.cbs.max.cur"
                maxlength="3"
                placeholder="请选择币种"
                :code="codes.cur"
                disabled
              ></c-select>
            </el-form-item>
          </c-col>
          <c-col :span="14">
            <el-form-item
              label=""
              label-width="5px"
              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 :span="10">
            <el-form-item label="" label-width="20px" prop="letamep.engcur">
              <c-select
                v-model="model.letamep.engcur"
                style="width: 100%"
                placeholder="请选择币种"
                :code="codes.cur"
                disabled
              >
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="14">
            <el-form-item label="" label-width="5px" 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="10">
            <el-form-item label="" label-width="20px" prop="letamep.maxcur">
              <c-select
                v-model="model.letamep.maxcur"
                style="width: 100%"
                placeholder="请选择币种"
                :code="codes.cur"
                disabled
              >
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="14">
            <el-form-item label="" label-width="5px" 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>
    </c-col>
    </c-row>

    <!-- Amount Specification -->
    <c-row>
    <c-col :span="24">
      <c-col :span="11">
        <el-form-item label="金额限额表述" prop="trnmod.swiadd.nomspc">
          <c-select
            v-model="model.trnmod.swiadd.nomspc"
            style="width: 100%"
            placeholder="请选择金额限额表述"
            :code="codes.nomspc"
            disabled
          >
          </c-select>
        </el-form-item>
      </c-col>
    </c-col>
    </c-row>


    <!-- ===================日期部分的左边================= -->
    <c-row>
      <c-col :span="11">
        <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>
      <!-- ===================日期部分的右边================= -->
      <c-col :span="11" :offset="1">
        <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>
    </c-row>
    <!-- ========中部-------Shipment Period======== -->
    <c-row>
      <c-col :span="11">
        <el-form-item label="装运期限" prop="trnmod.swiadd.shpper">
          <c-input
            type="textarea"
            :rows="2"
            v-model="model.trnmod.swiadd.shpper"
            maxlength="390"
            show-word-limit
            placeholder="请输入内容"
          ></c-input>
        </el-form-item>
      </c-col>
    </c-row>

    <!--==========================中下部（只有左边）==================== -->
    <c-row>
      <c-col :span="11">
        <!-- Presentation period -->
        <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="请输入Presentation period text"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>

        <!-- Dispatch from -->
        <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>

        <!-- Air-/Port of Loading -->
        <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>

        <!-- Air-/Port of Discharge -->
        <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-row>

    <!-- ================================下部================================= -->
    <c-row>
      <c-col :span="11">
        <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="11" :offset="1">
        <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="8">
            <el-form-item
              label=""
              label-width="20px"
              prop="ledgrp.cbs.max2.cur"
            >
              <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="11">
            <el-form-item
              label=""
              label-width="5px"
              prop="trnmod.swiadd.addamt"
            >
              <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-checkbox v-model="model.letamep.benaccflg"
            >受益人接受修改</c-checkbox
          >
        </c-col>
        <c-col :span="24">
          <c-checkbox v-model="model.letamep.cre707flg"
            >创建修改报文707</c-checkbox
          >
        </c-col>
      </c-col>
    </c-row>

    
  </div>
</template>
<script>
import Api from '~/service/Api'
import commonProcess from '~/mixin/commonProcess'
import CodeTable from '~/config/CodeTable'
import Event from '~/model/Letame/Event'
import Utils from "~/utils"

export default {
  inject: ['root'],
  props: ['model', 'codes'],
  mixins: [commonProcess],
  data() {
    return {}
  },
  methods: { 
    ...Event,
    onSeainf(){},
    ameamtOtherDefault(){
      this.executeDefault('letamep.swiadd.newamt').then((res) => {
        if ((res.respCode == SUCCESS)) {
          Utils.copyValueFromVO(this.model, res.data)
        }
      })
    },
  },
  created: function () {},
}
</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>