充值修改 新页面添加
This commit is contained in:
parent
f238087239
commit
76ebd47058
317
page_user/yj.vue
317
page_user/yj.vue
|
|
@ -39,11 +39,12 @@
|
|||
<view class="tit"
|
||||
style="margin-top: 18rpx;font-weight: 700;font-size: 92rpx;color: #3D3D3D;line-height: 72rpx;"><span
|
||||
style="font-size: 52rpx;">￥</span>{{userinfo.balance}}</view>
|
||||
|
||||
|
||||
<view class="btn" v-if="userinfo.balance!=0&&isInAuditOrder.length==0" @click="show=true">
|
||||
提现
|
||||
</view>
|
||||
<view class="tit" v-if="isInAuditOrder.length!=0" style="font-size: 32rpx;color: #808080;margin-top: 0;">
|
||||
<view class="tit" v-if="isInAuditOrder.length!=0"
|
||||
style="font-size: 32rpx;color: #808080;margin-top: 0;">
|
||||
有订单审核中暂时无法提现
|
||||
</view>
|
||||
<!-- <view class="btn " v-else="false" @click="sub4">
|
||||
|
|
@ -115,12 +116,12 @@
|
|||
<view class="cont_box" style="text-align: center;color: #808080;justify-content: center;font-size: 36rpx;">
|
||||
押金充值成功是否返回继续骑行？
|
||||
</view>
|
||||
|
||||
|
||||
<view class="btn_box">
|
||||
<view class="btn1" @click="showBack = false">
|
||||
取消
|
||||
</view>
|
||||
<view class="btn2"@click="topage()">
|
||||
<view class="btn2" @click="topage()">
|
||||
确定
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -128,7 +129,7 @@
|
|||
点击查看
|
||||
|
||||
</view> -->
|
||||
|
||||
|
||||
</view>
|
||||
<u-mask :show="showtxtip" @click="showtxtip = false" :z-index='100' duration='0' />
|
||||
<view class="pops" v-if="showtxtip">
|
||||
|
|
@ -138,12 +139,12 @@
|
|||
<view class="cont_box" style="text-align: center;color: #808080;justify-content: center;font-size: 36rpx;">
|
||||
充值押金将在10分钟内按原路退还，是否返回？
|
||||
</view>
|
||||
|
||||
|
||||
<view class="btn_box">
|
||||
<view class="btn1" @click="showtxtip = false">
|
||||
取消
|
||||
</view>
|
||||
<view class="btn2"@click="topage()">
|
||||
<view class="btn2" @click="topage()">
|
||||
确定
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -151,7 +152,7 @@
|
|||
点击查看
|
||||
|
||||
</view> -->
|
||||
|
||||
|
||||
</view>
|
||||
<u-mask :show="show" @click="show = false" :z-index='100' />
|
||||
<view class="tip_box" v-if="show">
|
||||
|
|
@ -171,10 +172,10 @@
|
|||
继续提现
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
<!-- <u-mask :show="loadingmask" :z-index='100' duration='0' />
|
||||
|
||||
<!-- <u-mask :show="loadingmask" :z-index='100' duration='0' />
|
||||
<view class="pops" v-if="loadingmask" style="width: 500rpx;left:124rpx">
|
||||
<view class="tit" style="font-weight: 600;">
|
||||
加载中...
|
||||
|
|
@ -185,6 +186,17 @@
|
|||
|
||||
</view>
|
||||
</view> -->
|
||||
<u-mask :show="loadingmask1" :z-index='100' duration='0' />
|
||||
<view class="pops" v-if="loadingmask1" style="width: 500rpx;left:124rpx">
|
||||
<view class="tit" style="font-weight: 600;">
|
||||
加载中...
|
||||
</view>
|
||||
|
||||
<view class="loading_box">
|
||||
<!-- <image src="https://lxnapi.ccttiot.com/bike/img/static/uOQxwzp0Sj9l2WZ534zp" mode=""></image> -->
|
||||
<u-loading mode="flower" size="80"></u-loading>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
|
@ -201,13 +213,14 @@
|
|||
orderList: [],
|
||||
total: 0,
|
||||
areaInfo: "",
|
||||
isback:false,
|
||||
showBack:false,
|
||||
loadingmask:true,
|
||||
ispaid:false,
|
||||
showtxtip:false,
|
||||
showList:false,
|
||||
isInAuditOrder:[]
|
||||
isback: false,
|
||||
showBack: false,
|
||||
loadingmask: true,
|
||||
ispaid: false,
|
||||
showtxtip: false,
|
||||
showList: false,
|
||||
isInAuditOrder: [],
|
||||
loadingmask1:false
|
||||
|
||||
}
|
||||
|
||||
|
|
@ -218,31 +231,31 @@
|
|||
// // 执行其他操作...
|
||||
// });
|
||||
this.$u.post("/app/user/isInAuditOrder?userId=" + this.userId).then((res) => {
|
||||
|
||||
|
||||
if (res.code == 200) {
|
||||
this.isInAuditOrder=res.data
|
||||
this.isInAuditOrder = res.data
|
||||
} else {
|
||||
|
||||
|
||||
}
|
||||
});
|
||||
this.getarea()
|
||||
},
|
||||
onLoad(e) {
|
||||
console.log(e,'this.isback');
|
||||
if(e.isback){
|
||||
if(e.isback=='false'){
|
||||
this.isback=false
|
||||
}else{
|
||||
this.isback=true
|
||||
console.log(e, 'this.isback');
|
||||
if (e.isback) {
|
||||
if (e.isback == 'false') {
|
||||
this.isback = false
|
||||
} else {
|
||||
this.isback = true
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
if(e.showList){
|
||||
this.showList=true
|
||||
if (e.showList) {
|
||||
this.showList = true
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
},
|
||||
watch: {
|
||||
userId(newValue, oldValue) {
|
||||
|
|
@ -258,8 +271,8 @@
|
|||
},
|
||||
},
|
||||
methods: {
|
||||
topage(){
|
||||
this.showBack=false
|
||||
topage() {
|
||||
this.showBack = false
|
||||
uni.navigateBack({
|
||||
delta: 1 // delta值为1时表示返回的页面层数
|
||||
});
|
||||
|
|
@ -269,7 +282,7 @@
|
|||
// title:'加载中...'
|
||||
// })
|
||||
this.$u.get("/appVerify/order/list?type=2&userId=" + this.userId).then((res) => {
|
||||
// uni.hideLoading()
|
||||
|
||||
if (res.code == 200) {
|
||||
this.orderList = res.rows
|
||||
this.total = res.total
|
||||
|
|
@ -285,21 +298,25 @@
|
|||
|
||||
tixian() {
|
||||
this.show = false
|
||||
this.loadingmask=true
|
||||
this.loadingmask = true
|
||||
uni.showLoading({
|
||||
title:'加载中'
|
||||
})
|
||||
this.$u.post("/appVerify/order/withdraw").then((res) => {
|
||||
|
||||
if (res.code == 200) {
|
||||
setTimeout(() => {
|
||||
this.loadingmask=false
|
||||
uni.hideLoading()
|
||||
this.loadingmask = false
|
||||
this.getinfo()
|
||||
this.getlist()
|
||||
|
||||
this.showtxtip=true
|
||||
|
||||
this.showtxtip = true
|
||||
}, 500)
|
||||
|
||||
} else {
|
||||
uni.hideLoading()
|
||||
|
||||
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
|
|
@ -329,80 +346,81 @@
|
|||
// title:'加载中'
|
||||
// })
|
||||
this.$u.get("/getAppInfo").then((res) => {
|
||||
|
||||
|
||||
if (res.code == 200) {
|
||||
// uni.hideLoading()
|
||||
|
||||
this.$store.commit('SET_USERID', res.user.userId);
|
||||
this.userinfo = res.user
|
||||
console.log(res.user.balance,'es.user.balance',this.isback);
|
||||
if(res.user.balance==parseFloat(this.areaInfo.deposit)){
|
||||
console.log('进入判断了',this.isback);
|
||||
if(this.isback==true){
|
||||
console.log(res.user.balance, 'es.user.balance', this.isback);
|
||||
if (res.user.balance == parseFloat(this.areaInfo.deposit)) {
|
||||
console.log('进入判断了', this.isback);
|
||||
if (this.isback == true) {
|
||||
console.log('进入判断了1');
|
||||
// this.showBack=true
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
this.getlist()
|
||||
} else {
|
||||
setTimeout(()=>{
|
||||
setTimeout(() => {
|
||||
this.getinfo()
|
||||
this.getlist()
|
||||
},500)
|
||||
}, 500)
|
||||
}
|
||||
});
|
||||
},
|
||||
check(){
|
||||
|
||||
check() {
|
||||
|
||||
this.$u.get("/getAppInfo").then((res) => {
|
||||
|
||||
|
||||
if (res.code == 200) {
|
||||
|
||||
|
||||
this.$store.commit('SET_USERID', res.user.userId);
|
||||
this.userinfo = res.user
|
||||
console.log(res.user.balance,'es.user.balance',this.isback);
|
||||
this.loadingmask=false
|
||||
this.getlist()
|
||||
if(res.user.balance==parseFloat(this.areaInfo.deposit)){
|
||||
console.log('进入判断了',this.isback);
|
||||
if(this.isback==true){
|
||||
|
||||
console.log(res.user.balance, 'es.user.balance', this.isback);
|
||||
this.loadingmask = false
|
||||
this.getlist()
|
||||
if (res.user.balance == parseFloat(this.areaInfo.deposit)) {
|
||||
console.log('进入判断了', this.isback);
|
||||
if (this.isback == true) {
|
||||
|
||||
console.log('进入判断了1');
|
||||
// this.showBack=true
|
||||
uni.navigateBack({
|
||||
delta: 1 // delta值为1时表示返回的页面层数
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
} else {
|
||||
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
sub4() {
|
||||
if(this.ispaid==false){
|
||||
this.ispaid=true
|
||||
if (this.ispaid == false) {
|
||||
this.ispaid = true
|
||||
let id = uni.getStorageSync('areaId');
|
||||
let data = {
|
||||
userId: this.userId,
|
||||
|
||||
|
||||
// ruleId: this.freeInfo.ruleId,
|
||||
money: this.areaInfo.deposit,
|
||||
mark: "押金充值",
|
||||
type: '4',
|
||||
areaId: id
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
let that = this
|
||||
this.$u.post('/appVerify/pre/order', data).then((res) => {
|
||||
if (res.code === 200) {
|
||||
// this.freList=res.rows
|
||||
|
||||
let orderNo = res.data.orderNo
|
||||
this.orderNo = res.data.orderNo
|
||||
uni.requestPayment({
|
||||
provider: 'wxpay',
|
||||
timeStamp: res.data.timeStamp,
|
||||
|
|
@ -415,41 +433,53 @@
|
|||
// uni.showLoading({
|
||||
// title: '加载中'
|
||||
// })
|
||||
that.ispaid=false
|
||||
that.loadingmask=true
|
||||
uni.showLoading({
|
||||
title:'加载中'
|
||||
})
|
||||
that.ispaid = false
|
||||
that.loadingmask = true
|
||||
that.loadingmask1=true
|
||||
// uni.showLoading({
|
||||
// title: '加载中'
|
||||
// })
|
||||
setTimeout(() => {
|
||||
|
||||
|
||||
that.check()
|
||||
|
||||
|
||||
}, 2000)
|
||||
setTimeout(() => {
|
||||
|
||||
that.check()
|
||||
uni.hideLoading()
|
||||
|
||||
// let data={
|
||||
// orderNo
|
||||
// }
|
||||
// that.$u.get("/appVerify/queryResultByOrderNo?" + data).then((res) => {
|
||||
|
||||
// if (res.code == 200) {
|
||||
|
||||
// } else {
|
||||
// // uni.showToast({
|
||||
// // title: res.msg,
|
||||
// // icon: 'none',
|
||||
// // duration: 2000
|
||||
// // });
|
||||
// }
|
||||
// });
|
||||
}, 4000)
|
||||
|
||||
if (that.userinfo.balance == 0) {
|
||||
let data = {
|
||||
orderNo: that.orderNo
|
||||
}
|
||||
|
||||
that.$u.get("/appVerify/queryResultByOrderNo?", data).then((res) => {
|
||||
|
||||
if (res.code == 200) {
|
||||
that.check()
|
||||
console.log('关闭了2');
|
||||
uni.hideLoading()
|
||||
that.loadingmask1=false
|
||||
} else {
|
||||
// uni.showToast({
|
||||
// title: res.msg,
|
||||
// icon: 'none',
|
||||
// duration: 2000
|
||||
// });
|
||||
}
|
||||
});
|
||||
|
||||
}else{
|
||||
that.check()
|
||||
console.log('关闭了1');
|
||||
uni.hideLoading()
|
||||
that.loadingmask1=false
|
||||
}
|
||||
|
||||
}, 3500)
|
||||
|
||||
},
|
||||
fail(err) {
|
||||
that.ispaid=false
|
||||
that.ispaid = false
|
||||
// 支付失败逻辑
|
||||
uni.showToast({
|
||||
title: '支付失败',
|
||||
|
|
@ -459,7 +489,7 @@
|
|||
}
|
||||
});
|
||||
} else {
|
||||
that.ispaid=false
|
||||
that.ispaid = false
|
||||
uni.showToast({
|
||||
title: res.data,
|
||||
icon: 'none',
|
||||
|
|
@ -467,10 +497,10 @@
|
|||
});
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
},
|
||||
}
|
||||
}
|
||||
|
|
@ -483,37 +513,41 @@
|
|||
|
||||
.page {
|
||||
width: 750rpx;
|
||||
|
||||
.pops {
|
||||
padding: 46rpx 36rpx;
|
||||
position: fixed;
|
||||
top: 400rpx;
|
||||
top: 600rpx;
|
||||
left: 74rpx;
|
||||
width: 604rpx;
|
||||
// height: 606rpx;
|
||||
background: #fff;
|
||||
background: #fdfdfd;
|
||||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||||
z-index: 110;
|
||||
|
||||
|
||||
.close {
|
||||
position: absolute;
|
||||
left: 266rpx;
|
||||
bottom: -100rpx;
|
||||
|
||||
|
||||
image {
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
}
|
||||
}
|
||||
.loading_box{
|
||||
|
||||
.loading_box {
|
||||
width: 100%;
|
||||
// height: 200rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
image{
|
||||
|
||||
image {
|
||||
width: 336rpx;
|
||||
height: 154rpx;
|
||||
}
|
||||
|
||||
// .loader {
|
||||
// width: 120rpx;
|
||||
// aspect-ratio: 1;
|
||||
|
|
@ -523,7 +557,7 @@
|
|||
// transform: translateY(-60rpx); /* 4倍的比例调整 */
|
||||
// animation: l19 1s infinite linear;
|
||||
// }
|
||||
|
||||
|
||||
// @keyframes l19 {
|
||||
// 16.67% {box-shadow:-240rpx 60rpx,-240rpx 60rpx, 76rpx 60rpx} /* 4倍的比例调整 */
|
||||
// 33.33% {box-shadow:-240rpx 60rpx, 0px 60rpx, 76rpx 60rpx} /* 4倍的比例调整 */
|
||||
|
|
@ -532,14 +566,15 @@
|
|||
// 83.33% {box-shadow: -76rpx 60rpx, 240rpx 60rpx,240rpx 60rpx} /* 4倍的比例调整 */
|
||||
// 100% {box-shadow: 240rpx 60rpx, 240rpx 60rpx,240rpx 60rpx} /* 4倍的比例调整 */
|
||||
// }
|
||||
|
||||
|
||||
}
|
||||
|
||||
.btn_box {
|
||||
margin-top: 80rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
|
||||
.btn1 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -548,41 +583,41 @@
|
|||
height: 90rpx;
|
||||
background: #989898;
|
||||
border-radius: 54rpx 54rpx 54rpx 54rpx;
|
||||
|
||||
|
||||
font-weight: 500;
|
||||
font-size: 40rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
|
||||
.btn2 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 268rpx;
|
||||
height: 90rpx;
|
||||
background: #1E807A ;
|
||||
background: #1E807A;
|
||||
border-radius: 54rpx 54rpx 54rpx 54rpx;
|
||||
|
||||
|
||||
font-weight: 500;
|
||||
font-size: 40rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.time {
|
||||
margin-top: 20rpx;
|
||||
text-align: center;
|
||||
font-weight: 500;
|
||||
font-size: 48rpx;
|
||||
color: #1E807A ;
|
||||
color: #1E807A;
|
||||
}
|
||||
|
||||
|
||||
.cont {
|
||||
height: 500rpx;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
|
||||
.tit {
|
||||
// width: 604rpx;
|
||||
text-align: center;
|
||||
|
|
@ -591,34 +626,34 @@
|
|||
color: #3D3D3D;
|
||||
margin-bottom: 54rpx;
|
||||
}
|
||||
|
||||
|
||||
.cont_box {
|
||||
margin-top: 36rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
|
||||
.left {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
font-weight: 600;
|
||||
font-size: 36rpx;
|
||||
color: #3D3D3D;
|
||||
|
||||
|
||||
.km {
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
|
||||
|
||||
.speed {
|
||||
margin-top: 18rpx;
|
||||
width: 226rpx;
|
||||
height: 22rpx;
|
||||
background: #ccc;
|
||||
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
||||
|
||||
|
||||
.speeds {
|
||||
// width: 90%;
|
||||
height: 100%;
|
||||
|
|
@ -626,32 +661,32 @@
|
|||
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.NO {
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.right {
|
||||
font-weight: 600;
|
||||
font-size: 36rpx;
|
||||
color: #3D3D3D;
|
||||
|
||||
|
||||
image {
|
||||
width: 244rpx;
|
||||
height: 196rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.text {
|
||||
margin-top: 36rpx;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
// align-items: center;
|
||||
|
||||
|
||||
.yuan {
|
||||
margin-top: 10rpx;
|
||||
margin-right: 12rpx;
|
||||
|
|
@ -660,7 +695,7 @@
|
|||
background: #000;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
|
||||
span {
|
||||
width: 90%;
|
||||
font-weight: 400;
|
||||
|
|
@ -668,7 +703,7 @@
|
|||
color: #3D3D3D;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.btn {
|
||||
margin-left: 40rpx;
|
||||
margin-top: 50rpx;
|
||||
|
|
@ -677,20 +712,20 @@
|
|||
justify-content: center;
|
||||
width: 470rpx;
|
||||
height: 90rpx;
|
||||
background: #1E807A ;
|
||||
background: #1E807A;
|
||||
border-radius: 54rpx 54rpx 54rpx 54rpx;
|
||||
font-weight: 500;
|
||||
font-size: 40rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
|
||||
.act1 {
|
||||
background-color: #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.card {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
|
@ -719,7 +754,7 @@
|
|||
justify-content: center;
|
||||
width: 586rpx;
|
||||
height: 68rpx;
|
||||
background: #1E807A ;
|
||||
background: #1E807A;
|
||||
border-radius: 54rpx 54rpx 54rpx 54rpx;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
|
|
@ -736,7 +771,7 @@
|
|||
justify-content: center;
|
||||
width: 680rpx;
|
||||
height: 90rpx;
|
||||
background: #1E807A ;
|
||||
background: #1E807A;
|
||||
border-radius: 54rpx 54rpx 54rpx 54rpx;
|
||||
|
||||
font-weight: 500;
|
||||
|
|
@ -793,7 +828,7 @@
|
|||
border-left: 2rpx solid #D8D8D8;
|
||||
font-weight: 500;
|
||||
font-size: 36rpx;
|
||||
color: #1E807A ;
|
||||
color: #1E807A;
|
||||
|
||||
}
|
||||
|
||||
|
|
@ -892,7 +927,7 @@
|
|||
text-align: right;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #1E807A ;
|
||||
color: #1E807A;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,42 +1,11 @@
|
|||
<template>
|
||||
<view class="page">
|
||||
<u-navbar title="我的骑行卡" :border-bottom="false" :background="bgc" title-color='#000' title-size='36'
|
||||
|
||||
<view class="fixed">
|
||||
<u-navbar title=" " :border-bottom="false" :background="background" title-color='#fff' title-size='36' back-icon-color='#fff'
|
||||
height='45'></u-navbar>
|
||||
|
||||
<view class="cont">
|
||||
<view class="card1">
|
||||
<view class="tit1">
|
||||
电单车15天5次卡
|
||||
</view>
|
||||
<view class="tit2">
|
||||
有效期至2024-08-04
|
||||
</view>
|
||||
<view class="txt3">
|
||||
剩余次数 <span>5</span>
|
||||
</view>
|
||||
</view>
|
||||
<view class="card2">
|
||||
<view class="tit1">
|
||||
电单车15天5次卡
|
||||
</view>
|
||||
<view class="tit2">
|
||||
有效期至2024-08-04
|
||||
</view>
|
||||
<view class="txt3">
|
||||
<span style="font-size: 64rpx;">已过期</span>
|
||||
</view>
|
||||
</view>
|
||||
<view class="card3">
|
||||
<view class="txt4">
|
||||
有效期至2024-08-28
|
||||
</view>
|
||||
</view>
|
||||
<view class="card4">
|
||||
<view class="txt4">
|
||||
有效期至2024-08-28
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<image class="backimg" src="https://lxnapi.ccttiot.com/bike/img/static/u3NgziRzuV79XdIE8cCn" mode=""></image>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
|
@ -65,131 +34,17 @@
|
|||
|
||||
.page {
|
||||
width: 750rpx;
|
||||
|
||||
.cont {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.tit1 {
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.tit2 {
|
||||
margin-top: 10rpx;
|
||||
font-weight: 500;
|
||||
font-size: 24rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.card1 {
|
||||
position: relative;
|
||||
margin-top: 18rpx;
|
||||
width: 680rpx;
|
||||
height: 176rpx;
|
||||
background-image: url('https://lxnapi.ccttiot.com/bike/img/static/uTKFB3So9QZGTuttNGD0');
|
||||
background-size: cover;
|
||||
/* 背景图片等比缩放以覆盖整个容器 */
|
||||
background-position: center;
|
||||
/* 背景图片居中显示 */
|
||||
background-repeat: no-repeat;
|
||||
padding: 22rpx 46rpx;
|
||||
|
||||
.txt3 {
|
||||
position: absolute;
|
||||
right: 42rpx;
|
||||
bottom: 16rpx;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #FFFFFF;
|
||||
|
||||
span {
|
||||
margin-left: 26rpx;
|
||||
font-size: 100rpx;
|
||||
}
|
||||
}
|
||||
|
||||
/* 防止背景图片重复 */
|
||||
}
|
||||
|
||||
.card2 {
|
||||
position: relative;
|
||||
padding: 22rpx 46rpx;
|
||||
margin-top: 18rpx;
|
||||
width: 680rpx;
|
||||
height: 176rpx;
|
||||
background-image: url('https://lxnapi.ccttiot.com/bike/img/static/uhYH4FVnYOsjGK2iky8X');
|
||||
background-size: cover;
|
||||
/* 背景图片等比缩放以覆盖整个容器 */
|
||||
background-position: center;
|
||||
/* 背景图片居中显示 */
|
||||
background-repeat: no-repeat;
|
||||
|
||||
|
||||
/* 防止背景图片重复 */
|
||||
.txt3 {
|
||||
position: absolute;
|
||||
right: 42rpx;
|
||||
bottom: 16rpx;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #FFFFFF;
|
||||
|
||||
span {
|
||||
margin-left: 26rpx;
|
||||
font-size: 100rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.card3 {
|
||||
position: relative;
|
||||
margin-top: 18rpx;
|
||||
width: 680rpx;
|
||||
height: 410rpx;
|
||||
background-image: url('https://lxnapi.ccttiot.com/bike/img/static/uZCTchd4XbAwsmNDuGun');
|
||||
background-size: cover;
|
||||
/* 背景图片等比缩放以覆盖整个容器 */
|
||||
background-position: center;
|
||||
/* 背景图片居中显示 */
|
||||
background-repeat: no-repeat;
|
||||
/* 防止背景图片重复 */
|
||||
.txt4{
|
||||
position: absolute;
|
||||
top: 72rpx;
|
||||
right: 78rpx;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #F5C164;
|
||||
}
|
||||
}
|
||||
|
||||
.card4 {
|
||||
position: relative;
|
||||
margin-top: 18rpx;
|
||||
width: 680rpx;
|
||||
height: 410rpx;
|
||||
background-image: url('https://lxnapi.ccttiot.com/bike/img/static/uiT97zPTbkZOMkGGmsAc');
|
||||
background-size: cover;
|
||||
/* 背景图片等比缩放以覆盖整个容器 */
|
||||
background-position: center;
|
||||
/* 背景图片居中显示 */
|
||||
background-repeat: no-repeat;
|
||||
/* 防止背景图片重复 */
|
||||
.txt4{
|
||||
position: absolute;
|
||||
top: 72rpx;
|
||||
right: 78rpx;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #BBB7B7 ;
|
||||
}
|
||||
}
|
||||
|
||||
.fixed {
|
||||
z-index: 999;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
|
||||
.backimg {
|
||||
position: fixed;
|
||||
width: 750rpx;
|
||||
height: 670rpx;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
195
page_vip/myVip_index.vue
Normal file
195
page_vip/myVip_index.vue
Normal file
|
|
@ -0,0 +1,195 @@
|
|||
<template>
|
||||
<view class="page">
|
||||
<u-navbar title="我的骑行卡" :border-bottom="false" :background="bgc" title-color='#000' title-size='36'
|
||||
height='45'></u-navbar>
|
||||
|
||||
<view class="cont">
|
||||
<view class="card1">
|
||||
<view class="tit1">
|
||||
电单车15天5次卡
|
||||
</view>
|
||||
<view class="tit2">
|
||||
有效期至2024-08-04
|
||||
</view>
|
||||
<view class="txt3">
|
||||
剩余次数 <span>5</span>
|
||||
</view>
|
||||
</view>
|
||||
<view class="card2">
|
||||
<view class="tit1">
|
||||
电单车15天5次卡
|
||||
</view>
|
||||
<view class="tit2">
|
||||
有效期至2024-08-04
|
||||
</view>
|
||||
<view class="txt3">
|
||||
<span style="font-size: 64rpx;">已过期</span>
|
||||
</view>
|
||||
</view>
|
||||
<view class="card3">
|
||||
<view class="txt4">
|
||||
有效期至2024-08-28
|
||||
</view>
|
||||
</view>
|
||||
<view class="card4">
|
||||
<view class="txt4">
|
||||
有效期至2024-08-28
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
bgc: {
|
||||
backgroundColor: '#fff'
|
||||
},
|
||||
sn: '',
|
||||
istrue: false
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
page {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.page {
|
||||
width: 750rpx;
|
||||
|
||||
.cont {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.tit1 {
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.tit2 {
|
||||
margin-top: 10rpx;
|
||||
font-weight: 500;
|
||||
font-size: 24rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.card1 {
|
||||
position: relative;
|
||||
margin-top: 18rpx;
|
||||
width: 680rpx;
|
||||
height: 176rpx;
|
||||
background-image: url('https://lxnapi.ccttiot.com/bike/img/static/uTKFB3So9QZGTuttNGD0');
|
||||
background-size: cover;
|
||||
/* 背景图片等比缩放以覆盖整个容器 */
|
||||
background-position: center;
|
||||
/* 背景图片居中显示 */
|
||||
background-repeat: no-repeat;
|
||||
padding: 22rpx 46rpx;
|
||||
|
||||
.txt3 {
|
||||
position: absolute;
|
||||
right: 42rpx;
|
||||
bottom: 16rpx;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #FFFFFF;
|
||||
|
||||
span {
|
||||
margin-left: 26rpx;
|
||||
font-size: 100rpx;
|
||||
}
|
||||
}
|
||||
|
||||
/* 防止背景图片重复 */
|
||||
}
|
||||
|
||||
.card2 {
|
||||
position: relative;
|
||||
padding: 22rpx 46rpx;
|
||||
margin-top: 18rpx;
|
||||
width: 680rpx;
|
||||
height: 176rpx;
|
||||
background-image: url('https://lxnapi.ccttiot.com/bike/img/static/uhYH4FVnYOsjGK2iky8X');
|
||||
background-size: cover;
|
||||
/* 背景图片等比缩放以覆盖整个容器 */
|
||||
background-position: center;
|
||||
/* 背景图片居中显示 */
|
||||
background-repeat: no-repeat;
|
||||
|
||||
|
||||
/* 防止背景图片重复 */
|
||||
.txt3 {
|
||||
position: absolute;
|
||||
right: 42rpx;
|
||||
bottom: 16rpx;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #FFFFFF;
|
||||
|
||||
span {
|
||||
margin-left: 26rpx;
|
||||
font-size: 100rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.card3 {
|
||||
position: relative;
|
||||
margin-top: 18rpx;
|
||||
width: 680rpx;
|
||||
height: 410rpx;
|
||||
background-image: url('https://lxnapi.ccttiot.com/bike/img/static/uZCTchd4XbAwsmNDuGun');
|
||||
background-size: cover;
|
||||
/* 背景图片等比缩放以覆盖整个容器 */
|
||||
background-position: center;
|
||||
/* 背景图片居中显示 */
|
||||
background-repeat: no-repeat;
|
||||
/* 防止背景图片重复 */
|
||||
.txt4{
|
||||
position: absolute;
|
||||
top: 72rpx;
|
||||
right: 78rpx;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #F5C164;
|
||||
}
|
||||
}
|
||||
|
||||
.card4 {
|
||||
position: relative;
|
||||
margin-top: 18rpx;
|
||||
width: 680rpx;
|
||||
height: 410rpx;
|
||||
background-image: url('https://lxnapi.ccttiot.com/bike/img/static/uiT97zPTbkZOMkGGmsAc');
|
||||
background-size: cover;
|
||||
/* 背景图片等比缩放以覆盖整个容器 */
|
||||
background-position: center;
|
||||
/* 背景图片居中显示 */
|
||||
background-repeat: no-repeat;
|
||||
/* 防止背景图片重复 */
|
||||
.txt4{
|
||||
position: absolute;
|
||||
top: 72rpx;
|
||||
right: 78rpx;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #BBB7B7 ;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
</style>
|
||||
11
pages.json
11
pages.json
|
|
@ -199,7 +199,7 @@
|
|||
"root": "page_vip", // 分包A的根目录
|
||||
"pages": [
|
||||
{
|
||||
"path": "Vip_index",
|
||||
"path": "myVip_index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "上传",
|
||||
"enablePullDownRefresh": false,
|
||||
|
|
@ -223,6 +223,15 @@
|
|||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "vip_index",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText": "上传",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -73,9 +73,54 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="top_info_box">
|
||||
|
||||
<view class="info_lis">
|
||||
<view class="lis_top" @click="showtipss(1)">
|
||||
营业收入 <image src="https://lxnapi.ccttiot.com/bike/img/static/uJFB9IlTZQG31V17R5Pn" mode=""></image>
|
||||
</view>
|
||||
<view class="lis_bot">
|
||||
￥{{info.income.operatingIncome}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="info_lis">
|
||||
<view class="lis_top" @click="showtipss(2)">
|
||||
押金余额 <image src="https://lxnapi.ccttiot.com/bike/img/static/uJFB9IlTZQG31V17R5Pn" mode=""></image>
|
||||
</view>
|
||||
<view class="lis_bot">
|
||||
￥{{info.income.depositBalance}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="info_lis">
|
||||
<view class="lis_top" @click="showtipss(3)">
|
||||
账户盈余 <image src="https://lxnapi.ccttiot.com/bike/img/static/uJFB9IlTZQG31V17R5Pn" mode=""></image>
|
||||
</view>
|
||||
<view class="lis_bot">
|
||||
￥{{info.income.accountSurplus}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont_box">
|
||||
<view class="lines"></view>
|
||||
<view class="cont_info_box">
|
||||
<view class="info_li2">
|
||||
总流水：{{info.income.totalFlowAmount}}
|
||||
</view>
|
||||
<view class="info_li3">
|
||||
订单支付：{{info.income.orderPaid}} <span>（包含押金抵扣:{{info.income.deductionAmount}}）</span>
|
||||
</view>
|
||||
<view class="info_li3">
|
||||
押金充值：{{info.income.depositPaid}}
|
||||
</view>
|
||||
<view class="info_li2" style="margin-top: 38rpx;">
|
||||
总支出：{{info.income.totalExpenditure}}
|
||||
</view>
|
||||
<view class="info_li3" style=" display: flex;" >
|
||||
<span style="width: 50%;color: #3D3D3D;">订单退款：{{info.income.orderRefund}} </span><span style="color: #3D3D3D;width: 50%;">押金退款：{{info.income.depositRefund}}</span>
|
||||
</view>
|
||||
<view class="info_li3" style=" display: flex; ">
|
||||
<span style="width: 50%;color: #3D3D3D;">手续费：{{info.income.handlingFee}}</span> <span style="color: #3D3D3D;width: 50%;">平台服务费：{{info.income.platformServiceFee}}</span>
|
||||
</view>
|
||||
</view>
|
||||
<view class="lines"></view>
|
||||
<view class="cont_box" v-if="false">
|
||||
<view class="cont_info">
|
||||
<view class="info_li" style="color:#4C97E7 ;">
|
||||
租赁费
|
||||
|
|
@ -182,8 +227,8 @@
|
|||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="lines"></view>
|
||||
<view class="card">
|
||||
<!-- <view class="lines"></view> -->
|
||||
<view class="card" v-if="false">
|
||||
<view class="tit">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uBgz6OZvl3KHGGGJ16vy" mode=""></image>
|
||||
车辆相关
|
||||
|
|
@ -217,7 +262,7 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="lines"></view>
|
||||
<view class="card">
|
||||
<view class="card" v-if="false">
|
||||
<view class="tit">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uCpE3kS6X0uD9q6pWzUu" mode=""></image>
|
||||
用户相关
|
||||
|
|
@ -252,6 +297,26 @@
|
|||
</view>
|
||||
<u-picker mode="time" v-model="time1" :params="params" @confirm="confirm1" :default-time='firsTime'></u-picker>
|
||||
<u-picker mode="time" v-model="time2" :params="params" @confirm="confirm2" :default-time='lasTime'></u-picker>
|
||||
<u-mask :show="showtips" :z-index='100' />
|
||||
<view class="tip_box1" v-if="showtips">
|
||||
<view class="top1">
|
||||
<view class="tip">
|
||||
提示
|
||||
</view>
|
||||
|
||||
<view class="txt">
|
||||
{{tiptxt}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="bot1">
|
||||
<!-- <view class="bot_left" @click="closefz()">
|
||||
取消
|
||||
</view> -->
|
||||
<view class="bot_right" @click="showtips=false">
|
||||
确定
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
|
@ -277,7 +342,9 @@
|
|||
cutidx: 0,
|
||||
info: {},
|
||||
areaId: 0,
|
||||
loading:false
|
||||
loading:false,
|
||||
showtips:true,
|
||||
tiptxt:''
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
|
|
@ -294,6 +361,17 @@
|
|||
|
||||
},
|
||||
methods: {
|
||||
showtipss(num){
|
||||
if(num==1){
|
||||
this.tiptxt='订单总收入=订单收款-退款-手续费'
|
||||
}else if(num==2){
|
||||
this.tiptxt='押金余额=充值押金-押金支出-订单押金扣款'
|
||||
}else if(num==3){
|
||||
this.tiptxt='账户盈余=总流水-总支出=营业收入+押金余额'
|
||||
|
||||
}
|
||||
this.showtips=true
|
||||
},
|
||||
displayAmount(amount) {
|
||||
return amount ? amount : '--';
|
||||
},
|
||||
|
|
@ -340,7 +418,7 @@
|
|||
timeEnd: this.lasTime,
|
||||
areaId: this.areaId
|
||||
}
|
||||
this.$u.get('/appVerify/operatingData', data).then((res) => {
|
||||
this.$u.get('/appVerify/operatingData2', data).then((res) => {
|
||||
if (res.code === 200) {
|
||||
// 处理接口返回的数据，将边界数据转换为地图组件需要的折线结构
|
||||
this.info = res.data
|
||||
|
|
@ -373,10 +451,164 @@
|
|||
|
||||
.page {
|
||||
width: 750rpx;
|
||||
.tip_box1 {
|
||||
position: fixed;
|
||||
left: 72rpx;
|
||||
top: 628rpx;
|
||||
width: 610rpx;
|
||||
// height: 282rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 30rpx 30rpx 30rpx 30rpx;
|
||||
z-index: 110;
|
||||
padding-bottom: 100rpx;
|
||||
|
||||
.top1 {
|
||||
padding: 52rpx 38rpx 42rpx 36rpx;
|
||||
|
||||
.ipt_box {
|
||||
margin-top: 22rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
|
||||
.text {
|
||||
width: 350rpx;
|
||||
font-weight: 400;
|
||||
font-size: 32rpx;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
|
||||
.ipt {
|
||||
padding: 10rpx 18rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-left: 26rpx;
|
||||
width: 420rpx;
|
||||
height: 64rpx;
|
||||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||
border: 2rpx solid #979797;
|
||||
|
||||
.input {
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tip {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-weight: 700;
|
||||
font-size: 32rpx;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
|
||||
.txt {
|
||||
margin-top: 32rpx;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-weight: 500;
|
||||
font-size: 24 rpx;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
}
|
||||
|
||||
.bot1 {
|
||||
position: absolute;
|
||||
|
||||
width: 610rpx;
|
||||
// border-top: 2rpx solid #D8D8D8;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
// height: 100%;
|
||||
// bottom: -20rpx;
|
||||
justify-content: center;
|
||||
.bot_left {
|
||||
border-radius: 0rpx 0rpx 0rpx 30rpx;
|
||||
width: 50%;
|
||||
height: 86rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #3D3D3D;
|
||||
background: #EEEEEE;
|
||||
}
|
||||
|
||||
.bot_right {
|
||||
border-radius: 30rpx 30rpx 30rpx 30rpx;
|
||||
width: 60%;
|
||||
height: 86rpx;
|
||||
background: #4C97E7;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #FFFFFF;
|
||||
// border-left: 2rpx solid #D8D8D8;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
// color: #4C97E7;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.top_info_box{
|
||||
padding: 70rpx 50rpx;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 4rpx 22rpx 0rpx rgba(0,0,0,0.2);
|
||||
border-radius: 20rpx 20rpx 0 0;
|
||||
border-radius: 40rpx 40rpx 0 0;
|
||||
.info_lis{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 180rpx;
|
||||
.lis_top{
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
flex-wrap: nowrap;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #3D3D3D;
|
||||
image{
|
||||
margin-left: 16rpx;
|
||||
width: 31.83rpx;
|
||||
height: 31.83rpx;
|
||||
}
|
||||
}
|
||||
.lis_bot{
|
||||
text-align: center;
|
||||
margin-top: 16rpx;
|
||||
font-weight: 500;
|
||||
font-size: 40rpx;
|
||||
color: #4C97E7;
|
||||
}
|
||||
}
|
||||
}
|
||||
.cont_info_box{
|
||||
padding: 36rpx 38rpx;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
background: #FFFFFF;
|
||||
.info_li2{
|
||||
width: 100%;
|
||||
font-weight: 600;
|
||||
font-size: 32rpx;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
.info_li3{
|
||||
margin-top: 22rpx;
|
||||
width: 100%;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #3D3D3D;
|
||||
span{
|
||||
color: #979797;
|
||||
}
|
||||
}
|
||||
}
|
||||
.lines {
|
||||
width: 748rpx;
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user