<template>
  <div class="eibs-tab">
    <el-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>
    </el-col>

    <el-col :span="6">
      <el-form-item label="信用证金额" prop="didgrp.cbs.nom1.cur">
        <c-select v-model="model.didgrp.cbs.nom1.cur" placeholder="币种">
          <el-option
            v-for="item in codes.cur"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          >
          </el-option>
        </c-select>
      </el-form-item>
    </el-col>
    <el-col :span="6">
      <el-form-item
        label=""
        label-width="-20px !important"
        prop="didgrp.cbs.nom1.amt"
      >
        <c-input
          v-model="model.didgrp.cbs.nom1.amt"
          placeholder="请输入信用证金额"
        ></c-input>
      </el-form-item>
    </el-col>

    <el-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>
    </el-col>

    <el-col :span="12">
      <el-form-item label="兑付方式" prop="didgrp.rec.avbby">
        <c-select
          v-model="model.didgrp.rec.avbby"
          style="width: 100%"
          placeholder="请选择兑付方式"
        >
        </c-select>
      </el-form-item>
    </el-col>

    <el-col :span="12">
      <span v-text="model.bdtp.zchday" data-path=".bdtp.zchday"> </span>
    </el-col>

    <el-col :span="12">
      <el-form-item label="Shipment Date" 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>
    </el-col>

    <el-col :span="12">
      <el-form-item label="开证日期" prop="didgrp.rec.opndat">
        <c-date-picker
          type="date"
          v-model="model.didgrp.rec.opndat"
          style="width: 100%"
          placeholder="请选择开证日期"
        ></c-date-picker>
      </el-form-item>
    </el-col>

    <el-col :span="12">
      <el-form-item label="到期日/到期地点">
        <c-input
          type="textarea"
          v-model="model.didgrp.rec.expplc"
          maxlength="35"
          show-word-limit
          placeholder="请输入到期日/到期地点"
        ></c-input>
      </el-form-item>
    </el-col>

    <el-col :span="12">
      <el-form-item label="信用证类型" prop="didgrp.rec.lcrtyp">
        <c-select
          v-model="model.didgrp.rec.lcrtyp"
          style="width: 100%"
          placeholder="请选择信用证类型"
        >
        </c-select>
      </el-form-item>
    </el-col>
  </div>
</template>
<script>
import Api from "~/service/Api";
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Bdtudp/Event";

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