Payp.vue

<template>
  <div class="eibs-tab">
     <c-row>
      <c-col :span="24">
             <c-col :span="11">
              <el-form-item
                  label="信用证编号"
                  prop="lidgrp.rec.ownref"
                  style="width = 100%">
                  <c-fullbox>
                    <c-input
                        v-model="model.lidgrp.rec.ownref"
                        maxlength="16"
                        placeholder="请输入信用证编号"
                        disabled
                    ></c-input>
                    <template slot="footer">
                      <c-button
                      style="margin:0 0 0 10px;padding: 0 12px;"
                        size="small"
                        type="primary"
                        @click="onSeainf"
                      >
                      <span style="font-family:'宋体';font-weight:bold">i</span>
                      </c-button>
                    </template>
                 </c-fullbox>
              </el-form-item>
             </c-col>
             <c-col :span="11" :offset="1">
              <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>

          <!-- ====================左边======================= -->
             <c-col :span="11">
                  <c-col :span="24">
                      <el-form-item
                          label="单据参考号"
                          prop="brdgrp.rec.ownref"
                          style="width: 100%"
                      >
                      <c-fullbox>
                          <c-input
                          v-model="model.brdgrp.rec.ownref"
                          maxlength="8"
                          placeholder="请输入单据参考号"
                          disabled
                      ></c-input>
                          <template slot="footer">
                          <c-button
                          style="margin:0 0 0 10px;padding: 0 12px;"
                            size="small"
                            type="primary"
                            @click="onSeainf">
                          <span style="font-family:'宋体';font-weight:bold">i</span>
                          </c-button>
                          </template>
                    </c-fullbox>
                  </el-form-item>
                  </c-col>
                   <c-col :span="24">
                     <c-col :span="12">
                            <el-form-item label="单据金额" prop="brdgrp.cbs.max.cur">
                                <c-select v-model="model.brdgrp.cbs.max.cur" style="width:100%" placeholder="请选择Document Amount" disabled>
                                  </c-select>
                            </el-form-item>
                     </c-col>
                      <c-col :span="12">
                             <el-form-item label="" prop="brdgrp.cbs.max.amt" label-width="5px">
                                 <c-input  v-model="model.brdgrp.cbs.max.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.cbs.opn1.cur">
                               <c-input  v-model="model.brdgrp.cbs.opn1.cur" maxlength="3"  placeholder="请输入单据余额" disabled></c-input>
                           </el-form-item>
                       </c-col>
                        <c-col :span="12">
                               <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="请选择到单日期" 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="14">
                                   <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="10">
                               <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 :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="请选择日期"></c-date-picker>
                        </el-form-item>
                       </c-col>

                       <c-col :span="12">
                        <el-form-item label="交单日期" prop="brdgrp.rec.predat">
                            <c-date-picker type="date"  v-model="model.brdgrp.rec.predat" style="width:100%"  placeholder="请选择Presentation Date"></c-date-picker>
                        </el-form-item>
                       </c-col>
                     </c-col>

                     <c-col :span="24">
                             <el-form-item label="收到指示" prop="brdgrp.blk.aplins">
                                 <c-input type="textarea" v-model="model.brdgrp.blk.aplins" maxlength="40" show-word-limit placeholder="请输入收到指示" :rows="5"></c-input>
                             </el-form-item>
                      </c-col>

                </c-col>
                <!-- ====================右边======================= -->
                 <c-col :span="11" :offset="1">
                     <c-col :span="24">
                         <c-col :span="12">
                                <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="12">
                              <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="单据简略信息" 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="12">
                               <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="12">
                               <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="12">
                                <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="12">
                                  <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="12">
                                <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="12">
                                <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">
                            <el-form-item label="交单行" prop="brdgrp.rec.docprbrol">
                                <c-select v-model="model.brdgrp.rec.docprbrol" style="width:100%" placeholder="请选择Presented by" disabled :code="codes.payrol">
                                  </c-select>
                            </el-form-item>
                       </c-col>


                          <c-col :span="24">
                                 <c-col :span="21">
                                     <el-form-item label="寄单行" prop="brdgrp.prb.pts.extkey">
                                         <c-input
                                         v-model="model.brdgrp.prb.pts.extkey"
                                         maxlength="16"
                                         placeholder="请输入地址编码"
                                         @keyup.enter.native="
                                                          showGridPromptDialog('brdgrp.prb.pts.extkey')
                                                        "
                                         ></c-input>
                                     </el-form-item>
                                 </c-col>
                                <c-col :span="3">
                                     <c-button size="small" type="primary"  @click="onPrbpDet">
                                         详情
                                     </c-button>
                                </c-col>
                            </c-col>
                            <c-col :span="24">
                                    <el-form-item label="地址信息" prop="brdgrp.prb.dbfadrblkcn">
                                        <c-input type="textarea" v-model="model.brdgrp.prb.dbfadrblkcn" maxlength="150" show-word-limit placeholder="请输入Chinese address" disabled :rows="5"></c-input>
                                    </el-form-item>
                               </c-col>
                           <c-col :span="24">
                                   <el-form-item label="付款人" prop="brdgrp.rec.payrol">
                                       <c-select v-model="model.brdgrp.rec.payrol" style="width:100%" placeholder="请选择Payer" disabled :code="codes.payrol">
                                         </c-select>
                                   </el-form-item>
                          </c-col>

                          <c-col :span="24">
                              <c-col :span="21">
                                    <el-form-item label="其他当事人" prop="brtp.oth.pts.extkey">
                                        <c-input  v-model="model.brtp.oth.pts.extkey" maxlength="16"  placeholder="请输入地址编码" disabled></c-input>
                                    </el-form-item>
                              </c-col>
                                <c-col :span="3">
                                   <c-button size="small" type="primary"  @click="onOthpDet">
                                       详情
                                   </c-button>
                              </c-col>
                          </c-col>
                         <c-col :span="24   ">
                                <el-form-item label="地址信息" prop="brtp.oth.pts.adrblk">
                                    <c-input type="textarea" v-model="model.brtp.oth.pts.adrblk" maxlength="150" show-word-limit placeholder="请输入地址信息"  disabled minheight="60" :rows="5"></c-input>
                                </el-form-item>
                        </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">
                  <el-form-item label="Balance" prop="brdgrp.cbs.max.amt">
                      <c-input  v-model="model.brdgrp.cbs.max.amt"  placeholder="请输入Balance"></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 :span="12">
                         <el-form-item label="Drag  Drop Sender" prop="brtp.prbp.ptsget.sdamod.dadsnd">
                             <c-input  v-model="model.brtp.prbp.ptsget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
                         </el-form-item>
                </c-col>
                <c-col :span="12">
                 <el-form-item label="" prop="brtp.prbp.ptsget.sdamod.seainf">
                     <c-input  v-model="model.brtp.prbp.ptsget.sdamod.seainf"  placeholder="请输入"></c-input>
                 </el-form-item>
                </c-col>



                <c-col :span="12">
                 <el-form-item label="名称" prop="brdgrp.prb.namelc">
                     <c-input type="textarea" v-model="model.brdgrp.prb.namelc" maxlength="35" show-word-limit placeholder="请输入名称" :rows="5"></c-input>
                 </el-form-item>
                 </c-col>

                <c-col :span="12">
                 <el-form-item label="地址信息" prop="brdgrp.prb.pts.adrblk">
                     <c-input type="textarea" v-model="model.brdgrp.prb.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入地址信息" :rows="5"></c-input>
                 </el-form-item>
                 </c-col>



                <c-col :span="12">
                 <el-form-item label="地址" prop="brdgrp.prb.adrelc">
                     <c-input type="textarea" v-model="model.brdgrp.prb.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" :rows="5"></c-input>
                 </el-form-item>
                 </c-col>



                <c-col :span="12">
                 <el-form-item label="Drag  Drop Sender" prop="brtp.othp.ptsget.sdamod.dadsnd">
                     <c-input  v-model="model.brtp.othp.ptsget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
                 </el-form-item>
                </c-col>



                <c-col :span="12">
                 <el-form-item label="" prop="brtp.othp.ptsget.sdamod.seainf">
                     <c-input  v-model="model.brtp.othp.ptsget.sdamod.seainf"  placeholder="请输入"></c-input>
                 </el-form-item>
                </c-col>



                <c-col :span="12">
                 <el-form-item label="名称" prop="brtp.oth.namelc">
                     <c-input type="textarea" v-model="model.brtp.oth.namelc" maxlength="35" show-word-limit placeholder="请输入名称" :rows="5"></c-input>
                 </el-form-item>
                 </c-col>



                <c-col :span="12">
                 <el-form-item label="中文地址" prop="brtp.oth.dbfadrblkcn">
                     <c-input type="textarea" v-model="model.brtp.oth.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" :rows="5"></c-input>
                 </el-form-item>
                 </c-col>

                <c-col :span="12">
                 <el-form-item label="地址" prop="brtp.oth.adrelc">
                     <c-input type="textarea" v-model="model.brtp.oth.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" :rows="5"></c-input>
                 </el-form-item>
                 </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/Brtsnd/Event"

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

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

    }
}
</script>
<style>

</style>