@@ -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" | ||||