<template>
  <div class="eibs-tab">
   <c-row>     
     <!-- =================顶部====================== -->    
     <c-col :span="24">                                             
       <c-col :span="12">
        <el-form-item label="Collection Number" prop="bcdgrp.rec.ownref">
            <c-input disabled v-model="model.bcdgrp.rec.ownref" maxlength="16"  placeholder="请输入Collection Number"></c-input>
        </el-form-item>
       </c-col>             
                                   
       <c-col :span="12">
        <el-form-item label="Name" prop="bcdgrp.rec.nam">
            <c-input disabled v-model="model.bcdgrp.rec.nam" maxlength="40"  placeholder="请输入Name"></c-input>
        </el-form-item>
       </c-col>
     </c-col>  
<!-- ====================左边======================= -->
     <c-col :span="11">                             
       <c-col :span="12">
        <el-form-item label="Document Amount" prop="bcdgrp.cbs.max.cur">
            <c-select disabled v-model="model.bcdgrp.cbs.max.cur" style="width:100%" placeholder="请选择Document Amount">
              </c-select>
        </el-form-item>
       </c-col>
                
       <c-col :span="12">
        <el-form-item label-width="0" prop="bcdgrp.cbs.max.amt">
            <c-input disabled v-model="model.bcdgrp.cbs.max.amt"  placeholder="请输入Document Amount"></c-input>
        </el-form-item>
       </c-col>

        <c-col :span="12">
        <el-form-item label="Open Amount" prop="bcdgrp.cbs.opn1.cur">
            <c-select disabled v-model="model.bcdgrp.cbs.opn1.cur" style="width:100%" placeholder="请选择Open Amount">
              </c-select>
        </el-form-item>
       </c-col>                  
       <c-col :span="12">
        <el-form-item label-width="0" prop="bcdgrp.cbs.opn1.amt">
            <c-input disabled  v-model="model.bcdgrp.cbs.opn1.amt"  placeholder="请输入Open Amount"></c-input>
        </el-form-item>
       </c-col>
    
          <c-col :span="12">
        <el-form-item label="Docs Received on" prop="bcdgrp.rec.rcvdat">
            <c-date-picker disabled type="date"  v-model="model.bcdgrp.rec.rcvdat" style="width:100%"  placeholder="请选择Docs Received on"></c-date-picker>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Advice on" prop="bcdgrp.rec.advdat">
            <c-date-picker disabled type="date"  v-model="model.bcdgrp.rec.advdat" style="width:100%"  placeholder="请选择Date of Advice of Documents Received"></c-date-picker>
        </el-form-item>
       </c-col>
       <c-col :span="12">
        <el-form-item label="Maturity Date" prop="bcdgrp.rec.matdat">
            <c-date-picker type="date" disabled v-model="model.bcdgrp.rec.matdat" style="width:100%"  placeholder="请选择Maturity Date"></c-date-picker>
        </el-form-item>
       </c-col>                                   
       <c-col :span="12">
        <el-form-item label="Remitted on " prop="bcdgrp.rec.predat">
            <c-date-picker type="date" disabled v-model="model.bcdgrp.rec.predat" style="width:100%"  placeholder="请选择Maturity Date"></c-date-picker>
        </el-form-item>
       </c-col>
       <c-col :span="24">
        <el-form-item label="Payment Condition" prop="bcdgrp.rec.doctypcod">
            <c-select disabled v-model="model.bcdgrp.rec.doctypcod" style="width:100%" placeholder="请选择Payment Condition">
              </c-select>
        </el-form-item>
       </c-col>
       <c-col :span="24">
        <el-form-item label="Document Set Status" prop="bcdgrp.rec.docsta">
            <c-input disabled v-model="model.bcdgrp.rec.docsta" maxlength="1"  placeholder="请输入Document Set Status"></c-input>
        </el-form-item>
       </c-col>

      <c-col :span="24">
        <el-form-item label="Tenor Stream" prop="liaall.tenstm">
            <c-input  v-model="model.liaall.tenstm"  placeholder="请输入Tenor Stream"></c-input>
        </el-form-item>
       </c-col>                
       <c-col :span="24">
            <span  v-text="model.bctp.docgrdm.docdsclab"   data-path=".bctp.docgrdm.docdsclab" > </span>
       </c-col>

     </c-col>   

          <!-- ========================右边======================= -->
     <c-col :span="11" :offset="1">  
       <c-col :span="24">
        <el-form-item label="Drawee's Ref" prop="bcdgrp.dre.pts.ref">
            <c-input disabled  v-model="model.bcdgrp.dre.pts.ref" maxlength="16"  placeholder="请输入Drawee"></c-input>
        </el-form-item>
       </c-col>
      <c-col :span="24">
        <el-form-item label="Drawee's Name" prop="bcdgrp.dre.pts.nam">
            <c-input disabled v-model="model.bcdgrp.dre.pts.nam" maxlength="40"  placeholder="请输入Name of Party"></c-input>
        </el-form-item>
       </c-col>
     <c-col :span="24">
        <el-form-item label="Remitting Bank's Ref " prop="bcdgrp.rmi.pts.ref">
            <c-input disabled v-model="model.bcdgrp.rmi.pts.ref" maxlength="16"  placeholder="请输入Remitting Bank"></c-input>
        </el-form-item>
       </c-col>

      <c-col :span="24">
        <el-form-item label="Remitting Bank's Name" prop="bcdgrp.rmi.pts.nam">
            <c-input disabled v-model="model.bcdgrp.rmi.pts.nam" maxlength="40"  placeholder="请输入Name of Party"></c-input>
        </el-form-item>
       </c-col>
      <c-col :span="24">
        <el-form-item label="Drawer's Ref " prop="bcdgrp.drr.pts.ref">
            <c-input disabled v-model="model.bcdgrp.drr.pts.ref" maxlength="16"  placeholder="请输入Drawer"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
       <el-form-item label="Drawer's Name" prop="bcdgrp.drr.pts.nam">
            <c-input disabled v-model="model.bcdgrp.drr.pts.nam" maxlength="40"  placeholder="请输入Name of Party"></c-input>
        </el-form-item>
       </c-col>
       <c-col :span="24">
	    <c-checkbox v-model="model.bcdgrp.rec.focflg">Free of Payment</c-checkbox>
       </c-col>
       <c-col :span="12">
        <el-form-item label="Reduction Amt" prop="setmod.doccur">
            <c-select disabled v-model="model.setmod.doccur" style="width:100%" placeholder="请选择document currency">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label-width="0" prop="setmod.redamt">
            <c-input  v-model="model.setmod.redamt"  placeholder="请输入Reduction Amt."></c-input>
        </el-form-item>
       </c-col>
       
      <c-col :span="24">
	    <c-checkbox v-model="model.trtcre.crefinflg">Create Financing</c-checkbox>
       </c-col>
                  
       <c-col :span="24">
	    <c-checkbox v-model="model.mtabut.clsflg">Close Flag</c-checkbox>
       </c-col>

      <c-col :span="12">
        <el-form-item label="document amount" prop="setmod.doccur">
            <c-select disabled v-model="model.setmod.doccur" style="width:100%" placeholder="请选择document currency">
              </c-select>
        </el-form-item>
       </c-col>
       <c-col :span="12">
        <el-form-item label-width="0" prop="setmod.docamt">
            <c-input  v-model="model.setmod.docamt"  placeholder="请输入document amount"></c-input>
        </el-form-item>
       </c-col>
      <c-col :span="24">
        <el-form-item label="Contract No." prop="bcdgrp.rec.rptref">
            <c-input  v-model="model.bcdgrp.rec.rptref" style="width:100%" placeholder="请输入Contract No.">
              </c-input>
        </el-form-item>
       </c-col>
             <c-col :span="24">
        <el-form-item label="Invoice No." prop="bcdgrp.rec.invref">
            <c-input  v-model="model.bcdgrp.rec.invref" style="width:100%" placeholder="请输入Invoice No.">
              </c-input>
        </el-form-item>
       </c-col>


     </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/Bctset/Event"

export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [CommonProcess],
    data(){
        return {

        }
    },
    methods:{...Event},
    created:function(){

    }
}
</script>
<style>

</style>
