<template>
  <c-row>
    <c-col :span="11">
      <el-form-item label="Reference" prop="ledgrp.rec.ownref">
        <c-input
          v-model="model.ledgrp.rec.ownref"
          maxlength="16"
          placeholder="请输入Reference"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="11" :offset="1">
      <el-form-item label="Name" prop="ledgrp.rec.nam">
        <c-input
          v-model="model.ledgrp.rec.nam"
          maxlength="40"
          placeholder="请输入Name"
          disabled
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="11">
      <el-form-item label="Amendment Date" prop="trnmod.swiadd.amedat">
        <c-date-picker
          type="date"
          v-model="model.trnmod.swiadd.amedat"
          style="width: 50%"
          placeholder="请选择Amendment Date"
        ></c-date-picker>
      </el-form-item>
    </c-col>

    <c-col :span="11" :offset="1">
      <c-col :span="12">
        <el-form-item label="Amend. No Received" prop="trnmod.swiadd.amenbr">
          <c-input
            v-model="model.trnmod.swiadd.amenbr"
            style="width: 50%"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="Actual Amendment No" prop="letamep.amenbr">
          <c-input
            v-model="model.letamep.amenbr"
            placeholder="请输入Actual Amendment No"
            style="width: 50%"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>
    </c-col>

    <!-- 金额 -->
    <c-col :span="24">
      <c-col :span="11">
        <span class="letame_amed_amt">Nominal Amount</span>
        <c-col :span="24">
          <c-col :span="13">
            <el-form-item label="Original Data" prop="ledgrp.cbs.nom1.cur">
              <c-select
                v-model="model.ledgrp.cbs.nom1.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="20px"
              prop="oldledgrp.cbs.nom1.amt"
            >
              <c-input-currency
                v-model="model.oldledgrp.cbs.nom1.amt"
                placeholder="请输入Original Data"
                style="width: 90%"
                disabled
              ></c-input-currency>
            </el-form-item>
          </c-col>

          <c-col :span="13">
            <el-form-item label="Amended" prop="trnmod.swiadd.amecur">
              <c-select
                v-model="model.trnmod.swiadd.amecur"
                style="width: 100%"
                :code="codes.cur"
                placeholder="请选择Amended"
                disabled
              >
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="11">
            <el-form-item
              label=""
              label-width="20px"
              prop="trnmod.swiadd.ameamt"
            >
              <c-input-currency
                v-model="model.trnmod.swiadd.ameamt"
                placeholder="请输入Amended"
                style="width: 90%"
              ></c-input-currency>
            </el-form-item>
          </c-col>

          <c-col :span="13">
            <el-form-item label="New Data" prop="trnmod.swiadd.newcur">
              <c-select
                v-model="model.trnmod.swiadd.newcur"
                style="width: 100%"
                :code="codes.cur"
                disabled
                placeholder="请选择币种"
              >
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="11">
            <el-form-item
              label=""
              label-width="20px"
              prop="trnmod.swiadd.newamt"
            >
              <c-input-currency
                v-model="model.trnmod.swiadd.newamt"
                placeholder="请输入New Data"
                style="width: 90%"
              ></c-input-currency>
            </el-form-item>
          </c-col>
        </c-col>
      </c-col>

      <c-col :span="4" :offset="1">
        <span class="letame_amed_nomtx">Tolerance +/- %</span>
        <c-col :span="24">
          <c-col :span="12">
            <el-form-item
              label=""
              label-width="20px"
              prop="oldledgrp.rec.nomtop"
            >
              <c-input
                v-model="model.oldledgrp.rec.nomtop"
                placeholder="请输入Tolerance +"
                style="width: 90%"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="12">
            <el-form-item
              label=""
              label-width="20px"
              prop="oldledgrp.rec.nomton"
            >
              <c-input
                v-model="model.oldledgrp.rec.nomton"
                placeholder="请输入Tolerance -"
                style="width: 90%"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <span class="letame_amed_newnomtx">Total Amendment</span>
          </c-col>
          <c-col :span="12">
            <el-form-item
              label=""
              label-width="20px"
              prop="trnmod.swiadd.newnomtop"
            >
              <c-input
                v-model="model.trnmod.swiadd.newnomtop"
                placeholder="请输入New positive tolerance"
                style="width: 90%"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="12">
            <el-form-item
              label=""
              label-width="20px"
              prop="trnmod.swiadd.newnomton"
            >
              <c-input
                v-model="model.trnmod.swiadd.newnomton"
                placeholder="请输入New negative tolerance"
                style="width: 90%"
              ></c-input>
            </el-form-item>
          </c-col>
        </c-col>
      </c-col>
      <c-col :span="7">
        <span class="letame_amed_nomtx">Maximum Amount</span>
        <c-col :span="24">
          <c-col :span="9">
            <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="15">
            <el-form-item
              label=""
              label-width="20px"
              prop="oldledgrp.cbs.max.amt"
            >
              <c-input-currency
                v-model="model.oldledgrp.cbs.max.amt"
                placeholder="请输入Original Data"
                style="width: 100%"
                disabled
              ></c-input-currency>
            </el-form-item>
          </c-col>

          <c-col :span="9">
            <el-form-item label="" label-width="20px" prop="letamep.engcur">
              <c-select
                v-model="model.letamep.engcur"
                style="width: 100%"
                placeholder="请选择Total Amendment"
                :code="codes.cur"
                disabled
              >
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="15">
            <el-form-item label="" label-width="20px" prop="letamep.engamt">
              <c-input-currency
                v-model="model.letamep.engamt"
                placeholder="请输入Total Amendment"
                disabled
              ></c-input-currency>
            </el-form-item>
          </c-col>

          <c-col :span="9">
            <el-form-item label="" label-width="20px" prop="letamep.maxcur">
              <c-select
                v-model="model.letamep.maxcur"
                style="width: 100%"
                placeholder="请选择Total Amendment"
                :code="codes.cur"
                disabled
              >
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="15">
            <el-form-item label="" label-width="20px" prop="letamep.maxamt">
              <c-input-currency
                v-model="model.letamep.maxamt"
                placeholder="请输入New Maximum Amount"
                disabled
              ></c-input-currency>
            </el-form-item>
          </c-col>
        </c-col>
      </c-col>
    </c-col>
    <c-col :span="24">
      <c-col :span="11">
        <el-form-item label="Amount Specification" prop="trnmod.swiadd.nomspc">
          <c-select
            v-model="model.trnmod.swiadd.nomspc"
            style="width: 80%"
            placeholder="请选择Amount Specification"
            :code="codes.nomspc"
            disabled
          >
          </c-select>
        </el-form-item>
      </c-col>
    </c-col>

    <c-col :span="11">
      <c-col :span="24">
        <el-form-item label="Date of Expiry" prop="oldledgrp.rec.expdat">
          <c-date-picker
            type="date"
            v-model="model.oldledgrp.rec.expdat"
            style="width: 50%"
            placeholder="请选择Date of Expiry"
            disabled
          ></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="New Expiry Date" prop="trnmod.swiadd.newexpdat">
          <c-date-picker
            type="date"
            v-model="model.trnmod.swiadd.newexpdat"
            style="width: 50%"
            placeholder="请选择New Expiry Date"
          ></c-date-picker>
        </el-form-item>
      </c-col>
    </c-col>

    <c-col :span="11" :offset="1">
      <c-col :span="24">
        <el-form-item label="Shipment Date" prop="oldledgrp.rec.shpdat">
          <c-date-picker
            type="date"
            v-model="model.oldledgrp.rec.shpdat"
            style="width: 50%"
            placeholder="请选择Shipment Date"
            disabled
          ></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="New Shipment Date" prop="trnmod.swiadd.newshpdat">
          <c-date-picker
            type="date"
            v-model="model.trnmod.swiadd.newshpdat"
            style="width: 50%"
            placeholder="请选择New Shipment Date"
          ></c-date-picker>
        </el-form-item>
      </c-col>
    </c-col>

    <c-col :span="15">
      <el-form-item label="Shipment Period" prop="trnmod.swiadd.shpper">
        <c-input
          type="textarea"
          :rows="2"
          v-model="model.trnmod.swiadd.shpper"
          maxlength="65"
          show-word-limit
          placeholder="请输入Shipment Period"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="15">
      <c-col :span="8">
        <el-form-item
          label="Presentation period"
          prop="oldledgrp.rec.prepers18"
        >
          <c-input
            v-model="model.oldledgrp.rec.prepers18"
            placeholder="请输入Days of presentation period"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item
          label=""
          label-width="20px"
          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>
    </c-col>

    <c-col :span="15">
      <el-form-item label="Dispatch from" prop="trnmod.swiadd.shpfro">
        <c-input
          v-model="model.trnmod.swiadd.shpfro"
          maxlength="65"
          placeholder="请输入Dispatch from"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="15">
      <el-form-item label="Air-/Port of Loading" prop="trnmod.swiadd.porloa">
        <c-input
          v-model="model.trnmod.swiadd.porloa"
          maxlength="65"
          placeholder="请输入Air-/Port of Loading"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="15">
      <el-form-item label="Air-/Port of Discharge" prop="trnmod.swiadd.pordis">
        <c-input
          v-model="model.trnmod.swiadd.pordis"
          maxlength="65"
          placeholder="请输入Air-/Port of Discharge"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="15">
      <el-form-item label="Final Destination" prop="trnmod.swiadd.shpto">
        <c-input
          v-model="model.trnmod.swiadd.shpto"
          maxlength="65"
          placeholder="请输入Final Destination"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="11">
      <el-form-item label="Amounts Covered" prop="trnmod.swiadd.addamtcov">
        <c-input
          type="textarea"
          :rows="4"
          v-model="model.trnmod.swiadd.addamtcov"
          maxlength="35"
          show-word-limit
          placeholder="请输入Amounts Covered"
          disabled
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="11" :offset="1">
      <c-col :span="5">
        <c-checkbox v-model="model.letp.aamp.aammod.addamtflg"
          >Add. Amount</c-checkbox
        >
      </c-col>

      <c-col :span="10">
        <el-form-item
          label="Additional Amount"
          label-width="120px"
          prop="ledgrp.cbs.max2.cur"
        >
          <c-select
            v-model="model.ledgrp.cbs.max2.cur"
            maxlength="3"
            placeholder="请输入Additional Amount"
            :code="codes.cur"
            disabled
          ></c-select>
        </el-form-item>
      </c-col>

      <c-col :span="9">
        <el-form-item label="" label-width="20px" prop="trnmod.swiadd.addamt">
          <c-input-currency
            v-model="model.trnmod.swiadd.addamt"
            placeholder="请输入Amounts Covered"
            disabled
          ></c-input-currency>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-checkbox v-model="model.letamep.benconflg"
          >Beneficiary's Confirmation Required</c-checkbox
        >
      </c-col>

      <c-col :span="24">
        <c-checkbox v-model="model.letamep.benaccflg"
          >Amendment Accepted by Beneficiary</c-checkbox
        >
      </c-col>
    </c-col>
  </c-row>
</template>
<script>
import Api from "~/service/Api";
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Letame/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [CommonProcess],
  data() {
    return {};
  },
  methods: { ...Event },
  created: function () {},
};
</script>
<style>
.letame_amed_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>