<template>
  <div class="eibs">
    <!-- ==========左=============== -->
    <el-col :span="12" style="padding-right: 20px">
      <c-col :span="24">
        <el-form-item
          label="信用证编号"
          prop="lidgrp.rec.ownref"
          style="width: 100%"
        >
          <c-fullbox>
            <c-input
              v-model="model.lidgrp.rec.ownref"
              maxlength="8"
              placeholder="请输入编号"
              disabled
            ></c-input>
            <template slot="footer">
              <c-button
                style="margin-left: 10px; padding: 0 12px"
                size="small"
                type="primary"
                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
            type="date"
            v-model="model.trnmod.swiadd.amedat"
            style="width: 100%"
            placeholder="请选择修改日期"
          ></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="信用证名义金额(原)" prop="lidgrp.cbs.nom1.cur">
          <c-input
            v-model="model.lidgrp.cbs.nom1.cur"
            maxlength="3"
            placeholder="请输入金额"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="" prop="oldlidgrp.cbs.nom1.amt">
          <c-input-currency
            v-model="model.oldlidgrp.cbs.nom1.amt"
            placeholder="请输入金额"
            disabled
          ></c-input-currency>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="溢短装上浮" prop="oldlidgrp.rec.nomtop">
          <c-input
            v-model.number="model.oldlidgrp.rec.nomtop"
            placeholder="请输入上浮比例"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="溢短装下浮" prop="oldlidgrp.rec.nomton">
          <c-input
            v-model.number="model.oldlidgrp.rec.nomton"
            placeholder="请输入下浮比例"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="修改金额" prop="trnmod.swiadd.amecur">
          <c-input
            v-model="model.trnmod.swiadd.amecur"
            style="width: 100%"
            placeholder="请输入修改金额"
            disabled
          >
          </c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="" prop="trnmod.swiadd.ameamt">
          <c-input-currency-min
            v-model="model.trnmod.swiadd.ameamt"
            placeholder="请输入增减金额."
          ></c-input-currency-min>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="修改后金额" prop="trnmod.swiadd.newcur">
          <c-input
            v-model="model.trnmod.swiadd.newcur"
            style="width: 100%"
            placeholder="请选择修改后金额"
            disabled
          >
          </c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="" prop="trnmod.swiadd.newamt">
          <c-input-currency-min
            v-model="model.trnmod.swiadd.newamt"
            placeholder="请输入修改后金额"
          ></c-input-currency-min>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="新的上浮比例" prop="trnmod.swiadd.newnomtop">
          <c-input
            v-model.number="model.trnmod.swiadd.newnomtop"
            placeholder="请输入新的上浮比例"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="新的下浮比例" prop="trnmod.swiadd.newnomton">
          <c-input
            v-model.number="model.trnmod.swiadd.newnomton"
            placeholder="请输入新的下浮比例"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="限额表述" prop="trnmod.swiadd.nomspc">
          <c-select
            disabled
            :code="codes.nomspc"
            v-model="model.trnmod.swiadd.nomspc"
            style="width: 100%"
            placeholder="请选择限额表述"
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="生效日期" prop="oldlidgrp.rec.expdat">
          <c-date-picker
            disabled
            type="date"
            v-model="model.oldlidgrp.rec.expdat"
            style="width: 100%"
            placeholder="请选择生效日期"
          ></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <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">
        <el-form-item label="信息目的" prop="trnmod.swiadd.purpos">
          <c-select
            v-model="model.trnmod.swiadd.purpos"
            style="width: 100%"
            placeholder="请选择信息目的"
            :code="codes.purpos5"
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
        <el-form-item label="寄单期限" prop="oldlidgrp.rec.prepers18">
          <c-input
            v-model.number="model.oldlidgrp.rec.prepers18"
            placeholder="请输入寄单期限"
            disabled
          ></c-input>
        </el-form-item>
       </c-col>
        <c-col  :span="1" style="margin-left: -80px">
        <el-form-item label="天"> </el-form-item>
      </c-col>
      </c-col>
      <c-col :span="24">
        <el-form-item label="寄单期限(原)" prop="oldlidgrp.rec.prepertxts18">
          <c-input
            type="textarea"
            v-model="model.oldlidgrp.rec.prepertxts18"
            maxlength="35"
            show-word-limit
            placeholder="请输入寄单期限"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="费用承担人修改" prop="trnmod.swiadd.trnchato">
          <c-select
            v-model="model.trnmod.swiadd.trnchato"
            style="width: 100%"
            placeholder="请选择费用承担人修改"
            :code="codes.trnchato1"
          >
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="收费详情" prop="trnmod.swiadd.trnfeetxt">
          <c-input
            type="textarea"
            v-model="model.trnmod.swiadd.trnfeetxt"
            maxlength="210"
            show-word-limit
            placeholder="请输入收费详情"
            :disabled="model.trnmod.swiadd.trnchato != 'OTHR'"
          ></c-input>
        </el-form-item>
      </c-col>
    </el-col>

    <!-- ==========右=============== -->
    <el-col :span="12" style="padding-left: 20px">
      <c-col :span="24">
        <el-form-item label="简略信息" prop="lidgrp.rec.nam">
          <c-input
            v-model="model.lidgrp.rec.nam"
            maxlength="40"
            placeholder="请输入简略信息"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="修改次数" prop="trnmod.swiadd.amenbr">
          <c-input
            v-model.number="model.trnmod.swiadd.amenbr"
            placeholder="请输入修改次数"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="实际修改次数" prop="litamep.amenbr">
          <c-input
            v-model.number="model.litamep.amenbr"
            placeholder="请输入实际修改次数"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="最大金额(原)" prop="oldlidgrp.cbs.max.cur">
          <c-input
            v-model="model.oldlidgrp.cbs.max.cur"
            maxlength="3"
            placeholder="请选择币种"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="" prop="oldlidgrp.cbs.max.amt">
          <c-input-currency
            v-model="model.oldlidgrp.cbs.max.amt"
            placeholder="请输入金额"
            disabled
          ></c-input-currency>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="修改总金额" prop="litamep.engcur">
          <c-input
            v-model="model.litamep.engcur"
            style="width: 100%"
            placeholder="请选择修改总金额"
            disabled
          >
          </c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="" prop="litamep.engamt">
          <c-input-currency-min
            v-model="model.litamep.engamt"
            placeholder="请输入修改总金额"
            class="m-input-currency"
            disabled
          ></c-input-currency-min>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="最大金额" prop="litamep.maxcur">
          <c-input
            v-model="model.litamep.maxcur"
            maxlength="3"
            placeholder="请选择币种"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="" prop="litamep.maxamt">
          <c-input-currency-min
            v-model="model.litamep.maxamt"
            placeholder="请输入"
            disabled
          ></c-input-currency-min>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="装运日期(原)" prop="oldlidgrp.rec.shpdat">
          <c-date-picker
            type="date"
            v-model="model.oldlidgrp.rec.shpdat"
            style="width: 100%"
            placeholder="请选择装运日"
            disabled
          ></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <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">
      <c-col :span="12">
        <el-form-item label="交单期限(新)" prop="trnmod.swiadd.prepers18">
          <c-input
            v-model.number="model.trnmod.swiadd.prepers18"
            placeholder="请输入交单期限(新)"
            @change="prepersChange"
          ></c-input>
        </el-form-item>
        </c-col>
        <c-col  :span="3" style="margin-left: -80px">
        <el-form-item label="天"> </el-form-item>
      </c-col>
      </c-col>
      <c-col :span="12">
        <el-form-item label="交单期限描述" prop="trnmod.swiadd.prepertxts18">
          <c-input
            v-model="model.trnmod.swiadd.prepertxts18"
            maxlength="35"
            placeholder="请输入交单期限描述"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label=" " prop="litp.aamp.aammod.addamtflg">
          <c-checkbox
            class="checkbox-left"
            v-model="model.litp.aamp.aammod.addamtflg"
            >附加金额</c-checkbox
          >
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="币种" prop="lidgrp.cbs.max2.cur">
          <c-input
            disabled
            v-model="model.lidgrp.cbs.max2.cur"
            maxlength="3"
            placeholder="请选择币种"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="附加金额" prop="trnmod.swiadd.addamt">
          <c-input-currency
            :disabled="!(this.model.litp.aamp.aammod.addamtflg == 'X')"
            v-model="model.trnmod.swiadd.addamt"
            placeholder="请输入附加金额"
          ></c-input-currency>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="附加金额覆盖" prop="trnmod.swiadd.addamtcov">
          <c-input
            type="textarea"
            v-model="model.trnmod.swiadd.addamtcov"
            maxlength="140"
            show-word-limit
            placeholder="请输入附加金额"
            :disabled="!(this.model.litp.aamp.aammod.addamtflg == 'X')"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label=" " prop="trnmod.swiadd.reqcan">
        <c-checkbox
          class="checkbox-left"
          v-model="model.trnmod.swiadd.reqcan"
          >取消请求</c-checkbox
        >
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <c-checkbox style="margin-left: 130px" v-model="model.litamep.cre707flg"
          >创建修改报文</c-checkbox
        >
      </c-col>
    </el-col>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Litame/Event";
import Utils from "~/utils";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {};
  },
  methods: { 
    ...Event,
    prepersChange(){
      this.executeDefault("lidgrp.rec.prepers18").then((res) => {
        if ((res.respCode == SUCCESS)) {
          Utils.copyValueFromVO(this.model, res.data);
        }
      });
      },
   },
  created: function () {},
};
</script>
<style>
</style>