<template>
  <div class="eibs-tab">
    <c-col :span="24">
      <!-- ==================左边================ -->
      <c-col :span="12" style="padding-right: 20px">
        <c-col :span="24">
          <el-form-item label="通知编号" prop="dedgrp.rec.ownref">
            <c-input disabled v-model="model.dedgrp.rec.ownref" maxlength="16" placeholder="请输入参考号"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="修改日期" prop="swiadd.amedat">
            <c-date-picker type="date" v-model="model.swiadd.amedat" style="width:100%" placeholder="请输入"></c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <div class="custom-box-wrap">
            <div style="width: 280px;">
              <el-form-item label="信用证金额" prop="dedgrp.cbs.nom1.cur">
                <c-select disabled dbCode="curtxt" isShowKeyAndLabel placeholder="请选择" style="width: 100%" v-model="model.dedgrp.cbs.nom1.cur">
                </c-select>
              </el-form-item>
            </div>
            <div style="width: calc(100% - 280px);">
              <el-form-item label-width="5px" prop="olddedgrp.cbs.nom1.amt">
                <c-input-currency disabled :currency="model.dedgrp.cbs.nom1.cur" @keyup.enter.native="$event.target.blur()" placeholder="请输入" style="width: 100%" v-model="model.olddedgrp.cbs.nom1.amt"></c-input-currency>
              </el-form-item>
            </div>
          </div>
        </c-col>

        <c-col :span="24">
          <div class="custom-box-wrap">
            <div style="width: 280px;">
              <el-form-item label="增减金额" prop="swiadd.amecur">
                <c-select disabled dbCode="curtxt" isShowKeyAndLabel placeholder="请选择" style="width: 100%" v-model="model.swiadd.amecur">
                </c-select>
              </el-form-item>
            </div>
            <div style="width: calc(100% - 280px);">
              <el-form-item label-width="5px" prop="swiadd.ameamt">
                <c-input-currency :currency="model.swiadd.amecur" @keyup.enter.native="$event.target.blur()" placeholder="请输入" style="width: 100%" v-model="model.swiadd.ameamt" @change="ameAmtChange"></c-input-currency>
              </el-form-item>
            </div>
          </div>
        </c-col>

        <c-col :span="24">
          <div class="custom-box-wrap">
            <div style="width: 280px;">
              <el-form-item label="修改后金额" prop="swiadd.newcur">
                <c-select disabled dbCode="curtxt" isShowKeyAndLabel placeholder="请选择" style="width: 100%" v-model="model.swiadd.newcur">
                </c-select>
              </el-form-item>
            </div>
            <div style="width: calc(100% - 280px);">
              <el-form-item label-width="5px" prop="swiadd.newamt">
                <c-input-currency :currency="model.swiadd.newcur" @keyup.enter.native="$event.target.blur()" placeholder="请输入" style="width: 100%" v-model="model.swiadd.newamt"  @change="newAmtChange"></c-input-currency>
              </el-form-item>
            </div>
          </div>
        </c-col>

        <c-col :span="24">
          <div class="custom-box-wrap">
            <div style="width: 280px;">
              <el-form-item label="原溢短装+/-" prop="olddedgrp.rec.nomtop">
                <c-input-currency :maxlength='9' :precision='5'  disabled v-model="model.olddedgrp.rec.nomtop" placeholder="请输入上浮比例" style="width: 100%"></c-input-currency>
              </el-form-item>
            </div>
            <div style="width: 200px;">
              <el-form-item label="/" label-width="40px" prop="olddedgrp.rec.nomton">
                <c-input-currency :maxlength='9' :precision='5'  disabled v-model="model.olddedgrp.rec.nomton" placeholder="请输入下浮比例" style="width: 100%"></c-input-currency>
              </el-form-item>
            </div>
            <div>
              <el-form-item label="%" label-width="40px">
              </el-form-item>
            </div>
          </div>
        </c-col>

        <c-col :span="24">
          <div class="custom-box-wrap">
            <div style="width: 280px;">
              <el-form-item label="新溢短装+/-" prop="swiadd.newnomtopame">
                <c-input-currency :maxlength='9' :precision='5'  v-model="model.swiadd.newnomtopame" placeholder="请输入上浮比例" style="width: 100%" @change="newnomtopameChange"></c-input-currency>
              </el-form-item>
            </div>
            <div style="width: 200px;">
              <el-form-item label="/" label-width="40px" prop="swiadd.newnomtoname">
                <c-input-currency :maxlength='9' :precision='5'  v-model="model.swiadd.newnomtoname" placeholder="请输入下浮比例" style="width: 100%"></c-input-currency>
              </el-form-item>
            </div>
            <div>
              <el-form-item label="%" label-width="40px">
              </el-form-item>
            </div>
          </div>
        </c-col>

        <c-col :span="24">
          <el-form-item label="到期日" prop="olddedgrp.rec.expdat">
            <c-date-picker disabled type="date" v-model="model.olddedgrp.rec.expdat" style="width:100%" placeholder="请输入"></c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="新到期日" prop="swiadd.newexpdat">
            <c-date-picker type="date" v-model="model.swiadd.newexpdat" style="width:100%" placeholder="请输入"></c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="最迟货物装运日" prop="olddedgrp.rec.shpdat">
            <c-date-picker disabled type="date" v-model="model.olddedgrp.rec.shpdat" style="width:100%" placeholder="请输入"></c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="新最迟货物装运日" prop="swiadd.newshpdat">
            <c-date-picker type="date" v-model="model.swiadd.newshpdat" style="width:100%" placeholder="请输入"></c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="原报文标识号" prop="swiadd.orimsgid" :required="model.dedgrp.rec.elcflg=='Y' && model.dedgrp.iss.pts.extkey !=''">
            <c-input :disabled="model.dedgrp.rec.elcflg!='Y'" v-model="model.swiadd.orimsgid" maxlength="35" placeholder="请输入"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="原报文类型" prop="swiadd.orimsgtyp" :required="model.dedgrp.rec.elcflg=='Y' && model.dedgrp.iss.pts.extkey !=''">
            <c-select :disabled="model.dedgrp.rec.elcflg!='Y'" dbCode="ELCTYP" :filterKey="['A03']" v-model="model.swiadd.orimsgtyp" style="width:100%" placeholder="请输入">
            </c-select>
          </el-form-item>
        </c-col>
        
        <c-col :span="24">
          <el-form-item label="原发起直接参与机构" prop="swiadd.oriinstgagt" :required="model.dedgrp.rec.elcflg=='Y' && model.dedgrp.iss.pts.extkey !=''">
            <c-input :disabled="model.dedgrp.rec.elcflg!='Y'" v-model="model.swiadd.oriinstgagt" maxlength="20" 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="swiadd.amenbr">
            <c-input v-model="model.swiadd.amenbr" maxlength="3" placeholder="请输入"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="实际修改次数" prop="detamep.amenbr">
            <c-input disabled v-model="model.detamep.amenbr" maxlength="3" placeholder="请输入"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <div class="custom-box-wrap">
            <div style="width: 280px;">
              <el-form-item label="原最大金额" prop="olddedgrp.cbs.max.cur">
                <c-select disabled v-model="model.olddedgrp.cbs.max.cur" maxlength="3" style="width: 100%" placeholder="cur" :code="codes.curtxt1"></c-select>
              </el-form-item>
            </div>
            <div style="width: calc(100% - 280px);">
              <el-form-item label="" label-width="5px" prop="olddedgrp.cbs.max.amt">
                <c-input-currency disabled v-model="model.olddedgrp.cbs.max.amt" placeholder="请输入金额" style="width: 100%" @keyup.enter.native="$event.target.blur()" class="m-input-currency"></c-input-currency>
              </el-form-item>
            </div>
          </div>
        </c-col>

        <c-col :span="24">
          <div class="custom-box-wrap">
            <div style="width: 280px;">
              <el-form-item label="增减最大金额" prop="detamep.engcur">
                <c-select disabled v-model="model.detamep.engcur" maxlength="3" style="width: 100%" placeholder="cur" :code="codes.curtxt1"></c-select>
              </el-form-item>
            </div>
            <div style="width: calc(100% - 280px);">
              <el-form-item label="" label-width="5px" prop="detamep.engamt">
                <c-input-currency disabled v-model="model.detamep.engamt" placeholder="请输入金额" style="width: 100%" @keyup.enter.native="$event.target.blur()" class="m-input-currency"></c-input-currency>
              </el-form-item>
            </div>
          </div>
        </c-col>

        <c-col :span="24">
          <div class="custom-box-wrap">
            <div style="width: 280px;">
              <el-form-item label="新最大金额" prop="detamep.maxcur">
                <c-select disabled v-model="model.detamep.maxcur" maxlength="3" style="width: 100%" placeholder="cur" :code="codes.curtxt1"></c-select>
              </el-form-item>
            </div>
            <div style="width: calc(100% - 280px);">
              <el-form-item label="" label-width="5px" prop="detamep.maxamt">
                <c-input-currency disabled v-model="model.detamep.maxamt" placeholder="请输入金额" style="width: 100%" @keyup.enter.native="$event.target.blur()" class="m-input-currency"></c-input-currency>
              </el-form-item>
            </div>
          </div>
        </c-col>

        <c-col :span="24">
          <el-form-item label="拒绝修改标志" prop="dedgrp.rec.rejame"  :required="model.dedgrp.rec.elcflg=='Y'">
            <c-select @change="SetModule" v-model="model.dedgrp.rec.rejame" dbCode="ELC033" style="width:100%" placeholder="请输入">
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="修改理由" prop="dedgrp.blk.rejamersn">
            <c-input type="textarea" v-model="model.dedgrp.blk.rejamersn" maxlength="120" show-word-limit placeholder="请输入"></c-input>
          </el-form-item>
        </c-col>

			<c-col :span="24" style="padding-right: 20px;">
				<el-table ref="table" :data="codes.tableData" style="width: 100%;height:200px;" class="eContainer-table" row-key="IDX" :highlight-current-row="false" :border="true" >
					<c-table-column v-for="(item, key) in trnData.columns" :key="key" :prop="item.prop" :label="item.label" :width="item.width" sortable>
						<template v-slot="{ scope }">
							<span>{{ scope.row[item.prop] }}</span>
						</template>
					</c-table-column>
				</el-table>
			</c-col>

      </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 {
      trnData: {
        columns: [
          {
            label: "修改次数",
            prop: "修改次数",
            width: "120"
          },
          {
            label: "拒绝修改标志",
            prop: "拒绝修改标志",
            width: "150"
          },
          {
            label: "拒绝修改理由",
            prop: "拒绝修改理由"
          },
        ],
        data: []
      }
    };
  },
  created() {}
};
</script>
<style>
</style>