@@ -1,6 +1,7 @@ | |||
{ | |||
"pages": [ | |||
"pages/index/index", | |||
"pages/spellGroup/mySpellGroup/index", | |||
"pages/spellGroup/spellGroup", | |||
"pages/complete/index", | |||
"pages/main/index", | |||
@@ -231,7 +231,11 @@ var config = { | |||
/** | |||
* 获取我的拼团列表 | |||
*/ | |||
getMySepllList:'/orderGroup/queryOrderGroup' | |||
getMySepllList:'/orderGroup/queryOrderGroup', | |||
/** | |||
*查询差1个的团购信息 | |||
*/ | |||
queryRemainOne:'/orderGroup/queryRemainOne' | |||
}, | |||
weapp: { | |||
AppId: weappId | |||
@@ -0,0 +1,113 @@ | |||
// pages/spellGroup/mySpellGroup/index.js | |||
var config = require("../../../config/config.js"); | |||
const Http = require("../../../utils/HttpBasics"); | |||
const imgurl = require("../../../utils/imgurl"); | |||
Page({ | |||
/** | |||
* 页面的初始数据 | |||
*/ | |||
data: { | |||
couponChannelId:'', | |||
couponId:'', | |||
detailData:[], | |||
spellData:null | |||
}, | |||
/** | |||
* 生命周期函数--监听页面加载 | |||
*/ | |||
onLoad: function (options) { | |||
this.setData({ | |||
couponChannelId: options.couponChannelId, | |||
couponId: options.couponId | |||
}) | |||
this.getDetail(options.couponChannelId); | |||
this.getOneSpell(options.couponId) | |||
}, | |||
/** | |||
* 获取一个拼团信息 | |||
*/ | |||
getOneSpell(couponId){ | |||
let that = this; | |||
Http.get({ | |||
url: config.api.queryRemainOne, | |||
data: { | |||
couponId: couponId | |||
} | |||
}).then(res => { | |||
if(res.data){ | |||
that.setData({ | |||
spellData: res.data | |||
}); | |||
} | |||
}); | |||
}, | |||
/** | |||
* 获取券详情信息 | |||
*/ | |||
getDetail(couponChannelId){ | |||
let that = this; | |||
Http.get({ | |||
url: config.api.couponDetail, | |||
data: { | |||
couponChannelId: couponChannelId | |||
} | |||
}).then(res => { | |||
let data = res.data; | |||
data.price = (data.price / 100).toFixed(2) | |||
data.salePrice = (data.salePrice / 100).toFixed(2) | |||
that.setData({ | |||
detailData: data | |||
}); | |||
}); | |||
}, | |||
/** | |||
* 生命周期函数--监听页面初次渲染完成 | |||
*/ | |||
onReady: function () { | |||
}, | |||
/** | |||
* 生命周期函数--监听页面显示 | |||
*/ | |||
onShow: function () { | |||
}, | |||
/** | |||
* 生命周期函数--监听页面隐藏 | |||
*/ | |||
onHide: function () { | |||
}, | |||
/** | |||
* 生命周期函数--监听页面卸载 | |||
*/ | |||
onUnload: function () { | |||
}, | |||
/** | |||
* 页面相关事件处理函数--监听用户下拉动作 | |||
*/ | |||
onPullDownRefresh: function () { | |||
}, | |||
/** | |||
* 页面上拉触底事件的处理函数 | |||
*/ | |||
onReachBottom: function () { | |||
}, | |||
/** | |||
* 用户点击右上角分享 | |||
*/ | |||
onShareAppMessage: function () { | |||
} | |||
}) |
@@ -0,0 +1,5 @@ | |||
{ | |||
"navigationBarTitleText": "拼团券详情", | |||
"enablePullDownRefresh": true, | |||
"usingComponents": {} | |||
} |
@@ -0,0 +1,49 @@ | |||
<view class="content-box"> | |||
<view class='content'> | |||
<view class='top-img'> | |||
<image src='{{detailData.coverImg}}'></image> | |||
</view> | |||
<view class='title'>{{detailData.title}}</view> | |||
<view class='text'> | |||
<view class='remark'>{{detailData.subTitle}}</view> | |||
<view class='des'> | |||
<view class='des-peoplenum'>【拼团购】{{detailData.pressLimitNum}}人拼团成功,单价仅需</view> | |||
<view class='des-saleprice'>{{detailData.salePriceStr}}元</view> | |||
</view> | |||
<view class='status'> | |||
<view class='status01 st'> | |||
<image src='https://s3.cn-northwest-1.amazonaws.com.cn/iformall-net/cimg/spell-bg.png'></image> | |||
</view> | |||
<view class='status02 st'>金城武的团还差<view class='r-p-num'>4人</view></view> | |||
<view class='status03 st'> | |||
<view class='hh'>13</view>: | |||
<view class='mm'>24</view>: | |||
<view class='ss'>59</view> | |||
</view> | |||
<view class='status04 st'> | |||
<view class='s-button'>去拼团</view> | |||
</view> | |||
</view> | |||
<view class='p-des'> | |||
<view class='p-title'>商品详情:</view> | |||
<view class='p-list'>{{detailData.remark}}</view> | |||
</view> | |||
<view class='edit'> | |||
<view class='edit-left'> | |||
<view class='edit-left-top'> | |||
<view class='price'>{{detailData.price}}</view> | |||
<view class='price-unit'>元</view> | |||
</view> | |||
<view class='edit-left-bottom'>立即购买</view> | |||
</view> | |||
<view class='edit-right'> | |||
<view class='edit-right-top'> | |||
<view class='real-price'>{{detailData.salePrice}}</view> | |||
<view class='real-price-unit'>元</view> | |||
</view> | |||
<view class='edit-right-bottom'>发起拼团</view> | |||
</view> | |||
</view> | |||
</view> | |||
</view> | |||
</view> |
@@ -0,0 +1,238 @@ | |||
/* pages/spellGroup/mySpellGroup/index.wxss */ | |||
.top-img{ | |||
width: 100%; | |||
height: 533rpx; | |||
z-index: 1; | |||
} | |||
.top-img image{ | |||
width: 100%; | |||
height: 533rpx; | |||
} | |||
.content-box{ | |||
box-sizing: content-box; | |||
height: auto; | |||
overflow: hidden; | |||
} | |||
.content{ | |||
position: relative; | |||
width: 100%; | |||
height: auto; | |||
background: #fff; | |||
overflow: hidden; | |||
padding-bottom: 130rpx; | |||
} | |||
.text{ | |||
padding: 0 30rpx; | |||
} | |||
.title{ | |||
position: absolute; | |||
top: 503rpx; | |||
background-color: #fff; | |||
z-index: 100; | |||
width: 750rpx; | |||
padding-top: 30rpx; | |||
padding-left: 30rpx; | |||
line-height: 50rpx; | |||
border-radius:20rpx 20rpx 0px 0px; | |||
opacity: 1; | |||
font-size:32rpx; | |||
font-family:PingFang-SC-Bold; | |||
font-weight:bold; | |||
color:rgba(51,51,51,1); | |||
box-sizing: border-box; | |||
} | |||
.remark{ | |||
margin-top: 48rpx; | |||
font-size:24rpx; | |||
font-family:PingFang-SC-Medium; | |||
font-weight:500; | |||
color:rgba(134,134,134,1); | |||
margin-bottom: 12rpx; | |||
} | |||
.des{ | |||
width: 100%; | |||
height: auto; | |||
padding-top: 6rpx; | |||
border-top: 2rpx solid rgb(240, 238, 238); | |||
} | |||
.des-peoplenum{ | |||
display: inline; | |||
font-size:24rpx; | |||
font-family:PingFang-SC-Medium; | |||
font-weight:500; | |||
color:rgba(0,0,0,1); | |||
line-height:44rpx; | |||
margin-right: 30rpx; | |||
} | |||
.des-saleprice{ | |||
display: inline; | |||
font-size:40rpx; | |||
font-family:PingFang-SC-Medium; | |||
font-weight:500; | |||
color:rgba(255,53,53,1); | |||
} | |||
.status{ | |||
width: 100%; | |||
border-radius: 15rpx; | |||
background:rgba(255,235,229,1); | |||
margin: 30rpx 0; | |||
overflow: hidden; | |||
} | |||
.status01{ | |||
float: left; | |||
width: 130rpx; | |||
height: 130rpx; | |||
} | |||
.status01 image{ | |||
width: 90rpx; | |||
height: 90rpx; | |||
border-radius: 45rpx; | |||
margin: 20rpx 0 0 20rpx; | |||
} | |||
.status02{ | |||
margin-top: 20rpx; | |||
float: left; | |||
width: 140rpx; | |||
font-size:28rpx; | |||
font-family:PingFang-SC-Medium; | |||
font-weight:500; | |||
color:rgba(51,51,51,1); | |||
} | |||
.r-p-num{ | |||
display: inline; | |||
color: #FF3535; | |||
} | |||
.status03{ | |||
/* width: 160rpx; */ | |||
float: left; | |||
padding-left: 80rpx; | |||
color: #F74812; | |||
} | |||
.hh,.mm,.ss{ | |||
display: inline-block; | |||
font-size:26rpx; | |||
font-family:PingFang-SC-Medium; | |||
font-weight:500; | |||
color:rgba(255,255,255,1); | |||
height: 38rpx; | |||
width: 38rpx; | |||
background: #F74812; | |||
border-radius:10rpx; | |||
margin: 46rpx 8rpx 0 0; | |||
text-align: center; | |||
line-height: 38rpx; | |||
} | |||
.status04{ | |||
float: left; | |||
width: 163rpx; | |||
} | |||
.s-button{ | |||
background:#ED3D2E; | |||
width: 120rpx; | |||
height: 48rpx; | |||
font-size:28rpx; | |||
font-family:PingFang-SC-Medium; | |||
font-weight:500; | |||
color:rgba(255,255,255,1); | |||
text-align: center; | |||
line-height: 48rpx; | |||
border-radius: 24rpx; | |||
margin: 40rpx auto 0; | |||
} | |||
.p-title{ | |||
font-size:32rpx; | |||
font-family:PingFang-SC-Bold; | |||
font-weight:bold; | |||
color:rgba(51,51,51,1); | |||
margin: 10rpx 0 20rpx 0; | |||
} | |||
.p-list{ | |||
font-size:24rpx; | |||
font-family:PingFang-SC-Medium; | |||
font-weight:500; | |||
color:rgba(51,51,51,1); | |||
line-height:50rpx; | |||
} | |||
.edit{ | |||
position: fixed; | |||
width: 690rpx; | |||
bottom: 20rpx; | |||
left: 30rpx; | |||
} | |||
.edit-left{ | |||
float: left; | |||
width: 330rpx; | |||
height: 95rpx; | |||
background:rgba(255,169,2,1); | |||
box-shadow:0px 8rpx 8rpx 1rpx rgba(255,169,2,0.32); | |||
border-radius:48rpx; | |||
} | |||
.edit-right{ | |||
float: right; | |||
width: 330rpx; | |||
height: 95rpx; | |||
background:linear-gradient(90deg,rgba(236,59,45,1) 0%,rgba(248,98,52,1) 100%); | |||
box-shadow:0px 8rpx 8rpx 1rpx rgba(246,93,51,0.32); | |||
border-radius:48rpx; | |||
} | |||
.edit-left-top{ | |||
height: 46rpx; | |||
text-align: center; | |||
} | |||
.price{ | |||
display: inline; | |||
font-size:32rpx; | |||
line-height: 32rpx; | |||
font-family:PingFang-SC-Medium; | |||
font-weight:500; | |||
color:rgba(254,254,254,1); | |||
margin-top: 6rpx; | |||
} | |||
.price-unit{ | |||
display: inline; | |||
font-size:27rpx; | |||
line-height: 27rpx; | |||
margin-top: 11rpx; | |||
font-family:PingFang-SC-Medium; | |||
font-weight:500; | |||
color:rgba(254,254,254,1); | |||
} | |||
.edit-left-bottom{ | |||
text-align: center; | |||
font-size:30rpx; | |||
line-height: 40rpx; | |||
font-family:PingFang-SC-Medium; | |||
font-weight:500; | |||
color:rgba(254,254,254,1); | |||
} | |||
.edit-right-top{ | |||
height: 46rpx; | |||
text-align: center; | |||
} | |||
.real-price{ | |||
display: inline; | |||
font-size:32rpx; | |||
line-height: 32rpx; | |||
font-family:PingFang-SC-Medium; | |||
font-weight:500; | |||
color:rgba(254,254,254,1); | |||
margin-top: 6rpx; | |||
} | |||
.real-price-unit{ | |||
display: inline; | |||
font-size:27rpx; | |||
line-height: 27rpx; | |||
margin-top: 11rpx; | |||
font-family:PingFang-SC-Medium; | |||
font-weight:500; | |||
color:rgba(254,254,254,1); | |||
} | |||
.edit-right-bottom{ | |||
text-align: center; | |||
font-size:30rpx; | |||
line-height: 40rpx; | |||
font-family:PingFang-SC-Medium; | |||
font-weight:500; | |||
color:rgba(254,254,254,1); | |||
} |
@@ -260,7 +260,7 @@ Page({ | |||
let couponId = e.currentTarget.dataset.couponid; | |||
if (couponChannelId && couponId) { | |||
wx.navigateTo({ | |||
url: `/pages/coupon/detail/index?couponChannelId=${couponChannelId}&couponId=${couponId}` | |||
url: `/pages/spellGroup/mySpellGroup/index?couponChannelId=${couponChannelId}&couponId=${couponId}` | |||
}) | |||
} | |||
}, | |||
@@ -5,7 +5,7 @@ | |||
</view> | |||
</view> | |||
<view class='content'> | |||
<view class='sepll-list' wx:for="{{lists}}" wx:key="{{index}}"> | |||
<view class='sepll-list' wx:for="{{lists}}" wx:key="{{index}}" data-couponId='{{item.couponId}}' data-id='{{item.id}}' bindtap='invite'> | |||
<view class='spell-left'> | |||
<image src='{{item.coverImg}}'></image> | |||
</view> | |||