Utlp.vue

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

             <!---------------------------左边--------------------------->
            <c-col :span="11" >
                <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="请输入Balance" 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="Start Date" 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="Tenor" 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 :span="24">
                    <el-form-item label="Documents Presented" prop="brdgrp.blk.prsdoc">
                        <c-input type="textarea" v-model="model.brdgrp.blk.prsdoc" maxlength="65" show-word-limit placeholder="请输入Documents Presented" :rows="5" disabled></c-input>
                    </el-form-item>
                </c-col>

            </c-col>

            <!---------------------------右边--------------------------->
            <c-col :span="11" :offset="1">
              <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="请选择Date of Expiry" 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="请输入Currency" 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="请输入Balance" disabled></c-input>
                   </el-form-item>
                  </c-col>
               </c-col>
               <c-col :span="24">
                <el-form-item label="Name of Bill Contract" prop="brdgrp.rec.nam">
                    <c-input  v-model="model.brdgrp.rec.nam" maxlength="40"  placeholder="请输入Name of Bill Contract" 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="请输入Name of Party" 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="请输入Name of Party" 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="请输入Name of Party" disabled></c-input>
                    </el-form-item>
                   </c-col>
               </c-col>

                <c-col :span="24">
                   <br>
               </c-col>
                <c-col :span="24">
               	     <c-checkbox v-model="model.gleflg" true-label="X">系统内付款且过账</c-checkbox>
                </c-col>

                <c-col :span="24">
                     <c-col :span="13">
                        <el-form-item label="减少后的结算金额" prop="setmod.doccur">
                            <c-input  v-model="model.setmod.doccur" maxlength="3"  placeholder="请输入减少后的结算金额" disabled></c-input>
                        </el-form-item>
                   </c-col>
                   <c-col :span="11">
                        <el-form-item label="" prop="setmod.docamt" label-width="5px">
                            <c-input  v-model="model.setmod.docamt"  placeholder="请输入document amount"></c-input>
                        </el-form-item>
                    </c-col>
               </c-col>
                 <c-col :span="24">
                    <el-form-item label="Instructions Received from Applicant" prop="brdgrp.blk.aplins">
                        <c-input type="textarea" v-model="model.brdgrp.blk.aplins" maxlength="40" show-word-limit placeholder="请输入Instructions Received from Applicant" :rows="5"></c-input>
                    </el-form-item>
                </c-col>
            </c-col>
        </c-col>


    <!--多余字段先隐藏了-->
   <c-col :span="24" v-show="false">
       <c-col :span="12">
        <el-form-item label="Drag  Drop Sender" prop="brtp.lidget.sdamod.dadsnd">
            <c-input  v-model="model.brtp.lidget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
        </el-form-item>
       </c-col>
       <c-col :span="12">
        <el-form-item label="" prop="brtp.lidget.sdamod.seainf">
            <c-input  v-model="model.brtp.lidget.sdamod.seainf"  placeholder="请输入"></c-input>
        </el-form-item>
       </c-col>
         <c-col :span="12">
        <el-form-item label="Drag  Drop Sender" prop="brtp.recget.sdamod.dadsnd">
            <c-input  v-model="model.brtp.recget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
        </el-form-item>
       </c-col>
       <c-col :span="12">
        <el-form-item label="" prop="brtp.recget.sdamod.seainf">
            <c-input  v-model="model.brtp.recget.sdamod.seainf"  placeholder="请输入"></c-input>
        </el-form-item>
       </c-col>
        <c-col :span="12">
            <span  v-text="model.brtp.matp.mattxtlab"   data-path=".brtp.matp.mattxtlab" > </span>
        </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/Brtlat/Event"

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

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

    }
}
</script>
<style>

</style>