vip页面

common/http.interceptor.js

@@ -5,11 +5,11 @@ const install = (Vue, vm) => {
     Vue.prototype.$u.http.setConfig({
         // baseUrl: 'http://61.174.243.28:15861',
         // baseUrl: 'http://192.168.2.46:8080',
-        // baseUrl: 'https://che.chuangtewl.com/prod-api',
+        baseUrl: 'https://che.chuangtewl.com/prod-api',
 		// 测试环境
         // baseUrl: 'https://dianche.chuantewulian.cn/prod-api',
 		// 俞山岛
-        baseUrl: 'https://dche.ccttiot.com/prod-api',
+        // baseUrl: 'https://dche.ccttiot.com/prod-api',
 		// 创特
         loadingText: '努力加载中~',  
         loadingTime: 10000,

page_vip/buyCard.vue

@@ -12,8 +12,8 @@
 					我的骑行卡 <image src="https://lxnapi.ccttiot.com/bike/img/static/uC5tdSEpQIUUbFDToiso" mode=""></image>
 				</view>
 			</view>
-			<view class="card2">
+			<view class="card2" v-for="(item,index) in CouponList" :key="index" v-show="item.isHot">
-				<view class="card3" style="margin-top: 85rpx;">
+				<view class="card3" style="margin-top: 85rpx;" >
 					<view class="top">
 						<view class="tit1">
 							电单车15天5次卡
@@ -39,10 +39,13 @@
 								已优惠 <span style="color: red;">9.75</span>元
 							</view>
 						</view>
+						<view class="btn" @click="buycard(item)">
+							购买
+						</view>
 					</view>
 				</view>
 			</view>
-			<view class="card3">
+			<view class="card3"  v-for="(item,index) in CouponList" :key="index" v-show="item.isHot==false">
 				<view class="top">
 					<view class="tit1">
 						电单车15天5次卡
@@ -68,7 +71,7 @@
 							已优惠 <span style="color: red;">9.75</span>元
 						</view>
 					</view>
-					<view class="btn">
+					<view class="btn" @click="buycard(item)">
 						购买
 					</view>
 				</view>
@@ -76,7 +79,7 @@
 			
 		</view>
 		<u-mask :show="show" :z-index='100' />
-		<view class="buy_box" v-if="false">
+		<view class="buy_box" v-if="show">
 			<view class="taocan">
 				<view class="top">
 					<view class="tit1">
@@ -113,7 +116,7 @@
 				不包括景区等特殊区域
 			</view>
 			<view class="btns_box">
-				<view class="btn1">
+				<view class="btn1" @click="show=false">
 					取消
 				</view>
 				<view class="btn2">
@@ -133,12 +136,37 @@
 				},
 				sn: '',
 				istrue: false,
-				show:false
+				show:false,
+				CouponList:[],
+				buyinfo:[]
 			}
 		},
-
+		onShow() {
+			this.getCouponList()
+		},
 		methods: {
-
+			buycard(item){
+				this.buyinfo=item
+				this.show=true
+			},
+			getCouponList(){
+				let data={
+					type:'3,4'
+				}
+				this.$u.get("/app/couponList",data ).then((res) => {
+							
+					if (res.code == 200) {
+						this.CouponList = res.data
+						
+					} else {
+						// uni.showToast({
+						// 	title: res.msg,
+						// 	icon: 'none',
+						// 	duration: 2000
+						// });
+					}
+				});
+			},
 		}
 	}
 </script>
@@ -153,13 +181,14 @@
 		.buy_box {
 		    padding: 0 46rpx;
 		    position: fixed;
-		    bottom: 0;
+		    bottom: 0rpx;
+			left: 0rpx;
 		    width: 750rpx;
 		    height: 780rpx !important;
 		    background: #FDFDFD;
 		    border-radius: 0rpx 0rpx 0rpx 0rpx;
 		    z-index: 101;
-		    position: relative;
+		    // position: relative;
 		    
 		    .tit_txt {
 		        padding-top: 114rpx; /* 使用 padding-top 或者增加 overflow: hidden 来防止 margin 合并 */

page_vip/vip_index.vue

@@ -28,12 +28,12 @@
 		<image class="mc" src="https://lxnapi.ccttiot.com/bike/img/static/uCIpavkHbM18al7gpxH8" mode=""></image>
 		<view class="cont_box">
 
-			<view class="cont_li" v-for="item in 4" :key="item">
+			<view class="cont_li" v-for="(item,index) in CouponList" :key="index">
 				<view class="tit">
-					月卡
+					{{item.name}}
 				</view>
 				<view class="money">
-					￥39.9
+					￥	{{item.retailPrice}}
 				</view>
 				<view class="tips" style="text-decoration: line-through; ">
 					￥59.9
@@ -64,12 +64,50 @@
 					backgroundColor: '#fff'
 				},
 				sn: '',
-				istrue: false
+				istrue: false,
+				CouponList:[],
+				userinfo:{}
 			}
 		},
-
+		onShow() {
+			this.getCouponList()
+			this.getinfo()
+		},
 		methods: {
-
+			getinfo() {
+				// uni.showLoading({
+				// 	title:'加载中'
+				// })
+				this.$u.get("/getAppInfo").then((res) => {
+			
+					if (res.code == 200) {
+					
+						this.$store.commit('SET_USERID', res.user.userId);
+						this.userinfo = res.user
+						
+					} else {
+					
+					}
+				});
+			},
+			getCouponList(){
+				let data={
+					type:'1'
+				}
+				this.$u.get("/app/couponList",data ).then((res) => {
+							
+					if (res.code == 200) {
+						this.CouponList = res.data
+						
+					} else {
+						// uni.showToast({
+						// 	title: res.msg,
+						// 	icon: 'none',
+						// 	duration: 2000
+						// });
+					}
+				});
+			},
 		}
 	}
 </script>

pages/my.vue

@@ -221,7 +221,27 @@
 			</view>
 		</view>
 		<view class="vip_box">
-			
+			<view class="txt1">月卡会员</view>
+			<view class="txt2" v-if="CarkTypeList[0].desc">{{CarkTypeList[0].desc}}</view>
+		</view>
+		<view class="fee_box">
+			<view class="auto_box">
+				<view class="auto_li" v-for="(item,index) in CouponList" :key="index" @click="tobuy()">
+					<view class="txt1">
+					{{item.name}}
+					</view>
+					<view class="txt1">
+						{{item.retailPrice}}元
+					</view>
+					<view class="txt2" v-if="item.desc">
+						{{item.desc}}
+						<!-- 每单最高抵3元 -->
+					</view>
+					<view class="buy_btn">
+						购买
+					</view>
+				</view>
+			</view>
 		</view>
 		<view class="type_cont">
 			<view class="type_li"  @click="topage(2)">
@@ -283,7 +303,9 @@
 				deptId: 0,
 				statusBarHeight: 0,
 				navBarHeight: 0,
-				areaInfo:{}
+				areaInfo:{},
+				CouponList:[],
+				CarkTypeList:[]
 
 
 
@@ -322,6 +344,11 @@
 			}
 		},
 		methods: {
+			tobuy(){
+				uni.navigateTo({
+					url:'/page_vip/buyCard'
+				})
+			},
 			getarea() {
 				let id = uni.getStorageSync('areaId');
 				this.$u.get("/app/area/" + id).then((res) => {
@@ -338,6 +365,42 @@
 					}
 				});
 			},
+			getCouponList(){
+				let data={
+					type:'3,4'
+				}
+				this.$u.get("/app/couponList",data ).then((res) => {
+							
+					if (res.code == 200) {
+						this.CouponList = res.data
+						
+					} else {
+						// uni.showToast({
+						// 	title: res.msg,
+						// 	icon: 'none',
+						// 	duration: 2000
+						// });
+					}
+				});
+			},
+			getCarkType(){
+				let data={
+					type:'3,4'
+				}
+				this.$u.get("/app/couponList",data ).then((res) => {
+							
+					if (res.code == 200) {
+						this.CarkTypeList = res.data
+						
+					} else {
+						// uni.showToast({
+						// 	title: res.msg,
+						// 	icon: 'none',
+						// 	duration: 2000
+						// });
+					}
+				});
+			},
 			layout(){
 				this.$u.post('/logout').then((res) => {
 					if (res.code == 200) {
@@ -474,6 +537,8 @@
 
 					if (res.code == 200) {
 						uni.hideLoading()
+						this.getCouponList()
+						this.getCarkType()
 						this.$store.commit('SET_USERID', res.user.userId);
 						this.info = res.user
 						if (info.role != 1) {
@@ -550,13 +615,75 @@
 
 	.page {
 		width: 750rpx;
+		.fee_box {
+		  margin-top: 18rpx;
+		  position: relative;
+		  margin-left: 38rpx;
+		  width: 680rpx;
+		  height: 288rpx;
+		  background-image: url('https://lxnapi.ccttiot.com/bike/img/static/ugciMYClSGgJxP8HYoRU');
+		  background-size: cover;
+		  background-position: center;
+		  background-repeat: no-repeat;
+			.auto_box::-webkit-scrollbar {
+				display: none;
+			}
+		  .auto_box {
+			  padding-left: 24rpx;
+		    display: flex;
+		    overflow-x: auto;  /* 允许横向滚动 */
+		    flex-wrap: nowrap;  /* 禁止换行，保持所有元素在一行 */
+		    position: absolute;
+		    top: 90rpx;
+		    width: 100%;  /* 根据需要调整宽度 */
+		    height: auto; /* 根据内容自动调整高度 */
+		
+		    .auto_li {
+				position: relative;
+				padding: 24rpx 28rpx;
+				margin-right: 22rpx;
+		      width: 408rpx;
+		      height: 176rpx;
+		      flex-shrink: 0;  /* 防止子元素被压缩 */
+		      background-image: url('https://lxnapi.ccttiot.com/bike/img/static/ui88NWy9R1j2zFGojdHU');
+		      background-size: cover;
+		      background-position: center;
+			  .txt1{
+				  width: 100%;
+				  font-weight: 600;
+				  font-size: 32rpx;
+				  color: #495E74;
+			  }
+			  .txt2{
+				  font-weight: 400;
+				  font-size: 24rpx;
+				  color: #495E74;
+			  }
+			  .buy_btn{
+				  position: absolute;
+				  right: 26rpx;
+				  bottom: 38rpx;
+				  display: flex;
+				  align-items: center;
+				  justify-content: center;
+				  width: 132rpx;
+				  height: 50rpx;
+				  background: #495E74;
+				  border-radius: 25rpx 25rpx 25rpx 25rpx;
+				  font-weight: 500;
+				  font-size: 28rpx;
+				  color: #FFF3DB;
+			  }
+		    }
+		  }
+		}
 		.vip_box{
 			position: relative;
 			margin-left: 38rpx;
 			width: 680rpx;
 			height: 158rpx;
 			background-image: url('https://lxnapi.ccttiot.com/bike/img/static/uw6bYgjn1bS1ayNm6VI9');
-			background-size: cover;
+			background-size: cover; 
 			/* 背景图片等比缩放以覆盖整个容器 */
 			background-position: center;
 			/* 背景图片居中显示 */
@@ -570,6 +697,7 @@
 				color: #FFE09E;
 			}
 			.txt2{
+				position: absolute;
 				right: 74rpx;
 				bottom: 10rpx;
 				font-weight: 400;