Compare commits

..

3 Commits

Author SHA1 Message Date
赵毅
686a9df6e1 修改团购商品详情页样式 2025-11-08 17:33:34 +08:00
赵毅
627485176e 修改商品详情页已售部分的bug
优化代码,取消控制台报错
2025-11-08 14:30:12 +08:00
赵毅
c14f4b221c 修改易购支付成功之后的弹窗 2025-11-08 08:43:30 +08:00
4 changed files with 159 additions and 47 deletions

View File

@ -727,14 +727,14 @@ export default {
// //
getBuyRecord() { getBuyRecord() {
const params = { const params = {
activity_id: 47, activity_id: this.groupById,
goods_id: this.id goods_id: this.itemObj.id,
} }
request(apiArr2.groupBuyRecord, 'POST', params).then(res => { request(apiArr2.groupBuyRecord, 'POST', params).then(res => {
const record = res.group_buy_record.map(item => { const record = res.group_buy_record.map(item => {
return { return {
...item, ...item,
avatar: picture + item.avatar avatar: picUrl + item.avatar
} }
}) })
this.purchaseRecords = record this.purchaseRecords = record

View File

@ -109,6 +109,9 @@
</view> </view>
<view class="boxshadow_img"> <view class="boxshadow_img">
<view v-if="verifyCode">核销码{{ verifyCode }}</view> <view v-if="verifyCode">核销码{{ verifyCode }}</view>
<!-- <image
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_share_img.png">
</image> -->
</view> </view>
<view> <view>
<view class="wealBoxTit"> <view class="wealBoxTit">
@ -118,8 +121,7 @@
<view class="wealBox"> <view class="wealBox">
<view class="wealBoxItem wealBoxItem1"> <view class="wealBoxItem wealBoxItem1">
<view class="wealBoxItemTop"> <view class="wealBoxItemTop">
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/activity_fen.png" <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/activity_fen.png" mode="aspectFit">
mode="aspectFit">
</image> </image>
<view>石榴分</view> <view>石榴分</view>
</view> </view>
@ -132,8 +134,7 @@
</view> </view>
<view class="wealBoxItem wealBoxItem2"> <view class="wealBoxItem wealBoxItem2">
<view class="wealBoxItemTop"> <view class="wealBoxItemTop">
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/activity_zi.png" <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/activity_zi.png" mode="aspectFit">
mode="aspectFit">
</image> </image>
<view>石榴籽</view> <view>石榴籽</view>
</view> </view>
@ -146,8 +147,7 @@
</view> </view>
<view class="wealBoxItem wealBoxItem3"> <view class="wealBoxItem wealBoxItem3">
<view class="wealBoxItemTop"> <view class="wealBoxItemTop">
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/activity_jin.png" <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/activity_jin.png" mode="aspectFit"/>
mode="aspectFit" />
<view>石榴金</view> <view>石榴金</view>
</view> </view>
<view> <view>
@ -159,6 +159,39 @@
</view> </view>
</view> </view>
</view> </view>
<view class="bottom">
<view class="boxbottom1">
<view class="boxbottom">
<view class="line1"></view>
赶快邀请好友来下单吧
<view class="line2"></view>
</view>
<view @click.stop="changeShadow">
<view class="shadowBox1">
<button class="shadowBox1Item_btn" open-type="share" bindtap="onShareButtonClick" />
<view class="shadowBox1Item">
<image
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_WX.png"
mode="aspectFill"></image>
微信好友
</view>
<button class="shadowBox2Item_btn" open-type="share" bindtap="onShareButtonClick" />
<view class="shadowBox1Item" @click="shareFriend">
<image
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_WX.png"
mode="aspectFill"></image>
小程序链接
</view>
<!-- <view class="shadowBox1Item" @click="openSave">
<image
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_saveImg.png"
mode="aspectFill"></image>
二维码海报
</view> -->
</view>
</view>
</view>
</view>
</view> </view>
</view> </view>
</view> </view>

View File

@ -172,18 +172,18 @@ image {
margin-top: 20rpx; margin-top: 20rpx;
} }
.timeBox{ .timeBox {
display: flex; display: flex;
color: #ff370e; color: #ff370e;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.dayTimeBox{ .dayTimeBox {
margin-right: 10rpx; margin-right: 10rpx;
} }
.time{ .time {
padding: 5rpx; padding: 5rpx;
color: #fff; color: #fff;
border-radius: 10rpx; border-radius: 10rpx;
@ -333,7 +333,7 @@ image {
padding-bottom: 10rpx; padding-bottom: 10rpx;
} }
.num{ .num {
color: #808080; color: #808080;
font-size: 24rpx; font-size: 24rpx;
position: absolute; position: absolute;
@ -349,10 +349,9 @@ image {
} }
.GGBox { .GGBox {
margin: 0 20rpx; margin: 30rpx 20rpx 20rpx 20rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-top: 30rpx;
} }
.GG_rigth { .GG_rigth {
@ -442,12 +441,48 @@ image {
font-weight: 700; font-weight: 700;
} }
.specification {
height: 100rpx;
display: flex;
align-items: center;
}
.spe_Item {
margin: 0 20rpx;
}
.shu {
height: 60rpx;
width: 1rpx;
border-left: 1rpx solid #d8d7d7;
}
.spe_ItemCon {
display: flex;
align-items: center;
}
.spe_ItemCon image {
width: 26rpx;
height: 26rpx;
margin-left: 10rpx;
}
.spe_ItemCon {
font-size: 26rpx;
font-weight: bold;
}
.spe_ItemTit {
font-size: 26rpx;
color: #999999;
margin-top: 5rpx;
}
.Msg_Item { .Msg_Item {
display: flex; display: flex;
align-items: center; align-items: center;
border-bottom: 1rpx solid #EBEBEB; border-bottom: 1rpx solid #EBEBEB;
;
} }
.Msg_ItemTit { .Msg_ItemTit {
@ -469,6 +504,7 @@ image {
.Msg_ItemCon image { .Msg_ItemCon image {
width: 28rpx; width: 28rpx;
height: 28rpx; height: 28rpx;
margin-left: 10rpx;
} }
.GoosMsg { .GoosMsg {
@ -507,11 +543,29 @@ image {
height: 40rpx; height: 40rpx;
} }
.car_right_box{
display: flex;
}
.car_right { .car_right {
width: 470rpx; width: 220rpx;
height: 70rpx; height: 70rpx;
background: linear-gradient(91deg, #FF7658 0%, #FF370B 100%); /* background: linear-gradient(91deg, #FF7658 0%, #FF370B 100%); */
border-radius: 100rpx 100rpx 100rpx 100rpx; background: #ff712c;
border-radius: 20rpx 0 0 20rpx;
font-size: 36rpx;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
margin-top: 26rpx;
}
.seckill {
width: 220rpx;
height: 70rpx;
background: #ff3b31;
border-radius: 0 20rpx 20rpx 0;
font-size: 36rpx; font-size: 36rpx;
color: #FFFFFF; color: #FFFFFF;
display: flex; display: flex;
@ -924,7 +978,7 @@ image {
align-items: center; align-items: center;
} }
.buy-btn{ .buy-btn {
width: 150rpx; width: 150rpx;
height: 50rpx; height: 50rpx;
line-height: 50rpx; line-height: 50rpx;

View File

@ -54,9 +54,16 @@
</view> </view>
<view class="Money"> <view class="Money">
<view class="MoneyMark"></view> <!-- <view class="MoneyMark"></view>
{{ currentGG.group_buy_price }} {{ currentGG.group_buy_price }}
<view class="MoneyUnit">/{{ currentGG.goods_unit }}</view> <view class="MoneyUnit">/{{ currentGG.goods_unit }}</view> -->
<view class="Tit">
<view class="tag tag-text" v-if="
currentGG.is_same_day
">当日达</view>
{{ currentGG.goods_name }}
</view>
<view class="Msg">{{ currentGG.commodity_brief }}</view>
<view class="num">已售{{ soldOutNum }} | 剩余{{ currentGG.total_stock }}</view> <view class="num">已售{{ soldOutNum }} | 剩余{{ currentGG.total_stock }}</view>
</view> </view>
@ -74,14 +81,26 @@
</view> </view>
</view> </view>
<view class="Tit"> <view class="fenge"></view>
<view class="tag tag-text" v-if=" <view class="specification">
currentGG.is_same_day <view class="spe_Item">
">当日达</view> <view class="spe_ItemCon" @click="copys(currentGG.goods_no)">
{{ currentGG.goods_name }} {{ currentGG.goods_no }}
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_copy.png"></image>
</view>
<view class="spe_ItemTit">货号</view>
</view>
<view class="shu"></view>
<view class="spe_Item">
<view class="spe_ItemCon">{{ currentGG.goods_spec }}</view>
<view class="spe_ItemTit">规格说明</view>
</view>
<view class="shu"></view>
<view class="spe_Item">
<view class="spe_ItemCon">{{ currentGG.goods_unit }}</view>
<view class="spe_ItemTit">售卖单位</view>
</view>
</view> </view>
<view class="Msg">{{ currentGG.commodity_brief }}</view>
<view class="fenge"></view> <view class="fenge"></view>
<!-- 已购买区域 --> <!-- 已购买区域 -->
@ -108,9 +127,9 @@
<view class="fenge"></view> <view class="fenge"></view>
<h3 class="GoodsMsg">商品详情</h3> <h3 class="GoodsMsg" v-if="currentGG.goods_detail_pic && currentGG.goods_detail_pic.length > 0">商品详情</h3>
<view class="Msg_Item"> <!-- <view class="Msg_Item">
<view class="Msg_ItemTit">货号</view> <view class="Msg_ItemTit">货号</view>
<view class="Msg_ItemCon" @click="copys(currentGG.goods_no)"> <view class="Msg_ItemCon" @click="copys(currentGG.goods_no)">
{{ currentGG.goods_no }} {{ currentGG.goods_no }}
@ -124,7 +143,7 @@
<view class="Msg_Item"> <view class="Msg_Item">
<view class="Msg_ItemTit">售卖单位</view> <view class="Msg_ItemTit">售卖单位</view>
<view class="Msg_ItemCon">{{ currentGG.goods_unit }}</view> <view class="Msg_ItemCon">{{ currentGG.goods_unit }}</view>
</view> </view> -->
<view class="GoosMsg"> <view class="GoosMsg">
<image v-for="item in currentGG.goods_detail_pic" :src="picUrl + item" :key="item" mode="widthFix"></image> <image v-for="item in currentGG.goods_detail_pic" :src="picUrl + item" :key="item" mode="widthFix"></image>
@ -165,19 +184,25 @@
已售罄 已售罄
</view> </view>
<view class="car_right" v-if=" <view class="car_right_box">
info.commodity_goods_info_list[currentGGIndex].total_stock > 0 && <view class="car_right" v-if="
(!info.commodity_goods_info_list[currentGGIndex].cart_count || info.commodity_goods_info_list[currentGGIndex].total_stock > 0 &&
info.commodity_goods_info_list[currentGGIndex].cart_count.count == 0) (!info.commodity_goods_info_list[currentGGIndex].cart_count ||
" @click="addCar"> info.commodity_goods_info_list[currentGGIndex].cart_count.count == 0)
加入购物车 " @click="addCar">
</view> 加入购物车
</view>
<view class="car_right" @click="changeCar" v-if=" <view class="car_right" @click="changeCar" v-if="
info.commodity_goods_info_list[currentGGIndex].cart_count.count > 0 info.commodity_goods_info_list[currentGGIndex].cart_count.count > 0
&& info.commodity_goods_info_list[currentGGIndex].total_stock > 0 && info.commodity_goods_info_list[currentGGIndex].total_stock > 0
"> ">
加入购物车 加入购物车
</view>
<view class="seckill">
立即秒杀
</view>
</view> </view>
</view> </view>
@ -770,14 +795,14 @@ export default {
// //
getBuyRecord() { getBuyRecord() {
const params = { const params = {
activity_id: 47, activity_id: this.groupById,
goods_id: this.id goods_id: this.itemObj.id,
} }
request(apiArr2.groupBuyRecord, 'POST', params).then(res => { request(apiArr2.groupBuyRecord, 'POST', params).then(res => {
const record = res.group_buy_record.map(item => { const record = res.group_buy_record.map(item => {
return { return {
...item, ...item,
avatar: picture + item.avatar avatar: picUrl + item.avatar
} }
}) })
this.purchaseRecords = record this.purchaseRecords = record