|
|
|
|
@ -14,12 +14,16 @@ |
|
|
|
|
<view class="huiywz">运动湾会员</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="mddz1"> |
|
|
|
|
<view class="mddz1wz">运动湾24小时自助健身(置地大厦店)</view> |
|
|
|
|
<view class="mddz1wz">{{mandianxinxi.name}}</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="mddz2"> |
|
|
|
|
<image class="mddz1img1" src="@/static/定位1.png" mode=""></image> |
|
|
|
|
<text class="dz">地址：徐州云龙区置地大厦116号</text> |
|
|
|
|
<image class="mddz1img2" src="@/static/电话o.png" mode=""></image> |
|
|
|
|
<view class=""> |
|
|
|
|
<image class="mddz1img1" src="@/static/定位1.png" mode=""></image> |
|
|
|
|
<text class="dz">地址：{{mandianxinxi.address}}</text> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<!-- <image class="mddz1img2" src="@/static/电话o.png" mode=""></image> --> |
|
|
|
|
<view class="qihuanmd" @click="qhmd">切换门店</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="taoc"> |
|
|
|
|
@ -27,12 +31,12 @@ |
|
|
|
|
会员套餐 |
|
|
|
|
</view> |
|
|
|
|
<view class="taoctitle1"> |
|
|
|
|
<view class="taoctitle1wz">暑假双月卡</view> |
|
|
|
|
<view class="taoctitle1q">￥189</view> |
|
|
|
|
<view class="taoctitle1wz">{{vipxinxi.name}}</view> |
|
|
|
|
<view class="taoctitle1q">￥{{vipxinxi.price}}</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="smwz">期限：60天</view> |
|
|
|
|
<view class="smwz">说明：此卡为暑假特价卡，一经开卡，不退不换</view> |
|
|
|
|
<view class="smwz">限购1次</view> |
|
|
|
|
<view class="smwz">期限：{{vipxinxi.validity_day}}</view> |
|
|
|
|
<view class="smwz">说明：{{vipxinxi.introduce}}</view> |
|
|
|
|
<view class="smwz">限购{{vipxinxi.buy_limit}}次</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="zhif"> |
|
|
|
|
<view class="zfwi">支付方式</view> |
|
|
|
|
@ -42,18 +46,18 @@ |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<checkbox-group class="chgroup" v-model="checkboxValue1" @change='change' > |
|
|
|
|
<checkbox-group class="chgroup" v-model="checkboxValue1" @change='change'> |
|
|
|
|
<label class="radio"> |
|
|
|
|
<checkbox value="r1"/> |
|
|
|
|
<checkbox value="r1" /> |
|
|
|
|
已阅读并同意 |
|
|
|
|
<text class="xy" @click="yhxy('yonghu')">《用户协议》</text> |
|
|
|
|
</label> |
|
|
|
|
</checkbox-group> |
|
|
|
|
<view class="fot"> |
|
|
|
|
<view class="fotwz"> |
|
|
|
|
支付<text style="color: #F0503E;">179</text>元 |
|
|
|
|
支付<text style="color: #F0503E;">{{vipxinxi.price}}</text>元 |
|
|
|
|
</view> |
|
|
|
|
<view class="fotbtn"> |
|
|
|
|
<view class="fotbtn" @click="zfsub"> |
|
|
|
|
立即支付 |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
@ -64,27 +68,97 @@ |
|
|
|
|
export default { |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
|
|
|
|
|
mandianxinxi: {}, |
|
|
|
|
vipxinxi: {}, |
|
|
|
|
yhxyactive: false |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
onLoad(option) { |
|
|
|
|
console.log('option', option); |
|
|
|
|
var that = this |
|
|
|
|
var tuijianlist = JSON.parse(option.tuijianlist) |
|
|
|
|
var vipxinxi = JSON.parse(option.item) |
|
|
|
|
that.vipxinxi = vipxinxi |
|
|
|
|
that.mandianxinxi = tuijianlist |
|
|
|
|
}, |
|
|
|
|
onShow() { |
|
|
|
|
var xzmd = uni.getStorageSync('xzmd') |
|
|
|
|
console.log('xzmd',xzmd); |
|
|
|
|
if (xzmd != '') { |
|
|
|
|
this.mandianxinxi = JSON.parse(xzmd) |
|
|
|
|
this.mandianxinxi.id=this.mandianxinxi.store_id |
|
|
|
|
} |
|
|
|
|
console.log('this.mandianxinxi',this.mandianxinxi); |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
qhmd() { |
|
|
|
|
uni.navigateTo({ |
|
|
|
|
url: '/pages/mendainlist/mendainlist' |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
change(e) { |
|
|
|
|
console.log(123, e); |
|
|
|
|
if (e.detail.value.length != 0) { |
|
|
|
|
this.yhxyactive = true |
|
|
|
|
} else { |
|
|
|
|
this.yhxyactive = false |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
previous() { |
|
|
|
|
uni.navigateBack() |
|
|
|
|
}, |
|
|
|
|
yhxy(){} |
|
|
|
|
yhxy() {}, |
|
|
|
|
zfsub() { |
|
|
|
|
if (!this.yhxyactive) { |
|
|
|
|
uni.showToast({ |
|
|
|
|
icon: "none", |
|
|
|
|
title: '请先勾选用户协议', |
|
|
|
|
duration: 3000 |
|
|
|
|
}); |
|
|
|
|
} else { |
|
|
|
|
this.$api.cardBuy({ |
|
|
|
|
card_id: this.vipxinxi.card_id, |
|
|
|
|
store_id: this.mandianxinxi.id |
|
|
|
|
}).then(res => { |
|
|
|
|
if (res.code == 200) { |
|
|
|
|
this.$api.cardPay({ |
|
|
|
|
order_no: res.data.order_no, |
|
|
|
|
pay_type: 1 |
|
|
|
|
}).then(res => { |
|
|
|
|
uni.requestPayment({ |
|
|
|
|
provider: 'wxpay', |
|
|
|
|
timeStamp:res.data.timeStamp, |
|
|
|
|
nonceStr: res.data.nonceStr, |
|
|
|
|
package: res.data.package, |
|
|
|
|
signType: res.data.signType, |
|
|
|
|
paySign:res.data.paySign, |
|
|
|
|
success: function (res) { |
|
|
|
|
console.log('success:' + JSON.stringify(res)); |
|
|
|
|
}, |
|
|
|
|
fail: function (err) { |
|
|
|
|
console.log('fail:' + JSON.stringify(err)); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style scoped> |
|
|
|
|
.xy{ |
|
|
|
|
.xy { |
|
|
|
|
color: #F8A617; |
|
|
|
|
} |
|
|
|
|
.chgroup{ |
|
|
|
|
|
|
|
|
|
.chgroup { |
|
|
|
|
position: fixed; |
|
|
|
|
left: 24rpx; |
|
|
|
|
bottom: 127rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.fot { |
|
|
|
|
width: 750rpx; |
|
|
|
|
height: 101rpx; |
|
|
|
|
@ -97,15 +171,17 @@ |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
} |
|
|
|
|
.fotwz{ |
|
|
|
|
|
|
|
|
|
.fotwz { |
|
|
|
|
line-height: 101rpx; |
|
|
|
|
margin-left: 26rpx; |
|
|
|
|
} |
|
|
|
|
.fotbtn{ |
|
|
|
|
|
|
|
|
|
.fotbtn { |
|
|
|
|
width: 200rpx; |
|
|
|
|
height: 70rpx; |
|
|
|
|
background: #F8A617; |
|
|
|
|
box-shadow: 0rpx 4rpx 13rpx 0rpx rgba(19,14,4,0.14); |
|
|
|
|
box-shadow: 0rpx 4rpx 13rpx 0rpx rgba(19, 14, 4, 0.14); |
|
|
|
|
border-radius: 35rpx; |
|
|
|
|
font-family: PingFang SC; |
|
|
|
|
font-weight: 500; |
|
|
|
|
@ -116,6 +192,7 @@ |
|
|
|
|
margin-top: 15rpx; |
|
|
|
|
margin-right: 24rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.zhif { |
|
|
|
|
width: 650rpx; |
|
|
|
|
padding: 20rpx 28rpx; |
|
|
|
|
@ -225,12 +302,34 @@ |
|
|
|
|
float: right; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.qihuanmd { |
|
|
|
|
width: 150rpx; |
|
|
|
|
height: 50rpx; |
|
|
|
|
background: rgba(248, 166, 23, 0); |
|
|
|
|
border-radius: 25rpx; |
|
|
|
|
border: 1px solid #F8A617; |
|
|
|
|
font-family: PingFang SC; |
|
|
|
|
font-weight: 500; |
|
|
|
|
font-size: 24rpx; |
|
|
|
|
color: #F8A617; |
|
|
|
|
text-align: center; |
|
|
|
|
line-height: 50rpx; |
|
|
|
|
/* margin-top: 20rpx; */ |
|
|
|
|
/* float: right; */ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.mddz2 { |
|
|
|
|
margin-top: 32rpx; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.dz { |
|
|
|
|
margin-left: 17rpx; |
|
|
|
|
font-family: PingFang SC; |
|
|
|
|
font-weight: 500; |
|
|
|
|
font-size: 26rpx; |
|
|
|
|
color: #999999; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.mddz1img1 { |
|
|
|
|
@ -258,12 +357,12 @@ |
|
|
|
|
|
|
|
|
|
.mddz { |
|
|
|
|
width: 650rpx; |
|
|
|
|
height: 192rpx; |
|
|
|
|
/* height: 192rpx; */ |
|
|
|
|
background: #FFFFFF; |
|
|
|
|
box-shadow: 0rpx 3rpx 9rpx 0rpx rgba(19, 14, 4, 0.08); |
|
|
|
|
border-radius: 20rpx; |
|
|
|
|
margin-top: 24rpx; |
|
|
|
|
padding: 20rpx 28rpx; |
|
|
|
|
padding: 45rpx 28rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.mendian { |
|
|
|
|
|
LGX
4 months ago
