512 lines
11 KiB
Vue
512 lines
11 KiB
Vue
<template>
|
|
<view class="page">
|
|
<u-navbar title="个人中心" :border-bottom="false" :background="bgc" title-color='#fff' title-size='36'
|
|
height='45'></u-navbar>
|
|
<view class="topbg">
|
|
<view class="topbox">
|
|
<view class="info">
|
|
<image v-if="info.avatar!=''" :src='info.avatar' mode=""></image>
|
|
<image v-if="info.avatar==''&&deptId==100" src="https://lxnapi.ccttiot.com/bike/img/static/uSRzzLXhnbnWLB8jMKmr"
|
|
mode=""></image>
|
|
<image v-if="info.avatar==''&&deptId==101" src=" https://lxnapi.ccttiot.com/bike/img/static/uP9vN4Vht0B2bd10Sy60"
|
|
mode=""></image>
|
|
|
|
<view class="cont">
|
|
<view class="name" v-if="info.realName!=null">
|
|
{{maskedName}}
|
|
</view>
|
|
<view class="name" v-if="info.realName==null">
|
|
未实名
|
|
</view>
|
|
<view class="phone">
|
|
{{ maskedPhoneNumber }}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="btnbg">
|
|
<view class="btnbox">
|
|
<view class="btncard">
|
|
<view class="card_li" @click="topage(1)">
|
|
<view class="card_left">
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/u3ILM6aE0MdFo3ZKiYPH" mode="">
|
|
</image>
|
|
<view class="text">
|
|
押金
|
|
</view>
|
|
<view class="tip" v-if="info.balance==null">
|
|
未充值
|
|
</view>
|
|
</view>
|
|
<view class="iconfont icon-xiangyou1">
|
|
|
|
</view>
|
|
</view>
|
|
<view class="card_li" @click="topage(2)">
|
|
<view class="card_left">
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/u4Y4UAai9GLSaCBMMIsv" mode="">
|
|
</image>
|
|
<view class="text">
|
|
我的订单
|
|
</view>
|
|
|
|
</view>
|
|
<view class="iconfont icon-xiangyou1">
|
|
|
|
</view>
|
|
</view>
|
|
<view class="card_li" @click="topage(3)">
|
|
<view class="card_left">
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/u245BAqGOvTbYYGXJcrC" mode="">
|
|
</image>
|
|
<view class="text">
|
|
问题上报记录
|
|
</view>
|
|
|
|
</view>
|
|
<view class="iconfont icon-xiangyou1">
|
|
|
|
</view>
|
|
</view>
|
|
<view class="card_li" @click="topage(4)">
|
|
<view class="card_left">
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/ufD1uFe0pknx00weXJaU" mode="">
|
|
</image>
|
|
<view class="text">
|
|
用车指南
|
|
</view>
|
|
|
|
</view>
|
|
<view class="iconfont icon-xiangyou1">
|
|
|
|
</view>
|
|
</view>
|
|
<!-- <view class="card_li" style="border-bottom:2rpx solid #fff ;" @click="topage(5)">
|
|
<view class="card_left">
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/uJFhEFoioikjCQqqWW3c" mode=""></image>
|
|
<view class="text">
|
|
计费规则
|
|
</view>
|
|
|
|
</view>
|
|
<view class="iconfont icon-xiangyou1" >
|
|
|
|
</view>
|
|
</view> -->
|
|
<view class="card_li" @click="topage(10)">
|
|
<view class="card_left">
|
|
<image src="https://lxnapi.ccttiot.com/bike/img/static/uk7i80QWz02cAfbbC518" mode="">
|
|
</image>
|
|
<view class="text">
|
|
客户服务
|
|
</view>
|
|
|
|
</view>
|
|
<view class="iconfont icon-xiangyou1">
|
|
|
|
</view>
|
|
</view>
|
|
<view class="card_li" @click="topage(8)" v-if="info.role==3||info.role==2">
|
|
<view class="card_left">
|
|
<image src="https://lxnapi.ccttiot.com/bike/img/static/unIGXFEhvTgtXVcfPH33" mode="">
|
|
</image>
|
|
<view class="text">
|
|
维护入口
|
|
</view>
|
|
|
|
</view>
|
|
<view class="iconfont icon-xiangyou1">
|
|
|
|
</view>
|
|
</view>
|
|
<view class="card_li" @click="topage(9)" v-if="info.role==3">
|
|
<view class="card_left">
|
|
<image src="https://lxnapi.ccttiot.com/bike/img/static/unIGXFEhvTgtXVcfPH33" mode="">
|
|
</image>
|
|
<view class="text">
|
|
管理入口
|
|
</view>
|
|
|
|
</view>
|
|
<view class="iconfont icon-xiangyou1">
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="btncard" style="margin-top: 36rpx;" v-if="false">
|
|
<view class="card_li" @click="topage(5)">
|
|
<view class="card_left">
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/utp8xohLmuvcTiYZdGCL" mode="">
|
|
</image>
|
|
<view class="text">
|
|
用户协议
|
|
</view>
|
|
|
|
</view>
|
|
<view class="iconfont icon-xiangyou1">
|
|
|
|
</view>
|
|
</view>
|
|
<view class="card_li" @click="topage(6)">
|
|
<view class="card_left">
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/um7bn51NCkfnuQbP0toj" mode="">
|
|
</image>
|
|
<view class="text">
|
|
隐私政策
|
|
</view>
|
|
|
|
</view>
|
|
<view class="iconfont icon-xiangyou1">
|
|
|
|
</view>
|
|
</view>
|
|
|
|
<view class="card_li" style="border-bottom:2rpx solid #fff ;" @click="topage(7)">
|
|
<view class="card_left">
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/uJ1TRgb6xURsKZo5GUj8" mode="">
|
|
</image>
|
|
<view class="text">
|
|
关于我们
|
|
</view>
|
|
|
|
</view>
|
|
<view class="iconfont icon-xiangyou1">
|
|
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<u-select v-model="show" :list="list" title='选择运营区' @confirm="confirm"></u-select>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
info
|
|
} from 'autoprefixer';
|
|
export default {
|
|
data() {
|
|
return {
|
|
bgc: {
|
|
backgroundColor: "#4C97E7",
|
|
},
|
|
info: {},
|
|
totype: 0,
|
|
list: [],
|
|
show: false,
|
|
deptId:0
|
|
|
|
|
|
|
|
}
|
|
},
|
|
onShow() {
|
|
this.deptId= uni.getStorageSync('deptId');
|
|
this.getuserInfo()
|
|
},
|
|
computed: {
|
|
maskedPhoneNumber() {
|
|
if (!this.info.phonenumber) return '';
|
|
return this.info.phonenumber.slice(0, 3) + '****' + this.info.phonenumber.slice(7);
|
|
},
|
|
maskedName() {
|
|
if (!this.info.realName) return '';
|
|
return this.info.realName.charAt(0) + '*'.repeat(this.info.realName.length - 1);
|
|
}
|
|
},
|
|
methods: {
|
|
topage(num) {
|
|
if (num == 0) {
|
|
// uni.navigateTo({
|
|
// url:''
|
|
// })
|
|
} else if (num == 1) {
|
|
uni.navigateTo({
|
|
url: '/page_user/yj'
|
|
})
|
|
} else if (num == 2) {
|
|
uni.navigateTo({
|
|
url: '/page_user/good_list'
|
|
})
|
|
} else if (num == 3) {
|
|
uni.navigateTo({
|
|
url: '/page_user/qsrecord'
|
|
})
|
|
} else if (num == 4) {
|
|
uni.navigateTo({
|
|
url: '/page_user/yczn'
|
|
})
|
|
} else if (num == 5) {
|
|
uni.navigateTo({
|
|
url: '/page_user/jfgz'
|
|
})
|
|
} else if (num == 8) {
|
|
this.totype = 1
|
|
|
|
if(this.list.length<2){
|
|
uni.setStorageSync('adminAreaid', this.list[0].value);
|
|
|
|
uni.navigateTo({
|
|
url:'/page_fix/fix_index'
|
|
})
|
|
|
|
}else{
|
|
this.show = true
|
|
}
|
|
} else if (num == 9) {
|
|
|
|
this.totype = 2
|
|
|
|
if(this.list.length<2){
|
|
uni.setStorageSync('adminAreaid', this.list[0].value);
|
|
uni.navigateTo({
|
|
url:'/pages_admin/admin_index'
|
|
})
|
|
}else{
|
|
this.show = true
|
|
}
|
|
|
|
} else if (num == 10) {
|
|
|
|
uni.navigateTo({
|
|
url: '/page_user/khfw/khfw'
|
|
})
|
|
}
|
|
|
|
},
|
|
confirm(e){
|
|
// console.log(e);
|
|
uni.setStorageSync('adminAreaid', e[0].value);
|
|
if(this.totype==2){
|
|
|
|
uni.navigateTo({
|
|
url:'/pages_admin/admin_index'
|
|
})
|
|
}else{
|
|
uni.navigateTo({
|
|
url:'/page_fix/fix_index'
|
|
})
|
|
}
|
|
|
|
|
|
},
|
|
getareaList(){
|
|
|
|
|
|
this.$u.get('/appVerify/getAreaList').then((res) => {
|
|
if(res.code==200){
|
|
this.list = res.data.map(item => ({
|
|
value: item.areaId,
|
|
label: item.areaName
|
|
}));
|
|
}
|
|
}).catch(error => {
|
|
console.error("Error fetching area data:", error);
|
|
});
|
|
},
|
|
getuserInfo() {
|
|
uni.showLoading({
|
|
title: '加载中'
|
|
})
|
|
this.$u.get("/getAppInfo").then((res) => {
|
|
|
|
if (res.code == 200) {
|
|
uni.hideLoading()
|
|
this.$store.commit('SET_USERID', res.user.userId);
|
|
this.info = res.user
|
|
if (info.role != 1) {
|
|
this.getareaList()
|
|
}
|
|
// if( res.user.role==2){
|
|
// uni.navigateTo({
|
|
// url:'/page_fix/fix_index'
|
|
// })
|
|
// }
|
|
} else {
|
|
|
|
let areaId = uni.getStorageSync('areaId');
|
|
if (areaId) {
|
|
let that = this
|
|
wx.login({
|
|
success(res) {
|
|
if (res.code) {
|
|
console.log('登录！', res);
|
|
let data = {
|
|
wxOpenId: res.code,
|
|
|
|
};
|
|
let areaId = uni.getStorageSync('areaId');
|
|
that.$u.post('/loginByopenid?jsCode=' + res.code + '&areaId=' +
|
|
areaId).then(
|
|
res => {
|
|
uni.hideLoading();
|
|
if (res.code == 200) {
|
|
uni.setStorageSync('token', res.token);
|
|
that.getuserInfo()
|
|
|
|
|
|
} else if (res.code == 501) {
|
|
uni.showToast({
|
|
title: res.msg,
|
|
icon: 'none',
|
|
duration: 2000
|
|
});
|
|
} else {
|
|
// console.log("老用户登录",res.data)
|
|
uni.redirectTo({
|
|
url: '/pages/login/login'
|
|
})
|
|
}
|
|
});
|
|
}
|
|
},
|
|
|
|
});
|
|
} else {
|
|
uni.showToast({
|
|
title: '请授权位置信息后再尝试',
|
|
icon: 'none',
|
|
duration: 4000
|
|
});
|
|
}
|
|
|
|
}
|
|
});
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
page {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.page {
|
|
width: 750rpx;
|
|
|
|
.topbg {
|
|
width: 750rpx;
|
|
background: #fff;
|
|
height: 184rpx;
|
|
|
|
.topbox {
|
|
width: 750rpx;
|
|
background: #4C97E7;
|
|
height: 184rpx;
|
|
border-radius: 0 0 100rpx 0;
|
|
|
|
.info {
|
|
padding-top: 40rpx;
|
|
margin-left: 100rpx;
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
align-items: center;
|
|
|
|
image {
|
|
width: 90rpx;
|
|
height: 90rpx;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.cont {
|
|
margin-left: 40rpx;
|
|
width: 70%;
|
|
|
|
.name {
|
|
font-weight: 400;
|
|
font-size: 32rpx;
|
|
color: #FFFFFF;
|
|
width: 100%;
|
|
}
|
|
|
|
.phone {
|
|
margin-top: 4rpx;
|
|
width: 100%;
|
|
font-weight: 400;
|
|
font-size: 20rpx;
|
|
color: #FFFFFF;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.btnbg {
|
|
width: 750rpx;
|
|
background: #4C97E7;
|
|
|
|
.btnbox {
|
|
padding-top: 36rpx;
|
|
width: 750rpx;
|
|
background: #fff;
|
|
|
|
border-radius: 100rpx 0 0 0;
|
|
|
|
.btncard {
|
|
padding: 0 54rpx;
|
|
margin: 0 auto;
|
|
width: 680rpx;
|
|
// height: 438rpx;
|
|
padding: 0 56rpx;
|
|
background: #FFFFFF;
|
|
box-shadow: 0rpx 10rpx 64rpx 0rpx rgba(0, 0, 0, 0.08);
|
|
border-radius: 34rpx 34rpx 34rpx 34rpx;
|
|
|
|
.card_li {
|
|
padding-top: 18rpx;
|
|
width: 100%;
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
border-bottom: 2rpx solid #D8D8D8;
|
|
padding-bottom: 26rpx;
|
|
|
|
.card_left {
|
|
// width: 100%;
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
// align-items: center;
|
|
|
|
image {
|
|
margin-right: 28rpx;
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
}
|
|
|
|
.text {
|
|
margin-right: 24rpx;
|
|
font-weight: 400;
|
|
font-size: 28rpx;
|
|
color: #3D3D3D;
|
|
}
|
|
|
|
.tip {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 80rpx;
|
|
height: 28rpx;
|
|
background: #FFEFEF;
|
|
border-radius: 17rpx 17rpx 17rpx 17rpx;
|
|
font-weight: 400;
|
|
font-size: 16rpx;
|
|
color: #FA5F5F;
|
|
}
|
|
}
|
|
|
|
.icon-xiangyou1 {
|
|
font-size: 42rpx;
|
|
color: #3D3D3D;
|
|
}
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style> |