Skip to content

V
vue-gjjs
Commit 84168481 by hpj
Options

infbpd 页面优化

parent 8bf8ae09
Showing with 742 additions and 399 deletions
src/model/Infbpd/Event.js
...@@ -110,5 +110,16 @@ export default { ...@@ -110,5 +110,16 @@ export default {
this.$notify.error({title: '错误',message: '服务请求失败！'}); this.$notify.error({title: '错误',message: '服务请求失败！'});
} }
}, },
async handleSearch() {
let rtnmsg = await this.executeRule("infbut.searow")
if(rtnmsg.respCode == SUCCESS)
{
this.stmData.data = rtnmsg.data.infbut_dspstm.rows;
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
},
} }
\ No newline at end of file
src/views/Business/BusRouter.js
...@@ -120,6 +120,7 @@ import Getset from "./Getset" ...@@ -120,6 +120,7 @@ import Getset from "./Getset"
import Getcrq from "./Getcrq" import Getcrq from "./Getcrq"
import Betdcr from "./Betdcr" import Betdcr from "./Betdcr"
import Betdrv from "./Betdrv" import Betdrv from "./Betdrv"
import Letnot from "./Letnot"
import Ditdav from "./Ditdav" import Ditdav from "./Ditdav"
import Infpty from "./Infpty" import Infpty from "./Infpty"
...@@ -219,7 +220,7 @@ const BusRouter = [ ...@@ -219,7 +220,7 @@ const BusRouter = [
{ path: 'inflid', component: Inflid, name: 'Inflid', meta: { title: '进口信用证查询' } }, { path: 'inflid', component: Inflid, name: 'Inflid', meta: { title: '进口信用证查询' } },
{ path: 'inftrd', component: Inftrd, name: 'Inftrd', meta: { title: '进口押汇查询' } }, { path: 'inftrd', component: Inftrd, name: 'Inftrd', meta: { title: '进口押汇查询' } },
{ path: 'trtame', component: Trtame, name: 'Trtame', meta: { title: '进口融资修改' } }, { path: 'trtame', component: Trtame, name: 'Trtame', meta: { title: '进口融资修改' } },
{ path: 'infbpd', component: Infbpd, name: 'Infbpd', meta: { title: '进口单据查询' } },
{ path: 'inftxm', component: Inftxm, name: 'Inftxm', meta: { title: '条式语句查询' } }, { path: 'inftxm', component: Inftxm, name: 'Inftxm', meta: { title: '条式语句查询' } },
// { path: 'infdet', component: Infdet, name: 'Infdet', meta: { title: 'Infdet' } }, // { path: 'infdet', component: Infdet, name: 'Infdet', meta: { title: 'Infdet' } },
{ path: 'botdav', component: Botdav, name: 'Botdav', meta: { title: '出口托收寄单' } }, { path: 'botdav', component: Botdav, name: 'Botdav', meta: { title: '出口托收寄单' } },
...@@ -256,6 +257,9 @@ const BusRouter = [ ...@@ -256,6 +257,9 @@ const BusRouter = [
{ path: 'Dbipty', component: Dbipty, name: 'Dbipty', meta: { title: 'Dbipty' } }, { path: 'Dbipty', component: Dbipty, name: 'Dbipty', meta: { title: 'Dbipty' } },
{ path: 'betdcr', component: Betdcr, name: 'Betdcr', meta: { title: '出口信用证电提不符点/拒付' } }, { path: 'betdcr', component: Betdcr, name: 'Betdcr', meta: { title: '出口信用证电提不符点/拒付' } },
{ path: 'betdrv', component: Betdrv, name: 'Betdrv', meta: { title: '出口信用证单据修改' } }, { path: 'betdrv', component: Betdrv, name: 'Betdrv', meta: { title: '出口信用证单据修改' } },
{ path: 'letnot', component: Letnot, name: 'Letnot', meta: { title: '出口信用证预通知' } },
{ path: 'infbpd', component: Infbpd, name: 'Infbpd', meta: { title: '出口押汇查询' } },
{ path: 'getset', component: Getset, name: 'Getset', meta: { title: 'Getset' } }, { path: 'getset', component: Getset, name: 'Getset', meta: { title: 'Getset' } },
{ path: 'getsel', component: Getsel, name: 'Getsel', meta: { title: 'Getsel' } }, { path: 'getsel', component: Getsel, name: 'Getsel', meta: { title: 'Getsel' } },
......
src/views/Business/Infbpd/Infovwp.vue
...@@ -82,13 +82,13 @@ ...@@ -82,13 +82,13 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="10">
<el-form-item label="" prop="recpan.fiap.ptsget.sdamod.seainf"> <el-form-item label="" prop="recpan.fiap.ptsget.sdamod.seainf">
<c-input v-model="model.recpan.fiap.ptsget.sdamod.seainf" placeholder="请输入"></c-input> <c-input v-model="model.recpan.fiap.ptsget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="2">
<c-button size="small" type="primary" @click="onFiapDet"> <c-button size="small" type="primary" @click="onFiapDet">
Details Details
</c-button> </c-button>
...@@ -164,22 +164,22 @@ ...@@ -164,22 +164,22 @@
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label="利率调�'方式" prop="finmod.ratchgtyp"> <el-form-item label="利率调整方式" prop="finmod.ratchgtyp">
<c-select v-model="model.finmod.ratchgtyp" style="width:100%" placeholder="请选择利率调�'方式"> <c-select v-model="model.finmod.ratchgtyp" style="width:100%" placeholder="请选择利率调整方式">
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label="利率调�'周期" prop="finmod.ratchgprd"> <el-form-item label="利率调整周期" prop="finmod.ratchgprd">
<c-select v-model="model.finmod.ratchgprd" style="width:100%" placeholder="请选择利率调�'周期"> <c-select v-model="model.finmod.ratchgprd" style="width:100%" placeholder="请选择利率调整周期">
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label="利率调�'月日数" prop="finmod.ratchgdat"> <el-form-item label="利率调整月日数" prop="finmod.ratchgdat">
<c-input v-model="model.finmod.ratchgdat" maxlength="4" placeholder="请输入利率调�'月日数"></c-input> <c-input v-model="model.finmod.ratchgdat" maxlength="4" placeholder="请输入利率调整月日数"></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
...@@ -260,8 +260,8 @@ ...@@ -260,8 +260,8 @@
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label="第一还款�'�号" prop="finmod.act1"> <el-form-item label="第一还款账号" prop="finmod.act1">
<c-input v-model="model.finmod.act1" maxlength="21" placeholder="请输入第一还款�'�号"></c-input> <c-input v-model="model.finmod.act1" maxlength="21" placeholder="请输入第一还款账号"></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
...@@ -286,8 +286,8 @@ ...@@ -286,8 +286,8 @@
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label="第三方还款�'�号" prop="finmod.act3"> <el-form-item label="第三方还款账号" prop="finmod.act3">
<c-input v-model="model.finmod.act3" maxlength="21" placeholder="请输入第三方还款�'�号"></c-input> <c-input v-model="model.finmod.act3" maxlength="21" placeholder="请输入第三方还款账号"></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</div> </div>
......
src/views/Business/Infbpd/Infsea.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<el-form
<c-col :span="12"> class="m-table-search-form"
<el-form-item label="Own Reference" prop="infcon.seaownref"> ref="paramsForm"
<c-input v-model="model.infcon.seaownref" maxlength="16" placeholder="请输入Own Reference"></c-input> :inline="true"
</el-form-item> label-position="right"
</c-col> label-width="100px"
size="small"
<c-col :span="12"> >
<el-form-item label="Name" prop="infcon.nam"> <c-row>
<c-input v-model="model.infcon.nam" maxlength="40" placeholder="请输入Name"></c-input> <c-col :span="24">
</el-form-item> <c-col :span="8">
</c-col> <el-form-item
label="Own Reference"
<c-col :span="12"> prop="infcon.seaownref"
<el-form-item label="Party Reference" prop="infcon.searef"> style="width: 100%"
<c-input v-model="model.infcon.searef" maxlength="16" placeholder="请输入Party Reference"></c-input> >
</el-form-item> <c-input
</c-col> v-model="model.infcon.seaownref"
maxlength="16"
<c-col :span="12"> placeholder="请输入Own Reference"
<el-form-item label="Release Status" prop="infcon.relflg"> ></c-input>
<c-select v-model="model.infcon.relflg" style="width:100%" placeholder="请选择Release Status"> </el-form-item>
</c-select> </c-col>
</el-form-item>
</c-col> <c-col :span="8">
<el-form-item
label="Opening"
<c-col :span="12"> prop="infcon.opndatfrom"
<el-form-item label="Select Single Party" prop="infcon.pty.extkey"> style="width: 100%"
<c-input v-model="model.infcon.pty.extkey" maxlength="24" placeholder="请输入Select Single Party"></c-input> >
</el-form-item> <c-col :span="11">
</c-col> <c-date-picker
type="date"
<c-col :span="12"> value-format="yyyy-MM-dd"
<el-form-item label="Party Name" prop="infcon.pty.nam"> v-model="model.infcon.opndatfrom"
<c-input v-model="model.infcon.pty.nam" maxlength="40" placeholder="请输入External Visible Name"></c-input> style="width: 100%"
</el-form-item> placeholder="请选择"
</c-col> ></c-date-picker>
</c-col>
<c-col :span="2" style="text-align: center">
<label style="display: inline-block; width: 100%">-</label>
<c-col :span="12"> </c-col>
<el-form-item label="Party Name/BIC" prop="infcon.seapty"> <c-col :span="11">
<c-input v-model="model.infcon.seapty" maxlength="24" placeholder="请输入Party Name/BIC"></c-input> <c-date-picker
</el-form-item> type="date"
</c-col> value-format="yyyy-MM-dd"
v-model="model.infcon.opndatto"
<c-col :span="12"> style="width: 100%"
<el-form-item label="Role" prop="infcon.searol"> placeholder="请选择"
<c-select v-model="model.infcon.searol" style="width:100%" placeholder="请选择Role"> ></c-date-picker>
</c-col>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="Name" prop="infcon.nam" style="width: 100%">
<c-input
v-model="model.infcon.nam"
maxlength="40"
placeholder="请输入Name"
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-row>
<!-- </template> -->
<c-col
:span="24"
style="text-align: right; height: 36.8px"
v-if="searchToggle"
>
<el-button size="small" @click="handleReset">重置</el-button>
<el-button
type="primary"
icon="el-icon-search"
size="small"
@click="handleSearch"
>查询</el-button
>
<el-button type="text" @click="searchToggle = false">
展开
<i class="el-icon-arrow-down"></i>
</el-button>
</c-col>
<!-- 可控展示区 -->
<!-- <template slot="changeShow"> -->
<c-row v-show="!searchToggle">
<c-col :span="24">
<c-col :span="8">
<el-form-item
label="Release Status"
prop="infcon.relflg"
style="width: 100%"
>
<c-select
v-model="model.infcon.relflg"
style="width: 100%"
placeholder="请选择Release Status"
>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8">
<c-col :span="24"> <el-form-item
<c-col :span="6"> label="Select Single Party"
<el-form-item label="Opening between" prop="infcon.opndatfrom"> prop="infcon.pty.extkey"
<c-date-picker type="date" value-format="yyyy-MM-dd" v-model="model.infcon.opndatfrom" style="width:100%" placeholder="请选择Opening between"></c-date-picker> style="width: 100%"
</el-form-item> >
</c-col> <c-input
v-model="model.infcon.pty.extkey"
<c-col :span="6"> maxlength="24"
<el-form-item label="and" prop="infcon.opndatto"> placeholder="请输入Select Single Party"
<c-date-picker type="date" value-format="yyyy-MM-dd" v-model="model.infcon.opndatto" style="width:100%" placeholder="请选择Open Date to"></c-date-picker> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="6"> <c-col :span="8">
<el-form-item label="Resp.User" prop="infcon.usr.extkey"> <el-form-item
<c-input v-model="model.infcon.usr.extkey" maxlength="8" placeholder="请输入User ID"></c-input> label="Party Name"
</el-form-item> prop="infcon.pty.nam"
</c-col> style="width: 100%"
>
<c-col :span="6"> <c-input
<el-form-item label="Status" prop="infcon.seasta"> v-model="model.infcon.pty.nam"
<c-select v-model="model.infcon.seasta" style="width:100%" placeholder="请选择Status"> maxlength="40"
<el-option v-for="item in codes.seasta" :key="item.value" :label="item.label" placeholder="请输入External Visible Name"
:value="item.value"> ></c-input>
</el-option> </el-form-item>
</c-select> </c-col>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="6">
<el-form-item label="Currency" prop="infcon.seacur">
<c-select v-model="model.infcon.seacur" style="width:100%" placeholder="请选择Currency">
<el-option v-for="item in codes.curtxt" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="Amount between" prop="infcon.seaamtfr">
<c-input v-model="model.infcon.seaamtfr" placeholder="请输入Amount between"></c-input>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="and" prop="infcon.seaamtto">
<c-input v-model="model.infcon.seaamtto" placeholder="请输入Amount to"></c-input>
</el-form-item>
</c-col>
</c-col> </c-col>
<c-col :span="24">
<c-col :span="8">
<el-form-item
label="Party Name/BIC"
prop="infcon.seapty"
style="width: 100%"
>
<c-input
v-model="model.infcon.seapty"
maxlength="24"
placeholder="请输入Party Name/BIC"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24"> <c-col :span="8">
<el-form-item label="Role" prop="infcon.searol" style="width: 100%">
<c-col :span="6"> <c-select
<el-form-item label="Type of Advance" prop="seafintyp"> v-model="model.infcon.searol"
<c-select v-model="model.seafintyp" style="width:100%" placeholder="请选择Type of Advance"> style="width: 100%"
<el-option v-for="item in codes.boppayattr" :key="item.value" :label="item.label" placeholder="请选择Role"
:value="item.value"> >
</el-option> </c-select>
</c-select> </el-form-item>
</el-form-item> </c-col>
</c-col>
<c-col :span="6"> <c-col :span="8">
<el-form-item label="融资状态" prop="infcon.cxmflg"> <el-form-item
<c-select v-model="model.infcon.cxmflg" style="width:100%" placeholder="请选择是否显示查询码"> label="Party Reference"
<el-option v-for="item in codes.ovdflg" :key="item.value" :label="item.label" prop="infcon.searef"
:value="item.value"> style="width: 100%"
</el-option> >
</c-select> <c-input
</el-form-item> v-model="model.infcon.searef"
</c-col> maxlength="16"
placeholder="请输入Party Reference"
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="6"> <c-col :span="24">
<el-form-item label="福费廷转卖类型" prop="infcon.cxmflg"> <c-col :span="8">
<c-select v-model="model.infcon.cxmflg" style="width:100%" placeholder="请选择是否显示查询码"> <el-form-item
</c-select> label="Resp.User"
</el-form-item> prop="infcon.usr.extkey"
</c-col> style="width: 100%"
>
<c-input
v-model="model.infcon.usr.extkey"
maxlength="8"
placeholder="请输入User ID"
></c-input>
</el-form-item>
</c-col>
<c-col :span="6"> <c-col :span="8">
<el-form-item label="Forfaiting Type" prop="infcon.cxmflg"> <el-form-item
<c-select v-model="model.infcon.cxmflg" style="width:100%" placeholder="请选择是否显示查询码"> label="Status"
<el-option v-for="item in codes.ffttyp" :key="item.value" :label="item.label" prop="infcon.seasta"
:value="item.value"> style="width: 100%"
</el-option> >
</c-select> <c-select
</el-form-item> v-model="model.infcon.seasta"
</c-col> style="width: 100%"
placeholder="请选择Status"
>
<el-option
v-for="item in codes.seasta"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item
label="Currency"
prop="infcon.seacur"
style="width: 100%"
>
<c-select
v-model="model.infcon.seacur"
style="width: 100%"
placeholder="请选择Currency"
>
<el-option
v-for="item in codes.curtxt"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
</c-col> <c-col :span="24">
<c-col :span="8">
<el-form-item
label="Type of Advance"
prop="seafintyp"
style="width: 100%"
>
<c-select
v-model="model.seafintyp"
style="width: 100%"
placeholder="请选择Type of Advance"
>
<el-option
v-for="item in codes.boppayattr"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<c-col :span="24"> <el-form-item
<el-form-item label="" label-width="15px"> label="融资状态"
prop="infcon.cxmflg"
<c-button size="small" type="primary" @click="onInfbutSearow"> style="width: 100%"
Search >
</c-button> <c-select
v-model="model.infcon.cxmflg"
<c-button size="small" type="primary" @click="onInfbutDsp"> style="width: 100%"
Display placeholder="请选择是否显示查询码"
</c-button> >
<el-option
<c-button size="small" type="primary" @click="onInfbutUserow"> v-for="item in codes.ovdflg"
Use :key="item.value"
</c-button> :label="item.label"
:value="item.value"
<c-button size="small" type="primary" @click="onInfbutClr"> >
Clear </el-option>
</c-button> </c-select>
</el-form-item>
<c-button size="small" type="primary" @click="onInfbutButprt"> </c-col>
导Excel
</c-button>
<c-button size="small" type="primary" @click="onInfbutExi">
Exit
</c-button>
</el-form-item>
</c-col>
<c-col :span="24"> <c-col :span="8">
<c-istream-table :list="stmData.data" :columns="stmData.columns"> <el-form-item
</c-istream-table> label="福费廷转卖类型"
</c-col> prop="infcon.cxmflg"
style="width: 100%"
>
<c-select
v-model="model.infcon.cxmflg"
style="width: 100%"
placeholder="请选择是否显示查询码"
>
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="8">
<el-form-item
label="Forfaiting Type"
prop="infcon.cxmflg"
style="width: 100%"
>
<c-select
v-model="model.infcon.cxmflg"
style="width: 100%"
placeholder="请选择是否显示查询码"
>
<el-option
v-for="item in codes.ffttyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item
label="Amount"
prop="infcon.seaamtfr"
style="width: 100%"
>
<c-col :span="11">
<c-input-currency
v-model="model.infcon.seaamtfr"
placeholder="请输入Amount"
></c-input-currency>
</c-col>
<c-col :span="2" style="text-align: center">
<label style="display: inline-block; width: 100%">-</label>
</c-col>
<c-col :span="11">
<c-input-currency
v-model="model.infcon.seaamtto"
placeholder="请输入Amount"
></c-input-currency>
</c-col>
</el-form-item>
</c-col>
</c-col>
</c-row>
<c-col
:span="24"
style="text-align: right; height: 36.8px"
v-if="!searchToggle"
>
<el-button size="small" @click="handleReset">重置</el-button>
<el-button
type="primary"
icon="el-icon-search"
size="small"
@click="handleSearch"
>查询</el-button
>
<el-button type="text" @click="searchToggle = true">
收起
<i class="el-icon-arrow-up"></i>
</el-button>
</c-col>
<c-col :span="24">
<c-istream-table
:list="stmData.data"
:columns="stmData.columns"
:showButtonFlg="true"
>
<el-table-column fixed="right" prop="op" label="操作" width="140px">
<template slot-scope="scope">
<el-popover
placement="top-start"
title="历史信息"
width="800"
trigger="click"
:ref="'popover_' + scope.row.IDX"
>
<div
style="
text-align: right;
margin-top: -30px;
margin-right: 5px;
font-size: 16px;
"
>
<span
class="el-icon-close"
@click="closeTrn('popover_' + scope.row.IDX)"
/>
</div>
<c-istream-table
:list="trnData.data"
:columns="trnData.columns"
>
<el-table-column prop="op" label="操作" width="0">
<template slot-scope="scope">
<c-button
style="margin-left: 0"
size="small"
@click="display(scope.$index, scope.row)"
>
详情
</c-button>
</template>
</el-table-column>
</c-istream-table>
<c-button
style="margin-left: 0"
size="small"
@click="getTrnInfo(scope.$index, scope.row)"
slot="reference"
>
详情
</c-button>
</el-popover>
<c-button
style="margin-left: 0"
size="small"
type="primary"
@click="getButtons(scope.row['Reference'])"
>
处理
</c-button>
</template>
</el-table-column>
</c-istream-table>
</c-col>
</el-form>
</div> </div>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess"; import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable" import CodeTable from "~/config/CodeTable";
import Event from "~/model/Infbpd/Event" import Event from "~/model/Infbpd/Event";
export default { export default {
inject: ['root'], inject: ["root"],
props:["model","codes"], props: ["model", "codes"],
mixins: [commonProcess], mixins: [commonProcess],
data(){ data() {
return { return {
searchToggle: true,
stmData: {
stmData: { columns: [
columns: [ '0 1 "INR" 150',
/* '1 2 "OWNREF" 150',
"0 1 \"INR\" 150 ", '2 3 "NAM" 150',
"1 2 \"OWNREF\" 150 ", '3 4 "FIANAM" 150',
"2 3 \"OWNUSR\" 150", '4 5 "PNTNAM" 150',
"3 4 \"PNTREF\" 150", '5 6 "FIAREF" 150',
"4 5 \"TOLRAT\" 150", '6 7 "PNTREF" 150',
"5 6 \"OVDFLG\" 150", '7 8 "CREDAT" 150',
"6 7 \"FINACT\" 150", {
"7 8 \"OPNDAT\" 150", index: 8,
"8 9 \"CLSDAT\" 150", position: 9,
"9 10 \"INTDAY\" 150", width: 100,
"10 11 \"FORTYP\" 150", pattern: "date",
"11 12 \"FFTTYP\" 150", label: "OPNDAT",
"12 13 \"MCDATE\" 150", },
"13 14 \"BMHSWF\" 150", {
"14 15 \"BMHENM\" 150", index: 9,
"15 16 \"BMHRZD\" 150", position: 10,
"16 17 \"BMHAMT\" 150", width: 100,
"17 18 \"BMHRAT\" 30", pattern: "date",
"18 19 \"CONRAT\" 30", label: "CLSDAT",
"19 20 \"FINTYP\" 30" },
*/ '10 11 "MATDAT" 150',
'11 12 "INTUNT" 150',
'12 13 "OWNUSR" 150',
"0 1 \"INR\" 150 ", '13 14 "VER" 150',
"1 1 \"OWNREF\" 150 ", '14 15 "PNTINR" 150',
"2 1 \"OWNUSR\" 150", '15 16 "FPDINR" 150',
"3 2 \"PNTREF\" 150", '16 17 "PNTTYP" 150',
"4 2 \"TOLRAT\" 150", '17 18 "INTRAT" 150',
"5 2 \"OVDFLG\" 150", '18 19 "INTDAY" 150',
"6 3 \"FINACT\" 170", '19 20 "LIAEXTID" 150',
"7 3 \"OPNDAT\" 170 DateTime", '20 21 "FINTYP" 150',
"8 3 \"CLSDAT\" 170 DateTime", '21 22 "PCTFIN" 150',
"9 4 \"INTDAY\" 150", '22 23 "INTIRT" 150',
"10 4 \"FORTYP\" 150", '23 24 "JZLLGZ" 150',
"11 4 \"FFTTYP\" 150", '24 25 "ETYEXTKEY" 150',
"12 5 \"MCDATE\" 170 DateTime", '25 26 "PUNINTRAT" 150',
"13 5 \"BMHSWF\" 170", '26 27 "TOLRAT" 150',
"14 5 \"BMHENM\" 170", '27 28 "MARRAT" 150',
'28 29 "GRARAT" 150',
"15 6 \"BMHRZD\" 170 DateTime", '29 30 "BRANCHINR" 150',
"16 6 \"BMHAMT\" 170", '30 31 "BCHKEYINR" 150',
"17 7 \"BMHRAT\" 150", '31 32 "RSKRAT" 150',
"18 7 \"CONRAT\" 150", '32 33 "RSKTYP" 150',
"19 8 \"FINTYP\" 150", '33 34 "FINACT" 170 ',
"19 8 \"FINTYP\" 150", '34 35 "FORTYP" 150',
'35 36 "LCTYP" 150',
"19 9 \"FINTYP\" 150", '36 37 "FINCOD" 150',
"19 10 \"FINTYP\" 150", '37 38 "FINBLK" 150',
"19 11 \"FINTYP\" 150", '38 39 "ITFBLK" 150',
"19 12 \"FINTYP\" 150", '39 40 "OVDDAT" 150',
"19 13 \"FINTYP\" 150", '40 41 "OVDFLG" 150',
"19 14 \"FINTYP\" 150", '41 42 "FEETYP" 150',
"19 15 \"FINTYP\" 150", '42 43 "FEEAMT" 150',
"19 16 \"FINTYP\" 150", '43 44 "ACTYLD" 150',
'44 45 "GUAFLG" 150',
"19 17 \"FINTYP\" 150", '45 46 "DINJDM" 150',
"19 17 \"FINTYP\" 150" '46 47 "F0102" 150',
'47 48 "F0103" 150',
], '48 49 "F0104" 150',
data: [ '49 50 "F0105" 150',
] '50 51 "TRNTYP" 150',
} '51 52 "OPPACC" 150',
'52 53 "FLOWFLAG" 150',
} '53 54 "RECACCOUNT" 150',
}, '54 55 "RECNAME" 150',
methods:{...Event}, '55 56 "RECCOUNTRYCODE" 150',
created:function(){ '56 57 "RECDISTRICTCODE" 150',
'57 58 "SHUILV" 150',
} '58 59 "CONRAT" 150',
} '59 60 "INVTYP" 150',
'60 61 "FFTTYP" 150',
'61 62 "BMHSWF" 170 ',
'62 63 "BMHENM" 170 ',
{
index: 63,
position: 64,
width: 100,
pattern: "date",
label: "MCDATE",
},
{
index: 64,
position: 65,
width: 100,
pattern: "date",
label: "BMHRZD",
},
'65 66 "BMHAMT" 150',
'66 67 "BMHRAT" 150',
'67 68 "YWACCT" 150',
'68 69 "LPRTYP" 150',
'69 70 "BENNAM" 150',
'70 71 "LOANNO" 150',
'71 72 "BENIDCODE" 150',
'72 73 "MYCONTNO" 150',
],
data: [],
},
trnData: {
columns: [
'1 1 "编号" 200',
'2 2 "交易名称" 130',
// '3 3 "日期" 200',
{ index: 3, position: 3, width: 110, pattern: "date", label: "日期" },
// '4 4 "状态" 50',
{
index: 4,
position: 4,
width: 100,
pattern: "code",
label: "状态",
code: this.codes.relstaEN,
},
'5 5 "币种" 80',
'6 6 "金额" 100',
],
data: [],
},
};
},
methods: {
...Event,
/* handleSearch(callback) {
setTimeout(() => {
this.$notify.info({
title: "提示",
message: "模拟post请求控制按钮状态",
});
// 执行子组件回调函数控制按钮状态
callback();
}, 1000);
}, */
},
handleReset() {},
created: function () {},
};
</script> </script>
<style> <style>
</style> </style>
src/views/Business/Infbpd/index.vue
<template> <template>
<div class="eContainer"> <div class="eContainer">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="left" size="small" :validate-on-rule-change="false"> <el-form
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick"> :model="model"
:rules="rules"
<el-tab-pane label="Selection" name="infsea"> ref="modelForm"
<m-infsea :model="model" :codes="codes"/> label-width="150px"
</el-tab-pane> label-position="left"
size="small"
:validate-on-rule-change="false"
>
<m-infsea
v-show="!showPanel"
:model="model"
:codes="codes"
@updateShowPanel="updateShowPanel($event)"
/>
<c-tabs
v-show="showPanel"
v-model="tabVal"
ref="elment"
type="card"
@tab-click="tabClick"
>
<!-- <el-tab-pane label="Selection" name="infsea">
<c-content>
<m-infsea :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<el-tab-pane label="Overview" name="infovwp">
<c-content>
<m-infovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane label="Overview" name="infovwp"> <el-tab-pane label="Completion" name="coninfp">
<m-infovwp :model="model" :codes="codes"/> <m-coninfp :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Completion" name="coninfp"> <el-tab-pane label="Transactions" name="trnpan">
<m-coninfp :model="model" :codes="codes"/> <m-trnpan :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Transactions" name="trnpan">
<m-trnpan :model="model" :codes="codes"/>
</el-tab-pane>
<el-tab-pane label="CBS Info" name="cbsinfp"> <el-tab-pane label="CBS Info" name="cbsinfp">
<m-cbsinfp :model="model" :codes="codes"/> <m-cbsinfp :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="CBE Info" name="cbeinfp"> <el-tab-pane label="CBE Info" name="cbeinfp">
<m-cbeinfp :model="model" :codes="codes"/> <m-cbeinfp :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="FEP/FCP Info" name="fepinfp"> <el-tab-pane label="FEP/FCP Info" name="fepinfp">
<m-fepinfp :model="model" :codes="codes"/> <m-fepinfp :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="SEP Info" name="sepinfp"> <el-tab-pane label="SEP Info" name="sepinfp">
<m-sepinfp :model="model" :codes="codes"/> <m-sepinfp :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="GLE Bookings" name="gleinfp">
<m-gleinfp :model="model" :codes="codes"/>
</el-tab-pane>
<el-tab-pane label="SMH Info" name="smhinfp"> <el-tab-pane label="GLE Bookings" name="gleinfp">
<m-smhinfp :model="model" :codes="codes"/> <m-gleinfp :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="SPT/DIA Info" name="peninfp"> <el-tab-pane label="SMH Info" name="smhinfp">
<m-peninfp :model="model" :codes="codes"/> <m-smhinfp :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Engagement" name="liainfp">
<m-liainfp :model="model" :codes="codes"/>
</el-tab-pane>
<el-tab-pane label="Print" name="prtpan"> <el-tab-pane label="SPT/DIA Info" name="peninfp">
<m-prtpan :model="model" :codes="codes"/> <m-peninfp :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Order" name="ordpan"> <el-tab-pane label="Engagement" name="liainfp">
<m-ordpan :model="model" :codes="codes"/> <m-liainfp :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
</c-tabs> <el-tab-pane label="Print" name="prtpan">
<m-prtpan :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="Order" name="ordpan">
<m-ordpan :model="model" :codes="codes" />
</el-tab-pane>
</c-tabs>
</el-form> </el-form>
</div> </div>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable" import CodeTable from "~/config/CodeTable";
import Infbpd from "~/model/Infbpd" import Infbpd from "~/model/Infbpd";
import commonProcess from "~/mixin/commonProcess" import commonProcess from "~/mixin/commonProcess";
import Check from "~/model/Infbpd/Check" import Check from "~/model/Infbpd/Check";
import Default from "~/model/Infbpd/Default" import Default from "~/model/Infbpd/Default";
import Pattern from "~/model/Infbpd/Pattern" import Pattern from "~/model/Infbpd/Pattern";
import Infsea from "./Infsea" import Infsea from "./Infsea";
import Ordpan from "./Ordpan" import Ordpan from "./Ordpan";
import Infovwp from "./Infovwp" import Infovwp from "./Infovwp";
import Coninfp from "./Coninfp" import Coninfp from "./Coninfp";
import Trnpan from "./Trnpan" import Trnpan from "./Trnpan";
import Cbsinfp from "./Cbsinfp" import Cbsinfp from "./Cbsinfp";
import Cbeinfp from "./Cbeinfp" import Cbeinfp from "./Cbeinfp";
import Fepinfp from "./Fepinfp" import Fepinfp from "./Fepinfp";
import Sepinfp from "./Sepinfp" import Sepinfp from "./Sepinfp";
import Gleinfp from "./Gleinfp" import Gleinfp from "./Gleinfp";
import Smhinfp from "./Smhinfp" import Smhinfp from "./Smhinfp";
import Peninfp from "./Peninfp" import Peninfp from "./Peninfp";
import Liainfp from "./Liainfp" import Liainfp from "./Liainfp";
import Prtpan from "./Prtpan" import Prtpan from "./Prtpan";
export default { export default {
components:{ components: {
"m-infsea" : Infsea, "m-infsea": Infsea,
"m-ordpan" : Ordpan, "m-ordpan": Ordpan,
"m-infovwp" : Infovwp, "m-infovwp": Infovwp,
"m-coninfp" : Coninfp, "m-coninfp": Coninfp,
"m-trnpan" : Trnpan, "m-trnpan": Trnpan,
"m-cbsinfp" : Cbsinfp, "m-cbsinfp": Cbsinfp,
"m-cbeinfp" : Cbeinfp, "m-cbeinfp": Cbeinfp,
"m-fepinfp" : Fepinfp, "m-fepinfp": Fepinfp,
"m-sepinfp" : Sepinfp, "m-sepinfp": Sepinfp,
"m-gleinfp" : Gleinfp, "m-gleinfp": Gleinfp,
"m-smhinfp" : Smhinfp, "m-smhinfp": Smhinfp,
"m-peninfp" : Peninfp, "m-peninfp": Peninfp,
"m-liainfp" : Liainfp, "m-liainfp": Liainfp,
"m-prtpan" : Prtpan, "m-prtpan": Prtpan,
}, },
provide() { provide() {
return { return {
root: this root: this,
} };
}, },
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理 mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
data(){ data() {
return { return {
tabVal: "infsea", tabVal: "",
trnName: "infbpd", trnName: "infbpd",
model: new Infbpd().data, model: new Infbpd().data,
checkRules: Check, checkRules: Check,
defaultRules: Default, defaultRules: Default,
pattern: Pattern, pattern: Pattern,
rules: null, rules: null,
codes: { ...CodeTable }, codes: { ...CodeTable },
} showPanel: false,
}, };
methods:{ },
tabClick(){ methods: {
} tabClick() {},
}, },
created:async function(){ async updateShowPanel(value) {
console.log("进入infbpd交易"); this.showPanel = value;
let rtnmsg = await this.init({}) if (value) {
if(rtnmsg.respCode == SUCCESS) this.tabVal = "infovwp";
{ } else {
//TODO 处理数据逻辑 this.tabVal = "";
}
} },
else created: async function () {
{ console.log("进入infbpd交易");
this.$notify.error({title: '错误',message: '服务请求失败！'}); let rtnmsg = await this.init({});
} if (rtnmsg.respCode == SUCCESS) {
this.updateModel(rtnmsg.data)
} else {
this.$notify.error({ title: "错误", message: "服务请求失败！" });
} }
} },
};
</script> </script>
<style> <style>
</style> </style>
src/views/Layout/SideMenu.vue
...@@ -62,6 +62,7 @@ export default { ...@@ -62,6 +62,7 @@ export default {
{ inifrm: "3", ininam: "出口信用证", pntmiu: "" }, { inifrm: "3", ininam: "出口信用证", pntmiu: "" },
{ inifrm: "letsel", ininam: "出口信用证查询", pntmiu: "3" }, { inifrm: "letsel", ininam: "出口信用证查询", pntmiu: "3" },
{ inifrm: "letopn", ininam: "出口信用证通知", pntmiu: "3" }, { inifrm: "letopn", ininam: "出口信用证通知", pntmiu: "3" },
{ inifrm: "letnot", ininam: "出口信用证预通知", pntmiu: "3" },
{ inifrm: "letame", ininam: "出口信用证修改", pntmiu: "3" }, { inifrm: "letame", ininam: "出口信用证修改", pntmiu: "3" },
{ inifrm: "letrsv", ininam: "出口信用证补通知", pntmiu: "3" }, { inifrm: "letrsv", ininam: "出口信用证补通知", pntmiu: "3" },
{ inifrm: "infled", ininam: "出口信用证查询infled", pntmiu: "3" }, { inifrm: "infled", ininam: "出口信用证查询infled", pntmiu: "3" },
...@@ -72,6 +73,7 @@ export default { ...@@ -72,6 +73,7 @@ export default {
{ inifrm: "betrcl", ininam: "出口信用证单据索汇", pntmiu: "3" }, { inifrm: "betrcl", ininam: "出口信用证单据索汇", pntmiu: "3" },
{ inifrm: "betdcr", ininam: "出口信用证不符点/拒付", pntmiu: "3" }, { inifrm: "betdcr", ininam: "出口信用证不符点/拒付", pntmiu: "3" },
{ inifrm: "betdrv", ininam: "出口信用证单据修改", pntmiu: "3" }, { inifrm: "betdrv", ininam: "出口信用证单据修改", pntmiu: "3" },
{ inifrm: "infbpd", ininam: "出口押汇查询", pntmiu: "3" },
{ inifrm: "4", ininam: "进口信用证", pntmiu: "" }, { inifrm: "4", ininam: "进口信用证", pntmiu: "" },
{ inifrm: "inflid", ininam: "进口信用证查询", pntmiu: "4" }, { inifrm: "inflid", ininam: "进口信用证查询", pntmiu: "4" },
{ inifrm: "litopn", ininam: "进口信用证开立", pntmiu: "4" }, { inifrm: "litopn", ininam: "进口信用证开立", pntmiu: "4" },
...@@ -81,7 +83,6 @@ export default { ...@@ -81,7 +83,6 @@ export default {
{ inifrm: "litcan", ininam: "进口信用证注销", pntmiu: "4" }, { inifrm: "litcan", ininam: "进口信用证注销", pntmiu: "4" },
{ inifrm: "inftrd", ininam: "进口押汇查询", pntmiu: "4" }, { inifrm: "inftrd", ininam: "进口押汇查询", pntmiu: "4" },
{ inifrm: "trtame", ininam: "进口融资修改", pntmiu: "4" }, { inifrm: "trtame", ininam: "进口融资修改", pntmiu: "4" },
{ inifrm: "infbpd", ininam: "进口单据查询", pntmiu: "4" },
{ inifrm: "inftxm", ininam: "条式语句查询", pntmiu: "4" }, { inifrm: "inftxm", ininam: "条式语句查询", pntmiu: "4" },
{ inifrm: "5", ininam: "进口代收", pntmiu: "" }, { inifrm: "5", ininam: "进口代收", pntmiu: "" },
{ inifrm: "bctdav", ininam: "进口代收到单通知", pntmiu: "5" }, { inifrm: "bctdav", ininam: "进口代收到单通知", pntmiu: "5" },
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment