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 size="small" type="primary"  @click="onAplpDet">
                                    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 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">
                        <c-ptap v-if="model.gitp.swiftflg=='Y'"
                        :model="model"
                        :argadr="{
                        title: 'Accountee/ObI.',
                        grp: 'gidgrp',
                        rol: 'ctr',
                        }"
                        @onAplpDet="onConpDet"
                    >
                    </c-ptap>    
                </c-col>

                <c-col :span="24">
                        <c-ptap v-if="model.gitp.swiftflg!='Y'"
                        :model="model"
                        :argadr="{
                        title: '保兑行',
                        grp: 'gidgrp',
                        rol: 'con',
                        }"
                        :disabled="true"
                        @onAplpDet="onConpDet"
                    >
                    </c-ptap>    
                </c-col>
            </c-col>

            <c-col :span="11" :offset="1">
                <c-col :span="24">
                    <c-ptap :model="model" :argadr="{
                    title: '受益人',
                    grp: 'gidgrp',
                    rol: 'ben',
                    }" 
                    :disabled="true" 
                    @onAplpDet="onBenpDet">
                    </c-ptap>
                </c-col>


                <c-col :span="24">
                            <el-form-item v-if="model.gitp.swiftflg=='N'&&model.gidgrp.rec.hndtyp=='OT'" label="Issuing Bnak's Ref." prop="gidgrp.iss.pts.ref">
                                <c-input v-model="model.gidgrp.iss.pts.ref" maxlength="16"  placeholder="请输入Issuing Bnak's Ref."></c-input>
                            </el-form-item>
                     </c-col>
                     <c-col :span="24">
                        <el-form-item v-if="model.gitp.swiftflg=='N'&&model.gidgrp.rec.hndtyp=='OT'" 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 size="small" type="primary"  @click="onIsspDet">
                                    Details
                                </c-button>
                            </template>
                            </c-fullbox>  
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item v-if="model.gitp.swiftflg=='N'&&model.gidgrp.rec.hndtyp=='OT'" label="地址名称" prop="gidgrp.iss.pts.adrblk">
                            <c-input type="textarea" v-model="model.gidgrp.iss.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入地址名称" ></c-input>
                        </el-form-item>
                    </c-col>

                <!-- <c-col :span="24">
                    <c-ptap :model="model" :argadr="{
                    title: '受益人',
                    grp: 'gidgrp',
                    rol: 'labissbak',
                    }" 
                    :disabled="true" 
                    :isAdrblk="false" 
                    @onAplpDet="onBenpDet">
                    </c-ptap>
                </c-col> -->

                 <c-col :span="24">
                        <c-ptap v-if="model.gitp.swiftflg=='Y'"
                        :model="model"
                        :argadr="{
                        title: 'Advising Bank',
                        grp: 'gidgrp',
                        rol: 'atb',
                        }"
                        @onAplpDet="onConpDet"
                    >
                    </c-ptap>    
                </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>
    <!-- <c-col :span="23">
    <el-form-item label="Additional Parties">
        <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.gitp.labapl"   data-path=".gitp.labapl" > </span>
	</c-col>
                                                    
	<c-col :span="12">
	    <span  v-text="model.gitp.labaplref"   data-path=".gitp.labaplref" > </span>
	</c-col>
                                                                                                                                                          
       <c-col :span="12">
	    <c-checkbox v-model="model.gitp.aplsupflg">Suppress Applicant in 760 Seqence B Flag</c-checkbox>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Confirming Bank's Ref.   " prop="gidgrp.con.pts.ref">
            <c-input  v-model="model.gidgrp.con.pts.ref" maxlength="16"  placeholder="请输入Confirming Bank's Ref.   "></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Reference for Address Optional" prop="gidgrp.ctr.pts.ref">
            <c-input  v-model="model.gidgrp.ctr.pts.ref" maxlength="16"  placeholder="请输入Reference for Address Optional"></c-input>
        </el-form-item>
       </c-col>
                                   
	<c-col :span="12">
	    <span  v-text="model.gitp.labissref"   data-path=".gitp.labissref" > </span>
	</c-col>
                  
	<c-col :span="12">
	    <span  v-text="model.gitp.labctr"   data-path=".gitp.labctr" > </span>
	</c-col>
                  
	<c-col :span="12">
	    <span  v-text="model.gitp.labctrref"   data-path=".gitp.labctrref" > </span>
	</c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Advising Bank Ref." prop="gidgrp.atb.pts.ref">
            <c-input  v-model="model.gidgrp.atb.pts.ref" maxlength="16"  placeholder="请输入Advising Bank Ref."></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Drag  Drop Sender" prop="gitp.conp.ptsget.sdamod.dadsnd">
            <c-input  v-model="model.gitp.conp.ptsget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Drag  Drop Sender" prop="gitp.bdbp.ptsget.sdamod.dadsnd">
            <c-input  v-model="model.gitp.bdbp.ptsget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="External Key of Address" prop="gidgrp.con.pts.extkey">
            <c-input  v-model="model.gidgrp.con.pts.extkey" maxlength="16"  placeholder="请输入External Key of Address"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="" prop="gitp.conp.ptsget.sdamod.seainf">
            <c-input  v-model="model.gitp.conp.ptsget.sdamod.seainf"  placeholder="请输入"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onConpDet">
            Details
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Drag  Drop Sender" prop="gitp.ctrp.ptsget.sdamod.dadsnd">
            <c-input  v-model="model.gitp.ctrp.ptsget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
        </el-form-item>
       </c-col>
                                   
	<c-col :span="12">
	    <span  v-text="model.gitp.labissbak"   data-path=".gitp.labissbak" > </span>
	</c-col>
                  
       <c-col :span="12">
        <el-form-item label="External Key of Address" prop="gidgrp.bdb.pts.extkey">
            <c-input  v-model="model.gidgrp.bdb.pts.extkey" maxlength="16"  placeholder="请输入External Key of Address"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="" prop="gitp.bdbp.ptsget.sdamod.seainf">
            <c-input  v-model="model.gitp.bdbp.ptsget.sdamod.seainf"  placeholder="请输入"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onBdbpDet">
            Details
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="External Key of Address" prop="gidgrp.ctr.pts.extkey">
            <c-input  v-model="model.gidgrp.ctr.pts.extkey" maxlength="16"  placeholder="请输入External Key of Address"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="" prop="gitp.ctrp.ptsget.sdamod.seainf">
            <c-input  v-model="model.gitp.ctrp.ptsget.sdamod.seainf"  placeholder="请输入"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onCtrpDet">
            Details
        </c-button>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Drag  Drop Sender" prop="gitp.atbp.ptsget.sdamod.dadsnd">
            <c-input  v-model="model.gitp.atbp.ptsget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="External Key of Address" prop="gidgrp.atb.pts.extkey">
            <c-input  v-model="model.gidgrp.atb.pts.extkey" maxlength="16"  placeholder="请输入External Key of Address"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="" prop="gitp.atbp.ptsget.sdamod.seainf">
            <c-input  v-model="model.gitp.atbp.ptsget.sdamod.seainf"  placeholder="请输入"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onAtbpDet">
            Details
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="名称" prop="gidgrp.con.namelc">
            <c-input type="textarea" v-model="model.gidgrp.con.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="名称" prop="gidgrp.bdb.namelc">
            <c-input type="textarea" v-model="model.gidgrp.bdb.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
        </el-form-item>
        </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="名称" prop="gidgrp.ctr.namelc">
            <c-input type="textarea" v-model="model.gidgrp.ctr.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Address Block" prop="gidgrp.con.pts.adrblk">
            <c-input type="textarea" v-model="model.gidgrp.con.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Chinese address" prop="gidgrp.con.dbfadrblkcn">
            <c-input type="textarea" v-model="model.gidgrp.con.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Address Block" prop="gidgrp.bdb.pts.adrblk">
            <c-input type="textarea" v-model="model.gidgrp.bdb.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Chinese address" prop="gidgrp.bdb.dbfadrblkcn">
            <c-input type="textarea" v-model="model.gidgrp.bdb.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Address Block" prop="gidgrp.ctr.pts.adrblk">
            <c-input type="textarea" v-model="model.gidgrp.ctr.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Chinese address" prop="gidgrp.ctr.dbfadrblkcn">
            <c-input type="textarea" v-model="model.gidgrp.ctr.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="名称" prop="gidgrp.atb.namelc">
            <c-input type="textarea" v-model="model.gidgrp.atb.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Address Block" prop="gidgrp.atb.pts.adrblk">
            <c-input type="textarea" v-model="model.gidgrp.atb.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Chinese address" prop="gidgrp.atb.dbfadrblkcn">
            <c-input type="textarea" v-model="model.gidgrp.atb.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="地址" prop="gidgrp.con.adrelc">
            <c-input type="textarea" v-model="model.gidgrp.con.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="地址" prop="gidgrp.bdb.adrelc">
            <c-input type="textarea" v-model="model.gidgrp.bdb.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="地址" prop="gidgrp.ctr.adrelc">
            <c-input type="textarea" v-model="model.gidgrp.ctr.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="地址" prop="gidgrp.atb.adrelc">
            <c-input type="textarea" v-model="model.gidgrp.atb.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input>
        </el-form-item>
        </c-col>
                                                                     
       <c-col :span="12">
        <el-form-item label="Risk Country " prop="gidgrp.rec.stacty">
            <c-select v-model="model.gidgrp.rec.stacty" style="width:100%" placeholder="请选择Risk Country ">
              </c-select>
        </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/Gitpop/Event"
import Ptap from "~/views/Public/Ptap";

export default {
    components: { "c-ptap": Ptap },
    inject: ['root'],
    props:["model"],
    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",
      },
             codes: {
               ...CodeTable,
            },
        }
    },
    methods:{...Event
     ,addRow(){},
        removeRow(){},},
    created:function(){

    }
}
</script>
<style>

</style>