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 {
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"
import Getcrq from "./Getcrq"
import Betdcr from "./Betdcr"
import Betdrv from "./Betdrv"
import Letnot from "./Letnot"
import Ditdav from "./Ditdav"
import Infpty from "./Infpty"
......@@ -219,7 +220,7 @@ const BusRouter = [
{ path: 'inflid', component: Inflid, name: 'Inflid', meta: { title: '进口信用证查询' } },
{ path: 'inftrd', component: Inftrd, name: 'Inftrd', 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: 'infdet', component: Infdet, name: 'Infdet', meta: { title: 'Infdet' } },
{ path: 'botdav', component: Botdav, name: 'Botdav', meta: { title: '出口托收寄单' } },
......@@ -256,6 +257,9 @@ const BusRouter = [
{ path: 'Dbipty', component: Dbipty, name: 'Dbipty', meta: { title: 'Dbipty' } },
{ path: 'betdcr', component: Betdcr, name: 'Betdcr', 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: 'getsel', component: Getsel, name: 'Getsel', meta: { title: 'Getsel' } },
......
src/views/Business/Infbpd/Infovwp.vue
......@@ -82,13 +82,13 @@
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="10">
<el-form-item label="" prop="recpan.fiap.ptsget.sdamod.seainf">
<c-input v-model="model.recpan.fiap.ptsget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="2">
<c-button size="small" type="primary" @click="onFiapDet">
Details
</c-button>
......@@ -164,22 +164,22 @@
</c-col>
<c-col :span="12">
<el-form-item label="利率调�'方式" prop="finmod.ratchgtyp">
<c-select v-model="model.finmod.ratchgtyp" style="width:100%" placeholder="请选择利率调�'方式">
<el-form-item label="利率调整方式" prop="finmod.ratchgtyp">
<c-select v-model="model.finmod.ratchgtyp" style="width:100%" placeholder="请选择利率调整方式">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="利率调�'周期" prop="finmod.ratchgprd">
<c-select v-model="model.finmod.ratchgprd" style="width:100%" placeholder="请选择利率调�'周期">
<el-form-item label="利率调整周期" prop="finmod.ratchgprd">
<c-select v-model="model.finmod.ratchgprd" style="width:100%" placeholder="请选择利率调整周期">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="利率调�'月日数" prop="finmod.ratchgdat">
<c-input v-model="model.finmod.ratchgdat" maxlength="4" placeholder="请输入利率调�'月日数"></c-input>
<el-form-item label="利率调整月日数" prop="finmod.ratchgdat">
<c-input v-model="model.finmod.ratchgdat" maxlength="4" placeholder="请输入利率调整月日数"></c-input>
</el-form-item>
</c-col>
......@@ -260,8 +260,8 @@
</c-col>
<c-col :span="12">
<el-form-item label="第一还款�'�号" prop="finmod.act1">
<c-input v-model="model.finmod.act1" maxlength="21" placeholder="请输入第一还款�'�号"></c-input>
<el-form-item label="第一还款账号" prop="finmod.act1">
<c-input v-model="model.finmod.act1" maxlength="21" placeholder="请输入第一还款账号"></c-input>
</el-form-item>
</c-col>
......@@ -286,8 +286,8 @@
</c-col>
<c-col :span="12">
<el-form-item label="第三方还款�'�号" prop="finmod.act3">
<c-input v-model="model.finmod.act3" maxlength="21" placeholder="请输入第三方还款�'�号"></c-input>
<el-form-item label="第三方还款账号" prop="finmod.act3">
<c-input v-model="model.finmod.act3" maxlength="21" placeholder="请输入第三方还款账号"></c-input>
</el-form-item>
</c-col>
</div>
......
src/views/Business/Infbpd/Infsea.vue
<template>
<div class="eibs-tab">
<c-col :span="12">
<el-form-item label="Own Reference" prop="infcon.seaownref">
<c-input v-model="model.infcon.seaownref" maxlength="16" placeholder="请输入Own Reference"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Name" prop="infcon.nam">
<c-input v-model="model.infcon.nam" maxlength="40" placeholder="请输入Name"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Party Reference" prop="infcon.searef">
<c-input v-model="model.infcon.searef" maxlength="16" placeholder="请输入Party Reference"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Release Status" prop="infcon.relflg">
<c-select v-model="model.infcon.relflg" style="width:100%" placeholder="请选择Release Status">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Select Single Party" prop="infcon.pty.extkey">
<c-input v-model="model.infcon.pty.extkey" maxlength="24" placeholder="请输入Select Single Party"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Party Name" prop="infcon.pty.nam">
<c-input v-model="model.infcon.pty.nam" maxlength="40" placeholder="请输入External Visible Name"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Party Name/BIC" prop="infcon.seapty">
<c-input v-model="model.infcon.seapty" maxlength="24" placeholder="请输入Party Name/BIC"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Role" prop="infcon.searol">
<c-select v-model="model.infcon.searol" style="width:100%" placeholder="请选择Role">
<el-form
class="m-table-search-form"
ref="paramsForm"
:inline="true"
label-position="right"
label-width="100px"
size="small"
>
<c-row>
<c-col :span="24">
<c-col :span="8">
<el-form-item
label="Own Reference"
prop="infcon.seaownref"
style="width: 100%"
>
<c-input
v-model="model.infcon.seaownref"
maxlength="16"
placeholder="请输入Own Reference"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item
label="Opening"
prop="infcon.opndatfrom"
style="width: 100%"
>
<c-col :span="11">
<c-date-picker
type="date"
value-format="yyyy-MM-dd"
v-model="model.infcon.opndatfrom"
style="width: 100%"
placeholder="请选择"
></c-date-picker>
</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-date-picker
type="date"
value-format="yyyy-MM-dd"
v-model="model.infcon.opndatto"
style="width: 100%"
placeholder="请选择"
></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>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="6">
<el-form-item label="Opening between" prop="infcon.opndatfrom">
<c-date-picker type="date" value-format="yyyy-MM-dd" v-model="model.infcon.opndatfrom" style="width:100%" placeholder="请选择Opening between"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="and" prop="infcon.opndatto">
<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>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="Resp.User" prop="infcon.usr.extkey">
<c-input v-model="model.infcon.usr.extkey" maxlength="8" placeholder="请输入User ID"></c-input>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="Status" prop="infcon.seasta">
<c-select v-model="model.infcon.seasta" 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>
<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>
</el-form-item>
</c-col>
<c-col :span="8">
<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>
<c-col :span="8">
<el-form-item
label="Party Name"
prop="infcon.pty.nam"
style="width: 100%"
>
<c-input
v-model="model.infcon.pty.nam"
maxlength="40"
placeholder="请输入External Visible Name"
></c-input>
</el-form-item>
</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="6">
<el-form-item label="Type of Advance" prop="seafintyp">
<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">
<el-form-item label="Role" prop="infcon.searol" style="width: 100%">
<c-select
v-model="model.infcon.searol"
style="width: 100%"
placeholder="请选择Role"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="融资状态" prop="infcon.cxmflg">
<c-select v-model="model.infcon.cxmflg" style="width:100%" placeholder="请选择是否显示查询码">
<el-option v-for="item in codes.ovdflg" :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="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-col>
</c-col>
<c-col :span="6">
<el-form-item label="福费廷转卖类型" prop="infcon.cxmflg">
<c-select v-model="model.infcon.cxmflg" style="width:100%" placeholder="请选择是否显示查询码">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="8">
<el-form-item
label="Resp.User"
prop="infcon.usr.extkey"
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">
<el-form-item label="Forfaiting Type" prop="infcon.cxmflg">
<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="Status"
prop="infcon.seasta"
style="width: 100%"
>
<c-select
v-model="model.infcon.seasta"
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="24">
<el-form-item label="" label-width="15px">
<c-button size="small" type="primary" @click="onInfbutSearow">
Search
</c-button>
<c-button size="small" type="primary" @click="onInfbutDsp">
Display
</c-button>
<c-button size="small" type="primary" @click="onInfbutUserow">
Use
</c-button>
<c-button size="small" type="primary" @click="onInfbutClr">
Clear
</c-button>
<c-button size="small" type="primary" @click="onInfbutButprt">
导Excel
</c-button>
<c-button size="small" type="primary" @click="onInfbutExi">
Exit
</c-button>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item
label="融资状态"
prop="infcon.cxmflg"
style="width: 100%"
>
<c-select
v-model="model.infcon.cxmflg"
style="width: 100%"
placeholder="请选择是否显示查询码"
>
<el-option
v-for="item in codes.ovdflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<c-istream-table :list="stmData.data" :columns="stmData.columns">
</c-istream-table>
</c-col>
<c-col :span="8">
<el-form-item
label="福费廷转卖类型"
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>
</template>
<script>
import Api from "~/service/Api"
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Infbpd/Event"
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Infbpd/Event";
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
stmData: {
columns: [
/*
"0 1 \"INR\" 150 ",
"1 2 \"OWNREF\" 150 ",
"2 3 \"OWNUSR\" 150",
"3 4 \"PNTREF\" 150",
"4 5 \"TOLRAT\" 150",
"5 6 \"OVDFLG\" 150",
"6 7 \"FINACT\" 150",
"7 8 \"OPNDAT\" 150",
"8 9 \"CLSDAT\" 150",
"9 10 \"INTDAY\" 150",
"10 11 \"FORTYP\" 150",
"11 12 \"FFTTYP\" 150",
"12 13 \"MCDATE\" 150",
"13 14 \"BMHSWF\" 150",
"14 15 \"BMHENM\" 150",
"15 16 \"BMHRZD\" 150",
"16 17 \"BMHAMT\" 150",
"17 18 \"BMHRAT\" 30",
"18 19 \"CONRAT\" 30",
"19 20 \"FINTYP\" 30"
*/
"0 1 \"INR\" 150 ",
"1 1 \"OWNREF\" 150 ",
"2 1 \"OWNUSR\" 150",
"3 2 \"PNTREF\" 150",
"4 2 \"TOLRAT\" 150",
"5 2 \"OVDFLG\" 150",
"6 3 \"FINACT\" 170",
"7 3 \"OPNDAT\" 170 DateTime",
"8 3 \"CLSDAT\" 170 DateTime",
"9 4 \"INTDAY\" 150",
"10 4 \"FORTYP\" 150",
"11 4 \"FFTTYP\" 150",
"12 5 \"MCDATE\" 170 DateTime",
"13 5 \"BMHSWF\" 170",
"14 5 \"BMHENM\" 170",
"15 6 \"BMHRZD\" 170 DateTime",
"16 6 \"BMHAMT\" 170",
"17 7 \"BMHRAT\" 150",
"18 7 \"CONRAT\" 150",
"19 8 \"FINTYP\" 150",
"19 8 \"FINTYP\" 150",
"19 9 \"FINTYP\" 150",
"19 10 \"FINTYP\" 150",
"19 11 \"FINTYP\" 150",
"19 12 \"FINTYP\" 150",
"19 13 \"FINTYP\" 150",
"19 14 \"FINTYP\" 150",
"19 15 \"FINTYP\" 150",
"19 16 \"FINTYP\" 150",
"19 17 \"FINTYP\" 150",
"19 17 \"FINTYP\" 150"
],
data: [
]
}
}
},
methods:{...Event},
created:function(){
}
}
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
searchToggle: true,
stmData: {
columns: [
'0 1 "INR" 150',
'1 2 "OWNREF" 150',
'2 3 "NAM" 150',
'3 4 "FIANAM" 150',
'4 5 "PNTNAM" 150',
'5 6 "FIAREF" 150',
'6 7 "PNTREF" 150',
'7 8 "CREDAT" 150',
{
index: 8,
position: 9,
width: 100,
pattern: "date",
label: "OPNDAT",
},
{
index: 9,
position: 10,
width: 100,
pattern: "date",
label: "CLSDAT",
},
'10 11 "MATDAT" 150',
'11 12 "INTUNT" 150',
'12 13 "OWNUSR" 150',
'13 14 "VER" 150',
'14 15 "PNTINR" 150',
'15 16 "FPDINR" 150',
'16 17 "PNTTYP" 150',
'17 18 "INTRAT" 150',
'18 19 "INTDAY" 150',
'19 20 "LIAEXTID" 150',
'20 21 "FINTYP" 150',
'21 22 "PCTFIN" 150',
'22 23 "INTIRT" 150',
'23 24 "JZLLGZ" 150',
'24 25 "ETYEXTKEY" 150',
'25 26 "PUNINTRAT" 150',
'26 27 "TOLRAT" 150',
'27 28 "MARRAT" 150',
'28 29 "GRARAT" 150',
'29 30 "BRANCHINR" 150',
'30 31 "BCHKEYINR" 150',
'31 32 "RSKRAT" 150',
'32 33 "RSKTYP" 150',
'33 34 "FINACT" 170 ',
'34 35 "FORTYP" 150',
'35 36 "LCTYP" 150',
'36 37 "FINCOD" 150',
'37 38 "FINBLK" 150',
'38 39 "ITFBLK" 150',
'39 40 "OVDDAT" 150',
'40 41 "OVDFLG" 150',
'41 42 "FEETYP" 150',
'42 43 "FEEAMT" 150',
'43 44 "ACTYLD" 150',
'44 45 "GUAFLG" 150',
'45 46 "DINJDM" 150',
'46 47 "F0102" 150',
'47 48 "F0103" 150',
'48 49 "F0104" 150',
'49 50 "F0105" 150',
'50 51 "TRNTYP" 150',
'51 52 "OPPACC" 150',
'52 53 "FLOWFLAG" 150',
'53 54 "RECACCOUNT" 150',
'54 55 "RECNAME" 150',
'55 56 "RECCOUNTRYCODE" 150',
'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>
<style>
</style>
src/views/Business/Infbpd/index.vue
<template>
<div class="eContainer">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="left" size="small" :validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
<el-tab-pane label="Selection" name="infsea">
<m-infsea :model="model" :codes="codes"/>
</el-tab-pane>
<el-form
:model="model"
:rules="rules"
ref="modelForm"
label-width="150px"
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">
<m-infovwp :model="model" :codes="codes"/>
</el-tab-pane>
<el-tab-pane label="Completion" name="coninfp">
<m-coninfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="Completion" name="coninfp">
<m-coninfp :model="model" :codes="codes"/>
</el-tab-pane>
<el-tab-pane label="Transactions" name="trnpan">
<m-trnpan :model="model" :codes="codes"/>
</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">
<m-cbsinfp :model="model" :codes="codes"/>
</el-tab-pane>
<el-tab-pane label="CBS Info" name="cbsinfp">
<m-cbsinfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="CBE Info" name="cbeinfp">
<m-cbeinfp :model="model" :codes="codes"/>
</el-tab-pane>
<el-tab-pane label="CBE Info" name="cbeinfp">
<m-cbeinfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="FEP/FCP Info" name="fepinfp">
<m-fepinfp :model="model" :codes="codes"/>
</el-tab-pane>
<el-tab-pane label="FEP/FCP Info" name="fepinfp">
<m-fepinfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="SEP Info" name="sepinfp">
<m-sepinfp :model="model" :codes="codes"/>
</el-tab-pane>
<el-tab-pane label="GLE Bookings" name="gleinfp">
<m-gleinfp :model="model" :codes="codes"/>
</el-tab-pane>
<el-tab-pane label="SEP Info" name="sepinfp">
<m-sepinfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="SMH Info" name="smhinfp">
<m-smhinfp :model="model" :codes="codes"/>
</el-tab-pane>
<el-tab-pane label="GLE Bookings" name="gleinfp">
<m-gleinfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="SPT/DIA Info" name="peninfp">
<m-peninfp :model="model" :codes="codes"/>
</el-tab-pane>
<el-tab-pane label="Engagement" name="liainfp">
<m-liainfp :model="model" :codes="codes"/>
</el-tab-pane>
<el-tab-pane label="SMH Info" name="smhinfp">
<m-smhinfp :model="model" :codes="codes" />
</el-tab-pane>
<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-tab-pane label="SPT/DIA Info" name="peninfp">
<m-peninfp :model="model" :codes="codes" />
</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">
<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>
</div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Infbpd from "~/model/Infbpd"
import commonProcess from "~/mixin/commonProcess"
import Check from "~/model/Infbpd/Check"
import Default from "~/model/Infbpd/Default"
import Pattern from "~/model/Infbpd/Pattern"
import Infsea from "./Infsea"
import Ordpan from "./Ordpan"
import Infovwp from "./Infovwp"
import Coninfp from "./Coninfp"
import Trnpan from "./Trnpan"
import Cbsinfp from "./Cbsinfp"
import Cbeinfp from "./Cbeinfp"
import Fepinfp from "./Fepinfp"
import Sepinfp from "./Sepinfp"
import Gleinfp from "./Gleinfp"
import Smhinfp from "./Smhinfp"
import Peninfp from "./Peninfp"
import Liainfp from "./Liainfp"
import Prtpan from "./Prtpan"
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import Infbpd from "~/model/Infbpd";
import commonProcess from "~/mixin/commonProcess";
import Check from "~/model/Infbpd/Check";
import Default from "~/model/Infbpd/Default";
import Pattern from "~/model/Infbpd/Pattern";
import Infsea from "./Infsea";
import Ordpan from "./Ordpan";
import Infovwp from "./Infovwp";
import Coninfp from "./Coninfp";
import Trnpan from "./Trnpan";
import Cbsinfp from "./Cbsinfp";
import Cbeinfp from "./Cbeinfp";
import Fepinfp from "./Fepinfp";
import Sepinfp from "./Sepinfp";
import Gleinfp from "./Gleinfp";
import Smhinfp from "./Smhinfp";
import Peninfp from "./Peninfp";
import Liainfp from "./Liainfp";
import Prtpan from "./Prtpan";
export default {
components:{
"m-infsea" : Infsea,
"m-ordpan" : Ordpan,
"m-infovwp" : Infovwp,
"m-coninfp" : Coninfp,
"m-trnpan" : Trnpan,
"m-cbsinfp" : Cbsinfp,
"m-cbeinfp" : Cbeinfp,
"m-fepinfp" : Fepinfp,
"m-sepinfp" : Sepinfp,
"m-gleinfp" : Gleinfp,
"m-smhinfp" : Smhinfp,
"m-peninfp" : Peninfp,
"m-liainfp" : Liainfp,
"m-prtpan" : Prtpan,
},
provide() {
return {
root: this
}
},
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "infsea",
trnName: "infbpd",
model: new Infbpd().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: { ...CodeTable },
}
},
methods:{
tabClick(){
}
},
created:async function(){
console.log("进入infbpd交易");
let rtnmsg = await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
components: {
"m-infsea": Infsea,
"m-ordpan": Ordpan,
"m-infovwp": Infovwp,
"m-coninfp": Coninfp,
"m-trnpan": Trnpan,
"m-cbsinfp": Cbsinfp,
"m-cbeinfp": Cbeinfp,
"m-fepinfp": Fepinfp,
"m-sepinfp": Sepinfp,
"m-gleinfp": Gleinfp,
"m-smhinfp": Smhinfp,
"m-peninfp": Peninfp,
"m-liainfp": Liainfp,
"m-prtpan": Prtpan,
},
provide() {
return {
root: this,
};
},
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
data() {
return {
tabVal: "",
trnName: "infbpd",
model: new Infbpd().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: { ...CodeTable },
showPanel: false,
};
},
methods: {
tabClick() {},
},
async updateShowPanel(value) {
this.showPanel = value;
if (value) {
this.tabVal = "infovwp";
} else {
this.tabVal = "";
}
},
created: async function () {
console.log("进入infbpd交易");
let rtnmsg = await this.init({});
if (rtnmsg.respCode == SUCCESS) {
this.updateModel(rtnmsg.data)
} else {
this.$notify.error({ title: "错误", message: "服务请求失败！" });
}
}
},
};
</script>
<style>
</style>
src/views/Layout/SideMenu.vue
......@@ -62,6 +62,7 @@ export default {
{ inifrm: "3", ininam: "出口信用证", pntmiu: "" },
{ inifrm: "letsel", ininam: "出口信用证查询", pntmiu: "3" },
{ inifrm: "letopn", ininam: "出口信用证通知", pntmiu: "3" },
{ inifrm: "letnot", ininam: "出口信用证预通知", pntmiu: "3" },
{ inifrm: "letame", ininam: "出口信用证修改", pntmiu: "3" },
{ inifrm: "letrsv", ininam: "出口信用证补通知", pntmiu: "3" },
{ inifrm: "infled", ininam: "出口信用证查询infled", pntmiu: "3" },
......@@ -72,6 +73,7 @@ export default {
{ inifrm: "betrcl", ininam: "出口信用证单据索汇", pntmiu: "3" },
{ inifrm: "betdcr", ininam: "出口信用证不符点/拒付", pntmiu: "3" },
{ inifrm: "betdrv", ininam: "出口信用证单据修改", pntmiu: "3" },
{ inifrm: "infbpd", ininam: "出口押汇查询", pntmiu: "3" },
{ inifrm: "4", ininam: "进口信用证", pntmiu: "" },
{ inifrm: "inflid", ininam: "进口信用证查询", pntmiu: "4" },
{ inifrm: "litopn", ininam: "进口信用证开立", pntmiu: "4" },
......@@ -81,7 +83,6 @@ export default {
{ inifrm: "litcan", ininam: "进口信用证注销", pntmiu: "4" },
{ inifrm: "inftrd", ininam: "进口押汇查询", pntmiu: "4" },
{ inifrm: "trtame", ininam: "进口融资修改", pntmiu: "4" },
{ inifrm: "infbpd", ininam: "进口单据查询", pntmiu: "4" },
{ inifrm: "inftxm", ininam: "条式语句查询", pntmiu: "4" },
{ inifrm: "5", ininam: "进口代收", pntmiu: "" },
{ 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