<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 style="text-align: left"  label-width="0"  prop="bcdgrp.cbs.max.amt">
            <c-input disabled style="text-align: left; width: 100%" 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 style="text-align: left; width: 100%" 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="Select Rejection Type" prop="rejtypsel">
            <c-input  v-model="model.rejtypsel" maxlength="1"  placeholder="请输入Select Rejection Type"></c-input>
        </el-form-item>
       </c-col>
       <c-col :span="20">
        <el-form-item label="Reason " prop="bcdgrp.blk.resrej">
            <c-input type="textarea" v-model="model.bcdgrp.blk.resrej" maxlength="50" show-word-limit placeholder="请输入Reason " ></c-input>
        </el-form-item>
        </c-col>
         <c-col :span="4">
        <c-button size="small" type="primary" icon="el-icon-search" @click="onResrejButtxmsel">
            ...
        </c-button>
       </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">
        <el-form-item label="SWIFT Advice Type" prop="advtyp">
            <c-select v-model="model.advtyp" style="width:100%" placeholder="请选择SWIFT Advice Type">
              </c-select>
        </el-form-item>
     </c-col>
     <c-col :span="24">
	    <c-checkbox  v-model="model.mtabut.clsflg">Close Flag</c-checkbox>
    </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/Bctdor/Event"

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

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

    }
}
</script>
<style>

</style>
