<template>
  <div class="eibs-tab">
    <el-row>
      <c-col :span="12">
        <el-form-item label="参考号" prop="didgrp.rec.ownref">
          <c-input
            v-model="model.didgrp.rec.ownref"
            maxlength="16"
            placeholder="请输入Reference"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="摘要" prop="didgrp.rec.nam">
          <c-input
            v-model="model.didgrp.rec.nam"
            maxlength="40"
            placeholder="请输入Externally Displayed Name to Identify the Contract"
          ></c-input>
        </el-form-item>
      </c-col>
    </el-row>
    <el-row>
      <c-col :span="6">
        <el-form-item label="信用证金额" prop="didgrp.cbs.nom1.cur">
          <c-select
            v-model="model.didgrp.cbs.nom1.cur"
            style="width: 100%"
            placeholder="请选择Currency"
          >
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="6">
        <el-form-item label="" prop="didgrp.cbs.nom1.amt" label-width="0px">
          <c-input
            v-model="model.didgrp.cbs.nom1.amt"
            placeholder="请输入信用证金额"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="申请人" prop="didgrp.apl.pts.ref">
          <c-input
            v-model="model.didgrp.apl.pts.ref"
            maxlength="16"
            placeholder="请输入申请人"
          ></c-input>
        </el-form-item>
      </c-col>
    </el-row>

    <el-row>
      <c-col :span="6">
        <el-form-item label="信用证余额" prop="didgrp.cbs.opn1.cur">
          <c-select
            v-model="model.didgrp.cbs.opn1.cur"
            style="width: 100%"
            placeholder="请选择信用证余额"
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="6">
        <el-form-item label="" prop="didgrp.cbs.opn1.amt" label-width="0px">
          <c-input
            v-model="model.didgrp.cbs.opn1.amt"
            placeholder="请输入信用证余额"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="" prop="didgrp.apl.pts.nam" >
          <c-input
            v-model="model.didgrp.apl.pts.nam"
            maxlength="40"
            placeholder="请输入Name of Party"
          ></c-input>
        </el-form-item>
      </c-col>
    </el-row>
    <el-row>
      <c-col :span="12">
        <el-form-item label="指定银行" prop="didgrp.avbnam">
          <c-input
            v-model="model.didgrp.avbnam"
            maxlength="40"
            placeholder="请输入指定银行"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="受益人" prop="didgrp.ben.pts.ref">
          <c-input
            v-model="model.didgrp.ben.pts.ref"
            maxlength="16"
            placeholder="请输入受益人"
          ></c-input>
        </el-form-item>
      </c-col>
    </el-row>

    <el-row>
      <c-col :span="12">
        <el-form-item label="兑付方式" prop="didgrp.rec.avbby">
          <c-select
            v-model="model.didgrp.rec.avbby"
            style="width: 100%"
            placeholder="请选择Available by"
          >
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="" prop="didgrp.ben.pts.nam" >
          <c-input
            v-model="model.didgrp.ben.pts.nam"
            maxlength="40"
            placeholder=""
          ></c-input>
        </el-form-item>
      </c-col>
    </el-row>
    <el-row>
      <c-col :span="6">
        <el-form-item label="开证日期" prop="didgrp.rec.opndat">
          <c-date-picker
            type="date"
            v-model="model.didgrp.rec.opndat"
            style="width: 100%"
            placeholder="请选择Date L/C Opened/Issued"
          ></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="6">
        <el-form-item label="最迟装运日期" prop="didgrp.rec.shpdat">
          <c-date-picker
            type="date"
            v-model="model.didgrp.rec.shpdat"
            style="width: 100%"
            placeholder="请选择Shipment Date"
          ></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="通知行" prop="didgrp.rec.tzref">
          <c-input
            v-model="model.didgrp.rec.tzref"
            maxlength="35"
            placeholder="请输入通知行编号"
          ></c-input>
        </el-form-item>
      </c-col>
    </el-row>

    <!-- <c-col :span="12">
      <el-form-item label="通知行" prop="didgrp.adv.pts.ref">
        <c-input
          v-model="model.didgrp.adv.pts.ref"
          maxlength="16"
          placeholder="请输入通知行"
        ></c-input>
      </el-form-item>
    </c-col> -->
    <el-row>
      <c-col :span="6">
        <el-form-item label="到期日/到期地点" prop="didgrp.rec.expdat">
          <c-date-picker
            type="date"
            v-model="model.didgrp.rec.expdat"
            style="width: 100%"
            placeholder="请选择Date of Expiry"
          ></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="6">
        <el-form-item label="" prop="didgrp.rec.expplc" label-width="0px">
          <c-input
            v-model="model.didgrp.rec.expplc"
            maxlength="35"
            placeholder="请输入Place of Expiry"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="" prop="didgrp.adv.pts.nam" >
          <c-input
            v-model="model.didgrp.adv.pts.nam"
            maxlength="40"
            placeholder="请输入到期日/到期地点"
          ></c-input>
        </el-form-item>
      </c-col>
    </el-row>
    <el-row>
      <c-col :span="12">
        <el-form-item label="信用证类型" prop="didgrp.rec.lcrtyp">
          <c-select
            v-model="model.didgrp.rec.lcrtyp"
            style="width: 100%"
            placeholder="请选择Form of Documentary Credit"
          >
          </c-select>
        </el-form-item>
      </c-col>
    </el-row>
    <el-row>
      <c-col :span="12">
        <el-form-item label="Decrease limits stream" prop="decstm">
          <c-input
            v-model="model.decstm"
            placeholder="请输入Decrease limits stream"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="第" prop="amenbr">
          <c-input
            v-model="model.amenbr"
            maxlength="3"
            placeholder="请输入Amendment No."
          ></c-input>
          <label>次修改(减额)</label>
        </el-form-item>
        <br />
        <el-form-item label="修改金额" prop="amecur">
          <c-select
            v-model="model.amecur"
            style="width: 100%"
            placeholder="请选择Amount Amend Cur"
          >
          </c-select>
        </el-form-item>
        <el-form-item label="" prop="ameamt" label-width="0px">
          <c-input
            v-model="model.ameamt"
            placeholder="请输入修改金额"
          ></c-input>
        </el-form-item>
        <br />
        <el-form-item label="修改日期" prop="amedat">
          <c-input
            v-model="model.amedat"
            maxlength="12"
            placeholder="请输入Amount Amend Date"
          ></c-input>
        </el-form-item>
        <br />
        <el-form-item label="是否接受此笔减额修改" prop="ameflg">
          <c-select
            v-model="model.ameflg"
            style="width: 100%"
            placeholder="请选择是否接受此笔减额修改"
          >
          </c-select>
        </el-form-item>
      </c-col>
    </el-row>
  </div>
</template>
<script>
import Api from "~/service/Api";
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Ditdla/Event";

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