@@ -32,25 +32,26 @@ Page({ | |||||
orderGroupId: options.orderGroupId, | orderGroupId: options.orderGroupId, | ||||
orderId:options.orderId | orderId:options.orderId | ||||
}) | }) | ||||
this.checkUser(); | |||||
this.getDetail(options.couponChannelId); | |||||
this.getOneSpell(options.couponId) | |||||
this.checkUser(options); | |||||
}, | }, | ||||
/** | /** | ||||
* 判断用户是否已经在团中 | * 判断用户是否已经在团中 | ||||
*/ | */ | ||||
checkUser(){ | |||||
checkUser(options){ | |||||
let that = this; | let that = this; | ||||
Http.get({ | Http.get({ | ||||
url: config.api.queryAttendStatus, | url: config.api.queryAttendStatus, | ||||
data: { | data: { | ||||
id: this.data.orderGroupId, | |||||
id: options.orderGroupId, | |||||
} | } | ||||
}).then(res => { | }).then(res => { | ||||
if (res.data==true) { | |||||
if (res.data.attend == true || res.data.status!=10) { | |||||
wx.redirectTo({ | wx.redirectTo({ | ||||
url: `/pages/spellDetail/index?orderId=${this.data.orderId}&couponId=${this.data.couponId}&orderGroupId=${this.data.orderGroupId}&couponChannelId=${this.data.couponChannelId}`, | |||||
url: `/pages/spellDetail/index?orderId=${options.orderId}&couponId=${options.couponId}&orderGroupId=${options.orderGroupId}&couponChannelId=${options.couponChannelId}`, | |||||
}) | }) | ||||
}else{ | |||||
that.getDetail(that.data.couponChannelId); | |||||
that.getOneSpell(that.data.couponId) | |||||
} | } | ||||
}); | }); | ||||
}, | }, | ||||
@@ -19,21 +19,55 @@ Page({ | |||||
hour: "00", | hour: "00", | ||||
min: "00", | min: "00", | ||||
sec: "00", | sec: "00", | ||||
spellStatusList: spellStatus | |||||
spellStatusList: spellStatus, | |||||
isMyself:false | |||||
}, | |||||
gotoAgain(){ | |||||
let data = this.data.data; | |||||
wx.navigateTo({ | |||||
url: `/pages/spellGroup/mySpellGroup/index?couponId=${data.couponId}&couponChannelId=${data.couponChannelId}`, | |||||
}) | |||||
}, | |||||
gotoshare(){ | |||||
wx.navigateTo({ | |||||
url: `/pages/spellGroup/mySpellGroup/index?orderId=${this.data.paramData.orderId}&couponId=${this.data.paramData.couponId}&orderGroupId=${this.data.paramData.orderGroupId}&couponChannelId=${this.data.paramData.couponChannelId}`, | |||||
}) | |||||
}, | |||||
gotoSearch(){ | |||||
wx.navigateTo({ | |||||
url: `/pages/spellGroup/spellGroup`, | |||||
}) | |||||
}, | }, | ||||
/** | /** | ||||
* 生命周期函数--监听页面加载 | * 生命周期函数--监听页面加载 | ||||
*/ | */ | ||||
onLoad: function (options) { | onLoad: function (options) { | ||||
console.log(this.data.spellStatusList,7777777) | |||||
console.log(this.data.spellStatusList, options,7777777) | |||||
this.setData({ | this.setData({ | ||||
paramData:options | paramData:options | ||||
}) | }) | ||||
this.getDetail(options); | this.getDetail(options); | ||||
this.checkUser(options) | |||||
// 关闭来自于左上角的分享 | // 关闭来自于左上角的分享 | ||||
wx.hideShareMenu() | wx.hideShareMenu() | ||||
}, | }, | ||||
/** | |||||
* 判断用户是否已经在团中 | |||||
*/ | |||||
checkUser(options) { | |||||
let that = this; | |||||
Http.get({ | |||||
url: config.api.queryAttendStatus, | |||||
data: { | |||||
id: options.orderGroupId, | |||||
} | |||||
}).then(res => { | |||||
console.log(res.data,3333333333) | |||||
that.setData({ | |||||
isMyself: res.data.attend | |||||
}) | |||||
}); | |||||
}, | |||||
/** | /** | ||||
* 去使用 | * 去使用 | ||||
*/ | */ | ||||
@@ -166,7 +200,6 @@ Page({ | |||||
onReachBottom: function () { | onReachBottom: function () { | ||||
}, | }, | ||||
/** | /** | ||||
* 用户点击右上角分享 | * 用户点击右上角分享 | ||||
*/ | */ | ||||
@@ -1,16 +1,16 @@ | |||||
<!--pages/spellDetail/index.wxml--> | <!--pages/spellDetail/index.wxml--> | ||||
<view class='container'> | <view class='container'> | ||||
<!-- 拼团状态-拼团中,拼团成功 --> | <!-- 拼团状态-拼团中,拼团成功 --> | ||||
<view class='status'> | |||||
<view class='status' wx:if="{{isMyself==true}}"> | |||||
<view class='status-top'> | <view class='status-top'> | ||||
<view class='p-status'>{{data.statustext}}</view> | <view class='p-status'>{{data.statustext}}</view> | ||||
<view class='p-text' wx:if='{{data.status!=11}}'>结束</view> | |||||
<view class='p-time' wx:if='{{data.status!=11}}'>{{sec}}</view> | |||||
<view class='p-mao' wx:if='{{data.status!=11}}'>:</view> | |||||
<view class='p-time' wx:if='{{data.status!=11}}'>{{min}}</view> | |||||
<view class='p-mao' wx:if='{{data.status!=11}}'>:</view> | |||||
<view class='p-time' wx:if='{{data.status!=11}}'>{{hour}}</view> | |||||
<view class='p-text' wx:if='{{data.status!=11}}'>剩余</view> | |||||
<view class='p-text' wx:if='{{data.status==10}}'>结束</view> | |||||
<view class='p-time' wx:if='{{data.status==10}}'>{{sec}}</view> | |||||
<view class='p-mao' wx:if='{{data.status==10}}'>:</view> | |||||
<view class='p-time' wx:if='{{data.status==10}}'>{{min}}</view> | |||||
<view class='p-mao' wx:if='{{data.status==10}}'>:</view> | |||||
<view class='p-time' wx:if='{{data.status==10}}'>{{hour}}</view> | |||||
<view class='p-text' wx:if='{{data.status==10}}'>剩余</view> | |||||
</view> | </view> | ||||
<view class='status-center'> | <view class='status-center'> | ||||
<view class='status-lists'> | <view class='status-lists'> | ||||
@@ -60,55 +60,43 @@ | |||||
<view class='detail-p-name'>拼团价</view> | <view class='detail-p-name'>拼团价</view> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class='detail-bottom'> | |||||
<view class='detail-bottom' wx:if="{{isMyself==true}}"> | |||||
<view class='b-unit'>元</view> | <view class='b-unit'>元</view> | ||||
<view class='b-price'>{{data.salePrice}}</view> | <view class='b-price'>{{data.salePrice}}</view> | ||||
<view class='b-name'>实付款</view> | <view class='b-name'>实付款</view> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
<!-- 拼团状态-除拼团失败,拼团超时 --> | |||||
<view class='status' wx:if='{{data.statustext==11||data.statustext==12||data.statustext==13}}' style='padding:0;overflow:hidden;margin-top:30rpx;'> | |||||
<view class='status-top'> | |||||
<view class='p-status' style='text-align:center;width:100%;'>好友的拼团已完成</view> | |||||
<!-- 拼团状态-除拼团失败,拼团超时 wx:if='{{data.status!=10&&!isMyself}}'--> | |||||
<view class='status' wx:if='{{data.status!=10&&!isMyself}}' style='padding:0;overflow:hidden;margin-top:30rpx;'> | |||||
<view class='status-top' style='margin:0 20rpx;width:650rpx;box-sizing:border-box;'> | |||||
<view class='p-status' style='text-align:center;width:100%;'>{{data.statustext}}</view> | |||||
</view> | </view> | ||||
<view class='status-center'> | |||||
<view class='status-center' style='margin:0 20rpx;width:650rpx;box-sizing:border-box;'> | |||||
<view class='status-lists'> | <view class='status-lists'> | ||||
<view class='tuanzhang touxiangitems'> | |||||
<view class='touxiang'> | |||||
<image src='{{spellBg}}'></image> | |||||
<view class='tuanzhang touxiangitems' wx:for="{{data.userList}}" wx:key="{{index}}"> | |||||
<view class='touxiang' wx:if='{{item.avatarUrl}}'> | |||||
<image src='{{item.avatarUrl}}'></image> | |||||
</view> | </view> | ||||
<view class='tuan-icon'> | |||||
<view class='tuan-icon' wx:if='{{index==0}}'> | |||||
<image src='{{tuanzhang}}'></image> | <image src='{{tuanzhang}}'></image> | ||||
</view> | </view> | ||||
</view> | |||||
<view class='tuanzhang touxiangitems'> | |||||
<view class='touxiang'> | |||||
<image src='{{spellBg}}'></image> | |||||
</view> | |||||
</view> | |||||
<view class='tuanzhang touxiangitems'> | |||||
<view class='touxiang'> | |||||
<image src='{{spellBg}}'></image> | |||||
</view> | |||||
</view> | |||||
<view class='tuanzhang touxiangitems'> | |||||
<view class='touxiang'> | |||||
<image src='{{spellBg}}'></image> | |||||
<view class='no-touxiang' wx:if='{{!item.avatarUrl}}'> | |||||
? | |||||
</view> | </view> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
<!-- 按钮 --> | <!-- 按钮 --> | ||||
<view class='button'> | |||||
<button>发起拼团</button> | |||||
<button>更多拼团商品</button> | |||||
<view class='button' style='padding:0 20rpx;'> | |||||
<button bindtap='gotoshare'>发起拼团</button> | |||||
<button bindtap='gotoSearch'>更多拼团商品</button> | |||||
</view> | </view> | ||||
<view class='status-bottom' style='background:rgba(254,243,232,1);padding:0 20rpx;box-sizing:border-box;'> | <view class='status-bottom' style='background:rgba(254,243,232,1);padding:0 20rpx;box-sizing:border-box;'> | ||||
<view class='position-icon'> | <view class='position-icon'> | ||||
<image src='{{position}}'></image> | <image src='{{position}}'></image> | ||||
</view> | </view> | ||||
<view class='position'>广场地址:北京市朝阳区东三环中路123号</view> | |||||
<view class='position'>广场地址:{{data.addr}}</view> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
@@ -124,7 +112,8 @@ | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class='edit'> | <view class='edit'> | ||||
<button class='share user-motto' wx:if='{{data.status!=11}}' id="shareBtn" open-type="share">邀请好友拼团</button> | |||||
<button class='share user-motto' wx:if='{{data.status==11}}' bindtap='gotoUse'>去使用</button> | |||||
<button class='share user-motto' wx:if="{{data.status==10&&isMyself==true}}" id="shareBtn" open-type="share">邀请好友拼团</button> | |||||
<button class='share user-motto' wx:if="{{data.status==12||data.status==13}}" bindtap='gotoAgain'>重新拼团</button> | |||||
<button class='share user-motto' wx:if="{{data.status==11&&isMyself==true}}" bindtap='gotoUse'>去使用</button> | |||||
</view> | </view> | ||||
</view> | </view> |
@@ -105,12 +105,13 @@ page { | |||||
} | } | ||||
.tuan-icon{ | .tuan-icon{ | ||||
position: absolute; | position: absolute; | ||||
bottom: 20rpx; | |||||
bottom: 0rpx; | |||||
left: 8rpx; | left: 8rpx; | ||||
width: 64rpx; | width: 64rpx; | ||||
height: 27rpx; | height: 27rpx; | ||||
} | } | ||||
.tuan-icon image{ | .tuan-icon image{ | ||||
display: block; | |||||
width: 64rpx; | width: 64rpx; | ||||
height: 27rpx; | height: 27rpx; | ||||
} | } | ||||
@@ -180,7 +181,7 @@ page { | |||||
} | } | ||||
.detail-top03{ | .detail-top03{ | ||||
float: left; | float: left; | ||||
padding-top: 170rpx; | |||||
padding-top: 180rpx; | |||||
width: 230rpx; | width: 230rpx; | ||||
} | } | ||||
.detail-p-name{ | .detail-p-name{ | ||||
@@ -46,6 +46,20 @@ Page({ | |||||
}) | }) | ||||
this.getList(1, "spellList") | this.getList(1, "spellList") | ||||
}, | }, | ||||
//去使用 | |||||
gotoUse(e){ | |||||
console.log(e) | |||||
wx.navigateTo({ | |||||
url: '/pages/couponorder/index/index', | |||||
}) | |||||
}, | |||||
//重新拼团 | |||||
gotoAgain(){ | |||||
let data = e.currentTarget.dataset.data | |||||
wx.navigateTo({ | |||||
url: `/pages/spellGroup/mySpellGroup/index?couponId=${data.couponId}&couponChannelId=${data.couponChannelId}`, | |||||
}) | |||||
}, | |||||
//跳转到我的拼团详情 | //跳转到我的拼团详情 | ||||
gotoStatusDetail(e){ | gotoStatusDetail(e){ | ||||
console.log(e,333) | console.log(e,333) | ||||
@@ -94,6 +108,31 @@ Page({ | |||||
} | } | ||||
}, | }, | ||||
/** | |||||
* 用户点击右上角分享 | |||||
*/ | |||||
// paramData | |||||
onShareAppMessage: function (res) { | |||||
if (res.from === 'button') { | |||||
console.log(res, 3333333333333333333333) | |||||
// 来自页面内转发按钮 | |||||
let _this = this; | |||||
let data = res.target.dataset.data | |||||
return { | |||||
title: '拼团', | |||||
path: `/pages/index/index?couponId=${data.couponId}&orderGroupId=${data.orderGroupId}&couponChannelId=${data.couponChannelId}&orderId=${data.orderId}`, | |||||
imageUrl: data.coverImg, | |||||
success: function (res) { | |||||
// 转发成功 | |||||
}, | |||||
fail: function (res) { | |||||
// 转发失败 | |||||
} | |||||
} | |||||
} else { | |||||
console.log(res, 444444444444444444) | |||||
} | |||||
}, | |||||
getList(pageNum, flag) { | getList(pageNum, flag) { | ||||
var that = this; | var that = this; | ||||
console.log(pageNum) | console.log(pageNum) | ||||
@@ -295,12 +334,6 @@ Page({ | |||||
url: `/pages/spellGroup/mySpellGroup/index?couponChannelId=${couponChannelId}&couponId=${couponId}` | url: `/pages/spellGroup/mySpellGroup/index?couponChannelId=${couponChannelId}&couponId=${couponId}` | ||||
}) | }) | ||||
} | } | ||||
}, | |||||
/** | |||||
* 用户点击右上角分享 | |||||
*/ | |||||
onShareAppMessage: function () { | |||||
}, | }, | ||||
//加载更多 | //加载更多 | ||||
onReachBottom: function () { | onReachBottom: function () { | ||||
@@ -52,13 +52,13 @@ | |||||
</view> | </view> | ||||
<view class='spell-right' style='position:absolute;width:auto;bottom:30rpx;right:20rpx;'> | <view class='spell-right' style='position:absolute;width:auto;bottom:30rpx;right:20rpx;'> | ||||
<!-- 继续邀请好友 --> | <!-- 继续邀请好友 --> | ||||
<button class='share user-motto right-button' open-type="share" id="shareBtn" wx:if='{{item.status==10}}' data-status='{{item.status}}' hover-class="other-button-hover" style="width:auto;display:inline-block;padding:0 8rpx;">{{item.statusText}}</button> | |||||
<button class='share user-motto right-button' open-type="share" id="shareBtn" wx:if='{{item.status==10}}' data-status='{{item.status}}' data-data='{{item}}' hover-class="other-button-hover" style="width:auto;display:inline-block;padding:0 8rpx;">{{item.statusText}}</button> | |||||
<!-- 去使用 --> | <!-- 去使用 --> | ||||
<view class='right-button' wx:if='{{item.status==11}}' data-status='{{item.status}}' bindtap='gotoEdit' style="width:auto;display:inline-block;padding:0 8rpx;">{{item.statusText}}</view> | |||||
<view class='right-button' data-data='{{item}}' wx:if='{{item.status==11}}' data-status='{{item.status}}' bindtap='gotoUse' style="width:auto;display:inline-block;padding:0 8rpx;">{{item.statusText}}</view> | |||||
<!-- 重新拼团 --> | <!-- 重新拼团 --> | ||||
<view class='right-button' wx:if='{{item.status==13}}' data-status='{{item.status}}' bindtap='gotoEdit' style="width:auto;display:inline-block;padding:0 8rpx;">{{item.statusText}}</view> | |||||
<view class='right-button' data-data='{{item}}' wx:if='{{item.status==13}}' data-status='{{item.status}}' bindtap='gotoAgain' style="width:auto;display:inline-block;padding:0 8rpx;">{{item.statusText}}</view> | |||||
<!-- 拼团失败 --> | <!-- 拼团失败 --> | ||||
<view class='right-button' wx:if='{{item.status==12}}' data-status='{{item.status}}' bindtap='gotoEdit' style="width:auto;display:inline-block;padding:0 8rpx;">{{item.statusText}}</view> | |||||
<view class='right-button' wx:if='{{item.status==12}}' data-status='{{item.status}}' bindtap='gotoEdit' style="width:auto;display:inline-block;background:#B5B5B5;padding:0 8rpx;">{{item.statusText}}</view> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
</view> | </view> | ||||