<template>
  <div class="eibs-tab">
    <c-row>
      <!-- ====================顶部======================= -->
      <c-col :span="24">
        <c-col :span="11">
          <c-col :span="24">
            <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>
        <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>
      </c-col>
      <!-- ====================左边======================= -->
      <c-col :span="11">
        <c-col :span="8">
          <el-form-item label="信用证金额" prop="ledgrp.cbs.nom1.cur">
            <c-select
              v-model="model.ledgrp.cbs.nom1.cur"
              style="width: 100%"
              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>
        </c-col>
        <c-col :span="10">
          <el-form-item label="" label-width="15px" prop="ledgrp.cbs.nom1.amt">
            <c-input
              v-model="model.ledgrp.cbs.nom1.amt"
              placeholder="请输入Balance"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="6">
          <c-checkbox v-model="model.lttp.letp0.aammod.addamtflg"
            >Add. Amount</c-checkbox
          >
        </c-col>
        <!-- @change="onNom1CurChange"   -->
        <c-col :span="8">
          <el-form-item label="Open Amount" prop="ledgrp.cbs.opn1.cur">
            <c-select
              v-model="model.ledgrp.cbs.opn1.cur"
              style="width: 100%"
              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>
        </c-col>
        <c-col :span="10">
          <el-form-item label="" label-width="15px" prop="ledgrp.cbs.opn1.amt">
            <c-input
              v-model="model.ledgrp.cbs.opn1.amt"
              placeholder="请输入Balance"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="6">
          <c-checkbox v-model="model.ledgrp.rec.revflg"
            >Revolving Flag</c-checkbox
          >
        </c-col>

        <c-col :span="24">
          <el-form-item label="Available with" prop="ledgrp.avbnam">
            <c-input
              v-model="model.ledgrp.avbnam"
              maxlength="40"
              placeholder="请输入Available with"
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="18">
          <el-form-item label="Available by [AVBBY0]" prop="ledgrp.rec.avbby">
            <c-select
              v-model="model.ledgrp.rec.avbby"
              style="width: 100%"
              placeholder="请选择Available by [AVBBY0]"
              :code="codes.avbby0"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="6">
          <c-checkbox v-model="model.ledgrp.rec.redclsflg"
            >Red/Green Clause</c-checkbox
          >
        </c-col>

        <c-col :span="24">
          <el-form-item label="Date Issued" prop="ledgrp.rec.opndat">
            <c-date-picker
              type="date"
              v-model="model.ledgrp.rec.opndat"
              style="width: 100%"
              placeholder="请选择Date Issued"
            ></c-date-picker>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Date/Place of Expiry" prop="ledgrp.rec.expdat">
            <c-date-picker
              type="date"
              v-model="model.ledgrp.rec.expdat"
              style="width: 100%"
              placeholder="请选择Date/Place of Expiry"
            ></c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="Date/Place of Expiry" prop="ledgrp.rec.expplc">
            <c-input
              v-model="model.ledgrp.rec.expplc"
              maxlength="29"
              placeholder="请输入Date/Place of Expiry"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Form of L/C" prop="ledgrp.rec.lcrtyp">
            <c-select
              v-model="model.ledgrp.rec.lcrtyp"
              style="width: 100%"
              placeholder="请选择Form of L/C"
              :code="codes.lcrtyp"
            >
            </c-select>
          </el-form-item>
        </c-col>
      </c-col>
      <!-- ====================右边======================= -->
      <c-col :span="11" :offset="1">
        <c-col :span="24">
          <el-form-item label="Applicant" prop="ledgrp.apl.pts.ref">
            <c-input
              v-model="model.ledgrp.apl.pts.ref"
              maxlength="16"
              placeholder="请输入Applicant"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Name of Party" prop="ledgrp.apl.pts.nam">
            <c-input
              v-model="model.ledgrp.apl.pts.nam"
              maxlength="40"
              placeholder="请输入Name of Party"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Iss. Bank" prop="ledgrp.iss.pts.ref">
            <c-input
              v-model="model.ledgrp.iss.pts.ref"
              maxlength="16"
              placeholder="请输入Iss. Bank"
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="Name of Party" prop="ledgrp.iss.pts.nam">
            <c-input
              v-model="model.ledgrp.iss.pts.nam"
              maxlength="40"
              placeholder="请输入Name of Party"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Beneficiary" prop="ledgrp.ben.pts.ref">
            <c-input
              v-model="model.ledgrp.ben.pts.ref"
              maxlength="16"
              placeholder="请输入Beneficiary"
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="Name of Party" prop="ledgrp.ben.pts.nam">
            <c-input
              v-model="model.ledgrp.ben.pts.nam"
              maxlength="40"
              placeholder="请输入Name of Party"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Confirmation text" prop="lttp.letp0.cnftxt">
            <c-input
              v-model="model.lttp.letp0.cnftxt"
              maxlength="40"
              placeholder="请输入Confirmation text"
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>
      <!-- ====================底部======================= -->
      <c-col :span="24">
        <c-col :span="12">
          <el-form-item
            label="Streamgrid of other L/Cs backed by B2B LE"
            prop="lttp.leltb2b.litb2bstm"
          >
            <c-input
              v-model="model.lttp.leltb2b.litb2bstm"
              placeholder="请输入Streamgrid of other L/Cs backed by B2B LE"
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>
      <!-- <c-col :span="12">
        <el-form-item label="Drag  Drop Sender" prop="lttp.letp0.recget.sdamod.dadsnd">
            <c-input  v-model="model.lttp.letp0.recget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
        </el-form-item>
       </c-col>
          
       <c-col :span="12">
	    <c-checkbox v-model="model.ledgrp.rec.revflg">Revolving Flag</c-checkbox>
       </c-col>
                                
       <c-col :span="12">
        <el-form-item label="Shipment Date" prop="ledgrp.rec.shpdat">
            <c-date-picker type="date"  v-model="model.ledgrp.rec.shpdat" style="width:100%"  placeholder="请选择Shipment Date"></c-date-picker>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Balance" prop="ltdgrp.cbs.opn1.amt">
            <c-input  v-model="model.ltdgrp.cbs.opn1.amt"  placeholder="请输入Balance"></c-input>
        </el-form-item>
       </c-col>
                                                    
       <c-col :span="12">
        <el-form-item label="Total Amount" prop="lttp.totamt">
            <c-input  v-model="model.lttp.totamt"  placeholder="请输入Total Amount"></c-input>
        </el-form-item>
       </c-col> -->
    </c-row>
  </div>
</template>
<script>
import Api from "~/service/Api";
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Lttopn/Event";

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