优化团购 - 商品详情页面代码
This commit is contained in:
赵毅
parent
36b69c31b1
commit
da61b6ca53
@ -417,7 +417,7 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="pay-button" @click="submitPayment">立即支付</view>
|
<view class="pay-button" @click="submitPayment">立即支付</view>
|
||||||
</u-popup>
|
</u-popup>
|
||||||
|
|
||||||
<!-- 弹窗 - 支付成功 -->
|
<!-- 弹窗 - 支付成功 -->
|
||||||
<view class="pay-success-shadow" @click="changeShadow2" v-if="boxshadow5">
|
<view class="pay-success-shadow" @click="changeShadow2" v-if="boxshadow5">
|
||||||
<view class="pay-success-container">
|
<view class="pay-success-container">
|
||||||
@ -430,76 +430,77 @@
|
|||||||
<view class="verify-code-section">
|
<view class="verify-code-section">
|
||||||
<view v-if="verifyCode">核销码：{{ verifyCode }}</view>
|
<view v-if="verifyCode">核销码：{{ verifyCode }}</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="welfare-container">
|
<view class="welfare-container">
|
||||||
<view class="welfare-header">
|
<view class="welfare-header">
|
||||||
<view class="welfare-title">
|
<view class="welfare-title">
|
||||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/groupPurchase/welfare.png"></image>
|
<image
|
||||||
下单福利
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/groupPurchase/welfare.png">
|
||||||
</view>
|
|
||||||
<view class="welfare-action">已获得</view>
|
|
||||||
</view>
|
|
||||||
<view class="welfare-box">
|
|
||||||
<view class="welfare-item welfare-item-points">
|
|
||||||
<view class="welfare-item-top">
|
|
||||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/activity_fen.png" mode="aspectFit">
|
|
||||||
</image>
|
</image>
|
||||||
<view>石榴分</view>
|
下单福利
|
||||||
</view>
|
</view>
|
||||||
<view>
|
<view class="welfare-action">已获得</view>
|
||||||
{{ slFen }}
|
</view>
|
||||||
|
<view class="welfare-box">
|
||||||
|
<view class="welfare-item welfare-item-points">
|
||||||
|
<view class="welfare-item-top">
|
||||||
|
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/activity_fen.png" mode="aspectFit">
|
||||||
|
</image>
|
||||||
|
<view>石榴分</view>
|
||||||
|
</view>
|
||||||
|
<view>
|
||||||
|
{{ slFen }}
|
||||||
|
</view>
|
||||||
|
<view class="welfare-item-bottom">
|
||||||
|
可抵扣 ￥{{ slFen }}
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="welfare-item-bottom">
|
<view class="welfare-item welfare-item-coupon">
|
||||||
可抵扣 ￥{{ slFen }}
|
<view class="welfare-item-top">
|
||||||
|
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/activity_zi.png" mode="aspectFit">
|
||||||
|
</image>
|
||||||
|
<view>石榴籽</view>
|
||||||
|
</view>
|
||||||
|
<view>
|
||||||
|
{{ slZi }}
|
||||||
|
</view>
|
||||||
|
<view class="welfare-item-bottom">
|
||||||
|
可抵扣 ￥{{ slZi }}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="welfare-item welfare-item-beans">
|
||||||
|
<view class="welfare-item-top">
|
||||||
|
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/activity_jin.png" mode="aspectFit" />
|
||||||
|
<view>石榴金</view>
|
||||||
|
</view>
|
||||||
|
<view>
|
||||||
|
{{ slJin }}
|
||||||
|
</view>
|
||||||
|
<view class="welfare-item-bottom">
|
||||||
|
可抵扣 ￥{{ slJin }}
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="welfare-item welfare-item-coupon">
|
<view class="bottom2">
|
||||||
<view class="welfare-item-top">
|
<view class="invite-section">
|
||||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/activity_zi.png" mode="aspectFit">
|
<view class="invite-text">
|
||||||
</image>
|
<view class="invite-line1"></view>
|
||||||
<view>石榴籽</view>
|
赶快邀请好友来下单吧
|
||||||
</view>
|
<view class="invite-line2"></view>
|
||||||
<view>
|
</view>
|
||||||
{{ slZi }}
|
<view @click.stop="changeShadow2">
|
||||||
</view>
|
<view class="share-buttons">
|
||||||
<view class="welfare-item-bottom">
|
<button class="share-btn-wechat" open-type="share" bindtap="onShareButtonClick" />
|
||||||
可抵扣 ￥{{ slZi }}
|
<view class="share-item">
|
||||||
</view>
|
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_WX.png"
|
||||||
</view>
|
mode="aspectFill"></image>
|
||||||
<view class="welfare-item welfare-item-beans">
|
微信好友
|
||||||
<view class="welfare-item-top">
|
</view>
|
||||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/activity_jin.png" mode="aspectFit"/>
|
<button class="share-btn-miniprogram" open-type="share" bindtap="onShareButtonClick" />
|
||||||
<view>石榴金</view>
|
<view class="share-item" @click="shareFriend">
|
||||||
</view>
|
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_WX.png"
|
||||||
<view>
|
mode="aspectFill"></image>
|
||||||
{{ slJin }}
|
小程序链接
|
||||||
</view>
|
</view>
|
||||||
<view class="welfare-item-bottom">
|
|
||||||
可抵扣 ￥{{ slJin }}
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="bottom2">
|
|
||||||
<view class="invite-section">
|
|
||||||
<view class="invite-text">
|
|
||||||
<view class="invite-line1"></view>
|
|
||||||
赶快邀请好友来下单吧
|
|
||||||
<view class="invite-line2"></view>
|
|
||||||
</view>
|
|
||||||
<view @click.stop="changeShadow2">
|
|
||||||
<view class="share-buttons">
|
|
||||||
<button class="share-btn-wechat" open-type="share" bindtap="onShareButtonClick" />
|
|
||||||
<view class="share-item">
|
|
||||||
<image
|
|
||||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_WX.png"
|
|
||||||
mode="aspectFill"></image>
|
|
||||||
微信好友
|
|
||||||
</view>
|
|
||||||
<button class="share-btn-miniprogram" open-type="share" bindtap="onShareButtonClick" />
|
|
||||||
<view class="share-item" @click="shareFriend">
|
|
||||||
<image
|
|
||||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_WX.png"
|
|
||||||
mode="aspectFill"></image>
|
|
||||||
小程序链接
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -601,7 +602,7 @@ export default {
|
|||||||
})
|
})
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
// 检查商品数量
|
// 检查商品数量
|
||||||
if (this.changeCount <= 0) {
|
if (this.changeCount <= 0) {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
@ -610,18 +611,18 @@ export default {
|
|||||||
})
|
})
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
// 获取当前时间和活动时间，检查是否在团购活动时间内
|
// 获取当前时间和活动时间，检查是否在团购活动时间内
|
||||||
const currentTime = new Date().getTime();
|
const currentTime = new Date().getTime();
|
||||||
const activityInfo = this.currentGG.group_buy_activity_info;
|
const activityInfo = this.currentGG.group_buy_activity_info;
|
||||||
let isGroupBuyValid = false;
|
let isGroupBuyValid = false;
|
||||||
|
|
||||||
if (activityInfo) {
|
if (activityInfo) {
|
||||||
const startTime = new Date(activityInfo.start_time).getTime();
|
const startTime = new Date(activityInfo.start_time).getTime();
|
||||||
const endTime = new Date(activityInfo.end_time).getTime();
|
const endTime = new Date(activityInfo.end_time).getTime();
|
||||||
isGroupBuyValid = currentTime >= startTime && currentTime <= endTime;
|
isGroupBuyValid = currentTime >= startTime && currentTime <= endTime;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 根据平台设置不同的trans_type值
|
// 根据平台设置不同的trans_type值
|
||||||
// 小程序: 71, App: 51
|
// 小程序: 71, App: 51
|
||||||
const systemInfo = uni.getSystemInfoSync();
|
const systemInfo = uni.getSystemInfoSync();
|
||||||
@ -640,7 +641,7 @@ export default {
|
|||||||
// #ifdef APP-PLUS
|
// #ifdef APP-PLUS
|
||||||
trans_type = 51; // App平台
|
trans_type = 51; // App平台
|
||||||
// #endif
|
// #endif
|
||||||
|
|
||||||
// 创建订单参数
|
// 创建订单参数
|
||||||
const params = {
|
const params = {
|
||||||
user_id: uni.getStorageSync('userId'),
|
user_id: uni.getStorageSync('userId'),
|
||||||
@ -661,7 +662,7 @@ export default {
|
|||||||
}]
|
}]
|
||||||
}]
|
}]
|
||||||
}
|
}
|
||||||
|
|
||||||
// 调用创建订单接口
|
// 调用创建订单接口
|
||||||
request(apiArr.createOrder, "POST", params).then(resVal => {
|
request(apiArr.createOrder, "POST", params).then(resVal => {
|
||||||
// 调用预下单接口
|
// 调用预下单接口
|
||||||
@ -670,7 +671,7 @@ export default {
|
|||||||
user_id: uni.getStorageSync('userId'),
|
user_id: uni.getStorageSync('userId'),
|
||||||
trans_type: trans_type
|
trans_type: trans_type
|
||||||
}
|
}
|
||||||
|
|
||||||
request(apiArr.mergePreorder, "POST", preOrderParam).then(res => {
|
request(apiArr.mergePreorder, "POST", preOrderParam).then(res => {
|
||||||
// 处理预下单响应
|
// 处理预下单响应
|
||||||
this.handleMergePreorderResponse(res, resVal.order_id);
|
this.handleMergePreorderResponse(res, resVal.order_id);
|
||||||
@ -683,7 +684,7 @@ export default {
|
|||||||
})
|
})
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
// 处理mergePreorder接口的响应
|
// 处理mergePreorder接口的响应
|
||||||
handleMergePreorderResponse(res, orderId) {
|
handleMergePreorderResponse(res, orderId) {
|
||||||
if (res && res.timeStamp && res.nonceStr && res.package && res.signType && res.paySign) {
|
if (res && res.timeStamp && res.nonceStr && res.package && res.signType && res.paySign) {
|
||||||
@ -708,10 +709,10 @@ export default {
|
|||||||
this.slFen = res.shiliu_fen || 0;
|
this.slFen = res.shiliu_fen || 0;
|
||||||
this.slZi = res.shiliu_zi || 0;
|
this.slZi = res.shiliu_zi || 0;
|
||||||
this.slJin = res.shiliu_money || 0;
|
this.slJin = res.shiliu_money || 0;
|
||||||
|
|
||||||
// 显示支付成功弹窗
|
// 显示支付成功弹窗
|
||||||
this.boxshadow5 = true;
|
this.boxshadow5 = true;
|
||||||
|
|
||||||
// 关闭支付弹窗
|
// 关闭支付弹窗
|
||||||
this.closeSeckill();
|
this.closeSeckill();
|
||||||
})
|
})
|
||||||
@ -754,42 +755,42 @@ export default {
|
|||||||
},
|
},
|
||||||
|
|
||||||
// 关闭团购记录
|
// 关闭团购记录
|
||||||
closePurchase() {
|
closePurchase() {
|
||||||
this.showPurchase = false;
|
this.showPurchase = false;
|
||||||
},
|
},
|
||||||
|
|
||||||
// 关闭支付成功弹窗
|
// 关闭支付成功弹窗
|
||||||
changeShadow2() {
|
changeShadow2() {
|
||||||
this.boxshadow5 = false;
|
this.boxshadow5 = false;
|
||||||
},
|
},
|
||||||
|
|
||||||
// 分享给微信好友
|
// 分享给微信好友
|
||||||
shareFriend() {
|
shareFriend() {
|
||||||
this.boxshadow5 = false; // 关闭分享弹窗
|
this.boxshadow5 = false; // 关闭分享弹窗
|
||||||
|
|
||||||
// 调用分享API
|
// 调用分享API
|
||||||
if (typeof uni.share !== 'undefined') {
|
if (typeof uni.share !== 'undefined') {
|
||||||
uni.share({
|
uni.share({
|
||||||
provider: 'weixin',
|
provider: 'weixin',
|
||||||
scene: 'WXSceneSession',
|
scene: 'WXSceneSession',
|
||||||
type: 0,
|
type: 0,
|
||||||
title: this.currentGG.goods_name || '商品分享',
|
title: this.currentGG.goods_name || '商品分享',
|
||||||
summary: this.currentGG.commodity_brief || '快来看看这款商品吧',
|
summary: this.currentGG.commodity_brief || '快来看看这款商品吧',
|
||||||
href: `${window.location.origin}/pages/goodsDetail/index?id=${this.id}`,
|
href: `${window.location.origin}/pages/goodsDetail/index?id=${this.id}`,
|
||||||
imageUrl: this.picUrl + (this.currentGG.goods_carousel && this.currentGG.goods_carousel[0] || ''),
|
imageUrl: this.picUrl + (this.currentGG.goods_carousel && this.currentGG.goods_carousel[0] || ''),
|
||||||
success: () => {
|
success: () => {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: '分享成功',
|
title: '分享成功',
|
||||||
icon: 'success',
|
icon: 'success',
|
||||||
duration: 2000
|
duration: 2000
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
fail: (err) => {
|
fail: (err) => {
|
||||||
console.error('分享失败', err);
|
console.error('分享失败', err);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
//去下单
|
//去下单
|
||||||
goSubmit() {
|
goSubmit() {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user