<template>
  <div class="eibs-tab">
    <c-row>
        <c-col :span="24">
            <c-col :span="12">

                <c-col :span="24">
                            <el-form-item label="Applicant Ref." prop="gidgrp.apc.pts.ref">
                                <c-input  v-model="model.gidgrp.apc.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.apc.pts.extkey">
                            <c-fullbox>
                                <c-input   v-model="model.gidgrp.apc.pts.extkey" 
                                         maxlength="16"  
                                         placeholder="请输入External Key of Address"
                                         @keyup.enter.native="
                                        showGridPromptDialog(`gidgrp.apc.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="onApcpDet">
                                    Details
                                </c-button>
                            </template>
                            </c-fullbox>  
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item  label="地址名称" prop="gidgrp.apc.pts.adrblk">
                            <c-input rows="4" type="textarea" v-model="model.gidgrp.apc.pts.adrblk" maxlength="140" show-word-limit placeholder="请输入地址名称" ></c-input>
                        </el-form-item>
                    </c-col>
                    
                <c-col :span="24">
                    <c-ptap :model="model" :argadr="{
                    title: 'Obligor',
                    grp: 'gidgrp',
                    rol: 'ctc',
                    }" 
                    :disabled="false" 
                    @onAplpDet="onCtcpDet">
                    </c-ptap>
                </c-col>

                <c-col :span="24">
                    <c-ptap :model="model" :argadr="{
                    title: 'Int. Beneficiary',
                    grp: 'gidgrp',
                    rol: 'bec',
                    }" 
                    :disabled="false" 
                    @onAplpDet="onBecpDet">
                    </c-ptap>
                </c-col>
            </c-col>
            <c-col :span="11" :offset="1">
                   <c-col :span="24">
                            <el-form-item  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  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  label="地址名称" prop="gidgrp.iss.pts.adrblk">
                            <c-input disabled rows="4" type="textarea" v-model="model.gidgrp.iss.pts.adrblk" maxlength="140" show-word-limit placeholder="请输入地址名称" ></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <c-ptap :model="model" :argadr="{
                        title: 'Ultimate Ben Bank',
                        grp: 'gidgrp',
                        rol: 'ben',
                        }" 
                        :disabled="true" 
                        @onAplpDet="onCtcpDet">
                        </c-ptap>
                    </c-col>

                    <c-col :span="24">
                            <el-form-item label="Avail. with Bank Ref." prop="gidgrp.avc.pts.ref">
                                <c-input disabled v-model="model.gidgrp.avc.pts.ref" maxlength="16"  placeholder="请输入Avail. with Bank Ref."></c-input>
                            </el-form-item>
                    </c-col>
                     <c-col :span="24">
                        <el-form-item label="External Key of Address" prop="gidgrp.avc.pts.extkey">
                            <c-fullbox>
                                <c-input disabled v-model="model.gidgrp.avc.pts.extkey" maxlength="16"  placeholder="请输入External Key of Address"></c-input>
                            <template slot="footer">
                                <c-button
                                style="margin:0 10px 0 10px;padding: 0 12px;"
                                size="small"
                                type="primary"
                                icon="el-icon-search"
                                @click="onSeainf(`gidgrp.avc.pts.extkey`)"
                                >
                                </c-button>
                                <c-button size="small" type="primary"  @click="onAvcpDet">
                                    Details
                                </c-button>
                            </template>
                            </c-fullbox>  
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item label="Name of Party" prop="gidgrp.avc.pts.nam">
                            <c-input disabled v-model="model.gidgrp.avc.pts.nam" maxlength="140"  placeholder="请输入Name of Party"></c-input>
                        </el-form-item>
                    </c-col>
            </c-col>
        </c-col>
    </c-row>                        
  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Gitopn/Event"
import Ptap from "~/views/Public/Ptap";

export default {
    components: { "c-ptap": Ptap },
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
    data(){
        return {

        }
    },
    methods:{...Event},
    created:function(){

    }
}
</script>
<style>

</style>