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

登录修改

Browse Source
This commit is contained in:
Sliverber 2024-07-28 18:03:53 +08:00
parent d72db74573
commit 8fe880c588
2 changed files with 296 additions and 84 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

349
pages/login/login.vue
View File

@ -1,31 +1,96 @@
<template> <template>
<view class="page"> <view class="page">
<view class="fixed"> <view class="fixed">
<u-navbar title="登录" :border-bottom="false" :background="background" title-color='#CCC' title-size='36' back-icon-color='#CCC' <u-navbar title="登录" :border-bottom="false" :background="background" title-color='#000' title-size='36'
height='45'></u-navbar> back-icon-color='#000' height='45'></u-navbar>
</view> </view>
<!-- <u-navbar :is-back="false" :title="tittxt" :border-bottom="false" :background="bgc" title-color='#000' title-size='36' height='45' > <!-- <u-navbar :is-back="false" :title="tittxt" :border-bottom="false" :background="bgc" title-color='#000' title-size='36' height='45' >
</u-navbar> --> </u-navbar> -->
<view class="pages1" v-if="deptId==100"> <!-- <view class="pages1" v-if="deptId==100">
<view class="imgbox"> <view class="imgbox">
<image src="https://lxnapi.ccttiot.com/bike/img/static/uzg30jo8Mx7lgaRHFyiO" mode=""></image> <image src="https://lxnapi.ccttiot.com/bike/img/static/uzg30jo8Mx7lgaRHFyiO" mode=""></image>
</view> </view>
<button class="button" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber" > <button class="button" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber" >
授权登录 授权登录
</button> </button>
<!-- <view class="button1" @click="back">
</view> -->
<view class="pages2" v-if="deptId==100&&pageindex==0">
<view class="imgbox">
<image src="https://lxnapi.ccttiot.com/bike/img/static/uX6A5Dlyr4lvGFNuqfPK" mode=""></image>
</view>
<button class="button" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber"
style="margin-top: 30rpx;">
<image src="https://lxnapi.ccttiot.com/bike/img/static/uka0jHcbyy1we0qwbiov" mode=""></image> 微信登录
</button>
<view class="button" style="margin-top: 20rpx;" @click="pageindex=1">
<image src="https://lxnapi.ccttiot.com/bike/img/static/ubSJ6aNMOUfPf80iotGv" mode=""></image>授权登录
</view>
<!-- <view class="button1" @click="back">
取消登录 取消登录
</view> --> </view> -->
</view> </view>
<view class="page3" v-if="pageindex==1">
<view class="tit">
登录
</view>
<view class="tit_li" style="margin-top: 104rpx;">
<image src="https://lxnapi.ccttiot.com/bike/img/static/u3swF9YhZbUCuhGmrMrk" mode=""></image>
手机号
</view>
<view class="ipt">
<input type="number" class="ips" v-model="sn" placeholder=" 请输入您的手机号"
placeholder-style='font-weight: 400;font-size: 36rpx;color: #808080;' />
</view>
<view class="tit_li">
<image src="https://lxnapi.ccttiot.com/bike/img/static/ujOHD0RFCsOWAprtYLzj" mode=""
style="width: 50rpx;height: 54rpx;margin-right: 26rpx;"></image>
验证码
</view>
<view class="ipt">
<input type="number" class="ips" v-model="sn" placeholder=" 请输入您的手机号"
placeholder-style='font-weight: 400;font-size: 36rpx;color: #808080;' style="width: 60%;" />
<view class="send_code">
获取验证码
</view>
</view>
<view class="tit_li">
<image src="https://lxnapi.ccttiot.com/bike/img/static/uYkqUlpkl5VuksJhaPlW" mode=""
style="width: rpx;height: 54rpx;margin-right: 26rpx;"></image>
密码
</view>
<view class="ipt">
<input type="number" class="ips" v-model="sn" placeholder=" 请输入您的手机号"
placeholder-style='font-weight: 400;font-size: 36rpx;color: #808080;' />
</view>
<view class="sub_btn">
注册并登录
</view>
<view class="tips">
已有帐号？<span>立即登录</span>
</view>
<view class="line_box">
<view class="lines"></view>
其他登录方式
<view class="lines"></view>
</view>
<view class="wxbtn">
<image src="https://lxnapi.ccttiot.com/bike/img/static/uUCvpOwGG8McfpYSUye4" mode=""></image>
</view>
</view>
<view class="pages2" v-if="deptId==101"> <view class="pages2" v-if="deptId==101">
<view class="imgbox"> <view class="imgbox">
<image src="https://lxnapi.ccttiot.com/bike/img/static/uX6A5Dlyr4lvGFNuqfPK" mode=""></image> <image src="https://lxnapi.ccttiot.com/bike/img/static/uX6A5Dlyr4lvGFNuqfPK" mode=""></image>
</view> </view>
<button class="button" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber" > <button class="button" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
授权登录 授权登录
</button> </button>
<!-- <view class="button1" @click="back"> <!-- <view class="button1" @click="back">
取消登录 取消登录
</view> --> </view> -->
</view> </view>
@ -43,11 +108,12 @@
bgc: { bgc: {
backgroundColor: "#fff", backgroundColor: "#fff",
}, },
tittxt:"登录", tittxt: "登录",
chooseType:true, chooseType: true,
usertype:'', usertype: '',
login:false, login: false,
deptId:'' deptId: '',
pageindex: 1,
} }
}, },
onLoad() { onLoad() {
@ -55,74 +121,75 @@
// this.deptId = 101 // this.deptId = 101
}, },
methods: { methods: {
userType(num){ userType(num) {
this.chooseType=false this.chooseType = false
this.login=true this.login = true
if(num==1){ if (num == 1) {
this.usertype='01' this.usertype = '01'
}else{ } else {
this.usertype='00' this.usertype = '00'
} }
}, },
back(){ back() {
uni.navigateBack({ uni.navigateBack({
delta: 1 // delta值为1时表示返回的页面层数 delta: 1 // delta值为1时表示返回的页面层数
}); });
}, },
getPhoneNumber(e) { getPhoneNumber(e) {
let that = this; let that = this;
console.log("eeeeeeee", e); console.log("eeeeeeee", e);
const wxLoginAsync = () => { const wxLoginAsync = () => {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
wx.login({ wx.login({
success(res) { success(res) {
if (res.code) { if (res.code) {
console.log('登录！', res); console.log('登录！', res);
let data = { let data = {
jscode: res.code, jscode: res.code,
// userType: that.usertype, // userType: that.usertype,
mobileCode: e.detail.code, mobileCode: e.detail.code,
}; };
resolve(data); resolve(data);
} else { } else {
reject(res.errMsg); reject(res.errMsg);
} }
}, },
fail(err) { fail(err) {
reject(err); reject(err);
} }
}); });
}); });
}; };
wxLoginAsync() wxLoginAsync()
.then(async (data) => { .then(async (data) => {
let areaId=uni.getStorageSync('areaId'); let areaId = uni.getStorageSync('areaId');
this.$u.post("/wxlogin?mobileCode="+data.mobileCode+'&jsCode='+data.jscode+'&areaId='+areaId).then((res) => { this.$u.post("/wxlogin?mobileCode=" + data.mobileCode + '&jsCode=' + data.jscode +
'&areaId=' + areaId).then((res) => {
// this.$forceUpdate() // this.$forceUpdate()
if (res.code == 200) { if (res.code == 200) {
console.log(res,'resres'); console.log(res, 'resres');
wx.setStorageSync('token', res.token); wx.setStorageSync('token', res.token);
that.ceshi() that.ceshi()
// uni.switchTab({ // uni.switchTab({
// url: '/pages/index/index' // url: '/pages/index/index'
// }) // })
}else{ } else {
uni.showToast({ uni.showToast({
title: res.msg, title: res.msg,
icon: 'none', icon: 'none',
duration: 2000 duration: 2000
}); });
} }
}); });
}) })
.catch((err) => { .catch((err) => {
console.error(err); console.error(err);
}); });
}, },
async ceshi() { async ceshi() {
this.$u.get("/getAppInfo").then((res) => { this.$u.get("/getAppInfo").then((res) => {
@ -136,20 +203,144 @@
} }
</script> </script>
<style lang="scss" > <style lang="scss">
page{ page {
background: #FFFFFF; background: #FFFFFF;
} }
.page { .page {
position: relative; /* 添加相对定位 */ position: relative;
/* 添加相对定位 */
.fixed { .fixed {
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
} }
.pages1{
.page3 {
padding: 200rpx 60rpx 0 60rpx;
.line_box {
.lines {
width: 162rpx;
height: 0rpx;
border: 1rpx solid #D8D8D8;
}
margin-top: 134rpx;
width: 620rpx;
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
font-weight: 400;
font-size: 32rpx;
color: #808080;
}
.wxbtn{
width: 100%;
margin-top: 30rpx;
display: flex;
align-items: center;
justify-content: center;
image{
height: 64rpx;
width: 64rpx;
}
}
.tips {
width: 258rpx;
margin: 0 auto;
font-weight: 400;
font-size: 28rpx;
color: #50565A;
span {
text-decoration: underline;
text-underline-offset: 4rpx;
color: #64B6A8;
}
}
.sub_btn {
display: flex;
align-items: center;
justify-content: center;
margin: 80rpx auto 52rpx;
width: 620rpx;
height: 92rpx;
background: rgba(100, 182, 168, 0.5);
border-radius: 46rpx 46rpx 46rpx 46rpx;
font-weight: 500;
font-size: 40rpx;
color: #FFFFFF;
}
.tit {
width: 145rpx;
font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
font-weight: 500;
font-size: 72rpx;
color: #3D3D3D;
color: #3D3D3D;
background: linear-gradient(0deg, #64B6A8 0.1%, rgba(255, 255, 255, 0) 30%), #FFFFFF;
}
.tit_li {
margin-top: 42rpx;
display: flex;
flex-wrap: nowrap;
align-items: center;
font-weight: 500;
font-size: 32rpx;
color: #64B6A8;
image {
margin-right: 30rpx;
width: 37rpx;
height: 56rpx;
}
}
.ipt {
padding-left: 8rpx;
margin-top: 42rpx;
width: 599rpx;
height: 80rpx;
background: #fff;
border-radius: 0rpx 0rpx 0rpx 0rpx;
border-bottom: 1rpx solid #D8D8D8;
display: flex;
align-items: center;
justify-content: center;
.send_code {
margin-left: auto;
display: flex;
align-items: center;
justify-content: center;
width: 158rpx;
height: 58rpx;
background: #64B6A8;
border-radius: 30rpx 30rpx 30rpx 30rpx;
font-weight: 500;
font-size: 24rpx;
color: #FFFFFF;
}
.ips {
width: 100%;
}
}
}
.pages1 {
.imgbox { .imgbox {
margin-top:0rpx ; margin-top: 0rpx;
width: 750rpx; width: 750rpx;
height: 734rpx; height: 734rpx;
z-index: 0; z-index: 0;
@ -159,7 +350,8 @@
height: 734rpx; height: 734rpx;
} }
} }
.button{
.button {
margin-top: 200rpx; margin-top: 200rpx;
width: 586rpx; width: 586rpx;
height: 90rpx; height: 90rpx;
@ -169,7 +361,8 @@
font-size: 40rpx; font-size: 40rpx;
color: #FFFFFF; color: #FFFFFF;
} }
.button1{
.button1 {
margin: 72rpx auto; margin: 72rpx auto;
display: flex; display: flex;
align-items: center; align-items: center;
@ -184,9 +377,10 @@
color: #4C97E7; color: #4C97E7;
} }
} }
.pages2{
.pages2 {
.imgbox { .imgbox {
margin-top:0rpx ; margin-top: 0rpx;
width: 750rpx; width: 750rpx;
height: 1274rpx; height: 1274rpx;
z-index: 0; z-index: 0;
@ -196,17 +390,29 @@
height: 1274rpx; height: 1274rpx;
} }
} }
.button{
.button {
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
margin-top: 100rpx; margin-top: 100rpx;
width: 586rpx; width: 586rpx;
height: 90rpx; height: 90rpx;
background: #4C97E7; background: #64B6A8;
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;
image {
margin-right: 10rpx;
width: 56rpx;
height: 46rpx;
}
} }
.button1{
.button1 {
margin: 72rpx auto; margin: 72rpx auto;
display: flex; display: flex;
align-items: center; align-items: center;
@ -224,8 +430,8 @@
} }
.tip{ .tip {
margin-top:128rpx ; margin-top: 128rpx;
display: flex; display: flex;
flex-wrap: nowrap; flex-wrap: nowrap;
align-items: center; align-items: center;
@ -233,11 +439,10 @@
font-weight: 400; font-weight: 400;
font-size: 20rpx; font-size: 20rpx;
color: #979797; color: #979797;
image{
image {
width: 26rpx; width: 26rpx;
height: 26rpx; height: 26rpx;
} }
} }
</style> </style>

9
pages_admin/worke/AccountDetails.vue
View File

@ -166,6 +166,10 @@
return '骑行订单退款' return '骑行订单退款'
} else if (type == 5) { } else if (type == 5) {
return '提现' return '提现'
} else if (type == 6) {
return '提现失败'
}else if (type == 7) {
return '车损收入'
} }
}, },
@ -227,7 +231,10 @@
}, },
getareaInfo() { getareaInfo() {
this.$u.get('/appVerify/getDept').then((res) => { let data={
areaId: this.areaId
}
this.$u.get('/appVerify/getDept',data).then((res) => {
if (res.code == 200) { if (res.code == 200) {
this.info=res.data this.info=res.data
} }