Commit 372fb203 by zenghuan

结算文件管理

parent d5dcbfb6
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;
}
},
};
<template> <template>
<div class="eibs-tab"> <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"> <c-col :span="24">
<div class="e-table-wrapper"> <el-tabs v-model="activeTab" class="y-tabs">
<el-table <el-tab-pane label="内部账户类型管理" name="fb">
:data="model.ianp.lst" <el-table :data="stmData.data" :columns="stmData.columns" v-loading="load" style="width: 100%"
style="width: 100%" @selection-change="handleSelectionChange"
> size="small" :border="true" height="calc(100vh - 480px)" :highlight-current-row="true">
<el-table-column <el-table-column type="selection" width="55">
prop="ianno"
label="编号"
sortable
width="100">
</el-table-column>
<el-table-column
prop="nam"
label="内部账户名称"
sortable
width="200">
</el-table-column> </el-table-column>
<el-table-column <el-table-column v-for="(item, key) in stmData.columns" :key="key" :label="item.label" :prop="item.prop"
prop="rmk" :min-width="item.width">
label="备注"
sortable
width="300">
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-pagination
layout="prev, pager, next"
:total="1">
</el-pagination>
</div>
</c-col>
<c-col :span="12"> <el-pagination layout="total, sizes, prev, pager, next, jumper" :total="pagination.total"
<c-button size="small" type="primary" @click="onIanpAdd"> :page-size="pagination.pageSize" :current-page.sync="pagination.pageNum"
{{$t('ianp.BT000009')}} @size-change="handleSizeChange"
</c-button> @current-change="handleCurrentChange">
</el-pagination>
</el-tab-pane>
</el-tabs>
</c-col> </c-col>
</div> </div>
</el-col>
</div>
</template> </template>
<script> <script>
import Api from "~/service/Api" import event from "../event";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "../model/Event"
export default { export default {
inject: ['root'], inject: ["root"],
props:["model","codes"], props: ["model", "codes"],
mixins: [commonProcess], mixins: [event],
data(){ data() {
return { 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}, 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>
.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> </style>
<template> <template>
<div class="eContainer"> <div class="eContainer-search">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right" size="small" :validate-on-rule-change="false"> <el-form
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick"> :model="model"
<!--ianp PD000010 查询交易面板 --> :rules="rules"
<el-tab-pane :label="$t('ianp.PD000010')" name="selp"> ref="modelForm"
<m-selp :model="model" :codes="codes"/> label-width="120px"
</el-tab-pane> label-position="right"
</c-tabs> size="small"
:validate-on-rule-change="false"
>
<c-content>
<m-selp :model="model" :codes="codes" ref="selp"/>
</c-content>
</el-form> </el-form>
</div> </div>
</template> </template>
<script> <script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable" import CodeTable from "~/config/CodeTable";
import Dblian from "../model" import Dblian from "../model";
import commonProcess from "~/mixin/commonProcess" import event from "../event"
import Check from "../model/Check" import Selp from "./Selp.vue"
import Default from "../model/Default"
import Pattern from "../model/Pattern"
import Selp from "./Selp"
export default { export default {
name: "Dblian", name: "Dblian",
components:{ components:{
"m-selp" : Selp, "m-selp" : Selp,
}, },
provide() { provide() {
return { return {
root: this root: this
} }
}, },
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理 mixins: [event], // 里面包含了Default、Check等的公共处理
data(){ data(){
return { return {
tabVal: "selp", tabVal: "selp",
trnName: "dblian", trnName: "dblian",
trnType: "",
model: new Dblian().data, model: new Dblian().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null, rules: null,
codes: { codes:{...CodeTable},
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
**/
}
}, },
created:async function(){ methods:{},
console.log("进入dblian交易"); created:async function() {},
let rtnmsg = {}; // await this.init({}) };
if(rtnmsg.respCode == SUCCESS)
{
this.updateModel(rtnmsg.data)
//TODO 处理数据逻辑
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败!'});
}
}
}
</script> </script>
<style> <style scoped>
</style> </style>
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;
}
},
};
<template> <template>
<div class="eContainer"> <div class="eContainer-search">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right" size="small" :validate-on-rule-change="false"> <el-form
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick"> :model="model"
<!--innp PD000107 内部账号查询dblinn --> :rules="rules"
<el-tab-pane :label="$t('innp.PD000107')" name="innp0"> ref="modelForm"
<m-innp0 :model="model" :codes="codes"/> label-width="120px"
</el-tab-pane> label-position="right"
</c-tabs> size="small"
:validate-on-rule-change="false"
>
<c-content>
<m-innp0 :model="model" :codes="codes" ref="innp0"/>
</c-content>
</el-form> </el-form>
</div> </div>
</template> </template>
<script> <script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable" import CodeTable from "~/config/CodeTable";
import Dblinn from "../model" import Dblinn from "../model";
import commonProcess from "~/mixin/commonProcess" import event from "../event"
import Check from "../model/Check" import Innp0 from "./Innp0.vue"
import Default from "../model/Default"
import Pattern from "../model/Pattern"
import Innp0 from "./Innp0"
export default { export default {
name: "Dblinn", name: "Dblinn",
components:{ components:{
"m-innp0" : Innp0, "m-innp0" : Innp0,
}, },
provide() { provide() {
return { return {
root: this root: this
} }
}, },
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理 mixins: [event], // 里面包含了Default、Check等的公共处理
data(){ data(){
return { return {
tabVal: "innp0", tabVal: "innp0",
trnName: "dblinn", trnName: "dblinn",
trnType: "",
model: new Dblinn().data, model: new Dblinn().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null, rules: null,
codes: { codes:{...CodeTable},
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
**/
}
}, },
created:async function(){ methods:{},
console.log("进入dblinn交易"); created:async function() {},
let rtnmsg = {}; // await this.init({}) };
if(rtnmsg.respCode == SUCCESS)
{
this.updateModel(rtnmsg.data)
//TODO 处理数据逻辑
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败!'});
}
}
}
</script> </script>
<style> <style scoped>
</style> </style>
import Api from "~/service/Api" import Api from "~/service/Api";
import moment from "moment";
// 结算文件手工录入查询 export default {
export function queryByPage(data) { methods: {
return Api.post("/business/dblkpm/listPagingInfo", data); async handleSearch() {
} },
\ No newline at end of file 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;
}
},
};
import Api from "~/service/Api" import Api from "~/service/Api"
import Pts from "../Common/Pts"
export default class Dblkpm{ export default class Dblkpm{
constructor () { constructor () {
......
<template> <template>
<div class="eContainer"> <div class="eContainer-search">
<c-page> <el-form
<c-tabs type="card"> :model="model"
<el-tab-pane label="结算文件手工录入查询"> :rules="rules"
ref="modelForm"
label-width="120px"
label-position="right"
size="small"
:validate-on-rule-change="false"
>
<c-content> <c-content>
<m-infsea/> <m-infsea :model="model" :codes="codes" ref="infsea"/>
</c-content> </c-content>
</el-tab-pane> </el-form>
</c-tabs>
</c-page>
</div> </div>
</template> </template>
<script> <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 { export default {
name:"Dblkpm", name: "Dblkpm",
components: { components:{
"m-infsea": Infsea, "m-infsea" : Infsea,
}, },
data() { provide() {
return {} 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> </script>
<style scoped>
</style>
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;
}
},
};
<template> <template>
<div class="eibs-tab"> <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="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> </c-col>
</el-row>
<!-- 可控展示区 -->
<el-row v-show="searchSlot.searchToggle">
</el-row>
</template>
</c-list-search>
<c-col :span="12"> <el-col :span="24" style="margin-top: 2px;margin-bottom: 1px;">
<c-button size="small" type="primary" @click="onKrfpAme"> <c-button :disabled="isFoldDisable" class="medium_bcs" size="medium" style="margin-left: 0"
{{$t('krfp.BT000012')}} type="primary" >{{ $t('public.归档') }}
</c-button> </c-button>
</c-col> <c-button :disabled="isRoutingDisable" class="medium_bcs" size="medium"
style="margin-left: 20" type="primary">ReRouting
<c-col :span="12">
<c-button size="small" icon="el-icon-delete" @click="onKrfpDel">
{{$t('krfp.BT000013')}}
</c-button> </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> </c-col>
</div> </div>
</el-col>
</div>
</template> </template>
<script> <script>
import Api from "~/service/Api" import event from "../event";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "../model/Event"
export default { export default {
inject: ['root'], inject: ["root"],
props:["model","codes"], props: ["model", "codes"],
mixins: [commonProcess], mixins: [event],
data(){ data() {
return { 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}, 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>
.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> </style>
<template> <template>
<div class="eContainer"> <div class="eContainer-search">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right" size="small" :validate-on-rule-change="false"> <el-form
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick"> :model="model"
<!--krfp PD000014 查询面板 --> :rules="rules"
<el-tab-pane :label="$t('krfp.PD000014')" name="selp"> ref="modelForm"
<m-selp :model="model" :codes="codes"/> label-width="120px"
</el-tab-pane> label-position="right"
</c-tabs> size="small"
:validate-on-rule-change="false"
>
<c-content>
<m-selp :model="model" :codes="codes" ref="selp"/>
</c-content>
</el-form> </el-form>
</div> </div>
</template> </template>
<script> <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"
import CodeTable from "~/config/CodeTable";
import Dblkrf from "../model";
import event from "../event"
import Selp from "./Selp.vue"
export default {
export default {
name: "Dblkrf", name: "Dblkrf",
components:{ components:{
"m-selp" : Selp, "m-selp" : Selp,
}, },
provide() { provide() {
return { return {
root: this root: this
} }
}, },
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理 mixins: [event], // 里面包含了Default、Check等的公共处理
data(){ data(){
return { return {
tabVal: "selp", tabVal: "selp",
trnName: "dblkrf", trnName: "dblkrf",
trnType: "",
model: new Dblkrf().data, model: new Dblkrf().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null, rules: null,
codes: { codes:{...CodeTable},
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,
}, },
} methods:{},
}, created:async function() {},
methods:{ };
myTabClick(tab){ </script>
this.tabClick(tab) <style scoped>
/**
* do it yourself
**/
}
},
created:async function(){
console.log("进入dblkrf交易");
let rtnmsg = {}; // await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
this.updateModel(rtnmsg.data)
//TODO 处理数据逻辑
} </style>
else
{
this.$notify.error({title: '错误',message: '服务请求失败!'});
}
}
}
</script>
<style>
\ No newline at end of file
</style>
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;
}
},
};
<template> <template>
<div class="eibs-tab"> <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="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> </c-col>
</el-row>
<!-- 可控展示区 -->
<el-row v-show="searchSlot.searchToggle">
</el-row>
</template>
</c-list-search>
<c-col :span="12"> <el-col :span="24" style="margin-top: 2px;margin-bottom: 1px;">
<c-button size="small" type="primary" @click="onKtppAme"> <c-button :disabled="isFoldDisable" class="medium_bcs" size="medium" style="margin-left: 0"
{{$t('ktpp.BT000016')}} type="primary">{{ $t('public.归档') }}
</c-button> </c-button>
</c-col> <c-button :disabled="isRoutingDisable" class="medium_bcs" size="medium"
style="margin-left: 20" type="primary">ReRouting
<c-col :span="12"> </c-button>
<c-button size="small" icon="el-icon-delete" @click="onKtppDel"> <c-button class="medium_bcs" size="medium" style="margin-left: 20" type="primary">
{{$t('ktpp.BT000018')}} {{ $t('public.导出Excel') }}
</c-button> </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> </c-col>
</div> </div>
</el-col>
</div>
</template> </template>
<script> <script>
import Api from "~/service/Api" import event from "../event";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "../model/Event"
export default { export default {
inject: ['root'], inject: ["root"],
props:["model","codes"], props: ["model", "codes"],
mixins: [commonProcess], mixins: [event],
data(){ data() {
return { 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}, 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>
.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> </style>
<template> <template>
<div class="eContainer"> <div class="eContainer-search">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right" size="small" :validate-on-rule-change="false"> <el-form
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick"> :model="model"
<!--ktpp PD000019 查询面板 --> :rules="rules"
<el-tab-pane :label="$t('ktpp.PD000019')" name="selp"> ref="modelForm"
<m-selp :model="model" :codes="codes"/> label-width="120px"
</el-tab-pane> label-position="right"
</c-tabs> size="small"
:validate-on-rule-change="false"
>
<c-content>
<m-selp :model="model" :codes="codes" ref="selp"/>
</c-content>
</el-form> </el-form>
</div> </div>
</template> </template>
<script> <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"
import CodeTable from "~/config/CodeTable";
import Dblktp from "../model";
import event from "../event"
import Selp from "./Selp.vue"
export default {
export default {
name: "Dblktp", name: "Dblktp",
components:{ components:{
"m-selp" : Selp, "m-selp" : Selp,
}, },
provide() { provide() {
return { return {
root: this root: this
} }
}, },
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理 mixins: [event], // 里面包含了Default、Check等的公共处理
data(){ data(){
return { return {
tabVal: "selp", tabVal: "selp",
trnName: "dblktp", trnName: "dblktp",
trnType: "",
model: new Dblktp().data, model: new Dblktp().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null, rules: null,
codes: { codes:{...CodeTable},
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,
}, },
} methods:{},
}, created:async function() {},
methods:{ };
myTabClick(tab){ </script>
this.tabClick(tab) <style scoped>
/**
* do it yourself
**/
}
},
created:async function(){
console.log("进入dblktp交易");
let rtnmsg = {}; // await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
this.updateModel(rtnmsg.data)
//TODO 处理数据逻辑
} </style>
else
{
this.$notify.error({title: '错误',message: '服务请求失败!'});
}
}
}
</script>
<style>
\ No newline at end of file
</style>
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;
}
},
};
<template> <template>
<div class="eContainer"> <div class="eContainer-search">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right" size="small" :validate-on-rule-change="false"> <el-form
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick"> :model="model"
<!--kpachk PD000000 查询主页面 --> :rules="rules"
<el-tab-pane :label="$t('kpachk.PD000000')" name="mainpl"> ref="modelForm"
<m-mainpl :model="model" :codes="codes"/> label-width="120px"
</el-tab-pane> label-position="right"
</c-tabs> size="small"
:validate-on-rule-change="false"
>
<c-content>
<m-mainpl :model="model" :codes="codes" ref="mainpl"/>
</c-content>
</el-form> </el-form>
</div> </div>
</template> </template>
<script> <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"
import CodeTable from "~/config/CodeTable";
import Kpachk from "../model";
import event from "../event"
import Mainpl from "./Mainpl.vue"
export default {
export default {
name: "Kpachk", name: "Kpachk",
components:{ components:{
"m-mainpl" : Mainpl, "m-mainpl" : Mainpl,
}, },
provide() { provide() {
return { return {
root: this root: this
} }
}, },
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理 mixins: [event], // 里面包含了Default、Check等的公共处理
data(){ data(){
return { return {
tabVal: "mainpl", tabVal: "mainpl",
trnName: "kpachk", trnName: "kpachk",
trnType: "",
model: new Kpachk().data, model: new Kpachk().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null, rules: null,
codes: { codes:{...CodeTable},
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,
}, },
} methods:{},
}, created:async function() {},
methods:{ };
myTabClick(tab){ </script>
this.tabClick(tab) <style scoped>
/**
* do it yourself
**/
}
},
created:async function(){
console.log("进入kpachk交易");
let rtnmsg = {}; // await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
this.updateModel(rtnmsg.data)
//TODO 处理数据逻辑
} </style>
else
{
this.$notify.error({title: '错误',message: '服务请求失败!'});
}
}
}
</script>
<style>
\ No newline at end of file
</style>
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;
}
},
};
<template> <template>
<div class="eContainer"> <div class="eContainer-search">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right" size="small" :validate-on-rule-change="false"> <el-form
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick"> :model="model"
<!--zqsp PD000000 资金清算公共管理 --> :rules="rules"
<el-tab-pane :label="$t('zqsp.PD000000')" name="mainpanel"> ref="modelForm"
<m-mainpanel :model="model" :codes="codes"/> label-width="120px"
</el-tab-pane> label-position="right"
</c-tabs> size="small"
:validate-on-rule-change="false"
>
<c-content>
<m-mainpanel :model="model" :codes="codes" ref="mainpanel"/>
</c-content>
</el-form> </el-form>
</div> </div>
</template> </template>
<script> <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"
import CodeTable from "~/config/CodeTable";
import Manzqs from "../model";
import event from "../event"
import Mainpanel from "./Mainpanel.vue"
export default {
export default {
name: "Manzqs", name: "Manzqs",
components:{ components:{
"m-mainpanel" : Mainpanel, "m-mainpanel" : Mainpanel,
}, },
provide() { provide() {
return { return {
root: this root: this
} }
}, },
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理 mixins: [event], // 里面包含了Default、Check等的公共处理
data(){ data(){
return { return {
tabVal: "mainpanel", tabVal: "mainpanel",
trnName: "manzqs", trnName: "manzqs",
trnType: "",
model: new Manzqs().data, model: new Manzqs().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null, rules: null,
codes: { codes:{...CodeTable},
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,
}, },
} methods:{},
}, created:async function() {},
methods:{ };
myTabClick(tab){ </script>
this.tabClick(tab) <style scoped>
/**
* do it yourself
**/
}
},
created:async function(){
console.log("进入manzqs交易");
let rtnmsg = {}; // await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
this.updateModel(rtnmsg.data)
//TODO 处理数据逻辑
} </style>
else
{
this.$notify.error({title: '错误',message: '服务请求失败!'});
}
}
}
</script>
<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