Skip to content

I
isc-web-vue
Commit 372fb203 by zenghuan
Options

结算文件管理

parent d5dcbfb6
Showing with 1754 additions and 1419 deletions
src/page/Frontend/Dblian/event/index.js 0 → 100644
import Api from "~/service/Api";
import moment from "moment";
export default {
methods: {
async handleSearch() {
},
async handleReset() {
},
// 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/Dblian/views/Selp.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="" style="width: 100%">
<c-input v-model="model.acc" style="width: 100%" placeholder="请输入内部账号"/>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="币种" prop="" style="width: 100%">
<c-select v-model="model.cur" style="width: 100%" placeholder="请选择币种" :code="codes.cur"/>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="开户机构代码" prop="" style="width: 100%">
<c-input v-model="model.actbic" style="width: 100%" placeholder="请输入开户机构代码"/>
</el-form-item>
</c-col>
</c-col>
</el-row>
<!-- 可控展示区 -->
<el-row v-show="searchSlot.searchToggle">
</el-row>
</template>
</c-list-search>
<el-col :span="24" style="margin-top: 2px;margin-bottom: 1px;">
<c-button :disabled="isFoldDisable" class="medium_bcs" size="medium" style="margin-left: 0"
type="primary">{{ $t('public.归档') }}
</c-button>
<c-button :disabled="isRoutingDisable" class="medium_bcs" size="medium"
style="margin-left: 20" type="primary">ReRouting
</c-button>
<c-button class="medium_bcs" size="medium" style="margin-left: 20" type="primary">
{{ $t('public.导出Excel') }}
</c-button>
</el-col>
<el-col :span="24" style="margin-top: 10px">
<div style="height: 90%">
<c-col :span="24">
<div class="e-table-wrapper">
<el-table
:data="model.ianp.lst"
style="width: 100%"
>
<el-table-column
prop="ianno"
label="编号"
sortable
width="100">
</el-table-column>
<el-table-column
prop="nam"
label="内部账户名称"
sortable
width="200">
<el-tabs v-model="activeTab" class="y-tabs">
<el-tab-pane label="内部账户类型管理" name="fb">
<el-table :data="stmData.data" :columns="stmData.columns" v-loading="load" style="width: 100%"
@selection-change="handleSelectionChange"
size="small" :border="true" height="calc(100vh - 480px)" :highlight-current-row="true">
<el-table-column type="selection" width="55">
</el-table-column>
<el-table-column
prop="rmk"
label="备注"
sortable
width="300">
<el-table-column v-for="(item, key) in stmData.columns" :key="key" :label="item.label" :prop="item.prop"
:min-width="item.width">
</el-table-column>
</el-table>
<el-pagination
layout="prev, pager, next"
:total="1">
</el-pagination>
</div>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" @click="onIanpAdd">
{{$t('ianp.BT000009')}}
</c-button>
<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>
</c-col>
</div>
</el-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "../model/Event"
import event from "../event";
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
inject: ["root"],
props: ["model", "codes"],
mixins: [event],
data() {
return {
activeTab: 'fb',
load: false,
subtypCodes: [],
multipleSelection: [],
stmData: {
columns: [
{
label: "起息日",
prop: "valdat",
width: "180px"
},
{
label: "20域编号",
prop: "ownref",
width: "180px"
},
{
label: "21域名编号",
prop: "othref",
width: "120px"
},
{
label: "币种",
prop: "cur",
width: "120px"
},
{
label: "金额",
prop: "amt",
width: "120px"
},
{
label: "账号",
prop: "act",
width: "120px"
},
{
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: "120px"
},
{
label: "账户行BIC(54域)",
prop: "actbic",
width: "250px"
},
{
label: "发报行BIC",
prop: "sndbic",
width: "150px"
},
{
label: "收报行BIC",
prop: "rcvbic",
width: "150px"
},
{
label: "报文标准",
prop: "msgtyp",
width: "150px"
},
{
label: "GPI标识",
prop: "gpi",
width: "150px"
},
{
label: "子系统",
prop: "",
width: "150px"
},
{
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;
}
},
methods:{...Event},
created:function(){
methods: {},
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>
.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/Dblian/views/index.vue
<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">
<!--ianp PD000010 查询交易面板 -->
<el-tab-pane :label="$t('ianp.PD000010')" name="selp">
<m-selp :model="model" :codes="codes"/>
</el-tab-pane>
</c-tabs>
<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-selp :model="model" :codes="codes" ref="selp"/>
</c-content>
</el-form>
</div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Dblian from "../model"
import commonProcess from "~/mixin/commonProcess"
import Check from "../model/Check"
import Default from "../model/Default"
import Pattern from "../model/Pattern"
import Selp from "./Selp"
import CodeTable from "~/config/CodeTable";
import Dblian from "../model";
import event from "../event"
import Selp from "./Selp.vue"
export default {
name: "Dblian",
components:{
"m-selp" : Selp,
},
provide() {
return {
root: this
}
},
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
mixins: [event], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "selp",
trnName: "dblian",
trnType: "",
model: new Dblian().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: {
sta:CodeTable.sta,
kpatyp:CodeTable.kpatyp,
actsta:CodeTable.actsta,
cur:CodeTable.cur,
sdcflg:CodeTable.sdcflg,
offsta:CodeTable.offsta,
batcharge:CodeTable.batcharge,
msgmst:CodeTable.msgmst,
yosflg:CodeTable.yosflg,
filtyp:CodeTable.filtyp,
fmssta:CodeTable.fmssta,
bnksta:CodeTable.bnksta,
usratr:CodeTable.usratr,
},
}
},
methods:{
myTabClick(tab){
this.tabClick(tab)
/**
* do it yourself
**/
}
codes:{...CodeTable},
};
},
created:async function(){
console.log("进入dblian交易");
let rtnmsg = {}; // await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
this.updateModel(rtnmsg.data)
//TODO 处理数据逻辑
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
}
}
methods:{},
created:async function() {},
};
</script>
<style>
<style scoped>
</style>
src/page/Frontend/Dblinn/event/index.js 0 → 100644
import Api from "~/service/Api";
import moment from "moment";
export default {
methods: {
async handleSearch() {
},
async handleReset() {
},
// 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/Dblinn/views/Innp0.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">
<div class="e-table-wrapper">
<el-table
:data="model.innp.lst"
style="width: 100%"
>
<el-table-column
prop="id"
label="内部账号"
sortable
width="140">
</el-table-column>
<el-table-column
prop="cur"
label="币种"
sortable
width="100">
</el-table-column>
<el-table-column
prop="ptycod"
label="开户机构"
sortable
width="100">
</el-table-column>
<el-table-column
prop="bic"
label="账户行BIC"
sortable
width="120">
</el-table-column>
<el-table-column
prop="kndnam"
label="账户名称"
sortable
width="150">
</el-table-column>
<el-table-column
prop="area"
label="开户机构地区"
sortable
width="100">
</el-table-column>
</el-table>
<el-pagination
layout="prev, pager, next"
:total="1">
</el-pagination>
</div>
</c-col>
<!-- LT000093 : 内部账号 -->
<c-col :span="12">
<c-form-item :label="$t('innp.LT000093')" prop="innp.iact">
<c-input v-model="model.innp.iact" maxlength="40" :placeholder="$t('other.please_enter')+$t('innp.LT000093')"></c-input>
</c-form-item>
</c-col>
<!-- LT000094 : 币种 -->
<c-col :span="12">
<el-form-item :label="$t('innp.LT000094')" prop="innp.cur">
<c-select v-model="model.innp.cur" style="width:100%" :placeholder="$t('other.please_enter')+$t('innp.LT000094')">
</c-select>
<c-col :span="8">
<el-form-item label="内部账号" prop="" style="width: 100%">
<c-input v-model="model.innp.iact" style="width: 100%" placeholder="请输入内部账号"/>
</el-form-item>
</c-col>
<!-- LT000095 : 开户机构代码 -->
<c-col :span="12">
<c-form-item label="开户机构" prop="innp.ptycod">
<c-input v-model="model.innp.ptycod" maxlength="20" :placeholder="$t('other.please_enter')+'开户机构'"></c-input>
</c-form-item>
<c-col :span="8">
<el-form-item label="币种" prop="" style="width: 100%">
<c-select v-model="model.innp.cur" style="width: 100%" placeholder="请选择币种" :code="codes.cur"/>
</el-form-item>
</c-col>
<!-- LT000096 : 账户名称 -->
<c-col :span="12">
<el-form-item :label="$t('innp.LT000096')" prop="innp.knd">
<c-select v-model="model.innp.knd" style="width:100%" :placeholder="$t('other.please_enter')+$t('innp.LT000096')">
</c-select>
<c-col :span="8">
<el-form-item label="开户机构" prop="" style="width: 100%">
<c-select v-model="model.innp.ptycod" style="width: 100%" placeholder="请选择开户机构"
:code="codes.ptycod"/>
</el-form-item>
</c-col>
<!-- LT000103 : 账户行BIC -->
<c-col :span="12">
<c-form-item :label="$t('innp.LT000103')" prop="ptpmod.pty.extkey">
<c-input v-model="model.ptpmod.pty.extkey" maxlength="24" :placeholder="$t('other.please_enter')+$t('innp.LT000103')"></c-input>
</c-form-item>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" icon="el-icon-search" @click="onPtpmodSel">
{{$t('ptpmod.BT000071')}}
</el-row>
<!-- 可控展示区 -->
<el-row v-show="searchSlot.searchToggle">
</el-row>
</template>
</c-list-search>
<el-col :span="24" style="margin-top: 2px;margin-bottom: 1px;">
<c-button :disabled="isFoldDisable" class="medium_bcs" size="medium" style="margin-left: 0"
type="primary">{{ $t('public.归档') }}
</c-button>
</c-col>
<!-- LT000101 : 开户机构地区 -->
<c-col :span="12">
<c-form-item :label="$t('innp.LT000101')" prop="innp.area">
<c-input v-model="model.innp.area" maxlength="12" :placeholder="$t('other.please_enter')+$t('innp.LT000101')"></c-input>
</c-form-item>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" icon="el-icon-search" @click="onInnpSel">
{{$t('innp.BT000097')}}
<c-button :disabled="isRoutingDisable" class="medium_bcs" size="medium"
style="margin-left: 20" type="primary">ReRouting
</c-button>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" @click="onInnpClr">
{{$t('innp.BT000098')}}
<c-button class="medium_bcs" size="medium" style="margin-left: 20" type="primary">
{{ $t('public.导出Excel') }}
</c-button>
</c-col>
</el-col>
<c-col :span="12">
<c-button size="small" type="primary" @click="onInnpAdd">
{{$t('innp.BT000009')}}
</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="fb">
<el-table :data="stmData.data" :columns="stmData.columns" v-loading="load" style="width: 100%"
@selection-change="handleSelectionChange"
size="small" :border="true" height="calc(100vh - 480px)" :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">
</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>
</c-col>
</div>
</el-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "../model/Event"
import event from "../event";
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
inject: ["root"],
props: ["model", "codes"],
mixins: [event],
data() {
return {
activeTab: 'fb',
load: false,
subtypCodes: [],
multipleSelection: [],
stmData: {
columns: [
{
label: "内部账号",
prop: "id",
width: "120px"
},
{
label: "币种",
prop: "cur",
width: "120px"
},
{
label: "开户机构",
prop: "ptycod",
width: "120px"
},
{
label: "账户行BIC",
prop: "bic",
width: "120px"
},
{
label: "账户名称",
prop: "kndnam",
width: "120px"
},
{
label: "开户机构地区",
prop: "area",
width: "120px"
}],
data: [],
},
pagination: {
pageNum: 1,
pageSize: 10,
total: 0,
},
};
},
computed: {
isFoldDisable: function () {
return this.multipleSelection.length == 0;
},
isRoutingDisable: function () {
return this.multipleSelection.length == 0;
}
},
methods:{...Event},
created:function(){
methods: {},
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;
}
}
.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;
}
}
</script>
<style>
.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/Dblinn/views/index.vue
<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">
<!--innp PD000107 内部账号查询dblinn -->
<el-tab-pane :label="$t('innp.PD000107')" name="innp0">
<m-innp0 :model="model" :codes="codes"/>
</el-tab-pane>
</c-tabs>
<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-innp0 :model="model" :codes="codes" ref="innp0"/>
</c-content>
</el-form>
</div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Dblinn from "../model"
import commonProcess from "~/mixin/commonProcess"
import Check from "../model/Check"
import Default from "../model/Default"
import Pattern from "../model/Pattern"
import Innp0 from "./Innp0"
import CodeTable from "~/config/CodeTable";
import Dblinn from "../model";
import event from "../event"
import Innp0 from "./Innp0.vue"
export default {
name: "Dblinn",
components:{
"m-innp0" : Innp0,
},
provide() {
return {
root: this
}
},
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
mixins: [event], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "innp0",
trnName: "dblinn",
trnType: "",
model: new Dblinn().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: {
sta:CodeTable.sta,
kpatyp:CodeTable.kpatyp,
actsta:CodeTable.actsta,
cur:CodeTable.cur,
sdcflg:CodeTable.sdcflg,
offsta:CodeTable.offsta,
batcharge:CodeTable.batcharge,
msgmst:CodeTable.msgmst,
yosflg:CodeTable.yosflg,
filtyp:CodeTable.filtyp,
fmssta:CodeTable.fmssta,
bnksta:CodeTable.bnksta,
usratr:CodeTable.usratr,
},
}
},
methods:{
myTabClick(tab){
this.tabClick(tab)
/**
* do it yourself
**/
}
codes:{...CodeTable},
};
},
created:async function(){
console.log("进入dblinn交易");
let rtnmsg = {}; // await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
this.updateModel(rtnmsg.data)
//TODO 处理数据逻辑
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
}
}
methods:{},
created:async function() {},
};
</script>
<style>
<style scoped>
</style>
src/page/Frontend/Dblkpm/event/index.js
import Api from "~/service/Api"
import Api from "~/service/Api";
import moment from "moment";
// 结算文件手工录入查询
export function queryByPage(data) {
return Api.post("/business/dblkpm/listPagingInfo", data);
}
\ No newline at end of file
export default {
methods: {
async handleSearch() {
},
async handleReset() {
},
// 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/Dblkpm/model/index.js
import Api from "~/service/Api"
import Pts from "../Common/Pts"
export default class Dblkpm{
constructor () {
......
src/page/Frontend/Dblkpm/views/index.vue
<template>
<div class="eContainer">
<c-page>
<c-tabs type="card">
<el-tab-pane label="结算文件手工录入查询">
<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-infsea/>
<m-infsea :model="model" :codes="codes" ref="infsea"/>
</c-content>
</el-tab-pane>
</c-tabs>
</c-page>
</el-form>
</div>
</template>
<script>
import Infsea from "./infsea.vue";
import CodeTable from "~/config/CodeTable";
import Dblkpm from "../model";
import event from "../event"
import Infsea from "./Infsea.vue"
export default {
name:"Dblkpm",
components: {
"m-infsea": Infsea,
name: "Dblkpm",
components:{
"m-infsea" : Infsea,
},
data() {
return {}
provide() {
return {
root: this
}
}
},
mixins: [event], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "infsea",
trnName: "dblkpm",
model: new Dblkpm().data,
rules: null,
codes:{...CodeTable},
};
},
methods:{},
created:async function() {},
};
</script>
<style scoped>
</style>
src/page/Frontend/Dblkpm/views/infsea.vue
<template>
<div class="eibs-tab currentPage">
<el-form :model="dblkpmVo" ref="dblkpmVoForm" label-width="100px" label-position="right" size="small">
<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="12">
<el-form-item label="生成日期" style="width: 100%">
<c-col :span="11">
<c-date-picker type="date" v-model="dblkpmVo.frmdat" style="width: 100%" placeholder="请选择生成日期开始日期"
value-format="yyyy-MM-dd"></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="dblkpmVo.todat" style="width: 100%" placeholder="请选择生成日期结束日期"
value-format="yyyy-MM-dd"></c-date-picker>
</c-col>
<c-col :span="8">
<el-form-item label="账户行BIC" prop="" style="width: 100%">
<c-input v-model="model.kpmpactbic" style="width: 100%" placeholder="请输入账户行BIC"/>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="账户行BIC" prop="actbic">
<c-input v-model="dblkpmVo.actbic" placeholder="请输入账户行BIC" style="width:100%" clearable />
</c-col>
<c-col :span="8">
<el-form-item label="币种" prop="" style="width: 100%">
<c-select v-model="model.kpmpcur" style="width: 100%" placeholder="请选择币种" :code="codes.cur"/>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="币种" prop="cur">
<c-select v-model="dblkpmVo.cur" clearable placeholder="请选择" :code="cur" filterable multiple>
</c-select>
</c-col>
<c-col :span="8">
<el-form-item label="记账状态" prop="" style="width: 100%">
<c-select v-model="model.kpmpsta" style="width: 100%" placeholder="请选择记账状态" :code="codes.sta"/>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="金额区间" prop="frmamt" style="width: 100%">
<c-col :span="11">
<c-input v-model="dblkpmVo.frmamt" placeholder="请输入金额下限" style="width: 100%"></c-input>
</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 v-model="dblkpmVo.toamt" placeholder="请输入金额上限" style="width: 100%"></c-input>
</c-col>
</el-form-item>
</c-col>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="记账状态" prop="sta">
<c-select v-model="dblkpmVo.sta" clearable placeholder="请选择记账状态" :code="sta" filterable multiple>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="会计日期" style="width: 100%">
<c-col :span="11">
<c-date-picker type="date" v-model="dblkpmVo.accdat" style="width: 100%" placeholder="请选择会计日期开始日期"
value-format="yyyy-MM-dd"></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="dblkpmVo.accdatto" style="width: 100%" placeholder="请选择会计日期结束日期"
value-format="yyyy-MM-dd"></c-date-picker>
</c-col>
</el-form-item>
</c-col>
</c-col>
</el-row>
<!-- 可控展示区 -->
<el-row v-show="searchSlot.searchToggle">
</el-row>
</template>
</c-list-search>
<el-col :span="24" style="margin-top: 2px;margin-bottom: 1px;">
<c-button :disabled="isFoldDisable" class="medium_bcs" size="medium" style="margin-left: 0"
type="primary" >{{ $t('public.归档') }}
</c-button>
<c-button :disabled="isRoutingDisable" class="medium_bcs" size="medium"
style="margin-left: 20" type="primary">ReRouting
</c-button>
<c-button class="medium_bcs" size="medium" style="margin-left: 20" type="primary">
{{ $t('public.导出Excel') }}
</c-button>
</el-col>
<el-col :span="24" style="margin-top: 10px">
<div style="height: 90%">
<c-col :span="24">
<c-col :span="12">
<el-form-item label="起息日期" style="width: 100%">
<c-col :span="11">
<c-date-picker type="date" v-model="dblkpmVo.frmvludat" style="width: 100%" placeholder="请选择起息日期开始日期"
value-format="yyyy-MM-dd"></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="dblkpmVo.tovludat" style="width: 100%" placeholder="请选择起息日期结束日期"
value-format="yyyy-MM-dd"></c-date-picker>
</c-col>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<span style="float: left">
<el-button type="primary" size="small" @click="exportExcel()">导出Excel</el-button>
</span>
<span style="float: right">
<el-button size="small" @click="resetFormFields('dblkpmVoForm')">重置</el-button>
<el-button type="primary" icon="el-icon-search" size="small" :loading="searchLoading" @click="searchTable()">
查询</el-button>
</span>
</c-col>
<c-col :span="24">
<c-paging-table :data="tableData" ref="dblkpmVoTableRef" :pageSize="dblkpmVo.pageSize"
:pageNumber="dblkpmVo.pageNumber" :total="dblkpmVo.total" @queryFunc="queryFunc" :border="true">
<el-table-column label="记账状态" prop="sta" min-width="100px">
<template slot-scope="scope">{{scope.row.sta}}</template>
</el-table-column>
<el-table-column label="账户行BIC码" prop="actbic" min-width="120px">
<template slot-scope="scope">{{scope.row.actbic}}</template>
</el-table-column>
<el-table-column label="贷方账号" prop="cdtact" min-width="100px">
<template slot-scope="scope">{{scope.row.cdtact}}</template>
<el-tabs v-model="activeTab" class="y-tabs">
<el-tab-pane label="结算文件手工录入查询" name="fb">
<el-table :data="stmData.data" :columns="stmData.columns" v-loading="load" style="width: 100%"
@selection-change="handleSelectionChange"
size="small" :border="true" height="calc(100vh - 480px)" :highlight-current-row="true">
<el-table-column type="selection" width="55">
</el-table-column>
<el-table-column label="贷方币种" prop="cdtcur" min-width="100px">
<template slot-scope="scope">{{ scope.row.cdtcur }}</template>
<el-table-column v-for="(item, key) in stmData.columns" :key="key" :label="item.label" :prop="item.prop"
:min-width="item.width">
</el-table-column>
<el-table-column label="贷方金额" prop="cdtamt" min-width="100px">
<template slot-scope="scope">{{ scope.row.cdtamt }}</template>
</el-table-column>
<el-table-column label="借方账号" prop="debact" min-width="100px">
<template slot-scope="scope">{{ scope.row.debact }}</template>
</el-table-column>
<el-table-column label="借方币种" prop="debcur" min-width="100px">
<template slot-scope="scope">{{ scope.row.debcur }}</template>
</el-table-column>
<el-table-column label="借方金额" prop="debamt" min-width="100px">
<template slot-scope="scope">{{ scope.row.debamt }}</template>
</el-table-column>
<el-table-column label="创建日期" prop="crpdat" min-width="100px">
<template slot-scope="scope">{{ scope.row.crpdat }}</template>
</el-table-column>
<el-table-column label="记账日期" prop="accdat" min-width="100px">
<template slot-scope="scope">{{ scope.row.accdat }}</template>
</el-table-column>
<el-table-column label="起息日" prop="vludat" min-width="100px">
<template slot-scope="scope">{{ scope.row.vludat }}</template>
</el-table-column>
<el-table-column label="附言" prop="adc" min-width="100px">
<template slot-scope="scope">{{ scope.row.adc }}</template>
</el-table-column>
<el-table-column label="记账类型" prop="typ" min-width="100px">
<template slot-scope="scope">{{ scope.row.typ }}</template>
</el-table-column>
</c-paging-table>
</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>
</c-col>
</el-form>
</div>
</el-col>
</div>
</template>
<script>
import DblkpmModel, {
Pattern
} from "../model/model.js";
import {
queryByPage
} from "../event/index.js";
import Utils from "~/utils";
import commonFunctions from "~/mixin/commonFunctions.js";
import Api from '~/service/Api';
export default {
mixins: [commonFunctions],
import event from "../event";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [event],
data() {
return {
dblkpmVo: new DblkpmModel().data.dblkpmVo,
rules: Pattern,
tableData: [],
searchLoading: false,
isDisabled: true,
}
activeTab: 'fb',
load: false,
subtypCodes: [],
multipleSelection:[],
stmData: {
columns: [
{
label: "记账状态",
prop: "sta",
width: "120px"
},
{
label: "贷方账号",
prop: "cdtact",
width: "120px"
},
{
label: "贷方币种",
prop: "cdtcur",
width: "120px"
},
{
label: "贷方金额",
prop: "cdtamt",
width: "120px"
},
{
label: "借方账号",
prop: "debact",
width: "120px"
},
{
label: "借方币种",
prop: "debcur",
width: "120px"
},
{
label: "借方金额",
prop: "debamt",
width: "120px"
},
{
label: "创建日期",
prop: "crpdat",
width: "120px"
},
{
label: "记账日期",
prop: "accdat",
width: "120px"
},
{
label: "起息日",
prop: "vludat",
width: "120px"
},
{
label: "附言",
prop: "adc",
width: "120px"
},
{
label: "记账类型",
prop: "typ",
width: "120px"
}],
data: [],
},
mounted() {
this.searchTable();
pagination: {
pageNum: 1,
pageSize: 10,
total: 0,
},
methods: {
// 列表查询
searchTable() {
};
},
// 导出Excel文件
exportExcel() {
}
}
computed:{
isFoldDisable: function(){
return this.multipleSelection.length == 0;
} ,
isRoutingDisable:function(){
return this.multipleSelection.length == 0;
}
},
methods: {
},
mounted: function () {
},
};
</script>
<style lang="less" scoped>
.currentPage {
.el-table--enable-row-hover {
.el-table__body {
tr:hover>td {
background-color: #c694dc !important;
}
}
::v-deep .c-content-scrollbar {
height: 100% !important;
}
.eibs-tabs /deep/ {
.m-table-search {
padding: 20px 0px 10px 0px;
}
}
::v-deep .el-checkbox {
float: none;
.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/Dblkrf/event/index.js 0 → 100644
import Api from "~/service/Api";
import moment from "moment";
export default {
methods: {
async handleSearch() {
},
async handleReset() {
},
// 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/Dblkrf/views/Selp.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">
<div class="e-table-wrapper">
<el-table
:data="model.krfp.krflst"
style="width: 100%"
>
<el-table-column
prop="ktpnam"
label="记账类型"
sortable
width="150">
</el-table-column>
<el-table-column
prop="dir"
label="记账方向"
sortable
width="100">
<template slot-scope="scope">
<span>{{ this.codes.kpadir.find(item=>item.value==scope.row.dir).label }}</span>
</template>
</el-table-column>
<el-table-column
prop="iannam"
label="内部账户名称"
sortable
width="200">
</el-table-column>
</el-table>
<el-pagination
layout="prev, pager, next"
:total="1">
</el-pagination>
</div>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" @click="onKrfpAdd">
{{$t('krfp.BT000011')}}
</c-button>
</c-col>
</el-row>
<!-- 可控展示区 -->
<el-row v-show="searchSlot.searchToggle">
</el-row>
</template>
</c-list-search>
<c-col :span="12">
<c-button size="small" type="primary" @click="onKrfpAme">
{{$t('krfp.BT000012')}}
<el-col :span="24" style="margin-top: 2px;margin-bottom: 1px;">
<c-button :disabled="isFoldDisable" class="medium_bcs" size="medium" style="margin-left: 0"
type="primary" >{{ $t('public.归档') }}
</c-button>
</c-col>
<c-col :span="12">
<c-button size="small" icon="el-icon-delete" @click="onKrfpDel">
{{$t('krfp.BT000013')}}
<c-button :disabled="isRoutingDisable" class="medium_bcs" size="medium"
style="margin-left: 20" type="primary">ReRouting
</c-button>
<c-button class="medium_bcs" size="medium" style="margin-left: 20" type="primary">
{{ $t('public.导出Excel') }}
</c-button>
</el-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="fb">
<el-table :data="stmData.data" :columns="stmData.columns" v-loading="load" style="width: 100%"
@selection-change="handleSelectionChange"
size="small" :border="true" height="calc(100vh - 480px)" :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">
</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>
</c-col>
</div>
</el-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "../model/Event"
import event from "../event";
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
inject: ["root"],
props: ["model", "codes"],
mixins: [event],
data() {
return {
activeTab: 'fb',
load: false,
subtypCodes: [],
multipleSelection:[],
stmData: {
columns: [
{
label: "记账类型名称",
prop: "ktpnam",
width: "120px"
},
{
label: "记账方向",
prop: "dir",
width: "120px"
},
{
label: "内部账户名称",
prop: "iannam",
width: "120px"
}],
data: [],
},
pagination: {
pageNum: 1,
pageSize: 10,
total: 0,
},
};
},
computed:{
isFoldDisable: function(){
return this.multipleSelection.length == 0;
} ,
isRoutingDisable:function(){
return this.multipleSelection.length == 0;
}
},
methods:{...Event},
created:function(){
methods: {
},
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>
.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/Dblkrf/views/index.vue
<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">
<!--krfp PD000014 查询面板 -->
<el-tab-pane :label="$t('krfp.PD000014')" name="selp">
<m-selp :model="model" :codes="codes"/>
</el-tab-pane>
</c-tabs>
<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-selp :model="model" :codes="codes" ref="selp"/>
</c-content>
</el-form>
</div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Dblkrf from "../model"
import commonProcess from "~/mixin/commonProcess"
import Check from "../model/Check"
import Default from "../model/Default"
import Pattern from "../model/Pattern"
import Selp from "./Selp"
</template>
<script>
import CodeTable from "~/config/CodeTable";
import Dblkrf from "../model";
import event from "../event"
import Selp from "./Selp.vue"
export default {
export default {
name: "Dblkrf",
components:{
"m-selp" : Selp,
},
provide() {
return {
root: this
}
},
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
mixins: [event], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "selp",
trnName: "dblkrf",
trnType: "",
model: new Dblkrf().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: {
sta:CodeTable.sta,
kpatyp:CodeTable.kpatyp,
actsta:CodeTable.actsta,
cur:CodeTable.cur,
sdcflg:CodeTable.sdcflg,
offsta:CodeTable.offsta,
batcharge:CodeTable.batcharge,
msgmst:CodeTable.msgmst,
yosflg:CodeTable.yosflg,
filtyp:CodeTable.filtyp,
kpstyp:CodeTable.kpstyp,
fmssta:CodeTable.fmssta,
bnksta:CodeTable.bnksta,
usratr:CodeTable.usratr,
kpadir:CodeTable.kpadir,
codes:{...CodeTable},
};
},
}
},
methods:{
myTabClick(tab){
this.tabClick(tab)
/**
* do it yourself
**/
}
},
created:async function(){
console.log("进入dblkrf交易");
let rtnmsg = {}; // await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
this.updateModel(rtnmsg.data)
//TODO 处理数据逻辑
methods:{},
created:async function() {},
};
</script>
<style scoped>
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
}
}
</script>
<style>
</style>
\ No newline at end of file
</style>
src/page/Frontend/Dblktp/event/index.js 0 → 100644
import Api from "~/service/Api";
import moment from "moment";
export default {
methods: {
async handleSearch() {
},
async handleReset() {
},
// 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/Dblktp/views/Selp.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">
<div class="e-table-wrapper">
<el-table
:data="model.ktpp.ktplst"
style="width: 100%"
>
<el-table-column
prop="ktpno"
label="记账编号"
sortable
width="100">
</el-table-column>
<el-table-column
prop="ktpnam"
label="记账类型名称"
sortable
width="150">
</el-table-column>
<el-table-column
prop="rmk"
label="备注"
sortable
width="200">
</el-table-column>
</el-table>
<el-pagination
layout="prev, pager, next"
:total="1">
</el-pagination>
</div>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" @click="onKtppAdd">
{{$t('ktpp.BT000015')}}
</c-button>
</c-col>
</el-row>
<!-- 可控展示区 -->
<el-row v-show="searchSlot.searchToggle">
</el-row>
</template>
</c-list-search>
<c-col :span="12">
<c-button size="small" type="primary" @click="onKtppAme">
{{$t('ktpp.BT000016')}}
<el-col :span="24" style="margin-top: 2px;margin-bottom: 1px;">
<c-button :disabled="isFoldDisable" class="medium_bcs" size="medium" style="margin-left: 0"
type="primary">{{ $t('public.归档') }}
</c-button>
</c-col>
<c-col :span="12">
<c-button size="small" icon="el-icon-delete" @click="onKtppDel">
{{$t('ktpp.BT000018')}}
<c-button :disabled="isRoutingDisable" class="medium_bcs" size="medium"
style="margin-left: 20" type="primary">ReRouting
</c-button>
<c-button class="medium_bcs" size="medium" style="margin-left: 20" type="primary">
{{ $t('public.导出Excel') }}
</c-button>
</el-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="fb">
<el-table :data="stmData.data" :columns="stmData.columns" v-loading="load" style="width: 100%"
@selection-change="handleSelectionChange"
size="small" :border="true" height="calc(100vh - 480px)" :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">
</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>
</c-col>
</div>
</el-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "../model/Event"
import event from "../event";
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
inject: ["root"],
props: ["model", "codes"],
mixins: [event],
data() {
return {
activeTab: 'fb',
load: false,
subtypCodes: [],
multipleSelection: [],
stmData: {
columns: [
{
label: "记账编号",
prop: "ktpno",
width: "120px"
},
{
label: "记账类型名称",
prop: "ktpnam",
width: "120px"
},
{
label: "备注",
prop: "rmk",
width: "120px"
}],
data: [],
},
pagination: {
pageNum: 1,
pageSize: 10,
total: 0,
},
};
},
computed: {
isFoldDisable: function () {
return this.multipleSelection.length == 0;
},
isRoutingDisable: function () {
return this.multipleSelection.length == 0;
}
},
methods:{...Event},
created:function(){
methods: {},
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>
.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/Dblktp/views/index.vue
<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">
<!--ktpp PD000019 查询面板 -->
<el-tab-pane :label="$t('ktpp.PD000019')" name="selp">
<m-selp :model="model" :codes="codes"/>
</el-tab-pane>
</c-tabs>
<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-selp :model="model" :codes="codes" ref="selp"/>
</c-content>
</el-form>
</div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Dblktp from "../model"
import commonProcess from "~/mixin/commonProcess"
import Check from "../model/Check"
import Default from "../model/Default"
import Pattern from "../model/Pattern"
import Selp from "./Selp"
</template>
<script>
import CodeTable from "~/config/CodeTable";
import Dblktp from "../model";
import event from "../event"
import Selp from "./Selp.vue"
export default {
export default {
name: "Dblktp",
components:{
"m-selp" : Selp,
},
provide() {
return {
root: this
}
},
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
mixins: [event], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "selp",
trnName: "dblktp",
trnType: "",
model: new Dblktp().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: {
area:CodeTable.area,
sta:CodeTable.sta,
kpatyp:CodeTable.kpatyp,
actsta:CodeTable.actsta,
cur:CodeTable.cur,
sdcflg:CodeTable.sdcflg,
offsta:CodeTable.offsta,
batcharge:CodeTable.batcharge,
msgmst:CodeTable.msgmst,
yosflg:CodeTable.yosflg,
filtyp:CodeTable.filtyp,
kpstyp:CodeTable.kpstyp,
fmssta:CodeTable.fmssta,
bnksta:CodeTable.bnksta,
usratr:CodeTable.usratr,
kpadir:CodeTable.kpadir,
codes:{...CodeTable},
};
},
}
},
methods:{
myTabClick(tab){
this.tabClick(tab)
/**
* do it yourself
**/
}
},
created:async function(){
console.log("进入dblktp交易");
let rtnmsg = {}; // await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
this.updateModel(rtnmsg.data)
//TODO 处理数据逻辑
methods:{},
created:async function() {},
};
</script>
<style scoped>
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
}
}
</script>
<style>
</style>
\ No newline at end of file
</style>
src/page/Frontend/Kpachk/event/index.js 0 → 100644
import Api from "~/service/Api";
import moment from "moment";
export default {
methods: {
async handleSearch() {
},
async handleReset() {
},
// 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/Kpachk/views/Mainpl.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">
<div class="e-table-wrapper">
<el-table
:data="model.kpalst"
style="width: 100%"
>
<el-table-column
prop="sta"
label="记账状态"
sortable
width="80">
<template slot-scope="scope">
<span>{{ this.codes.kpstyp.find(item=>item.value==scope.row.sta).label }}</span>
</template>
</el-table-column>
<el-table-column
prop="actbic"
label="账户行BIC码"
sortable
width="120">
</el-table-column>
<el-table-column
prop="dc"
label="借贷方向"
sortable
width="80">
</el-table-column>
<el-table-column
prop="cur"
label="币种"
sortable
width="80">
</el-table-column>
<el-table-column
prop="amt"
label="金额"
sortable
width="100">
</el-table-column>
<el-table-column
prop="crpdat"
label="生成日期"
sortable
width="100">
</el-table-column>
<el-table-column
prop="vludat"
label="起息日"
sortable
width="100">
</el-table-column>
<el-table-column
prop="offdat"
label="勾销日期"
sortable
width="100">
</el-table-column>
<el-table-column
prop="typ"
label="记账类型"
sortable
width="100">
</el-table-column>
<el-table-column
prop="adc"
label="记账附言"
sortable
width="160">
</el-table-column>
<el-table-column
prop="errinf"
label="未记账成功原因"
sortable
width="250">
</el-table-column>
</el-table>
<el-pagination
layout="prev, pager, next"
:total="1">
</el-pagination>
</div>
</c-col>
<!-- LT000003 : 生成日期从: -->
<c-col :span="12">
<el-form-item :label="$t('kpachk.LT000003')" prop="frmdat">
<c-date-picker type="date" v-model="model.frmdat" style="width:100%" :placeholder="$t('other.please_enter')+$t('kpachk.LT000003')"></c-date-picker>
<c-col :span="8">
<el-form-item label="账户行BIC" prop="" style="width: 100%">
<c-input v-model="model.actbic" style="width: 100%" placeholder="请输入账户行BIC"/>
</el-form-item>
</c-col>
<!-- LT000004 : 生成日期至: -->
<c-col :span="12">
<el-form-item :label="$t('kpachk.LT000004')" prop="todat">
<c-date-picker type="date" v-model="model.todat" style="width:100%" :placeholder="$t('other.please_enter')+$t('kpachk.LT000004')"></c-date-picker>
</c-col>
<c-col :span="8">
<el-form-item label="币种" prop="" style="width: 100%">
<c-select v-model="model.cur" style="width: 100%" placeholder="请选择币种" :code="codes.cur"/>
</el-form-item>
</c-col>
<!-- LT000007 : 账户行BIC: -->
<c-col :span="12">
<c-form-item :label="$t('kpachk.LT000007')" prop="actbic">
<c-input v-model="model.actbic" maxlength="11" :placeholder="$t('other.please_enter')+$t('kpachk.LT000007')"></c-input>
</c-form-item>
</c-col>
<!-- LT000008 : 币种: -->
<c-col :span="12">
<el-form-item :label="$t('kpachk.LT000008')" prop="cur">
<c-select v-model="model.cur" style="width:100%" :placeholder="$t('other.please_enter')+$t('kpachk.LT000008')">
<el-option
v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</c-select>
</c-col>
<c-col :span="8">
<el-form-item label="记账状态" prop="" style="width: 100%">
<c-select v-model="model.sta" style="width: 100%" placeholder="请选择记账状态" :code="codes.sta"/>
</el-form-item>
</c-col>
<!-- LT000009 : 金额下限: -->
<c-col :span="12">
<c-form-item :label="$t('kpachk.LT000009')" prop="frmamt">
<c-input v-model="model.frmamt" :placeholder="$t('other.please_enter')+$t('kpachk.LT000009')"></c-input>
</c-form-item>
</c-col>
<!-- LT000010 : 金额上限: -->
<c-col :span="12">
<c-form-item :label="$t('kpachk.LT000010')" prop="toamt">
<c-input v-model="model.toamt" :placeholder="$t('other.please_enter')+$t('kpachk.LT000010')"></c-input>
</c-form-item>
</c-col>
<!-- LT000016 : 记账状态: -->
<c-col :span="12">
<el-form-item :label="$t('kpachk.LT000016')" prop="sta">
<c-select v-model="model.sta" style="width:100%" :placeholder="$t('other.please_enter')+$t('kpachk.LT000016')">
<el-option
v-for="item in codes.kpstyp"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<!-- LT000011 : 记账类型: -->
<c-col :span="12">
<el-form-item :label="$t('kpachk.LT000011')" prop="typ">
<c-select v-model="model.typ" style="width:100%" :placeholder="$t('other.please_enter')+$t('kpachk.LT000011')">
</c-select>
</el-form-item>
</c-col>
<!-- LT000012 : 起息日从: -->
</c-col>
<c-col :span="12">
<el-form-item :label="$t('kpachk.LT000012')" prop="frmvludat">
<c-date-picker type="date" v-model="model.frmvludat" style="width:100%" :placeholder="$t('other.please_enter')+$t('kpachk.LT000012')"></c-date-picker>
</el-form-item>
</c-col>
<!-- LT000013 : 起息日至: -->
<c-col :span="12">
<el-form-item :label="$t('kpachk.LT000013')" prop="tovludat">
<c-date-picker type="date" v-model="model.tovludat" style="width:100%" :placeholder="$t('other.please_enter')+$t('kpachk.LT000013')"></c-date-picker>
</el-form-item>
</c-col>
<!-- LT000014 : 勾销日期从: -->
<c-col :span="12">
<el-form-item :label="$t('kpachk.LT000014')" prop="offdatfrm">
<c-date-picker type="date" v-model="model.offdatfrm" style="width:100%" :placeholder="$t('other.please_enter')+$t('kpachk.LT000014')"></c-date-picker>
</el-form-item>
</c-col>
<!-- LT000015 : 勾销日期至: -->
<c-col :span="12">
<el-form-item :label="$t('kpachk.LT000015')" prop="offdatto">
<c-date-picker type="date" v-model="model.offdatto" style="width:100%" :placeholder="$t('other.please_enter')+$t('kpachk.LT000015')"></c-date-picker>
</el-form-item>
</c-col>
</el-row>
<!-- 可控展示区 -->
<el-row v-show="searchSlot.searchToggle">
</el-row>
</template>
</c-list-search>
<c-col :span="12">
<c-button size="small" type="primary" @click="onSchbtn">
{{$t('kpachk.BT000052')}}
<el-col :span="24" style="margin-top: 2px;margin-bottom: 1px;">
<c-button :disabled="isFoldDisable" class="medium_bcs" size="medium" style="margin-left: 0"
type="primary" >{{ $t('public.归档') }}
</c-button>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" @click="onClrbtn">
{{$t('kpachk.BT000053')}}
<c-button :disabled="isRoutingDisable" class="medium_bcs" size="medium"
style="margin-left: 20" type="primary">ReRouting
</c-button>
</c-col>
<c-button class="medium_bcs" size="medium" style="margin-left: 20" type="primary">
{{ $t('public.导出Excel') }}
</c-button>
</el-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="fb">
<el-table :data="stmData.data" :columns="stmData.columns" v-loading="load" style="width: 100%"
@selection-change="handleSelectionChange"
size="small" :border="true" height="calc(100vh - 480px)" :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">
</el-table-column>
</el-table>
<c-col :span="12">
<c-button size="small" type="primary" @click="onRtn">
{{$t('kpachk.BT000051')}}
</c-button>
<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>
</c-col>
</div>
</el-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "../model/Event"
import event from "../event";
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
inject: ["root"],
props: ["model", "codes"],
mixins: [event],
data() {
return {
activeTab: 'fb',
load: false,
subtypCodes: [],
multipleSelection:[],
stmData: {
columns: [
{
label: "账户行BIC",
prop: "bic",
width: "120px"
},
{
label: "借贷方向",
prop: "dc",
width: "120px"
},
{
label: "币种",
prop: "cur",
width: "120px"
},
{
label: "金额",
prop: "amt",
width: "120px"
},
{
label: "生成日期",
prop: "crpdat",
width: "120px"
},
{
label: "购销日期",
prop: "offdat",
width: "120px"
},
{
label: "起息日",
prop: "vludat",
width: "120px"
},
{
label: "记账类型",
prop: "typ",
width: "120px"
},
{
label: "记账附言",
prop: "adc",
width: "120px"
}],
data: [],
},
pagination: {
pageNum: 1,
pageSize: 10,
total: 0,
},
};
},
computed:{
isFoldDisable: function(){
return this.multipleSelection.length == 0;
} ,
isRoutingDisable:function(){
return this.multipleSelection.length == 0;
}
},
methods:{...Event},
created:function(){
methods: {
},
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>
.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/Kpachk/views/index.vue
<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">
<!--kpachk PD000000 查询主页面 -->
<el-tab-pane :label="$t('kpachk.PD000000')" name="mainpl">
<m-mainpl :model="model" :codes="codes"/>
</el-tab-pane>
</c-tabs>
<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-mainpl :model="model" :codes="codes" ref="mainpl"/>
</c-content>
</el-form>
</div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Kpachk from "../model"
import commonProcess from "~/mixin/commonProcess"
import Check from "../model/Check"
import Default from "../model/Default"
import Pattern from "../model/Pattern"
import Mainpl from "./Mainpl"
</template>
<script>
import CodeTable from "~/config/CodeTable";
import Kpachk from "../model";
import event from "../event"
import Mainpl from "./Mainpl.vue"
export default {
export default {
name: "Kpachk",
components:{
"m-mainpl" : Mainpl,
},
provide() {
return {
root: this
}
},
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
mixins: [event], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "mainpl",
trnName: "kpachk",
trnType: "",
model: new Kpachk().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: {
area:CodeTable.area,
cpsfxdtyp:CodeTable.cpsfxdtyp,
sta:CodeTable.sta,
kpatyp:CodeTable.kpatyp,
actsta:CodeTable.actsta,
cur:CodeTable.cur,
sdcflg:CodeTable.sdcflg,
offsta:CodeTable.offsta,
batcharge:CodeTable.batcharge,
msgmst:CodeTable.msgmst,
yosflg:CodeTable.yosflg,
filtyp:CodeTable.filtyp,
kpstyp:CodeTable.kpstyp,
dcflg:CodeTable.dcflg,
fmssta:CodeTable.fmssta,
bnksta:CodeTable.bnksta,
usratr:CodeTable.usratr,
kpadir:CodeTable.kpadir,
codes:{...CodeTable},
};
},
}
},
methods:{
myTabClick(tab){
this.tabClick(tab)
/**
* do it yourself
**/
}
},
created:async function(){
console.log("进入kpachk交易");
let rtnmsg = {}; // await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
this.updateModel(rtnmsg.data)
//TODO 处理数据逻辑
methods:{},
created:async function() {},
};
</script>
<style scoped>
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
}
}
</script>
<style>
</style>
\ No newline at end of file
</style>
src/page/Frontend/Manzqs/event/index.js 0 → 100644
import Api from "~/service/Api";
import moment from "moment";
export default {
methods: {
async handleSearch() {
},
async handleReset() {
},
// 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/Manzqs/views/Mainpanel.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">
<div class="e-table-wrapper">
<el-table
:data="model.zqsp.kpslst"
style="width: 100%"
>
<el-table-column
prop="chkflg"
label=" "
sortable
width="40">
</el-table-column>
<el-table-column
prop="sta"
label="状态"
sortable
width="80">
<template slot-scope="scope">
<span>{{ this.codes.kpstyp.find(item=>item.value==scope.row.sta).label }}</span>
</template>
</el-table-column>
<el-table-column
prop="actbic"
label="账户行BIC码"
sortable
width="100">
</el-table-column>
<el-table-column
prop="dc"
label="借贷方向"
sortable
width="80">
</el-table-column>
<el-table-column
prop="cdtcur"
label="币种"
sortable
width="80">
</el-table-column>
<el-table-column
prop="cdtamt"
label="金额"
sortable
width="160">
</el-table-column>
<el-table-column
prop="crpdat"
label="生成日期"
sortable
width="90">
</el-table-column>
<el-table-column
prop="accdat"
label="记账日期"
sortable
width="90">
</el-table-column>
<el-table-column
prop="vludat"
label="起息日"
sortable
width="90">
</el-table-column>
<el-table-column
prop="offdat"
label="勾销日期"
sortable
width="90">
</el-table-column>
<el-table-column
prop="adc"
label="记账附言"
sortable
width="160">
</el-table-column>
<el-table-column
prop="typ"
label="记账类型"
sortable
width="120">
</el-table-column>
<el-table-column
prop="usrnam"
label="记账柜员"
sortable
width="120">
</el-table-column>
<el-table-column
prop="sndnam"
label="发送柜员"
sortable
width="120">
</el-table-column>
</el-table>
<el-pagination
layout="prev, pager, next"
:total="1">
</el-pagination>
</div>
</c-col>
<c-col :span="12">
<el-form-item :label="$t('zqsp.LT000557')" prop="zqsp.frmdat">
<c-date-picker type="date" v-model="model.zqsp.frmdat" style="width:100%" :placeholder="$t('other.please_enter')+$t('zqsp.LT000557')"></c-date-picker>
</el-form-item>
</c-col>
<!-- LT000557 : 生成日期起始 -->
<c-col :span="12">
<el-form-item :label="$t('zqsp.LT000556')" prop="zqsp.todat">
<c-date-picker type="date" v-model="model.zqsp.todat" style="width:100%" :placeholder="$t('other.please_enter')+$t('zqsp.LT000556')"></c-date-picker>
</el-form-item>
</c-col>
<!-- LT000556 : 生成日期截止 -->
<c-col :span="12">
<c-form-item :label="$t('zqsp.LT000676')" prop="zqsp.actbic">
<c-input v-model="model.zqsp.actbic" maxlength="11" :placeholder="$t('other.please_enter')+$t('zqsp.LT000676')"></c-input>
</c-form-item>
</c-col>
<!-- LT000676 : 账户行BIC -->
<c-col :span="12">
<el-form-item :label="$t('zqsp.LT000563')" prop="zqsp.cur">
<c-select v-model="model.zqsp.cur" style="width:100%" :placeholder="$t('other.please_enter')+$t('zqsp.LT000563')">
<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>
<!-- LT000563 : 币 种 -->
<c-col :span="12">
<c-form-item :label="$t('zqsp.LT000555')" prop="zqsp.frmamt">
<c-input v-model="model.zqsp.frmamt" :placeholder="$t('other.please_enter')+$t('zqsp.LT000555')"></c-input>
</c-form-item>
</c-col>
<!-- LT000555 : 金额下限 -->
<c-col :span="12">
<c-form-item :label="$t('zqsp.LT000554')" prop="zqsp.toamt">
<c-input v-model="model.zqsp.toamt" :placeholder="$t('other.please_enter')+$t('zqsp.LT000554')"></c-input>
</c-form-item>
</c-col>
<!-- LT000554 : 金额上限 -->
<c-col :span="12">
<el-form-item :label="$t('zqsp.LT000511')" prop="zqsp.sta">
<c-select v-model="model.zqsp.sta" style="width:100%" :placeholder="$t('other.please_enter')+$t('zqsp.LT000511')">
<el-option
v-for="item in codes.kpstyp"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</c-select>
<c-col :span="8">
<el-form-item label="账户行BIC" prop="" style="width: 100%">
<c-input v-model="model.zqsp.actbic" style="width: 100%" placeholder="请输入账户行BIC"/>
</el-form-item>
</c-col>
<!-- LT000511 : 记账状态 -->
<c-col :span="12">
<el-form-item :label="$t('zqsp.LT000553')" prop="zqsp.typ">
<c-select v-model="model.zqsp.typ" style="width:100%" :placeholder="$t('other.please_enter')+$t('zqsp.LT000553')">
</c-select>
<c-col :span="8">
<el-form-item label="币种" prop="" style="width: 100%">
<c-select v-model="model.zqsp.cur" style="width: 100%" placeholder="请选择币种" :code="codes.cur"/>
</el-form-item>
</c-col>
<!-- LT000553 : 记账类型 -->
<c-col :span="12">
<el-form-item :label="$t('zqsp.LT000258')" prop="zqsp.accdat">
<c-date-picker type="date" v-model="model.zqsp.accdat" style="width:100%" :placeholder="$t('other.please_enter')+$t('zqsp.LT000258')"></c-date-picker>
<c-col :span="8">
<el-form-item label="记账状态" prop="" style="width: 100%">
<c-select v-model="model.zqsp.sta" style="width: 100%" placeholder="请选择记账状态" :code="codes.sta"/>
</el-form-item>
</c-col>
<!-- LT000258 : 记账日期起始 -->
<c-col :span="12">
<el-form-item :label="$t('zqsp.LT000510')" prop="zqsp.accdatto">
<c-date-picker type="date" v-model="model.zqsp.accdatto" style="width:100%" :placeholder="$t('other.please_enter')+$t('zqsp.LT000510')"></c-date-picker>
</el-form-item>
</c-col>
<!-- LT000510 : 记账日期截止 -->
</el-row>
<!-- 可控展示区 -->
<el-row v-show="searchSlot.searchToggle">
</el-row>
</template>
</c-list-search>
<c-col :span="12">
<el-form-item :label="$t('zqsp.LT000564')" prop="zqsp.frmvludat">
<c-date-picker type="date" v-model="model.zqsp.frmvludat" style="width:100%" :placeholder="$t('other.please_enter')+$t('zqsp.LT000564')"></c-date-picker>
</el-form-item>
</c-col>
<!-- LT000564 : 起息日起始 -->
<el-col :span="24" style="margin-top: 2px;margin-bottom: 1px;">
<c-button :disabled="isFoldDisable" class="medium_bcs" size="medium" style="margin-left: 0"
type="primary">{{ $t('public.归档') }}
</c-button>
<c-button :disabled="isRoutingDisable" class="medium_bcs" size="medium"
style="margin-left: 20" type="primary">ReRouting
</c-button>
<c-button class="medium_bcs" size="medium" style="margin-left: 20" type="primary">
{{ $t('public.导出Excel') }}
</c-button>
</el-col>
<el-col :span="24" style="margin-top: 10px">
<div style="height: 90%">
<c-col :span="24">
<div class="e-table-wrapper">
<el-table
:data="model.zqsp.kpclst"
style="width: 100%"
>
<el-table-column
prop="cdtdeb"
label="借贷方向"
sortable
width="80">
</el-table-column>
<el-table-column
prop="cur"
label="币种"
sortable
width="80">
</el-table-column>
<el-table-column
prop="amt"
label="金额"
sortable
width="160">
<el-tabs v-model="activeTab" class="y-tabs">
<el-tab-pane label="结算文件查询处理" name="fb">
<el-table :data="stmData.data" :columns="stmData.columns" v-loading="load" style="width: 100%"
@selection-change="handleSelectionChange"
size="small" :border="true" height="calc(100vh - 480px)" :highlight-current-row="true">
<el-table-column type="selection" width="55">
</el-table-column>
<el-table-column
prop="act"
label="账户"
sortable
width="160">
</el-table-column>
<el-table-column
prop="actcod"
label="账户开户局代码"
sortable
width="160">
</el-table-column>
<el-table-column
prop="iannam"
label="账号名称"
sortable
width="120">
</el-table-column>
<el-table-column
prop="ptynam"
label="开户机构"
sortable
width="100">
<template slot-scope="scope">
<span>{{ this.codes.area.find(item=>item.value==scope.row.ptynam).label }}</span>
</template>
<el-table-column v-for="(item, key) in stmData.columns" :key="key" :label="item.label" :prop="item.prop"
:min-width="item.width">
</el-table-column>
</el-table>
<el-pagination
layout="prev, pager, next"
:total="1">
</el-pagination>
</div>
</c-col>
<c-col :span="12">
<el-form-item :label="$t('zqsp.LT000565')" prop="zqsp.tovludat">
<c-date-picker type="date" v-model="model.zqsp.tovludat" style="width:100%" :placeholder="$t('other.please_enter')+$t('zqsp.LT000565')"></c-date-picker>
</el-form-item>
</c-col>
<!-- LT000565 : 起息日截止 -->
<c-col :span="12">
<el-form-item :label="$t('zqsp.LT001218')" prop="zqsp.offdatfrm">
<c-date-picker type="date" v-model="model.zqsp.offdatfrm" style="width:100%" :placeholder="$t('other.please_enter')+$t('zqsp.LT001218')"></c-date-picker>
</el-form-item>
</c-col>
<!-- LT001218 : 勾销日期起始 -->
<c-col :span="12">
<el-form-item :label="$t('zqsp.LT001220')" prop="zqsp.offdatto">
<c-date-picker type="date" v-model="model.zqsp.offdatto" style="width:100%" :placeholder="$t('other.please_enter')+$t('zqsp.LT001220')"></c-date-picker>
</el-form-item>
</c-col>
<!-- LT001220 : 勾销日期截止 -->
<c-col :span="12">
<c-form-item :label="$t('zqsp.LT001223')" prop="zqsp.usrnam">
<c-input v-model="model.zqsp.usrnam" maxlength="20" :placeholder="$t('other.please_enter')+$t('zqsp.LT001223')"></c-input>
</c-form-item>
</c-col>
<!-- LT001223 : 记账柜员 -->
<c-col :span="12">
<el-form-item :label="$t('zqsp.LT000512')" prop="zqsp.accdatnow">
<c-date-picker type="date" v-model="model.zqsp.accdatnow" style="width:100%" :placeholder="$t('other.please_enter')+$t('zqsp.LT000512')"></c-date-picker>
</el-form-item>
</c-col>
<!-- LT000512 : 当前会计日期 -->
<c-col :span="12">
<c-button size="small" type="primary" icon="el-icon-search" @click="onZqspSelbut">
{{$t('zqsp.BT000533')}}
</c-button>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" @click="onZqspUslbut">
{{$t('zqsp.BT000534')}}
</c-button>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" @click="onZqspReqpjs">
{{$t('zqsp.BT000253')}}
</c-button>
<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>
</c-col>
</div>
</el-col>
</div>
</template>
<script>
import event from "../event";
<c-col :span="12">
<c-button size="small" type="primary" @click="onZqspReqacc">
{{$t('zqsp.BT000254')}}
</c-button>
</c-col>
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [event],
data() {
return {
activeTab: 'fb',
load: false,
subtypCodes: [],
multipleSelection: [],
stmData: {
columns: [
{
label: "借贷方向",
prop: "dc",
width: "120px"
},
{
label: "币种",
prop: "cur",
width: "120px"
},
{
label: "金额",
prop: "amt",
width: "120px"
},
{
label: "生成日期",
prop: "crpdat",
width: "120px"
},
{
label: "记账日期",
prop: "accdat",
width: "120px"
},
{
label: "起息日",
prop: "vludat",
width: "120px"
},
{
label: "购销日期",
prop: "offdat",
width: "120px"
},
{
label: "记账附言",
prop: "adc",
width: "120px"
}],
data: [],
},
pagination: {
pageNum: 1,
pageSize: 10,
total: 0,
},
};
},
computed: {
isFoldDisable: function () {
return this.multipleSelection.length == 0;
},
isRoutingDisable: function () {
return this.multipleSelection.length == 0;
}
},
methods: {},
mounted: function () {
},
};
</script>
<style lang="less" scoped>
::v-deep .c-content-scrollbar {
height: 100% !important;
}
<c-col :span="12">
<c-button size="small" type="primary" @click="onZqspSrvbut">
{{$t('zqsp.BT000572')}}
</c-button>
</c-col>
.eibs-tabs /deep/ {
.m-table-search {
padding: 20px 0px 10px 0px;
}
}
<c-col :span="12">
<c-button size="small" type="primary" @click="onZqspSchbtn">
{{$t('zqsp.BT000259')}}
</c-button>
</c-col>
.header-wrap {
height: 36px;
display: flex;
justify-content: space-between;
align-items: center;
<c-col :span="12">
<c-button size="small" type="primary" @click="onZqspClrbtn">
{{$t('zqsp.BT000260')}}
</c-button>
</c-col>
.title {
font-size: 16px;
color: #000;
}
<c-col :span="12">
<c-button size="small" type="primary" @click="onZqspNett">
{{$t('zqsp.BT000249')}}
</c-button>
</c-col>
.close-btn {
padding: 3px;
cursor: pointer;
}
}
<c-col :span="12">
<c-button size="small" type="primary" @click="onZqspQiadao">
{{$t('zqsp.BT000251')}}
</c-button>
</c-col>
.m-list-btns {
height: 300px;
overflow: auto;
}
<c-col :span="12">
<c-button size="small" type="primary" @click="onZqspReqmac">
{{$t('zqsp.BT000252')}}
</c-button>
</c-col>
.medium_bcs {
border-radius: 5px;
}
<c-col :span="12">
<c-button size="small" type="primary" @click="onZqspQiatui">
{{$t('zqsp.BT000255')}}
</c-button>
</c-col>
.m-table-search {
padding: 20px 0px 10px 0px;
}
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "../model/Event"
.pagination-box {
width: 100%;
height: 30px;
display: flex;
align-items: center;
justify-content: flex-end;
padding: 0 10px;
background: #fff;
margin-top: 5px;
}
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
.el-dialog__body {
padding: 10px 5px 50px;
}
}
},
methods:{...Event},
created:function(){
.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;
}
</script>
<style>
.btn-item {
margin-bottom: 10px;
margin-right: 10px;
}
</style>
src/page/Frontend/Manzqs/views/index.vue
<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">
<!--zqsp PD000000 资金清算公共管理 -->
<el-tab-pane :label="$t('zqsp.PD000000')" name="mainpanel">
<m-mainpanel :model="model" :codes="codes"/>
</el-tab-pane>
</c-tabs>
<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-mainpanel :model="model" :codes="codes" ref="mainpanel"/>
</c-content>
</el-form>
</div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Manzqs from "../model"
import commonProcess from "~/mixin/commonProcess"
import Check from "../model/Check"
import Default from "../model/Default"
import Pattern from "../model/Pattern"
import Mainpanel from "./Mainpanel"
</template>
<script>
import CodeTable from "~/config/CodeTable";
import Manzqs from "../model";
import event from "../event"
import Mainpanel from "./Mainpanel.vue"
export default {
export default {
name: "Manzqs",
components:{
"m-mainpanel" : Mainpanel,
},
provide() {
return {
root: this
}
},
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
mixins: [event], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "mainpanel",
trnName: "manzqs",
trnType: "",
model: new Manzqs().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: {
area:CodeTable.area,
cpsfxdtyp:CodeTable.cpsfxdtyp,
sta:CodeTable.sta,
kpatyp:CodeTable.kpatyp,
actsta:CodeTable.actsta,
cur:CodeTable.cur,
sdcflg:CodeTable.sdcflg,
offsta:CodeTable.offsta,
batcharge:CodeTable.batcharge,
msgmst:CodeTable.msgmst,
yosflg:CodeTable.yosflg,
filtyp:CodeTable.filtyp,
dircod:CodeTable.dircod,
kpstyp:CodeTable.kpstyp,
dcflg:CodeTable.dcflg,
msgtyp:CodeTable.msgtyp,
fmssta:CodeTable.fmssta,
chncod:CodeTable.chncod,
stacod:CodeTable.stacod,
bnksta:CodeTable.bnksta,
usratr:CodeTable.usratr,
kpadir:CodeTable.kpadir,
codes:{...CodeTable},
};
},
}
},
methods:{
myTabClick(tab){
this.tabClick(tab)
/**
* do it yourself
**/
}
},
created:async function(){
console.log("进入manzqs交易");
let rtnmsg = {}; // await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
this.updateModel(rtnmsg.data)
//TODO 处理数据逻辑
methods:{},
created:async function() {},
};
</script>
<style scoped>
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
}
}
</script>
<style>
</style>
\ No newline at end of file
</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