<template>
  <div class="eibs-tab">
    <c-row>
      <c-col :span="11">
        <c-col :span="20">
          <el-form-item
            label="Reference of L/C"
            prop="recpan.ledget.sdamod.seainf"
          >
            <c-input
              v-model="model.recpan.ledget.sdamod.seainf"
              placeholder="请输入Reference of L/C"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="20">
          <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="4">
          <c-button
            size="small"
            type="primary"
            @click="onRecpanButgetref"
            style="display: none"
          >
            Get Ref
          </c-button>
        </c-col>
        <!--span>
          <div v-html="str"></div>
        </span-->
        <c-col :span="24">
          <el-form-item label="Form of Transfer" prop="ltdgrp.rec.lcrtyp">
            <c-select
              v-model="model.ltdgrp.rec.lcrtyp"
              style="width: 100%"
              placeholder="请选择Form of Transfer"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="Responsible User" prop="recpan.usr.extkey">
            <c-input
              v-model="model.recpan.usr.extkey"
              maxlength="8"
              placeholder="请输入Responsible User"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="" prop="recpan.usrget.sdamod.seainf">
            <c-input
              v-model="model.recpan.usrget.sdamod.seainf"
              placeholder="请输入"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item
            label="Drag  Drop Sender"
            prop="recpan.be1p.ptsget.sdamod.dadsnd"
          >
            <c-input
              v-model="model.recpan.be1p.ptsget.sdamod.dadsnd"
              placeholder="请输入Drag  Drop Sender"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="Nominal Amount" prop="ltdgrp.cbs.nom1.cur">
            <c-select
              v-model="model.ltdgrp.cbs.nom1.cur"
              style="width: 100%"
              placeholder="请选择Nominal Amount"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="8">
          <el-form-item label="" prop="ltdgrp.cbs.nom1.amt">
            <c-input
              v-model="model.ltdgrp.cbs.nom1.amt"
              placeholder="0.00"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="4">
          <c-checkbox v-model="model.recpan.aamp.aammod.addamtflg"
            >Add. Amount</c-checkbox
          >
        </c-col>
        <c-col :span="10">
          <el-form-item label="Amount Tolerance +/-" prop="ltdgrp.rec.nomtop">
            <c-input
              v-model="model.ltdgrp.rec.nomtop"
              placeholder="0"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="10">
          <el-form-item label="" prop="ltdgrp.rec.nomton">
            <c-input
              v-model="model.ltdgrp.rec.nomton"
              placeholder="0"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="20">
          <el-form-item label="Amount Specification" prop="ltdgrp.rec.nomspc">
            <c-select
              v-model="model.ltdgrp.rec.nomspc"
              style="width: 100%"
              placeholder="请选择Amount Specification"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="Maximum Amount" prop="ltdgrp.cbs.max.cur">
            <c-select
              v-model="model.ltdgrp.cbs.max.cur"
              style="width: 100%"
              placeholder="请选择"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="" prop="ltdgrp.cbs.max.amt">
            <c-input
              v-model="model.ltdgrp.cbs.max.amt"
              placeholder="0.00"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="16">
          <el-form-item label="Issued on" prop="ltdgrp.rec.opndat">
            <c-date-picker
              type="date"
              v-model="model.ltdgrp.rec.opndat"
              style="width: 100%"
              placeholder="请选择Issued on"
            ></c-date-picker>
          </el-form-item>
        </c-col>
        <c-col :span="16">
          <el-form-item label="Shipment Date" prop="ltdgrp.rec.shpdat">
            <c-date-picker
              type="date"
              v-model="model.ltdgrp.rec.shpdat"
              style="width: 100%"
              placeholder="请选择Shipment Date"
            ></c-date-picker>
          </el-form-item>
        </c-col>
        <c-col :span="16">
          <el-form-item label="Date of Expiry" prop="ltdgrp.rec.expdat">
            <c-date-picker
              type="date"
              v-model="model.ltdgrp.rec.expdat"
              style="width: 100%"
              placeholder="请选择Date of Expiry"
            ></c-date-picker>
          </el-form-item>
        </c-col>
        <c-col :span="20">
          <el-form-item label="in" prop="ltdgrp.rec.expplc">
            <c-select
              v-model="model.ltdgrp.rec.expplc"
              style="width: 100%"
              placeholder="请选择Place of Expiry"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="20">
          <el-form-item label="Partial Shipment" prop="ltdgrp.rec.shppar">
            <c-select
              v-model="model.ltdgrp.rec.shppar"
              style="width: 100%"
              placeholder="请选择Partial Shipment"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="20">
          <el-form-item label="Transhipment" prop="ltdgrp.rec.shptrs">
            <c-select
              v-model="model.ltdgrp.rec.shptrs"
              style="width: 100%"
              placeholder="请选择Transhipment"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="22">
          <el-form-item label="Applicable Rules" prop="ltdgrp.rec.apprul">
            <c-select
              v-model="model.ltdgrp.rec.apprul"
              style="width: 100%"
              placeholder="请选择Applicable Rules"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="22">
          <el-form-item
            label="Other Applicable Rules"
            prop="ltdgrp.rec.apprultxt"
          >
            <c-input
              type="textarea"
              v-model="model.ltdgrp.rec.apprultxt"
              maxlength="35"
              show-word-limit
              placeholder="请输入Other Applicable Rules"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="16">
          <el-form-item label="Confirmation Instruct." prop="ltdgrp.rec.cnfins">
            <c-select
              v-model="model.ltdgrp.rec.cnfins"
              style="width: 100%"
              placeholder="请选择Confirmation Instruct."
            >
            </c-select>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="11" :offset="1">
        <c-col :span="24">
          <el-form-item label="Name" prop="ledgrp.rec.nam">
            <c-input
              v-model="model.ledgrp.rec.nam"
              maxlength="40"
              placeholder="请输入Name"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Name" prop="ledgrp.rec.nam">
            <c-input
              v-model="model.ledgrp.rec.nam"
              maxlength="40"
              placeholder="请输入Name"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item
            label="1st Beneficiary   Ref."
            prop="ltdgrp.be1.pts.ref"
          >
            <c-input
              v-model="model.ltdgrp.be1.pts.ref"
              maxlength="16"
              placeholder="请输入1st Beneficiary   Ref."
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="20">
          <el-form-item label="" prop="ltdgrp.be1.pts.extkey">
            <c-input
              v-model="model.ltdgrp.be1.pts.extkey"
              maxlength="16"
              placeholder="请输入External Key of Address"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="4">
          <c-button size="small" type="primary" @click="onBe1pDet">
            Details
          </c-button>
        </c-col>
        <c-col :span="24">
          <el-form-item label="" prop="ltdgrp.be1.pts.nam">
            <c-input
              v-model="model.ltdgrp.be1.pts.nam"
              maxlength="40"
              placeholder="请输入Name of Party"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Advising Bank Ref." prop="ltdgrp.adt.pts.ref">
            <c-input
              v-model="model.ltdgrp.adt.pts.ref"
              maxlength="16"
              placeholder="请输入Advising Bank Ref."
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="20">
          <el-form-item
            label=" "
            prop="ltdgrp.adt.pts.extkey"
          >
            <c-input
              v-model="model.ltdgrp.adt.pts.extkey"
              maxlength="16"
              placeholder="请输入External Key of Address"
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="4">
          <c-button size="small" type="primary" @click="onAdtpDet">
            Details
          </c-button>
        </c-col>
        <c-col :span="24">
          <el-form-item label=" " prop="ltdgrp.adt.pts.adrblk">
            <c-input
              type="textarea"
              v-model="model.ltdgrp.adt.pts.adrblk"
              maxlength="35"
              show-word-limit
              placeholder="请输入Address Block"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item
            label="2nd Beneficiary   Ref."
            prop="ltdgrp.be2.pts.ref"
          >
            <c-input
              v-model="model.ltdgrp.be2.pts.ref"
              maxlength="16"
              placeholder="请输入2nd Beneficiary   Ref."
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="20">
          <el-form-item label="" prop="ltdgrp.be2.pts.extkey">
            <c-input
              v-model="model.ltdgrp.be2.pts.extkey"
              maxlength="16"
              placeholder="请输入External Key of Address"
            ></c-input>
          </el-form-item>
        </c-col>
         
        <c-col :span="4">
          <c-button size="small" type="primary" @click="onBe2pDet">
            Details
          </c-button>
        </c-col>
        <c-col :span="24">
          <el-form-item label="" prop="ltdgrp.be2.pts.adrblk">
            <c-input
              type="textarea"
              v-model="model.ltdgrp.be2.pts.adrblk"
              maxlength="35"
              show-word-limit
              placeholder="请输入Address Block"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="20" :offset="5">
          <c-checkbox v-model="model.ltdgrp.rec.rmbflg"
            >Reimbursement Information</c-checkbox
          >
        </c-col>
      </c-col>
    </c-row>

    <!--c-col :span="12">
      <el-form-item label="" prop="recpan.be1p.ptsget.sdamod.seainf">
        <c-input
          v-model="model.recpan.be1p.ptsget.sdamod.seainf"
          placeholder="请输入"
        ></c-input>
      </el-form-item>
    </c-col>
    <c-col :span="12">
      <el-form-item
        label="Drag  Drop Sender"
        prop="recpan.adtp.ptsget.sdamod.dadsnd"
      >
        <c-input
          v-model="model.recpan.adtp.ptsget.sdamod.dadsnd"
          placeholder="请输入Drag  Drop Sender"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="名称" prop="ltdgrp.adt.namelc">
        <c-input
          type="textarea"
          v-model="model.ltdgrp.adt.namelc"
          maxlength="35"
          show-word-limit
          placeholder="请输入名称"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12"> </c-col>

    <c-col :span="12">
      <el-form-item label="Chinese address" prop="ltdgrp.adt.dbfadrblkcn">
        <c-input
          type="textarea"
          v-model="model.ltdgrp.adt.dbfadrblkcn"
          maxlength="35"
          show-word-limit
          placeholder="请输入Chinese address"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="地址" prop="ltdgrp.adt.adrelc">
        <c-input
          type="textarea"
          v-model="model.ltdgrp.adt.adrelc"
          maxlength="35"
          show-word-limit
          placeholder="请输入地址"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="Partial Shipment" prop="ltdgrp.rec.shppars18">
        <c-select
          v-model="model.ltdgrp.rec.shppars18"
          style="width: 100%"
          placeholder="请选择Partial Shipment"
        >
        </c-select>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="名称" prop="ltdgrp.be2.namelc">
        <c-input
          type="textarea"
          v-model="model.ltdgrp.be2.namelc"
          maxlength="35"
          show-word-limit
          placeholder="请输入名称"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="Chinese address" prop="ltdgrp.be2.dbfadrblkcn">
        <c-input
          type="textarea"
          v-model="model.ltdgrp.be2.dbfadrblkcn"
          maxlength="35"
          show-word-limit
          placeholder="请输入Chinese address"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="Transhipment" prop="ltdgrp.rec.shptrss18">
        <c-select
          v-model="model.ltdgrp.rec.shptrss18"
          style="width: 100%"
          placeholder="请选择Transhipment"
        >
        </c-select>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="地址" prop="ltdgrp.be2.adrelc">
        <c-input
          type="textarea"
          v-model="model.ltdgrp.be2.adrelc"
          maxlength="35"
          show-word-limit
          placeholder="请输入地址"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item
        label="Drag  Drop Sender"
        prop="recpan.ledget.sdamod.dadsnd"
      >
        <c-input
          v-model="model.recpan.ledget.sdamod.dadsnd"
          placeholder="请输入Drag  Drop Sender"
        ></c-input>
      </el-form-item>
    </c-col>
    <c-col :span="12">
      <el-form-item label="Reference" prop="ltdgrp.rec.ownref">
        <c-input
          v-model="model.ltdgrp.rec.ownref"
          maxlength="16"
          placeholder="请输入Reference"
        ></c-input>
      </el-form-item>
    </c-col-->
  </div>
</template>
<script>
import Api from "~/service/Api";
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Infltd/Event";

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