<template>
<div class="eibs-tab">
<!-- <c-row> -->
<!--=== ==========左边=============== -->
<c-col :span="11">
<c-col :span="24">
<el-form-item label="通知行参考号" prop="didgrp.rec.tzref">
<c-input
v-model="model.didgrp.rec.tzref"
maxlength="35"
placeholder="请输入通知行编号"
></c-input>
</el-form-item>
</c-col>
<!-- =========================通知行========================= -->
<c-col :span="24">
<el-form-item label="通知行BIC" prop="didgrp.adv.pts.extkey">
<c-input
v-model="model.didgrp.adv.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="showGridPromptDialog('didgrp.adv.pts.extkey')"
disabled
></c-input>
</el-form-item>
</c-col>
<!-- <el-form-item label="通知行联行行号" prop="didgrp.adv.pts.bankno">
<c-input
v-model="model.didgrp.adv.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="showGridPromptDialog('didgrp.adv.pts.bankno')"
></c-input>
</el-form-item>
<el-form-item label="通知行联行名称" prop="didgrp.adv.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.adv.pts.jigomc"
maxlength="35"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="通知行地址" prop="didgrp.adv.pts.dizhii">
<c-input
disabled
type="textarea"
v-model="model.didgrp.adv.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item> -->
<c-ptapdome
:disabledBankno="true"
:disabledJigomc="true"
:disabledDizhii="true"
:model="model"
:argadr="{
title: '通知行',
rol: 'adv',
grp: 'didgrp'
}"
></c-ptapdome>
<c-col :span="13">
<el-form-item label="通知行邮编" prop="didgrp.adv.pts.youzbm">
<c-input
disabled
v-model="model.didgrp.adv.pts.youzbm"
maxlength="6"
placeholder="请输入邮编 电证用"
></c-input>
</el-form-item> </c-col
><c-col :span="11">
<el-form-item
label="通知行电话"
prop="didgrp.adv.pts.dihdig"
label-width="100px"
>
<c-input
disabled
v-model="model.didgrp.adv.pts.dihdig"
maxlength="16"
placeholder="请输入电话"
></c-input>
</el-form-item>
</c-col>
<!-- ============= 议付行 ========================= -->
<c-col :span="24">
<el-form-item label="是否可议付" prop="didgrp.rec.fenctg">
<c-select
v-model="model.didgrp.rec.fenctg"
style="width: 100%"
placeholder="请选择是否可议付"
>
<el-option
v-for="item in codes.fenctg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="指定的有关银行 " prop="didgrp.rec.avbwth">
<c-select
:disabled="model.didgrp.rec.fenctg != 'Y'"
v-model="model.didgrp.rec.avbwth"
style="width: 100%"
placeholder="请选择指定的有关银行"
@change="chooseBank"
>
<el-option
v-for="item in codes.avbwth"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<!-- <el-form-item label="议付行联行行号" prop="didgrp.avb.pts.bankno">
<c-input
:disabled="model.didgrp.rec.fenctg != 'Y'"
v-model="model.didgrp.avb.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="showGridPromptDialog('didgrp.avb.pts.bankno')"
></c-input>
</el-form-item>
<el-form-item label="议付行名称" prop="didgrp.avb.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.avb.pts.jigomc"
maxlength="35"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="议付行地址" prop="didgrp.avb.pts.dizhii">
<c-input
:disabled="model.didgrp.rec.fenctg != 'Y'"
type="textarea"
v-model="model.didgrp.avb.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item> -->
<c-ptapdome
:disabledBankno="true"
:disabledJigomc="true"
:disabledDizhii="true"
:model="model"
:argadr="{
title: '议付行',
rol: 'avb',
grp: 'didgrp'
}"
></c-ptapdome>
<!-- ========================转让行 ======================== -->
<c-col :span="24">
<el-form-item label="是否可以转让" prop="didgrp.rec.lcrtyp">
<c-select
v-model="model.didgrp.rec.lcrtyp"
style="width: 100%"
placeholder="请选择"
>
<el-option
v-for="item in codes.lcrtyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<!-- </c-row> -->
<!-- <el-form-item label="转让行联行行号" prop="didgrp.cmb.pts.bankno">
<c-input
:disabled="model.didgrp.rec.lcrtyp != 'IT'"
v-model="model.didgrp.cmb.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="showGridPromptDialog('didgrp.cmb.pts.bankno')"
></c-input>
</el-form-item>
<el-form-item label="转让行名称" prop="didgrp.cmb.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.cmb.pts.jigomc"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="转让行地址" prop="didgrp.cmb.pts.dizhii">
<c-input
:disabled="model.didgrp.rec.lcrtyp != 'IT'"
type="textarea"
v-model="model.didgrp.cmb.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item> -->
<c-ptapdome
:disabledBankno="model.didgrp.rec.lcrtyp != 'IT'"
:disabledJigomc="true"
:disabledDizhii="model.didgrp.rec.lcrtyp != 'IT'"
:model="model"
:argadr="{
title: '转让行',
rol: 'cmb',
grp: 'didgrp'
}"
></c-ptapdome>
</c-col>
<!--=== ==========右边=============== -->
<c-col :span="11" :offset="1">
<!-- =========================开证行========================= -->
<c-col :span="24">
<el-form-item label="开证行BIC" prop="didgrp.iss.pts.extkey">
<c-input
v-model="model.didgrp.iss.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="showGridPromptDialog('didgrp.iss.pts.extkey')"
></c-input>
</el-form-item>
</c-col>
<!-- <el-form-item label="开证行联行行号" prop="didgrp.iss.pts.bankno">
<c-input
disabled
v-model="model.didgrp.iss.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
></c-input>
</el-form-item>
<el-form-item label="开证行联行名称" prop="didgrp.iss.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.iss.pts.jigomc"
maxlength="35"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="开证行地址" prop="didgrp.iss.pts.dizhii">
<c-input
disabled
type="textarea"
v-model="model.didgrp.iss.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item> -->
<c-ptapdome
:disabledBankno="true"
:disabledJigomc="true"
:disabledDizhii="true"
:model="model"
:argadr="{
title: '开证行',
rol: 'iss',
grp: 'didgrp'
}"
:isIss="true"
></c-ptapdome>
<c-col :span="13">
<el-form-item label="开证行邮编" prop="didgrp.iss.pts.youzbm">
<c-input
disabled
v-model="model.didgrp.iss.pts.youzbm"
maxlength="6"
placeholder="请输入邮编 电证用"
></c-input>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
label="开证行电话"
prop="didgrp.iss.pts.dihdig"
label-width="100px"
>
<c-input
disabled
v-model="model.didgrp.iss.pts.dihdig"
maxlength="16"
placeholder="请输入电话"
></c-input>
</el-form-item>
</c-col>
<!-- =========================保兑行========================= -->
<c-col :span="24">
<el-form-item label="是否可保兑" prop="didgrp.rec.bdflg">
<c-select
v-model="model.didgrp.rec.bdflg"
style="width: 100%"
placeholder="请选择是否可保兑"
>
<el-option
v-for="item in codes.bdflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<!-- <el-form-item label="保兑行联行行号" prop="didgrp.rmb.pts.bankno">
<c-input
:disabled="model.didgrp.rec.bdflg != 'Y'"
v-model="model.didgrp.rmb.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="showGridPromptDialog('didgrp.rmb.pts.bankno')"
></c-input>
</el-form-item>
<el-form-item label="保兑行名称" prop="didgrp.rmb.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.rmb.pts.jigomc"
maxlength="35"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="保兑行地址" prop="didgrp.rmb.pts.dizhii">
<c-input
:disabled="model.didgrp.rec.bdflg != 'Y'"
type="textarea"
v-model="model.didgrp.rmb.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item> -->
<c-ptapdome
:disabledBankno="model.didgrp.rec.bdflg != 'Y'"
:disabledJigomc="true"
:disabledDizhii="model.didgrp.rec.bdflg != 'Y'"
:model="model"
:argadr="{
title: '保兑行',
rol: 'rmb',
grp: 'didgrp'
}"
></c-ptapdome>
<!-- ========================申请行 ======================== -->
<!-- <el-form-item label="申请行联行行号" prop="didgrp.apc.pts.bankno">
<c-input
v-model="model.didgrp.apc.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="showGridPromptDialog('didgrp.apc.pts.bankno')"
></c-input>
</el-form-item>
<el-form-item label="申请行名称" prop="didgrp.apc.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.apc.pts.jigomc"
maxlength="35"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="申请行地址" prop="didgrp.apc.pts.dizhii">
<c-input
type="textarea"
v-model="model.didgrp.apc.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item> -->
<c-ptapdome
:disabledJigomc="true"
:model="model"
:argadr="{
title: '申请行',
rol: 'apc',
grp: 'didgrp'
}"
></c-ptapdome>
<c-col :span="13">
<el-form-item label="申请人邮编" prop="didgrp.apc.pts.youzbm">
<c-input
v-model="model.didgrp.apc.pts.youzbm"
maxlength="6"
placeholder="请输入邮编 电证用"
></c-input>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
label="申请人电话"
prop="didgrp.apc.pts.dihdig"
label-width="100px"
>
<c-input
v-model="model.didgrp.apc.pts.dihdig"
maxlength="16"
placeholder="请输入电话 电证用"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- <c-col :span="24"> </c-col> -->
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import Event from "~/model/Ditopn/Event";
import Utils from "~/utils";
import PtapDome from "~/views/Public/PtapDome";
export default {
components: { "c-ptapdome": PtapDome },
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {};
},
methods: {
...Event,
async chooseBank(){
let rtnmsg = await this.executeRule("didgrp.rec.avbwth"); //DIDGRP\REC\AVBWTH
if(rtnmsg.respCode == SUCCESS){
Utils.copyValueFromVO(this.model, rtnmsg.data);
}
},
},
created: function () {},
};
</script>
<style>
</style>