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

充值修改 新页面添加

Browse Source
This commit is contained in:
tx 2024-08-20 18:02:02 +08:00
parent f238087239
commit 76ebd47058
5 changed files with 637 additions and 311 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

317
page_user/yj.vue
View File

@ -39,11 +39,12 @@
<view class="tit" <view class="tit"
style="margin-top: 18rpx;font-weight: 700;font-size: 92rpx;color: #3D3D3D;line-height: 72rpx;"><span style="margin-top: 18rpx;font-weight: 700;font-size: 92rpx;color: #3D3D3D;line-height: 72rpx;"><span
style="font-size: 52rpx;">￥</span>{{userinfo.balance}}</view> style="font-size: 52rpx;">￥</span>{{userinfo.balance}}</view>
<view class="btn" v-if="userinfo.balance!=0&&isInAuditOrder.length==0" @click="show=true"> <view class="btn" v-if="userinfo.balance!=0&&isInAuditOrder.length==0" @click="show=true">
提现 提现
</view> </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>
<!-- <view class="btn " v-else="false" @click="sub4"> <!-- <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 class="cont_box" style="text-align: center;color: #808080;justify-content: center;font-size: 36rpx;">
押金充值成功是否返回继续骑行？ 押金充值成功是否返回继续骑行？
</view> </view>
<view class="btn_box"> <view class="btn_box">
<view class="btn1" @click="showBack = false"> <view class="btn1" @click="showBack = false">
取消 取消
</view> </view>
<view class="btn2"@click="topage()"> <view class="btn2" @click="topage()">
确定 确定
</view> </view>
</view> </view>
@ -128,7 +129,7 @@
点击查看 点击查看
</view> --> </view> -->
</view> </view>
<u-mask :show="showtxtip" @click="showtxtip = false" :z-index='100' duration='0' /> <u-mask :show="showtxtip" @click="showtxtip = false" :z-index='100' duration='0' />
<view class="pops" v-if="showtxtip"> <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;"> <view class="cont_box" style="text-align: center;color: #808080;justify-content: center;font-size: 36rpx;">
充值押金将在10分钟内按原路退还，是否返回？ 充值押金将在10分钟内按原路退还，是否返回？
</view> </view>
<view class="btn_box"> <view class="btn_box">
<view class="btn1" @click="showtxtip = false"> <view class="btn1" @click="showtxtip = false">
取消 取消
</view> </view>
<view class="btn2"@click="topage()"> <view class="btn2" @click="topage()">
确定 确定
</view> </view>
</view> </view>
@ -151,7 +152,7 @@
点击查看 点击查看
</view> --> </view> -->
</view> </view>
<u-mask :show="show" @click="show = false" :z-index='100' /> <u-mask :show="show" @click="show = false" :z-index='100' />
<view class="tip_box" v-if="show"> <view class="tip_box" v-if="show">
@ -171,10 +172,10 @@
继续提现 继续提现
</view> </view>
</view> </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="pops" v-if="loadingmask" style="width: 500rpx;left:124rpx">
<view class="tit" style="font-weight: 600;"> <view class="tit" style="font-weight: 600;">
加载中... 加载中...
@ -185,6 +186,17 @@
</view> </view>
</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> </view>
</template> </template>
@ -201,13 +213,14 @@
orderList: [], orderList: [],
total: 0, total: 0,
areaInfo: "", areaInfo: "",
isback:false, isback: false,
showBack:false, showBack: false,
loadingmask:true, loadingmask: true,
ispaid:false, ispaid: false,
showtxtip:false, showtxtip: false,
showList:false, showList: false,
isInAuditOrder:[] isInAuditOrder: [],
loadingmask1:false
} }
@ -218,31 +231,31 @@
// // 执行其他操作... // // 执行其他操作...
// }); // });
this.$u.post("/app/user/isInAuditOrder?userId=" + this.userId).then((res) => { this.$u.post("/app/user/isInAuditOrder?userId=" + this.userId).then((res) => {
if (res.code == 200) { if (res.code == 200) {
this.isInAuditOrder=res.data this.isInAuditOrder = res.data
} else { } else {
} }
}); });
this.getarea() this.getarea()
}, },
onLoad(e) { onLoad(e) {
console.log(e,'this.isback'); console.log(e, 'this.isback');
if(e.isback){ if (e.isback) {
if(e.isback=='false'){ if (e.isback == 'false') {
this.isback=false this.isback = false
}else{ } else {
this.isback=true this.isback = true
} }
} }
if(e.showList){ if (e.showList) {
this.showList=true this.showList = true
} }
}, },
watch: { watch: {
userId(newValue, oldValue) { userId(newValue, oldValue) {
@ -258,8 +271,8 @@
}, },
}, },
methods: { methods: {
topage(){ topage() {
this.showBack=false this.showBack = false
uni.navigateBack({ uni.navigateBack({
delta: 1 // delta值为1时表示返回的页面层数 delta: 1 // delta值为1时表示返回的页面层数
}); });
@ -269,7 +282,7 @@
// title:'加载中...' // title:'加载中...'
// }) // })
this.$u.get("/appVerify/order/list?type=2&userId=" + this.userId).then((res) => { this.$u.get("/appVerify/order/list?type=2&userId=" + this.userId).then((res) => {
// uni.hideLoading()
if (res.code == 200) { if (res.code == 200) {
this.orderList = res.rows this.orderList = res.rows
this.total = res.total this.total = res.total
@ -285,21 +298,25 @@
tixian() { tixian() {
this.show = false this.show = false
this.loadingmask=true this.loadingmask = true
uni.showLoading({
title:'加载中'
})
this.$u.post("/appVerify/order/withdraw").then((res) => { this.$u.post("/appVerify/order/withdraw").then((res) => {
if (res.code == 200) { if (res.code == 200) {
setTimeout(() => { setTimeout(() => {
this.loadingmask=false uni.hideLoading()
this.loadingmask = false
this.getinfo() this.getinfo()
this.getlist() this.getlist()
this.showtxtip=true this.showtxtip = true
}, 500) }, 500)
} else { } else {
uni.hideLoading() uni.hideLoading()
uni.showToast({ uni.showToast({
title: res.msg, title: res.msg,
icon: 'none', icon: 'none',
@ -329,80 +346,81 @@
// title:'加载中' // title:'加载中'
// }) // })
this.$u.get("/getAppInfo").then((res) => { this.$u.get("/getAppInfo").then((res) => {
if (res.code == 200) { if (res.code == 200) {
// uni.hideLoading()
this.$store.commit('SET_USERID', res.user.userId); this.$store.commit('SET_USERID', res.user.userId);
this.userinfo = res.user this.userinfo = res.user
console.log(res.user.balance,'es.user.balance',this.isback); console.log(res.user.balance, 'es.user.balance', this.isback);
if(res.user.balance==parseFloat(this.areaInfo.deposit)){ if (res.user.balance == parseFloat(this.areaInfo.deposit)) {
console.log('进入判断了',this.isback); console.log('进入判断了', this.isback);
if(this.isback==true){ if (this.isback == true) {
console.log('进入判断了1'); console.log('进入判断了1');
// this.showBack=true // this.showBack=true
} }
} }
this.getlist() this.getlist()
} else { } else {
setTimeout(()=>{ setTimeout(() => {
this.getinfo() this.getinfo()
this.getlist() this.getlist()
},500) }, 500)
} }
}); });
}, },
check(){ check() {
this.$u.get("/getAppInfo").then((res) => { this.$u.get("/getAppInfo").then((res) => {
if (res.code == 200) { if (res.code == 200) {
this.$store.commit('SET_USERID', res.user.userId); this.$store.commit('SET_USERID', res.user.userId);
this.userinfo = res.user this.userinfo = res.user
console.log(res.user.balance,'es.user.balance',this.isback); console.log(res.user.balance, 'es.user.balance', this.isback);
this.loadingmask=false this.loadingmask = false
this.getlist() this.getlist()
if(res.user.balance==parseFloat(this.areaInfo.deposit)){ if (res.user.balance == parseFloat(this.areaInfo.deposit)) {
console.log('进入判断了',this.isback); console.log('进入判断了', this.isback);
if(this.isback==true){ if (this.isback == true) {
console.log('进入判断了1'); console.log('进入判断了1');
// this.showBack=true // this.showBack=true
uni.navigateBack({ uni.navigateBack({
delta: 1 // delta值为1时表示返回的页面层数 delta: 1 // delta值为1时表示返回的页面层数
}); });
} }
} }
} else { } else {
} }
}); });
}, },
sub4() { sub4() {
if(this.ispaid==false){ if (this.ispaid == false) {
this.ispaid=true this.ispaid = true
let id = uni.getStorageSync('areaId'); let id = uni.getStorageSync('areaId');
let data = { let data = {
userId: this.userId, userId: this.userId,
// ruleId: this.freeInfo.ruleId, // ruleId: this.freeInfo.ruleId,
money: this.areaInfo.deposit, money: this.areaInfo.deposit,
mark: "押金充值", mark: "押金充值",
type: '4', type: '4',
areaId: id areaId: id
} }
let that = this let that = this
this.$u.post('/appVerify/pre/order', data).then((res) => { this.$u.post('/appVerify/pre/order', data).then((res) => {
if (res.code === 200) { if (res.code === 200) {
// this.freList=res.rows // this.freList=res.rows
let orderNo = res.data.orderNo
this.orderNo = res.data.orderNo
uni.requestPayment({ uni.requestPayment({
provider: 'wxpay', provider: 'wxpay',
timeStamp: res.data.timeStamp, timeStamp: res.data.timeStamp,
@ -415,41 +433,53 @@
// uni.showLoading({ // uni.showLoading({
// title: '加载中' // title: '加载中'
// }) // })
that.ispaid=false that.ispaid = false
that.loadingmask=true that.loadingmask = true
uni.showLoading({ that.loadingmask1=true
title:'加载中' // uni.showLoading({
}) // title: '加载中'
// })
setTimeout(() => { setTimeout(() => {
that.check() that.check()
}, 2000) }, 2000)
setTimeout(() => { setTimeout(() => {
that.check()
uni.hideLoading()
// let data={
// orderNo
// }
// that.$u.get("/appVerify/queryResultByOrderNo?" + data).then((res) => {
// if (res.code == 200) { if (that.userinfo.balance == 0) {
let data = {
// } else { orderNo: that.orderNo
// // uni.showToast({ }
// // title: res.msg,
// // icon: 'none', that.$u.get("/appVerify/queryResultByOrderNo?", data).then((res) => {
// // duration: 2000
// // }); if (res.code == 200) {
// } that.check()
// }); console.log('关闭了2');
}, 4000) 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) { fail(err) {
that.ispaid=false that.ispaid = false
// 支付失败逻辑 // 支付失败逻辑
uni.showToast({ uni.showToast({
title: '支付失败', title: '支付失败',
@ -459,7 +489,7 @@
} }
}); });
} else { } else {
that.ispaid=false that.ispaid = false
uni.showToast({ uni.showToast({
title: res.data, title: res.data,
icon: 'none', icon: 'none',
@ -467,10 +497,10 @@
}); });
} }
}) })
} }
}, },
} }
} }
@ -483,37 +513,41 @@
.page { .page {
width: 750rpx; width: 750rpx;
.pops { .pops {
padding: 46rpx 36rpx; padding: 46rpx 36rpx;
position: fixed; position: fixed;
top: 400rpx; top: 600rpx;
left: 74rpx; left: 74rpx;
width: 604rpx; width: 604rpx;
// height: 606rpx; // height: 606rpx;
background: #fff; background: #fdfdfd;
border-radius: 20rpx 20rpx 20rpx 20rpx; border-radius: 20rpx 20rpx 20rpx 20rpx;
z-index: 110; z-index: 110;
.close { .close {
position: absolute; position: absolute;
left: 266rpx; left: 266rpx;
bottom: -100rpx; bottom: -100rpx;
image { image {
width: 80rpx; width: 80rpx;
height: 80rpx; height: 80rpx;
} }
} }
.loading_box{
.loading_box {
width: 100%; width: 100%;
// height: 200rpx; // height: 200rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
image{
image {
width: 336rpx; width: 336rpx;
height: 154rpx; height: 154rpx;
} }
// .loader { // .loader {
// width: 120rpx; // width: 120rpx;
// aspect-ratio: 1; // aspect-ratio: 1;
@ -523,7 +557,7 @@
// transform: translateY(-60rpx); /* 4倍的比例调整 */ // transform: translateY(-60rpx); /* 4倍的比例调整 */
// animation: l19 1s infinite linear; // animation: l19 1s infinite linear;
// } // }
// @keyframes l19 { // @keyframes l19 {
// 16.67% {box-shadow:-240rpx 60rpx,-240rpx 60rpx, 76rpx 60rpx} /* 4倍的比例调整 */ // 16.67% {box-shadow:-240rpx 60rpx,-240rpx 60rpx, 76rpx 60rpx} /* 4倍的比例调整 */
// 33.33% {box-shadow:-240rpx 60rpx, 0px 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倍的比例调整 */ // 83.33% {box-shadow: -76rpx 60rpx, 240rpx 60rpx,240rpx 60rpx} /* 4倍的比例调整 */
// 100% {box-shadow: 240rpx 60rpx, 240rpx 60rpx,240rpx 60rpx} /* 4倍的比例调整 */ // 100% {box-shadow: 240rpx 60rpx, 240rpx 60rpx,240rpx 60rpx} /* 4倍的比例调整 */
// } // }
} }
.btn_box { .btn_box {
margin-top: 80rpx; margin-top: 80rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
.btn1 { .btn1 {
display: flex; display: flex;
align-items: center; align-items: center;
@ -548,41 +583,41 @@
height: 90rpx; height: 90rpx;
background: #989898; background: #989898;
border-radius: 54rpx 54rpx 54rpx 54rpx; border-radius: 54rpx 54rpx 54rpx 54rpx;
font-weight: 500; font-weight: 500;
font-size: 40rpx; font-size: 40rpx;
color: #FFFFFF; color: #FFFFFF;
} }
.btn2 { .btn2 {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 268rpx; width: 268rpx;
height: 90rpx; height: 90rpx;
background: #1E807A ; background: #1E807A;
border-radius: 54rpx 54rpx 54rpx 54rpx; border-radius: 54rpx 54rpx 54rpx 54rpx;
font-weight: 500; font-weight: 500;
font-size: 40rpx; font-size: 40rpx;
color: #FFFFFF; color: #FFFFFF;
} }
} }
.time { .time {
margin-top: 20rpx; margin-top: 20rpx;
text-align: center; text-align: center;
font-weight: 500; font-weight: 500;
font-size: 48rpx; font-size: 48rpx;
color: #1E807A ; color: #1E807A;
} }
.cont { .cont {
height: 500rpx; height: 500rpx;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
} }
.tit { .tit {
// width: 604rpx; // width: 604rpx;
text-align: center; text-align: center;
@ -591,34 +626,34 @@
color: #3D3D3D; color: #3D3D3D;
margin-bottom: 54rpx; margin-bottom: 54rpx;
} }
.cont_box { .cont_box {
margin-top: 36rpx; margin-top: 36rpx;
display: flex; display: flex;
flex-wrap: nowrap; flex-wrap: nowrap;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
.left { .left {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
font-weight: 600; font-weight: 600;
font-size: 36rpx; font-size: 36rpx;
color: #3D3D3D; color: #3D3D3D;
.km { .km {
font-weight: 400; font-weight: 400;
font-size: 28rpx; font-size: 28rpx;
color: #3D3D3D; color: #3D3D3D;
} }
.speed { .speed {
margin-top: 18rpx; margin-top: 18rpx;
width: 226rpx; width: 226rpx;
height: 22rpx; height: 22rpx;
background: #ccc; background: #ccc;
border-radius: 16rpx 16rpx 16rpx 16rpx; border-radius: 16rpx 16rpx 16rpx 16rpx;
.speeds { .speeds {
// width: 90%; // width: 90%;
height: 100%; height: 100%;
@ -626,32 +661,32 @@
border-radius: 16rpx 16rpx 16rpx 16rpx; border-radius: 16rpx 16rpx 16rpx 16rpx;
} }
} }
.NO { .NO {
font-weight: 400; font-weight: 400;
font-size: 24rpx; font-size: 24rpx;
color: #3D3D3D; color: #3D3D3D;
} }
} }
.right { .right {
font-weight: 600; font-weight: 600;
font-size: 36rpx; font-size: 36rpx;
color: #3D3D3D; color: #3D3D3D;
image { image {
width: 244rpx; width: 244rpx;
height: 196rpx; height: 196rpx;
} }
} }
} }
.text { .text {
margin-top: 36rpx; margin-top: 36rpx;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
// align-items: center; // align-items: center;
.yuan { .yuan {
margin-top: 10rpx; margin-top: 10rpx;
margin-right: 12rpx; margin-right: 12rpx;
@ -660,7 +695,7 @@
background: #000; background: #000;
border-radius: 50%; border-radius: 50%;
} }
span { span {
width: 90%; width: 90%;
font-weight: 400; font-weight: 400;
@ -668,7 +703,7 @@
color: #3D3D3D; color: #3D3D3D;
} }
} }
.btn { .btn {
margin-left: 40rpx; margin-left: 40rpx;
margin-top: 50rpx; margin-top: 50rpx;
@ -677,20 +712,20 @@
justify-content: center; justify-content: center;
width: 470rpx; width: 470rpx;
height: 90rpx; height: 90rpx;
background: #1E807A ; background: #1E807A;
border-radius: 54rpx 54rpx 54rpx 54rpx; border-radius: 54rpx 54rpx 54rpx 54rpx;
font-weight: 500; font-weight: 500;
font-size: 40rpx; font-size: 40rpx;
color: #FFFFFF; color: #FFFFFF;
} }
.act1 { .act1 {
background-color: #ccc; background-color: #ccc;
} }
} }
.card { .card {
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -719,7 +754,7 @@
justify-content: center; justify-content: center;
width: 586rpx; width: 586rpx;
height: 68rpx; height: 68rpx;
background: #1E807A ; background: #1E807A;
border-radius: 54rpx 54rpx 54rpx 54rpx; border-radius: 54rpx 54rpx 54rpx 54rpx;
font-weight: 500; font-weight: 500;
font-size: 32rpx; font-size: 32rpx;
@ -736,7 +771,7 @@
justify-content: center; justify-content: center;
width: 680rpx; width: 680rpx;
height: 90rpx; height: 90rpx;
background: #1E807A ; background: #1E807A;
border-radius: 54rpx 54rpx 54rpx 54rpx; border-radius: 54rpx 54rpx 54rpx 54rpx;
font-weight: 500; font-weight: 500;
@ -793,7 +828,7 @@
border-left: 2rpx solid #D8D8D8; border-left: 2rpx solid #D8D8D8;
font-weight: 500; font-weight: 500;
font-size: 36rpx; font-size: 36rpx;
color: #1E807A ; color: #1E807A;
} }
@ -892,7 +927,7 @@
text-align: right; text-align: right;
font-weight: 400; font-weight: 400;
font-size: 24rpx; font-size: 24rpx;
color: #1E807A ; color: #1E807A;
} }
} }
} }

177
page_vip/Vip_index.vue
View File

@ -1,42 +1,11 @@
<template> <template>
<view class="page"> <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> height='45'></u-navbar>
</view>
<view class="cont"> <image class="backimg" src="https://lxnapi.ccttiot.com/bike/img/static/u3NgziRzuV79XdIE8cCn" mode=""></image>
<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> </view>
</template> </template>
@ -65,131 +34,17 @@
.page { .page {
width: 750rpx; width: 750rpx;
.fixed {
.cont { z-index: 999;
display: flex; position: fixed;
justify-content: center; top: 0;
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 ;
}
}
} }
.backimg {
position: fixed;
width: 750rpx;
height: 670rpx;
z-index: -1;
}
} }
</style> </style>

195
page_vip/myVip_index.vue Normal file
View 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
View File

@ -199,7 +199,7 @@
"root": "page_vip", // 分包A的根目录 "root": "page_vip", // 分包A的根目录
"pages": [ "pages": [
{ {
"path": "Vip_index", "path": "myVip_index",
"style": { "style": {
"navigationBarTitleText": "上传", "navigationBarTitleText": "上传",
"enablePullDownRefresh": false, "enablePullDownRefresh": false,
@ -223,6 +223,15 @@
"enablePullDownRefresh": false, "enablePullDownRefresh": false,
"navigationStyle": "custom" "navigationStyle": "custom"
} }
},
{
"path" : "vip_index",
"style" :
{
"navigationBarTitleText": "上传",
"enablePullDownRefresh": false,
"navigationStyle": "custom"
}
} }

248
pages_admin/worke/worke_Operation.vue
View File

@ -73,9 +73,54 @@
</view> </view>
</view> </view>
<view class="top_info_box"> <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>
<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="cont_info">
<view class="info_li" style="color:#4C97E7 ;"> <view class="info_li" style="color:#4C97E7 ;">
租赁费 租赁费
@ -182,8 +227,8 @@
</view> </view>
</view> </view>
</view> </view>
<view class="lines"></view> <!-- <view class="lines"></view> -->
<view class="card"> <view class="card" v-if="false">
<view class="tit"> <view class="tit">
<image src="https://lxnapi.ccttiot.com/bike/img/static/uBgz6OZvl3KHGGGJ16vy" mode=""></image> <image src="https://lxnapi.ccttiot.com/bike/img/static/uBgz6OZvl3KHGGGJ16vy" mode=""></image>
车辆相关 车辆相关
@ -217,7 +262,7 @@
</view> </view>
</view> </view>
<view class="lines"></view> <view class="lines"></view>
<view class="card"> <view class="card" v-if="false">
<view class="tit"> <view class="tit">
<image src="https://lxnapi.ccttiot.com/bike/img/static/uCpE3kS6X0uD9q6pWzUu" mode=""></image> <image src="https://lxnapi.ccttiot.com/bike/img/static/uCpE3kS6X0uD9q6pWzUu" mode=""></image>
用户相关 用户相关
@ -252,6 +297,26 @@
</view> </view>
<u-picker mode="time" v-model="time1" :params="params" @confirm="confirm1" :default-time='firsTime'></u-picker> <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-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> </view>
</template> </template>
@ -277,7 +342,9 @@
cutidx: 0, cutidx: 0,
info: {}, info: {},
areaId: 0, areaId: 0,
loading:false loading:false,
showtips:true,
tiptxt:''
} }
}, },
onLoad() { onLoad() {
@ -294,6 +361,17 @@
}, },
methods: { 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) { displayAmount(amount) {
return amount ? amount : '--'; return amount ? amount : '--';
}, },
@ -340,7 +418,7 @@
timeEnd: this.lasTime, timeEnd: this.lasTime,
areaId: this.areaId areaId: this.areaId
} }
this.$u.get('/appVerify/operatingData', data).then((res) => { this.$u.get('/appVerify/operatingData2', data).then((res) => {
if (res.code === 200) { if (res.code === 200) {
// 处理接口返回的数据，将边界数据转换为地图组件需要的折线结构 // 处理接口返回的数据，将边界数据转换为地图组件需要的折线结构
this.info = res.data this.info = res.data
@ -373,10 +451,164 @@
.page { .page {
width: 750rpx; 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{ .top_info_box{
padding: 70rpx 50rpx;
display: flex;
justify-content: space-around;
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0rpx 4rpx 22rpx 0rpx rgba(0,0,0,0.2); 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 { .lines {
width: 748rpx; width: 748rpx;