Skip to content

V
vue-gjjs
Commit 5b385f54 by xiameng
Options

Infact/Inffee

parent 5806e7f9
Showing with 944 additions and 111 deletions
src/model/Infact/Check.js 0 → 100644
import Utils from "~/utils"
/**
* Infact Check规则
*/
let checkObj = {
"recgrp.rec.iban" :null,
"recgrp.rec.zmqacc" :null,
"recgrp.rec.cur" :null,
"recgrp.rec.extkey" :null,
"recpan.pty.extkey" :null,
}
for (const key in checkObj) {
if (Object.hasOwnProperty.call(checkObj, key)) {
checkObj[key] = checkObj[key] ? checkObj[key] : Utils.reflectCheck(key)
}
}
export default checkObj
src/model/Infact/Default.js 0 → 100644
/**
* Infact Default规则
*/
import Api from "~/service/Api";
import Utils from "~/utils/index"
export default {
"recgrp.rec.acctyp" :Utils.defaultFunction,
"recgrp.rec.typ" :Utils.defaultFunction,
"recgrp.rec.extkey" :Utils.defaultFunction,
"recgrp.rec.cur" :Utils.defaultFunction,
"recpan.pty.extkey" :Utils.defaultFunction,
"recgrp.rec.trmtyp" :Utils.defaultFunction,
"recgrp.rec.dirflg" :Utils.defaultFunction,
"infbut.dspstm" :Utils.defaultFunction,
"recpan.actinf.oit.inftxt" :Utils.defaultFunction,
"recpan.actinf.oit.inflev" :Utils.defaultFunction,
"recgrp.rec.pri" :Utils.defaultFunction,
"recgrp.serpty.extkey" :Utils.defaultFunction,
"recgrp.rec.nam" :Utils.defaultFunction,
"recgrp.holpty.extkey" :Utils.defaultFunction,
"hdlpty.extkey" :Utils.defaultFunction,
"recpan.typnam" :Utils.defaultFunction,
"recpan.curnam" :Utils.defaultFunction,
"recpan.yesum" :Utils.defaultFunction,
"recpan.actstp.oit.inftxt" :Utils.defaultFunction,
"recpan.actstp.oit.inflev" :Utils.defaultFunction,
}
//你可以添加自动default处理
src/model/Infact/Pattern.js 0 → 100644
export default {
"extkey":[
{type: "string", required: false, message: "必输项"},
{max: 24,message:"长度不能超过24"}
],
"nam":[
{type: "string", required: false, message: "必输项"},
{max: 40,message:"长度不能超过40"}
],
"hdlpty.extkey":[
{type: "string", required: false, message: "必输项"},
{max: 24,message:"长度不能超过24"}
],
"iban":[
{type: "string", required: false, message: "必输项"},
{max: 40,message:"长度不能超过40"}
],
"infbut.dspstm":[
{type: "string", required: false, message: "必输项"},
{max: 1,message:"长度不能超过1"}
],
"recpan.ptyget.sdamod.dadsnd":[
{type: "string", required: false, message: "必输项"},
{max: 16,message:"长度不能超过16"}
],
"recpan.pty.extkey":[
{type: "string", required: false, message: "必输项"},
{max: 24,message:"长度不能超过24"}
],
"recpan.ptyget.sdamod.seainf":[
{type: "string", required: false, message: "必输项"},
{max: 3,message:"长度不能超过3"}
],
"recpan.pty.nam":[
{type: "string", required: false, message: "必输项"},
{max: 40,message:"长度不能超过40"}
],
"recpan.yesum":[
{type: "string", required: false, message: "必输项"},
{max: 5,message:"长度不能超过5"}
],
"recpan.typnam":[
{type: "string", required: false, message: "必输项"},
{max: 40,message:"长度不能超过40"}
],
"recpan.curnam":[
{type: "string", required: false, message: "必输项"},
{max: 40,message:"长度不能超过40"}
],
"recgrp.rec.extkey":[
{type: "string", required: false, message: "必输项"},
{max: 34,message:"长度不能超过34"}
],
"recpan.recget.sdamod.seainf":[
{type: "string", required: false, message: "必输项"},
{max: 3,message:"长度不能超过3"}
],
"recpan.recget.sdamod.dadsnd":[
{type: "string", required: false, message: "必输项"},
{max: 16,message:"长度不能超过16"}
],
"recgrp.rec.nam":[
{type: "string", required: false, message: "必输项"},
{max: 40,message:"长度不能超过40"}
],
"recgrp.acccore.acccore":[
{type: "string", required: false, message: "必输项"},
{max: 4,message:"长度不能超过4"}
],
"recgrp.rec.zmqacc":[
{type: "string", required: false, message: "必输项"},
{max: 35,message:"长度不能超过35"}
],
"recpan.actnam":[
{type: "string", required: false, message: "必输项"},
{max: 40,message:"长度不能超过40"}
],
"recgrp.serpty.extkey":[
{type: "string", required: false, message: "必输项"},
{max: 24,message:"长度不能超过24"}
],
"recpan.serptyget.sdamod.seainf":[
{type: "string", required: false, message: "必输项"},
{max: 3,message:"长度不能超过3"}
],
"recpan.serptyget.sdamod.dadsnd":[
{type: "string", required: false, message: "必输项"},
{max: 16,message:"长度不能超过16"}
],
"recgrp.serpty.nam":[
{type: "string", required: false, message: "必输项"},
{max: 40,message:"长度不能超过40"}
],
"recgrp.rec.seracc":[
{type: "string", required: false, message: "必输项"},
{max: 34,message:"长度不能超过34"}
],
"recgrp.rec.iban":[
{type: "string", required: false, message: "必输项"},
{max: 34,message:"长度不能超过34"}
],
"recpan.holptyget.sdamod.dadsnd":[
{type: "string", required: false, message: "必输项"},
{max: 16,message:"长度不能超过16"}
],
"recgrp.holpty.extkey":[
{type: "string", required: false, message: "必输项"},
{max: 24,message:"长度不能超过24"}
],
"recpan.holptyget.sdamod.seainf":[
{type: "string", required: false, message: "必输项"},
{max: 3,message:"长度不能超过3"}
],
"recgrp.holpty.nam":[
{type: "string", required: false, message: "必输项"},
{max: 40,message:"长度不能超过40"}
],
"recgrp.rec.holacc":[
{type: "string", required: false, message: "必输项"},
{max: 34,message:"长度不能超过34"}
],
"recpan.actinf.oit.inftxt":[
{type: "string", required: true, message: "必输项"},
{max: 60,message:"长度不能超过60"}
],
"recpan.actstp.oit.inftxt":[
{type: "string", required: true, message: "必输项"},
{max: 60,message:"长度不能超过60"}
],
}
\ No newline at end of file
src/model/Infact/index.js 0 → 100644
import Api from "~/service/Api"
import Pts from "../Common/Pts"
export default class Infact{
constructor () {
this.data = {
extkey:"", // Account No. .extkey
nam:"", // Name of Account Owner .nam
hdlpty:{
extkey:"", // Holding Party .hdlpty.extkey
},
iban:"", // IBAN .iban
typ:"", // Type .typ
cur:"", // Currency .cur
infbut:{
dspstm:"", // display stream .infbut.dspstm
},
recpan:{
pty:{
extkey:"", // Address Number .recpan.pty.extkey
nam:"", // External Visible Name .recpan.pty.nam
},
ptyget:{
sdamod:{
seainf:"", // .recpan.ptyget.sdamod.seainf
dadsnd:"", // Drag Drop Sender .recpan.ptyget.sdamod.dadsnd
},
},
recget:{
sdamod:{
seainf:"", // Account .recpan.recget.sdamod.seainf
dadsnd:"", // Drag Drop Sender .recpan.recget.sdamod.dadsnd
},
},
serptyget:{
sdamod:{
seainf:"", // .recpan.serptyget.sdamod.seainf
dadsnd:"", // Drag Drop Sender .recpan.serptyget.sdamod.dadsnd
},
},
holptyget:{
sdamod:{
seainf:"", // .recpan.holptyget.sdamod.seainf
dadsnd:"", // Drag Drop Sender .recpan.holptyget.sdamod.dadsnd
},
},
typnam:"", // Name for account type .recpan.typnam
curnam:"", // Name for Currency .recpan.curnam
trmnam:"", // Name for Term Type .recpan.trmnam
actnam:"", // Account Type Name .recpan.actnam
yesum:"", // 当前页数 .recpan.yesum
actinf:{
labinftxt:"", // Label for INFTXT .recpan.actinf.labinftxt
oit:{
inftxt:"", // Infotext .recpan.actinf.oit.inftxt
inflev:"", // Infotext Level .recpan.actinf.oit.inflev
},
},
actstp:{
labinftxt:"", // Label for INFTXT .recpan.actstp.labinftxt
oit:{
inftxt:"", // Infotext .recpan.actstp.oit.inftxt
inflev:"", // Infotext Level .recpan.actstp.oit.inflev
},
},
},
recgrp:{
rec:{
typ:"", // Account Type .recgrp.rec.typ
cur:"", // Account Currency .recgrp.rec.cur
extkey:"", // External Search Key of Account .recgrp.rec.extkey
nam:"", // External Name of Account .recgrp.rec.nam
seracc:"", // Account Number Defined by Servicing Institute .recgrp.rec.seracc
iban:"", // International Bank Account Number .recgrp.rec.iban
holacc:"", // Account Number of Control Account of Holder Optional .recgrp.rec.holacc
pri:"", // Priority for Defaulting .recgrp.rec.pri
dirflg:"", // Available for .recgrp.rec.dirflg
delflg:"", // Delete Flag .recgrp.rec.delflg
cvrflg:"", // Cover Account .recgrp.rec.cvrflg
rmbflg:"", // Reimbursement Account .recgrp.rec.rmbflg
acctyp:"", // Account Type .recgrp.rec.acctyp
trmtyp:"", // Term Type .recgrp.rec.trmtyp
zmqacc:"", // 客户自�'�区主�'�号 .recgrp.rec.zmqacc
actpro:"", // 外管局�'�户性�'� .recgrp.rec.actpro
},
serpty:{
extkey:"", // Address Number .recgrp.serpty.extkey
nam:"", // External Visible Name .recgrp.serpty.nam
},
holpty:{
extkey:"", // Address Number .recgrp.holpty.extkey
nam:"", // External Visible Name .recgrp.holpty.nam
},
acccore:{
corenam:"", // 核心业务代号名称 .recgrp.acccore.corenam
acccore:"", // 核心业务代号 .recgrp.acccore.acccore
},
},
pageId: "" // ctx的key
}
}
}
\ No newline at end of file
src/views/Business/BusRouter.js
...@@ -212,7 +212,7 @@ import Trtset from "./Trtset" ...@@ -212,7 +212,7 @@ import Trtset from "./Trtset"
import Trtcan from "./Trtcan" import Trtcan from "./Trtcan"
import Dbiusr from "./Dbiusr" import Dbiusr from "./Dbiusr"
import Dbibch from "./Dbibch" import Dbibch from "./Dbibch"
import Infact from "./Infact"
/** /**
* 带有name的才会被添加进顶部的标签页里 * 带有name的才会被添加进顶部的标签页里
...@@ -438,6 +438,7 @@ const BusRouter = [ ...@@ -438,6 +438,7 @@ const BusRouter = [
{ path: 'Dbiusr', component: Dbiusr, name: 'Dbiusr', meta: { title: 'Dbiusr' } }, { path: 'Dbiusr', component: Dbiusr, name: 'Dbiusr', meta: { title: 'Dbiusr' } },
{ path: 'Dbibch', component: Dbibch, name: 'Dbibch', meta: { title: 'Dbibch' } }, { path: 'Dbibch', component: Dbibch, name: 'Dbibch', meta: { title: 'Dbibch' } },
{ path: 'Ordrel', component: Ordrel, name: 'Ordrel', meta: { title: 'Ordrel' } }, { path: 'Ordrel', component: Ordrel, name: 'Ordrel', meta: { title: 'Ordrel' } },
{ path: 'Infact', component: Infact, name: 'Infact', meta: { title: '账户' } },
] ]
......
src/views/Business/Infact/Infsea.vue 0 → 100644
<template>
<div class="eibs-tab">
<template >
<el-form
class="m-table-search-form"
ref="paramsForm"
:inline="true"
label-position="left"
label-width="110px"
size="small">
<c-col :span="12">
<c-form-item :label="'Account No.'" prop="extkey">
<c-input v-model="model.extkey" maxlength="24" :placeholder="'请输入Account No'"></c-input>
</c-form-item>
</c-col>
<!-- SF000048 : Name of Account Owner -->
<c-col :span="12">
<c-form-item :label="'Name of Act. Owner'" prop="nam">
<c-input v-model="model.nam" maxlength="100" :placeholder="'请输入Name of Act. Owner'"></c-input>
</c-form-item>
</c-col>
<!-- SF000045 : Holding Party -->
<c-col :span="12">
<c-form-item :label="'Holding Party'" prop="hdlpty.extkey">
<c-input v-model="model.hdlpty.extkey" maxlength="24" :placeholder="'请输入 Holding Party'"></c-input>
</c-form-item>
</c-col>
<!-- SF000050 : IBAN -->
<c-col :span="12">
<c-form-item :label="'IBAN'" prop="iban">
<c-input v-model="model.iban" maxlength="40" :placeholder="'请输入IBAN'"></c-input>
</c-form-item>
</c-col>
<!-- SF000042 : Type -->
<c-col :span="12">
<el-form-item :label="'type'" prop="typ">
<c-select v-model="model.typ" style="width:100%" :placeholder="'请输入type'">
<el-option v-for="item in codes.typ" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<!-- SF000043 : Currency -->
<c-col :span="12">
<el-form-item :label="'Currency'" prop="cur">
<c-select v-model="model.cur" style="width:100%" :placeholder="'请输入Currency'">
<el-option v-for="item in codes.cur" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<!--
<c-col :span="12">
<c-form-item label="display stream" prop="infbut.dspstm">
<c-input v-model="model.infbut.dspstm" :placeholder="$t('other.please_enter')+'display stream'"></c-input>
</c-form-item>
</c-col> -->
<c-col :span="24" style="text-align: right; height: 36.8px">
<el-button size="small" @click="handleReset">重置</el-button>
<el-button
type="primary"
icon="el-icon-search"
size="small"
@click="onInfbutSearow"
>查询
</el-button>
</c-col>
<c-col :span="24">
<div style="border-bottom: 10px solid rgb(232, 232, 232)"></div>
</c-col>
<c-col :span="24" style="margin-top: 10px">
<c-button
size="small"
type="primary"
@click="onInfbutButprt"
style="float: right"
>
导出Excel
</c-button>
</c-col>
</el-form>
</template>
<c-col :span="24" >
<c-istream-table
:list="stmData.data"
:columns="stmData.columns"
:showButtonFlg="true">
<c-table-column fixed="right" prop="op" label="详情" width="165px">
<template slot-scope="{ scope }">
<c-button style="margin-left: 0" size="small" @click="onInfbutDsp(scope.$index, scope.row)">详情 </c-button>
</template>
</c-table-column>
</c-istream-table>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Infact/Event"
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
stmData: {
columns: [
"1 1 \"Account Owner\" 180 ",
"1 2\"Typ\" 150",
"2 3 \"Cur\" 150",
"3 4 \"Account No.\" 180",
"4 5 \" Owner Number\" 150 ",
"5 6 \"Servicing Party \" 150",
"6 7 \"Servicing Number\" 150",
],
data: [ ]
}
}
},
computed: {
tableData() {
return this.model.infbut.dspstm.rows;
},
/* stmData() {
console.log(this.model.infbut.dspstm.rows);
return this.model.infbut.dspstm.rows;
} */
},
methods:{...Event},
created:function(){
}
}
</script>
<style>
</style>
src/views/Business/Infact/Oitpan.vue 0 → 100644
<template>
<div class="eibs-tab">
<c-col :span="12">
<span v-text="model.recpan.actinf.labinftxt" data-path=".recpan.actinf.labinftxt" > </span>
</c-col>
<!-- S0000579 : Display Type -->
<c-col :span="12">
<c-form-item label="Infotext" prop="recpan.actinf.oit.inftxt">
<c-input type="textarea" v-model="model.recpan.actinf.oit.inftxt" maxlength="60" show-word-limit :placeholder="$t('other.please_enter')+'Infotext'" ></c-input>
</c-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Infotext Level" prop="recpan.actinf.oit.inflev">
<c-select v-model="model.recpan.actinf.oit.inflev" style="width:100%" :placeholder="$t('other.please_enter')+'Infotext Level'">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<span v-text="model.recpan.actstp.labinftxt" data-path=".recpan.actstp.labinftxt" > </span>
</c-col>
<!-- S0000579 : Display Type -->
<c-col :span="12">
<c-form-item label="Infotext" prop="recpan.actstp.oit.inftxt">
<c-input type="textarea" v-model="model.recpan.actstp.oit.inftxt" maxlength="60" show-word-limit :placeholder="$t('other.please_enter')+'Infotext'" ></c-input>
</c-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Infotext Level" prop="recpan.actstp.oit.inflev">
<c-select v-model="model.recpan.actstp.oit.inflev" style="width:100%" :placeholder="$t('other.please_enter')+'Infotext Level'">
</c-select>
</el-form-item>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Infact/Event"
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
}
},
methods:{...Event},
created:function(){
}
}
</script>
<style>
</style>
src/views/Business/Infact/index.vue 0 → 100644
<template>
<div class="eContainer">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right" size="small" :validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<!--infact PD000041 Search Panel -->
<el-tab-pane :label="'查询页面'" name="infsea">
<m-infsea :model="model" :codes="codes"/>
</el-tab-pane>
<!--actp PD000000 Accounts -->
<el-tab-pane :label="'详情'" name="actp0">
<m-actp0 :model="model" :codes="codes"/>
</el-tab-pane>
<!--actp PD000700 Info and Stoptext -->
<el-tab-pane :label="'Info and Stoptext'" name="oitpan">
<m-oitpan :model="model" :codes="codes"/>
</el-tab-pane>
<!-- <el-tab-pane :label="$t('actp.PD000040')" name="prtpan">
<m-prtpan :model="model" :codes="codes"/>
</el-tab-pane>
<el-tab-pane :label="$t('infbut.PD000022')" name="evtinfp">
<m-evtinfp :model="model" :codes="codes"/>
</el-tab-pane>
<el-tab-pane :label="$t('vermod.PD000005')" name="difstm">
<m-difstm :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 Infact from "~/model/Infact"
import commonProcess from "~/mixin/commonProcess"
import Check from "~/model/Infact/Check"
import Default from "~/model/Infact/Default"
import Pattern from "~/model/Infact/Pattern"
import Actp0 from "./Actp0"
import Oitpan from "./Oitpan"
import Infsea from "./Infsea"
export default {
name: "Infact",
components:{
"m-actp0" : Actp0,
"m-oitpan" : Oitpan,
"m-infsea" : Infsea,
},
provide() {
return {
root: this
}
},
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "infsea",
trnName: "infact",
trnType: "",
model: new Infact().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: {...CodeTable
},
}
},
methods:{
myTabClick(tab){
this.tabClick(tab)
/**
* do it yourself
**/
}
},
created:async function(){
console.log("进入infact交易");
let rtnmsg = await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
this.updateModel(rtnmsg.data)
//TODO 处理数据逻辑
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
}
}
</script>
<style>
</style>
src/views/Business/Inffee/Feep.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-col :span="24" style="text-align:right; height:36.8px">
<el-button-group>
<el-button type="primary" icon="el-icon-arrow-left">上一页</el-button>
<el-button type="primary">下一页<i class="el-icon-arrow-right el-icon--right"></i></el-button>
</el-button-group>
</c-col>
<c-col :span="12"> <!-- <c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="recpan.recget.sdamod.dadsnd"> <el-form-item label="Drag Drop Sender" prop="recpan.recget.sdamod.dadsnd">
<c-input v-model="model.recpan.recget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input> <c-input v-model="model.recpan.recget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>-->
<c-col :span="12"> <c-col :span="12">
<el-form-item label="Fee Code" prop="rec.cod"> <el-form-item label="Fee Code" prop="rec.cod">
...@@ -13,10 +21,10 @@ ...@@ -13,10 +21,10 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12" >
<el-form-item label="" prop="recpan.recget.sdamod.seainf"> <el-form-item label="Description" prop="nam">
<c-input v-model="model.recpan.recget.sdamod.seainf" placeholder="请输入"></c-input> <c-input v-model="model.nam" maxlength="32" placeholder="请输入Description"></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
...@@ -29,44 +37,36 @@ ...@@ -29,44 +37,36 @@
<c-col :span="12"> <c-col :span="12">
<el-form-item label="SWIFT / DTA Code" prop="rec.sftcod"> <el-form-item label="SWIFT / DTA Code" prop="rec.sftcod">
<c-select v-model="model.rec.sftcod" style="width:100%" placeholder="请选择SWIFT / DTA Code"> <c-select v-model="model.rec.sftcod" style="width:100%" placeholder="请选择SWIFT / DTA Code">
<el-option v-for="item in codes.sftcod" :key="item.value" :label="item.label" <el-option v-for="item in codes.sftcod" :key="item.value" :label="item.label" :value="item.value"></el-option>
:value="item.value"> </c-select>
</el-option>
</c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label="Fee Code for DTA Messages" prop="rec.dtacod"> <el-form-item label="Fee Code for DTA Messages" prop="rec.dtacod">
<c-select v-model="model.rec.dtacod" style="width:100%" placeholder="请选择Fee Code for DTA Messages"> <c-select v-model="model.rec.dtacod" style="width:100%" placeholder="请选择Fee Code for DTA Messages">
<el-option v-for="item in codes.dtacod" :key="item.value" :label="item.label" <el-option v-for="item in codes.dtacod" :key="item.value" :label="item.label" :value="item.value"></el-option>
:value="item.value"> </c-select>
</el-option>
</c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="10">
<el-form-item label="Booking Type" prop="rec.staflg"> <el-form-item label="Booking Type" prop="rec.staflg">
<c-select v-model="model.rec.staflg" style="width:100%" placeholder="请选择Booking Type"> <c-select v-model="model.rec.staflg" style="width:100%" placeholder="请选择Booking Type">
<el-option v-for="item in codes.staflg" :key="item.value" :label="item.label" <el-option v-for="item in codes.staflg" :key="item.value" :label="item.label" :value="item.value"></el-option>
:value="item.value"> </c-select>
</el-option>
</c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="2">
<c-checkbox v-model="model.rec.incflg">Income</c-checkbox> <c-checkbox v-model="model.rec.incflg" >Income</c-checkbox>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label="Fee Payer (Default)" prop="rec.rol"> <el-form-item label="Fee Payer(Deafult) " prop="rec.rol">
<c-select v-model="model.rec.rol" style="width:100%" placeholder="请选择Fee Payer (Default)"> <c-select v-model="model.rec.rol" style="width:100%" placeholder="请选择Fee Payer ">
<el-option v-for="item in codes.rol" :key="item.value" :label="item.label" <el-option v-for="item in codes.rol" :key="item.value" :label="item.label" :value="item.value"> </el-option>
:value="item.value"> </c-select>
</el-option>
</c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
...@@ -86,47 +86,48 @@ ...@@ -86,47 +86,48 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="8">
<el-form-item label="Relevant Transaction and Business Sector" prop="rec.reltrn"> <el-form-item label="Usable in" prop="rec.reltrn">
<c-input v-model="model.rec.reltrn" maxlength="40" placeholder="请输入Relevant Transaction and Business Sector"></c-input> <c-input v-model="model.rec.reltrn" maxlength="40" placeholder="请输入Relevant Transaction and Business Sector"></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="8">
<el-form-item label="Begin Date" prop="rec.begdat"> <el-form-item label="Begin Date" prop="rec.begdat">
<c-date-picker type="date" v-model="model.rec.begdat" style="width:100%" placeholder="请选择Begin Date"></c-date-picker> <c-date-picker type="date" v-model="model.rec.begdat" style="width:100%" placeholder="请选择Begin Date"></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="8">
<el-form-item label="End of Validity Excl." prop="rec.enddat"> <el-form-item label="End Date" prop="rec.enddat">
<c-date-picker type="date" v-model="model.rec.enddat" style="width:100%" placeholder="请选择End of Validity Excl."></c-date-picker> <c-date-picker type="date" v-model="model.rec.enddat" style="width:100%" placeholder="请选择End Date"></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="8">
<el-form-item label="Group Code" prop="rec.grpcod"> <el-form-item label="Group Code" prop="rec.grpcod">
<c-select v-model="model.rec.grpcod" style="width:100%" placeholder="请选择Group Code"> <c-select v-model="model.rec.grpcod" style="width:100%" placeholder="请选择Group Code">
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="8">
<el-form-item label="价税分离" prop="rec.taxflg"> <el-form-item label="价税分离" prop="rec.taxflg">
<c-select v-model="model.rec.taxflg" style="width:100%" placeholder="请选择价税分离"> <c-select v-model="model.rec.taxflg" style="width:100%" placeholder="是/否">
<el-option v-for="item in codes.taxflg" :key="item.value" :label="item.label" <el-option v-for="item in codes.taxflg" :key="item.value" :label="item.label"
:value="item.value"> :value="item.value">
</el-option> </el-option>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<!--
<c-col :span="12"> <c-col :span="8">
<el-form-item label="tax acc" prop="rec.taxacc"> <el-form-item label="Tax Account" prop="rec.taxacc">
<c-input v-model="model.rec.taxacc" maxlength="34" placeholder="请输入tax acc"></c-input> <c-input v-model="model.rec.taxacc" maxlength="34" placeholder="请输入tax acc"></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<!--
<c-col :span="12"> <c-col :span="12">
<c-checkbox v-model="model.recpan.seldef">Default</c-checkbox> <c-checkbox v-model="model.recpan.seldef">Default</c-checkbox>
</c-col> </c-col>
...@@ -228,6 +229,9 @@ export default { ...@@ -228,6 +229,9 @@ export default {
}, },
methods:{...Event}, methods:{...Event},
created:function(){ created:function(){
} }
} }
...@@ -235,3 +239,5 @@ export default { ...@@ -235,3 +239,5 @@ export default {
<style> <style>
</style> </style>
src/views/Business/Inffee/Infsea.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab" >
<c-list-search @form-reset="onInfbutClr" @form-search="onInfbutSearow"> <c-list-search @form-reset="onInfbutClr" @form-search="onInfbutSearow">
<template v-slot="searchSlot"> <template v-slot="searchSlot">
<el-form <el-form
class="m-table-search-form" class="m-table-search-form"
ref="paramsForm" ref="paramsForm"
:inline="true" :inline="true"
label-position="left" label-position="left"
label-width="110px" label-width="110px"
size="small" size="small"
> >
<!--持续展示-->
<c-row >
<el-row>
<c-col :span="12" > <c-col :span="12" >
<el-form-item label="FeeCode" prop="rec.cod"> <el-form-item label="FeeCode" prop="rec.cod">
<c-input v-model="model.cod" maxlength="32" placeholder="请输入FeeCode"></c-input> <c-input v-model="model.rec.cod" maxlength="32" placeholder="请输入FeeCode"></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12" > <c-col :span="12" >
<el-form-item label="Description" prop="rec.nam"> <el-form-item label="Description" prop="nam">
<c-input v-model="model.nam" maxlength="32" placeholder="请输入Name"></c-input> <c-input v-model="model.nam" maxlength="32" placeholder="请输入Description"></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<!--展开重置-->
</el-row> <c-col :span="24" style="text-align: right; height: 36.8px" v-if="searchToggle" >
<el-button size="small" @click="onInfbutClr">重置</el-button>
<el-button type="primary" icon="el-icon-search" size="small" @click="onInfbutSearow" >查询</el-button >
<el-button type="text" @click="searchToggle = false"> {{searchToggle?'收起': '展开'}}
<i :class="searchToggle? 'el-icon-arrow-up': 'el-icon-arrow-down'"></i>
</el-button>
</c-col>
<!--选择展示-->
</c-row>
<c-row v-show="searchSlot.searchToggle" @dblclick="onInfbutDsp(idx,row)">
<c-col :span="12">
<el-form-item label="Relevant Amount " prop="rec.reltir">
<c-select v-model="model.rec.reltir" maxlength="32" style="width:100%" placeholder="请选择Relevant Amount ">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="SWIFT / DTA Code" prop="rec.sftcod">
<c-select v-model="model.rec.sftcod" style="width:100%" placeholder="请选择SWIFT / DTA Code">
<el-option v-for="item in codes.sftcod" :key="item.value" :label="item.label" :value="item.value"></el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Fee Code for DTA Messages" prop="rec.dtacod">
<c-select v-model="model.rec.dtacod" style="width:100%" placeholder="请选择Fee Code for DTA Messages">
<el-option v-for="item in codes.dtacod" :key="item.value" :label="item.label" :value="item.value"></el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="10">
<el-form-item label="Booking Type" prop="rec.staflg">
<c-select v-model="model.rec.staflg" style="width:100%" placeholder="请选择Booking Type">
<el-option v-for="item in codes.staflg" :key="item.value" :label="item.label" :value="item.value"></el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="2">
<c-checkbox v-model="model.rec.incflg" >Income</c-checkbox>
</c-col>
<c-col :span="12">
<el-form-item label="Fee Payer(Deafult) " prop="rec.rol">
<c-select v-model="model.rec.rol" style="width:100%" placeholder="请选择Fee Payer ">
<el-option v-for="item in codes.rol" :key="item.value" :label="item.label" :value="item.value"> </el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Account" prop="rec.acc">
<c-input v-model="model.rec.acc" maxlength="34" placeholder="请输入Account"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-checkbox v-model="model.rec.dscmodflg">Modification of Description Allowed in Settlement</c-checkbox>
</c-col>
<c-col :span="12">
<el-form-item label="Accruing Account" prop="rec.accacr">
<c-input v-model="model.rec.accacr" maxlength="34" placeholder="请输入Accruing Account"></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="Usable in" prop="rec.reltrn">
<c-input v-model="model.rec.reltrn" maxlength="40" placeholder="请输入Relevant Transaction and Business Sector"></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="Begin Date" prop="rec.begdat">
<c-date-picker type="date" v-model="model.rec.begdat" style="width:100%" placeholder="请选择Begin Date"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="End Date" prop="rec.enddat">
<c-date-picker type="date" v-model="model.rec.enddat" style="width:100%" placeholder="请选择End Date"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="Group Code" prop="rec.grpcod">
<c-select v-model="model.rec.grpcod" style="width:100%" placeholder="请选择Group Code">
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="价税分离" prop="rec.taxflg">
<c-select v-model="model.rec.taxflg" style="width:100%" placeholder="是/否">
<el-option v-for="item in codes.taxflg" :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="Tax Account" prop="rec.taxacc">
<c-input v-model="model.rec.taxacc" maxlength="34" placeholder="请输入tax acc"></c-input>
</el-form-item>
</c-col>
</c-row>
</el-form> </el-form>
</template> </template>
</c-list-search> </c-list-search>
<div style="margin-top:20px;"> <div style="margin-top:20px;">
<!-- <c-button size="small" type="primary"><!-- @click="onDlmft">-->
EXCEL导出 <!-- EXCEL导出
</c-button>-->
<c-button size="small" type="primary" @click="onInfbutButprt"> <c-button size="small" type="primary" @click="onInfbutButprt">
EXCEL导出 EXCEL导出
</c-button> </c-button>
<c-button size="small" type="primary" @click="onInfbutExi"> <c-button size="small" type="primary" @click="onInfbutExi">
E&xit Exit
</c-button> </c-button>
<c-button size="small" type="primary" @click="onInfbutClr"> <c-button size="small" type="primary" @click="onInfbutClr">
&Clear Clear
</c-button> </c-button>
<c-button size="small" type="primary" @click="onInfbutDsp"> <c-button size="small" type="primary" @click="onInfbutDsp(scope.$index, scope.row)">
D&isplay Display
</c-button> </c-button>
<c-button size="small" type="primary" @click="onInfbutSearow"> <c-button size="small" type="primary" @click="onInfbutSearow">
&Search Search
</c-button> </c-button> -->
</div> </div>
<el-row> <el-row>
<c-istream-table :list="stmData.data" :columns="stmData.columns"> <c-istream-table
<el-table-column :list="stmData.data"
prop="op" :columns="stmData.columns"
label="OP" :showButtonFlg="true">
width="100"> <c-table-column fixed="right" prop="op" label="操作" width="165px">
<template slot-scope="scope">
<a href="javascript:void(0)" @click="continueEdit(scope.row)">继续编辑</a> <template slot-scope="{ scope }">
</template> <c-button size="small" type="primary" @click="onInfbutDsp(idx, row)">详情 </c-button>
</el-table-column> <!-- <c-button style="margin-left: 0" size="small" type="primary" @click="continueEdit(scope.row)"> 处理</c-button>
</c-istream-table> <el-popover placement="top-start" width="50" trigger="click">
<ul class="table-button-item-list">
<li>
<c-button size="small" style="margin-left: 0" >指派</c-button >
</li>
<li>
<c-button size="small" style="margin-left: 0" >删除</c-button >
</li>
</ul>
<a
slot="reference"
href="javascript:void(0)"
style="margin-left: 5px"
><i class="el-icon-more"></i
></a>
</el-popover> -->
</template>
</c-table-column>
</c-istream-table>
</el-row> </el-row>
<!--
<c-col :span="12"> <c-col :span="12">
<el-form-item label="display stream" prop="infbut.dspstm"> <el-form-item label="display stream" prop="infbut.dspstm">
<c-input v-model="model.infbut.dspstm" placeholder="请输入display stream"></c-input> <c-input v-model="model.infbut.dspstm" placeholder="请输入display stream"></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col> -->
</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/Inffee/Event" import Event from "~/model/Inffee/Event";
export default { export default {
inject: ['root'], inject: ['root'],
...@@ -87,16 +223,20 @@ export default { ...@@ -87,16 +223,20 @@ export default {
data(){ data(){
return { return {
initdialog: false,
radio: 3,
searchToggle: false,
stmData: { stmData: {
columns: [ columns: [
"1 1 \"Fee Code\" 50 ", "1 1 \"Fee Code\" 100 ",
"1 2\"Description\" 150", "1 2\"Description\" 150",
"2 3 \"Relevant Amount\" 110", "2 3 \"Relevant Amount\" 150",
"3 4 \"SWIFT / DTA Code\" 100", "3 4 \"SWIFT / DTA Code\" 180",
"4 5 \" Booking Type\" 101 ", "4 5 \" Booking Type\" 150 ",
"5 6 \" Fee Payer (Default)\" 100", "5 6 \" Fee Payer (Default) \" 150",
"6 7 \"Account\" 100", "6 7 \"Account\" 150",
], ],
data: [ ] data: [ ]
...@@ -107,13 +247,31 @@ export default { ...@@ -107,13 +247,31 @@ export default {
} }
}, },
computed: { computed: {
tableData() {
return this.model.infbut.dspstm.rows;
},
/* stmData() {
console.log(this.model.infbut.dspstm.rows);
return this.model.infbut.dspstm.rows;
} */
},
methods:{
chooseRowEvent(row) {
this.model.infbut.selrow = row.IDX + 1;
}, },
methods:{...Event}, ...Event},
created:function(){ created:function(){
} },
} }
</script> </script>
<style> <style>
</style> </style>
src/views/Business/Inffee/index.vue
<template> <template>
<div class="eContainer"> <div class="eContainer">
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
<el-form :model="model" :rules="rules" ref="modelForm" label-width="200px" size="small" :validate-on-rule-change="false"> <el-form :model="model" :rules="rules" ref="modelForm" label-width="200px" size="small" :validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick"> <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
<!--PD000027 --> <!--PD000027 -->
<el-tab-pane label="PD000027" name="infsea"> <el-tab-pane label="费用查询" name="infsea">
<m-infsea :model="model" :codes="codes"/> <m-infsea :model="model" :codes="codes" ref="infsea"/>
</el-tab-pane> </el-tab-pane>
<!--PD000119 --> <!--PD000119 -->
<el-tab-pane label="PD000119" name="feep"> <el-tab-pane label="费用详情" name="feep">
<m-feep :model="model" :codes="codes"/> <m-feep :model="model" :codes="codes" ref="feep"/>
</el-tab-pane> </el-tab-pane>
...@@ -22,12 +30,16 @@ import CodeTable from "~/config/CodeTable" ...@@ -22,12 +30,16 @@ import CodeTable from "~/config/CodeTable"
import Utils from "~/utils/index" import Utils from "~/utils/index"
import Inffee from "~/model/Inffee" import Inffee from "~/model/Inffee"
import commonProcess from "~/mixin/commonProcess" import commonProcess from "~/mixin/commonProcess"
import commonFuncs from "~/mixin/commonFuncs"
import Check from "~/model/Inffee/Check" import Check from "~/model/Inffee/Check"
import Default from "~/model/Inffee/Default" import Default from "~/model/Inffee/Default"
import Pattern from "~/model/Inffee/Pattern" import Pattern from "~/model/Inffee/Pattern"
import Feep from "./Feep" import Feep from "./Feep"
import Infsea from "./Infsea" import Infsea from "./Infsea"
import Event from "~/model/Inffee/Event"
export default { export default {
name: 'Inffee',
components:{ components:{
"m-feep" : Feep, "m-feep" : Feep,
"m-infsea" : Infsea, "m-infsea" : Infsea,
...@@ -37,7 +49,7 @@ export default { ...@@ -37,7 +49,7 @@ export default {
root: this root: this
} }
}, },
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理 mixins: [commonProcess,commonFuncs], // 里面包含了Default、Check等的公共处理
data(){ data(){
return { return {
tabVal: "infsea", tabVal: "infsea",
...@@ -47,45 +59,52 @@ export default { ...@@ -47,45 +59,52 @@ export default {
defaultRules: Default, defaultRules: Default,
pattern: Pattern, pattern: Pattern,
rules: null, rules: null,
codes: { ...CodeTable }, codes: { ...CodeTable
} // bustxt:[],
},
};
}, },
methods:{ methods:{
tabClick(){ // tabClick(){}
} myTabClick(tab){
this.tabClick(tab)
}
}, },
created:async function(){ created:async function(){
console.log("进入inffee交易"); console.log("进入inffee交易");
let rtnmsg = await this.init({})
let rtnmsg = await this.init({})
// console.log(rtnmsg);
if(rtnmsg.respCode == SUCCESS) if(rtnmsg.respCode == SUCCESS)
{ {
//TODO 处理数据逻辑 //TODO 处理数据逻辑
this.updateModel(rtnmsg.data) this.updateModel(rtnmsg.data)
}
else } else
{ {
this.$notify.error({title: '错误',message: '服务请求失败！'}); this.$notify.error({title: '错误',message: '服务请求失败！'});
} }
/** let rtnmsg = await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
} // 查询码表模板 diasel
else /* getCodetable({ tbl:'DIATXT',lang:'EN' }).then((res) => {
{ if (res.respCode == SUCCESS) {
this.$notify.error({title: '错误',message: '服务请求失败！'}); this.codes.diatxt = res.data;
} }
const that = this; });
const that = this;
that.init(that.model).then(res => { that.init(that.model).then(res => {
//TODO 处理数据逻辑 //TODO 处理数据逻辑
that.model = Utils.copyValueFromVO(that.model, res.data) that.model = Utils.copyValueFromVO(that.model, res.data)
// that.$refs.Menu.stmData.columns = res.data.sptstm.rows; this.$refs.diaselp.handleSearch();
}) })*/
**/
} }
}
}
</script> </script>
<style> <style>
......
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