chuangte/CarRental
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

vip修改

Browse Source
This commit is contained in:
tx 2024-09-06 17:58:07 +08:00
parent 7d025ad8c3
commit 7d9176b8fa
6 changed files with 219 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
common/css/iconfont.css
View File

@ -1,8 +1,8 @@
@font-face { @font-face {
font-family: "iconfont"; /* Project id 4503426 */ font-family: "iconfont"; /* Project id 4503426 */
src: url('//at.alicdn.com/t/c/font_4503426_h95wjcstqhw.woff2?t=1720592381205') format('woff2'), src: url('//at.alicdn.com/t/c/font_4503426_no8o2248czg.woff2?t=1725609027382') format('woff2'),
url('//at.alicdn.com/t/c/font_4503426_h95wjcstqhw.woff?t=1720592381205') format('woff'), url('//at.alicdn.com/t/c/font_4503426_no8o2248czg.woff?t=1725609027382') format('woff'),
url('//at.alicdn.com/t/c/font_4503426_h95wjcstqhw.ttf?t=1720592381205') format('truetype'); url('//at.alicdn.com/t/c/font_4503426_no8o2248czg.ttf?t=1725609027382') format('truetype');
} }
.iconfont { .iconfont {
@ -13,6 +13,14 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-xiangshang:before {
content: "\e6b1";
}
.icon-xiangxia:before {
content: "\e6b2";
}
.icon-xiangzuo:before { .icon-xiangzuo:before {
content: "\eb15"; content: "\eb15";
} }

13
page_vip/card_his.vue
View File

@ -4,17 +4,17 @@
height='45'></u-navbar> height='45'></u-navbar>
<view class="cont"> <view class="cont">
<view class="vip_card"> <view class="vip_card" v-for="(item,index) in CouponLists" :key="index">
<view class="top"> <view class="top">
<view class="txt"> <view class="txt">
电单车15天5次卡 {{item.couponName}}
</view> </view>
<view class="txt"> <view class="txt">
3.9 <span style="font-size: 32rpx;">元</span> {{item.retailPrice}} <span style="font-size: 32rpx;">元</span>
</view> </view>
</view> </view>
<view class="bot"> <view class="bot">
2024-07-28 17:39:50 {{formatDate(item.createTime)}}
</view> </view>
</view> </view>
</view> </view>
@ -63,9 +63,10 @@
}, },
getcard(){ getcard(){
let data={ let data={
userId:this.userinfo.userId userId:this.userinfo.userId,
typeList:'3,4'
} }
this.$u.get("/appVerify/getCouponListByUserId?",data ).then((res) => { this.$u.get("/appVerify/couponBuyRecord?",data ).then((res) => {
if (res.code == 200) { if (res.code == 200) {
this.CouponLists = res.data this.CouponLists = res.data

106
page_vip/checkCard.vue
View File

@ -8,37 +8,37 @@
<view class="card_txt"> <view class="card_txt">
不使用骑行卡 不使用骑行卡
</view> </view>
<image src="https://lxnapi.ccttiot.com/bike/img/static/u2RancJg66W4KNy3NVOW" mode=""></image> <image src="https://lxnapi.ccttiot.com/bike/img/static/u2RancJg66W4KNy3NVOW" mode="" v-if="chooseIdx!=999"></image>
<!-- <image src="https://lxnapi.ccttiot.com/bike/img/static/u534UfvcSJmYAoPtTP4V" mode=""></image> --> <image src="https://lxnapi.ccttiot.com/bike/img/static/u534UfvcSJmYAoPtTP4V" mode="" v-if="chooseIdx==999"></image>
</view> </view>
<view class="tips"> <view class="tips">
可用骑行卡 可用骑行卡
</view> </view>
<view class="card2"> <view class="card2" v-for="(item,index) in CouponLists" :key="index" v-if="(item.couponType==3||item.couponType==4)&&item.status==1">
<view class="txt1"> <view class="txt1">
电单车15天5次卡 | 剩余5次 {{item.couponName}} | 剩余{{item.limitNum}}次
</view> </view>
<view class="txt2"> <view class="txt2">
有效期至2024-08-04 有效期至{{formatDate(item.expirationTime) }}
</view> </view>
<view class="btn1"> <!-- <view class="btn1">
满5.00元可使用 满5.00元可使用
</view> </view> -->
<view class="imgs"> <view class="imgs">
<!-- <image src="https://lxnapi.ccttiot.com/bike/img/static/u2RancJg66W4KNy3NVOW" mode=""></image> --> <!-- <image src="https://lxnapi.ccttiot.com/bike/img/static/u2RancJg66W4KNy3NVOW" mode=""></image> -->
<image src="https://lxnapi.ccttiot.com/bike/img/static/u534UfvcSJmYAoPtTP4V" mode=""></image> <image src="https://lxnapi.ccttiot.com/bike/img/static/u534UfvcSJmYAoPtTP4V" mode=""></image>
</view> </view>
</view> </view>
<view class="card3"> <view class="card3" v-for="(item,index) in CouponLists" :key="index" v-if="item.couponType==1&&item.status==1" @click="choose(item,index)">
<view class="txt4"> <view class="txt4">
有效期至2024-08-28 有效期至{{formatDate(item.expirationTime)}}
</view> </view>
<view class="imgs"> <view class="imgs">
<!-- <image src="https://lxnapi.ccttiot.com/bike/img/static/ug8PuJqm4gM8NTod9QhV" mode=""></image> --> <image src="https://lxnapi.ccttiot.com/bike/img/static/ug8PuJqm4gM8NTod9QhV" mode="" v-if="chooseIdx!=index"></image>
<image src="https://lxnapi.ccttiot.com/bike/img/static/udiSbHYWZQYLoapdWOyc" mode=""></image> <image src="https://lxnapi.ccttiot.com/bike/img/static/udiSbHYWZQYLoapdWOyc" mode="" v-if="chooseIdx==index"></image>
</view> </view>
</view> </view>
<view class="sub_btn"> <view class="sub_btn" @click="sub()">
确定 确定
</view> </view>
</view> </view>
@ -53,12 +53,88 @@
backgroundColor: '#fff' backgroundColor: '#fff'
}, },
sn: '', sn: '',
istrue: false istrue: false,
orderId:'',
chooseIdx:-1,
CouponLists:[],
chooseInfo:{}
} }
}, },
onShow() {
this.getinfo()
},
onLoad(e) {
this.orderId=e.orderId
console.log(e,);
},
methods: { methods: {
choose(item,index){
this.chooseIdx=index
this.chooseInfo=item
},
sub(){
if(this.chooseIdx==999){
uni.navigateBack({
delta: 1 // delta值为1时表示返回的页面层数
});
}else{
this.$u.post("/appVerify/useCoupon?orderNo="+this.orderId+'&logId='+this.chooseInfo.logId).then((res) => {
if (res.code == 200) {
uni.navigateBack({
delta: 1 // delta值为1时表示返回的页面层数
});
} else {
}
});
}
},
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
this.getcard()
} else {
}
});
},
formatDate(dateString) {
if (!dateString) return '';
const date = new Date(dateString);
const year = date.getFullYear();
const month = (date.getMonth() + 1).toString().padStart(2, '0'); // 月份从0开始，需要加1
const day = date.getDate().toString().padStart(2, '0');
return `${year}-${month}-${day}`;
},
getcard(){
let data={
userId:this.userinfo.userId
}
this.$u.get("/appVerify/getCouponListByUserId?",data ).then((res) => {
if (res.code == 200) {
this.CouponLists = res.data
} else {
// uni.showToast({
// title: res.msg,
// icon: 'none',
// duration: 2000
// });
}
});
}
} }
} }
</script> </script>

16
page_vip/vip_his.vue
View File

@ -4,10 +4,10 @@
height='45'></u-navbar> height='45'></u-navbar>
<view class="cont"> <view class="cont">
<view class="vip_card"> <view class="vip_card" v-for="(item,index) in CouponLists" :key="index">
<view class="top"> <view class="top">
<image src="https://lxnapi.ccttiot.com/bike/img/static/uac2wTu5kmOGPkonvNcl" mode=""></image> <image src="https://lxnapi.ccttiot.com/bike/img/static/uac2wTu5kmOGPkonvNcl" mode=""></image>
月卡会员 {{item.couponName}}
</view> </view>
<view class="bot"> <view class="bot">
<view class="left"> <view class="left">
@ -15,13 +15,13 @@
</view> </view>
<view class="right"> <view class="right">
<view class="tit"> <view class="tit">
购买时长：1个月 购买时长：{{item.validityValue}}个月
</view> </view>
<view class="data"> <view class="data">
有效期：2024-07-29 至 2024-08-29 有效期： {{formatDate(item.createTime)}}至 {{formatDate(item.expirationTime)}}
</view> </view>
<view class="data"> <view class="data">
支付时间：2024-07-29 13:59 支付时间： {{formatDate(item.createTime)}}
</view> </view>
</view> </view>
</view> </view>
@ -72,9 +72,10 @@
}, },
getcard(){ getcard(){
let data={ let data={
userId:this.userinfo.userId userId:this.userinfo.userId,
typeList:'1'
} }
this.$u.get("/appVerify/getCouponListByUserId?",data ).then((res) => { this.$u.get("/appVerify/couponBuyRecord?",data ).then((res) => {
if (res.code == 200) { if (res.code == 200) {
this.CouponLists = res.data this.CouponLists = res.data
@ -118,6 +119,7 @@
color: #FFFFFF; color: #FFFFFF;
} }
.vip_card{ .vip_card{
margin-top: 20rpx;
// margin: 0 auto; // margin: 0 auto;
width: 680rpx; width: 680rpx;
padding: 16rpx 24rpx; padding: 16rpx 24rpx;

100
pages/index/index.vue
View File

@ -112,6 +112,7 @@
</view> </view>
</view> </view>
</view> </view>
<view class="bot"> <view class="bot">
<view class=" left_btn" @click="Reserve()"> <view class=" left_btn" @click="Reserve()">
@ -354,9 +355,42 @@
<view class="time"> <view class="time">
使用时间：{{timeString}} 使用时间：{{timeString}}
</view> </view>
<view class="price_li">
<view class="price_left">
合计费用 <view class="iconfont icon-xiangxia"></view> <view class="iconfont icon-xiangshang"></view>
</view>
<view class="price_right">
4.00元
</view>
</view>
<view class="price_li1">
<view class="price_left1">
骑行费
</view>
<view class="price_right1">
4.00元
</view>
</view>
<view class="price_li1">
<view class="price_left1">
预约费
</view>
<view class="price_right1">
4.00元
</view>
</view>
<view class="price_li">
<view class="price_left">
骑行卡
</view>
<view class="price_right" @click="tocard()">
去使用>
</view>
</view>
<view class="price"> <view class="price">
{{orderinfo.totalFee}}<span>元</span> {{orderinfo.totalFee}}<span>元</span>
</view> </view>
<view class="toinfo" @click="tofeeDetail()"> <view class="toinfo" @click="tofeeDetail()">
查看骑行费明细 > 查看骑行费明细 >
</view> </view>
@ -366,6 +400,8 @@
<view class="btn" @click="topay1()" v-if="orderinfo.status==3"> <view class="btn" @click="topay1()" v-if="orderinfo.status==3">
去支付 去支付
</view> </view>
</view> </view>
</view> </view>
</view> </view>
@ -1377,6 +1413,11 @@
}, },
}, },
methods: { methods: {
tocard(){
uni.navigateTo({
url:'/page_vip/checkCard?orderId='+this.orderinfo.orderNo
})
},
getArea() { getArea() {
// this.showmap = false // this.showmap = false
// 发送请求获取数据 // 发送请求获取数据
@ -6559,6 +6600,7 @@
.page4 { .page4 {
.bot_btn { .bot_btn {
padding-bottom: 30rpx;
padding-top: 20rpx; padding-top: 20rpx;
// margin-top: 20rpx; // margin-top: 20rpx;
// padding: 26rpx 34rpx 48rpx 34rpx; // padding: 26rpx 34rpx 48rpx 34rpx;
@ -6567,12 +6609,62 @@
// flex-wrap: wrap; // flex-wrap: wrap;
// justify-content: center; // justify-content: center;
// bottom: 0; // bottom: 0;
// width: 750rpx; width: 750rpx;
height: 400rpx; // height: 400rpx;
background: #FFFFFF; background: #FFFFFF;
// box-shadow: 0rpx 10rpx 64rpx 0rpx rgba(0, 0, 0, 0.08); // box-shadow: 0rpx 10rpx 64rpx 0rpx rgba(0, 0, 0, 0.08);
border-radius: 30rpx; border-radius: 30rpx;
.price_li{
margin-top: 24rpx;
width: 100%;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
padding: 0 60rpx;
.price_left{
display: flex;
flex-wrap: nowrap;
align-items: center;
font-weight: 500;
font-size: 28rpx;
color: #3D3D3D;
.iconfont{
margin-left: 6rpx;
font-size: 20rpx;
font-weight: 600;
color: #3D3D3D;
}
}
.price_right{
font-weight: 500;
font-size: 28rpx;
color: #3D3D3D;
}
}
.price_li1{
margin-top: 22rpx;
width: 100%;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
padding: 0 60rpx;
.price_left1{
display: flex;
flex-wrap: nowrap;
align-items: center;
font-weight: 500;
font-size: 28rpx;
color: #8D8A8A;
}
.price_right1{
font-weight: 500;
font-size: 28rpx;
color: #8D8A8A;
}
}
.time { .time {
// height: 88rpx; // height: 88rpx;
@ -6589,7 +6681,7 @@
margin-top: 22rpx; margin-top: 22rpx;
width: 100%; width: 100%;
text-align: center; text-align: center;
font-weight: 500; font-weight: 600;
font-size: 72rpx; font-size: 72rpx;
color: #3D3D3D; color: #3D3D3D;

12
pages/my.vue
View File

@ -230,19 +230,19 @@
</view> </view>
</view> </view>
</view> </view>
<view class="vip_box" v-if="info.vipType==0&&false"> <view class="vip_box" v-if="info.vipType==0">
<view class="txt1">月卡会员</view> <view class="txt1">月卡会员</view>
<view class="txt2" v-if="CarkTypeList[0].retailPrice"> 仅需￥{{CarkTypeList[0].retailPrice }}，可享30天免费骑行权益 <view class="txt2" v-if="CarkTypeList[0].retailPrice"> 仅需￥{{CarkTypeList[0].retailPrice }}，可享30天免费骑行权益
</view> </view>
</view> </view>
<view class="vip_box1" v-if="info.vipType==1&&false"> <view class="vip_box1" v-if="info.vipType==1">
<view class="txt1">月卡会员</view> <view class="txt1">月卡会员</view>
<view class="txt2"> 月卡会员{{ daysUntilExpiration }}天后到期</view> <view class="txt2"> 月卡会员{{ daysUntilExpiration }}天后到期</view>
<view class="btn"> <view class="btn">
立即续费 立即续费
</view> </view>
</view> </view>
<view class="fee_box" v-if="false"> <view class="fee_box">
<view class="auto_box"> <view class="auto_box">
<view class="auto_li" v-for="(item,index) in CouponList" :key="index" @click="tobuy()"> <view class="auto_li" v-for="(item,index) in CouponList" :key="index" @click="tobuy()">
<view class="txt1"> <view class="txt1">
@ -576,7 +576,7 @@
this.getCarkType() this.getCarkType()
this.$store.commit('SET_USERID', res.user.userId); this.$store.commit('SET_USERID', res.user.userId);
this.info = res.user this.info = res.user
// this.calculateDaysUntilExpiration() this.calculateDaysUntilExpiration()
if (info.role != 1) { if (info.role != 1) {
this.getareaList() this.getareaList()
} }
@ -739,9 +739,7 @@
.txt1 { .txt1 {
top: 20rpx; top: 20rpx;
left: 17 left: 171rpx;
1rpx;
position: absolute; position: absolute;
font-weight: 500; font-weight: 500;
font-size: 39rpx; font-size: 39rpx;