| @@ -2,7 +2,8 @@ | |||||
| "pages": [ | "pages": [ | ||||
| "pages/index/index", | "pages/index/index", | ||||
| "pages/logs/logs", | "pages/logs/logs", | ||||
| "pages/payOrder/payOrder" | |||||
| "pages/payOrder/payOrder", | |||||
| "pages/payHistory/payHistory" | |||||
| ], | ], | ||||
| "window": { | "window": { | ||||
| "backgroundTextStyle": "light", | "backgroundTextStyle": "light", | ||||
| @@ -0,0 +1,89 @@ | |||||
| const app = getApp() | |||||
| import request from '../../utils/request' | |||||
| Page({ | |||||
| /** | |||||
| * 页面的初始数据 | |||||
| */ | |||||
| data: { | |||||
| pageNum: 1, | |||||
| orderList: [] | |||||
| }, | |||||
| /** | |||||
| * 生命周期函数--监听页面加载 | |||||
| */ | |||||
| onLoad() { | |||||
| this.getPayOrderList(1) | |||||
| }, | |||||
| getPayOrderList(pageNum) { | |||||
| const that = this | |||||
| request.get({ | |||||
| url: '/api/pay/payOrderList', | |||||
| data: { | |||||
| pageNum, | |||||
| pageSize: 10 | |||||
| } | |||||
| }).then(res => { | |||||
| console.log(res, 'getPayOrderList'); | |||||
| if (res.data.list && res.data.list.length > 0) { | |||||
| that.setData({ | |||||
| orderList: res.data.list | |||||
| }) | |||||
| } | |||||
| }).catch(err => { | |||||
| console.log(err, 'err'); | |||||
| }) | |||||
| }, | |||||
| /** | |||||
| * 生命周期函数--监听页面初次渲染完成 | |||||
| */ | |||||
| onReady() { | |||||
| }, | |||||
| /** | |||||
| * 生命周期函数--监听页面显示 | |||||
| */ | |||||
| onShow() { | |||||
| }, | |||||
| /** | |||||
| * 生命周期函数--监听页面隐藏 | |||||
| */ | |||||
| onHide() { | |||||
| }, | |||||
| /** | |||||
| * 生命周期函数--监听页面卸载 | |||||
| */ | |||||
| onUnload() { | |||||
| }, | |||||
| /** | |||||
| * 页面相关事件处理函数--监听用户下拉动作 | |||||
| */ | |||||
| onPullDownRefresh() { | |||||
| }, | |||||
| /** | |||||
| * 页面上拉触底事件的处理函数 | |||||
| */ | |||||
| onReachBottom() { | |||||
| }, | |||||
| /** | |||||
| * 用户点击右上角分享 | |||||
| */ | |||||
| onShareAppMessage() { | |||||
| } | |||||
| }) | |||||
| @@ -0,0 +1,4 @@ | |||||
| { | |||||
| "navigationBarTitleText": "购买历史", | |||||
| "usingComponents": {} | |||||
| } | |||||
| @@ -0,0 +1,32 @@ | |||||
| .content { | |||||
| padding-top: 50rpx; | |||||
| .list { | |||||
| padding: 0 50rpx; | |||||
| .item { | |||||
| position: relative; | |||||
| border: 1px solid #000; | |||||
| padding: 20rpx; | |||||
| border-radius: 10rpx; | |||||
| .payAmount { | |||||
| margin-bottom: 15rpx; | |||||
| } | |||||
| .check { | |||||
| position: absolute; | |||||
| width: 100rpx; | |||||
| right: 40rpx; | |||||
| bottom: 50%; | |||||
| transform: translateY(50%); | |||||
| padding: 5rpx 0; | |||||
| } | |||||
| } | |||||
| .noHistory { | |||||
| text-align: center; | |||||
| font-size: 35rpx; | |||||
| } | |||||
| } | |||||
| } | |||||
| @@ -0,0 +1,16 @@ | |||||
| <view class="content"> | |||||
| <view class="list"> | |||||
| <block wx:if="{{orderList && orderList.length > 0}}"> | |||||
| <view class="item" wx:for="{{orderList}}"> | |||||
| <view class="payAmount">支付金额:{{item.payAmount}}</view> | |||||
| <view>支付时间:{{item.payTime}}</view> | |||||
| <button class="check" type="primary" data-id="{{item.id}}" bindtap="goCheckDetail">查看</button> | |||||
| </view> | |||||
| </block> | |||||
| <block wx:else> | |||||
| <view class="noHistory"> | |||||
| 暂无购买历史 | |||||
| </view> | |||||
| </block> | |||||
| </view> | |||||
| </view> | |||||
| @@ -83,6 +83,10 @@ Page({ | |||||
| title: '订单正在处理中...', | title: '订单正在处理中...', | ||||
| }) | }) | ||||
| setTimeout(() => { | setTimeout(() => { | ||||
| wx.showToast({ | |||||
| title: '支付成功', | |||||
| icon: 'success' | |||||
| }) | |||||
| wx.hideLoading(); | wx.hideLoading(); | ||||
| }, 2000); | }, 2000); | ||||
| }, | }, | ||||
| @@ -100,6 +104,13 @@ Page({ | |||||
| }); | }); | ||||
| }, | }, | ||||
| // 跳转至购买历史页面 | |||||
| checkPayHistory() { | |||||
| wx.navigateTo({ | |||||
| url: '/pages/payHistory/payHistory', | |||||
| }) | |||||
| }, | |||||
| /** | /** | ||||
| * 生命周期函数--监听页面初次渲染完成 | * 生命周期函数--监听页面初次渲染完成 | ||||
| */ | */ | ||||
| @@ -2,6 +2,7 @@ | |||||
| padding: 50rpx 0; | padding: 50rpx 0; | ||||
| .backGround { | .backGround { | ||||
| position: relative; | |||||
| width: 600rpx; | width: 600rpx; | ||||
| height: 200rpx; | height: 200rpx; | ||||
| line-height: 200rpx; | line-height: 200rpx; | ||||
| @@ -12,6 +13,14 @@ | |||||
| margin: auto; | margin: auto; | ||||
| } | } | ||||
| .payHistory { | |||||
| position: absolute; | |||||
| right: 0; | |||||
| bottom: -135rpx; | |||||
| font-size: 25rpx; | |||||
| color: #07c160; | |||||
| } | |||||
| .orderList { | .orderList { | ||||
| width: 600rpx; | width: 600rpx; | ||||
| margin: 50rpx auto; | margin: 50rpx auto; | ||||
| @@ -1,6 +1,10 @@ | |||||
| <!--pages/payOrder.wxml--> | <!--pages/payOrder.wxml--> | ||||
| <view class="content"> | <view class="content"> | ||||
| <view class="backGround">购买会员</view> | |||||
| <view class="backGround"> | |||||
| <text>购买会员</text> | |||||
| <view class="payHistory" bindtap="checkPayHistory">购买历史</view> | |||||
| </view> | |||||
| <view class="orderList"> | <view class="orderList"> | ||||
| <block wx:for="{{orderList}}" wx:key="index"> | <block wx:for="{{orderList}}" wx:key="index"> | ||||
| <button class="btn" type="primary" disabled="{{!item.show}}" bindtap="createPayOrder"> | <button class="btn" type="primary" disabled="{{!item.show}}" bindtap="createPayOrder"> | ||||
| @@ -31,6 +31,7 @@ | |||||
| "miniprogram/pages/logs/logs.js", | "miniprogram/pages/logs/logs.js", | ||||
| "miniprogram/pages/index/index.js", | "miniprogram/pages/index/index.js", | ||||
| "miniprogram/pages/payOrder/payOrder.js", | "miniprogram/pages/payOrder/payOrder.js", | ||||
| "miniprogram/pages/payHistory/payHistory.js", | |||||
| ], | ], | ||||
| "exclude": [ | "exclude": [ | ||||
| "node_modules" | "node_modules" | ||||