wangxiaowei/xiuhuwangqiu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完善购买详情

Browse Source
This commit is contained in:
wangxiaowei
2026-04-11 00:23:57 +08:00
parent 2e568f8f8d
commit 2a95c0e176
1 changed files with 107 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

150
bundle/combo/details.vue
View File

@ -6,11 +6,13 @@
<image class="bg-img" src="https://xh.stnav.com/uploads/sport/card-bg.png"></image> <image class="bg-img" src="https://xh.stnav.com/uploads/sport/card-bg.png"></image>
<view style="position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;"> <view style="position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;">
<image :src="info.img" style="width: 690rpx; height: 290rpx;"></image> <image :src="info.img" style="width: 690rpx; height: 290rpx;"></image>
<view class="info-name" style="position: absolute; top: 40rpx; left: 40rpx;">{{ info.eg_name }}</view> <view class="info-name" style="position: absolute; top: 40rpx; left: 40rpx;">{{ info.eg_name }}
</view>
<view class="info-name" style="position: absolute; top: 100rpx; left: 40rpx;">{{ info.name }}</view> <view class="info-name" style="position: absolute; top: 100rpx; left: 40rpx;">{{ info.name }}</view>
<view style="position: absolute; bottom: 68rpx; right: 40rpx; display: flex; align-items: center;"> <view v-if="info.order.end_time && id == info.order.group_id" style="position: absolute; bottom: 68rpx; right: 40rpx; display: flex; align-items: center;">
<image class="diamond" src="https://xh.stnav.com/uploads/sport/icon_zs.png" mode="aspectFit"></image> <image class="diamond" src="https://xh.stnav.com/uploads/sport/icon_zs.png" mode="aspectFit">
<text style="color: #834B08;font-weight: bold;">有效期：2026.03.05到期</text> </image>
<text style="color: #834B08;font-weight: bold;">有效期：{{ info.order.end_time }}到期</text>
</view> </view>
</view> </view>
</view> </view>
@ -26,13 +28,15 @@
<!-- Rights Content --> <!-- Rights Content -->
<view class="content-section"> <view class="content-section">
<view class="section-title"> <view class="section-title">
<image src="https://xh.stnav.com/uploads/sport/hyqy.png" mode="heightFix" style="height: 40rpx;"></image> <image src="https://xh.stnav.com/uploads/sport/hyqy.png" mode="heightFix" style="height: 40rpx;">
</image>
</view> </view>
<view class="rights-list"> <view class="rights-list">
<view class="right-item"> <view class="right-item">
<view class="icon-circle"> <view class="icon-circle">
<image src="https://xh.stnav.com/uploads/sport/icon_vip.png" style="width: 80rpx; height: 80rpx;"></image> <image src="https://xh.stnav.com/uploads/sport/icon_vip.png"
style="width: 80rpx; height: 80rpx;"></image>
</view> </view>
<view class="right-info"> <view class="right-info">
<view class="right-name">VIP优惠</view> <view class="right-name">VIP优惠</view>
@ -41,7 +45,8 @@
</view> </view>
<view class="right-item"> <view class="right-item">
<view class="icon-circle"> <view class="icon-circle">
<image src="https://xh.stnav.com/uploads/sport/icon_money.png" style="width: 80rpx; height: 80rpx;"></image> <image src="https://xh.stnav.com/uploads/sport/icon_money.png"
style="width: 80rpx; height: 80rpx;"></image>
</view> </view>
<view class="right-info"> <view class="right-info">
<view class="right-name">入场不限次</view> <view class="right-name">入场不限次</view>
@ -50,7 +55,8 @@
</view> </view>
<view class="right-item"> <view class="right-item">
<view class="icon-circle"> <view class="icon-circle">
<image src="https://xh.stnav.com/uploads/sport/icon_service.png" style="width: 80rpx; height: 80rpx;"></image> <image src="https://xh.stnav.com/uploads/sport/icon_service.png"
style="width: 80rpx; height: 80rpx;"></image>
</view> </view>
<view class="right-info"> <view class="right-info">
<view class="right-name">专属客服</view> <view class="right-name">专属客服</view>
@ -62,7 +68,8 @@
<!-- Rules Box --> <!-- Rules Box -->
<view class="rules-box"> <view class="rules-box">
<view class="rules-tag"> <view class="rules-tag">
<image src="https://xh.stnav.com/uploads/sport/jshy.png" style="width: 100rpx; height: 80rpx;"></image> <image src="https://xh.stnav.com/uploads/sport/jshy.png" style="width: 100rpx; height: 80rpx;">
</image>
</view> </view>
<view class="rules-title">权益说明</view> <view class="rules-title">权益说明</view>
<view class="rules-subtitle">更多会员专属权益与服务内容</view> <view class="rules-subtitle">更多会员专属权益与服务内容</view>
@ -130,10 +137,12 @@
<view class="success-modal-mask" @click="closeSuccessModal"></view> <view class="success-modal-mask" @click="closeSuccessModal"></view>
<view class="success-modal-content"> <view class="success-modal-content">
<view class="success-img-wrapper"> <view class="success-img-wrapper">
<image class="success-img" src="https://xh.stnav.com/uploads/sport/buy-success.png" mode="widthFix"></image> <image class="success-img" src="https://xh.stnav.com/uploads/sport/buy-success.png" mode="widthFix">
</image>
<view class="success-confirm-btn" @click="closeSuccessModal">确定</view> <view class="success-confirm-btn" @click="closeSuccessModal">确定</view>
</view> </view>
<image class="success-close" src="https://xh.stnav.com/uploads/sport/icon_close2.png" mode="aspectFit" @click="closeSuccessModal"></image> <image class="success-close" src="https://xh.stnav.com/uploads/sport/icon_close2.png" mode="aspectFit"
@click="closeSuccessModal"></image>
</view> </view>
</view> </view>
</view> </view>
@ -151,7 +160,12 @@ export default {
showBuyModal: false, // 会员购买弹窗 showBuyModal: false, // 会员购买弹窗
showSuccessModal: false, // 购买成功弹窗 showSuccessModal: false, // 购买成功弹窗
selectedPlan: 1, // 选择的套餐 1-月卡 2-季卡 selectedPlan: 1, // 选择的套餐 1-月卡 2-季卡
info: null, // 套餐详情数据 info: {
order: {
group_id: 0, // 套餐ID
end_time: '', // 会员到期时间
},
}, // 套餐详情数据
}; };
}, },
created() { created() {
@ -188,45 +202,45 @@ export default {
handleSubmit() { handleSubmit() {
let self = this; let self = this;
// 判断之前是否开通过任意一张会员卡，如果开通过且没有过期，提示"您已购买过套餐卡，无需重复购买"
if (self.info.order.end_time) {
uni.showToast({ title: '您已购买过套餐卡，无需重复购买', icon: 'none' });
return false;
}
//TODO 如果信息审核没有通过，uni.showToast提示"信息审核没通过，请耐心等待" //TODO 如果信息审核没有通过，uni.showToast提示"信息审核没通过，请耐心等待"
// 成人卡不需要提交资料 // 成人卡不需要提交资料
if (self.id == 2) { if (self.id == 2) {
self.showBuyModal = true; self.showBuyModal = true;
} else { } else {
self._post( self._post(
'ground.group/getGroupData', 'ground.group/getGroupData',
null, null,
result => { result => {
if (!result.data) { if (!result.data) {
// 没有填写过信息，弹出完善信息提示弹窗 // 没有填写过信息，弹出完善信息提示弹窗
self.showInfoModal = true; self.showInfoModal = true;
return false; return false;
} }
if (result.data.status == 0) { if (result.data.status == 0) {
uni.showToast({ title: '信息审核中，请耐心等待', icon: 'none' }); uni.showToast({ title: '信息审核中，请耐心等待', icon: 'none' });
} }
if (result.data.status == 2) { if (result.data.status == 2) {
uni.showToast({ title: '审核失败，请重新提交', icon: 'none' }); uni.showToast({ title: '审核失败，请重新提交', icon: 'none' });
} }
if (result.data.status == 1) { if (result.data.status == 1) {
// 已经审核通过，弹出开通会员弹窗 // 已经审核通过，弹出开通会员弹窗
self.showBuyModal = true; self.showBuyModal = true;
}
},
false,
() => {
} }
}, );
false,
() => {
}
);
// const hasFilledInfo = true;
// if (!hasFilledInfo) {
// self.showInfoModal = true;
// } else {
// // 已经填写过信息，弹出开通会员弹窗
// self.showBuyModal = true;
// }
} }
}, },
closeInfoModal() { closeInfoModal() {
@ -252,20 +266,54 @@ export default {
'order.group/submitStoreOrder', 'order.group/submitStoreOrder',
{ {
group_id: self.id, group_id: self.id,
type: self.selectedPlan, // 1-月卡 2-季卡 group_type: self.selectedPlan, // 1-月卡 2-季卡
order_amount: self.selectedPlan === 1 ? self.info.month_price : self.info.seasonal_price order_amount: self.selectedPlan === 1 ? self.info.month_price : self.info.seasonal_price
}, },
result => { result => {
console.log("🚀 ~ result:", result) if (result.code == 1) {
uni.showLoading({
title: '支付中'
});
const payId = result.data.lists.id;
self._post(
'order.group/Pay', {
order_id: payId,
},
function (pay) {
console.log("🚀 ~ pay:", pay)
uni.requestPayment({
provider: 'wxpay',
timeStamp: pay.data.payment.timeStamp,
nonceStr: pay.data.payment.nonceStr,
package: 'prepay_id=' + pay.data.payment.prepay_id,
signType: 'MD5',
paySign: pay.data.payment.paySign,
success: res => {
uni.hideLoading();
setTimeout(() => {
self.showSuccessModal = true;
}, 1000);
},
fail: res => {
setTimeout(() => {
uni.showToast({
title: '支付失败',
icon: 'none'
});
}, 200);
},
});
}
);
} else {
uni.showToast({ title: result.msg || '订单创建失败', icon: 'none' });
}
}, },
false, false,
() => { () => {
} }
) )
setTimeout(() => {
self.showSuccessModal = true;
}, 1000);
}, },
closeSuccessModal() { closeSuccessModal() {
this.showSuccessModal = false; this.showSuccessModal = false;
@ -310,6 +358,7 @@ page {
font-weight: 500; font-weight: 500;
margin-bottom: 8rpx; margin-bottom: 8rpx;
} }
.zh { .zh {
font-size: 32rpx; font-size: 32rpx;
color: #D19A57; color: #D19A57;
@ -324,6 +373,7 @@ page {
font-weight: 500; font-weight: 500;
margin-bottom: 8rpx; margin-bottom: 8rpx;
} }
.zh { .zh {
font-size: 32rpx; font-size: 32rpx;
color: #834B08; color: #834B08;
@ -377,7 +427,7 @@ page {
.card-img { .card-img {
width: 100%; width: 100%;
border-radius: 20rpx; border-radius: 20rpx;
box-shadow: 0 10rpx 20rpx rgba(0,0,0,0.1); box-shadow: 0 10rpx 20rpx rgba(0, 0, 0, 0.1);
} }
} }
} }
@ -496,7 +546,7 @@ page {
box-sizing: border-box; box-sizing: border-box;
.btn-submit { .btn-submit {
background: linear-gradient( 90deg, #F6E1B0 0%, #EDC66E 100%); background: linear-gradient(90deg, #F6E1B0 0%, #EDC66E 100%);
color: #333; color: #333;
font-size: 32rpx; font-size: 32rpx;
font-weight: bold; font-weight: bold;
@ -705,7 +755,7 @@ page {
} }
.buy-modal-btn { .buy-modal-btn {
background: linear-gradient( 90deg, #F6E1B0 0%, #EDC66E 100%); background: linear-gradient(90deg, #F6E1B0 0%, #EDC66E 100%);
color: #333; color: #333;
font-size: 32rpx; font-size: 32rpx;
font-weight: bold; font-weight: bold;
@ -763,7 +813,7 @@ page {
transform: translateX(-50%); transform: translateX(-50%);
width: 396rpx; width: 396rpx;
height: 88rpx; height: 88rpx;
background: linear-gradient( 90deg, #F6E1B0 0%, #EDC66E 100%); background: linear-gradient(90deg, #F6E1B0 0%, #EDC66E 100%);
border-radius: 44rpx; border-radius: 44rpx;
display: flex; display: flex;
align-items: center; align-items: center;