<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')" ></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 :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="13"> <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="请选择指定的有关银行" > <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="model.didgrp.rec.fenctg != 'Y'" :disabledJigomc="true" :disabledDizhii="model.didgrp.rec.fenctg != 'Y'" :model="model" :argadr="{ title: '议付行', rol: 'avb', grp: 'didgrp' }" ></c-ptapdome> <!-- ========================转让行 ======================== --> <c-col :span="13"> <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="13"> <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, }, created: function () {}, }; </script> <style> </style>