Myth
5 years ago
29 changed files with 1933 additions and 106 deletions
@ -0,0 +1,248 @@ |
|||
// list//pages/group/index.js
|
|||
import commonApi from "../../utils/https/common"; |
|||
import util from "../../utils/util" |
|||
let timer = null,app = getApp(); |
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
showIngGroup:false, |
|||
pageNo:1, |
|||
isMore:true, |
|||
list:[], |
|||
hot:[], |
|||
ingGroup:{} |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad: function (options) { |
|||
|
|||
commonApi.user_post("activity.groups/product_list",{ |
|||
isHot:1, |
|||
page:1, |
|||
limit:10 |
|||
}).then(res=>{ |
|||
this.setData({ |
|||
hot:res.data.data |
|||
}) |
|||
}) |
|||
this.getList() |
|||
}, |
|||
getList:function(){ |
|||
commonApi.user_post("activity.groups/product_list",{ |
|||
isHot:0, |
|||
page:this.data.pageNo, |
|||
limit:10 |
|||
}).then(res=>{ |
|||
this.setData({ |
|||
list:res.data.data |
|||
}) |
|||
}) |
|||
}, |
|||
gotoDetail:function(e){ |
|||
let item = e.currentTarget.dataset.item,that = this; |
|||
commonApi.user_post("activity.groups/is_join",{ |
|||
id:item.id |
|||
}).then(res=>{ |
|||
let isJoin = false; |
|||
if(res.data.length>0 && res.data[0].status==1){ |
|||
// 已经参与了这个团购
|
|||
res.data[0].gp_num = item.gp_num; |
|||
this.setData({ |
|||
showIngGroup:true, |
|||
ingGroup:res.data |
|||
}) |
|||
this.setTime(); |
|||
} |
|||
else { |
|||
// 未参与该团购
|
|||
// 售罄
|
|||
if(item.left_stock_num<=0){ |
|||
wx.showModal({ |
|||
title:"提示", |
|||
content:"商品售罄是否进行原价购买", |
|||
success:function(res){ |
|||
if(res.confirm){ |
|||
// 去下单
|
|||
util.goKjOrder(item).then(product=>{ |
|||
if(item.type=='post'){ |
|||
app.globalData.postProduct = product; |
|||
wx.navigateTo({ |
|||
url: '/pages/order/postOrder/index', |
|||
}) |
|||
} |
|||
else if(item.type=='ticket' || item.type=='scene'){ |
|||
app.globalData.product = product[0]; |
|||
wx.navigateTo({ |
|||
url: '/pages/order/scene/index', |
|||
}) |
|||
} |
|||
}) |
|||
// that.goOrder(item)
|
|||
} |
|||
} |
|||
}) |
|||
return; |
|||
} |
|||
// 正常参团
|
|||
else { |
|||
wx.navigateTo({ |
|||
url: 'info/index?id='+item.id, |
|||
}) |
|||
} |
|||
} |
|||
}) |
|||
}, |
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady: function () { |
|||
|
|||
}, |
|||
setTime:function(){ |
|||
let info = this.data.ingGroup; |
|||
if(!this.data.showIngGroup || info.length==0) { |
|||
if(timer){ |
|||
clearTimeout(timer); |
|||
timer=null; |
|||
} |
|||
this.setData({ |
|||
showIngGroup:false |
|||
}) |
|||
return; |
|||
} |
|||
let time = info[0].over_time; |
|||
let overTime = new Date(time.replace(/-/g,'/')).getTime(),now = new Date().getTime(); |
|||
if(overTime<=now){ |
|||
info[0].isOver=true; |
|||
} |
|||
else { |
|||
let t = (overTime - now)/1000; |
|||
let h = Math.floor(t/(60*60)); |
|||
t = t - h * 60*60; |
|||
let m = Math.floor(t/60),s=Math.floor(t-m*60); |
|||
if(h<10) { |
|||
h="0"+h; |
|||
} |
|||
if(m<10) { |
|||
m="0"+m; |
|||
} |
|||
if(s<10) { |
|||
s="0"+s; |
|||
} |
|||
info[0].h=h; |
|||
info[0].m=m; |
|||
info[0].s=s; |
|||
} |
|||
this.setData({ |
|||
ingGroup:info |
|||
}) |
|||
timer = setTimeout(()=>{ |
|||
this.setTime(); |
|||
},1000) |
|||
}, |
|||
goOrder:function(info){ |
|||
commonApi._get('productfront/getProductInfo',{ |
|||
productId:info.productId |
|||
}).then(res=>{ |
|||
if(!res.data){ |
|||
wx.showToast({ |
|||
title:"该产品不存在或已下架", |
|||
icon:'none' |
|||
}) |
|||
return; |
|||
} |
|||
let skuIndex = res.data.skuInfo.findIndex(item=>item.id==info.skuId); |
|||
if(skuIndex==-1) { |
|||
wx.showToast({ |
|||
title:"该产品规格不存在", |
|||
icon:'none' |
|||
}) |
|||
return; |
|||
} |
|||
let sku = res.data.skuInfo[skuIndex]; |
|||
app.globalData.shoppingCart=[{ |
|||
baseInfo:res.data.baseInfo, |
|||
modelInfo:sku.modelInfo, |
|||
skuInfo:sku, |
|||
productNum:1 |
|||
}]; |
|||
app.globalData.groupId = null; |
|||
app.globalData.discounts = 0; |
|||
wx.navigateTo({ |
|||
url: '/pages/order/index', |
|||
}) |
|||
}) |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow: function () { |
|||
if(this.data.ingGroup){ |
|||
this.setTime(); |
|||
} |
|||
}, |
|||
hideGroup:function(){ |
|||
this.setData({ |
|||
showIngGroup:false |
|||
}) |
|||
wx.navigateTo({ |
|||
url: '/pages/group/info/index?id='+this.data.ingGroup[0].gp_product_id |
|||
}) |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide: function () { |
|||
if(timer){ |
|||
clearTimeout(timer); |
|||
timer = null |
|||
} |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom: function () { |
|||
this.getList() |
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage: function (e) { |
|||
if(e.from=='button'){ |
|||
return { |
|||
title: "我正在发起团购，快来参加吧", // 默认是小程序的名称(可以写slogan等)
|
|||
path: "/pages/group/info/index?id="+this.data.ingGroup.gpInitiateId, // 默认是当前页面，必须是以‘/’开头的完整路径
|
|||
imageUrl: this.data.ingGroup.headImg, //自定义图片路径，可以是本地文件路径、代码包文件路径或者网络图片路径，支持PNG及JPG，不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4
|
|||
} |
|||
} |
|||
else { |
|||
return { |
|||
title: "团购专区", // 默认是小程序的名称(可以写slogan等)
|
|||
path: "list/pages/group/index" |
|||
} |
|||
} |
|||
} |
|||
}) |
|||
@ -0,0 +1,5 @@ |
|||
{ |
|||
"usingComponents": { |
|||
"title":"/pages/component/TitleHeader" |
|||
} |
|||
} |
|||
@ -0,0 +1,62 @@ |
|||
<title title="团购专区"></title> |
|||
<view class="hot-box"> |
|||
<view class="hot-title">热门团购<image src="https://resources.jszhwlpt.com/004e4591-a67a-4282-abf9-1c20feb5554e.png" mode="widthFix"></image></view> |
|||
<view class="hot-list"> |
|||
<view wx:for="{{hot}}" bindtap="gotoDetail" data-item="{{item}}" class="hot-item"> |
|||
<image src="{{item.headimg}}" mode="apsectFill"></image> |
|||
<view class="hot-info"> |
|||
<view class="hot-title1">{{item.title+item.sku_name}}</view> |
|||
<view class="hot-bottom"> |
|||
<text>￥{{item.event_price/100}}</text> |
|||
<view class="old-price">￥{{item.price/100}}</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="list-box"> |
|||
<view class="hot-title">精品团购<image src="https://resources.jszhwlpt.com/b994d3ca-e77e-4ef3-84ae-ba6a31bed666.png" mode="widthFix"></image></view> |
|||
<view wx:for="{{list}}" bindtap="gotoDetail" data-item="{{item}}" class="item"> |
|||
<image src="{{item.headimg}}" mode="aspectFill" class="headimg"></image> |
|||
<view class="item-num">{{item.gp_num}}人团</view> |
|||
<view class="info-box"> |
|||
<view> |
|||
<view class="info-title">{{item.title+item.sku_name}}</view> |
|||
<view class="info-tip">剩余库存:{{item.left_stock_num}}</view> |
|||
<view class="info-tip">团购成功:{{item.stock_num-item.left_stock_num}}</view> |
|||
</view> |
|||
<view class="hot-bottom"> |
|||
<text>￥{{item.event_price/100}}</text> |
|||
<view class="old-price">￥{{item.price/100}}</view> |
|||
<view class="btn" style="background:#ccc" wx:if="{{item.left_stock_num<=0}}">售罄</view> |
|||
<view class="btn" wx:else>团购</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<navigator url="mine/index" class="mine-btn"> |
|||
<view>我的</view> |
|||
<view>团购</view> |
|||
</navigator> |
|||
<view class="mask" wx:if="{{showIngGroup && ingGroup.length>0}}" style="flex-direction:column"> |
|||
<view class="mask-bg" bindtap="hideGroup"></view> |
|||
<view class="mask-content" style="text-align:center;font-size:26rpx;color:#666;padding-bottom:40rpx;z-index:100"> |
|||
<view class="mask-title">您有一个团购正在进行中</view> |
|||
<view>倒计时</view> |
|||
<view class="time-box"> |
|||
<view class="time-bg">{{ingGroup[0].h}}</view> |
|||
<text>:</text> |
|||
<view class="time-bg">{{ingGroup[0].m}}</view> |
|||
<text>:</text> |
|||
<view class="time-bg">{{ingGroup[0].s}}</view> |
|||
</view> |
|||
<view class="time-box headimglist"> |
|||
<image src="{{item.avatar}}" wx:for="{{ingGroup}}" mode="aspectFill"></image> |
|||
<view wx:if="{{ingGroup[0].gp_num>ingGroup.length}}"> |
|||
<button open-type="share" plain="true" style="border:none;padding:0;margin:0;"><image style="margin-right:0" src="https://resources.jszhwlpt.com/ffece698-001a-42be-8d8c-ff86985818e3.png" mode="aspectFill"></image></button> |
|||
</view> |
|||
</view> |
|||
<button open-type="share" plain="true" class="yq-btn">邀请好友</button> |
|||
</view> |
|||
<image class="closeimg" bindtap="hideGroup" src="https://resources.jszhwlpt.com/c34835f4-037d-441a-9282-b9e98c1ddae2.png" mode="widthFix"></image> |
|||
</view> |
|||
@ -0,0 +1,234 @@ |
|||
/* pages/user/pdd/index.wxss */ |
|||
page { |
|||
background: #F2F2F2; |
|||
} |
|||
.mine-btn { |
|||
width: 100rpx; |
|||
height: 100rpx; |
|||
background: #F34922; |
|||
box-shadow: 0px 0px 12px 0px rgba(243, 73, 34, 0.35); |
|||
border-radius: 50%; |
|||
position: fixed; |
|||
right: 30rpx; |
|||
bottom: 80rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
flex-direction: column; |
|||
font-size: 26rpx; |
|||
color: #fff; |
|||
line-height: 34rpx; |
|||
} |
|||
.hot-box { |
|||
background: linear-gradient(-30deg, #FFCC24, #FF9124); |
|||
border-radius: 20rpx; |
|||
padding-bottom: 1rpx; |
|||
margin: 25rpx 20rpx; |
|||
} |
|||
.hot-title { |
|||
display: flex; |
|||
align-items: center; |
|||
height: 70rpx; |
|||
margin: 0 20rpx; |
|||
font-size: 32rpx; |
|||
font-weight: bold; |
|||
} |
|||
.hot-title image { |
|||
width: 30rpx; |
|||
display: block; |
|||
height: 30rpx; |
|||
margin-left: 11rpx; |
|||
} |
|||
.hot-list { |
|||
display: flex; |
|||
margin: 20rpx; |
|||
margin-top: 0; |
|||
overflow-x: auto; |
|||
} |
|||
.hot-item { |
|||
border-radius: 10rpx; |
|||
overflow: hidden; |
|||
background: white; |
|||
width: 210rpx; |
|||
margin-right: 20rpx; |
|||
flex-shrink: 0; |
|||
} |
|||
.hot-list .hot-item:last-child { |
|||
margin-right: 0; |
|||
} |
|||
.hot-item image { |
|||
width: 210rpx; |
|||
display: block; |
|||
height: 180rpx; |
|||
} |
|||
.hot-info { |
|||
height: 120rpx; |
|||
display: flex; |
|||
flex-direction: column; |
|||
font-size: 22rpx; |
|||
padding: 10rpx; |
|||
box-sizing: border-box; |
|||
justify-content: space-between; |
|||
padding-bottom: 20rpx; |
|||
line-height: 26rpx; |
|||
} |
|||
.hot-title1 { |
|||
display: -webkit-box; |
|||
-webkit-box-orient: vertical; |
|||
-webkit-line-clamp: 2; |
|||
overflow: hidden; |
|||
} |
|||
.hot-bottom { |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
.hot-bottom text { |
|||
color: #FF5555; |
|||
} |
|||
.old-price { |
|||
margin-left: 10rpx; |
|||
color: #999; |
|||
text-decoration: line-through; |
|||
font-size: 18rpx; |
|||
} |
|||
.list-box { |
|||
margin: 0 20rpx; |
|||
} |
|||
.item { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
border-radius: 20rpx; |
|||
overflow: hidden; |
|||
background: white; |
|||
margin-bottom: 20rpx; |
|||
position: relative; |
|||
} |
|||
.item-num { |
|||
position: absolute; |
|||
width: 100rpx; |
|||
line-height: 40rpx; |
|||
text-align: center; |
|||
left: 0; |
|||
top: 0; |
|||
background: linear-gradient(270deg, #FFCC24, #FF9124); |
|||
border-radius: 20rpx 0px 20rpx 0px; |
|||
font-size: 24rpx; |
|||
color: #fff; |
|||
} |
|||
.item .headimg { |
|||
border-radius: 20rpx 20rpx 0px 20rpx; |
|||
display: block; |
|||
width: 220rpx; |
|||
height: 220rpx; |
|||
flex-shrink: 0; |
|||
} |
|||
.info-box { |
|||
flex: 1; |
|||
width: calc(100% - 300rpx); |
|||
margin:10rpx 20rpx; |
|||
height: 200rpx; |
|||
font-size: 26rpx; |
|||
color: #666; |
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: space-between; |
|||
} |
|||
.info-title { |
|||
font-size: 30rpx; |
|||
color: #333; |
|||
line-height: 42rpx; |
|||
margin-bottom: 10rpx; |
|||
font-weight: bold; |
|||
} |
|||
.info-box view { |
|||
white-space: nowrap; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
} |
|||
.info-tip { |
|||
margin-bottom: 10rpx; |
|||
} |
|||
.info-box .hot-bottom text { |
|||
font-size: 30rpx; |
|||
} |
|||
.info-box .hot-bottom .old-price { |
|||
font-size: 24rpx; |
|||
flex: 1; |
|||
} |
|||
.info-box .btn { |
|||
width: 160rpx; |
|||
line-height: 50rpx; |
|||
background: linear-gradient(0deg, #FFCC24, #FF9124); |
|||
border-radius: 25rpx; |
|||
text-align: center; |
|||
color: #fff; |
|||
} |
|||
.info-box .btn.disable { |
|||
background: #CCCCCC; |
|||
} |
|||
.mask-title { |
|||
font-size: 36rpx; |
|||
font-weight: bold; |
|||
line-height: 120rpx; |
|||
color: #333; |
|||
} |
|||
.time-box { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
margin-top: 20rpx; |
|||
margin-bottom: 40rpx; |
|||
} |
|||
.time-bg { |
|||
width: 50rpx; |
|||
line-height: 50rpx; |
|||
background: #F2F2F2; |
|||
border-radius: 10rpx; |
|||
color: #F34922; |
|||
} |
|||
.time-box text { |
|||
width: 60rpx; |
|||
} |
|||
.headimglist image { |
|||
display: block; |
|||
width: 80rpx; |
|||
height: 80rpx; |
|||
border-radius: 50%; |
|||
margin-right: 30rpx; |
|||
} |
|||
.headimglist view { |
|||
width: 80rpx; |
|||
height: 80rpx; |
|||
border-radius: 50%; |
|||
overflow: hidden; |
|||
} |
|||
.headimglist button { |
|||
display: block; |
|||
width: 80rpx; |
|||
height: 80rpx; |
|||
background-color: #fff !important; |
|||
background: #fff !important; |
|||
margin: 0 !important; |
|||
} |
|||
button { |
|||
border: none !important; |
|||
padding: 0 !important; |
|||
box-shadow: #fff !important; |
|||
color: #fff !important; |
|||
} |
|||
.closeimg { |
|||
width: 80rpx; |
|||
height: 80rpx; |
|||
display: block; |
|||
margin-top: 30rpx; |
|||
} |
|||
.yq-btn { |
|||
width: 400rpx; |
|||
line-height: 80rpx; |
|||
color: #fff; |
|||
margin: 0 auto; |
|||
background: linear-gradient(270deg, #FFCC24, #FF9124); |
|||
border-radius: 40rpx; |
|||
font-size: 36rpx; |
|||
margin-top: 40rpx; |
|||
} |
|||
@ -0,0 +1,311 @@ |
|||
// pages/info/groupInfo/index.js
|
|||
import commonApi from "../../../utils/https/common"; |
|||
let timer = null,app = getApp(),timer2=null; |
|||
import util from "../../../utils/util" |
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
info:null, |
|||
list:[], |
|||
hot:[], |
|||
id:null, |
|||
isFollow:true, |
|||
showRuleFlag:false, |
|||
isOn:false, |
|||
myIngList:{} |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad: function (options) { |
|||
this.setData({ |
|||
id:options.id |
|||
}) |
|||
commonApi.user_post('activity.groups/detail?id='+options.id,{ |
|||
id:options.id |
|||
}).then(res=>{ |
|||
this.setData({ |
|||
info:res.data.detail, |
|||
hot:res.data.hotProductList |
|||
}) |
|||
if(res.data.self_team.status==-1){ |
|||
this.setData({ |
|||
isOn:false |
|||
}) |
|||
commonApi.user_post("activity.groups/get_teams?limit=100&id="+options.id,{ |
|||
id:options.id, |
|||
limit:10 |
|||
}).then(res=>{ |
|||
this.setData({ |
|||
list:res.data.data |
|||
}) |
|||
this.setListTime(); |
|||
}) |
|||
} |
|||
else { |
|||
this.setData({ |
|||
isOn:true, |
|||
myIngList:res.data.self_team |
|||
}) |
|||
this.setTime(); |
|||
} |
|||
}) |
|||
}, |
|||
// 我的团购结束倒计时
|
|||
setTime:function(){ |
|||
let myIngList = this.data.myIngList,time = myIngList.team_list[0].over_time; |
|||
if(myIngList.isOver){ |
|||
if(timer2){ |
|||
clearTimeout(timer2); |
|||
timer2 = null; |
|||
} |
|||
return; |
|||
} |
|||
let overTime = new Date(time.replace(/-/g,'/')).getTime(),now = new Date().getTime(); |
|||
if(overTime<=now){ |
|||
myIngList.isOver=true; |
|||
} |
|||
else { |
|||
let t = (overTime - now)/1000; |
|||
let h = Math.floor(t/(60*60)); |
|||
t = t - h * 60*60; |
|||
let m = Math.floor(t/60),s=Math.floor(t-m*60); |
|||
if(h<10) { |
|||
h="0"+h; |
|||
} |
|||
if(m<10) { |
|||
m="0"+m; |
|||
} |
|||
if(s<10) { |
|||
s="0"+s; |
|||
} |
|||
myIngList.h=h; |
|||
myIngList.m=m; |
|||
myIngList.s=s; |
|||
} |
|||
this.setData({ |
|||
myIngList:myIngList |
|||
}) |
|||
timer2 = setTimeout(()=>{ |
|||
this.setTime() |
|||
},1000) |
|||
}, |
|||
// 列表倒计时
|
|||
setListTime:function(){ |
|||
let list = this.data.list,now = new Date(); |
|||
list.map(item=>{ |
|||
let t = item.over_time; |
|||
t = new Date(t.replace(/-/g,'/')).getTime() - now; |
|||
if(t<=0) { |
|||
item.isEnd = true; |
|||
} |
|||
else { |
|||
let h = Math.floor(t / 3600000),m = Math.floor((t - h * 3600000)/60000),s = Math.floor((t - h * 3600000 - m * 60000)/1000); |
|||
item.h = h<10?('0'+h):h; |
|||
item.m = m<10?('0'+m):m; |
|||
item.s = s<10?('0'+s):s; |
|||
} |
|||
}) |
|||
this.setData({ |
|||
list:list |
|||
}) |
|||
if(timer){ |
|||
clearTimeout(timer); |
|||
} |
|||
timer = setTimeout(()=>{ |
|||
this.setListTime() |
|||
},1000) |
|||
}, |
|||
// 修改当前详情页id
|
|||
gotoDetail:function(e){ |
|||
clearTimeout(timer); |
|||
timer = null; |
|||
wx.redirectTo({ |
|||
url: '/pages/info/groupInfo/index?id='+e.currentTarget.dataset.id |
|||
}) |
|||
}, |
|||
// 发起团购
|
|||
startGroup:function(){ |
|||
util.goKjOrder(this.data.info).then(product=>{ |
|||
product.map(item=>{ |
|||
item.productNum = this.data.info.purchase_quantity; |
|||
item.sku.event_price = this.data.info.event_price; |
|||
item.maxNum = this.data.info.purchase_quantity; |
|||
}) |
|||
app.globalData.gp_id = this.data.info.id; |
|||
if(this.data.info.type=='post'){ |
|||
app.globalData.postProduct = product; |
|||
wx.navigateTo({ |
|||
url: '/pages/order/postOrder/index', |
|||
}) |
|||
} |
|||
else if(this.data.info.type=='ticket' || this.data.info.type=='scene'){ |
|||
app.globalData.product = product[0]; |
|||
wx.navigateTo({ |
|||
url: '/pages/order/scene/index', |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
// 加入拼团
|
|||
join:function(e){ |
|||
let item = e.currentTarget.dataset.item; |
|||
util.goKjOrder(this.data.info).then(product=>{ |
|||
product.map(item=>{ |
|||
item.productNum = this.data.info.purchase_quantity; |
|||
item.sku.event_price = this.data.info.event_price; |
|||
item.maxNum = this.data.info.purchase_quantity; |
|||
}) |
|||
// app.globalData.gp_id = this.data.info.id;
|
|||
app.globalData.team_id = item.team_id; |
|||
if(this.data.info.type=='post'){ |
|||
app.globalData.postProduct = product; |
|||
wx.navigateTo({ |
|||
url: '/pages/order/postOrder/index', |
|||
}) |
|||
} |
|||
else if(this.data.info.type=='ticket' || this.data.info.type=='scene'){ |
|||
app.globalData.product = product[0]; |
|||
wx.navigateTo({ |
|||
url: '/pages/order/scene/index', |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
// 原价购买
|
|||
goBuy:function(){ |
|||
this.goOrder(null,1); |
|||
}, |
|||
// 去下单
|
|||
goOrder:function(groupId){ |
|||
commonApi._get('productfront/getProductInfo',{ |
|||
productId:this.data.info.productDetail.productId |
|||
}).then(res=>{ |
|||
if(!res.data){ |
|||
wx.showToast({ |
|||
title:"该产品不存在或已下架", |
|||
icon:'none' |
|||
}) |
|||
return; |
|||
} |
|||
let skuIndex = res.data.skuInfo.findIndex(item=>item.id==this.data.info.productDetail.skuId); |
|||
if(skuIndex==-1) { |
|||
wx.showToast({ |
|||
title:"该产品规格不存在", |
|||
icon:'none' |
|||
}) |
|||
return; |
|||
} |
|||
let sku = res.data.skuInfo[skuIndex]; |
|||
app.globalData.shoppingCart=[{ |
|||
baseInfo:res.data.baseInfo, |
|||
modelInfo:sku.modelInfo, |
|||
skuInfo:sku, |
|||
productNum:1, |
|||
purchaseQuantity:this.data.info.productDetail.purchaseQuantity |
|||
}]; |
|||
app.globalData.groupId = groupId; |
|||
app.globalData.discounts = 0; |
|||
wx.navigateTo({ |
|||
url: '../../order/index', |
|||
}) |
|||
}) |
|||
}, |
|||
// 显示或者隐藏规则
|
|||
showRule:function(){ |
|||
this.setData({ |
|||
showRuleFlag:!this.data.showRuleFlag |
|||
}) |
|||
}, |
|||
// 前往列表页 如果是从列表来的直接返回 防止嵌套
|
|||
backList:function(){ |
|||
let page = getCurrentPages(); |
|||
if(page.length>=2 && page[page.length-2].route.indexOf('pages/group/index')!=-1){ |
|||
wx.navigateBack() |
|||
} |
|||
else { |
|||
wx.navigateTo({ |
|||
url: '/pages/group/index' |
|||
}) |
|||
} |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow: function () { |
|||
if(this.data.list.length>0){ |
|||
this.setListTime() |
|||
} |
|||
if(this.data.info && this.data.info.isGroupPurchasing==1){ |
|||
this.setTime() |
|||
} |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide: function () { |
|||
if(timer){ |
|||
clearTimeout(timer) |
|||
timer = null; |
|||
} |
|||
if(timer2){ |
|||
clearTimeout(timer2); |
|||
timer2 = null; |
|||
} |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom: function (e) { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage: function (e) { |
|||
if(e.from=='button' || this.data.myIngList.status==1){ |
|||
return { |
|||
title: "我正在发起团购，快来参加吧", // 默认是小程序的名称(可以写slogan等)
|
|||
path: "/pages/group/info/index?gpId="+this.data.info.id, // 默认是当前页面，必须是以‘/’开头的完整路径
|
|||
imageUrl: this.data.info.headimg, //自定义图片路径，可以是本地文件路径、代码包文件路径或者网络图片路径，支持PNG及JPG，不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4
|
|||
} |
|||
} |
|||
else { |
|||
return { |
|||
title: this.data.info.title+this.data.info.sku_name+"正在团购中~", // 默认是小程序的名称(可以写slogan等)
|
|||
path: "/pages/group/info/index?id="+this.data.info.id, // 默认是当前页面，必须是以‘/’开头的完整路径
|
|||
imageUrl: this.data.info.headimg, //自定义图片路径，可以是本地文件路径、代码包文件路径或者网络图片路径，支持PNG及JPG，不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4
|
|||
} |
|||
} |
|||
} |
|||
}) |
|||
@ -0,0 +1,5 @@ |
|||
{ |
|||
"usingComponents": { |
|||
"title":"/pages/component/TitleHeader" |
|||
} |
|||
} |
|||
@ -0,0 +1,115 @@ |
|||
<!--pages/info/groupInfo/index.wxml--> |
|||
<title title="团购详情"></title> |
|||
<view class="info-top-box" wx:if="{{info}}"> |
|||
<view class="item"> |
|||
<image src="{{info.headimg}}" mode="aspectFill" class="headimg"></image> |
|||
<view class="item-num">{{info.gp_num}}人团</view> |
|||
<view class="info-box"> |
|||
<view> |
|||
<view class="info-title">{{info.title+info.sku_name}}</view> |
|||
<view class="info-tip">剩余库存:{{info.left_stock_num}}</view> |
|||
</view> |
|||
<view class="hot-bottom"> |
|||
<text>￥{{info.event_price/100}}</text> |
|||
<view class="old-price">￥{{info.price/100}}</view> |
|||
</view> |
|||
</view> |
|||
<navigator url="/pages/info/{{info.type=='post'?'post':'scene'}}ProductInfo/index?id={{info.goods_id}}" class="info-btn">详情 ></navigator> |
|||
</view> |
|||
<!-- 进行中的拼团 --> |
|||
<view wx:if="{{isOn && myIngList && myIngList.status==1}}"> |
|||
<view class="mask-title">还差<text>{{info.gp_num - myIngList.team_list.length}}</text>人</view> |
|||
<view class="top-tip">成团立享超值优惠</view> |
|||
<view>倒计时</view> |
|||
<view class="time-box"> |
|||
<view class="time-bg">{{myIngList.h}}</view> |
|||
<text>:</text> |
|||
<view class="time-bg">{{myIngList.m}}</view> |
|||
<text>:</text> |
|||
<view class="time-bg">{{myIngList.s}}</view> |
|||
</view> |
|||
<view class="time-box headimglist"> |
|||
<image wx:for="{{myIngList.team_list}}" src="{{item.avatar}}" mode="aspectFill"></image> |
|||
<view> |
|||
<button open-type="share" plain="true" style="border:none;padding:0;margin:0;"><image style="margin-right:0" src="https://resources.jszhwlpt.com/ffece698-001a-42be-8d8c-ff86985818e3.png" mode="aspectFill"></image></button> |
|||
</view> |
|||
</view> |
|||
<button open-type="share" plain="true" class="yq-btn">邀请好友</button> |
|||
</view> |
|||
<!-- 失败的拼团 --> |
|||
<view class="fail-box" wx:if="{{info.productDetail.status==0 && info.isGroupPurchasing==1}}"> |
|||
<image src="https://resources.jszhwlpt.com/1fccfcab-2e85-4925-826e-4c35d35b8a9a.png" mode="widthFix"></image> |
|||
<view class="fail-text">团购未满规定人数 已失败</view> |
|||
<view class="fail-btns"> |
|||
<view class="fail-btn border-btn" bindtap="goBuy">原价购买</view> |
|||
<view class="fail-btn" bindtap="startGroup">再开一单</view> |
|||
</view> |
|||
</view> |
|||
<!-- 成功的拼团 --> |
|||
<view class="fail-box" wx:if="{{info.productDetail.status==2 && info.isGroupPurchasing==1}}"> |
|||
<image src="https://resources.jszhwlpt.com/fa6904a2-3063-4d90-8da0-d02424d4ac76.png" mode="widthFix"></image> |
|||
<view class="fail-text" style="color:#F34922">团购活动已人满 团购成功</view> |
|||
<view class="fail-btns"> |
|||
<view class="fail-btn" style="width:600rpx" bindtap="startGroup">再开一单</view> |
|||
</view> |
|||
</view> |
|||
<!-- 活动结束 --> |
|||
<view class="fail-box" wx:if="{{info.productDetail.state==2}}"> |
|||
<image src="https://resources.jszhwlpt.com/fdd3bdd5-7e78-4ab3-8cd7-e5dc08e234e9.png" mode="widthFix"></image> |
|||
<view class="fail-text">团购活动已结束</view> |
|||
<view class="fail-btns"> |
|||
<view class="fail-btn" style="width:600rpx" bindtap="backList">查看其它活动</view> |
|||
</view> |
|||
</view> |
|||
<!-- 拼团未开始 --> |
|||
<view class="new-box" wx:if="{{isOn==false}}"> |
|||
<view class="fail-btns"> |
|||
<view class="fail-btn" style="width:600rpx" bindtap="startGroup">发起团购</view> |
|||
</view> |
|||
<view style="margin-top:30rpx" bindtap="showRule">拼团规则</view> |
|||
<view class="group-list"> |
|||
<view class="group-item" wx:for="{{list}}"> |
|||
<image src="{{item.avatar}}" mode="aspectFill"></image> |
|||
<view class="nickname">{{item.nickname}}</view> |
|||
<view class="group-num">还差<text>{{info.gp_num - item.team_num}}</text>人</view> |
|||
<view class="btn-box" bindtap="join" data-item="{{item}}"> |
|||
<view class="btn-top">参团</view> |
|||
<view class="btn-time">剩余{{item.h}}:{{item.m}}:{{item.s}}</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view style="margin-top:30rpx" wx:else bindtap="showRule">拼团规则</view> |
|||
</view> |
|||
<view class="hot-box"> |
|||
<view class="hot-title"> |
|||
<view>商品推荐</view> |
|||
<view class="more-btn" bindtap="backList">更多 ></view> |
|||
</view> |
|||
<view class="hot-list" wx:if="{{hot.length>0}}"> |
|||
<view class="hot-item" wx:for="{{hot}}" bindtap="gotoDetail" data-id="{{item.id}}"> |
|||
<image src="{{item.headImg}}" mode="apsectFill"></image> |
|||
<view class="hot-info"> |
|||
<view class="hot-title1">{{item.productName+item.skuName}}</view> |
|||
<view class="hot-bottom"> |
|||
<text>￥{{item.eventPrice/100}}</text> |
|||
<view class="old-price">￥{{item.price/100}}</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="mask" wx:if="{{showShareFlag}}"> |
|||
<view class="mask-bg" bindtap="hideShare"></view> |
|||
<view class="mask-content" style="width:500rpx;overflow:hidden;text-align:center;color:#FF9124;padding:40rpx 0;"> |
|||
<view>请先关注公众号</view> |
|||
<image bindlongpress="saveImg" style="width:260rpx;height:260rpx;display:block;margin:40rpx auto;border-radius:10rpx;border:1rpx solid" src="https://resources.jszhwlpt.com/d3c2d106-b893-474f-bf5c-091bd04f247f.jpeg" mode="aspectFill" class="codeimg"></image> |
|||
<view style="color:#333">长按保存二维码</view> |
|||
</view> |
|||
</view> |
|||
<view class="mask" wx:if="{{info && showRuleFlag}}"> |
|||
<view class="mask-bg" bindtap="showRule"></view> |
|||
<view class="mask-content" style="padding:20rpx;max-height:50%;overflow-y:auto;min-height:30%;"> |
|||
<rich-text nodes="{{info.rule_content}}"></rich-text> |
|||
</view> |
|||
</view> |
|||
@ -0,0 +1,329 @@ |
|||
/* pages/info/groupInfo/index.wxss */ |
|||
.headimglist view { |
|||
width: 80rpx; |
|||
height: 80rpx; |
|||
border-radius: 50%; |
|||
overflow: hidden; |
|||
} |
|||
.headimglist button { |
|||
display: block; |
|||
width: 80rpx; |
|||
height: 80rpx; |
|||
background-color: #fff !important; |
|||
background: #fff !important; |
|||
margin: 0 !important; |
|||
} |
|||
button { |
|||
border: none !important; |
|||
padding: 0 !important; |
|||
box-shadow: #fff !important; |
|||
color: #fff !important; |
|||
} |
|||
.info-top-box { |
|||
text-align:center; |
|||
font-size:26rpx; |
|||
color:#666; |
|||
padding: 20rpx; |
|||
padding-bottom:40rpx; |
|||
margin: 20rpx; |
|||
border-radius: 20rpx; |
|||
background: white; |
|||
} |
|||
.mask-title { |
|||
font-size: 36rpx; |
|||
font-weight: bold; |
|||
line-height: 50rpx; |
|||
color: #333; |
|||
margin-top: 30rpx; |
|||
} |
|||
.top-tip { |
|||
font-size: 30rpx; |
|||
color: #333; |
|||
margin-bottom: 40rpx; |
|||
font-weight: bold; |
|||
} |
|||
.time-box { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
margin-top: 20rpx; |
|||
margin-bottom: 40rpx; |
|||
} |
|||
.time-bg { |
|||
width: 50rpx; |
|||
line-height: 50rpx; |
|||
background: #F2F2F2; |
|||
border-radius: 10rpx; |
|||
color: #F34922; |
|||
} |
|||
.time-box text { |
|||
width: 60rpx; |
|||
} |
|||
.headimglist image { |
|||
display: block; |
|||
width: 80rpx; |
|||
height: 80rpx; |
|||
border-radius: 50%; |
|||
margin-right: 30rpx; |
|||
} |
|||
.headimglist image:last-child { |
|||
margin-right: 0; |
|||
} |
|||
.closeimg { |
|||
width: 80rpx; |
|||
height: 80rpx; |
|||
display: block; |
|||
margin-top: 30rpx; |
|||
} |
|||
.yq-btn { |
|||
width: 400rpx; |
|||
line-height: 80rpx; |
|||
color: #fff; |
|||
margin: 0 auto; |
|||
background: linear-gradient(270deg, #FFCC24, #FF9124); |
|||
border-radius: 40rpx; |
|||
font-size: 36rpx; |
|||
margin-top: 40rpx; |
|||
} |
|||
.item { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
padding-bottom: 20rpx; |
|||
position: relative; |
|||
text-align: left; |
|||
border-bottom: 1rpx solid #D8D8D8; |
|||
} |
|||
.item-num { |
|||
position: absolute; |
|||
width: 100rpx; |
|||
line-height: 40rpx; |
|||
text-align: center; |
|||
left: 0; |
|||
top: 0; |
|||
background: linear-gradient(270deg, #FFCC24, #FF9124); |
|||
border-radius: 10rpx 0px 10rpx 0px; |
|||
font-size: 24rpx; |
|||
color: #fff; |
|||
} |
|||
.item .headimg { |
|||
border-radius: 10rpx; |
|||
display: block; |
|||
width: 160rpx; |
|||
height: 160rpx; |
|||
flex-shrink: 0; |
|||
} |
|||
.info-box { |
|||
flex: 1; |
|||
width: calc(100% - 360rpx); |
|||
margin:0 20rpx; |
|||
height: 150rpx; |
|||
font-size: 26rpx; |
|||
color: #666; |
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: space-between; |
|||
} |
|||
.info-title { |
|||
font-size: 30rpx; |
|||
color: #333; |
|||
line-height: 42rpx; |
|||
margin-bottom: 10rpx; |
|||
font-weight: bold; |
|||
} |
|||
.info-box view { |
|||
white-space: nowrap; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
} |
|||
.info-tip { |
|||
margin-bottom: 10rpx; |
|||
} |
|||
.info-box .hot-bottom text { |
|||
font-size: 30rpx; |
|||
font-weight: bold; |
|||
} |
|||
.info-box .hot-bottom .old-price { |
|||
font-size: 24rpx; |
|||
flex: 1; |
|||
} |
|||
.hot-bottom { |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
.hot-bottom text { |
|||
color: #FF5555; |
|||
} |
|||
.old-price { |
|||
margin-left: 10rpx; |
|||
color: #999; |
|||
text-decoration: line-through; |
|||
font-size: 18rpx; |
|||
} |
|||
.info-btn { |
|||
flex-shrink: 0; |
|||
color: #F34922; |
|||
margin-top: 3rpx; |
|||
line-height: 30rpx; |
|||
height: 30rpx; |
|||
} |
|||
.more-btn { |
|||
color: #F34922; |
|||
font-size: 26rpx; |
|||
flex: 1; |
|||
font-weight: normal; |
|||
text-align: right; |
|||
} |
|||
.hot-box { |
|||
border-radius: 20rpx; |
|||
background: white; |
|||
padding-bottom: 1rpx; |
|||
margin: 25rpx 20rpx; |
|||
} |
|||
.hot-title { |
|||
display: flex; |
|||
align-items: center; |
|||
height: 70rpx; |
|||
margin: 0 20rpx; |
|||
font-size: 32rpx; |
|||
font-weight: bold; |
|||
} |
|||
.hot-title image { |
|||
width: 30rpx; |
|||
display: block; |
|||
height: 30rpx; |
|||
margin-left: 11rpx; |
|||
} |
|||
.hot-list { |
|||
display: flex; |
|||
margin:0 20rpx; |
|||
} |
|||
.hot-item { |
|||
border-radius: 10rpx; |
|||
overflow: hidden; |
|||
background: white; |
|||
width: 210rpx; |
|||
margin-right: 20rpx; |
|||
} |
|||
.hot-list .hot-item:last-child { |
|||
margin-right: 0; |
|||
} |
|||
.hot-item image { |
|||
width: 210rpx; |
|||
display: block; |
|||
height: 180rpx; |
|||
} |
|||
.hot-info { |
|||
height: 120rpx; |
|||
display: flex; |
|||
flex-direction: column; |
|||
font-size: 22rpx; |
|||
padding: 10rpx; |
|||
box-sizing: border-box; |
|||
justify-content: space-between; |
|||
padding-bottom: 20rpx; |
|||
line-height: 26rpx; |
|||
} |
|||
.hot-title1 { |
|||
display: -webkit-box; |
|||
-webkit-box-orient: vertical; |
|||
-webkit-line-clamp: 2; |
|||
overflow: hidden; |
|||
font-size: 22rpx; |
|||
} |
|||
.fail-box { |
|||
padding-top: 70rpx; |
|||
text-align: center; |
|||
} |
|||
.fail-box image { |
|||
width: 200rpx; |
|||
display: block; |
|||
margin: 0 auto; |
|||
height: 200rpx; |
|||
} |
|||
.fail-text { |
|||
font-size: 36rpx; |
|||
font-weight: bold; |
|||
color: #000; |
|||
margin-top: 20rpx; |
|||
margin-bottom: 60rpx; |
|||
} |
|||
.fail-btns { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
margin: 0 40rpx; |
|||
} |
|||
.fail-btns .fail-btn { |
|||
width: 280rpx; |
|||
box-sizing: border-box; |
|||
line-height: 80rpx; |
|||
height: 80rpx; |
|||
color: #fff; |
|||
background: linear-gradient(90deg, #FFCC24, #FF9124); |
|||
border-radius: 40rpx; |
|||
font-size: 36rpx; |
|||
} |
|||
.fail-btns .fail-btn.border-btn { |
|||
border: 2rpx solid #FF9124; |
|||
color: #FF9124; |
|||
background: white; |
|||
} |
|||
.new-box { |
|||
padding: 20rpx 0; |
|||
} |
|||
.group-list { |
|||
background: #FFF4E9; |
|||
margin: 0 20rpx; |
|||
margin-top: 30rpx; |
|||
border-radius: 10rpx; |
|||
} |
|||
.group-item { |
|||
margin: 0 20rpx; |
|||
border-bottom: 1rpx solid #FFFFFF; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
height: 140rpx; |
|||
font-size: 26rpx; |
|||
color: #333; |
|||
} |
|||
.group-item image { |
|||
width: 80rpx; |
|||
height: 80rpx; |
|||
display: block; |
|||
flex-shrink: 0; |
|||
border-radius: 50%; |
|||
} |
|||
.group-item .nickname { |
|||
margin: 0 20rpx; |
|||
font-size: 30rpx; |
|||
text-align: left; |
|||
flex: 1; |
|||
} |
|||
.group-num { |
|||
flex-shrink: 0; |
|||
margin-right: 30rpx; |
|||
} |
|||
.group-num text { |
|||
color: #F34922; |
|||
margin: 0 4rpx; |
|||
} |
|||
.btn-box { |
|||
width: 160rpx; |
|||
height: 80rpx; |
|||
background: #fff; |
|||
overflow: hidden; |
|||
border: 2rpx solid #FF9124; |
|||
border-radius: 20rpx; |
|||
color: #fff; |
|||
flex-shrink: 0; |
|||
} |
|||
.btn-top { |
|||
width: 100%; |
|||
background: #ff9124; |
|||
line-height: 50rpx; |
|||
} |
|||
.btn-time { |
|||
font-size: 20rpx; |
|||
line-height: 30rpx; |
|||
color: #666; |
|||
} |
|||
@ -0,0 +1,224 @@ |
|||
// pages/user/pdd/index.js
|
|||
import productApi from "../../../utils/https/common"; |
|||
let timer = null,app = getApp(); |
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
type:1, |
|||
list:[], |
|||
over:[] |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad: function (options) { |
|||
this.getList(); |
|||
}, |
|||
changeType:function(e){ |
|||
let type = e.currentTarget.dataset.type; |
|||
if(this.data.type==type) return; |
|||
this.setData({ |
|||
type:type |
|||
}) |
|||
}, |
|||
gotoDetail:function(e){ |
|||
let data = e.currentTarget.dataset.item; |
|||
if(this.data.type==2){ |
|||
this.goOrder(e); |
|||
return; |
|||
} |
|||
wx.navigateTo({ |
|||
url:"/pages/group/info/index?id="+data.gp_product_id |
|||
}) |
|||
}, |
|||
getList:function(){ |
|||
productApi.user_post("activity.groups/my_teams",{ |
|||
limit:100, |
|||
status:1, |
|||
is_team:1 |
|||
}).then(res=>{ |
|||
this.setData({ |
|||
list:{ |
|||
launchList:res.data.data |
|||
} |
|||
}) |
|||
productApi.user_post("activity.groups/my_teams",{ |
|||
limit:100, |
|||
status:1, |
|||
is_team:0 |
|||
}).then(r=>{ |
|||
this.setData({ |
|||
list:{ |
|||
launchList:res.data.data, |
|||
joinList:r.data.data |
|||
} |
|||
}) |
|||
this.setTime(); |
|||
timer = setInterval(()=>{ |
|||
this.setTime() |
|||
},1000) |
|||
}) |
|||
}) |
|||
productApi.user_post("activity.groups/my_teams",{ |
|||
limit:100, |
|||
status:2, |
|||
is_team:1 |
|||
}).then(res=>{ |
|||
productApi.user_post("activity.groups/my_teams",{ |
|||
limit:100, |
|||
status:2, |
|||
is_team:0 |
|||
}).then(r=>{ |
|||
this.setData({ |
|||
over:{ |
|||
launchList:res.data.data, |
|||
joinList:r.data.data |
|||
} |
|||
}) |
|||
}) |
|||
}) |
|||
}, |
|||
setTime:function(){ |
|||
let list = this.data.list,now = new Date().getTime(); |
|||
for(let i in list){ |
|||
list[i].map(item=>{ |
|||
let overTime = item.over_time; |
|||
overTime = new Date(overTime.replace(/-/g,'/')).getTime(); |
|||
if(overTime<=now){ |
|||
item.isOver=true; |
|||
} |
|||
else { |
|||
let t = (overTime - now)/1000; |
|||
let h = Math.floor(t/(60*60)); |
|||
t = t - h * 60*60; |
|||
let m = Math.floor(t/60),s=Math.floor(t-m*60); |
|||
if(h<10) { |
|||
h="0"+h; |
|||
} |
|||
if(m<10) { |
|||
m="0"+m; |
|||
} |
|||
if(s<10) { |
|||
s="0"+s; |
|||
} |
|||
item.timeText=[h,m,s].join(" : "); |
|||
} |
|||
}) |
|||
} |
|||
this.setData({ |
|||
list:list |
|||
}) |
|||
}, |
|||
goProduct:function(e){ |
|||
let item = e.currentTarget.dataset.item; |
|||
console.log(item); |
|||
productApi._get('productfront/getProductInfo',{ |
|||
productId:item.productId |
|||
}).then(res=>{ |
|||
if(!res.data){ |
|||
wx.showToast({ |
|||
title:"该产品不存在或已下架", |
|||
icon:'none' |
|||
}) |
|||
return; |
|||
} |
|||
let skuIndex = res.data.skuInfo.findIndex(sku=>sku.id==item.skuId); |
|||
if(skuIndex==-1) { |
|||
wx.showToast({ |
|||
title:"该产品规格不存在", |
|||
icon:'none' |
|||
}) |
|||
return; |
|||
} |
|||
let sku = res.data.skuInfo[skuIndex]; |
|||
app.globalData.shoppingCart=[{ |
|||
baseInfo:res.data.baseInfo, |
|||
modelInfo:sku.modelInfo, |
|||
skuInfo:sku, |
|||
productNum:1 |
|||
}]; |
|||
app.globalData.kjOrderId = item.id || null; |
|||
app.globalData.discounts = 0; |
|||
wx.navigateTo({ |
|||
url: '/pages/order/index', |
|||
}) |
|||
}) |
|||
}, |
|||
goOrder:function(e){ |
|||
wx.navigateTo({ |
|||
url: '/pages/info/orderInfo/index?id='+e.currentTarget.dataset.item.gpChildOrderNo, |
|||
}) |
|||
}, |
|||
gotoPdd:function(){ |
|||
let page = getCurrentPages(); |
|||
if(page[page.length-2] && page[page.length-2].route && page[page.length-2].route.indexOf('pages/group/index')!=-1){ |
|||
// 如果是从专题页列表来的 那么直接返回
|
|||
wx.navigateBack() |
|||
} |
|||
else { |
|||
wx.navigateTo({ |
|||
url: '/pages/group/index', |
|||
}) |
|||
} |
|||
}, |
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow: function () { |
|||
if(this.data.list.length>0){ |
|||
this.setTime(); |
|||
timer = setInterval(()=>{ |
|||
this.setTime() |
|||
},1000) |
|||
} |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide: function () { |
|||
if(timer){ |
|||
clearInterval(timer); |
|||
timer = null; |
|||
} |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage: function () { |
|||
|
|||
} |
|||
}) |
|||
@ -0,0 +1,5 @@ |
|||
{ |
|||
"usingComponents": { |
|||
"title":"/pages/component/TitleHeader" |
|||
} |
|||
} |
|||
@ -0,0 +1,60 @@ |
|||
<!--pages/user/pdd/index.wxml--> |
|||
<title title="我的团购"></title> |
|||
<view class="top-menus"> |
|||
<view class="top-menu{{type==1?' active':''}}" bindtap="changeType" data-type="1">进行中</view> |
|||
<view class="top-menu{{type==2?' active':''}}" bindtap="changeType" data-type="2">成团记录</view> |
|||
</view> |
|||
<view class="list"> |
|||
<view class="list-title" wx:if="{{type==1 && list.launchList.length>0 || type==2 && over.launchList.length>0}}">我发起的</view> |
|||
<view class="item" wx:for="{{type==1?list.launchList:over.launchList}}" bindtap="gotoDetail" data-item="{{item}}"> |
|||
<view class="item-top"> |
|||
<image src="{{item.g_headimg}}" mode="aspectFill"></image> |
|||
<view class="item-info"> |
|||
<view class="item-info-top"> |
|||
<view class="item-title">{{item.title+item.sku_name}}</view> |
|||
<view class="item-price">￥{{item.event_price/100}}</view> |
|||
</view> |
|||
<view class="item-info-bottom" wx:if="{{type==1}}"> |
|||
<view class="item-info-time" wx:if="{{item.isOver}}">已结束</view> |
|||
<view class="item-info-time" wx:else><text>{{item.timeText}}</text>后结束</view> |
|||
<view class="info-btn">查看详情</view> |
|||
</view> |
|||
<view class="item-info-bottom" wx:else> |
|||
成团日期：{{item.finish_time}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="item-bottom" wx:if="{{type==2}}"> |
|||
<view class="info-btn info-btn-new" catchtap="goOrder" data-item="{{item}}">查看订单</view> |
|||
</view> |
|||
</view> |
|||
<view class="list-title" wx:if="{{type==1 && list.joinList.length>0 || type==2 && over.joinList.length>0}}">我参与的</view> |
|||
<view class="item" wx:for="{{type==1?list.joinList:over.joinList}}" bindtap="gotoDetail" data-item="{{item}}"> |
|||
<view class="item-top"> |
|||
<image src="{{item.g_headimg}}" mode="aspectFill"></image> |
|||
<view class="item-info"> |
|||
<view class="item-info-top"> |
|||
<view class="item-title">{{item.title+item.sku_name}}</view> |
|||
<view class="item-price">￥{{item.event_price/100}}</view> |
|||
</view> |
|||
<view class="item-info-bottom" wx:if="{{type==1}}"> |
|||
<view class="item-info-time" wx:if="{{item.isOver}}">已结束</view> |
|||
<view class="item-info-time" wx:else><text>{{item.timeText}}</text>后结束</view> |
|||
<view class="info-btn">查看详情</view> |
|||
</view> |
|||
<view class="item-info-bottom" wx:else> |
|||
成团日期：{{item.finish_time}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="item-bottom" wx:if="{{type==2}}"> |
|||
<view class="info-btn info-btn-new" catchtap="goOrder" data-item="{{item}}">查看订单</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view wx:if="{{list.joinList.length==0 && list.launchList.length==0 && type==1 || type==2 && over.joinList.length==0 && over.launchList.length==0}}" class="common-empty" style="z-index:-1"> |
|||
<image style="width:200rpx" mode="widthFix" src="https://resources.jszhwlpt.com/d8f70d62-ad43-4347-962a-5b4c49f704ad.png"></image> |
|||
<view wx:if="{{type==1}}">您暂时还未参加拼团活动</view> |
|||
<view wx:if="{{type==2}}">您暂时还未参团成功</view> |
|||
<view wx:if="{{type==1}}" class="empty-btn" bindtap="gotoPdd">立即前往</view> |
|||
</view> |
|||
@ -0,0 +1,121 @@ |
|||
/* pages/user/pdd/index.wxss */ |
|||
.top-menus { |
|||
position: fixed; |
|||
left: 0; |
|||
right: 0; |
|||
height: 80rpx; |
|||
background: white; |
|||
display: flex; |
|||
justify-content: space-around; |
|||
align-items: center; |
|||
font-size: 30rpx; |
|||
line-height: 80rpx; |
|||
} |
|||
.top-menu.active { |
|||
color: #FF9124; |
|||
position: relative; |
|||
font-weight: 500; |
|||
} |
|||
.top-menu.active::after { |
|||
content: "1"; |
|||
font-size: 0; |
|||
width: 40rpx; |
|||
height: 6rpx; |
|||
background: linear-gradient(270deg, #FFCC24, #FF9124); |
|||
display: block; |
|||
border-radius: 3rpx; |
|||
position: absolute; |
|||
left: 50%; |
|||
margin-left: -20rpx; |
|||
bottom: 10rpx; |
|||
} |
|||
.title-header { |
|||
background: #fff !important; |
|||
} |
|||
.item { |
|||
margin: 20rpx 30rpx; |
|||
background: white; |
|||
border-radius: 20rpx; |
|||
font-size: 26rpx; |
|||
} |
|||
.item-top { |
|||
display: flex; |
|||
padding: 30rpx; |
|||
} |
|||
.item-top image { |
|||
width: 160rpx; |
|||
height: 160rpx; |
|||
display: block; |
|||
flex-shrink: 0; |
|||
} |
|||
.item-info { |
|||
margin-left: 30rpx; |
|||
color: #333333; |
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: space-between; |
|||
flex: 1; |
|||
height: 160rpx; |
|||
width: 440rpx; |
|||
} |
|||
.item-info-top { |
|||
font-size: 30rpx; |
|||
} |
|||
.item-title { |
|||
font-weight: 500; |
|||
white-space: nowrap; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
margin-bottom: 6rpx; |
|||
} |
|||
.item-info-bottom { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
.item-info-bottom text { |
|||
color: #E14135; |
|||
} |
|||
.info-btn { |
|||
width: 160rpx; |
|||
text-align: center; |
|||
line-height: 50rpx; |
|||
height: 50rpx; |
|||
background: linear-gradient(0deg, #FFCC24, #FF9124); |
|||
border-radius: 25rpx; |
|||
color: #fff; |
|||
margin-left: 20rpx; |
|||
} |
|||
.list { |
|||
padding-top: 80rpx; |
|||
} |
|||
.item-bottom { |
|||
display: flex; |
|||
padding: 20rpx 30rpx; |
|||
border-top: 1rpx solid #d8d8d8; |
|||
justify-content: flex-end; |
|||
} |
|||
.info-btn-new { |
|||
background: #fff; |
|||
border: 2rpx solid; |
|||
color: #FF9124; |
|||
box-sizing: border-box; |
|||
} |
|||
.empty-btn { |
|||
width: 240rpx; |
|||
height: 80rpx; |
|||
background: linear-gradient(0deg, #E14135, #FF9124); |
|||
border-radius: 40rpx; |
|||
line-height: 80rpx; |
|||
text-align: center; |
|||
color: #fff; |
|||
margin-top: 100rpx; |
|||
font-size: 30rpx; |
|||
} |
|||
.list-title { |
|||
line-height: 50rpx; |
|||
color: #333; |
|||
margin: 0 40rpx; |
|||
margin-top: 30rpx; |
|||
font-size: 30rpx; |
|||
} |
|||
@ -1,5 +1,6 @@ |
|||
{ |
|||
"usingComponents": { |
|||
"title":"/pages/component/TitleHeader" |
|||
"title":"/pages/component/TitleHeader", |
|||
"date":"/pages/order/components/date/index" |
|||
} |
|||
} |
|||
Loading…
Reference in new issue