Skip to content

I
isc-web-vue
Commit 5d499edb by jianglong
Options

新增INFCRD交易

parent ab7910ae
Showing with 955 additions and 376 deletions
src/config/CodeTable/index.js
......@@ -2003,6 +2003,11 @@ const CodeTable = {
{ label: "线下清算登记", value: "OFLN" },
{ label: "线上清算申请", value: "ONLN" },
],
clrtyp1: [
{ label: "汇入清算", value: "I" },
{ label: "汇出清算", value: "O" },
],
clsflg: [
{ label: "全部", value: "A" },
{ label: "只打开", value: "" },
......
src/page/Funds/Infcrd/event/buildCommons.js deleted 100644 → 0
import Utils from "~/utils";
export default {
methods: {
buildPtspta(ptsptaObj) {
let pts = ptsptaObj.pts;
return {
rol: pts.rol,
name: pts.nam,
ptyinr: pts.ptyinr,
ptainr: pts.ptainr,
extkey: pts.extkey,
dftdsp: pts.dftdsp,
dftcur: pts.dftcur,
dftact: pts.dftact,
dftfeecur: pts.dftfeecur,
dftactptainr: pts.dftactptainr,
glggrpflg: pts.glggrpflg,
adrblk: pts.adrblk,
pts,
};
},
buildCommonData(model, trnName) {
let ptsptaList = Utils.formatPtspta(model.crdgrp, this.buildPtspta);
return {
rec: {
objtyp: "FXT",
ownref: model.crdgrp.rec.ownref,
},
cbsMap: {
MAX: model.crdgrp.cbs.max,
NOM1: model.crdgrp.cbs.nom1,
},
ptsList: ptsptaList,
transName: trnName,
userId: window.sessionStorage.userId ? window.sessionStorage.userId : "ZL",
};
},
},
};
src/page/Funds/Infcrd/event/index.js
......@@ -3,6 +3,280 @@ import moment from "moment";
export default {
methods: {
async handleSearch() {
let opndatfrom = this.model.infcon.opndatfrom;
if (!opndatfrom || opndatfrom == "") {
this.$notify.error({
title: this.$t("financing.错误"),
message: this.$t("financing.查询开始日期必输！"),
});
return;
}
let opndatto = this.model.infcon.opndatto;
if (!opndatto || opndatto == "") {
this.$notify.error({
title: this.$t("financing.错误"),
message: this.$t("financing.查询结束日期必输！"),
});
return;
}
this.load = true;
let rtnmsg = await Api.post("/funds/crtsel/list" , {
...this.model.infcon,
pageNumber: this.pagination.pageNumber <= 0 ? 1 : this.pagination.pageNumber,
pageSize: this.pagination.pageSize <= 0 ? 10 : this.pagination.pageSize,
opndatfrom: moment(opndatfrom).format("YYYY-MM-DD"),
opndatto: moment(opndatto).format("YYYY-MM-DD"),
});
if (rtnmsg.respCode == SUCCESS) {
this.load = false;
this.stmData.data = [];
this.stmData.data = rtnmsg.data.list;
console.log(this.stmData)
this.pagination.total = rtnmsg.data.total;
} else {
this.$notify.error({
title: this.$t("financing.错误"),
message: this.$t("financing.服务请求失败！"),
});
}
this.load = false;
},
async handleReset() {
this.model.infcon.seaownref = "";
this.model.infcon.opndatfrom = new Date();
this.model.infcon.opndatto = new Date();
this.model.infcon.nam = "";
this.model.infcon.seacur = "";
this.model.infcon.eaamtfr = "";
this.model.infcon.eaamtto = "";
this.model.infcon.ownusr = "";
this.model.infcon.usr = "";
this.model.infcon.acc = "";
this.model.infcon.acc2 = "";
this.model.infcon.searef = "";
this.model.infcon.ptyextkey = "";
this.model.infcon.ptynam = "";
this.model.infcon.seapty = "";
this.model.infcon.searol = "";
this.model.infcon.usrextkey = "";
this.model.infcon.seasta = "";
this.model.infcon.accmng = "";
this.model.infcon.seapaytyp = "";
this.model.infcon.msgtyp = "";
},
//首字母大写
toTitleCase(str) {
return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
},
// 处理
async handler(row) {
this.handleModel = row;
this.trnUrl = "funds";
this.inifrm = "crtsel";
this.initdialog = true;
},
//双击表格数据
async TableDblRow(row) {
this.handler(row);
},
//点击页签
async handleClickTab() {
// switch (this.activeTab) {
// case "jsh":
// this.titleNam = "结售汇交易列表";
// break;
// case "dhpp":
// this.titleNam = "外币兑换平盘交易列表";
// break;
// default:
// this.titleNam = "交易列表";
// break;
// }
},
//单击表格数据
TableRowClick(row) {
this["selectedModel" ] = row;
},
changeOwnref() {},
async handleClick(btn, row) {
this.routerPush({
path: "/business/" + btn.code.toLowerCase(),
query: { inr: row.inr, pntinr: row.pntinr },
});
this.initdialog = false;
},
// pageSize改变
handleSizeChange(val) {
this.pagination.pageNumber = 1;
this.pagination.pageSize = val;
this.handleSearch();
},
// 页码改变
handleCurrentChange(val) {
this.pagination.pageNumber = val;
this.handleSearch();
},
toCrtcri() {
this.routerPush({
path: "/business/crtcri",
});
},
toCrtcro() {
this.routerPush({
path: "/business/crtcro",
});
},
// 详情
async details(row) {
const params = {
ownref: row.ownref,
shgref: row.shgref ? row.shgref.trim() : "",
};
const res = await Api.post("/manager/trn/getTrnListByOwnref", params);
if (res.respCode === SUCCESS) {
if (res.data.length === 1) {
if (this.oldRefId && this.$refs[this.oldRefId]) {
this.$refs[this.oldRefId].showPopper = false;
}
this.display(res.data[0]);
} else {
this.trnData.data = res.data;
this.oldRefId = "popover_" + row.inr;
this.$refs[this.oldRefId].showPopper = true;
}
}
},
closeDisplayDialog() {
if (this.oldRefId && this.$refs[this.oldRefId]) {
this.$refs[this.oldRefId].showPopper = false;
}
},
//Info
toInfo(row, objtyp, subobjtyp) {
this.routerPush({
path: "/business/crdinf",
query: {
inr: row.inr,
objtyp: objtyp,
pntinr: row.pntinr,
subobjtyp: subobjtyp,
},
});
},
// 关闭详情弹框
closeDetailsDialog(refId) {
if (refId && this.$refs[refId]) {
this.$refs[refId].showPopper = false;
}
},
// 关闭处理弹框
closeHandlerDialog() {
this.initdialog = false;
},
/**
* 打开详情页面
* @param row
*/
display(row) {
if (this.oldRefId && this.$refs[this.oldRefId]) {
this.$refs[this.oldRefId].showPopper = false;
}
// 历史快照
if (row.inr.length == 8) {
this.routerPush({
path: "/business/HistoryRecord",
query: {
businessInr: row.inr,
businessType: "TRN",
type: "view",
},
});
} else if (row.inr.length == 16) {
this.routerPush({
path: `/display/${row.inifrm.toLowerCase()}`,
query: {
businessInr: row.inr,
businessType: "TRN",
},
});
}
},
checkData(row) {
this.routerPush({
path: "/business-new/litdck",
query: {
inr: this.handleModel.inr,
brdinr: row.inr,
},
});
this.litdckdialog = false;
this.$options.methods.closeHandlerDialog.call(this);
},
//修改弹窗状态
changeBtn(isVisible) {
this.initdialog = isVisible;
},
//获取码表数据
getCodeTable(tbl, uil, value) {
if (uil) {
uil = "EN";
}
let localCodes = localStorage.getItem("localCodes");
if (localCodes) {
let codeobj = JSON.parse(localCodes)[tbl + "_" + uil + "_COD"];
if (codeobj) {
let codeobj = codeobj.filter((m) => m.value === value);
return codeobj ? codeobj.label : value;
} else {
return value;
}
} else {
return value;
}
},
//获取码表数据
getCodelabel(value, codenam) {
const codeobj = this.model.dbCodes[codenam].find(
(obj) => obj.value === value
);
return codeobj ? codeobj.label : value;
},
async getdbCode(codeType, uil, codeNam) {
let params = {
codeType: codeType,
uil: uil ? uil : "EN",
};
let rtnmsg = await Api.post("/manager/dic/listDicInfo", params);
if (rtnmsg.respCode === SUCCESS) {
let curList = rtnmsg.data.map((item) => ({
value: item.codeValue,
label: item.codeName,
}));
this.model.dbCodes[codeNam] = curList;
}
},
},
};
src/page/Funds/Infcrd/model/Check.js deleted 100644 → 0
export default {
"recpan.recget.sdamod.dadsnd":[
{type: "string", required: false, message: "必输项"},
{max: 16,message:"长度不能超过16"}
],
"crdgrp.rec.ownref":[
{type: "string", required: false, message: "必输项"},
{max: 16,message:"长度不能超过16"}
],
"recpan.recget.sdamod.seainf":[
{type: "string", required: false, message: "必输项"},
{max: 3,message:"长度不能超过3"}
],
"crdgrp.rec.nam":[
{type: "string", required: false, message: "必输项"},
{max: 40,message:"长度不能超过40"}
],
"crdgrp.snd.pts.ref":[
{type: "string", required: false, message: "必输项"},
{max: 20,message:"长度不能超过20"}
],
"recpan.usr.extkey":[
{type: "string", required: false, message: "必输项"},
{max: 8,message:"长度不能超过8"}
],
"recpan.usrget.sdamod.seainf":[
{type: "string", required: false, message: "必输项"},
{max: 3,message:"长度不能超过3"}
],
"recpan.sndp.ptsget.sdamod.dadsnd":[
{type: "string", required: false, message: "必输项"},
{max: 16,message:"长度不能超过16"}
],
"crdgrp.snd.pts.extkey":[
{type: "string", required: false, message: "必输项"},
{max: 16,message:"长度不能超过16"}
],
"recpan.sndp.ptsget.sdamod.seainf":[
{type: "string", required: false, message: "必输项"},
{max: 3,message:"长度不能超过3"}
],
"crdgrp.cbs.max.amt":[
{type: "number", required: false, message: "必输项"},
{max: 18,message:"整数位不能超过14位"},
{pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
],
"crdgrp.snd.pts.adrblk":[
{type: "string", required: true, message: "必输项"},
{max: 35,message:"长度不能超过35"}
],
"crdgrp.snd.dbfadrblkcn":[
{type: "string", required: true, message: "必输项"},
{max: 35,message:"长度不能超过35"}
],
"crdgrp.rec.msgref":[
{type: "string", required: false, message: "必输项"},
{max: 16,message:"长度不能超过16"}
],
"crdgrp.rec.msgact":[
{type: "string", required: false, message: "必输项"},
{max: 21,message:"长度不能超过21"}
],
"crdgrp.acc.pts.ref":[
{type: "string", required: false, message: "必输项"},
{max: 20,message:"长度不能超过20"}
],
"recpan.accp.ptsget.sdamod.dadsnd":[
{type: "string", required: false, message: "必输项"},
{max: 16,message:"长度不能超过16"}
],
"crdgrp.acc.pts.extkey":[
{type: "string", required: false, message: "必输项"},
{max: 16,message:"长度不能超过16"}
],
"recpan.accp.ptsget.sdamod.seainf":[
{type: "string", required: false, message: "必输项"},
{max: 3,message:"长度不能超过3"}
],
"crdgrp.rec.errmsg":[
{type: "string", required: true, message: "必输项"},
{max: 40,message:"长度不能超过40"}
],
"crdgrp.acc.pts.adrblk":[
{type: "string", required: true, message: "必输项"},
{max: 35,message:"长度不能超过35"}
],
"crdgrp.acc.dbfadrblkcn":[
{type: "string", required: true, message: "必输项"},
{max: 35,message:"长度不能超过35"}
],
"recpan.valdat":[
{type: "date", required: false, message: "输入正确的日期"}
],
}
\ No newline at end of file
src/page/Funds/Infcrd/model/index.js
import Api from "~/service/Api"
import Pts from "~/page/Model/Common/Pts"
import Pub from "~/components/business/commonModel/index.js";
import Api from "~/service/Api";
export default class Infcrd {
export default class infcrd {
constructor() {
this.data = {
crdgrp: {
cbs: {
max: {
cur: "", // 清算币种及金额 .crdgrp.cbs.max.cur
amt: "", // 清算币种及金额 .crdgrp.cbs.max.amt
},
},
rec: {
msgact: "", // 汇款账号(Tag59) .crdgrp.rec.msgact
ownref: "", // 业务编号 .crdgrp.rec.ownref
nam: "", // 名称 .crdgrp.rec.nam
msgref: "", // 本行业务编号 .crdgrp.rec.msgref
rcvobjtyp: "", // 业务种类 .crdgrp.rec.rcvobjtyp
rcvbchinr: "", // 归属机构 .crdgrp.rec.rcvbchinr
errmsg: "", // 出错信息 .crdgrp.rec.errmsg
custyp: "", // 客户类型 .crdgrp.rec.custyp
},
snd: {
pts: new Pts().data,
dbfadrblkcn: "", // Chinese address .crdgrp.snd.dbfadrblkcn
},
acc: {
pts: new Pts().data,
dbfadrblkcn: "", // Chinese address .crdgrp.acc.dbfadrblkcn
},
},
setmod: new Pub().data.Setmod,
docpan: new Pub().data.Docpan,
trndia: new Pub().data.Trndia,
recpan: {
recget: {
sdamod: {
seainf: "", // .recpan.recget.sdamod.seainf
dadsnd: "", // Drag Drop Sender .recpan.recget.sdamod.dadsnd
},
},
usr: {
extkey: "", // 经办柜员 .recpan.usr.extkey
},
usrget: {
sdamod: {
seainf: "", // .recpan.usrget.sdamod.seainf
},
},
sndp: {
ptsget: {
sdamod: {
seainf: "", // .recpan.sndp.ptsget.sdamod.seainf
dadsnd: "", // Drag Drop Sender .recpan.sndp.ptsget.sdamod.dadsnd
},
},
},
accp: {
ptsget: {
sdamod: {
seainf: "", // .recpan.accp.ptsget.sdamod.seainf
dadsnd: "", // Drag Drop Sender .recpan.accp.ptsget.sdamod.dadsnd
},
},
},
valdat: "", // 起息日 .recpan.valdat
forare: "", // USE FOR ARE AMTOUNT .recpan.forare
},
pageId: "" // ctx的key
infcon: {
seaownref: "", // 业务编号 .infcon.seaownref
seanam: "", // 业务名称 .infcon.nam
opndat: "", //
opndatfrom: new Date(new Date().getTime() - 7 * 24 * 60 * 60 * 1000), // 有效日期自 .infcon.opndatfrom
opndatto: new Date(), // Open Date to .infcon.opndatto
seacur: "", // 币种 .infcon.seacur
seaamtfr: "", // 金额自 .infcon.seaamtfr
seaamtto: "", // Amount to .infcon.seaamtto
ownusr: "",
usr: "",
acc: "",
acc2: "",
}
searef: "",
ptyextkey: "", // 选择一个参与方 .infcon.pty.extkey
ptynam: "", // External Visible Name .infcon.pty.nam
seapty: "", // 参与方名称/BIC .infcon.seapty
searol: "",
usrextkey: "", // User ID .infcon.usr.extkey
seasta: "", // Status .infcon.seasta
accmng: "", // Account manager .infcon.accmng
seapaytyp: "", //类型
msgtyp: "", //类型
},
infbut: {
dspstm: "", // display stream .infbut.dspstm
},
//fttyp: "", // Funds Trans. Type .fttyp
pageId: "", // ctx的key
dbCodes: {
TRAINT: [],
TRAOUT: [],
},
};
}
}
src/page/Funds/Infcrd/views/Infconp.vue deleted 100644 → 0
<template>
<div class="eibs-tab">
<c-col :span="24">
<!-- ==================左边================ -->
<c-col :span="12" style="padding-right: 20px">
<!-- S0000005 : 业务编号 -->
<c-col :span="24">
<c-form-item :label="$t('crdgrp.业务编号')" prop="crdgrp.rec.ownref">
<c-input v-model="model.crdgrp.rec.ownref" maxlength="16"></c-input>
</c-form-item>
</c-col>
<!-- S0000026 : 清算币种及金额 -->
<c-col :span="24" class="custom-box-wrap">
<el-form-item :label="$t('crtp.清算币种及金额')" prop="crdgrp.cbs.max.cur">
<c-select-cur v-model="model.crdgrp.cbs.max.cur" style="width: 115px" placeholder="请选择币种" dbCode="curtxt">
</c-select-cur>
</el-form-item>
<div class="box-3">
<el-form-item label-width="5px" prop="crdgrp.cbs.max.amt">
<c-input-currency v-model="model.crdgrp.cbs.max.amt" :currency="model.crdgrp.cbs.max.cur"
style="width: 100%">
</c-input-currency>
</el-form-item>
</div>
</c-col>
<!-- S0000014 : 本行业务编号 -->
<c-col :span="24">
<c-form-item :label="$t('crdgrp.报文编号')" prop="crdgrp.rec.msgref">
<c-input v-model="model.crdgrp.rec.msgref" maxlength="16"></c-input>
</c-form-item>
</c-col>
<!-- S0000056 : 起息日 -->
<c-col :span="24">
<el-form-item :label="$t('crdgrp.清算时间')" prop="recpan.valdat">
<c-date-picker type="date" v-model="model.recpan.valdat" style="width: 100%"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<c-ptap-ext
:argadr="{
title: '发报行',
grp: 'crdgrp',
rol: 'snd',
}"
:requiredExtkey="true"
:isFieldLabelVisible="true"
:refVisiable="true"
:isAdrblk="true"
:disabled="true"
:model="model" ptytyp="B"
></c-ptap-ext>
</c-col>
</c-col>
<!-- ============右边================= -->
<c-col :span="12" style="padding-left: 20px">
<!-- S0000015 : 业务种类 -->
<c-col :span="24">
<el-form-item :label="$t('crdgrp.清算类型')" prop="crdgrp.rec.rcvobjtyp">
<c-select v-model="model.crdgrp.rec.rcvobjtyp" style="width: 100%">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item :label="$t('crdgrp.业务类型')" prop="crdgrp.rec.custyp">
<c-select v-model="model.crdgrp.rec.custyp" style="width: 100%">
</c-select>
</el-form-item>
</c-col>
<!-- S0000004 : 汇款账号(Tag59) -->
<c-col :span="24">
<c-form-item :label="$t('crdgrp.报文中账号')" prop="crdgrp.rec.msgact">
<c-input v-model="model.crdgrp.rec.msgact" maxlength="21"></c-input>
</c-form-item>
</c-col>
<!-- S0000006 : 名称 -->
<c-col :span="24">
<c-form-item :label="$t('crdgrp.简略信息')" prop="crdgrp.rec.nam">
<c-input v-model="model.crdgrp.rec.nam" maxlength="40"></c-input>
</c-form-item>
</c-col>
<c-col :span="24">
<c-ptap-ext
:argadr="{
title: '收报行',
grp: 'crdgrp',
rol: 'acc',
}"
:requiredExtkey="true"
:isFieldLabelVisible="true"
:refVisiable="true"
:isAdrblk="true"
:disabled="true"
:model="model" ptytyp="C"
></c-ptap-ext>
</c-col>
</c-col>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api";
import Event from "../event";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [Event],
data() {
return {};
},
methods: {},
created: function () { },
};
</script>
<style></style>
src/page/Funds/Infcrd/views/Infsea.vue 0 → 100644
<template>
<div class="eibs-tab">
<c-list-search @form-reset="handleReset" @form-search="handleSearch">
<!-- 持续展示区 -->
<template v-slot="searchSlot">
<el-row>
<c-col :span="24">
<c-col :span="8">
<el-form-item
label="业务编号"
prop="seaownref"
style="width: 100%"
>
<c-input
v-model="model.infcon.seaownref"
maxlength="40"
placeholder="请输入业务编号"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item
label="交易有效日期"
prop="opndatfrom"
style="width: 100%"
>
<c-col :span="11">
<c-date-picker
type="date"
v-model="model.infcon.opndatfrom"
style="width: 100%"
></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"
v-model="model.infcon.opndatto"
style="width: 100%"
></c-date-picker>
</c-col>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="业务名称" prop="seanam" style="width: 100%">
<c-input
v-model="model.infcon.seanam"
maxlength="40"
placeholder="请填写业务名称"
>
</c-input>
</el-form-item>
</c-col>
</c-col>
</el-row>
<!-- 可控展示区 -->
<el-row v-show="searchSlot.searchToggle">
<c-col :span="24">
<c-col :span="8">
<el-form-item label="客户" prop="ptyextkey" style="width: 100%">
<c-input
v-model="model.infcon.ptyextkey"
maxlength="20"
placeholder="请输入客户编号"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="客户名称" prop="ptynam" style="width: 100%">
<c-input
v-model="model.infcon.ptynam"
maxlength="40"
placeholder="请输入客户名称"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="账户经理" prop="accmng" style="width: 100%">
<c-input
v-model="model.infcon.accmng"
maxlength="40"
placeholder="请输入账户经理名称"
>
</c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="8">
<el-form-item label="付款类型" prop="seapaytyp" style="width: 100%"
>
<c-select
v-model="model.infcon.seapaytyp"
style="width: 100%"
placeholder="请选择类型"
:code="codes.seapaytyp"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="SWIFT类型" prop="msgtyp" style="width: 100%"
>
<c-select
v-model="model.infcon.msgtyp"
style="width: 100%"
placeholder="请选择类型"
:code="codes.msgtyp"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="是否闭卷" prop="isClosed" style="width: 100%">
<c-select v-model="model.infcon.isClosed" dbCode='cxmflg' placeholder="请选择是否闭卷">
</c-select>
</el-form-item>
</c-col>
</c-col>
</el-row>
</template>
</c-list-search>
<c-col :span="24" style="margin-top: 10px; margin-bottom: 10px">
<c-button
class="medium_bcs"
size="medium"
type="primary"
style="margin-top: 10px; margin-bottom: 10px"
title="CRTCRI"
@click="toCrtcri"
>
汇入清算
</c-button>
<c-button
class="medium_bcs"
size="medium"
type="primary"
style="margin-left: 20px"
title="CRTCRO"
@click="toCrtcro"
>
汇出清算
</c-button>
</c-col>
<el-col :span="24" style="margin-top: 10px">
<div style="height: 90%">
<c-col :span="24">
<el-tabs v-model="activeTab" class="y-tabs">
<el-tab-pane label="清算查询" name="crtsel">
<el-table
:data="stmData.data"
:columns="stmData.columns"
v-loading="load"
style="width: 100%"
size="small"
:border="true"
height="calc(100vh - 480px)"
:highlight-current-row="true"
>
<el-table-column
v-for="(item, key) in stmData.columns"
:key="key"
:label="item.label"
:prop="item.prop"
:min-width="item.width"
>
<template slot-scope="scope">
<div
style="text-align: center"
v-if="item.prop.indexOf('crtyp') >= 0"
>
{{
findCodeLabel(
codes.crt_crtyp,
scope.row[item.prop].trim()
)
}}
</div>
<div
style="text-align: center"
v-else-if="item.prop.indexOf('trnman') >= 0"
>
{{
findCodeLabel(codes.trnman, scope.row[item.prop].trim())
}}
</div>
<div
style="text-align: center"
v-else-if="item.prop.indexOf('trdint') >= 0"
>
{{ getCodelabel(scope.row[item.prop].trim(), "TRAINT") }}
</div>
<div
style="text-align: center"
v-else-if="item.prop.indexOf('trdout') >= 0"
>
{{ getCodelabel(scope.row[item.prop].trim(), "TRAOUT") }}
</div>
<div v-else>{{ scope.row[item.prop] }}</div>
</template>
</el-table-column>
<el-table-column
fixed="right"
prop="op"
label="操作"
width="180px"
>
<template slot="header">
<c-col :span="11" style="text-align: center">
<span>操作</span>
</c-col>
</template>
<template slot-scope="scope">
<c-button
style="margin-right: 5px"
size="small"
type="text"
@click="handler(scope.row)"
>处理
</c-button>
<span> </span>
<el-popover
trigger="manual"
v-clickOutside="closeDisplayDialog"
placement="top-end"
title="历史信息"
width="1200"
:ref="'popover_' + scope.row.inr"
>
<div
style="
text-align: right;
margin-top: -30px;
margin-right: 5px;
font-size: 16px;
"
>
<span
class="el-icon-close"
style="cursor: pointer"
@click="
closeDetailsDialog('popover_' + scope.row.inr)
"
></span>
</div>
<el-table
:data="trnData.data"
:columns="trnData.columns"
:showButtonFlg="true"
>
<el-table-column
v-for="(item, key) in trnData.columns"
:key="key"
:label="item.label"
:prop="item.prop"
:width="item.width"
>
<template slot-scope="scope">
<div>{{ scope.row[item.prop] }}</div>
</template>
</el-table-column>
<el-table-column
fixed="right"
prop="op"
label="操作"
width="100px"
>
<template slot-scope="scope">
<c-button
style="margin-left: 0"
size="small"
@click="display(scope.row)"
>快照
</c-button>
</template>
</el-table-column>
</el-table>
<c-button
style="margin-left: 0"
type="text"
size="small"
slot="reference"
@click="details(scope.row)"
>
快照
</c-button>
<c-button
style="margin-left: 0"
type="text"
size="small"
slot="reference"
@click="toInfo(scope.row, 'CRD')"
>
Info
</c-button>
</el-popover>
</template>
</el-table-column>
</el-table>
<div class="pagination-box" style="display: block">
<el-pagination
layout="total, sizes, prev, pager, next, jumper"
:total="Number(pagination.total)"
:page-size="pagination.pageSize"
:current-page.sync="pagination.pageNumber"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
>
</el-pagination>
</div>
</el-tab-pane>
</el-tabs>
</c-col>
</div>
</el-col>
<!-- 点击处理弹框 -->
<el-dialog
v-dialogDrag
v-if="initdialog"
:visible.sync="initdialog"
:title="titleNam"
append-to-body
width="70%"
>
<m-busbtn
ref="childs"
:trnUrl="trnUrl"
:inifrm="inifrm"
:activeTab="activeTab"
:model="handleModel"
@onChoose="handleClick"
></m-busbtn>
</el-dialog>
<!--业务锁及待处理数据弹窗-->
<m-chklap ref="lockAndPending" @changeBtn="changeBtn"></m-chklap>
</div>
</template>
<script>
import event from "../event";
import BusNavbar from "~/components/business/BusNavbar1";
import CheckLockAndPending from "~/components/business/CheckLockAndPending";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [event],
components: {
"m-busbtn": BusNavbar,
"m-chklap": CheckLockAndPending,
},
data() {
return {
activeTab: "crtsel",
load: false,
sptVisible: false,
dealSptData: [],
selectedModelCr: {},
handleModel: {},
queryCon: {},
trnUrl: "",
inifrm: "",
oldRefId: "",
load: false,
titleNam: "清算交易列表",
stmData: {
columns: [
{
label: "类型",
prop: "clrtyp",
width: "180px",
},
{
label: "业务编号",
prop: "ownref",
width: "180px",
},
{
label: "业务名称",
prop: "nam",
width: "180px",
},
{
label: "清算币种",
prop: "maxcur",
width: "180px",
},
{
label: "清算金额",
prop: "maxamt",
width: "180px",
},
{
label: "发报方",
prop: "sndExtkey",
width: "180px",
},
{
label: "收报方",
prop: "rcvExtkey",
width: "180px",
},
{
label: "账户行",
prop: "accExtkey",
width: "180px",
},
{
label: "经办人",
prop: "ownusr",
width: "120px",
},
{
label: "清算日期",
prop: "opndat",
width: "120px",
},
{
label: "闭卷日期",
prop: "clsdat",
width: "120px",
},
],
data: [],
},
// 快照
trnData: {
columns: [
{
label: "业务编号",
prop: "ownref",
width: "160",
},
{
label: "交易名称",
prop: "inifrmname",
width: "220",
},
{
label: "交易码",
prop: "inifrm",
width: "100",
},
{
label: "交易时间",
prop: "inidattim",
width: "160",
},
{
label: "状态",
prop: "relflgName",
width: "100",
},
{
label: "币种",
prop: "reloricur",
width: "100",
},
{
label: "金额",
prop: "reloriamt",
width: "150",
},
],
data: [],
},
// 处理
initdialog: false,
handlerDataList: [],
pagination: {
pageNumber: 1,
pageSize: 10,
total: 0,
},
};
},
methods: {},
mounted() {
this.getdbCode("TRAINT", "EN", "TRAINT");
this.getdbCode("TRAOUT", "EN", "TRAOUT");
},
created: function () {},
};
</script>
<style lang="less" scoped>
::v-deep .c-content-scrollbar {
height: 100% !important;
}
.eibs-tabs /deep/ {
.m-table-search {
padding: 20px 0px 10px 0px;
}
}
.header-wrap {
height: 36px;
display: flex;
justify-content: space-between;
align-items: center;
.title {
font-size: 16px;
color: #000;
}
.close-btn {
padding: 3px;
cursor: pointer;
}
}
.m-list-btns {
height: 300px;
overflow: auto;
}
.medium_bcs {
border-radius: 5px;
}
.m-table-search {
padding: 20px 0px 10px 0px;
}
.pagination-box {
width: 100%;
height: 30px;
display: flex;
align-items: center;
justify-content: flex-end;
padding: 0 10px;
background: #fff;
margin-top: 5px;
}
.el-dialog__body {
padding: 10px 5px 50px;
}
.m-table-search {
padding: 20px 0px 10px 0px;
}
.btn-group-wrap {
max-height: 200px;
width: 100%;
overflow-y: auto;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
.btn-item {
margin-bottom: 10px;
margin-right: 10px;
}
</style>
src/page/Funds/Infcrd/views/index.vue
<template>
<div class="eContainer">
<c-page title="清算入口交易">
<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">
<el-tab-pane label="业务信息" name="infconp">
<div class="eContainer-search">
<el-form
:model="model"
:rules="rules"
ref="modelForm"
label-width="120px"
label-position="right"
size="small"
:validate-on-rule-change="false"
>
<c-content>
<m-infconp :model="model" :codes="codes" />
<m-infsea :model="model" :codes="codes" ref="infsea"/>
</c-content>
</el-tab-pane>
</c-tabs>
</el-form>
<c-function-btn :handleCheck="handleCheck" :handleStash="handleStash" :handleSubmit="handleSubmit"
@handleSureWarning="handleSureWarning" ref="commonBtn"></c-function-btn>
</c-page>
</div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Infcrd from "../model"
import Infconp from "./Infconp"
import operationFunc from "~/mixin/operationFunc";
import commonDepend from "~/mixin/commonDepend";
import event from "../event/index.js";
import Check from "../model/Check.js";
import buildFn from "../event/buildCommons.js";
import CodeTable from "~/config/CodeTable";
import infcrd from "../model";
import event from "../event"
import Infsea from "./Infsea.vue"
export default {
name: "Infcrd",
components: {
"m-infconp": Infconp,
name: "infcrd",
components:{
"m-infsea" : Infsea,
},
provide() {
return {
root: this
}
},
mixins: [operationFunc, commonDepend, event, buildFn],
data() {
mixins: [event], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "infconp",
tabVal: "infsea",
trnName: "infcrd",
trnType: "",
model: new Infcrd().data,
rules: Check,
codes: { ...CodeTable },
}
},
methods: {
myTabClick(tab) {
this.tabClick(tab)
}
model: new infcrd().data,
rules: null,
codes:{...CodeTable},
};
},
created: async function () {
console.log("进入infcrd交易");
let rtnmsg = await this.init({})
if (rtnmsg.respCode == SUCCESS) {
this.updateModel(rtnmsg.data)
}
else {
this.$notify.error({ title: '错误', message: '服务请求失败！' });
}
}
}
methods:{},
created:async function() {},
};
</script>
<style></style>
<style scoped>
</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