Ptyp.vue

<template>
  <div class="eibs-tab">  
       
  <!-- ====================左边======================= -->
  <c-col :span="12" style="padding-right: 20px;">   
    <c-col :span="24">
        <el-form-item
          label="付款人参考号"
          prop="bcdgrp.dre.pts.ref"
        >
          <c-input
            
            v-model="model.bcdgrp.dre.pts.ref"
            maxlength="16"
            style="width: 100%"
            placeholder="请输入付款人参考号"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="付款人名称" prop="bcdgrp.dre.pts.extkey">
            <c-fullbox>
          <c-input
            @keyup.enter.native="showGridPromptDialog('bcdgrp.dre.pts.extkey')"
            v-model="model.bcdgrp.dre.pts.extkey"
            maxlength="50"
            placeholder="请输入付款人名称"
            
          ></c-input>
            <template slot="footer">
                <c-button
                style="margin:0 10px 0 10px;padding: 0 12px;"
                  size="small"
                  type="primary"
                 
                >
                <i class="el-icon-info"></i>
                </c-button>
                <c-button
                style="margin:0 0"
                  size="small"
                  type="primary"
                  
                  
                >
                  详情
                </c-button>
              </template>
            </c-fullbox>
        </el-form-item>

    </c-col>

    <c-col :span="24">
        <el-form-item label="地址信息" prop="bcdgrp.dre.pts.adrblk">
          <c-input
            type="textarea"
            :rows="4"
            v-model="model.bcdgrp.dre.pts.adrblk"
            maxlength="150"
            disabled
            show-word-limit
            placeholder="请输入地址信息"
          ></c-input>
        </el-form-item>
      </c-col>
       

       <c-col :span="24">
        <el-form-item
          label="第二代收行参考号"
          prop="bcdgrp.co2.pts.ref"
        >
          <c-input
            v-model="model.bcdgrp.co2.pts.ref"
            maxlength="16"
            style="width: 100%"
            placeholder=""
            
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="第二代收行名称" prop="bcdgrp.co2.pts.extkey">
            <c-fullbox>
          <c-input
            @keyup.enter.native="showGridPromptDialog('bcdgrp.co2.pts.extkey')"
            v-model="model.bcdgrp.co2.pts.extkey"
            maxlength="50"
            placeholder="请输入第二代收行名称"
            
          ></c-input>
            <template slot="footer">
                <c-button
                style="margin:0 10px 0 10px;padding: 0 12px;"
                  size="small"
                  type="primary"
                 
                >
                <i class="el-icon-info"></i>
                </c-button>
                <c-button
                style="margin:0 0"
                  size="small"
                  type="primary"
                  
                  
                >
                  详情
                </c-button>
              </template>
            </c-fullbox>
        </el-form-item>

    </c-col>

    <c-col :span="24">
        <el-form-item label="地址信息" prop="bcdgrp.co2.pts.adrblk">
          <c-input
            type="textarea"
            :rows="4"
            v-model="model.bcdgrp.co2.pts.adrblk"
            maxlength="50"
            
            show-word-limit
            placeholder="请输入地址信息"
          ></c-input>
        </el-form-item>
      </c-col>

    </c-col>  

  <!-- ====================右边======================= -->
  <c-col :span="12" style="padding-left: 20px;">
    <c-col :span="24">
        <el-form-item
          label="托收行参考号"
          prop="bcdgrp.rmi.pts.ref"
        >
          <c-input
            v-model="model.bcdgrp.rmi.pts.ref"
            maxlength="16"
            style="width: 100%"
            placeholder=""
            
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="托收行名称" prop="bcdgrp.rmi.pts.extkey">
            <c-fullbox>
          <c-input
            v-model="model.bcdgrp.rmi.pts.extkey"
            maxlength="50"
            placeholder="请输入托收行名称"
            @keyup.enter.native="showGridPromptDialog('bcdgrp.rmi.pts.extkey')"

          ></c-input>
            <template slot="footer">
                <c-button
                style="margin:0 10px 0 10px;padding: 0 12px;"
                  size="small"
                  type="primary"
                 
                >
                <i class="el-icon-info"></i>
                </c-button>
                <c-button
                style="margin:0 0"
                  size="small"
                  type="primary"
                  
                  
                >
                  详情
                </c-button>
              </template>
            </c-fullbox>
        </el-form-item>

    </c-col>

    <c-col :span="24">
        <el-form-item label="地址信息" prop="bcdgrp.rmi.pts.adrblk">
          <c-input
            type="textarea"
            :rows="4"
            v-model="model.bcdgrp.rmi.pts.adrblk"
            maxlength="150"
            
            show-word-limit
            placeholder="请输入地址信息"
          ></c-input>
        </el-form-item>
      </c-col>
      
      <c-col :span="24">
        <el-form-item
          label="收款人参考号"
          prop="bcdgrp.drr.pts.ref"
        >
          <c-input
            v-model="model.bcdgrp.drr.pts.ref"
            maxlength="16"
            style="width: 100%"
            placeholder=""
            
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="收款人名称" prop="bcdgrp.drr.pts.extkey">
            <c-fullbox>
          <c-input
          @keyup.enter.native="showGridPromptDialog('bcdgrp.drr.pts.extkey')"
            v-model="model.bcdgrp.drr.pts.extkey"
            maxlength="150"
            placeholder="请输入收款人名称"
            
          ></c-input>
            <template slot="footer">
                <c-button
                style="margin:0 10px 0 10px;padding: 0 12px;"
                  size="small"
                  type="primary"
                 
                >
                <i class="el-icon-info"></i>
                </c-button>
                <c-button
                style="margin:0 0"
                  size="small"
                  type="primary"
                  
                  
                >
                  详情
                </c-button>
              </template>
            </c-fullbox>
        </el-form-item>

    </c-col>

    <c-col :span="24">
        <el-form-item label="地址信息" prop="bcdgrp.drr.pts.adrblk">
          <c-input
            type="textarea"
            :rows="4"
            v-model="model.bcdgrp.drr.pts.adrblk"
            maxlength="50"
            
            show-word-limit
            placeholder="请输入地址信息"
          ></c-input>
        </el-form-item>
      </c-col>  
    </c-col>             
                      

    
  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Bctset/Event"
import Ptap from "~/views/Public/Ptap";
export default {
    components: { "c-ptap": Ptap },
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
    data(){
        return {

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

    }
}
</script>
<style>

</style>