Skip to content

S
store-manage-ui
Commit 12b770d9 authored by 王苓芝's avatar 王苓芝
Browse files
Options

微信支付&发票记录

parent 2358fee9
Show whitespace changes
Inline Side-by-side
Showing with 264 additions and 1 deletion
src/router/index.js
View file @ 12b770d9
...@@ -10,6 +10,8 @@ const newAdList = r => require.ensure([], () => r(require('../view/operation/new ...@@ -10,6 +10,8 @@ const newAdList = r => require.ensure([], () => r(require('../view/operation/new
const userManage = r => require.ensure([], () => r(require('../view/userManage/index.vue')), 'userManage'); const userManage = r => require.ensure([], () => r(require('../view/userManage/index.vue')), 'userManage');
const dayConsumeAnalysis = r => require.ensure([], () => r(require('../view/statementManage/dayConsumeAnalysis.vue')), 'dayConsumeAnalysis'); const dayConsumeAnalysis = r => require.ensure([], () => r(require('../view/statementManage/dayConsumeAnalysis.vue')), 'dayConsumeAnalysis');
const expenditure = r => require.ensure([], () => r(require('../view/statementManage/expenditure.vue')), 'expenditure'); const expenditure = r => require.ensure([], () => r(require('../view/statementManage/expenditure.vue')), 'expenditure');
const wxPayRecord = r => require.ensure([], () => r(require('../view/statementManage/wxPayRecord.vue')), 'wxPayRecord');
const invoiceRecord = r => require.ensure([], () => r(require('../view/statementManage/invoiceRecord.vue')), 'invoiceRecord');
// const loanHomePage = r => require.ensure([], () => r(require('../view/operation/LoanHomePage.vue')), 'loanHomePage'); // const loanHomePage = r => require.ensure([], () => r(require('../view/operation/LoanHomePage.vue')), 'loanHomePage');
const templateManage = r => require.ensure([], () => r(require('../view/sendManagement/templateManage.vue')), 'templateManage'); const templateManage = r => require.ensure([], () => r(require('../view/sendManagement/templateManage.vue')), 'templateManage');
...@@ -76,6 +78,14 @@ const routes = [ ...@@ -76,6 +78,14 @@ const routes = [
requireAuth: true, requireAuth: true,
}, },
children: [ children: [
{
path: 'invoiceRecord',
component: invoiceRecord,
},
{
path: 'wxPayRecord',
component: wxPayRecord,
},
{ {
path: 'expenditure', path: 'expenditure',
component: expenditure, component: expenditure,
......
src/view/statementManage/constData.js
View file @ 12b770d9
...@@ -140,3 +140,71 @@ export const expenditureColumns = [ ...@@ -140,3 +140,71 @@ export const expenditureColumns = [
// minWidth: '100px', // minWidth: '100px',
}, },
]; ];
export const weixinPayRecord = [
{
key: 'date',
title: '下单时间',
align: 'center',
},
{
key: 'mainBillNo',
title: '主订单号',
align: 'center',
},
{
key: 'secondBillNo',
title: '子订单号',
align: 'center',
},
{
key: 'skuNo',
title: '商品sku编号',
align: 'center',
},
{
key: 'payAccount',
title: '微信支付金额',
align: 'center',
},
{
key: 'payStatus',
title: '微信支付结果',
align: 'center',
render: (h, params) => (params.row.payStatus === 1 ? '已支付' : '未支付'),
},
];
export const invoiceRecord = [
{
key: 'date',
title: '下单时间',
align: 'center',
},
{
key: 'mainBillNo',
title: '主订单号',
align: 'center',
},
{
key: 'secondBillNo',
title: '子订单号',
align: 'center',
},
{
key: 'skuNo',
title: '商品sku编号',
align: 'center',
},
{
key: 'liushui',
title: '开票流水单号',
align: 'center',
},
{
key: 'payStatus',
title: '微信支付结果',
align: 'center',
render: (h, params) => (params.row.payStatus === 1 ? '已支付' : '未支付'),
},
];
src/view/statementManage/expenditure.vue
View file @ 12b770d9
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
<Button type="" @click="reset()">重置</Button> <Button type="" @click="reset()">重置</Button>
</FormItem> </FormItem>
</Form> </Form>
<Table :columns="expenditureColumns" :data="dataList" class="dataTable" /> <Table border :columns="expenditureColumns" :data="dataList" class="dataTable" />
<Page style="margin:20px" :total="count" :current="form.pageNo" :page-size="form.pageSize" size="small" show-total show-elevator @on-change="changePage" /> <Page style="margin:20px" :total="count" :current="form.pageNo" :page-size="form.pageSize" size="small" show-total show-elevator @on-change="changePage" />
</div> </div>
</template> </template>
......
src/view/statementManage/invoiceRecord.vue 0 → 100644
View file @ 12b770d9
<template>
<div>
<Form ref="form" :label-width="90" inline :model="form" style="margin-top:20px;">
<FormItem label="日期选择" prop="date">
<DatePicker type="datetime" :value="form.date" placeholder="请选择" style="width: 200px" @on-change="changeDate" />
</FormItem>
<FormItem label="主订单号:" prop="mainBillNo">
<Input v-model="form.mainBillNo" placeholder="请输入主订单号" clearable style="width: 180px" />
</FormItem>
<FormItem label="子订单号:" prop="secondBillNo">
<Input v-model="form.secondBillNo" placeholder="请输入子订单号" clearable style="width: 180px" />
</FormItem>
<FormItem label="商品sku编号:" prop="skuNo">
<Input v-model="form.skuNo" placeholder="请输入商品sku" clearable style="width: 180px" />
</FormItem>
<FormItem label="开票流水单号:" prop="liushui">
<Input v-model="form.liushui" placeholder="请输入商品sku" clearable style="width: 180px" />
</FormItem>
<FormItem>
<Button type="primary" @click="getList()">查询</Button>
<Button type="" @click="reset()">重置</Button>
</FormItem>
</Form>
<Table border :columns="weixinPayRecord" :data="dataList" class="dataTable" />
<Page style="margin:20px" :total="count" :current="form.pageNo" :page-size="form.pageSize" size="small" show-total show-elevator @on-change="changePage" />
</div>
</template>
<script>
// import sendMessageApi from '../../services/apis/appUrl.service';
import { weixinPayRecord } from './constData.js';
export default {
data() {
return {
form: {
pageNo: 1,
pageSize: 10,
},
count: 0,
weixinPayRecord,
dataList: [],
};
},
mounted() {
this.getList();
},
methods: {
changeDate(date) {
this.form.date = date || '';
},
reset() {
this.$refs['form'].resetFields();
this.form.date = '';
this.getList(); // 接口好了以后调用
},
getList(page = 1) {
// const reg = /^[0-9]+.?[0-9]*$/;
// if (this.form.inviterId !== '' && !reg.test(this.form.inviterId)) {
// this.$Notice.error({
// title: '请输入数字类型的userId',
// });
// returnhis;
// }
this.form.pageNo = page;
console.log('this.form', this.form);
this.dataList = [
{
date: 123,
mainBillNo: 'GMV',
secondBillNo: 987,
skuNo: 1,
liushui: '流水单号',
payStatus: 0,
},
];
// sendMessageApi.inviteList(this.form).then(res => {
// this.dataList = res.dataList || [];
// this.count = res.totalCount;
// });
},
changePage(page) {
this.getList(page);
},
},
};
</script>
<style scoped>
.dataTable {
clear: both;
}
</style>
src/view/statementManage/wxPayRecord.vue 0 → 100644
View file @ 12b770d9
<template>
<div>
<Form ref="form" :label-width="90" inline :model="form" style="margin-top:20px;">
<FormItem label="日期选择" prop="date">
<DatePicker type="datetime" :value="form.date" placeholder="请选择" style="width: 200px" @on-change="changeDate" />
</FormItem>
<FormItem label="主订单号:" prop="mainBillNo">
<Input v-model="form.mainBillNo" placeholder="请输入主订单号" clearable style="width: 180px" />
</FormItem>
<FormItem label="子订单号:" prop="secondBillNo">
<Input v-model="form.secondBillNo" placeholder="请输入子订单号" clearable style="width: 180px" />
</FormItem>
<FormItem label="商品sku编号:" prop="skuNo">
<Input v-model="form.skuNo" placeholder="请输入商品sku" clearable style="width: 180px" />
</FormItem>
<FormItem label="微信支付结果:" prop="userName">
<Select v-model="form.payStatus" style="width:180px" filterable>
<Option :value="0">已到期</Option>
<Option :value="1">未到期</Option>
</Select>
</FormItem>
<FormItem>
<Button type="primary" @click="getList()">查询</Button>
<Button type="" @click="reset()">重置</Button>
</FormItem>
</Form>
<Table border :columns="weixinPayRecord" :data="dataList" class="dataTable" />
<Page style="margin:20px" :total="count" :current="form.pageNo" :page-size="form.pageSize" size="small" show-total show-elevator @on-change="changePage" />
</div>
</template>
<script>
// import sendMessageApi from '../../services/apis/appUrl.service';
import { weixinPayRecord } from './constData.js';
export default {
data() {
return {
form: {
pageNo: 1,
pageSize: 10,
},
count: 0,
weixinPayRecord,
dataList: [],
};
},
mounted() {
this.getList();
},
methods: {
changeDate(date) {
this.form.date = date || '';
},
reset() {
this.$refs['form'].resetFields();
this.form.date = '';
this.getList(); // 接口好了以后调用
},
getList(page = 1) {
// const reg = /^[0-9]+.?[0-9]*$/;
// if (this.form.inviterId !== '' && !reg.test(this.form.inviterId)) {
// this.$Notice.error({
// title: '请输入数字类型的userId',
// });
// returnhis;
// }
this.form.pageNo = page;
console.log('this.form', this.form);
this.dataList = [
{
date: 123,
mainBillNo: 'GMV',
secondBillNo: 987,
skuNo: 1,
payStatus: 0,
payAccount: 100,
},
];
// sendMessageApi.inviteList(this.form).then(res => {
// this.dataList = res.dataList || [];
// this.count = res.totalCount;
// });
},
changePage(page) {
this.getList(page);
},
},
};
</script>
<style scoped>
.dataTable {
clear: both;
}
</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