| @@ -52,7 +52,8 @@ | |||||
| "pages/paySuccess/paySuccess", | "pages/paySuccess/paySuccess", | ||||
| "pages/ConsumeDetail/ConsumeDetail", | "pages/ConsumeDetail/ConsumeDetail", | ||||
| "pages/externallinks/index", | "pages/externallinks/index", | ||||
| "pages/czdetail/czdetail" | |||||
| "pages/czdetail/czdetail", | |||||
| "pages/spellGroup/paySpellGroup/index" | |||||
| ], | ], | ||||
| "navigateToMiniProgramAppIdList": [ | "navigateToMiniProgramAppIdList": [ | ||||
| "wx192b7d2e8dcbefd0", | "wx192b7d2e8dcbefd0", | ||||
| @@ -387,7 +387,7 @@ Page({ | |||||
| let orderId = "" + res.data.id; | let orderId = "" + res.data.id; | ||||
| that.setData({ | that.setData({ | ||||
| orderId: orderId, | orderId: orderId, | ||||
| canSpell: true, | |||||
| canSpell: false, | |||||
| canBuyIf: true | canBuyIf: true | ||||
| }); | }); | ||||
| // 支付金额不为0 | // 支付金额不为0 | ||||
| @@ -413,6 +413,9 @@ Page({ | |||||
| wx.showLoading({ | wx.showLoading({ | ||||
| title: '订单正在处理中...', | title: '订单正在处理中...', | ||||
| }) | }) | ||||
| that.setData({ | |||||
| canSpell: false | |||||
| }) | |||||
| setTimeout(function () { | setTimeout(function () { | ||||
| wx.hideLoading() | wx.hideLoading() | ||||
| }, 5000) | }, 5000) | ||||
| @@ -335,15 +335,11 @@ Page({ | |||||
| setTimeout(function () { | setTimeout(function () { | ||||
| wx.hideLoading(); | wx.hideLoading(); | ||||
| }, 1600); | }, 1600); | ||||
| if (_this.data.order.type==9){ | |||||
| _this.goToOrderGroup(orderId, 0, _this) | |||||
| }else{ | |||||
| setTimeout(() => { | |||||
| wx.redirectTo({ | |||||
| url: `/pages/order/detail/index?orderId=${orderId}` | |||||
| }); | |||||
| }, 1600); | |||||
| } | |||||
| setTimeout(() => { | |||||
| wx.redirectTo({ | |||||
| url: `/pages/order/detail/index?orderId=${orderId}` | |||||
| }); | |||||
| }, 1600); | |||||
| } | } | ||||
| }); | }); | ||||
| } else if (type == 'free'){ | } else if (type == 'free'){ | ||||
| @@ -72,8 +72,7 @@ | |||||
| </view> | </view> | ||||
| <!-- 待付款 显示立即购买的按钮 --> | <!-- 待付款 显示立即购买的按钮 --> | ||||
| <view wx:if="{{order.orderStatus==0&&order.salePrice!=0||order.orderStatus==7&&order.salePrice!=0}}" class="buy-view app-border-top"> | <view wx:if="{{order.orderStatus==0&&order.salePrice!=0||order.orderStatus==7&&order.salePrice!=0}}" class="buy-view app-border-top"> | ||||
| <button bindtap='orderFunc' hover-class='active' wx:if="{{order.type != 9}}" data-couponChannelId="{{order.id}}" disabled='{{showButton}}' class='buy'>立即支付</button> | |||||
| <button bindtap='orderFunc' hover-class='active' wx:if="{{order.type == 9}}" data-couponChannelId="{{order.id}}" disabled='{{showButton}}' class='buy'>支付拼团订单</button> | |||||
| <button bindtap='orderFunc' hover-class='active' data-couponChannelId="{{order.id}}" disabled='{{showButton}}' class='buy'>立即支付</button> | |||||
| </view> | </view> | ||||
| <view class='game' bindtap="gotogame" wx-if="{{showIf&&order.orderStatus!=0}}"> | <view class='game' bindtap="gotogame" wx-if="{{showIf&&order.orderStatus!=0}}"> | ||||
| <view class='game-entry'> | <view class='game-entry'> | ||||
| @@ -50,6 +50,13 @@ Page({ | |||||
| url: `/pages/order/detail/index?orderId=${e.currentTarget.dataset.id}&flag='pay'` | url: `/pages/order/detail/index?orderId=${e.currentTarget.dataset.id}&flag='pay'` | ||||
| }) | }) | ||||
| }, | }, | ||||
| // gotoSpellPay(e) { | |||||
| // console.log(e, 333) | |||||
| // let data = e.currentTarget.dataset.data | |||||
| // wx.navigateTo({ | |||||
| // url: `/pages/spellGroup/paySpellGroup/index?orderId=${data.orderId}&couponId=${data.couponId}&orderGroupId=${data.orderGroupId}&couponChannelId=${data.couponChannelId}`, | |||||
| // }) | |||||
| // }, | |||||
| getList(key, pageNum) { | getList(key, pageNum) { | ||||
| let that = this; | let that = this; | ||||
| /** | /** | ||||
| @@ -58,6 +58,9 @@ | |||||
| <view wx:if="{{item.orderStatus==0 || item.orderStatus==7}}" class="btn" data-id="{{item.id}}" bindtap="gotopay"> | <view wx:if="{{item.orderStatus==0 || item.orderStatus==7}}" class="btn" data-id="{{item.id}}" bindtap="gotopay"> | ||||
| <text>去支付</text> | <text>去支付</text> | ||||
| </view> | </view> | ||||
| <!-- <view wx:if="{{item.orderStatus==15&&item.type==9}}" data-data="{{item}}" class="btn" data-id="{{item.id}}" bindtap="gotoSpellPay"> | |||||
| <text>去支付</text> | |||||
| </view> --> | |||||
| <view wx:if="{{item.orderStatus==5}}" style="background:#999;opacity: .6;" class="btn"> | <view wx:if="{{item.orderStatus==5}}" style="background:#999;opacity: .6;" class="btn"> | ||||
| <text>退款失败</text> | <text>退款失败</text> | ||||
| </view> | </view> | ||||
| @@ -378,7 +378,7 @@ Page({ | |||||
| let orderId = "" + res.data.id; | let orderId = "" + res.data.id; | ||||
| that.setData({ | that.setData({ | ||||
| orderId: orderId, | orderId: orderId, | ||||
| canSpell: true, | |||||
| canSpell: false, | |||||
| canBuyIf: true | canBuyIf: true | ||||
| }); | }); | ||||
| // 支付金额不为0 | // 支付金额不为0 | ||||
| @@ -401,6 +401,9 @@ Page({ | |||||
| signType: (res.data.signType) ? res.data.signType : "MD5", | signType: (res.data.signType) ? res.data.signType : "MD5", | ||||
| paySign: res.data.paySign, | paySign: res.data.paySign, | ||||
| success: res => { | success: res => { | ||||
| that.setData({ | |||||
| canSpell: false | |||||
| }) | |||||
| wx.showLoading({ | wx.showLoading({ | ||||
| title: '订单正在处理中...', | title: '订单正在处理中...', | ||||
| }) | }) | ||||
| @@ -0,0 +1,286 @@ | |||||
| // pages/spellDetail/index.js | |||||
| var config = require("../../../config/config.js"); | |||||
| const Http = require("../../../utils/HttpBasics"); | |||||
| const imgurl = require("../../../utils/imgurl"); | |||||
| const { spellStatus } = require("../../../utils/spell"); | |||||
| Page({ | |||||
| /** | |||||
| * 页面的初始数据 | |||||
| */ | |||||
| data: { | |||||
| tuanzhang: imgurl.tuanzhang.url, | |||||
| spellBg: imgurl.spellBg.url, | |||||
| position: imgurl.position.url, | |||||
| close03: imgurl.close03.url, | |||||
| home: imgurl.home.url, | |||||
| paramData: null, | |||||
| data: null, | |||||
| clock: "00", | |||||
| day: "0", | |||||
| hour: "00", | |||||
| min: "00", | |||||
| sec: "00", | |||||
| spellStatusList: spellStatus, | |||||
| isMyself: false, | |||||
| showAlert: false | |||||
| }, | |||||
| gotoAgain() { | |||||
| let data = this.data.data; | |||||
| wx.navigateTo({ | |||||
| url: `/pages/spellGroup/mySpellGroup/index?couponId=${data.couponId}&couponChannelId=${data.couponChannelId}`, | |||||
| }) | |||||
| }, | |||||
| getUserInfo: function () { | |||||
| let that = this; | |||||
| // 获取用户信息 | |||||
| Http.get({ | |||||
| url: config.api.getScore, | |||||
| data: {} | |||||
| }) | |||||
| .then(res => { | |||||
| console.log(res) | |||||
| that.setData({ | |||||
| nickName: res.data.nickName, | |||||
| avatarUrl: res.data.avatarUrl | |||||
| }) | |||||
| }) | |||||
| }, | |||||
| gotoIndex(){ | |||||
| wx.reLaunch({ | |||||
| url: '/pages/index/index', | |||||
| }) | |||||
| }, | |||||
| gotoSearch() { | |||||
| wx.navigateTo({ | |||||
| url: `/pages/spellGroup/spellGroup`, | |||||
| }) | |||||
| }, | |||||
| /** | |||||
| * 生命周期函数--监听页面加载 | |||||
| */ | |||||
| onLoad: function (options) { | |||||
| console.log(this.data.spellStatusList, options, 7777777) | |||||
| this.setData({ | |||||
| paramData: options | |||||
| }) | |||||
| this.getUserInfo(); | |||||
| if (options.orderGroupId){ | |||||
| if (options.orderId && options.couponId){ | |||||
| this.getDetail(options); | |||||
| } | |||||
| } | |||||
| // 关闭来自于左上角的分享 | |||||
| wx.hideShareMenu() | |||||
| }, | |||||
| /** | |||||
| * 去拼团 | |||||
| */ | |||||
| goToOrderGroup(orderId, orderGroupId, _this){ | |||||
| console.log(22222222) | |||||
| let that = this; | |||||
| // 支付成功 | |||||
| Http.post({ | |||||
| url: config.api.toOrderGroup, | |||||
| data: { | |||||
| id: orderGroupId, | |||||
| orderId, | |||||
| couponId: _this.data.data.couponId | |||||
| } | |||||
| }) | |||||
| .then(res => { | |||||
| wx.redirectTo({ | |||||
| url: `/pages/spellDetail/index?orderId=${orderId}&couponId=${_this.data.paramData.couponId}&orderGroupId=${res.data.orderGroupId}&couponChannelId=${_this.data.paramData.couponChannelId}` | |||||
| }); | |||||
| }) | |||||
| .catch(err => { | |||||
| console.log(err); | |||||
| }) | |||||
| // return; | |||||
| }, | |||||
| /** | |||||
| * 支付订单更新 | |||||
| */ | |||||
| payOrderUpdate: (orderId, payOrderId, status, reason, _this, orderGroupId) => { | |||||
| console.log(orderGroupId,7777) | |||||
| let that = this; | |||||
| // 支付成功 | |||||
| Http.post({ | |||||
| url: config.api.payOrderUpdate, | |||||
| data: { | |||||
| payOrderId: payOrderId, | |||||
| orderId: orderId, | |||||
| status: status, | |||||
| reason: reason | |||||
| } | |||||
| }) | |||||
| .then(res => { | |||||
| wx.hideLoading() | |||||
| if (orderGroupId==undefined){ | |||||
| wx.navigateTo({ | |||||
| url: '/pages/order/detail/index?orderId='+res.data.id, | |||||
| }) | |||||
| }else{ | |||||
| _this.goToOrderGroup(orderId, res.data.orderGroupId, _this) | |||||
| } | |||||
| }) | |||||
| .catch(err => { | |||||
| console.log(err); | |||||
| if (err.code!=12002){ | |||||
| setTimeout(function () { | |||||
| _this.payOrderUpdate(orderId, payOrderId, status, reason, _this, orderGroupId); | |||||
| }, 2000) | |||||
| } | |||||
| }) | |||||
| }, | |||||
| gotoPay(){ | |||||
| let that=this; | |||||
| wx.showLoading({ | |||||
| title: '支付创建中...', | |||||
| }) | |||||
| Http.post({ | |||||
| url: config.api.payOrderCreate, | |||||
| data: { | |||||
| orderId: that.data.paramData.orderId | |||||
| } | |||||
| }) | |||||
| .then(res => { | |||||
| var payOrderId = "" + res.data.payOrderId; | |||||
| wx.hideLoading(); | |||||
| wx.requestPayment({ | |||||
| timeStamp: res.data.timeStamp, | |||||
| nonceStr: res.data.nonceStr, | |||||
| package: res.data.package, | |||||
| signType: (res.data.signType) ? res.data.signType : "MD5", | |||||
| paySign: res.data.paySign, | |||||
| success: res => { | |||||
| wx.showLoading({ | |||||
| title: '订单正在处理中...', | |||||
| }) | |||||
| setTimeout(function () { | |||||
| wx.hideLoading() | |||||
| }, 5000) | |||||
| that.payOrderUpdate(that.data.paramData.orderId, payOrderId, 1, '', that, 0); | |||||
| if (res.errMsg == "requestPayment:ok") { | |||||
| setTimeout(function () { | |||||
| wx.hideLoading(); | |||||
| }, 2000); | |||||
| } | |||||
| }, | |||||
| fail: res => { | |||||
| /** | |||||
| * 支付失败,需要更新订单的状态 | |||||
| */ | |||||
| that.payOrderUpdate(that.data.orderId, payOrderId, 2, '', that, 0); | |||||
| that.setData({ | |||||
| showbutton: false, | |||||
| canSpell: true, | |||||
| canBuyIf: true | |||||
| }) | |||||
| return; | |||||
| }, | |||||
| complete: res => { } | |||||
| }); | |||||
| /// End payment -------- | |||||
| }) | |||||
| .catch(err => { | |||||
| that.setData({ | |||||
| canSpell: true, | |||||
| canBuyIf: true | |||||
| }) | |||||
| wx.showToast({ | |||||
| title: err.message, | |||||
| icon: 'none', | |||||
| duration: 2000, | |||||
| mask: false | |||||
| }); | |||||
| }) | |||||
| }, | |||||
| /** | |||||
| * 去使用 | |||||
| */ | |||||
| gotoUse() { | |||||
| wx.navigateTo({ | |||||
| url: `/pages/couponorder/index/index` | |||||
| }); | |||||
| }, | |||||
| /** | |||||
| * 拼团状态字段转换 | |||||
| */ | |||||
| changeSatus(status) { | |||||
| console.log(spellStatus, 8888888) | |||||
| return spellStatus.filter(item => item.value == status)[0].name; | |||||
| }, | |||||
| //跳转拼团列表 | |||||
| gotoSpellList() { | |||||
| wx.navigateTo({ | |||||
| url: '/pages/spellGroup/spellGroup', | |||||
| }) | |||||
| }, | |||||
| /** | |||||
| * 获取券详情信息 | |||||
| */ | |||||
| getDetail(){ | |||||
| let that = this; | |||||
| Http.get({ | |||||
| url: config.api.couponDetail, | |||||
| data: { | |||||
| couponChannelId: this.data.paramData.couponChannelId | |||||
| } | |||||
| }).then(res => { | |||||
| wx.stopPullDownRefresh(); | |||||
| let data = res.data; | |||||
| that.setData({ | |||||
| data | |||||
| }); | |||||
| }); | |||||
| }, | |||||
| /** | |||||
| * 生命周期函数--监听页面初次渲染完成 | |||||
| */ | |||||
| onReady: function () { | |||||
| }, | |||||
| /** | |||||
| * 生命周期函数--监听页面显示 | |||||
| */ | |||||
| onShow: function () { | |||||
| this.setData({ | |||||
| showTime: true | |||||
| }) | |||||
| }, | |||||
| /** | |||||
| * 生命周期函数--监听页面隐藏 | |||||
| */ | |||||
| onHide: function () { | |||||
| this.setData({ | |||||
| showTime: false | |||||
| }) | |||||
| }, | |||||
| /** | |||||
| * 生命周期函数--监听页面卸载 | |||||
| */ | |||||
| onUnload: function () { | |||||
| this.setData({ | |||||
| showTime: false | |||||
| }) | |||||
| }, | |||||
| /** | |||||
| * 页面相关事件处理函数--监听用户下拉动作 | |||||
| */ | |||||
| onPullDownRefresh: function () { | |||||
| this.getDetail(this.data.paramData); | |||||
| }, | |||||
| /** | |||||
| * 页面上拉触底事件的处理函数 | |||||
| */ | |||||
| onReachBottom: function () { | |||||
| } | |||||
| }) | |||||
| @@ -0,0 +1,6 @@ | |||||
| { | |||||
| "navigationBarTitleText": "拼团详情", | |||||
| "usingComponents": {}, | |||||
| "navigationBarBackgroundColor": "#F13C42", | |||||
| "enablePullDownRefresh": true | |||||
| } | |||||
| @@ -0,0 +1,33 @@ | |||||
| <!--pages/spellDetail/index.wxml--> | |||||
| <view class='container'> | |||||
| <!-- 拼团产品详情 --> | |||||
| <view class='detail'> | |||||
| <view class='return-index' bindtap='gotoIndex'> | |||||
| <image src='{{home}}'></image> | |||||
| </view> | |||||
| <view class='detail-top'> | |||||
| <view class='detail-top01'> | |||||
| <image src='{{data.coverImg}}' mode="aspectFill"></image> | |||||
| </view> | |||||
| <view class='detail-top02'> | |||||
| <view class='title'>{{data.title}}</view> | |||||
| <view class='des'>{{data.subTitle}}</view> | |||||
| </view> | |||||
| <view class='detail-top03'> | |||||
| <view class='detail-p-price'>{{data.salePrice/100}}元</view> | |||||
| <view class='detail-p-name'>拼团价</view> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| <!-- 拼团订单信息 --> | |||||
| <view class='order'> | |||||
| <view class='order-list'> | |||||
| <view class='order-title'>订单编号:</view> | |||||
| <view class='order-text'>{{paramData.orderId}}</view> | |||||
| </view> | |||||
| </view> | |||||
| <view class='edit'> | |||||
| <button class='user-motto' bindtap='gotoPay'>去支付</button> | |||||
| </view> | |||||
| </view> | |||||
| @@ -0,0 +1,377 @@ | |||||
| /* pages/spellDetail/index.wxss */ | |||||
| page { | |||||
| height: auto; | |||||
| overflow: auto; | |||||
| background: #f89132; | |||||
| background-image: url('https://s3.cn-northwest-1.amazonaws.com.cn/iformall-net/cimg/spelldetail-bg.png'); | |||||
| background-size: cover; | |||||
| background-repeat: no-repeat; | |||||
| } | |||||
| .container{ | |||||
| margin-bottom:40rpx; | |||||
| } | |||||
| .status{ | |||||
| width: 690rpx; | |||||
| padding:0 28rpx; | |||||
| margin: 0 auto; | |||||
| box-sizing: border-box; | |||||
| background:rgba(255,255,255,1); | |||||
| border-radius:15rpx; | |||||
| } | |||||
| .edit{ | |||||
| position: fixed; | |||||
| width: 750rpx; | |||||
| height: 185rpx; | |||||
| bottom: 60rpx; | |||||
| left: 0; | |||||
| } | |||||
| .status-top{ | |||||
| width: 100%; | |||||
| height: 75rpx; | |||||
| box-sizing: border-box; | |||||
| border-bottom: 1rpx solid #F9F9F9; | |||||
| /* overflow: hidden; */ | |||||
| } | |||||
| .p-status{ | |||||
| float: left; | |||||
| width: 260rpx; | |||||
| font-size:32rpx; | |||||
| font-family:PingFang-SC-Bold; | |||||
| font-weight:bold; | |||||
| color:rgba(243,69,58,1); | |||||
| line-height: 75rpx; | |||||
| } | |||||
| .p-time{ | |||||
| float: right; | |||||
| font-size:26rpx; | |||||
| font-family:PingFang-SC-Medium; | |||||
| font-weight:500; | |||||
| color:rgba(243,69,58,1); | |||||
| width: 38rpx; | |||||
| height: 30rpx; | |||||
| margin-top: 22rpx; | |||||
| background:rgba(252,220,221,1); | |||||
| border-radius:10rpx; | |||||
| line-height: 30rpx; | |||||
| text-align: center; | |||||
| margin: 22rpx 6rpx; | |||||
| } | |||||
| .p-mao{ | |||||
| float: right; | |||||
| font-size:26rpx; | |||||
| font-family:PingFang-SC-Medium; | |||||
| font-weight:500; | |||||
| color:rgba(243,69,58,1); | |||||
| line-height: 75rpx; | |||||
| } | |||||
| .p-text{ | |||||
| float: right; | |||||
| font-size:26rpx; | |||||
| font-family:PingFang-SC-Regular; | |||||
| font-weight:400; | |||||
| color:rgba(51,51,51,1); | |||||
| line-height:75rpx; | |||||
| } | |||||
| .status-center{ | |||||
| width: 100%; | |||||
| overflow: hidden; | |||||
| padding: 20rpx 0; | |||||
| text-align: center; | |||||
| border-bottom: 1rpx solid #F9F9F9; | |||||
| } | |||||
| .tuanzhang{ | |||||
| float: left; | |||||
| width: 120rpx; | |||||
| height: 120rpx; | |||||
| position: relative; | |||||
| box-sizing:border-box; | |||||
| } | |||||
| .touxiangitems{ | |||||
| padding: 20rpx; | |||||
| margin: 0; | |||||
| overflow: hidden; | |||||
| } | |||||
| .touxiang{ | |||||
| width: 80rpx; | |||||
| height: 80rpx; | |||||
| border-radius: 40rpx; | |||||
| overflow: hidden; | |||||
| } | |||||
| .no-touxiang{ | |||||
| width: 80rpx; | |||||
| height: 80rpx; | |||||
| overflow: hidden; | |||||
| background:rgba(252,220,221,1); | |||||
| border:1rpx solid rgba(243,69,58,1); | |||||
| border-radius:50%; | |||||
| box-sizing: border-box; | |||||
| line-height: 78rpx; | |||||
| text-align: center; | |||||
| font-size:32rpx; | |||||
| font-family:PingFang-SC-Regular; | |||||
| font-weight:400; | |||||
| color:rgba(243,69,58,1); | |||||
| margin: 0; | |||||
| padding: 0; | |||||
| } | |||||
| .touxiang image{ | |||||
| width: 80rpx; | |||||
| height: 80rpx; | |||||
| } | |||||
| .tuan-icon{ | |||||
| position: absolute; | |||||
| bottom:20rpx; | |||||
| left:28rpx; | |||||
| width: 64rpx; | |||||
| height: 27rpx; | |||||
| } | |||||
| .tuan-icon image{ | |||||
| display: block; | |||||
| width: 64rpx; | |||||
| height: 27rpx; | |||||
| } | |||||
| .status-bottom{ | |||||
| width: 100%; | |||||
| height: auto; | |||||
| overflow: hidden; | |||||
| } | |||||
| .position-icon{ | |||||
| width: 38rpx; | |||||
| float: left; | |||||
| } | |||||
| .position-icon image{ | |||||
| width: 27rpx; | |||||
| height: 37rpx; | |||||
| margin-top: 17rpx; | |||||
| } | |||||
| .position{ | |||||
| font-size:28rpx; | |||||
| font-family:PingFang-SC-Medium; | |||||
| font-weight:500; | |||||
| color:rgba(51,51,51,1); | |||||
| line-height: 72rpx; | |||||
| } | |||||
| .detail{ | |||||
| position: relative; | |||||
| width: 690rpx; | |||||
| padding:0 28rpx; | |||||
| margin: 30rpx auto 0; | |||||
| box-sizing: border-box; | |||||
| background:rgba(255,255,255,1); | |||||
| border-radius:15rpx; | |||||
| } | |||||
| .return-index{ | |||||
| position: absolute; | |||||
| right: 30rpx; | |||||
| top: 30rpx; | |||||
| width: 50rpx; | |||||
| height: 50rpx; | |||||
| } | |||||
| .return-index image{ | |||||
| display: block; | |||||
| width: 50rpx; | |||||
| height: 50rpx; | |||||
| } | |||||
| .detail-top{ | |||||
| width: 100%; | |||||
| height: auto; | |||||
| overflow: hidden; | |||||
| padding-bottom: 12rpx; | |||||
| } | |||||
| .detail-top01{ | |||||
| float: left; | |||||
| width: 180rpx; | |||||
| } | |||||
| .detail-top01 image{ | |||||
| width: 180rpx; | |||||
| height: 180rpx; | |||||
| margin-top: 33rpx; | |||||
| } | |||||
| .detail-top02{ | |||||
| width: 208rpx; | |||||
| float: left; | |||||
| margin-left: 16rpx; | |||||
| } | |||||
| .title{ | |||||
| font-size:30rpx; | |||||
| font-family:PingFang-SC-Bold; | |||||
| font-weight:bold; | |||||
| color:rgba(51,51,51,1); | |||||
| line-height:44rpx; | |||||
| margin-top: 30rpx; | |||||
| overflow:hidden; | |||||
| text-overflow:ellipsis; | |||||
| white-space:nowrap; | |||||
| } | |||||
| .des{ | |||||
| font-size:26rpx; | |||||
| font-family:PingFang-SC-Medium; | |||||
| font-weight:500; | |||||
| color:rgba(134,134,134,1); | |||||
| line-height:40rpx; | |||||
| overflow:hidden; | |||||
| text-overflow:ellipsis; | |||||
| white-space:nowrap; | |||||
| } | |||||
| .detail-top03{ | |||||
| float: left; | |||||
| padding-top: 180rpx; | |||||
| width: 230rpx; | |||||
| } | |||||
| .detail-p-name{ | |||||
| float: right; | |||||
| font-size:26rpx; | |||||
| font-family:PingFang-SC-Medium; | |||||
| font-weight:500; | |||||
| color:rgba(134,134,134,1); | |||||
| line-height:44rpx; | |||||
| } | |||||
| .detail-p-price{ | |||||
| float: right; | |||||
| font-size:26rpx; | |||||
| font-family:PingFang-SC-Medium; | |||||
| font-weight:500; | |||||
| color:rgba(51,51,51,1); | |||||
| } | |||||
| .detail-bottom{ | |||||
| border-top: 1rpx solid #F9F9F9; | |||||
| width: 100%; | |||||
| overflow: hidden; | |||||
| height: 86rpx; | |||||
| } | |||||
| .b-unit{ | |||||
| float: right; | |||||
| font-size:24rpx; | |||||
| font-family:PingFang-SC-Medium; | |||||
| font-weight:500; | |||||
| color:rgba(237,63,46,1); | |||||
| margin-top: 36rpx; | |||||
| } | |||||
| .b-price{ | |||||
| float: right; | |||||
| font-size:40rpx; | |||||
| font-family:PingFang-SC-Medium; | |||||
| font-weight:500; | |||||
| color:rgba(237,63,46,1); | |||||
| margin-top: 18rpx; | |||||
| } | |||||
| .b-name{ | |||||
| float: right; | |||||
| font-size:26rpx; | |||||
| font-family:PingFang-SC-Medium; | |||||
| font-weight:500; | |||||
| color:rgba(51,51,51,1); | |||||
| margin-right: 6rpx; | |||||
| margin-top: 34rpx; | |||||
| } | |||||
| .order{ | |||||
| width: 690rpx; | |||||
| padding:10rpx 28rpx; | |||||
| margin: 30rpx auto 0; | |||||
| box-sizing: border-box; | |||||
| background:rgba(255,255,255,1); | |||||
| border-radius:15rpx; | |||||
| } | |||||
| .order-list{ | |||||
| height: 55rpx; | |||||
| } | |||||
| .order-title{ | |||||
| line-height: 55rpx; | |||||
| float: left; | |||||
| font-size:26rpx; | |||||
| font-family:PingFang-SC-Medium; | |||||
| font-weight:500; | |||||
| color:rgba(51,51,51,1); | |||||
| } | |||||
| .order-text{ | |||||
| float: right; | |||||
| text-align: right; | |||||
| line-height: 55rpx; | |||||
| font-size:26rpx; | |||||
| font-family:PingFang-SC-Medium; | |||||
| font-weight:500; | |||||
| color:rgba(134,134,134,1); | |||||
| } | |||||
| .user-motto { | |||||
| border: 0; | |||||
| width:650rpx; | |||||
| height:85rpx; | |||||
| background:linear-gradient(90deg,rgba(248,85,45,1) 0%,rgba(241,60,66,1) 0%,rgba(248,86,46,1) 100%); | |||||
| box-shadow:0px 8rpx 8rpx 1rpx rgba(242,61,65,0.32); | |||||
| border-radius:43rpx; | |||||
| font-size:36rpx; | |||||
| font-family:PingFang-SC-Medium; | |||||
| font-weight:500; | |||||
| color:rgba(254,254,254,1); | |||||
| line-height: 85rpx; | |||||
| margin-top: 100rpx; | |||||
| } | |||||
| .user-motto::after { | |||||
| border: none; | |||||
| } | |||||
| .button button:nth-of-type(1){ | |||||
| width:520rpx; | |||||
| height:95rpx; | |||||
| margin: 30rpx auto 38rpx; | |||||
| background:linear-gradient(90deg,rgba(248,85,45,1) 0%,rgba(241,60,66,1) 0%,rgba(248,86,46,1) 100%); | |||||
| border-radius:47rpx; | |||||
| color: #fff; | |||||
| } | |||||
| .button button:nth-of-type(2){ | |||||
| width:520rpx; | |||||
| height:95rpx; | |||||
| background:rgba(255,255,255,1); | |||||
| border:1rpx solid rgba(190,190,190,1); | |||||
| border-radius:47rpx; | |||||
| color:#333333; | |||||
| margin-bottom: 50rpx; | |||||
| } | |||||
| .alert-bg{ | |||||
| width: 100%; | |||||
| height: 100vh; | |||||
| position: fixed; | |||||
| opacity: 0.7; | |||||
| background: #000; | |||||
| top: 0; | |||||
| left: 0; | |||||
| z-index: 200; | |||||
| } | |||||
| .alert-box{ | |||||
| width: 600rpx; | |||||
| height: 332rpx; | |||||
| position: fixed; | |||||
| z-index: 300; | |||||
| background: #fff; | |||||
| top: 50vh; | |||||
| margin-top: -162rpx; | |||||
| left: 85rpx; | |||||
| border-radius:15rpx; | |||||
| } | |||||
| .alert-close{ | |||||
| position: absolute; | |||||
| width: 47rpx; | |||||
| height: 98rpx; | |||||
| top: -98rpx; | |||||
| right: 0; | |||||
| } | |||||
| .alert-close image{ | |||||
| width: 47rpx; | |||||
| height: 98rpx; | |||||
| } | |||||
| .alert-title{ | |||||
| text-align: center; | |||||
| font-size:30rpx; | |||||
| line-height: 30rpx; | |||||
| margin-top: 79rpx; | |||||
| font-family:PingFang-SC-Medium; | |||||
| font-weight:500; | |||||
| color:rgba(51,51,51,1); | |||||
| } | |||||
| .alert-button .share{ | |||||
| width:500rpx; | |||||
| height:95rpx; | |||||
| background:linear-gradient(90deg,rgba(248,85,45,1) 0%,rgba(241,60,66,1) 0%,rgba(248,86,46,1) 100%); | |||||
| border-radius:47rpx; | |||||
| margin-top: 79rpx; | |||||
| } | |||||
| @@ -46,6 +46,16 @@ Page({ | |||||
| } | } | ||||
| that.getUserInfo(); | that.getUserInfo(); | ||||
| }, | }, | ||||
| onShow(){ | |||||
| let that=this; | |||||
| that.getList(1, "spellList"); | |||||
| that.setData({ | |||||
| flag: "spellList", | |||||
| spellList: true, | |||||
| myspellList: false, | |||||
| lists: null | |||||
| }) | |||||
| }, | |||||
| //切换拼团列表 | //切换拼团列表 | ||||
| getSpellList(){ | getSpellList(){ | ||||
| this.setData({ | this.setData({ | ||||
| @@ -117,6 +127,13 @@ Page({ | |||||
| console.log(status) | console.log(status) | ||||
| return spellStatus.filter(item => status == item.value)[0].name | return spellStatus.filter(item => status == item.value)[0].name | ||||
| }, | }, | ||||
| gotoPay(e){ | |||||
| console.log(e,333) | |||||
| let data = e.currentTarget.dataset.data | |||||
| wx.navigateTo({ | |||||
| url: `/pages/spellGroup/paySpellGroup/index?orderId=${data.orderId}&couponId=${data.couponId}&orderGroupId=${data.orderGroupId}&couponChannelId=${data.couponChannelId}`, | |||||
| }) | |||||
| }, | |||||
| gotoEdit(e){ | gotoEdit(e){ | ||||
| console.log(e.currentTarget.dataset.status) | console.log(e.currentTarget.dataset.status) | ||||
| let status = e.currentTarget.dataset.status | let status = e.currentTarget.dataset.status | ||||
| @@ -238,8 +255,8 @@ Page({ | |||||
| console.log(res.data.list) | console.log(res.data.list) | ||||
| var tmpArr = that.data.lists; | var tmpArr = that.data.lists; | ||||
| res.data.list.map((item,index)=>{ | res.data.list.map((item,index)=>{ | ||||
| item.statusText = that.changeStatus(item.status); | |||||
| item.statusText02 = that.changeStatus02(item.status) | |||||
| item.statusText = that.changeStatus(item.orderStatus); | |||||
| item.statusText02 = that.changeStatus02(item.orderStatus) | |||||
| }) | }) | ||||
| tmpArr.push.apply(tmpArr, res.data.list); | tmpArr.push.apply(tmpArr, res.data.list); | ||||
| console.log(tmpArr) | console.log(tmpArr) | ||||
| @@ -36,18 +36,21 @@ | |||||
| </view> | </view> | ||||
| <view class='sepll-list' wx:if='{{flag=="myspellList"}}' wx:for="{{lists}}" wx:key="{{index}}" style='position:relative;height:auto;'> | <view class='sepll-list' wx:if='{{flag=="myspellList"}}' wx:for="{{lists}}" wx:key="{{index}}" style='position:relative;height:auto;'> | ||||
| <view class='spell-top'> | <view class='spell-top'> | ||||
| <view class='spell-top-left'> | |||||
| <view class='spell-top-left' wx:if='{{item.orderStatus!=15}}'> | |||||
| <view class='top-title' wx:if='{{item.remainPeople!=0}}'>距离成团还差</view> | <view class='top-title' wx:if='{{item.remainPeople!=0}}'>距离成团还差</view> | ||||
| <view class='top-num' wx:if='{{item.remainPeople!=0}}'>{{item.remainPeople+'人'}}</view> | <view class='top-num' wx:if='{{item.remainPeople!=0}}'>{{item.remainPeople+'人'}}</view> | ||||
| <view class='top-title' style='color:#8C8C8C;' wx:if='{{item.remainPeople==0}}'>{{item.pressLimitNum+'人成团'}}</view> | <view class='top-title' style='color:#8C8C8C;' wx:if='{{item.remainPeople==0}}'>{{item.pressLimitNum+'人成团'}}</view> | ||||
| </view> | </view> | ||||
| <view class='spell-top-left' wx:if='{{item.orderStatus==15}}'> | |||||
| <view class='top-title' wx:if='{{item.remainPeople!=0}}'>拼团未开始</view> | |||||
| </view> | |||||
| <view class='spell-top-right' style='{{"color:"+(item.status==10?"#FF3232":item.status==11?"#57B257":"#8C8C8C")}}'>{{item.statusText02}}</view> | <view class='spell-top-right' style='{{"color:"+(item.status==10?"#FF3232":item.status==11?"#57B257":"#8C8C8C")}}'>{{item.statusText02}}</view> | ||||
| </view> | </view> | ||||
| <view class='spell-bottom'> | <view class='spell-bottom'> | ||||
| <view class='spell-left' data-id='{{item.id}}' data-data='{{item}}' bindtap='gotoStatusDetail'> | |||||
| <view class='spell-left' data-id='{{item.id}}' data-data='{{item}}' bindtap='{{item.orderStatus!=15?"gotoStatusDetail":"gotoPay"}}'> | |||||
| <image src='{{item.coverImg}}' mode="aspectFill"></image> | <image src='{{item.coverImg}}' mode="aspectFill"></image> | ||||
| </view> | </view> | ||||
| <view class='spell-center' data-id='{{item.id}}' data-data='{{item}}' bindtap='gotoStatusDetail'> | |||||
| <view class='spell-center' data-id='{{item.id}}' data-data='{{item}}' bindtap='{{item.orderStatus!=15?"gotoStatusDetail":"gotoPay"}}'> | |||||
| <view class='tilte'>{{item.title}}</view> | <view class='tilte'>{{item.title}}</view> | ||||
| <view class='remark'>{{item.subTitle}}</view> | <view class='remark'>{{item.subTitle}}</view> | ||||
| <view class='price' style='margin-top:50rpx;'> | <view class='price' style='margin-top:50rpx;'> | ||||
| @@ -60,13 +63,15 @@ | |||||
| </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}}' data-data='{{item}}' 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.orderStatus==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' 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' data-data='{{item}}' wx:if='{{item.orderStatus==11}}' data-status='{{item.status}}' bindtap='gotoUse' 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' data-data='{{item}}' wx:if='{{item.orderStatus==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;background:#B5B5B5;padding:0 8rpx;">{{item.statusText}}</view> | |||||
| <view class='right-button' wx:if='{{item.orderStatus==12}}' data-status='{{item.status}}' bindtap='gotoEdit' style="width:auto;display:inline-block;background:#B5B5B5;padding:0 8rpx;">{{item.statusText}}</view> | |||||
| <!-- 拼团未支付 --> | |||||
| <view class='right-button' wx:if='{{item.orderStatus==15}}' 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> | ||||
| @@ -14,6 +14,10 @@ const spellStatus=[ | |||||
| { | { | ||||
| name: '拼团失败', | name: '拼团失败', | ||||
| value: 13 | value: 13 | ||||
| }, | |||||
| { | |||||
| name: '拼团待支付', | |||||
| value: 15 | |||||
| } | } | ||||
| ] | ] | ||||
| const spellStatus02 = [ | const spellStatus02 = [ | ||||
| @@ -32,6 +36,10 @@ const spellStatus02 = [ | |||||
| { | { | ||||
| name: '重新拼团', | name: '重新拼团', | ||||
| value: 13 | value: 13 | ||||
| }, | |||||
| { | |||||
| name: '去支付', | |||||
| value: 15 | |||||
| } | } | ||||
| ] | ] | ||||
| module.exports={ | module.exports={ | ||||