Commit 42aa6c74 by zhangzhen

细节优化

parent d5409100
...@@ -900,9 +900,12 @@ import moment from "../../common/moment"; ...@@ -900,9 +900,12 @@ import moment from "../../common/moment";
url:"/setting/recharge/record" url:"/setting/recharge/record"
}) })
}else{ }else{
uni.showToast({ // uni.showToast({
icon:"none", // icon:"none",
title:"您还未充值哟!" // title:"您还未充值哟!"
// })
uni.switchTab({
url:"/pages/vipCreate/vipCreate"
}) })
} }
......
...@@ -363,7 +363,18 @@ ...@@ -363,7 +363,18 @@
</view> </view>
</uni-popup> </uni-popup>
<uni-popup ref="confirmPop" type="bottom"> <uni-popup ref="popupActivite" type="center" isMaskClick="false">
<view class="flex-col">
<view class="activite-box">
<image :src="assetsPath+'/activite_1.jpg'" mode="widthFix"></image>
</view>
<view class="close-btn" @tap="onActiviteClose">
<text class="cuIcon-roundclose text-pink"></text>
</view>
</view>
</uni-popup>
<uni-popup ref="confirmPop" type="bottom" :isMaskClick="false">
<view class="confirm-pop"> <view class="confirm-pop">
<view class="pop-content-box"> <view class="pop-content-box">
<view class="title"> <view class="title">
...@@ -396,12 +407,24 @@ ...@@ -396,12 +407,24 @@
<text class=" margin-left text-lg ">{{roomInfo.name}}{{roomTypeEnum[roomInfo.roomType]}}</text> <text class=" margin-left text-lg ">{{roomInfo.name}}{{roomTypeEnum[roomInfo.roomType]}}</text>
</view> </view>
<view v-if="Number(computePriceInfo.balance) > 0" class="info flex-row-center">
<text class="text-black text-bold text-lg">余额抵扣:</text>
<text class="margin-left text-lg"></text>
<text class=" text-xl">{{Number(computePriceInfo.balance).toFixed(2)}}</text>
<text class="text-lg margin-left-sm"> (余额账户: ¥{{Number(userInfo.consumerWallet.balance).toFixed(2)}})</text>
</view>
<view class="info flex-row-center"> <view class="info flex-row-center">
<text class="text-black text-bold text-lg">金额:</text> <text class="text-black text-bold text-lg">待支付:</text>
<text class="margin-left text-lg"></text> <text class="margin-left text-lg"></text>
<text class=" text-xl ">{{Number(computePriceInfo.payFee).toFixed(2)}}</text> <text class=" text-xl ">{{Number(computePriceInfo.payFee).toFixed(2)}}</text>
</view> </view>
</view> </view>
<view class="footer-btn-box"> <view class="footer-btn-box">
...@@ -620,6 +643,9 @@ ...@@ -620,6 +643,9 @@
} }
}, },
onLoad(option) { onLoad(option) {
if(!uni.getStorageSync('activite')){
this.$refs.popupActivite.open()
}
uni.showLoading({ uni.showLoading({
title: "加载中" title: "加载中"
}) })
...@@ -644,6 +670,10 @@ ...@@ -644,6 +670,10 @@
} }
}, },
methods: { methods: {
onActiviteClose(){
this.$refs.popupActivite.close();
uni.setStorageSync('activite',true)
},
onRadioChange(e){ onRadioChange(e){
if(this.radioChecked === e){ if(this.radioChecked === e){
this.radioChecked = '' this.radioChecked = ''
...@@ -1321,6 +1351,7 @@ ...@@ -1321,6 +1351,7 @@
roomLabelId : this.modeIndex >= 0 ? this.roomLabelList[this.modeIndex].id : '', roomLabelId : this.modeIndex >= 0 ? this.roomLabelList[this.modeIndex].id : '',
} }
queryCardUse(params).then(res => { queryCardUse(params).then(res => {
console.log(res,"12321321")
if(res.data.code == 200){ if(res.data.code == 200){
...@@ -1332,14 +1363,17 @@ ...@@ -1332,14 +1363,17 @@
this.radioChecked = "" this.radioChecked = ""
} }
if(this.userInfo.monthlyCardList && res.data.data && res.data.data.consumerMonthlyCard && res.data.data.consumerMonthlyCard.length){ if(res.data.data && res.data.data.consumerMonthlyCard && res.data.data.consumerMonthlyCard.length){
this.monthlyCardList = this.userInfo.monthlyCardList.filter(item => res.data.data.consumerMonthlyCard.includes( item.id))
console.log(res.data.data.consumerMonthlyCard,'res.data.data.consumerMonthlyCard')
this.monthlyCardList = res.data.data.consumerMonthlyCard[0]
}else{ }else{
this.monthlyCardList = []; this.monthlyCardList = [];
} }
if(this.userInfo.secondaryCardList && res.data.data && res.data.data.consumerSecondaryCard && res.data.data.consumerSecondaryCard.length){ if(this.userInfo.secondaryCardList && res.data.data && res.data.data.consumerSecondaryCard && res.data.data.consumerSecondaryCard.length){
this.secondaryCardList = this.userInfo.secondaryCardList.filter(item => res.data.data.consumerSecondaryCard.includes( item.id)); this.secondaryCardList = res.data.data.consumerSecondaryCard[0]
let list = this.userInfo.secondaryCardList.filter(item=>{ let list = this.userInfo.secondaryCardList.filter(item=>{
return moment().valueOf() < moment(item.expirationDate).valueOf() && item.number>0 return moment().valueOf() < moment(item.expirationDate).valueOf() && item.number>0
...@@ -2653,7 +2687,7 @@ ...@@ -2653,7 +2687,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 100%; width: 100%;
height: 660upx; // height: 700upx;
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0 2upx 38upx 0 rgba(0,0,0,0.27); box-shadow: 0 2upx 38upx 0 rgba(0,0,0,0.27);
border-radius: 16upx 16upx 0rpx 0rpx; border-radius: 16upx 16upx 0rpx 0rpx;
...@@ -2877,4 +2911,22 @@ ...@@ -2877,4 +2911,22 @@
} }
} }
} }
.activite-box{
width: 92vw;
border-radius: 20upx;
overflow: hidden;
image{
display: block;
width: 100%;
min-height: 960upx;
}
}
.close-btn{
display: flex;
justify-content: center;
margin-top: 24upx;
.text-pink{
font-size: 80upx;
}
}
</style> </style>
\ No newline at end of file
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
</view> </view>
<view class="flex-col"> <view class="flex-col">
<text class="text-bold text-lg text-2 text-pink">{{item.confName}}</text> <text class="text-bold text-lg text-2 text-pink">{{item.confName}}</text>
<text class="text-2">可使用{{item.number}}</text> <text class="text-2">可使用{{item.number}} <text class="text-sm" style="color: #999999;">(单次{{item.singleDuration}}小时,价值¥{{item.singleAmount}}</text></text>
<view class="flex-row-center"> <view class="flex-row-center">
<text class="text-gray">过期时间:</text> <text class="text-gray">过期时间:</text>
<text class="text-gray">{{item.expirationDate}}</text> <text class="text-gray">{{item.expirationDate}}</text>
...@@ -35,8 +35,8 @@ ...@@ -35,8 +35,8 @@
<image :src="cardIcon" mode="widthFix"></image> <image :src="cardIcon" mode="widthFix"></image>
</view> </view>
<view class="flex-col"> <view class="flex-col">
<text class="text-bold text-lg text-2 text-pink">{{item.confName}}</text> <text class="text-bold text-lg text-2 text-pink">{{item.confName}}-4小时/每日</text>
<text v-if="item.freeDuration" class="text-2">今日可使用{{item.freeDuration}}小时</text> <text v-if="item.freeDuration" class="text-2"> 今日待使用{{item.freeDuration}}小时</text>
<text v-else class="text-2">今日已使用</text> <text v-else class="text-2">今日已使用</text>
<view class="flex-row-center"> <view class="flex-row-center">
<text class="text-gray">过期时间:</text> <text class="text-gray">过期时间:</text>
...@@ -200,10 +200,10 @@ ...@@ -200,10 +200,10 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 160upx; width: 110upx;
margin: 0 12upx; margin: 0 12upx;
image{ image{
width: 64%; width: 82%;
max-height: 104upx; max-height: 104upx;
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment