Ptyp.vue

<template>
  <div class="eibs-tab">
    <c-row>
        <c-col :span="24">
            <c-col :span="11">
                     <c-col :span="24">
                            <el-form-item label="Applicant Ref." prop="gidgrp.apl.pts.ref">
                                <c-input v-model="model.gidgrp.apl.pts.ref" maxlength="16"  placeholder="请输入Applicant Ref."></c-input>
                            </el-form-item>
                     </c-col>
                     <c-col :span="24">
                        <el-form-item label="Applicant" prop="gidgrp.apl.pts.extkey">
                            <c-fullbox>
                                <c-input v-model="model.gidgrp.apl.pts.extkey" 
                                         maxlength="16"  
                                         placeholder="请输入External Key of Address"
                                         @keyup.enter.native="
                                        showGridPromptDialog(`gidgrp.apl.pts.extkey`)
                                        "></c-input>
                            <template slot="footer">
                                <c-button
                                style="margin:0 10px 0 10px;padding: 0 12px;"
                                size="small"
                                type="primary"
                                >
                                <span style="font-family:'宋体';font-weight:bold">i</span>
                                </c-button>
                                <c-button disabled size="small" type="primary">
                                    Details
                                </c-button>
                            </template>
                            </c-fullbox>  
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item label="地址名称" prop="gidgrp.apl.pts.adrblk">
                            <c-input disabled rows="5" type="textarea" v-model="model.gidgrp.apl.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入地址名称" ></c-input>
                        </el-form-item>
                    </c-col>
                

                <c-col :span="24">
                            <el-form-item v-if="model.gitp.swiftflg=='Y'" label="Confirming Bank Ref." prop="gidgrp.con.pts.ref">
                                <c-input  v-model="model.gidgrp.con.pts.ref" maxlength="16"  placeholder="请输入Applicant Ref."></c-input>
                            </el-form-item>
                     </c-col>
                     <c-col :span="24">
                        <el-form-item v-if="model.gitp.swiftflg=='Y'" label="Confirming Bank" prop="gidgrp.con.pts.extkey">
                            <c-fullbox>
                                <c-input v-model="model.gidgrp.con.pts.extkey" 
                                         maxlength="16"  
                                         placeholder="请输入External Key of Address"
                                         @keyup.enter.native="
                                        showGridPromptDialog(`gidgrp.con.pts.extkey`)
                                        "></c-input>
                            <template slot="footer">
                                <c-button
                                v-if="model.gitp.swiftflg=='Y'"
                                style="margin:0 10px 0 10px;padding: 0 12px;"
                                size="small"
                                type="primary"
                                >
                                <span style="font-family:'宋体';font-weight:bold">i</span>
                                </c-button>
                                <c-button v-if="model.gitp.swiftflg=='Y'" size="small" type="primary">
                                    Details
                                </c-button>
                            </template>
                            </c-fullbox>  
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item v-if="model.gitp.swiftflg=='Y'" label="地址名称" prop="gidgrp.con.pts.adrblk">
                            <c-input  type="textarea" rows="4" v-model="model.gidgrp.con.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入地址名称" ></c-input>
                        </el-form-item>
                    </c-col>


                    <c-col :span="24">
                            <el-form-item v-if="model.gitp.swiftflg=='N'" label="Confirming Bank Ref." prop="gidgrp.con.pts.ref">
                                <c-input  v-model="model.gidgrp.con.pts.ref" maxlength="16"  placeholder="请输入Applicant Ref."></c-input>
                            </el-form-item>
                     </c-col>
                     <c-col :span="24">
                        <el-form-item v-if="model.gitp.swiftflg=='N'" label="Confirming Bank" prop="gidgrp.con.pts.extkey">
                            <c-fullbox>
                                <c-input disabled v-model="model.gidgrp.con.pts.extkey" 
                                         maxlength="16"  
                                         placeholder="请输入External Key of Address"
                                         @keyup.enter.native="
                                        showGridPromptDialog(`gidgrp.con.pts.extkey`)
                                        "></c-input>
                            <template slot="footer">
                                <c-button
                                v-if="model.gitp.swiftflg=='N'"
                                style="margin:0 10px 0 10px;padding: 0 12px;"
                                size="small"
                                type="primary"
                                >
                                <span style="font-family:'宋体';font-weight:bold">i</span>
                                </c-button>
                                <c-button disabled v-if="model.gitp.swiftflg=='N'" size="small" type="primary">
                                    Details
                                </c-button>
                            </template>
                            </c-fullbox>  
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item v-if="model.gitp.swiftflg=='N'" label="地址名称" prop="gidgrp.con.pts.adrblk">
                            <c-input disabled type="textarea" rows="4" v-model="model.gidgrp.con.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入地址名称" ></c-input>
                        </el-form-item>
                    </c-col>
                
                <!-- <c-col :span="24">
                        <c-ptap v-if="model.gitp.swiftflg=='N'"
                        :model="model"
                        :argadr="{
                        title: 'Confirming Bank',
                        grp: 'gidgrp',
                        rol: 'con',
                        }"
                        :disabled="true"
                        @onAplpDet="onConpDet"
                    >
                    </c-ptap>    
                </c-col> -->
            </c-col>

            <c-col :span="11" :offset="1">

                    <c-col :span="24">
                            <el-form-item label="受益人" prop="gidgrp.ben.pts.ref">
                                <c-input  v-model="model.gidgrp.ben.pts.ref" maxlength="16"  placeholder="请输入Applicant Ref."></c-input>
                            </el-form-item>
                     </c-col>
                     <c-col :span="24">
                        <el-form-item label="受益人" prop="gidgrp.ben.pts.extkey">
                            <c-fullbox>
                                <c-input v-model="model.gidgrp.ben.pts.extkey" 
                                         maxlength="16"  
                                         placeholder="请输入External Key of Address"
                                         @keyup.enter.native="
                                        showGridPromptDialog(`gidgrp.ben.pts.extkey`)
                                        "></c-input>
                            <template slot="footer">
                                <c-button
                                style="margin:0 10px 0 10px;padding: 0 12px;"
                                size="small"
                                type="primary"
                                >
                                <span style="font-family:'宋体';font-weight:bold">i</span>
                                </c-button>
                                <c-button :disabled="model.gidgrp.rec.hndtyp=='OT'" size="small" type="primary" >
                                    Details
                                </c-button>
                            </template>
                            </c-fullbox>  
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item label="地址名称" prop="gidgrp.ben.pts.adrblk">
                            <c-input :disabled="model.gidgrp.rec.hndtyp=='OT'" rows="4" type="textarea" v-model="model.gidgrp.ben.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入地址名称" ></c-input>
                        </el-form-item>
                    </c-col>


                    <c-col :span="24">
                            <el-form-item  label="Issuing Bank" prop="gidgrp.iss.pts.ref">
                                <c-input  v-model="model.gidgrp.iss.pts.ref" maxlength="16"  placeholder="请输入Issuing Bank"></c-input>
                            </el-form-item>
                     </c-col>
                     <c-col :span="24">
                        <el-form-item  label="Issuing Bank" prop="gidgrp.iss.pts.extkey">
                            <c-fullbox>
                                <c-input v-model="model.gidgrp.iss.pts.extkey" 
                                         maxlength="16"  
                                         placeholder="请输入External Key of Address"
                                         @keyup.enter.native="
                                        showGridPromptDialog(`gidgrp.iss.pts.extkey`)
                                        "></c-input>
                            <template slot="footer">
                                <c-button
                                style="margin:0 10px 0 10px;padding: 0 12px;"
                                size="small"
                                type="primary"
                                >
                                <span style="font-family:'宋体';font-weight:bold">i</span>
                                </c-button>
                                <c-button disabled size="small" type="primary">
                                    Details
                                </c-button>
                            </template>
                            </c-fullbox>  
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item label="地址名称" prop="gidgrp.iss.pts.adrblk">
                            <c-input disabled rows="4" type="textarea" v-model="model.gidgrp.iss.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入地址名称" ></c-input>
                        </el-form-item>
                    </c-col>
            </c-col>
        </c-col>
    </c-row>
             
    <c-col :span="24">
      <el-form-item label="Additional Parties" >
        <c-edit-table :model="model" v-bind="ptsaddg" style="margin-left:-120px">
          <el-table-column label="操作" >
            <template slot-scope="scope">
              <el-button
                size="mini"
                @click="handleEdit(scope.$index, scope.row)"
                type="primary"
                >详情</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 Ptap from "~/views/Public/Ptap";

export default {
    components: { "c-ptap": Ptap },
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
    data(){
        return {
              ptsaddg: {
            columns: [
                {
                    title: "Role",
                    width: "120px",
                    dataIndex: "rol",
                    show: "select",
                },
                {
                    title: "Party",
                    width: "180px",
                    dataIndex: "ptyextkey",
                    show: "input",
                },
                {
                    title: "Name of Party",
                    width: "250px",
                    dataIndex: "nam",
                },
                {
                    title: "Reference for Address",
                    width: "250px",
                    dataIndex: "ref",
                },
            ],
            urls: "gitp.ptsaddp.ptsaddg",
      },
        }
    },
    methods:{...Event},
    created:function(){

    }
}
</script>
<style>

</style>