Ptyp.vue

<template>
  <div class="eibs">

    <el-col :span="12" style="padding-right: 20px;">
        <c-col :span="24">
        <el-form-item label="申请人账户行参考号" prop="lidgrp.ini.pts.ref">
            <c-input 
            disabled
             v-model="model.lidgrp.ini.pts.ref" maxlength="16"  placeholder="请输入参考号"></c-input>
        </el-form-item>
       </c-col>
       <c-col :span="24">
        <el-form-item label="申请人账户行" prop="lidgrp.ini.pts.extkey">
            <c-fullbox>
            <c-input 
            disabled
             v-model="model.lidgrp.ini.pts.extkey" maxlength="16"  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="lidgrp.ini.pts.adrblk">
            <c-input 
            disabled
            :rows="4"
            type="textarea" v-model="model.lidgrp.ini.pts.adrblk" maxlength="140" show-word-limit placeholder="请输入地址信息" ></c-input>
        </el-form-item>
        </c-col>
       
        <c-col :span="24">
        <el-form-item label="偿付行参考号" prop="lidgrp.rmb.pts.ref">
            <c-input  v-model="model.lidgrp.rmb.pts.ref" maxlength="16"  placeholder="请输入参考号"></c-input>
        </el-form-item>
       </c-col>


     <c-col :span="24">
        <el-form-item label="偿付行" prop="lidgrp.rmb.pts.extkey">
            <c-fullbox>
            <c-input
              v-model="model.lidgrp.rmb.pts.extkey"
              maxlength="16"
              disabled
              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="lidgrp.rmb.pts.nam">
            <c-input  v-model="model.lidgrp.rmb.pts.nam"
            :disabled="true" 
            maxlength="40"  
            placeholder="请输入名称"></c-input>
        </el-form-item>
       </c-col>
    <c-col :span="24">
        <el-form-item label="保兑行参考号" prop="lidgrp.con.pts.ref">
            <c-input  v-model="model.lidgrp.con.pts.ref" maxlength="16"  placeholder="请输入参考号"></c-input>
            
        </el-form-item>
       </c-col>
       <c-col :span="24">
        <el-form-item label="保兑行" prop="lidgrp.con.pts.extkey">
            <c-fullbox>
            <c-input
             v-model="model.lidgrp.con.pts.extkey"
              maxlength="16"
              placeholder="请输入编号"
              @keyup.enter.native="showGridPromptDialog('lidgrp.con.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="lidgrp.con.namelc">
            <c-input type="textarea" v-model="model.lidgrp.con.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
        </el-form-item>
        </c-col> -->
                  
       <c-col :span="24">
        <el-form-item label="地址信息" prop="lidgrp.con.pts.adrblk">
            <c-input 
            :rows="4"
            :disabled="model.lidgrp.con.pts.extkey!=''||model.lidgrp.con.pts.extkey!=null"
            type="textarea" 
            v-model="model.lidgrp.con.pts.adrblk" 
            maxlength="140" 
            show-word-limit 
            placeholder="请输入地址信息" ></c-input>
        </el-form-item>
        </c-col>
                  
       
    </el-col>
<!-- ==========================右 ===================================-->
    <el-col :span="12" style="padding-left: 20px;">
         <c-col :span="24">
        <el-form-item label="第二通知行参考号" prop="lidgrp.a2b.pts.ref">
            <c-input  v-model="model.lidgrp.a2b.pts.ref" maxlength="16"  placeholder="请输入参考号"></c-input>
        </el-form-item>
       </c-col>
       <c-col :span="24">
        <el-form-item label="第二通知行" prop="lidgrp.a2b.pts.extkey">
        
            <c-fullbox>
            <c-input
              v-model="model.lidgrp.a2b.pts.extkey"
              maxlength="16"
              @keyup.enter.native="showGridPromptDialog('lidgrp.a2b.pts.extkey')"
              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="lidgrp.a2b.pts.adrblk">
            <c-input 
            :rows="4"
            type="textarea" 
            v-model="model.lidgrp.a2b.pts.adrblk" 
            maxlength="140" 
            show-word-limit 
            :disabled="model.lidgrp.a2b.pts.extkey!=''||model.lidgrp.a2b.pts.extkey!=null"
            placeholder="请输入地址信息" ></c-input>
        </el-form-item>
        </c-col>
                  
       
        <c-col :span="24">
        <el-form-item label="可用银行参考号" prop="lidgrp.avb.pts.ref">
            <c-input  
            v-model="model.lidgrp.avb.pts.ref" maxlength="16"  placeholder="请输入参考号"></c-input>
        </el-form-item>
       </c-col>
       <c-col :span="24">
       <el-form-item label="可用银行" prop="lidgrp.avb.pts.extkey">
        <c-fullbox>
            <c-input
              v-model="model.lidgrp.avb.pts.extkey"
              maxlength="16"
              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="lidgrp.avb.pts.adrblk">
            <c-input 
            :rows="4"
            disabled
            type="textarea" v-model="model.lidgrp.avb.pts.adrblk" maxlength="140" show-word-limit placeholder="请输入地址信息" ></c-input>
        </el-form-item>
        </c-col>
                  
       
    </el-col>
                                                
       
                                                    
      
     
                  
      
    <c-col :span="24">
      <el-form-item label="附加当事人" >
              <c-edit-table :model="model" v-bind="ptsaddg">
            <el-table-column label="操作" align="center">
              <template slot-scope="scope">
                <el-button
                  size="mini"
                  @click="handleEdit(scope.$index, scope.row)"
                  type="primary"
                  icon="el-icon-info"
                  ></el-button
                >
              </template>
            </el-table-column>
          </c-edit-table>
      </el-form-item>
    </c-col>
    


  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Litame/Event"

export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
    data(){
        return {
ptsaddg: {
        columns: [
          {
            title: "角色",
            width: "120px",
            dataIndex: "rol",
            show: "select",
          },
          {
            title: "当事人",
            width: "180px",
            dataIndex: "ptyextkey",
            show: "input",
          },
          {
            title: "名称",
            width: "250px",
            dataIndex: "nam",
          },
          {
            title: "参考号",
            width: "250px",
            dataIndex: "ref",
          },
        ],
        urls: "litp.ptsaddp.ptsaddg",
      },
        }
    },
    methods:{...Event},
    created:function(){

    }
}
</script>
<style>

</style>