Ovwp.vue

<template>
    <c-content class="eibs-tab" :height="200">
      <c-col :span="24" style="height: 50px;">
        <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-col>
      <c-col :span="12">
        <c-col :span="12">
          <el-form-item label="参考号" prop="dedgrp.rec.ownref">
            <c-input  v-model="model.dedgrp.rec.ownref" maxlength="16"  placeholder="请输入参考号"></c-input>
          </el-form-item>
        </c-col>

       <c-col :span="6">
        <c-button size="small" type="primary" icon="el-icon-search"  @click="onSeainf">
        </c-button>
       </c-col>
       <c-col :span="6">
        <c-button size="small" type="primary"  @click="onRecpanButgetref">
            获取
        </c-button>
       </c-col>
      </c-col>

      <c-col :span="12">
        <c-col :span="12">
          <el-form-item label="信用证币种" prop="dedgrp.cbs.opn1.cur">
            <c-input  v-model="model.dedgrp.cbs.opn1.cur" maxlength="3"  placeholder="请输入Currency"></c-input>
          </el-form-item>
        </c-col>
                  
        <c-col :span="12">
          <el-form-item label="余额" prop="dedgrp.cbs.opn1.amt">
            <c-input  v-model="model.dedgrp.cbs.opn1.amt"  placeholder="请输入Balance"></c-input>
          </el-form-item>
        </c-col>

      </c-col>


      <c-col :span="12">
        <c-col :span="12">
          <el-form-item label="单据参考号" prop="bfdgrp.rec.ownref">
            <c-input  v-model="model.bfdgrp.rec.ownref" maxlength="16"  placeholder="请输入单据参考号"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="6">
          <c-button size="small" type="primary" icon="el-icon-search"  @click="onSeainf">
          </c-button>
        </c-col>
        <c-col :span="6">
          <c-button size="small" type="primary"  @click="onRecpanButgetref">
            获取
          </c-button>
        </c-col>
      </c-col>
      <c-col :span="12">
        <el-form-item label="摘要" prop="bfdgrp.rec.nam">
            <c-input  v-model="model.bfdgrp.rec.nam" maxlength="40"  placeholder="请输入Externally Displayed Name to Identify the Contract"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
      <c-col :span="12">
        <c-col :span="12">
          <el-form-item label="单据币种" prop="bfdgrp.cbs.max.cur">
            <c-select v-model="model.bfdgrp.cbs.max.cur" style="width:100%" placeholder="请选择单据金额">
              </c-select>
          </el-form-item>
        </c-col>
                  
        <c-col :span="12">
          <el-form-item label="金额" prop="bfdgrp.cbs.max.amt">
            <c-input  v-model="model.bfdgrp.cbs.max.amt"  placeholder="请输入单据金额"></c-input>
          </el-form-item>
        </c-col>
      </c-col>
      <c-col :span="12">
        <el-form-item label="交单人" prop="bfdgrp.prb.pts.ref">
            <c-input  v-model="model.bfdgrp.prb.pts.ref" maxlength="16"  placeholder="请输入交单人"></c-input>
        </el-form-item>
      </c-col>
      </c-col>      
      <c-col :span="24">
       <c-col :span="12"> 
        <c-col :span="12">
          <el-form-item label="单据余额币种" prop="bfdgrp.cbs.opn1.cur">
            <c-input  v-model="model.bfdgrp.cbs.opn1.cur" maxlength="3"  placeholder="请输入单据余额"></c-input>
          </el-form-item>
        </c-col>
                  
        <c-col :span="12">
          <el-form-item label="金额" prop="bfdgrp.cbs.opn1.amt">
            <c-input  v-model="model.bfdgrp.cbs.opn1.amt"  placeholder="请输入Balance"></c-input>
          </el-form-item>
        </c-col>
       </c-col> 
       <c-col :span="12">
        <el-form-item label="交单人名称" prop="bfdgrp.prb.pts.nam">
            <c-input  v-model="model.bfdgrp.prb.pts.nam" maxlength="40"  placeholder="请输入Name of Party"></c-input>
        </el-form-item>
       </c-col>
      </c-col> 

      <c-col :span="24">
       <c-col :span="12">
        <el-form-item label="单据类型" prop="bfdgrp.rec.doctypcod">
            <c-select v-model="model.bfdgrp.rec.doctypcod" style="width:100%" placeholder="请选择单据类型">
              </c-select>
        </el-form-item>
       </c-col>
       <c-col :span="12">
        <el-form-item label="开证行编号" prop="dedgrp.rec.kzref">
            <c-input  v-model="model.dedgrp.rec.kzref" maxlength="35"  placeholder="请输入信用证编号"></c-input>
        </el-form-item>
       </c-col>
      </c-col>      
      <c-col :span="24">
       <c-col :span="12">
        <el-form-item label="远期单据到期日" prop="bfdgrp.rec.matdat">
            <c-date-picker type="date"  v-model="model.bfdgrp.rec.matdat" style="width:100%"  placeholder="请选择远期单据到期日"></c-date-picker>
        </el-form-item>
       </c-col>
       <c-col :span="12">
        <el-form-item label="开证行名称" prop="bfdgrp.iss.pts.nam">
            <c-input  v-model="model.bfdgrp.iss.pts.nam" maxlength="40"  placeholder="请输入Name of Party"></c-input>
        </el-form-item>
       </c-col>
      </c-col>      
      <c-col :span="24">
       <c-col :span="12">
       <c-col :span="12">
        <el-form-item label="到单日期" prop="bfdgrp.rec.rcvdat">
            <c-date-picker type="date"  v-model="model.bfdgrp.rec.rcvdat" style="width:100%"  placeholder="请选择到单日期"></c-date-picker>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="提示日期" prop="bfdgrp.rec.predat">
            <c-date-picker type="date"  v-model="model.bfdgrp.rec.predat" style="width:100%"  placeholder="请选择Presentation Date"></c-date-picker>
        </el-form-item>
       </c-col>
      
       </c-col> 
        <c-col :span="12">
          <el-form-item label="申请人编号" prop="bfdgrp.apl.pts.ref">
            <c-input  v-model="model.bfdgrp.apl.pts.ref" maxlength="16"  placeholder="请输入申请人"></c-input>
          </el-form-item>
        </c-col>
      
      </c-col>      
      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="单据状态" prop="bfdgrp.rec.docsta">
            <c-input  v-model="model.bfdgrp.rec.docsta" maxlength="40"  placeholder="请输入单据状态"></c-input>
          </el-form-item>
        </c-col>
                  
        <c-col :span="12">
          <el-form-item label="申请人名称" prop="bfdgrp.apl.pts.nam">
            <c-input  v-model="model.bfdgrp.apl.pts.nam" maxlength="40"  placeholder="请输入Name of Party"></c-input>
          </el-form-item>
        </c-col>
      </c-col>      


        <!--                      
       <c-col :span="12">
        <el-form-item label="Drag  Drop Sender" prop="recpan.dedget.sdamod.dadsnd">
            <c-input  v-model="model.recpan.dedget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="参考号" prop="dedgrp.rec.ownref">
            <c-input  v-model="model.dedgrp.rec.ownref" maxlength="16"  placeholder="请输入参考号"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="" prop="recpan.dedget.sdamod.seainf">
            <c-input  v-model="model.recpan.dedget.sdamod.seainf"  placeholder="请输入"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Currency" prop="dedgrp.cbs.opn1.cur">
            <c-input  v-model="model.dedgrp.cbs.opn1.cur" maxlength="3"  placeholder="请输入Currency"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Balance" prop="dedgrp.cbs.opn1.amt">
            <c-input  v-model="model.dedgrp.cbs.opn1.amt"  placeholder="请输入Balance"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Drag  Drop Sender" prop="recpan.recget.sdamod.dadsnd">
            <c-input  v-model="model.recpan.recget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="单据参考号" prop="bfdgrp.rec.ownref">
            <c-input  v-model="model.bfdgrp.rec.ownref" maxlength="16"  placeholder="请输入单据参考号"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="" prop="recpan.recget.sdamod.seainf">
            <c-input  v-model="model.recpan.recget.sdamod.seainf"  placeholder="请输入"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Externally Displayed Name to Identify the Contract" prop="bfdgrp.rec.nam">
            <c-input  v-model="model.bfdgrp.rec.nam" maxlength="40"  placeholder="请输入Externally Displayed Name to Identify the Contract"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="单据金额" prop="bfdgrp.cbs.max.cur">
            <c-select v-model="model.bfdgrp.cbs.max.cur" style="width:100%" placeholder="请选择单据金额">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="单据金额" prop="bfdgrp.cbs.max.amt">
            <c-input  v-model="model.bfdgrp.cbs.max.amt"  placeholder="请输入单据金额"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="交单人" prop="bfdgrp.prb.pts.ref">
            <c-input  v-model="model.bfdgrp.prb.pts.ref" maxlength="16"  placeholder="请输入交单人"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="单据余额" prop="bfdgrp.cbs.opn1.cur">
            <c-input  v-model="model.bfdgrp.cbs.opn1.cur" maxlength="3"  placeholder="请输入单据余额"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Balance" prop="bfdgrp.cbs.opn1.amt">
            <c-input  v-model="model.bfdgrp.cbs.opn1.amt"  placeholder="请输入Balance"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Name of Party" prop="bfdgrp.prb.pts.nam">
            <c-input  v-model="model.bfdgrp.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="dedgrp.rec.kzref">
            <c-input  v-model="model.dedgrp.rec.kzref" maxlength="35"  placeholder="请输入信用证编号"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="开证行" prop="bfdgrp.iss.pts.ref">
            <c-input  v-model="model.bfdgrp.iss.pts.ref" maxlength="16"  placeholder="请输入开证行"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="单据类型" prop="bfdgrp.rec.doctypcod">
            <c-select v-model="model.bfdgrp.rec.doctypcod" style="width:100%" placeholder="请选择单据类型">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Name of Party" prop="bfdgrp.iss.pts.nam">
            <c-input  v-model="model.bfdgrp.iss.pts.nam" maxlength="40"  placeholder="请输入Name of Party"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="远期单据到期日" prop="bfdgrp.rec.matdat">
            <c-date-picker type="date"  v-model="model.bfdgrp.rec.matdat" style="width:100%"  placeholder="请选择远期单据到期日"></c-date-picker>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="到单日期" prop="bfdgrp.rec.rcvdat">
            <c-date-picker type="date"  v-model="model.bfdgrp.rec.rcvdat" style="width:100%"  placeholder="请选择到单日期"></c-date-picker>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Presentation Date" prop="bfdgrp.rec.predat">
            <c-date-picker type="date"  v-model="model.bfdgrp.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="bfdgrp.apl.pts.ref">
            <c-input  v-model="model.bfdgrp.apl.pts.ref" maxlength="16"  placeholder="请输入申请人"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="单据状态" prop="bfdgrp.rec.docsta">
            <c-input  v-model="model.bfdgrp.rec.docsta" maxlength="40"  placeholder="请输入单据状态"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Name of Party" prop="bfdgrp.apl.pts.nam">
            <c-input  v-model="model.bfdgrp.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/Infbfd/Event"

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

        }
    },
    methods:{
    onSeainf()
    {

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

    }
}
</script>
<style>

</style>