<template>
<div class="eibs">
<c-row>
<c-col :span="24">
<c-col :span="12" style="padding-right: 20px">
<!--========================== 不为swift格式左边 =========================================-->
<c-col :span="24" v-if="model.gitp.swiftflg != 'Y'">
<c-col :span="24">
<el-form-item label="申请人参考号" prop="gidgrp.apl.pts.ref">
<c-input
v-model="model.gidgrp.apl.pts.ref"
maxlength="16"
placeholder="请输入申请人参考号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="申请人" prop="gidgrp.apl.pts.extkey">
<c-fullbox>
<c-input
v-model="model.gidgrp.apl.pts.extkey"
maxlength="16"
placeholder="请输入"
@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"
>
<i class="el-icon-info"></i>
</c-button>
<c-button
:disabled="model.gidgrp.apl.pts.adrblk == ''"
size="small"
type="primary"
@click="onAplpDet"
>
详情
</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="4"
type="textarea"
v-model="model.gidgrp.apl.pts.adrblk"
maxlength="140"
show-word-limit
placeholder="请输入地址名称"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="保兑行参考号" prop="gidgrp.con.pts.ref">
<c-input
disabled
v-model="model.gidgrp.con.pts.ref"
maxlength="16"
placeholder="请输入保兑行参考号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="保兑行" prop="gidgrp.con.pts.extkey">
<c-fullbox>
<c-input
v-model="model.gidgrp.con.pts.extkey"
disabled
maxlength="16"
placeholder="请输入"
@keyup.enter.native="
showGridPromptDialog(`gidgrp.con.pts.extkey`)
"
@change="preperpTab"
></c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
>
<i class="el-icon-info"></i>
</c-button>
<c-button
disabled
size="small"
type="primary"
@click="onConpDet"
>
详情
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="地址名称" prop="gidgrp.con.pts.adrblk">
<c-input
disabled
type="textarea"
rows="4"
v-model="model.gidgrp.con.pts.adrblk"
show-word-limit
placeholder="请输入地址名称"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- ==========================为swift格式左边============================================ -->
<c-col :span="24" v-if="model.gitp.swiftflg == 'Y'">
<c-col
:span="24"
v-if="
model.gidgrp.rec.purposin == 'ISCO' ||
model.gidgrp.rec.purposin == 'ICCO'
"
>
<c-col :span="24">
<el-form-item label="开证行参考号" prop="gidgrp.apl.pts.ref">
<c-input
v-model="model.gidgrp.apl.pts.ref"
maxlength="16"
placeholder="请输入开证行参考号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="开证行" prop="gidgrp.apl.pts.extkey">
<c-fullbox>
<c-input
v-model="model.gidgrp.apl.pts.extkey"
maxlength="16"
placeholder="请输入"
@keyup.enter.native="
showGridPromptDialog(`gidgrp.apl.pts.extkey`)
"
></c-input>
<!-- @blur="benBlur" -->
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
>
<i class="el-icon-info"></i>
</c-button>
<c-button
disabled
size="small"
type="primary"
@click="onAplpDet"
>
详情
</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="4"
type="textarea"
v-model="model.gidgrp.apl.pts.adrblk"
maxlength="140"
show-word-limit
placeholder="请输入地址名称"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="申请人参考号" prop="gidgrp.ctr.pts.ref">
<c-input
v-model="model.gidgrp.ctr.pts.ref"
maxlength="16"
placeholder="请输入申请人参考号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="申请人" prop="gidgrp.ctr.pts.extkey">
<c-fullbox>
<c-input
v-model="model.gidgrp.ctr.pts.extkey"
maxlength="16"
placeholder="请输入"
@keyup.enter.native="
showGridPromptDialog(`gidgrp.ctr.pts.extkey`)
"
></c-input>
<!-- @blur="benBlur" -->
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
>
<i class="el-icon-info"></i>
</c-button>
<c-button size="small" type="primary" @click="onCtrpDet">
详情
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="地址名称" prop="gidgrp.ctr.pts.adrblk">
<c-input
:disabeld="model.gidgrp.ctr.pts.adrblk != ''"
rows="4"
type="textarea"
v-model="model.gidgrp.ctr.pts.adrblk"
show-word-limit
placeholder="请输入地址名称"
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col
:span="24"
v-if="
model.gidgrp.rec.purposin == 'ISSU' ||
model.gidgrp.rec.purposin == ''
"
>
<c-col :span="24">
<el-form-item label="申请人参考号" prop="gidgrp.apl.pts.ref">
<c-input
v-model="model.gidgrp.apl.pts.ref"
maxlength="16"
placeholder="请输入申请人参考号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="申请人" prop="gidgrp.apl.pts.extkey">
<c-fullbox>
<c-input
v-model="model.gidgrp.apl.pts.extkey"
maxlength="16"
placeholder="请输入"
@keyup.enter.native="
showGridPromptDialog(`gidgrp.apl.pts.extkey`)
"
></c-input>
<!-- @blur="benBlur" -->
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
>
<i class="el-icon-info"></i>
</c-button>
<c-button
disabled
size="small"
type="primary"
@click="onAplpDet"
>
详情
</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="4"
type="textarea"
v-model="model.gidgrp.apl.pts.adrblk"
maxlength="140"
show-word-limit
placeholder="请输入地址名称"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="账户/对象参考号" prop="gidgrp.ctr.pts.ref">
<c-input
v-model="model.gidgrp.ctr.pts.ref"
maxlength="16"
placeholder="请输入账户/对象参考号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="账户/对象" prop="gidgrp.ctr.pts.extkey">
<c-fullbox>
<c-input
v-model="model.gidgrp.ctr.pts.extkey"
maxlength="16"
placeholder="请输入"
@keyup.enter.native="
showGridPromptDialog(`gidgrp.ctr.pts.extkey`)
"
></c-input>
<!-- @blur="benBlur" -->
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
>
<i class="el-icon-info"></i>
</c-button>
<c-button size="small" type="primary" @click="onCtrpDet">
详情
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="地址名称" prop="gidgrp.ctr.pts.adrblk">
<c-input
:disabled="model.gidgrp.ctr.pts.adrblk != ''"
rows="4"
type="textarea"
v-model="model.gidgrp.ctr.pts.adrblk"
maxlength="140"
show-word-limit
placeholder="请输入地址名称"
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
</c-col>
<c-col :span="12" style="padding-left: 20px">
<!-- ==========================不为swift格式右边=================================== -->
<c-col :span="24" v-if="model.gitp.swiftflg != 'Y'">
<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="请输入"
></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="请输入"
@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"
>
<i class="el-icon-info"></i>
</c-button>
<c-button
:disabled="model.gidgrp.rec.hndtyp == 'OT'"
size="small"
type="primary"
@click="onBenpDet"
>
详情
</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' ||
model.gidgrp.ben.pts.adrblk != ''
"
rows="4"
type="textarea"
maxlength="140"
v-model="model.gidgrp.ben.pts.adrblk"
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'
"
label="开证行参考号"
prop="gidgrp.iss.pts.ref"
>
<c-input
v-model="model.gidgrp.iss.pts.ref"
maxlength="16"
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'
"
label="开证行"
prop="gidgrp.iss.pts.extkey"
>
<c-fullbox>
<c-input
v-model="model.gidgrp.iss.pts.extkey"
maxlength="16"
placeholder="请输入"
@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"
>
<i class="el-icon-info"></i>
</c-button>
<c-button
disabled
size="small"
type="primary"
@click="onIsspDet"
>
详情
</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'
"
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>
<!-- ============================为swift格式右边================================= -->
<c-col :span="24" v-if="model.gitp.swiftflg == 'Y'">
<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="请输入受益人参考号"
></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="请输入"
@keyup.enter.native="
showGridPromptDialog(`gidgrp.ben.pts.extkey`)
"
></c-input>
<!-- @blur="benBlur" -->
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
>
<i class="el-icon-info"></i>
</c-button>
<c-button size="small" type="primary" @click="onBenpDet">
详情
</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.ben.pts.adrblk != ''"
rows="4"
type="textarea"
v-model="model.gidgrp.ben.pts.adrblk"
maxlength="140"
show-word-limit
placeholder="请输入地址名称"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="通知行参考号" prop="gidgrp.atb.pts.ref">
<c-input
v-model="model.gidgrp.atb.pts.ref"
maxlength="16"
placeholder="请输入通知行参考号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="通知行" prop="gidgrp.atb.pts.extkey">
<c-fullbox>
<c-input
v-model="model.gidgrp.atb.pts.extkey"
maxlength="16"
placeholder="请输入"
@keyup.enter.native="
showGridPromptDialog(`gidgrp.atb.pts.extkey`)
"
></c-input>
<!-- @blur="benBlur" -->
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
>
<i class="el-icon-info"></i>
</c-button>
<c-button size="small" type="primary" @click="onAtbpDet">
详情
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="地址名称" prop="gidgrp.atb.pts.adrblk">
<c-input
:disabled="model.gidgrp.atb.pts.adrblk != ''"
rows="4"
type="textarea"
v-model="model.gidgrp.atb.pts.adrblk"
maxlength="140"
show-word-limit
placeholder="请输入地址名称"
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="可录入保函项下其他关联方">
<c-edit-table
:model="model"
v-bind="ptsaddg"
>
<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>
</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'
import Utils from '~/utils'
export default {
components: { 'c-ptap': Ptap },
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: 'gitp.ptsaddp.ptsaddg',
},
}
},
methods: {
...Event,
// async benBlur() {
// let rtnmsg = await this.executeDefault('gidgrp.rec.sndto')
// if (rtnmsg.respCode == SUCCESS) {
// Utils.copyValueFromVO(this.model, rtnmsg.data)
// }
// },
// 角色改变手动触发default 500 GIDGRP\REC\DELTO
async roleChange(){
let rtnmsg = await this.executeDefault("gidgrp.rec.delto");
if (rtnmsg.respCode == SUCCESS) {
Utils.copyValueFromVO(this.model, rtnmsg.data);
}
},
// 切换到演示/交付tab页触发event
async preperpTab() {
let rtnmsg = await this.executeRule('gitp.preperp')
if (rtnmsg.respCode == SUCCESS) {
Utils.copyValueFromVO(this.model, rtnmsg.data)
}
},
},
watch: {
"model.gidgrp.apl.pts.adrblk": function() {
this.roleChange()
},
"model.gidgrp.ctr.pts.adrblk": function() {
this.roleChange()
},
"model.gidgrp.ben.pts.adrblk": function() {
this.roleChange()
},
"model.gidgrp.atb.pts.adrblk": function() {
this.roleChange()
},
},
created: function () {},
}
</script>
<style></style>