<template>
  <div class="eibs-tab">

    <!-- ===========================左边 ======================== -->
    <c-col :span="12">
      <!-- 信用证编号 -->
      <c-col :span="24">
        <c-form-item label="Import L/C Ref" prop="lidgrp.rec.ownref">
          <c-fullbox>
            <c-input v-model="model.lidgrp.rec.ownref" maxlength="16" placeholder="" style="width: 100%" disabled></c-input>
            <template slot="footer">
              <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary" @click="onSeainf">
                <span style="font-family: '宋体'; font-weight: bold">i</span>
              </c-button>
              <c-button style="margin: 0 0" size="small" type="primary" :disabled="this.flag" @click="onDitpButgetref">
                获取
              </c-button>
            </template>
          </c-fullbox>
        </c-form-item>
      </c-col>
      <!-- 到期日 -->
      <c-col :span="24">
        <el-form-item label="Expiry" prop="lidgrp.rec.expdat">
          <c-date-picker type="date" v-model="model.lidgrp.rec.expdat" style="width: 100%" placeholder="请输入Expiry" disabled>
          </c-date-picker>
        </el-form-item>
      </c-col>

      <!--  单据参考号 -->
      <c-col :span="24">
        <c-form-item label="Bill Set Reference" prop="brdgrp.rec.ownref">
          <c-fullbox>
            <c-input v-model="model.brdgrp.rec.ownref" maxlength="16" placeholder="" disabled></c-input>
            <template slot="footer">
              <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary" @click="onSeainf">
                <span style="font-family: '宋体'; font-weight: bold">i</span>
              </c-button>
              <c-button style="margin: 0 0" size="small" type="primary" :disabled="this.flag" @click="onDitpButgetref">
                获取
              </c-button>
            </template>
          </c-fullbox>
        </c-form-item>
      </c-col>

      <!--  单据金额 -->
      <c-col :span="24">
        <c-col :span="13">
          <el-form-item label="Document Amount" prop="brdgrp.cbs.max.cur">
            <c-select v-model="model.brdgrp.cbs.max.cur" style="width: 100%" placeholder="请输入Document Amount"
              :code="codes.curtxt1" disabled>
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="11">
          <c-form-item label="" label-width="5px" prop="brdgrp.cbs.max.amt">
            <c-input v-model="model.brdgrp.cbs.max.amt" placeholder="" disabled></c-input>
          </c-form-item>
        </c-col>
      </c-col>

      <!--  单据余额 -->
      <c-col :span="24">
        <c-col :span="13">
          <c-form-item label="Open Amount" prop="brdgrp.cbs.opn1.cur">
            <c-input v-model="model.brdgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入Open Amount" disabled></c-input>
          </c-form-item>
        </c-col>
        <c-col :span="11">
          <c-form-item label="" label-width="5px" prop="brdgrp.cbs.opn1.amt">
            <c-input v-model="model.brdgrp.cbs.opn1.amt" placeholder="" disabled></c-input>
          </c-form-item>
        </c-col>
      </c-col>

      <!--  到单日期 -->
      <c-col :span="12">
        <el-form-item label="Received on" prop="brdgrp.rec.rcvdat">
          <c-date-picker type="date" v-model="model.brdgrp.rec.rcvdat" style="width: 100%" placeholder="请选择" disabled>
          </c-date-picker>
        </el-form-item>
      </c-col>

      <!--  通知到单日期 -->
      <c-col :span="12">
        <el-form-item label="Advised on" prop="brdgrp.rec.advdat">
          <c-date-picker type="date" v-model="model.brdgrp.rec.advdat" style="width: 100%" placeholder="请选择" disabled>
          </c-date-picker>
        </el-form-item>
      </c-col>

      <!-- Maturity Date 到期日-->
      <c-col :span="12">
        <el-form-item label="Maturity Date" prop="brdgrp.rec.matdat">
          <c-date-picker type="date" v-model="model.brdgrp.rec.matdat" style="width:100%" placeholder="请选择" disabled>
          </c-date-picker>
        </el-form-item>
      </c-col>

      <!--  Start Date    开始日-->
      <c-col :span="12">
        <el-form-item label="Start Date" prop="brdgrp.rec.stadat">
          <c-date-picker type="date" v-model="model.brdgrp.rec.stadat" style="width:100%" placeholder="请选择" disabled>
          </c-date-picker>
        </el-form-item>
      </c-col>

      <!-- 单据类型 Document Type-->
      <c-col :span="16">
        <el-form-item label="Document Type" prop="brdgrp.rec.docflg">
          <c-select v-model="model.brdgrp.rec.docflg" style="width:100%" placeholder="请选择单据类型" :code="codes.docflg" disabled>
          </c-select>
        </el-form-item>
      </c-col>
      <!-- Tenor -->
      <c-col :span="8">
        <el-form-item label="Tenor" label-width="100px" prop="brdgrp.rec.tenmaxday">
          <c-input v-model="model.brdgrp.rec.tenmaxday" placeholder="请输入Tenor day" disabled></c-input>
        </el-form-item>
      </c-col>

      <!-- 单据状态 Document Set Status-->
      <c-col :span="24">
        <el-form-item label="Document Set Status" prop="brdgrp.rec.docsta">
          <c-select v-model="model.brdgrp.rec.docsta" style="width:100%" placeholder="请选择单据状态" :code="codes.docsta" disabled>
          </c-select>
        </el-form-item>
      </c-col>
      <!-- Narrative -->
      <c-col :span="24">
        <el-form-item label="Narrative" prop="strinf">
          <c-input type="textarea" v-model="model.strinf" show-word-limit placeholder="请输入Narrative" rows="5">
          </c-input>
        </el-form-item>
      </c-col>

    </c-col>
    <!-- ========================== 右边 ======================== -->
    <c-col :span="11" :offset="1">

      <!--  信用证余额 -->
      <c-col :span="12">
        <c-form-item label="Open Amt L/C" prop="lidgrp.cbs.opn1.cur">
          <c-input v-model="model.lidgrp.cbs.opn1.cur" maxlength="3"
            :placeholder="$t('other.please_enter') + 'Currency'" disabled></c-input>
        </c-form-item>
      </c-col>
      <c-col :span="12">
        <c-form-item label="" label-width="10px" prop="lidgrp.cbs.opn1.amt">
          <c-input v-model="model.lidgrp.cbs.opn1.amt" placeholder="" disabled></c-input>
        </c-form-item>
      </c-col>

        <!--label="Name of Bill Contract"  -->
      <c-col :span="24"> 
        <el-form-item label="" prop="brdgrp.rec.nam">
          <c-input v-model="model.brdgrp.rec.nam" maxlength="40" placeholder="请输入Name of Bill Contract" disabled></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-ptsmsg :model="model" :argadr="{ title: 'Applicant Ref', grp: 'brdgrp', rol: 'apl' }" disabled>
        </c-ptsmsg>
      </c-col>

      <!-- eneficiary Ref -->
      <c-col :span="24">
        <c-ptsmsg :model="model" :argadr="{ title: 'Beneficiary Ref', grp: 'brdgrp', rol: 'ben' }" disabled>
        </c-ptsmsg>
      </c-col>

      <!-- Presenting Bank Ref -->
      <c-col :span="24">
        <c-ptsmsg :model="model" :argadr="{
          title: 'Presenting Bank Ref',
          grp: 'brdgrp',
          rol: 'prb',
        }" disabled>
        </c-ptsmsg>
      </c-col>

    </c-col>

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

    <!-- <c-col :span="12">
      <el-form-item label="信用证编号" prop="lidgrp.rec.ownref">
        <c-input v-model="model.lidgrp.rec.ownref" maxlength="16" placeholder="请输入信用证编号"></c-input>
      </el-form-item>
    </c-col> -->

    <!-- <c-col :span="12">
      <el-form-item label="" prop="brtp.lidget.sdamod.seainf">
        <c-input v-model="model.brtp.lidget.sdamod.seainf" placeholder="请输入"></c-input>
      </el-form-item>
    </c-col> -->

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

    <!-- <c-col :span="12">
      <el-form-item label="Currency" prop="lidgrp.cbs.opn1.cur">
        <c-input v-model="model.lidgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入Currency"></c-input>
      </el-form-item>
    </c-col> -->

    <!-- <c-col :span="12">
      <el-form-item label="Balance" prop="lidgrp.cbs.opn1.amt">
        <c-input v-model="model.lidgrp.cbs.opn1.amt" placeholder="请输入Balance"></c-input>
      </el-form-item>
    </c-col> -->

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

    <!-- <c-col :span="12">
      <el-form-item label="单据参考号" prop="brdgrp.rec.ownref">
        <c-input v-model="model.brdgrp.rec.ownref" maxlength="16" placeholder="请输入单据参考号"></c-input>
      </el-form-item>
    </c-col> -->

    <!-- <c-col :span="12">
      <el-form-item label="" prop="brtp.recget.sdamod.seainf">
        <c-input v-model="model.brtp.recget.sdamod.seainf" placeholder="请输入"></c-input>
      </el-form-item>
    </c-col> -->

    <!-- <c-col :span="12">
      <el-form-item label="Name of Bill Contract" prop="brdgrp.rec.nam">
        <c-input v-model="model.brdgrp.rec.nam" maxlength="40" placeholder="请输入Name of Bill Contract"></c-input>
      </el-form-item>
    </c-col> -->

    <!-- <c-col :span="12">
      <el-form-item label="单据金额" prop="brdgrp.cbs.max.cur">
        <c-select v-model="model.brdgrp.cbs.max.cur" style="width:100%" placeholder="请选择单据金额">
        </c-select>
      </el-form-item>
    </c-col> -->

    <!-- <c-col :span="12">
      <el-form-item label="单据金额" prop="brdgrp.cbs.max.amt">
        <c-input v-model="model.brdgrp.cbs.max.amt" placeholder="请输入单据金额"></c-input>
      </el-form-item>
    </c-col> -->

    <!-- <c-col :span="12">
      <el-form-item label="申请人" prop="brdgrp.apl.pts.ref">
        <c-input v-model="model.brdgrp.apl.pts.ref" maxlength="16" placeholder="请输入申请人"></c-input>
      </el-form-item>
    </c-col> -->

    <!-- <c-col :span="12">
      <el-form-item label="单据余额" prop="brdgrp.cbs.opn1.cur">
        <c-input v-model="model.brdgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入单据余额"></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="Balance" prop="brdgrp.cbs.opn1.amt">
        <c-input v-model="model.brdgrp.cbs.opn1.amt" placeholder="请输入Balance"></c-input>
      </el-form-item>
    </c-col> -->

    <!-- <c-col :span="12">
      <el-form-item label="Name of Party" prop="brdgrp.apl.pts.nam">
        <c-input v-model="model.brdgrp.apl.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input>
      </el-form-item>
    </c-col> -->
    <!-- 
    <c-col :span="12">
      <el-form-item label="到单日期" prop="brdgrp.rec.rcvdat">
        <c-date-picker type="date" v-model="model.brdgrp.rec.rcvdat" style="width:100%" placeholder="请选择到单日期">
        </c-date-picker>
      </el-form-item>
    </c-col> -->

    <!-- <c-col :span="12">
      <el-form-item label="Date of Advice of Payment" prop="brdgrp.rec.advdat">
        <c-date-picker type="date" v-model="model.brdgrp.rec.advdat" style="width:100%"
          placeholder="请选择Date of Advice of Payment"></c-date-picker>
      </el-form-item>
    </c-col> -->

    <!-- <c-col :span="12">
      <el-form-item label="受益人" prop="brdgrp.ben.pts.ref">
        <c-input v-model="model.brdgrp.ben.pts.ref" maxlength="16" placeholder="请输入受益人"></c-input>
      </el-form-item>
    </c-col> -->

    <!-- <c-col :span="12">
      <span v-text="model.brtp.matp.mattxtlab" data-path=".brtp.matp.mattxtlab"> </span>
    </c-col> -->

    <!-- <c-col :span="12">
      <el-form-item label="Maturity Date" prop="brdgrp.rec.matdat">
        <c-date-picker type="date" v-model="model.brdgrp.rec.matdat" style="width:100%" placeholder="请选择Maturity Date">
        </c-date-picker>
      </el-form-item>
    </c-col> -->

    <!-- <c-col :span="12">
      <el-form-item label="远期单据到期日" prop="brdgrp.rec.stadat">
        <c-date-picker type="date" v-model="model.brdgrp.rec.stadat" style="width:100%" placeholder="请选择远期单据到期日">
        </c-date-picker>
      </el-form-item>
    </c-col> -->

    <!-- <c-col :span="12">
      <el-form-item label="Name of Party" prop="brdgrp.ben.pts.nam">
        <c-input v-model="model.brdgrp.ben.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input>
      </el-form-item>
    </c-col> -->

    <!-- <c-col :span="12">
      <el-form-item label="单据类型" prop="brdgrp.rec.docflg">
        <c-select v-model="model.brdgrp.rec.docflg" style="width:100%" placeholder="请选择单据类型">
        </c-select>
      </el-form-item>
    </c-col> -->

    <!-- <c-col :span="12">
      <el-form-item label="Tenor day" prop="brdgrp.rec.tenmaxday">
        <c-input v-model="model.brdgrp.rec.tenmaxday" placeholder="请输入Tenor day"></c-input>
      </el-form-item>
    </c-col> -->

    <!-- <c-col :span="12">
      <el-form-item label="交单行" prop="brdgrp.prb.pts.ref">
        <c-input v-model="model.brdgrp.prb.pts.ref" maxlength="16" placeholder="请输入交单行"></c-input>
      </el-form-item>
    </c-col> -->

    <!-- <c-col :span="12">
      <el-form-item label="Name of Party" prop="brdgrp.prb.pts.nam">
        <c-input v-model="model.brdgrp.prb.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input>
      </el-form-item>
    </c-col> -->

    <!-- <c-col :span="12">
      <el-form-item label="单据状态" prop="brdgrp.rec.docsta">
        <c-select v-model="model.brdgrp.rec.docsta" style="width:100%" placeholder="请选择单据状态">
        </c-select>
      </el-form-item>
    </c-col> -->

    <!-- <c-col :span="12">
      <el-form-item label="Narrative" prop="strinf">
        <c-input type="textarea" v-model="model.strinf" maxlength="50" show-word-limit placeholder="请输入Narrative">
        </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/Brteus/Event"
import Ptsmsg from "~/views/Public/Ptsmsg";

export default {
  components: {
    // "c-ptap1": Ptap1,
    // "c-ptap": Ptap,
    "c-ptsmsg": Ptsmsg,
  },
  inject: ['root'],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {

    }
  },
  methods: { ...Event, onSeainf() { }, onDitpButgetref() { } },
  created: function () {},
  computed: {
    flag() {
      return this.model.brdgrp.prb.pts.extkey == "";
    },
  },
}
</script>
<style>
</style>
