Ovwp.vue

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

     <!-- ====================左边======================= --> 
     <c-col :span="11"> 
         <c-col :span="24">                                                           
        <el-form-item label="Collection Number" prop="bcdgrp.rec.ownref">
           <c-fullbox>
            <c-input  
            disabled 
            v-model="model.bcdgrp.rec.ownref" 
            maxlength="16"  
            placeholder="请输入Collection Number"
            ></c-input>
             <template slot="footer">
              <c-button
                style="margin-left:18px ; padding: 0 12px"
                size="small"
                type="primary"
                
              >
                <span style="font-family: '宋体'; font-weight: bold">i</span>
              </c-button>
             </template>
           </c-fullbox>       
        </el-form-item>
       </c-col>                          
       <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 
            :code="codes.doctypcod"
            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" style="width:100%" >
            <c-select 
            :code="codes.docsta"
            style="width:100%"
            disabled v-model="model.bcdgrp.rec.docsta"   placeholder="请输入Document Set Status"></c-select>
        </el-form-item>
       </c-col>
       <c-col :span="24">
        <el-form-item label="Select Rejection Type" prop="rejtypsel" style="width:100%">
            <c-select  
            style="width:100%"
            :code="codes.rejtypsel"
            v-model="model.rejtypsel"   
            placeholder="请输入Select Rejection Type"></c-select>
        </el-form-item>
       </c-col>
       <c-col :span="24">
        <el-form-item label="Reason " prop="bcdgrp.blk.resrej">
            <c-fullbox>
            <c-input 
            :rows="4"
            style="width:100%"
            type="textarea" v-model="model.bcdgrp.blk.resrej" maxlength="50" show-word-limit placeholder="请输入Reason " ></c-input>
            <template slot="footer">
                <c-button size="small" type="primary" icon="el-icon-search" @click="onResrejButtxmsel">
           
        </c-button>
            </template>
            </c-fullbox>
        </el-form-item>
        </c-col>
         
      </c-col> 

      <!-- ========================右边======================= -->
    <c-col :span="11" :offset="1">   
         <c-col :span="24"> 
        <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 :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 
            :code="codes.advtyp"
            v-model="model.advtyp" style="width:100%" placeholder="请选择SWIFT Advice Type">
            </c-select>
        </el-form-item>
     </c-col>
     <c-col :span="24">
        <el-form-item label="SWIFT message dated " prop="swtdat">
            <c-date-picker type="date"  v-model="model.swtdat" style="width:100%"  placeholder="请选择修改日期"></c-date-picker>
        </el-form-item>
       </c-col>
     <c-col :span="24">
	    <c-checkbox 
        style=" margin: 0px 0 10px 150px;"
        disabled
         v-model="model.mtabut.clsflg">Close Contract</c-checkbox>
    </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/Bctdor/Event"

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

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

    }
}
</script>
<style>

</style>