|
|
@ -18,12 +18,12 @@ |
|
|
|
手机号:{{userInfo.phone}} |
|
|
|
</view> |
|
|
|
<!-- <view> |
|
|
|
{{numInfo.vipType}} |
|
|
|
{{UserExtensionInfo.vipType}} |
|
|
|
</view> --> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="openvip">{{numInfo.vipType}}</view> |
|
|
|
<view class="openvip">{{UserExtensionInfo.vipType}}</view> |
|
|
|
|
|
|
|
<view class="options"> |
|
|
|
<view @click="vipId = item.id" |
|
|
@ -61,12 +61,21 @@ |
|
|
|
</view> |
|
|
|
<view class="tail"> |
|
|
|
<view> |
|
|
|
<uv-radio-group v-model="radiovalue"> |
|
|
|
<uv-radio size="30rpx"> |
|
|
|
</uv-radio> |
|
|
|
</uv-radio-group> |
|
|
|
<uv-checkbox-group v-model="checkboxValue"> |
|
|
|
<uv-checkbox |
|
|
|
size="40rpx" |
|
|
|
icon-size="30rpx" |
|
|
|
activeColor="#3796F8" |
|
|
|
:name="1" |
|
|
|
></uv-checkbox> |
|
|
|
</uv-checkbox-group> |
|
|
|
</view> |
|
|
|
<view>开通前请阅读《会员服务协议》</view> |
|
|
|
|
|
|
|
<!-- 缺失会员服务协议 --> |
|
|
|
<view>开通前请阅读<text |
|
|
|
style="color: #3796F8;" |
|
|
|
@click="$refs.configPopup.open('')" |
|
|
|
>《会员服务协议》</text></view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
@ -75,14 +84,14 @@ |
|
|
|
<view> |
|
|
|
总计金额:¥{{ vip.price }} |
|
|
|
</view> |
|
|
|
<view @click="submit(vip.id)"> |
|
|
|
<view @click="submit(vipId)"> |
|
|
|
确认协议并支付 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<configPopup ref="configPopup"/> |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
@ -94,29 +103,21 @@ |
|
|
|
mixins: [mixinList], |
|
|
|
data() { |
|
|
|
return { |
|
|
|
radiovalue: false, |
|
|
|
checkboxValue : [], |
|
|
|
mixinsListApi: 'commonQueryVipType', |
|
|
|
vipId: '', |
|
|
|
numInfo: {} |
|
|
|
} |
|
|
|
}, |
|
|
|
onShow() { |
|
|
|
this.$store.commit('getUserInfo') |
|
|
|
//判断如果是登录状态则获取信息 |
|
|
|
this.getUserCenterData(); |
|
|
|
this.$store.commit('getUserExtensionInfo') |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
...mapState(['UserExtensionInfo']), |
|
|
|
headImage() { |
|
|
|
return '/static/image/center/headImage.png' |
|
|
|
}, |
|
|
|
//获取个人中心基础信息的接口 |
|
|
|
getUserCenterData() { |
|
|
|
this.$api('getUserCenterData', {}, res => { |
|
|
|
if (res.code == 200) { |
|
|
|
this.numInfo = res.result |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
vip() { |
|
|
|
let vip = {} |
|
|
|
this.list.forEach(n => { |
|
|
@ -138,31 +139,39 @@ |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
submit(id) { |
|
|
|
if(!this.checkboxValue.length){ |
|
|
|
return uni.showToast({ |
|
|
|
title: '请先同意会员服务协议', |
|
|
|
icon:'none' |
|
|
|
}) |
|
|
|
} |
|
|
|
console.log("当前标识:" + id) |
|
|
|
this.$api('addVIP', { |
|
|
|
id: id |
|
|
|
}, res => { |
|
|
|
uni.requestPayment({ |
|
|
|
provider: 'wxpay', // 服务提提供商 |
|
|
|
timeStamp: res.result.timeStamp, // 时间戳 |
|
|
|
nonceStr: res.result.nonceStr, // 随机字符串 |
|
|
|
package: res.result.packageValue, |
|
|
|
signType: res.result.signType, // 签名算法 |
|
|
|
paySign: res.result.paySign, // 签名 |
|
|
|
success: function(res) { |
|
|
|
console.log('支付成功', res); |
|
|
|
self.$refs.confirmationPopupUpload.open() |
|
|
|
// self.$refs.confirmationPopup.close() |
|
|
|
}, |
|
|
|
fail: function(err) { |
|
|
|
console.log('支付失败', err); |
|
|
|
self.$refs.confirmationPopup.close() |
|
|
|
uni.showToast({ |
|
|
|
icon: 'none', |
|
|
|
title: "支付失败" |
|
|
|
}) |
|
|
|
} |
|
|
|
}); |
|
|
|
if(res.code == 200){ |
|
|
|
uni.requestPayment({ |
|
|
|
provider: 'wxpay', // 服务提提供商 |
|
|
|
timeStamp: res.result.timeStamp, // 时间戳 |
|
|
|
nonceStr: res.result.nonceStr, // 随机字符串 |
|
|
|
package: res.result.packageValue, |
|
|
|
signType: res.result.signType, // 签名算法 |
|
|
|
paySign: res.result.paySign, // 签名 |
|
|
|
success: function(res) { |
|
|
|
console.log('支付成功', res); |
|
|
|
self.$refs.confirmationPopupUpload.open() |
|
|
|
// self.$refs.confirmationPopup.close() |
|
|
|
}, |
|
|
|
fail: function(err) { |
|
|
|
console.log('支付失败', err); |
|
|
|
self.$refs.confirmationPopup.close() |
|
|
|
uni.showToast({ |
|
|
|
icon: 'none', |
|
|
|
title: "支付失败" |
|
|
|
}) |
|
|
|
} |
|
|
|
}); |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
getDataThen(list) { |
|
|
@ -254,7 +263,7 @@ |
|
|
|
} |
|
|
|
|
|
|
|
.act { |
|
|
|
border: 4rpx solid $uni-color; |
|
|
|
border: 2rpx solid $uni-color; |
|
|
|
box-shadow: 0 0 10rpx 10rpx rgba($uni-color, 0.2); |
|
|
|
} |
|
|
|
} |
|
|
|