会员

my/vip/index.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="content">
-		<view class="bgbox" style="" v-if="vipData!='1'">
+		<view class="bgbox" style="" v-if="vipData.isVip!='1'">
 			<view class="bgbox-top">
 				<image src="../../static/vip/banner9.jpg" mode=""></image>
 			</view>
@@ -12,7 +12,20 @@
 							<view class="text-center flex flex-direction justify-between padding-tb radius"
 								:class="selNum == item.id?'active': 'noactive'">
 								<view class="text-bold" style="font-size: 36rpx;">{{item.vipName}}</view>
-								<view class="text-bold" style="font-size: 30rpx;"> <text class="text-xxl" style="font-size: 37rpx;margin-left:-10rpx;color: #D33232;"><text style="font-size: 14px;">￥</text>{{item.money}}</text></view>
+								<view class="text-bold text-money" style="font-size: 30rpx;">
+									<text class="text-xxl" style="font-size: 37rpx;margin-left:-10rpx;color: #D33232;">
+										<text style="font-size: 14px;">
+											￥
+										</text>
+										{{item.money}}
+									</text>
+									<text v-if="item.oldMoney" class="text-xxl" style="font-size: 13px;margin-left:-10rpx;color: #848484;text-decoration-line: line-through;">
+										<text style="font-size: 13px;">
+											￥
+										</text>
+										{{item.oldMoney}}
+									</text>
+								</view>
 							</view>
 						</view>
 					</view>
@@ -28,12 +41,12 @@
 						<!-- 协议地址 -->
 						<navigator url="/pages/my/hyXy" open-type="navigate" style="color: #019c88;">《会员协议》</navigator>
 					</view>
-					<view class="quanyi-line"><image style="width:100%;height:180px;object-fit: contain;" src="../../static/vip/Equity4.png"></image></view>
+					<!-- <view class="quanyi-line"><image style="width:100%;height:180px;object-fit: contain;" src="../../static/vip/Equity4.png"></image></view> -->
 					<view class="quanyi_titname">~VIP超值权益~</view>
 					<view class="quanyi_itemview" style="margin-bottom: 60rpx;">
 						<view class="quanyi_listitem">
 							<image src="../../static/vip/Equity2.png"></image>
-							<view class="listitem_name">会员优享价</view>
+							<view class="listitem_name">会员优享{{rateStr}}折</view>
 						</view>
 						<view class="quanyi_listitem">
 							<image src="../../static/vip/Equity1.png"></image>
@@ -63,7 +76,7 @@
 					<view class="quanyi_itemview" style="margin-bottom: 60rpx;">
 						<view class="quanyi_listitem">
 							<image src="../../static/vip/Equity2.png"></image>
-							<view class="listitem_name">会员优享价</view>
+							<view class="listitem_name">会员优享{{rateStrs}}折</view>
 						</view>
 						<view class="quanyi_listitem">
 							<image src="../../static/vip/Equity1.png"></image>
@@ -134,7 +147,8 @@
 				vipData:[],
 				vipShow:false,
 				rateStr:'',
-				vipNameType:''
+				vipNameType:'',
+				rateStrs:''
 			}
 		},
 		onLoad() {
@@ -196,7 +210,8 @@
 						var data= res.data.endTime||{};
 						this.$queue.setData('isVIP',res.data.isVip);
 						this.vipNameType=res.data.vipNameType
-						this.vipData=res.data.isVip;
+						this.vipData=res.data;
+						this.rateStrs=res.data.vipDetails.rate/10
 						console.log("isVIP------------------->",this.vipData)
 						this.timeVipEnd = data.slice(0,16);
 						this.getVipList(res.data.vipNameType)
@@ -326,6 +341,11 @@
 							type: 2
 						}).then(red => {
 							if (red.code == 0) {
+								uni.hideLoading();
+								uni.showToast({
+									title: '开通成功！'
+								})
+								that.getIsVip()
 								that.callPay(red.data);
 							} else {
 								uni.showToast({
@@ -340,6 +360,11 @@
 							type: 4
 						}).then(red => {
 							if (red.code == 0) {
+								uni.hideLoading();
+								uni.showToast({
+									title: '开通成功！'
+								})
+								that.getIsVip()
 								const urlArr = window.location.href;
 								const hostUrl = urlArr.split("/");
 								const callBack = hostUrl[0] + "//" + hostUrl[2] + "/";
@@ -361,6 +386,11 @@
 						type: 1
 					}).then(red => {
 						if (red.code == 0) {
+							uni.hideLoading();
+							uni.showToast({
+								title: '开通成功！'
+							})
+							that.getIsVip()
 							console.log(JSON.stringify(red))
 							that.setPayment('wxpay', JSON.stringify(red
 								.data));
@@ -379,6 +409,11 @@
 						classify: 2
 					}).then(red => {
 						if (red.code == 0) {
+							uni.hideLoading();
+							uni.showToast({
+								title: '开通成功！'
+							})
+							that.getIsVip()
 							const div = document.createElement('div')
 							div.innerHTML = red.data //此处form就是后台返回接收到的数据
 							document.body.appendChild(div)
@@ -397,6 +432,11 @@
 						classify: 1
 					}).then(red => {
 						if (red.code == 0) {
+							uni.hideLoading();
+							uni.showToast({
+								title: '开通成功！'
+							})
+							that.getIsVip()
 							that.setPayment('alipay', red.data);
 						} else {
 							uni.showToast({
@@ -414,10 +454,10 @@
 							console.log(res.data)
 							if (res.code == 0) {
 								this.isVip = true
-								this.getIsVip()
 								uni.showToast({
 									title: '开通成功！'
 								})
+								that.getIsVip()
 								// setTimeout(function() {
 								// 	uni.navigateBack()
 								// },1000)
@@ -514,7 +554,13 @@
 	}
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
+	.text-money{
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+	}
 	.quanyi-line{
 		width: 95%;
 		margin: 0 auto;