<template>
  <div class="eibs-tab">
    <c-row>
      <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 :span="10">
          <el-form-item label="L/C Amount" prop="ledgrp.cbs.nom1.cur">
            <c-input
              v-model="model.ledgrp.cbs.nom1.cur"
              maxlength="3"
              placeholder="请输入L/C Amount"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="10">
          <el-form-item label="" prop="ledgrp.cbs.nom1.amt">
            <c-input
              v-model="model.ledgrp.cbs.nom1.amt"
              placeholder="0.00"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="4">
          <c-checkbox v-model="model.recpan.letp0.aammod.addamtflg"
            >Add. Amount</c-checkbox
          >
        </c-col>
        <c-col :span="10">
          <el-form-item label="Open Amount" prop="ledgrp.cbs.opn1.cur">
            <c-input
              v-model="model.ledgrp.cbs.opn1.cur"
              maxlength="3"
              placeholder="请输入Open Amount"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="10">
          <el-form-item label="" prop="ledgrp.cbs.opn1.amt">
            <c-input
              v-model="model.ledgrp.cbs.opn1.amt"
              placeholder="0.00"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="4">
          <c-checkbox v-model="model.ledgrp.rec.revflg"
            >Revolving L/C</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="20">
          <el-form-item label="by" prop="ledgrp.rec.avbby">
            <c-select
              v-model="model.ledgrp.rec.avbby"
              style="width: 100%"
              placeholder="请选择Available by [AVBBY0]"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="4">
          <c-checkbox v-model="model.ledgrp.rec.redclsflg"
            >Red/Green Clause</c-checkbox
          >
        </c-col>
        <c-col :span="12">
          <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="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="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="12">
          <el-form-item label="" 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"
            >
            </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="Applicant Ref." 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="" 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 Original NO."
            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="recpan.letp0.cnftxt">
            <c-input
              v-model="model.recpan.letp0.cnftxt"
              maxlength="40"
              placeholder="请输入Confirmation text"
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>
    </c-row>

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

    <c-col :span="22">
      <c-row>
      <c-istream-table
        :list="stmData.data"
        :columns="stmData.columns"
        prop="recpan.leltb2b.litb2bstm"
      >
        <!--el-table-column prop="op" label="OP" width="100">placeholder="请输入display stream"</el-table-column-->
      </c-istream-table>
    </c-row>

      <!--el-form-item
        label="Streamgrid of other L/Cs backed by B2B LE"
        prop="recpan.leltb2b.litb2bstm"
      >
        <c-input
          v-model="model.recpan.leltb2b.litb2bstm"
          placeholder="请输入Streamgrid of other L/Cs backed by B2B LE"
        ></c-input>
      </el-form-item-->
    </c-col>

    <c-col :span="11">
      <el-form-item label="Total Amount" prop="recpan.totamt">
        <c-input
          v-model="model.recpan.totamt"
          placeholder="请输入Total Amount"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="11" :offset="1">
      <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>

    
  </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 {
      stmData: {
        columns: [
          '1 1 \"Type\" 192 ',
          '2 2 \"Reference\" 192 ',
          
          '11 3 \"Cur.\" 192',
          '12 4 \"Open Amount\" 192',
          // "18 5 \"MT\" 100",
          '3 5 \"Shipm. dat\" 192',
          '4 6 \"Expired\" 192',
          '5 7\"Name\" 192',
          '5 8\" \" 192',
        ],
        data: [],
      },
    };
  },
  methods: { ...Event },
  created: function () {},
};
</script>
<style>
</style>
