Skip to content

I
isc-web-vue
Commit e99ebdf3 by jianglong
Options

Merge branch 'develop' of http://114.115.138.98:8900/isc-v3.1/isc-web-vue into develop

parents 05169beb 0fb3ad77
Showing with 418 additions and 214 deletions
src/page/Frontend/Oftdtl/event/index.js
import Api from "~/service/Api";
import moment from "moment";
import Oftdtl from "../model"
export default {
methods: {
async handleSearch() {
},
async handleReset() {
this.model = new Oftdtl().data;
},
// pageSize改变
handleSizeChange(val) {
this.pagination.pageNum = 1;
this.pagination.pageSize = val;
this.handleSearch();
},
// 页码改变
handleCurrentChange(val) {
this.pagination.pageNum = val;
this.handleSearch();
},
handleSelectionChange(val) {
this.multipleSelection = val;
}
},
};
src/page/Frontend/Oftdtl/views/Oftdtl.vue
<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="oftp.smd.vludats" style="width: 100%">
<c-col :span="11">
<c-date-picker type="date" v-model="model.oftp.smd.vludats" 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.oftp.smd.vludate" style="width:100%"></c-date-picker>
</c-col>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item :label="$t('dotrep.账户行BIC')" prop="oftp.smd.actbic">
<c-input v-model="model.oftp.smd.actbic" maxlength="11"></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item :label="$t('dotrep.收报行BIC')" prop="oftp.smd.sedbak">
<c-input v-model="model.oftp.smd.sedbak" maxlength="11"></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="发报行BIC" prop="oftp.smd.revbak">
<c-input v-model="model.oftp.smd.revbak" maxlength="11"></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="借贷" prop="oftp.smd.dcflg2">
<c-select v-model="model.oftp.smd.dcflg2" style="width:100%">
<el-option v-for="item in codes.sdcflg" :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="币种" prop="oftp.smd.cur">
<c-select v-model="model.oftp.smd.cur" style="width:100%" dbCode="curtxt">
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="8">
<el-form-item :label="$t('dotrep.金额上限')" prop="oftp.smd.amtu">
<c-input v-model="model.oftp.smd.amtu"></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item :label="$t('dotrep.金额下限')" prop="oftp.smd.amtd">
<c-input v-model="model.oftp.smd.amtd"></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item :label="$t('dotrep.关联状态')" prop="oftp.smd.sta">
<c-select v-model="model.oftp.smd.sta" style="width:100%">
<el-option v-for="item in codes.sta" :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="$t('dotrep.勾销状态')" prop="oftp.smd.offsta">
<c-select v-model="model.oftp.smd.offsta" style="width:100%">
<el-option v-for="item in codes.offsta" :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="$t('dotrep.记账状态')" prop="oftp.smd.recsta">
<c-select v-model="model.oftp.smd.recsta" style="width:100%">
<el-option v-for="item in codes.recsta" :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="$t('dotrep.参考号/前')" prop="oftp.smd.ref">
<c-input v-model="model.oftp.smd.ref" maxlength="20"></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item :label="$t('dotrep.参考号/后')" prop="oftp.smd.relref">
<c-input v-model="model.oftp.smd.relref" maxlength="20"></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="补充细节" prop="oftp.smd.supdtl">
<c-input v-model="model.oftp.smd.supdtl" maxlength="200"></c-input>
</el-form-item>
</c-col>
</el-row>
</template>
</c-list-search>
<el-col :span="24" style="margin-top: 10px;margin-bottom: 10px;">
<c-button class="medium_bcs" size="medium" type="primary" style="margin-left: 0px">
手工关联
......@@ -11,192 +117,285 @@
导出
</c-button>
</el-col>
<c-col :span="24">
<div class="e-table-wrapper" style="margin-bottom: 20px;">
<el-table :data="model.oftgrp.dotsmd.lst" style="width: 100%">
<el-table-column prop="mty" label="报文类型" sortable width="100">
</el-table-column>
<el-table-column prop="rsptim" label="收报时间" sortable width="100">
</el-table-column>
<el-table-column prop="amt" label="金额" sortable width="100">
</el-table-column>
<el-table-column prop="cur" label="币种" sortable width="100">
</el-table-column>
<el-table-column prop="dcflg" label="借贷标记" sortable width="100">
<template slot-scope="scope">
<c-select-value-to-label v-model="scope.row.dcflg" :code="codes.sdcflg" disabled></c-select-value-to-label>
</template>
</el-table-column>
<el-table-column prop="actbic" label="账户行BIC" sortable width="180">
</el-table-column>
<el-table-column prop="valdat" label="起息日" sortable width="100">
</el-table-column>
<el-table-column prop="busflg" label="业务类型标识" sortable width="180">
</el-table-column>
<el-table-column prop="sta" label="关联状态" sortable width="150">
<template slot-scope="scope">
<c-select-value-to-label v-model="scope.row.sta" :code="codes.sta" disabled></c-select-value-to-label>
</template>
</el-table-column>
<el-table-column prop="offsta" label="勾销标识" sortable width="150">
<template slot-scope="scope">
<c-select-value-to-label v-model="scope.row.offsta" :code="codes.offsta" disabled></c-select-value-to-label>
</template>
</el-table-column>
<el-table-column prop="recsta" label="记账状态" sortable width="110">
<template slot-scope="scope">
<c-select-value-to-label v-model="scope.row.recsta" :code="codes.recsta" disabled></c-select-value-to-label>
</template>
</el-table-column>
<el-table-column prop="ownref" label="参考号/前" sortable width="125">
</el-table-column>
<el-table-column prop="othref" label="参考号/后" sortable width="125">
</el-table-column>
<el-table-column prop="inf" label="补充细节" sortable width="250">
</el-table-column>
<el-table-column prop="staref" label="对账单参号" sortable width="120">
</el-table-column>
<el-table-column prop="stanum" label="对账单号" sortable width="100">
</el-table-column>
<el-table-column prop="seqnum" label="对账单页号" sortable width="150">
</el-table-column>
</el-table>
<el-pagination layout="prev, pager, next" :total="model.oftgrp.dotsmd.total">
</el-pagination>
</div>
</c-col>
<c-col :span="24">
<!-- ==================左边================ -->
<c-col :span="12" style="padding-right: 20px">
<c-col :span="24">
<el-form-item :label="$t('dotrep.起息日起始')" prop="oftp.smd.vludats">
<c-date-picker type="date" v-model="model.oftp.smd.vludats" style="width:100%"></c-date-picker>
</el-form-item>
</c-col>
<!-- LT000180 : 起息日截止 -->
<c-col :span="24">
<el-form-item :label="$t('dotrep.起息日截止')" prop="oftp.smd.vludate">
<c-date-picker type="date" v-model="model.oftp.smd.vludate" style="width:100%"></c-date-picker>
</el-form-item>
</c-col>
<!-- LT000043 : 账户行BIC -->
<c-col :span="24">
<el-form-item :label="$t('dotrep.账户行BIC')" prop="oftp.smd.actbic">
<c-input v-model="model.oftp.smd.actbic" maxlength="11"></c-input>
</el-form-item>
</c-col>
<!-- LT000181 : 收报行BIC -->
<c-col :span="24">
<el-form-item :label="$t('dotrep.收报行BIC')" prop="oftp.smd.sedbak">
<c-input v-model="model.oftp.smd.sedbak" maxlength="11"></c-input>
</el-form-item>
</c-col>
<!-- LT000182 : 发报行BIC -->
<c-col :span="24">
<el-form-item :label="$t('dotrep.发报行BIC')" prop="oftp.smd.revbak">
<c-input v-model="model.oftp.smd.revbak" maxlength="11"></c-input>
</el-form-item>
</c-col>
<!-- LT000046 : 借 贷 -->
<c-col :span="24">
<el-form-item :label="$t('dotrep.借 贷')" prop="oftp.smd.dcflg2">
<c-select v-model="model.oftp.smd.dcflg2" style="width:100%">
<el-option v-for="item in codes.sdcflg" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<!-- LT000224 : 币种 -->
<el-col :span="24" style="margin-top: 10px">
<div>
<c-col :span="24">
<el-form-item :label="$t('dotrep.币种')" prop="oftp.smd.cur">
<c-select v-model="model.oftp.smd.cur" style="width:100%">
</c-select>
</el-form-item>
</c-col>
<!-- LT000057 : 金额下限 -->
<c-col :span="24">
<el-form-item :label="$t('dotrep.金额下限')" prop="oftp.smd.amtd">
<c-input v-model="model.oftp.smd.amtd"></c-input>
</el-form-item>
</c-col>
<!-- LT000058 : 金额上限 -->
<c-col :span="24">
<el-form-item :label="$t('dotrep.金额上限')" prop="oftp.smd.amtu">
<c-input v-model="model.oftp.smd.amtu"></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- ============右边================= -->
<c-col :span="12" style="padding-left: 20px">
<!-- LT000192 : 关联状态 -->
<c-col :span="24">
<el-form-item :label="$t('dotrep.关联状态')" prop="oftp.smd.sta">
<c-select v-model="model.oftp.smd.sta" style="width:100%">
<el-option v-for="item in codes.sta" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<!-- LT000193 : 勾销状态 -->
<c-col :span="24">
<el-form-item :label="$t('dotrep.勾销状态')" prop="oftp.smd.offsta">
<c-select v-model="model.oftp.smd.offsta" style="width:100%">
<el-option v-for="item in codes.offsta" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<!-- LT000213 : 记账状态 -->
<c-col :span="24">
<el-form-item :label="$t('dotrep.记账状态')" prop="oftp.smd.recsta">
<c-select v-model="model.oftp.smd.recsta" style="width:100%">
<el-option v-for="item in codes.recsta" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</el-form-item>
<el-table :data="model.oftgrp.dotsmd.lst" v-loading="load" style="width: 100%" size="small" :border="true" height="calc(100vh - 320px)" :highlight-current-row="true">
<el-table-column prop="mty" label="报文类型" width="100">
</el-table-column>
<el-table-column prop="rsptim" label="收报时间" width="100">
</el-table-column>
<el-table-column prop="amt" label="金额" width="100">
</el-table-column>
<el-table-column prop="cur" label="币种" width="100">
</el-table-column>
<el-table-column prop="dcflg" label="借贷标记" width="100">
<template slot-scope="scope">
<c-select-value-to-label v-model="scope.row.dcflg" :code="codes.sdcflg" disabled></c-select-value-to-label>
</template>
</el-table-column>
<el-table-column prop="actbic" label="账户行BIC" width="180">
</el-table-column>
<el-table-column prop="valdat" label="起息日" width="100">
</el-table-column>
<el-table-column prop="busflg" label="业务类型标识" width="180">
</el-table-column>
<el-table-column prop="sta" label="关联状态" width="150">
<template slot-scope="scope">
<c-select-value-to-label v-model="scope.row.sta" :code="codes.sta" disabled></c-select-value-to-label>
</template>
</el-table-column>
<el-table-column prop="offsta" label="勾销标识" width="150">
<template slot-scope="scope">
<c-select-value-to-label v-model="scope.row.offsta" :code="codes.offsta" disabled></c-select-value-to-label>
</template>
</el-table-column>
<el-table-column prop="recsta" label="记账状态" width="110">
<template slot-scope="scope">
<c-select-value-to-label v-model="scope.row.recsta" :code="codes.recsta" disabled></c-select-value-to-label>
</template>
</el-table-column>
<el-table-column prop="ownref" label="参考号/前" width="125">
</el-table-column>
<el-table-column prop="othref" label="参考号/后" width="125">
</el-table-column>
<el-table-column prop="inf" label="补充细节" width="150">
</el-table-column>
<el-table-column prop="staref" label="对账单参号" width="150">
</el-table-column>
<el-table-column prop="stanum" label="对账单号" width="100">
</el-table-column>
<el-table-column prop="seqnum" label="对账单页号" width="150">
</el-table-column>
</el-table>
<el-pagination
layout="total, sizes, prev, pager, next, jumper"
:total="pagination.total"
:page-size="pagination.pageSize"
:current-page.sync="pagination.pageNum"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
></el-pagination>
</c-col>
<!-- LT000040 : 参考号/前 -->
<c-col :span="24">
<el-form-item :label="$t('dotrep.参考号/前')" prop="oftp.smd.ref">
<c-input v-model="model.oftp.smd.ref" maxlength="20"></c-input>
</el-form-item>
</c-col>
<!-- LT000041 : 参考号/后 -->
<c-col :span="24">
<el-form-item :label="$t('dotrep.参考号/后')" prop="oftp.smd.relref">
<c-input v-model="model.oftp.smd.relref" maxlength="20"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="补充细节" prop="oftp.smd.supdtl">
<c-input v-model="model.oftp.smd.supdtl" maxlength="200"></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
</div>
</el-col>
</div>
</template>
<script>
import Event from "../event"
import event from "../event";
export default {
inject: ['root'],
inject: ["root"],
props: ["model", "codes"],
mixins: [Event],
mixins: [event],
data() {
return {
load: false,
subtypCodes: [],
// isFoldDisable: true,
// isRoutingDisable: true,
multipleSelection:[],
stmData: {
columns: [
{
label: "起息日",
prop: "valdat",
width: "150px"
},
{
label: "20域编号",
prop: "ownref",
width: "150px"
},
{
label: "21域名编号",
prop: "othref",
width: "120px"
},
{
label: "币种",
prop: "cur",
width: "100px"
},
{
label: "金额",
prop: "amt",
width: "100px"
},
{
label: "账号",
prop: "act",
width: "100px"
},
{
label: "费用明细",
prop: "dtlchg",
width: "120px"
},
{
label: "报文类型",
prop: "subtyp",
width: "120px"
},
{
label: "行内系统",
prop: "chnipt",
width: "120px"
},
{
label: "处理状态",
prop: "sta",
width: "120px"
},
{
label: "账户行BIC(53域)",
prop: "actbic",
width: "150px"
},
{
label: "账户行BIC(54域)",
prop: "actbic",
width: "150px"
},
{
label: "发报行BIC",
prop: "sndbic",
width: "120px"
},
{
label: "收报行BIC",
prop: "rcvbic",
width: "120px"
},
{
label: "报文标准",
prop: "msgtyp",
width: "120px"
},
{
label: "GPI标识",
prop: "gpi",
width: "120px"
},
{
label: "子系统",
prop: "zxt",
width: "120px"
},
{
label: "接收时间",
prop: "rcvdattim",
width: "150px"
},
],
data: [],
},
pagination: {
pageNum: 1,
pageSize: 10,
total: 0,
},
};
},
computed:{
isFoldDisable: function(){
return this.multipleSelection.length == 0;
} ,
isRoutingDisable:function(){
return this.multipleSelection.length == 0;
}
},
watch: {
},
methods: {
dbClickRow(row) {
this.routerPush({
path: '/business/msgdtl',
query: {
mpsinr: row.inr
}
})
}
},
methods: {},
created: function () {
mounted: 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;
}
}
</script>
<style></style>
.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/Frontend/Oftdtl/views/index.vue
<template>
<div class="eContainer">
<c-page title="报文详情展示">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="120px" label-position="right" size="small"
:validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<!--fmsp PD000000 展示 -->
<el-tab-pane :label="$t('fmsp.展示')" name="oftdtl">
<m-oftdtl :model="model" :codes="codes" />
</el-tab-pane>
</c-tabs>
</el-form>
</c-page>
<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-oftdtl :model="model" :codes="codes" />
</c-content>
</el-form>
</div>
</template>
<script>
......@@ -37,7 +32,6 @@ export default {
mixins: [operationFunc, commonDepend, event, buildFn],
data() {
return {
tabVal: "oftdtl",
trnName: "oftdtl",
model: new Oftdtl().data,
rules: Check,
......@@ -50,9 +44,7 @@ export default {
}
},
methods: {
myTabClick(tab) {
this.tabClick(tab)
}
},
created: async function () {
console.log("进入oftdtl交易");
......
src/page/Frontend/Rcvsel/views/Schpnl.vue
......@@ -151,29 +151,25 @@
<el-col :span="24" style="margin-top: 10px">
<div style="height: 90%">
<div>
<c-col :span="24">
<el-tabs v-model="activeTab" class="y-tabs">
<el-tab-pane label="发报查询" name="sb">
<el-table :data="stmData.data" :columns="stmData.columns" v-loading="load" style="width: 100%"
@selection-change="handleSelectionChange"
@row-dblclick="dbClickRow"
size="small" :border="true" height="calc(100vh - 420px)" :highlight-current-row="true">
<el-table-column type="selection" width="55">
</el-table-column>
<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">
<c-select-value-to-label v-if="item.prop == 'sta'" v-model="scope.row.sta" :code="codes.stacod"></c-select-value-to-label>
<span v-else>{{ scope.row[item.prop] }}</span>
</template>
</el-table-column>
</el-table>
<el-pagination layout="total, sizes, prev, pager, next, jumper" :total="pagination.total"
:page-size="pagination.pageSize" :current-page.sync="pagination.pageNum" @size-change="handleSizeChange"
@current-change="handleCurrentChange">
</el-pagination>
</el-tab-pane>
</el-tabs>
<el-table :data="stmData.data" :columns="stmData.columns" v-loading="load" style="width: 100%"
@selection-change="handleSelectionChange"
@row-dblclick="dbClickRow"
size="small" :border="true" height="calc(100vh - 320px)" :highlight-current-row="true">
<el-table-column type="selection" width="55">
</el-table-column>
<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">
<c-select-value-to-label v-if="item.prop == 'sta'" v-model="scope.row.sta" :code="codes.stacod"></c-select-value-to-label>
<span v-else>{{ scope.row[item.prop] }}</span>
</template>
</el-table-column>
</el-table>
<el-pagination layout="total, sizes, prev, pager, next, jumper" :total="pagination.total"
:page-size="pagination.pageSize" :current-page.sync="pagination.pageNum" @size-change="handleSizeChange"
@current-change="handleCurrentChange">
</el-pagination>
</c-col>
</div>
</el-col>
......@@ -188,7 +184,6 @@ export default {
mixins: [event],
data() {
return {
activeTab: 'sb',
load: false,
subtypCodes: [],
// isFoldDisable: true,
......
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