Ovwp.vue

<template>
  <div class="eibs">
                                                                                                                                                                                                                                                                                                                                                                 
       <c-row >
             <c-col :span="24">

                  <!---------------------------左边--------------------------->
                 <c-col :span="12" class="col-left">
                     <c-col :span="24">
                         <el-form-item label="信用证编号" prop="lidgrp.rec.ownref">
                             <c-input  v-model="model.lidgrp.rec.ownref" maxlength="16"  placeholder="请输入信用证编号" disabled></c-input>
                         </el-form-item>
                    </c-col>
                   <c-col :span="24">
                    <el-form-item label="单据参考号" prop="brdgrp.rec.ownref">
                        <c-input  v-model="model.brdgrp.rec.ownref" maxlength="16"  placeholder="请输入单据参考号" disabled></c-input>
                    </el-form-item>
                   </c-col>

                  <c-col :span="24">
                      <c-col :span="13">
                       <el-form-item label="单据金额" prop="brdgrp.cbs.max.cur">
                           <c-select v-model="model.brdgrp.cbs.max.cur" style="width:100%" placeholder="请选择单据金额" disabled :code="codes.cur">
                             </c-select>
                       </el-form-item>
                      </c-col>
                        <c-col :span="11">
                         <el-form-item label="" prop="brdgrp.cbs.max.amt" label-width="5px">
                             <c-input  v-model="model.brdgrp.cbs.max.amt"  placeholder="请输入单据金额" disabled></c-input>
                         </el-form-item>
                        </c-col>
                     </c-col>

                    <c-col :span="24">
                        <c-col :span="13">
                         <el-form-item label="单据余额" prop="brdgrp.cbs.opn1.cur">
                             <c-input  v-model="model.brdgrp.cbs.opn1.cur" maxlength="3"  placeholder="请输入单据余额" disabled :code="codes.cur"></c-input>
                         </el-form-item>
                        </c-col>

                        <c-col :span="11">
                         <el-form-item label="" prop="brdgrp.cbs.opn1.amt" label-width="5px">
                             <c-input  v-model="model.brdgrp.cbs.opn1.amt"  placeholder="请输入" disabled></c-input>
                         </el-form-item>
                        </c-col>
                    </c-col>

                     <c-col :span="24">
                         <c-col :span="12">
                         <el-form-item label="到单日期" prop="brdgrp.rec.rcvdat">
                             <c-date-picker type="date"  v-model="model.brdgrp.rec.rcvdat" style="width:100%"  placeholder="请选择到单日期" disabled></c-date-picker>
                         </el-form-item>
                        </c-col>
                        <c-col :span="12">
                         <el-form-item label="通知到单日期" prop="brdgrp.rec.advdat">
                             <c-date-picker type="date"  v-model="model.brdgrp.rec.advdat" style="width:100%"  placeholder="请选择Date of Advice of Payment" disabled></c-date-picker>
                         </el-form-item>
                        </c-col>
                    </c-col>

                    <c-col :span="24">
                        <c-col :span="12">
                         <el-form-item label="远期单据到期日" prop="brdgrp.rec.matdat">
                             <c-date-picker type="date"  v-model="model.brdgrp.rec.matdat" style="width:100%"  placeholder="请选择Maturity Date" disabled></c-date-picker>
                         </el-form-item>
                        </c-col>
                        <c-col :span="12">
                         <el-form-item label="开始日期" prop="brdgrp.rec.stadat">
                             <c-date-picker type="date"  v-model="model.brdgrp.rec.stadat" style="width:100%"  placeholder="请选择远期单据到期日" disabled></c-date-picker>
                         </el-form-item>
                        </c-col>
                    </c-col>
                    <c-col :span="24">
                        <c-col :span="12">
                         <el-form-item label="单据类型" prop="brdgrp.rec.docflg">
                             <c-select v-model="model.brdgrp.rec.docflg" style="width:100%" placeholder="请选择单据类型" :code="codes.docflg" disabled>
                               </c-select>
                         </el-form-item>
                        </c-col>
                         <c-col :span="12">
                                <el-form-item label="期限（天）" prop="brdgrp.rec.tenmaxday">
                                    <c-input  v-model="model.brdgrp.rec.tenmaxday"  placeholder="请输入Tenor day" disabled></c-input>
                                </el-form-item>
                           </c-col>
                     </c-col>
                    <c-col :span="24">
                     <el-form-item label="单据状态" prop="brdgrp.rec.docsta">
                         <c-select v-model="model.brdgrp.rec.docsta" style="width:100%" placeholder="请选择单据状态" :code="codes.docsta1" disabled>
                           </c-select>
                     </el-form-item>
                    </c-col>
                 </c-col>

                 <!---------------------------右边--------------------------->
                 <c-col :span="12" class="col-right">
                   <c-col :span="24">
                     <el-form-item label="到期日" prop="lidgrp.rec.expdat">
                         <c-date-picker type="date"  v-model="model.lidgrp.rec.expdat" style="width:100%"  placeholder="请选择日期" disabled></c-date-picker>
                     </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <c-col :span="13">
                         <el-form-item label="信用证余额" prop="lidgrp.cbs.opn1.cur">
                             <c-input  v-model="model.lidgrp.cbs.opn1.cur" maxlength="3"  placeholder="请选择币种" disabled></c-input>
                         </el-form-item>
                        </c-col>
                       <c-col :span="11">
                        <el-form-item label="" prop="lidgrp.cbs.opn1.amt" label-width="5px">
                            <c-input  v-model="model.lidgrp.cbs.opn1.amt"  placeholder="请输入" disabled></c-input>
                        </el-form-item>
                       </c-col>
                    </c-col>
                    <c-col :span="24">
                     <el-form-item label="单据简略信息" prop="brdgrp.rec.nam">
                         <c-input  v-model="model.brdgrp.rec.nam" maxlength="40"  placeholder="请输入单据简略信息" disabled></c-input>
                     </el-form-item>
                    </c-col>
                   <c-col :span="24">
                       <c-col :span="13">
                         <el-form-item label="申请人" prop="brdgrp.apl.pts.ref">
                             <c-input  v-model="model.brdgrp.apl.pts.ref" maxlength="16"  placeholder="请输入申请人" disabled></c-input>
                         </el-form-item>
                        </c-col>
                        <c-col :span="11">
                         <el-form-item label="" prop="brdgrp.apl.pts.nam" label-width="5px">
                             <c-input  v-model="model.brdgrp.apl.pts.nam" maxlength="40"  placeholder="请输入" disabled></c-input>
                         </el-form-item>
                        </c-col>
                    </c-col>

                    <c-col :span="24">
                        <c-col :span="13">
                         <el-form-item label="受益人" prop="brdgrp.ben.pts.ref">
                             <c-input  v-model="model.brdgrp.ben.pts.ref" maxlength="16"  placeholder="请输入受益人" disabled></c-input>
                         </el-form-item>
                        </c-col>
                        <c-col :span="11">
                         <el-form-item label="" prop="brdgrp.ben.pts.nam" label-width="5px">
                             <c-input  v-model="model.brdgrp.ben.pts.nam" maxlength="40"  placeholder="请输入" disabled></c-input>
                         </el-form-item>
                        </c-col>
                    </c-col>

                    <c-col :span="24">
                        <c-col :span="13">
                         <el-form-item label="交单行" prop="brdgrp.prb.pts.ref">
                             <c-input  v-model="model.brdgrp.prb.pts.ref" maxlength="16"  placeholder="请输入交单行" disabled></c-input>
                         </el-form-item>
                        </c-col>
                        <c-col :span="11">
                         <el-form-item label="" prop="brdgrp.prb.pts.nam" label-width="5px">
                             <c-input  v-model="model.brdgrp.prb.pts.nam" maxlength="40"  placeholder="请输入" disabled></c-input>
                         </el-form-item>
                        </c-col>
                    </c-col>
                 </c-col>
             </c-col>




         </c-row>
    </div>
</template>
<script>

import event from "../event"

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

        }
    },
}
</script>
<style>

</style>