Ovwp.vue

<template>
  <c-content class="eibs-tab" :height="200">

        <div class="infTopBtn">
            <el-button-group>
                <c-button size="small" type="primary" icon="el-icon-arrow-left"></c-button>
                <c-button size="small" type="primary" icon="el-icon-arrow-right"></c-button>
            </el-button-group>
            <c-button size="small" type="primary">Print</c-button>
            <c-button size="small" type="primary">Use</c-button>
            <c-button size="small" type="primary">Loginfo</c-button>
        </div>

        <c-row class="infrow" style="margin-top:50px;">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="18">
                        <el-form-item label="参考号" prop="ledgrp.rec.ownref">
                            <c-input  vnpm-model="model.ledgrp.rec.ownref" maxlength="16"  placeholder="请输入参考号"></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="2" :offset="1">
                        <c-button size="small" type="primary;width:10%" @click="onSeainf">i</c-button>
                    </c-col>
                </c-row>
            </c-col>  
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="信用证余额" prop="ledgrp.cbs.opn1.amt">
                            <c-col :span="6">
                                <c-select v-model="model.ledgrp.cbs.opn1.cur" maxlength="3"  placeholder="请输入Currency" :code="codes.curtxt"></c-select>
                            </c-col>
                            <c-col :span="16" :offset="2">
                                <c-input v-model="model.ledgrp.cbs.opn1.amt"  placeholder="请输入Balance"></c-input>
                            </c-col>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="18">
                        <el-form-item label="单据参考号" prop="bedgrp.rec.ownref">
                            <c-input  v-model="model.bedgrp.rec.ownref" maxlength="16"  placeholder="请输入单据参考号"></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="2" :offset="1">
                        <c-button size="small" type="primary;width:10%" @click="onSeainf">i</c-button>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="摘要" prop="bedgrp.rec.nam">
                            <c-input  v-model="model.bedgrp.rec.nam" maxlength="40"  placeholder="请输入Externally Displayed Name to Identify the Contract"></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>        
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="14">
                        <el-form-item label="单据金额" prop="bedgrp.cbs.max.amt">
                                <c-input  v-model="model.bedgrp.cbs.max.amt"  placeholder="请输入单据金额"></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="5" :offset="1">
                        <el-form-item label="" prop="bedgrp.cbs.max.cur" label-width="0px">
                            <c-select v-model="model.bedgrp.cbs.max.cur" style="width:100%" placeholder="请选择cur" :code="codes.curtxt"></c-select>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>   
            <c-col :span="11" :offset="1">
                <c-row>  
                    <c-col :span="14">
                        <el-form-item label="交单人" prop="bedgrp.prb.pts.ref">
                            <c-input  v-model="model.bedgrp.prb.pts.ref" maxlength="16"  placeholder="请输入交单人"></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="5" :offset="1">
                        <el-form-item label="" prop="recpan.adaflg" label-width="0px">
                            <c-checkbox v-model="model.recpan.adaflg">附加金额</c-checkbox>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>    
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="14">
                       <el-form-item label="单据余额" prop="bedgrp.cbs.opn1.amt">
                           <c-input  v-model="model.bedgrp.cbs.opn1.amt"  placeholder="请输入Balance"></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="5" :offset="1">
                        <el-form-item label="" prop="bedgrp.cbs.opn1.cur" label-width="0px">
                            <c-select  v-model="model.bedgrp.cbs.opn1.cur" maxlength="3"  placeholder="请输入cur" :code="codes.curtxt"></c-select>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col> 
            <c-col :span="11" :offset="1">
                <c-row>  
                    <c-col :span="20">
                        <el-form-item label="交单人名称" prop="bedgrp.prb.pts.nam">
                            <c-input  v-model="model.bedgrp.prb.pts.nam" maxlength="40"  placeholder="请输入Name of Party"></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col> 
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="单据类型" prop="bedgrp.rec.doctypcod">
                            <c-select v-model="model.bedgrp.rec.doctypcod" style="width:100%" placeholder="请选择单据类型" :code="codes.bedtyp"></c-select>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col> 
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="开证行参考号" prop="bedgrp.iss.pts.ref">
                            <c-input  v-model="model.bedgrp.iss.pts.ref" maxlength="16"  placeholder="请输入开证行"></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col> 
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="到期日" prop="bedgrp.rec.matdat">
                            <c-date-picker type="date"  v-model="model.bedgrp.rec.matdat" style="width:100%"  placeholder="请选择到期日"></c-date-picker>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col> 
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="开证行名称" prop="bedgrp.iss.pts.nam">
                            <c-input  v-model="model.bedgrp.iss.pts.nam" maxlength="40"  placeholder="请输入Name of Party"></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col> 
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <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="请选择到单日期"></c-date-picker>
                        </el-form-item>
                     </c-col>
                     <c-col :span="7" :offset="1">
                        <el-form-item label="提示日期" label-width="60px" prop="bedgrp.rec.predat">
                            <c-date-picker type="date"  v-model="model.bedgrp.rec.predat" style="width:100%"  placeholder="请选择Presentation Date"></c-date-picker>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col> 
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="申请人参考号" prop="bedgrp.apl.pts.ref">
                            <c-input  v-model="model.bedgrp.apl.pts.ref" maxlength="16"  placeholder="请输入申请人"></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="单据状态" prop="bedgrp.rec.docsta">
                            <c-input  v-model="model.bedgrp.rec.docsta" maxlength="40"  placeholder="请输入单据状态"></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="申请人名称" prop="bedgrp.apl.pts.nam">
                            <c-input  v-model="model.bedgrp.apl.pts.nam" maxlength="40"  placeholder="请输入Name of Party"></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

<!-- /////////////////////////////////////////   -->

       <!-- <c-col :span="24">                       
       <c-col :span="8">/////
        <el-form-item label="参考号" prop="ledgrp.rec.ownref">
            <c-input  vnpm-model="model.ledgrp.rec.ownref" maxlength="16"  placeholder="请输入参考号"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="4">///
        <c-button size="small" type="primary;width:10%" @click="onSeainf">i</c-button>
       </c-col>
                 
       <c-col :span="12">///
        <el-form-item label="信用证余额" prop="ledgrp.cbs.opn1.amt">
             <c-col :span="6">
            <c-select v-model="model.ledgrp.cbs.opn1.cur" maxlength="3"  placeholder="请输入Currency"></c-select>
             </c-col>
              <c-col :span="16" :offset="2">
            <c-input v-model="model.ledgrp.cbs.opn1.amt"  placeholder="请输入Balance"></c-input>
              </c-col>
        </el-form-item>
       </c-col>
       </c-col>


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

       <c-col :span="4">/////
        <c-button size="small" type="primary;width:10%" @click="onSeainf">i</c-button>
       </c-col>
                                   
       <c-col :span="12">/////
        <el-form-item label="摘要" prop="bedgrp.rec.nam">
            <c-input  v-model="model.bedgrp.rec.nam" maxlength="40"  placeholder="请输入Externally Displayed Name to Identify the Contract"></c-input>
        </el-form-item>
       </c-col>
       </c-col>

       <c-col :span="24">                        
                  
       <c-col :span="8">///
        <el-form-item label="单据金额" prop="bedgrp.cbs.max.amt">
            <c-col :span="10">
            <c-select v-model="model.bedgrp.cbs.max.cur" style="width:100%" placeholder="请选择cur"></c-select>
            </c-col>
            <c-col :span="12" :offset="2">
            <c-input  v-model="model.bedgrp.cbs.max.amt"  placeholder="请输入单据金额"></c-input>
            </c-col>
        </el-form-item>
       </c-col>

        <c-col :span="4">///
	    <c-checkbox v-model="model.recpan.adaflg">附加金额</c-checkbox>
       </c-col>
                                   
       <c-col :span="12">///
        <el-form-item label="交单人" prop="bedgrp.prb.pts.ref">
            <c-input  v-model="model.bedgrp.prb.pts.ref" maxlength="16"  placeholder="请输入交单人"></c-input>
        </el-form-item>
       </c-col>
       </c-col>

       <c-col :span="8">////
        <el-form-item label="单据余额" prop="bedgrp.cbs.opn1.amt">
            <c-col :span="10">
                 <c-select  v-model="model.bedgrp.cbs.opn1.cur" maxlength="3"  placeholder="请输入cur"></c-select>
            </c-col>
            <c-col :span="12" :offset="2">
                <c-input  v-model="model.bedgrp.cbs.opn1.amt"  placeholder="请输入Balance"></c-input>
            </c-col>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12" :offset="4">////
        <el-form-item label="交单人名称" prop="bedgrp.prb.pts.nam">
            <c-input  v-model="model.bedgrp.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="bedgrp.rec.doctypcod">
            <c-select v-model="model.bedgrp.rec.doctypcod" style="width:100%" placeholder="请选择单据类型">
              </c-select>
        </el-form-item>
       </c-col>

       <c-col :span="12">/////
        <el-form-item label="开证行参考号" prop="bedgrp.iss.pts.ref">
            <c-input  v-model="model.bedgrp.iss.pts.ref" maxlength="16"  placeholder="请输入开证行"></c-input>
        </el-form-item>
       </c-col>

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

       <c-col :span="12" :offset="6">/////
        <el-form-item label="开证行名称" prop="bedgrp.iss.pts.nam">
            <c-input  v-model="model.bedgrp.iss.pts.nam" maxlength="40"  placeholder="请输入Name of Party"></c-input>
        </el-form-item>
       </c-col>  

        <c-col :span="6">///
        <el-form-item label="到单日期" prop="bedgrp.rec.rcvdat">
            <c-date-picker type="date"  v-model="model.bedgrp.rec.rcvdat" style="width:100%"  placeholder="请选择到单日期"></c-date-picker>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="6">///
        <el-form-item label="提示日期" prop="bedgrp.rec.predat">
            <c-date-picker type="date"  v-model="model.bedgrp.rec.predat" style="width:100%"  placeholder="请选择Presentation Date"></c-date-picker>
        </el-form-item>
       </c-col>
                                                    
       <c-col :span="12">///
        <el-form-item label="申请人参考号" prop="bedgrp.apl.pts.ref">
            <c-input  v-model="model.bedgrp.apl.pts.ref" maxlength="16"  placeholder="请输入申请人"></c-input>
        </el-form-item>
       </c-col>

       <c-col :span="12">
        <el-form-item label="单据状态" prop="bedgrp.rec.docsta">
            <c-input  v-model="model.bedgrp.rec.docsta" maxlength="40"  placeholder="请输入单据状态"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="申请人名称" prop="bedgrp.apl.pts.nam">
            <c-input  v-model="model.bedgrp.apl.pts.nam" maxlength="40"  placeholder="请输入Name of Party"></c-input>
        </el-form-item>
       </c-col> -->
  </c-content>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Infbed/Event"

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

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

    }
}
</script>
<style>
</style>