<template> <div class="eibs-tab"> <!-- ================= 左 ================== --> <c-col :span="11"> <c-col :span="24"> <el-form-item label="申请人开户行参考号" prop="lidgrp.ini.pts.ref"> <c-input v-model="model.lidgrp.ini.pts.ref" disabled 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 v-model="model.lidgrp.ini.pts.extkey" maxlength="16" style="width: 100%" placeholder="请输入地址编码" disabled ></c-input> <template slot="footer"> <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary" @click="onSeainf('lidgrp.ini.pts.extkey')" icon="el-icon-search" > <span style="font-family: '宋体'; font-weight: bold"></span> </c-button> <c-button style="margin: 0 0" size="small" type="primary" icon="el-icon-info" @click="onInipDet" > </c-button> </template> </c-fullbox> </el-form-item> </c-col> <!-- <c-col :span="8"> <el-form-item label="" label-width="15px"> <c-button size="small" type="primary;width:10%" @click="onSeainf('lidgrp.ini.pts.extkey')" >i</c-button > <c-button size="small" type="primary" @click="onInipDet"> Details </c-button> </el-form-item> </c-col> --> <c-col :span="24"> <el-form-item label="名称地址" prop="lidgrp.ini.pts.adrblk"> <c-input type="textarea" v-model="model.lidgrp.ini.pts.adrblk" maxlength="35" :rows="4" show-word-limit disabled placeholder="请输入名称地址" ></c-input> </el-form-item> </c-col> <!-- <c-col :span="24"> <el-form-item label="Chinese address" prop="lidgrp.ini.dbfadrblkcn"> <c-input type="textarea" v-model="model.lidgrp.ini.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="名称" prop="lidgrp.ini.namelc"> <c-input type="textarea" v-model="model.lidgrp.ini.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="地址" prop="lidgrp.ini.adrelc"> <c-input type="textarea" v-model="model.lidgrp.ini.adrelc" maxlength="35" 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="请输入内容" :disabled="model.lidgrp.rec.rmbflg = ''" ></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" placeholder="请输入地址编码" :disabled="model.lidgrp.rec.rmbflg = ''" ></c-input> <template slot="footer"> <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary" @click="onSeainf('lidgrp.rmb.pts.extkey')" icon="el-icon-search" > <span style="font-family: '宋体'; font-weight: bold"></span> </c-button> <c-button style="margin: 0 0" size="small" type="primary" icon="el-icon-info" @click="onRmbpDet" > </c-button> </template> </c-fullbox> </el-form-item> </c-col> <!-- <c-col :span="8"> <el-form-item label="" label-width="15px"> <c-button size="small" type="primary;width:10%" @click="onSeainf('lidgrp.rmb.pts.extkey')" >i</c-button > <c-button size="small" type="primary" @click="onRmbpDet"> Details </c-button> </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" maxlength="40" placeholder="请输入名称地址" disabled ></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" @click="onSeainf('lidgrp.con.pts.extkey')" icon="el-icon-search" > <span style="font-family: '宋体'; font-weight: bold"></span> </c-button> <c-button style="margin: 0 0" size="small" type="primary" @click="onConpDet" icon="el-icon-info" > </c-button> </template> </c-fullbox> </el-form-item> </c-col> <!-- <c-col :span="8"> <el-form-item label="" label-width="15px"> <c-button size="small" type="primary;width:10%" @click="onSeainf('lidgrp.con.pts.extkey')" >i</c-button > <c-button size="small" type="primary" @click="onConpDet"> Details </c-button> </el-form-item> </c-col> --> <c-col :span="24"> <el-form-item label="名称地址" prop="lidgrp.con.pts.adrblk"> <c-input :disabled="model.lidgrp.con.pts.extkey!=''" type="textarea" v-model="model.lidgrp.con.pts.adrblk" maxlength="150" :rows="4" show-word-limit placeholder="请输入地址编码" ></c-input> </el-form-item> </c-col> <!-- <c-col :span="24"> <el-form-item label="Chinese address" prop="lidgrp.con.dbfadrblkcn"> <c-input type="textarea" v-model="model.lidgrp.con.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input> </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.adrelc"> <c-input type="textarea" v-model="model.lidgrp.con.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></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.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" placeholder="请输入地址编码" @keyup.enter.native=" showGridPromptDialog('lidgrp.a2b.pts.extkey') " ></c-input> <template slot="footer"> <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary" @click="onSeainf('lidgrp.a2b.pts.extkey')" icon="el-icon-search" > <span style="font-family: '宋体'; font-weight: bold"></span> </c-button> <c-button style="margin: 0 0" size="small" type="primary" @click="onA2bpDet" icon="el-icon-info" > </c-button> </template> </c-fullbox> </el-form-item> </c-col> <!-- <c-col :span="8"> <el-form-item label="" label-width="15px"> <c-button size="small" type="primary;width:10%" @click="onSeainf('lidgrp.a2b.pts.extkey')" >i</c-button > <c-button size="small" type="primary" @click="onA2bpDet"> Details </c-button> </el-form-item> </c-col> --> <c-col :span="24"> <el-form-item label="名称地址" prop="lidgrp.a2b.pts.adrblk"> <c-input :disabled="model.lidgrp.a2b.pts.extkey!=''" type="textarea" v-model="model.lidgrp.a2b.pts.adrblk" maxlength="135" :rows="4" show-word-limit placeholder="请输入名称地址" ></c-input> </el-form-item> </c-col> <!-- <c-col :span="24"> <el-form-item label="Chinese address" prop="lidgrp.a2b.dbfadrblkcn"> <c-input type="textarea" v-model="model.lidgrp.a2b.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="名称" prop="lidgrp.a2b.namelc"> <c-input type="textarea" v-model="model.lidgrp.a2b.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="地址" prop="lidgrp.a2b.adrelc"> <c-input type="textarea" v-model="model.lidgrp.a2b.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input> </el-form-item> </c-col> --> <c-col :span="24"> <el-form-item label="授权兑付行参考号" prop="lidgrp.avb.pts.ref" > <c-input disabled 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 disabled v-model="model.lidgrp.avb.pts.extkey" maxlength="16" placeholder="请输入地址编码" @keyup.enter.native="showGridPromptDialog('lidgrp.avb.pts.extkey')" ></c-input> <template slot="footer"> <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary" @click="onSeainf('lidgrp.avb.pts.extkey')" icon="el-icon-search" > <span style="font-family: '宋体'; font-weight: bold"></span> </c-button> <c-button style="margin: 0 0" size="small" type="primary" @click="onAvbpDet" icon="el-icon-info" > </c-button> </template> </c-fullbox> </el-form-item> </c-col> <!-- <c-col :span="8"> <el-form-item label="" label-width="15px"> <c-button size="small" type="primary;width:10%" @click="onSeainf('lidgrp.avb.pts.extkey')" >i</c-button > <c-button size="small" type="primary" @click="onAvbpDet"> Details </c-button> </el-form-item> </c-col> --> <c-col :span="24"> <el-form-item label="名称地址" prop="lidgrp.avb.pts.adrblk"> <c-input type="textarea" v-model="model.lidgrp.avb.pts.adrblk" maxlength="135" :rows="4" disabled show-word-limit placeholder="请输入名称地址" ></c-input> </el-form-item> </c-col> <!-- <c-col :span="24"> <el-form-item label="Chinese address" prop="lidgrp.avb.dbfadrblkcn"> <c-input type="textarea" v-model="model.lidgrp.avb.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="名称" prop="lidgrp.avb.namelc"> <c-input type="textarea" v-model="model.lidgrp.avb.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="地址" prop="lidgrp.avb.adrelc"> <c-input type="textarea" v-model="model.lidgrp.avb.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input> </el-form-item> </c-col> --> </c-col> <c-col :span="24"> <el-form-item label="附加当事人" > <c-edit-table :model="model" v-bind="ptsaddg" style="margin-left:-120px"> <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> <!-- <c-table :data="table1" > <c-table-column prop="ROL" label="Role" sortable > </c-table-column> <el-table-column prop="PTYEXTKEY" label="Party" sortable></el-table-column> <el-table-column prop="NAM" label="Name of Party" sortable></el-table-column> <el-table-column prop="REF" label="Reference for Address" sortable></el-table-column> <el-table-column prop="DET" label="Details"></el-table-column> <el-table-column label="" prop="det" width="80px" fixed="right"> <template slot-scope="scope" slot="header"> <el-button circle style="padding:4px" class="el-icon-plus" size="mini" @click="addRow(scope)" > </el-button> <el-button style="padding:4px" circle class="el-icon-minus" size="mini" @click="removeRow(scope)" > </el-button> </template> <template slot-scope="scoped"> <el-button style="margin-left:0" size="small" type="primary" @click="detail1(scoped.$index, scoped.row)" >详情</el-button > </template> </el-table-column> </c-table> --> </el-form-item> </c-col> <!-- <c-col :span="12"> <span v-text="model.litp.avblab" data-path=".litp.avblab" > </span> </c-col>--> </div> </template> <script> import Api from "~/service/Api"; import commonProcess from "~/mixin/commonProcess"; import CodeTable from "~/config/CodeTable"; import Event from "~/model/Litopn/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, handleEdit() { console.log("1111测试"); }, addRow() {}, removeRow() {}, }, created: function () {}, }; </script> <style></style>