<template>
  <div class="eibs">
    <!-- ============================顶部================================ -->
    <c-col :span="24">
      <!-- Reference参考号 Export L/C Ref. -->
      <c-col :span="12">
        <el-form-item label="出口信用证编号" prop="ledgrp.rec.ownref">
          <c-fullbox>
            <c-input v-model="model.ledgrp.rec.ownref" maxlength="16" placeholder="请输入编号" style="width: 95%"
              :disabled="true" @keyup.enter.native="eventFunction(
                'ledgrp.rec.ownref'
              )">
            </c-input>
            <template slot="footer">
              <c-button style="margin: 0 0 0 0; padding: 0 12px" size="small" type="primary" @click="onSeainf">
                <i class="el-icon-info" style="font-size:15px"></i>
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <!--  Open Amt L/C 信用证余额-->
      <c-col :span="11" :offset="1">
        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="信用证余额" prop="ledgrp.cbs.opn1.cur">
              <c-select v-model="model.ledgrp.cbs.opn1.cur" maxlength="3" placeholder="请选择币种" :code="codes.curtxt"
                disabled></c-select>
            </el-form-item>
          </c-col>

          <c-col :span="12">
            <el-form-item label="" label-width="5px" prop="ledgrp.cbs.opn1.amt">
              <c-input v-model="model.ledgrp.cbs.opn1.amt" placeholder="请输入信用证余额" disabled class="m-input-currency">
              </c-input>
            </el-form-item>
          </c-col>
        </c-col>
      </c-col>
    </c-col>

    <c-col :span="24">
      <c-col :span="12">
        <!-- Bill Set Reference 单据参考号-->
        <el-form-item label="出口单据参考号" prop="bedgrp.rec.ownref">
          <c-fullbox>
            <c-input v-model="model.bedgrp.rec.ownref" maxlength="16" placeholder="请输入单据参考号" style="width: 95%"
              disabled></c-input>
            <template slot="footer">
              <c-button style="margin: 0 0 0 0; padding: 0 12px" size="small" type="primary" @click="onSeainf">
                <i class="el-icon-info" style="font-size:15px"></i>
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <!-- Name 摘要  Externally Displayed Name to Identify the Contract-->
      <c-col :span="11" :offset="1">
        <el-form-item label="单据简略信息" prop="bedgrp.rec.nam">
          <c-input text-align="middle" v-model="model.bedgrp.rec.nam" maxlength="40" placeholder="请输入简略信息" disabled>
          </c-input>
        </el-form-item>
      </c-col>
    </c-col>

    <!-- ============================第三行开始，金额日期 =========================-->
    <c-col :span="24">
      <!-- 第三行开始-金额日期--左边- -->
      <c-col :span="12">
        <!-- Document Amount 单据金额-->
        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="单据金额" prop="bedgrp.cbs.max.cur">
              <c-select v-model="model.bedgrp.cbs.max.cur" style="width: 100%" placeholder="请选择币种"
                @keyup.enter.native="maxCurEvent" :code="codes.curtxt" disabled>
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="8">
            <el-form-item label="" label-width="5px" prop="bedgrp.cbs.max.amt">
              <c-input-currency v-model="model.bedgrp.cbs.max.amt" style="text-align: left; width: 100%"
                placeholder="请输入金额" @keyup.enter.native="
                  defaultFunction(
                    'bedgrp.cbs.max.amt',
                    model.bedgrp.cbs.max.amt
                  )
                " disabled></c-input-currency>
            </el-form-item>
          </c-col>
          <c-col :span="4">
            <c-checkbox v-model="model.betp.adaflg" style="margin-left: 10px" disabled>附加金额</c-checkbox>
          </c-col>
        </c-col>

        <!-- Open Amount  单据余额-->
        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="单据余额" prop="bedgrp.cbs.opn1.cur">
              <c-select v-model="model.bedgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入"
                style="width: 100%" disabled :code="codes.curtxt"></c-select>
            </el-form-item>
          </c-col>
          <c-col :span="8">
            <el-form-item label="" label-width="5px" prop="bedgrp.cbs.opn1.amt">
              <c-input-currency v-model="model.bedgrp.cbs.opn1.amt" style="text-align: left; width: 100%"
                placeholder="请输入金额" disabled></c-input-currency>
            </el-form-item>
          </c-col>
          <c-col :span="4">
          </c-col>
        </c-col>

        <!-- Document Type 单据类型-->
        <c-col :span="24">
          <el-form-item label="单据类型" prop="bedgrp.rec.doctypcod">
            <c-select v-model="model.bedgrp.rec.doctypcod" style="width: 100%" placeholder="请选择单据类型"
              :code="codes.doctypcod1" disabled>
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <!-- Maturity Date 到期日-->
          <c-col :span="12">
            <el-form-item label="到期日" prop="bedgrp.rec.matdat">
              <c-date-picker type="date" v-model="model.bedgrp.rec.matdat" style="width: 100%" placeholder="请选择到期日"
                value-format="yyyy-MM-dd" :disabled="true"></c-date-picker>
            </el-form-item>
          </c-col>
          <c-col :span="12"></c-col>
        </c-col>

        <c-col :span="24">
          <!-- Received on 到单日期-->
          <c-col :span="12">
            <el-form-item label="收到日期" prop="bedgrp.rec.rcvdat">
              <c-date-picker type="date" v-model="model.bedgrp.rec.rcvdat" style="width: 100%" placeholder="请选择收到日期"
                value-format="yyyy-MM-dd" :disabled="true"></c-date-picker>
            </el-form-item>
          </c-col>
          <!-- Presented on 提示日期 -->
          <c-col :span="12">
            <el-form-item label="交单日期" prop="bedgrp.rec.predat">
              <c-date-picker type="date" v-model="model.bedgrp.rec.predat" style="width: 100%" placeholder="请选择提示日期"
                value-format="yyyy-MM-dd" :disabled="true"></c-date-picker>
            </el-form-item>
          </c-col>
        </c-col>

        <!-- Document Status单据状态 -->
        <c-col :span="24">
          <el-form-item label="单据状态" prop="bedgrp.rec.docsta">
            <c-select v-model="model.bedgrp.rec.docsta" maxlength="40" style="width: 100%" placeholder="请输入单据状态"
              :code="codes.docsta" disabled></c-select>
          </el-form-item>
        </c-col>

      </c-col>

      <!-- ========================第三行开始金额日期的右边Presented by======================= -->
      <c-col :span="11" :offset="1">
        <!--Presented by 交单人 -->
        <c-col :span="24">
          <el-form-item label="交单行" prop="bedgrp.prb.pts.ref">
            <c-input v-model="model.bedgrp.prb.pts.ref" maxlength="16" placeholder="请输入交单人" disabled></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="" prop="bedgrp.prb.pts.nam">
            <c-input v-model="model.bedgrp.prb.pts.nam" maxlength="40" placeholder="请输入名称" disabled></c-input>
          </el-form-item>
        </c-col>

        <!-- 开证行 Issuing Bank Ref. -->
        <c-col :span="24">
          <el-form-item label="开证行参考号" prop="bedgrp.iss.pts.ref">
            <c-input v-model="model.bedgrp.iss.pts.ref" maxlength="16" placeholder="请输入开证行" disabled></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="" prop="bedgrp.iss.pts.nam">
            <c-input v-model="model.bedgrp.iss.pts.nam" maxlength="40" placeholder="请输入名称" disabled></c-input>
          </el-form-item>
        </c-col>

        <!--Applicant Ref.  申请人-->
        <c-col :span="24">
          <el-form-item label="申请人参考号" prop="bedgrp.apl.pts.ref">
            <c-input v-model="model.bedgrp.apl.pts.ref" maxlength="16" placeholder="请输入申请人" disabled></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="" prop="bedgrp.apl.pts.nam">
            <c-input v-model="model.bedgrp.apl.pts.nam" maxlength="40" placeholder="请输入名称" disabled></c-input>
          </el-form-item>
        </c-col>

      </c-col>
    </c-col>

    <!-- =================================上下两部分 分割线 ============================-->
    <c-col :span="24">
      <el-form-item style="margin-left: -150px">
        <el-divider />
      </el-form-item>
    </c-col>
    <c-col :span="24">
      <c-docpre :model="model" :argadr="{
        path: 'bedgrp.blk.prsdoc',
        grp: 'betp',
        code: 'docpre',
      }"></c-docpre>
    </c-col>
    <c-col :span="24">
      <!-- =================================下半部分--左边-表格 ============================-->
      <c-col :span="12">
        <c-col :span="12">
          <el-form-item label="收到日期" prop="bedgrp.rec.rcvdat">
            <c-date-picker type="date" v-model="model.bedgrp.rec.rcvdat" style="width: 100%" placeholder="请选择收到日期"
              value-format="yyyy-MM-dd" :disabled="true"></c-date-picker>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="装运日期" prop="bedgrp.rec.shpdat">
            <c-date-picker type="date" v-model="model.bedgrp.rec.shpdat" style="width: 100%" placeholder="请选择装运日期"
              value-format="yyyy-MM-dd"></c-date-picker>
          </el-form-item>
        </c-col>
        <!-- S0000051 : Presentation Date -->
        <c-col :span="12">
          <el-form-item label="交单日期" prop="bedgrp.rec.predat">
            <c-date-picker type="date" v-model="model.bedgrp.rec.predat" style="width: 100%" value-format="yyyy-MM-dd"
              placeholder="请选择日期"></c-date-picker>
          </el-form-item>
        </c-col>
        <!-- Maturity Date -->
        <c-col :span="12">
          <el-form-item label="到期日" prop="bedgrp.rec.matdat">
            <c-date-picker type="date" v-model="model.bedgrp.rec.matdat" style="width: 100%" placeholder="请选择到期日"
              value-format="yyyy-MM-dd" :disabled="model.bedgrp.blk.matper!=''||model.bedgrp.rec.doctypcod=='P'">
            </c-date-picker>
          </el-form-item>
        </c-col>
    
    
        <!-- Maturity Period -->
        <c-col :span="24">
          <el-form-item label="到期期限" prop="bedgrp.blk.matper">
            <c-input type="textarea" v-model="model.bedgrp.blk.matper" maxlength="65" show-word-limit placeholder="请输入到期期限"
              :disabled="model.bedgrp.rec.matdat!=null&&model.bedgrp.rec.matdat!=''||model.bedgrp.rec.doctypcod=='P'">
            </c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <!-- ===============================下半部分-右边========================== -->
      <c-col :span="11" :offset="1">
        <!-- Payer -->
        <c-col :span="24">
          <el-form-item label="付款人" prop="bedgrp.rec.payrol">
            <c-select v-model="model.bedgrp.rec.payrol" style="width: 100%" placeholder="请选择付款人" :code="codes.rolall" @change="eventFunction(
                    'bedgrp.rec.payrol'
                  )">
            </c-select>
          </el-form-item>
        </c-col>
      
        <c-col :span="24">
          <c-ptap1 :model="model" :argadr="{
                title: '',
                grp: 'bedgrp',
                rol: 'oth',
              }" @onSeainf="onSeainf" @onAplpDet="onOthpDet" :disabled1="model.bedgrp.rec.payrol!='OTH'">
          </c-ptap1>
        </c-col>
      
        <!-- Presented by -->
        <c-col :span="24">
          <el-form-item label="交单行" prop="bedgrp.rec.docprbrol">
            <c-select v-model="model.bedgrp.rec.docprbrol" style="width: 100%" placeholder="请选择交单行" :code="codes.docprbrol0"
              disabled>
            </c-select>
          </el-form-item>
        </c-col>
      
        <c-col :span="24">
          <c-ptap1 :model="model" :argadr="{
                title: '',
                grp: 'bedgrp',
                rol: 'prb',
              }" @onSeainf="onSeainf" @onAplpDet="onPrbpDet" :disabled1="model.bedgrp.rec.docprbrol=='BEN'">
          </c-ptap1>
        </c-col>
      
        <c-col :span="17" :offset="7">
          <c-checkbox v-model="model.ameadrflg">
            修改受益人地址</c-checkbox>
        </c-col>
      
      </c-col>
    </c-col>

    

  </div>
</template>
<script>
import Api from '~/service/Api'
import commonProcess from '~/mixin/commonProcess'
import CodeTable from '~/config/CodeTable'
import Event from '~/model/Betsnd/Event'
import Ptap1 from "~/views/Public/Ptap1"
import Docpre from "~/views/Public/Docpre"

export default {
  components: {
    "c-ptap1": Ptap1,
    "c-docpre": Docpre,
  },
  inject: ['root'],
  props: ['model', 'codes'],
  mixins: [commonProcess],
  data() {
    return {}
  },
  methods: { ...Event, onSeainf() { } },
  created: function () { },
}
</script>
<style>

</style>