<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"  @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 disabled 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">
                            <el-form-item v-if="model.gitp.swiftflg!='Y'" label="Confirming Bank Ref." prop="gidgrp.con.pts.ref">
                                <c-input disabled 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"
                                         disabled 
                                         maxlength="16"  
                                         placeholder="请输入External Key of Address"
                                         @keyup.enter.native="
                                        showGridPromptDialog(`gidgrp.con.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"  @click="onConpDet">
                                    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 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"  @click="onBenpDet">
                                    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 v-if="(model.gidgrp.rec.hndtyp=='OC'||model.gidgrp.rec.hndtyp=='OT')&&model.gitp.swiftflg!='Y'" 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 v-if="(model.gidgrp.rec.hndtyp=='OC'||model.gidgrp.rec.hndtyp=='OT')&&model.gitp.swiftflg!='Y'" 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"  @click="onIsspDet">
                                    Details
                                </c-button>
                            </template>
                            </c-fullbox>  
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item v-if="(model.gidgrp.rec.hndtyp=='OC'||model.gidgrp.rec.hndtyp=='OT')&&model.gitp.swiftflg!='Y'" 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 :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="12">
    <span  v-text="model.gitp.labapl"   data-path=".gitp.labapl" > </span>
</c-col> -->
                 <!-- SF001049 : Applicant's Ref. -->
                 <!-- S0001297 : Applicant's Ref. -->
                  
<!-- <c-col :span="12">
    <span  v-text="model.gitp.labaplref"   data-path=".gitp.labaplref" > </span>
</c-col> -->
                 <!-- SF001050 : Beneficiary's Ref. -->
                 <!-- SF001066 : Beneficiary's Ref. -->
                 <!-- S0001298 : Beneficiary's Ref. -->
                 <!-- SF001048 : Applicant -->
                 <!-- S0001296 : Applicant -->
                 <!-- SF001051 : Beneficiary -->
                 <!-- SF000686 : Beneficiary -->
                 <!-- S0001299 : Beneficiary -->
<!--                   
       <c-col :span="12">
	    <c-checkbox v-model="model.gitp.aplsupflg">{{$t('gitp.CF001200')}}</c-checkbox>
       </c-col> -->
                 <!-- S0001300 : Confirming Bank's Ref.    -->
                  
       <!-- <c-col :span="12">
        <c-form-item :label="$t('gitp.SF001078')" prop="gidgrp.con.pts.ref">
            <c-input  v-model="model.gidgrp.con.pts.ref" maxlength="16"  :placeholder="$t('other.please_enter')+$t('gitp.SF001078')"></c-input>
        </c-form-item>
       </c-col> -->
                 <!-- SF001055 : Accountee's Ref. -->
                  
       <!-- <c-col :span="12">
        <c-form-item label="Reference for Address Optional" prop="gidgrp.ctr.pts.ref">
            <c-input  v-model="model.gidgrp.ctr.pts.ref" maxlength="16"  :placeholder="$t('other.please_enter')+'Reference for Address Optional'"></c-input>
        </c-form-item>
       </c-col> -->
                 <!-- SF001052 : Issuing Bank's Ref. -->
                  
<!-- <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> -->
                 <!-- SF001068 : Advising Bank Ref. -->
                  
       <!-- <c-col :span="12">
        <c-form-item :label="$t('gitp.SF001068')" prop="gidgrp.atb.pts.ref">
            <c-input  v-model="model.gidgrp.atb.pts.ref" maxlength="16"  :placeholder="$t('other.please_enter')+$t('gitp.SF001068')"></c-input>
        </c-form-item>
       </c-col> -->
                 <!-- S0001301 : Confirming Bank -->
<!--                   
       <c-col :span="12">
        <c-form-item label="Drag  Drop Sender" prop="gitp.conp.ptsget.sdamod.dadsnd">
            <c-input  v-model="model.gitp.conp.ptsget.sdamod.dadsnd"  :placeholder="$t('other.please_enter')+'Drag  Drop Sender'"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Drag  Drop Sender" prop="gitp.bdbp.ptsget.sdamod.dadsnd">
            <c-input  v-model="model.gitp.bdbp.ptsget.sdamod.dadsnd"  :placeholder="$t('other.please_enter')+'Drag  Drop Sender'"></c-input>
        </c-form-item>
       </c-col> -->
                 <!-- SF001054 : Accountee -->
                  
       <!-- <c-col :span="12">
        <c-form-item label="External Key of Address" prop="gidgrp.con.pts.extkey">
            <c-input  v-model="model.gidgrp.con.pts.extkey" maxlength="16"  :placeholder="$t('other.please_enter')+'External Key of Address'"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="" prop="gitp.conp.ptsget.sdamod.seainf">
            <c-input  v-model="model.gitp.conp.ptsget.sdamod.seainf"  :placeholder="$t('other.please_enter')+''"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onConpDet">
             {{$t('ptsp.CF000081')}}
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Drag  Drop Sender" prop="gitp.ctrp.ptsget.sdamod.dadsnd">
            <c-input  v-model="model.gitp.ctrp.ptsget.sdamod.dadsnd"  :placeholder="$t('other.please_enter')+'Drag  Drop Sender'"></c-input>
        </c-form-item>
       </c-col> -->
                 <!-- SF001053 : Issuing Bank -->
                  
<!-- <c-col :span="12">
    <span  v-text="model.gitp.labissbak"   data-path=".gitp.labissbak" > </span>
</c-col>
                  
       <c-col :span="12">
        <c-form-item label="External Key of Address" prop="gidgrp.bdb.pts.extkey">
            <c-input  v-model="model.gidgrp.bdb.pts.extkey" maxlength="16"  :placeholder="$t('other.please_enter')+'External Key of Address'"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="" prop="gitp.bdbp.ptsget.sdamod.seainf">
            <c-input  v-model="model.gitp.bdbp.ptsget.sdamod.seainf"  :placeholder="$t('other.please_enter')+''"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onBdbpDet">
             {{$t('ptsp.CF000081')}}
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="External Key of Address" prop="gidgrp.ctr.pts.extkey">
            <c-input  v-model="model.gidgrp.ctr.pts.extkey" maxlength="16"  :placeholder="$t('other.please_enter')+'External Key of Address'"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="" prop="gitp.ctrp.ptsget.sdamod.seainf">
            <c-input  v-model="model.gitp.ctrp.ptsget.sdamod.seainf"  :placeholder="$t('other.please_enter')+''"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onCtrpDet">
             {{$t('ptsp.CF000081')}}
        </c-button>
       </c-col> -->
                 <!-- SF000827 : Advising Bank -->
                  
       <!-- <c-col :span="12">
        <c-form-item label="Drag  Drop Sender" prop="gitp.atbp.ptsget.sdamod.dadsnd">
            <c-input  v-model="model.gitp.atbp.ptsget.sdamod.dadsnd"  :placeholder="$t('other.please_enter')+'Drag  Drop Sender'"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="External Key of Address" prop="gidgrp.atb.pts.extkey">
            <c-input  v-model="model.gidgrp.atb.pts.extkey" maxlength="16"  :placeholder="$t('other.please_enter')+'External Key of Address'"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="" prop="gitp.atbp.ptsget.sdamod.seainf">
            <c-input  v-model="model.gitp.atbp.ptsget.sdamod.seainf"  :placeholder="$t('other.please_enter')+''"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onAtbpDet">
             {{$t('ptsp.CF000081')}}
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="名称" prop="gidgrp.con.namelc">
            <c-input type="textarea" v-model="model.gidgrp.con.namelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'名称'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-form-item label="名称" prop="gidgrp.bdb.namelc">
            <c-input type="textarea" v-model="model.gidgrp.bdb.namelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'名称'" ></c-input>
        </c-form-item>
        </c-col> -->
                 <!-- SF000912 : (Tag 56a) -->
                  
       <!-- <c-col :span="12">
        <c-form-item label="名称" prop="gidgrp.ctr.namelc">
            <c-input type="textarea" v-model="model.gidgrp.ctr.namelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'名称'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-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="$t('other.please_enter')+'Address Block'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-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="$t('other.please_enter')+'Chinese address'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-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="$t('other.please_enter')+'Address Block'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-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="$t('other.please_enter')+'Chinese address'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-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="$t('other.please_enter')+'Address Block'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-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="$t('other.please_enter')+'Chinese address'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-form-item label="名称" prop="gidgrp.atb.namelc">
            <c-input type="textarea" v-model="model.gidgrp.atb.namelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'名称'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-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="$t('other.please_enter')+'Address Block'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-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="$t('other.please_enter')+'Chinese address'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-form-item label="地址" prop="gidgrp.con.adrelc">
            <c-input type="textarea" v-model="model.gidgrp.con.adrelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'地址'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-form-item label="地址" prop="gidgrp.bdb.adrelc">
            <c-input type="textarea" v-model="model.gidgrp.bdb.adrelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'地址'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-form-item label="地址" prop="gidgrp.ctr.adrelc">
            <c-input type="textarea" v-model="model.gidgrp.ctr.adrelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'地址'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-form-item label="地址" prop="gidgrp.atb.adrelc">
            <c-input type="textarea" v-model="model.gidgrp.atb.adrelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'地址'" ></c-input>
        </c-form-item>
        </c-col> -->
                 <!-- SF000046 : Additional Parties -->
                 <!-- SF000046 : Additional Parties -->
                 <!-- SF000818 : Risk Country  -->
                  
       <!-- <c-col :span="12">
        <el-form-item :label="$t('gitp.SF000818')" prop="gidgrp.rec.stacty">
            <c-select v-model="model.gidgrp.rec.stacty" style="width:100%" :placeholder="$t('other.please_enter')+$t('gitp.SF000818')">
              </c-select>
        </el-form-item>
       </c-col> -->
                 <!-- SF000046 : Additional Parties -->
  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Gitame/Event"
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>