<template>
<c-row>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="信用证编号" prop="dedgrp.rec.ownref">
<c-fullbox>
<c-input
v-model="model.dedgrp.rec.ownref"
maxlength="16"
placeholder="请输入信用证编号"
@keyup.enter.native="
showGridPromptDialog('dedgrp.rec.ownref')
"
></c-input>
<template slot="footer">
<c-button
size="small"
type="primary"
@click="onSeainf"
icon="el-icon-search"
style="margin-right: 10px"
></c-button>
<c-checkbox v-model="model.clsflg"
>Show closed</c-checkbox
>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="摘要" prop="dedgrp.rec.nam">
<c-input
v-model="model.dedgrp.rec.nam"
maxlength="40"
placeholder="请输入Externally Displayed Name to Identify the Contract"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<div v-if="hotreg == 3 || hotreg == 4 || hotreg == 7 || hotreg == 8">
<c-col :span="24">
<c-col :span="12">
<el-form-item label="单据业务编号" prop="bfdgrp.rec.ownref">
<c-fullbox>
<c-input
v-model="model.bfdgrp.rec.ownref"
maxlength="16"
@keyup.enter.native="
showGridPromptDialog('bfdgrp.rec.ownref')
"
placeholder="请输入单据业务编号"
></c-input>
<template slot="footer">
<c-checkbox
v-model="model.bfdget.clsflg"
style="margin-left: 10px"
>Show closed</c-checkbox
>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="摘要" prop="bfdgrp.rec.nam">
<c-input
v-model="model.bfdgrp.rec.nam"
maxlength="40"
placeholder="请输入Externally Displayed Name to Identify the Contract"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
</div>
<!-- 信用证 -->
<div v-if="hotreg == 1 || hotreg == 2">
<c-col :span="24">
<c-col :span="12">
<c-col :span="24">
<c-col :span="13">
<el-form-item
label="信用证金额"
prop="dedgrp.cbs.nom1.cur"
>
<c-input
v-model="model.dedgrp.cbs.nom1.cur"
maxlength="3"
placeholder="请输入信用证金额"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="" label-width="5px">
<c-input
v-model="model.dedgrp.cbs.nom1.amt"
disabled
placeholder="请输入Balance"
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="13">
<el-form-item
label="信用证余额"
prop="dedgrp.cbs.opn1.cur"
>
<c-input
v-model="model.dedgrp.cbs.opn1.cur"
maxlength="3"
placeholder="请输入Open Amount"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="" label-width="5px">
<c-input
v-model="model.dedgrp.cbs.opn1.amt"
disabled
placeholder="请输入Balance"
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="指定银行" prop="dedgrp.avbnam">
<c-input
v-model="model.dedgrp.avbnam"
maxlength="40"
placeholder="请输入Available with"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="兑付方式" prop="dedgrp.rec.avbby">
<c-select
v-model="model.dedgrp.rec.avbby"
style="width: 100%"
placeholder="请选择Available by "
disabled
>
<el-option
v-for="item in codes.avbby0"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="13">
<el-form-item label="开证日期" prop="dedgrp.rec.opndat">
<c-date-picker
type="date"
v-model="model.dedgrp.rec.opndat"
placeholder="请选择Date Issued"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
label="最迟装运日期"
label-width="110px"
prop="dedgrp.rec.shpdat"
>
<c-date-picker
type="date"
v-model="model.dedgrp.rec.shpdat"
style="width: 100%"
placeholder="请选择Shipment Date"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="13">
<el-form-item
label="最迟交单日期/交单地"
prop="dedgrp.rec.expdat"
>
<c-date-picker
type="date"
v-model="model.dedgrp.rec.expdat"
placeholder="请选择Date/Place of Expiry"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
label=""
label-width="0px"
prop="dedgrp.rec.expplc"
>
<c-input
v-model="model.dedgrp.rec.expplc"
maxlength="29"
placeholder="请输入Date/Place of Expiry"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="信用证类型"
prop="dedgrp.rec.lcrtyp"
>
<c-select
v-model="model.dedgrp.rec.lcrtyp"
style="width: 100%"
placeholder="请选择转让标志"
disabled
:code="codes.lcrtyp"
>
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12">
<c-col :span="24">
<el-form-item
label="受益人参考号"
prop="dedgrp.ben.pts.ref"
>
<c-input
v-model="model.dedgrp.ben.pts.ref"
maxlength="16"
placeholder="请输入Beneficiary"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="受益人名称"
prop="dedgrp.ben.pts.nam"
>
<c-input
v-model="model.dedgrp.ben.pts.nam"
maxlength="40"
placeholder="请输入Name of Party"
disabled
></c-input>
</el-form-item>
</c-col>
<!-- <c-col :span="24">
<el-form-item
label="开证行参考号"
prop="dedgrp.iss.pts.ref"
>
<c-input
v-model="model.dedgrp.iss.pts.ref"
maxlength="16"
placeholder="请输入Issuing Bank"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="开证行名称"
prop="dedgrp.iss.pts.nam"
>
<c-input
v-model="model.dedgrp.iss.pts.nam"
maxlength="40"
placeholder="请输入Name of Party"
disabled
></c-input>
</el-form-item>
</c-col> -->
<c-col :span="24">
<el-form-item
label="开证行编号"
prop="dedgrp.rec.kzref"
>
<c-input
v-model="model.dedgrp.rec.kzref"
maxlength="16"
placeholder="请输入开证行编号"
disabled="disabled"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="开证行名称"
prop="dedgrp.iss.pts.nam"
>
<c-input
v-model="model.dedgrp.iss.pts.nam"
maxlength="40"
placeholder="请输入开证行名称"
disabled="disabled"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="申请人参考号"
prop="dedgrp.apl.pts.ref"
>
<c-input
v-model="model.dedgrp.apl.pts.ref"
maxlength="16"
placeholder="请输入Applicant"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="申请人名称"
prop="dedgrp.apl.pts.nam"
>
<c-input
v-model="model.dedgrp.apl.pts.nam"
maxlength="40"
placeholder="请输入Name of Party"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Confirmation text" prop="cnftxt">
<c-input
v-model="model.cnftxt"
maxlength="40"
placeholder="请输入Confirmation text"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
</div>
<!-- 单据 -->
<div v-if="hotreg == 3 || hotreg == 4">
<c-col :span="24">
<!-- Left -->
<c-col :span="12">
<c-col :span="24">
<c-col :span="12">
<el-form-item
label="单据金额"
prop="bfdgrp.cbs.max.cur"
>
<c-input
v-model="model.bfdgrp.cbs.max.cur"
maxlength="3"
placeholder="请输入单据金额"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label=""
label-width="5px"
prop="bfdgrp.cbs.max.amt"
>
<c-input
v-model="model.bfdgrp.cbs.max.amt"
placeholder="请输入Balance"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item
label="单据金额"
prop="bfdgrp.cbs.opn1.cur"
>
<c-input
v-model="model.bfdgrp.cbs.opn1.cur"
maxlength="3"
placeholder="请输入单据金额"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label=""
label-width="5px"
prop="bfdgrp.cbs.opn1.amt"
>
<c-input
v-model="model.bfdgrp.cbs.opn1.amt"
placeholder="请输入Balance"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item
label="单据类型"
prop="bfdgrp.rec.doctypcod"
>
<c-input
v-model="model.bfdgrp.rec.doctypcod"
maxlength="1"
placeholder="请输入单据类型"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item
label="远期单据到期日"
prop="bfdgrp.rec.orddat"
>
<c-date-picker
type="date"
v-model="model.bfdgrp.rec.orddat"
style="width: 100%"
placeholder="请选择远期单据到期日"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label="寄单日期"
prop="dfdgrp.rec.opndat"
>
<c-date-picker
type="date"
v-model="model.dfdgrp.rec.opndat"
style="width: 100%"
placeholder="请选择代付日期"
disabled
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item
label="到单日期"
prop="bfdgrp.rec.rcvdat"
>
<c-date-picker
type="date"
v-model="model.bfdgrp.rec.rcvdat"
style="width: 100%"
placeholder="请选择到单日期"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label="提示日期"
prop="bfdgrp.rec.predat"
>
<c-date-picker
type="date"
v-model="model.bfdgrp.rec.predat"
style="width: 100%"
placeholder="请选择Presentation Date"
disabled
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="单据状态" prop="bfdgrp.rec.docsta">
<c-input
v-model="model.bfdgrp.rec.docsta"
maxlength="40"
placeholder="请输入单据状态"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- Right -->
<c-col :span="12">
<c-col :span="24">
<c-ptsmsg
:model="model"
:argadr="{
title: '交单行',
grp: 'bfdgrp',
rol: 'prb',
}"
:disabled="true"
></c-ptsmsg>
</c-col>
<!-- <c-col :span="24">
<c-ptsmsg
:model="model"
:argadr="{
title: '开证行',
grp: 'bfdgrp',
rol: 'iss',
}"
:disabled="true"
></c-ptsmsg>
</c-col> -->
<c-col :span="24">
<el-form-item
label="开证行编号"
prop="dedgrp.rec.kzref"
>
<c-input
v-model="model.dedgrp.rec.kzref"
maxlength="16"
placeholder="请输入开证行编号"
disabled="disabled"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="开证行名称"
prop="dedgrp.iss.pts.nam"
>
<c-input
v-model="model.dedgrp.iss.pts.nam"
maxlength="40"
placeholder="请输入开证行名称"
disabled="disabled"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-ptsmsg
:model="model"
:argadr="{
title: '申请人',
grp: 'bfdgrp',
rol: 'apl',
}"
:disabled="true"
></c-ptsmsg>
</c-col>
</c-col>
</c-col>
</div>
<!-- 融资 -->
<div v-if="hotreg == 5 || hotreg == 6">
<c-col :span="24">
<!-- Left -->
<c-col :span="12">
<c-col :span="24">
<el-form-item label="业务合同" prop="bppnttyp">
<c-select
v-model="model.bppnttyp"
style="width: 100%"
placeholder="请选择业务合同"
>
<el-option
v-for="item in codes.bppnttyp"
: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="mtdgrp.rec.ownref"
>
<c-fullbox>
<c-input
v-model="model.mtdgrp.rec.ownref"
maxlength="16"
placeholder="单据业务编号"
@keyup.enter.native="
showGridPromptDialog(
'mtdgrp.rec.ownref'
)
"
></c-input>
<template slot="footer">
<c-checkbox
v-model="model.mtdget.clsflg"
style="margin-left: 10px"
>Show closed</c-checkbox
>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="融资业务编号"
prop="bpdgrp.rec.ownref"
>
<c-fullbox>
<c-input
v-model="model.bpdgrp.rec.ownref"
maxlength="16"
placeholder="请输入融资业务编号"
@keyup.enter.native="
showGridPromptDialog(
'bpdgrp.rec.ownref'
)
"
></c-input>
<template slot="footer">
<c-checkbox
v-model="model.mtdget.clsflg"
style="margin-left: 10px"
>Show closed</c-checkbox
>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item
label="融资金额"
prop="bpdgrp.cbs.max.cur"
>
<c-input
v-model="model.bpdgrp.cbs.max.cur"
maxlength="3"
placeholder="请输入单据金额"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label=""
label-width="5px"
prop="bpdgrp.cbs.max.amt"
>
<c-input
v-model="model.bpdgrp.cbs.max.amt"
placeholder="请输入Balance"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item
label="押汇余额"
prop="bpdgrp.cbs.opn1.cur"
>
<c-input
v-model="model.bpdgrp.cbs.max.cur"
maxlength="3"
placeholder="请输入单据金额"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label=""
label-width="5px"
prop="bpdgrp.cbs.opn1.amt"
>
<c-input
v-model="model.bpdgrp.cbs.opn1.amt"
placeholder="请输入Balance"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="起息日期" prop="bpdgrp.rec.opndat">
<c-date-picker
type="date"
v-model="model.bpdgrp.rec.opndat"
style="width: 100%"
placeholder="请选择起息日期"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="融资帐号" prop="bpdgrp.rec.finact">
<c-input
v-model="model.bpdgrp.rec.finact"
maxlength="21"
placeholder="请输入融资帐号"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- Right -->
<c-col :span="12">
<c-col :span="24"> </c-col>
<c-col :span="24">
<el-form-item label="摘要" prop="mtdgrp.rec.nam">
<c-input
v-model="model.mtdgrp.rec.nam"
maxlength="40"
placeholder="请输入摘要"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="摘要" prop="bpdgrp.rec.nam">
<c-input
v-model="model.bpdgrp.rec.nam"
maxlength="40"
placeholder="请输入摘要"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-ptsmsg
:model="model"
:argadr="{
title: '融资客户',
grp: 'bpdgrp',
rol: 'fia',
}"
:disabled="true"
></c-ptsmsg>
</c-col>
<c-col :span="24">
<el-form-item label="融资类型" prop="dfdgrp.rec.fintyp">
<c-input
v-model="model.dfdgrp.rec.fintyp"
maxlength="3"
placeholder="请输入Type"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="到单日期" prop="bfdgrp.rec.rcvdat">
<c-date-picker
type="date"
v-model="model.bfdgrp.rec.rcvdat"
style="width: 100%"
placeholder="请选择到单日期"
disabled
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
</c-col>
</div>
<!-- 同业代付 -->
<div v-if="hotreg == 7 || hotreg == 8">
<c-col :span="24">
<!-- Left -->
<c-col :span="12">
<c-col :span="24">
<el-form-item
label="代付业务编号"
prop="dfdgrp.rec.ownref"
>
<c-fullbox>
<c-input
v-model="model.dfdgrp.rec.ownref"
maxlength="16"
placeholder="请输入代付业务编号"
@keyup.enter.native="
showGridPromptDialog('dfdgrp.rec.ownref')
"
></c-input>
<template slot="footer">
<c-checkbox
v-model="model.bfdget.clsflg"
style="margin-left: 10px"
>Show closed</c-checkbox
>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item
label="代付本金"
prop="dfdgrp.cbs.max.cur"
>
<c-input
v-model="model.dfdgrp.cbs.max.cur"
maxlength="3"
placeholder="请输入单据金额"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label=""
label-width="5px"
prop="dfdgrp.cbs.max.amt"
>
<c-input
v-model="model.dfdgrp.cbs.max.amt"
placeholder="请输入Balance"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item
label="代付本金"
prop="dfdgrp.cbs.opn1.cur"
>
<c-input
v-model="model.dfdgrp.cbs.opn1.cur"
maxlength="3"
placeholder="请输入单据金额"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label=""
label-width="5px"
prop="dfdgrp.cbs.opn1.amt"
>
<c-input
v-model="model.dfdgrp.cbs.opn1.amt"
placeholder="请输入Balance"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="代付日期" prop="dfdgrp.rec.opndat">
<c-date-picker
type="date"
v-model="model.dfdgrp.rec.opndat"
style="width: 100%"
placeholder="请选择代付日期"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="代付类型" prop="dfdgrp.rec.fintyp">
<c-input
v-model="model.dfdgrp.rec.fintyp"
maxlength="3"
placeholder="请输入Type"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col>
<c-col :span="12">
<el-form-item
label="代付起始日"
prop="dfdgrp.rec.stttendat"
>
<c-date-picker
type="date"
v-model="model.dfdgrp.rec.stttendat"
style="width: 100%"
placeholder="请选择代付起始日"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label="Maturity Date"
prop="dfdgrp.rec.matdat"
>
<c-date-picker
type="date"
v-model="model.dfdgrp.rec.matdat"
style="width: 100%"
placeholder="请选择Maturity Date"
disabled
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
</c-col>
<!-- Right -->
<c-col :span="12">
<c-col :span="24">
<el-form-item label="摘要" prop="dfdgrp.rec.nam">
<c-input
v-model="model.dfdgrp.rec.nam"
maxlength="40"
placeholder="请输入摘要"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-ptsmsg
:model="model"
:argadr="{
title: '申请人',
grp: 'dfdgrp',
rol: 'apl',
}"
:disabled="true"
></c-ptsmsg>
</c-col>
<c-col :span="24">
<c-ptsmsg
:model="model"
:argadr="{
title: '代付行',
grp: 'dfdgrp',
rol: 'dff',
}"
:disabled="true"
></c-ptsmsg>
</c-col>
</c-col>
</c-col>
</div>
<!-- ========================操作菜单================== -->
<c-col :span="24">
<el-form-item>
<el-divider />
</el-form-item>
</c-col>
<c-col :offset="12" :span="10">
<el-tabs tab-position="right" @tab-click="onTabClick">
<el-tab-pane v-for="it in meum" :key="it.key" :label="it.label">
<sel-mune :data="meumItem" :model="model" />
</el-tab-pane>
</el-tabs>
</c-col>
</c-row>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Letsel/Event";
import SelMune from "./SelMune.vue";
import Ptsmsg from "~/views/Public/Ptsmsg";
export default {
components: {
SelMune,
"c-ptsmsg": Ptsmsg,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
hotreg: "1",
meum: [
{
label: "信用证",
key: 1,
},
{
label: "信用证其他",
key: 2,
},
{
label: "单据",
key: 3,
},
{
label: "单据其他",
key: 4,
},
{
label: "融资",
key: 5,
},
{
label: "融资其他",
key: 6,
},
{
label: "同业代付",
key: 7,
},
{
label: "其他",
key: 8,
},
],
};
},
methods: {
...Event,
//各入口按钮请求
async onTabClick(tab) {
var label = tab.label;
var key = 1;
var meum = this.meum;
for (let i = 0; i < meum.length; i++) {
if (meum[i].label == label) {
key = meum[i].key;
break;
}
}
this.hotreg = key;
let rtnmsg = await this.executeRule(`cfgfil.hotreg${key}`);
if (rtnmsg.respCode == SUCCESS) {
this.updateModel(rtnmsg.data);
} else {
this.$notify.error({
title: "错误",
message: "服务请求失败！",
});
}
},
},
computed: {
meumItem() {
return this.model.cfgfil.btnstm.rows || [];
},
},
};
</script>
<style>
.centerLable {
height: 28px;
line-height: 28px;
}
</style>