11
This commit is contained in:
parent
51d047b3ff
commit
c4ab198423
394
page_user/my.vue
394
page_user/my.vue
|
|
@ -6,38 +6,41 @@
|
|||
</view>
|
||||
|
||||
<image class="backimg" src="https://lxnapi.ccttiot.com/bike/img/static/uJVTiExwVDJJzYywmoLc" mode=""
|
||||
v-if="deptId==101"></image>
|
||||
v-if="deptId == 101"></image>
|
||||
<image class="backimg" src="https://lxnapi.ccttiot.com/bike/img/static/uvRt04OhPwHf2MRkU6mk" mode=""
|
||||
v-if="deptId==100"></image>
|
||||
<view class="statusBar" :style="{ paddingTop:statusBarHeight+'px' }"></view>
|
||||
<view class="statusBars" :style="{ height:navBarHeight+'px' }"></view>
|
||||
v-if="deptId == 100"></image>
|
||||
<view class="statusBar" :style="{ paddingTop: statusBarHeight + 'px' }"></view>
|
||||
<view class="statusBars" :style="{ height: navBarHeight + 'px' }"></view>
|
||||
<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"
|
||||
<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"
|
||||
<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 class="name" v-if="info.realName != null">
|
||||
{{ maskedName }}
|
||||
</view>
|
||||
<view class="name" v-if="info.realName==null">
|
||||
<view class="name" v-if="info.realName == null">
|
||||
未实名
|
||||
</view>
|
||||
<view class="phone">
|
||||
{{ maskedPhoneNumber }}
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<image src="https://api.ccttiot.com/smartmeter/img/static/un6Wi8CefEjy04qzvn67" mode=""
|
||||
style="margin-right: 40rpx;" v-if="hasMenuPermission('车辆绑定')" @click="topage(12)"></image>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="btnbg" v-if="false">
|
||||
<view class="btnbox">
|
||||
<view class="btncard">
|
||||
<view class="card_li" @click="topage(1)" v-if="areaInfo.deposit!=0">
|
||||
<view class="card_li" @click="topage(1)" v-if="areaInfo.deposit != 0">
|
||||
<view class="card_left">
|
||||
<image src="https://api.ccttiot.com/smartmeter/img/static/u3ILM6aE0MdFo3ZKiYPH" mode="">
|
||||
|
||||
|
|
@ -45,7 +48,7 @@
|
|||
<view class="text">
|
||||
押金
|
||||
</view>
|
||||
<view class="tip" v-if="info.balance==null">
|
||||
<view class="tip" v-if="info.balance == null">
|
||||
未充值
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -118,7 +121,7 @@
|
|||
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_li" @click="topage(8)" v-if="info.role==3||info.role==2">
|
||||
<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>
|
||||
|
|
@ -131,7 +134,7 @@
|
|||
|
||||
</view>
|
||||
</view>
|
||||
<view class="card_li" @click="topage(9)" v-if="info.role==3||info.role==9">
|
||||
<view class="card_li" @click="topage(9)" v-if="info.role == 3 || info.role == 9">
|
||||
<view class="card_left">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/unIGXFEhvTgtXVcfPH33" mode="">
|
||||
</image>
|
||||
|
|
@ -192,8 +195,8 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="tocont">
|
||||
<view class="cont_li" @click="topage(1)" v-if="areaInfo.deposit!=0">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uYfTj4a3NkSNY0AqYHFc" mode="" v-if="deptId==100">
|
||||
<view class="cont_li" @click="topage(1)" v-if="areaInfo.deposit != 0">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uYfTj4a3NkSNY0AqYHFc" mode="" v-if="deptId == 100">
|
||||
</image>
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uixPe8LlgKO7aUauIPVG" mode="" v-else
|
||||
style="width:59.46rpx;height: 49.87rpx;"></image>
|
||||
|
|
@ -202,7 +205,7 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="cont_li" @click="topage(11)">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/unrltNyYYRXUutaqtuJY" mode="" v-if="deptId==100">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/unrltNyYYRXUutaqtuJY" mode="" v-if="deptId == 100">
|
||||
</image>
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/ujxTS92ZiZolG2CimtTF" mode="" v-else
|
||||
style="width:69.05rpx;height: 44.12rpx;"></image>
|
||||
|
|
@ -212,7 +215,7 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="cont_li" @click="topage(4)">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/ucR0pDCg1vDshatphlUb" mode="" v-if="deptId==100">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/ucR0pDCg1vDshatphlUb" mode="" v-if="deptId == 100">
|
||||
</image>
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uRRKE06XlWBjxhjBuGbE" mode="" v-else
|
||||
style="width:47.95rpx;height: 49.87rpx;"></image>
|
||||
|
|
@ -221,7 +224,7 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="cont_li" @click="topage(10)">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uLHRXFuIPhMy0EDgPdVr" mode="" v-if="deptId==100">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uLHRXFuIPhMy0EDgPdVr" mode="" v-if="deptId == 100">
|
||||
</image>
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uUsAb1dSN92FkJmlT40Q" mode="" v-else
|
||||
style="width: 30.69rpx;height: 44.12rpx;"></image>
|
||||
|
|
@ -230,12 +233,12 @@
|
|||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="vip_box" v-if="info.vipType==0&&false">
|
||||
<view class="vip_box" v-if="info.vipType == 0 && false">
|
||||
<view class="txt1">月卡会员</view>
|
||||
<view class="txt2" v-if="CarkTypeList[0].retailPrice"> 仅需￥{{CarkTypeList[0].retailPrice }}，可享30天免费骑行权益
|
||||
<view class="txt2" v-if="CarkTypeList[0].retailPrice"> 仅需￥{{ CarkTypeList[0].retailPrice }}，可享30天免费骑行权益
|
||||
</view>
|
||||
</view>
|
||||
<view class="vip_box1" v-if="info.vipType==1&&false">
|
||||
<view class="vip_box1" v-if="info.vipType == 1 && false">
|
||||
<view class="txt1">月卡会员</view>
|
||||
<view class="txt2"> 月卡会员{{ daysUntilExpiration }}天后到期</view>
|
||||
<view class="btn">
|
||||
|
|
@ -244,15 +247,15 @@
|
|||
</view>
|
||||
<view class="fee_box" v-if="false">
|
||||
<view class="auto_box">
|
||||
<view class="auto_li" v-for="(item,index) in CouponList" :key="index" @click="tobuy()">
|
||||
<view class="auto_li" v-for="(item, index) in CouponList" :key="index" @click="tobuy()">
|
||||
<view class="txt1">
|
||||
{{item.name}}
|
||||
{{ item.name }}
|
||||
</view>
|
||||
<view class="txt1">
|
||||
{{item.retailPrice}}元
|
||||
{{ item.retailPrice }}元
|
||||
</view>
|
||||
<view class="txt2" v-if="item.desc">
|
||||
{{item.desc}}
|
||||
{{ item.desc }}
|
||||
<!-- 每单最高抵3元 -->
|
||||
</view>
|
||||
<view class="buy_btn">
|
||||
|
|
@ -263,7 +266,7 @@
|
|||
</view>
|
||||
<view class="type_cont">
|
||||
<view class="type_li" @click="topage(2)">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uG1iB3C69uNIr9Zx7qH6" mode="" v-if="deptId==100">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uG1iB3C69uNIr9Zx7qH6" mode="" v-if="deptId == 100">
|
||||
</image>
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uDMXuZiiktkF0EWBrZv3" mode="" v-else
|
||||
style="width: 49.87rpx;height: 44.12rpx;"></image>
|
||||
|
|
@ -271,7 +274,7 @@
|
|||
<view class="iconfont icon-xiangyou1"></view>
|
||||
</view>
|
||||
<view class="type_li" style="margin-top: 70rpx;" @click="topage(3)">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uqsALXg6QXh9Yf6wIddS" mode="" v-if="deptId==100">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uqsALXg6QXh9Yf6wIddS" mode="" v-if="deptId == 100">
|
||||
</image>
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uhy9Mp5SoiTQoogpCI3T" mode="" v-else
|
||||
style="width: 59.46rpx;height: 47.95rpx;"></image>
|
||||
|
|
@ -279,7 +282,7 @@
|
|||
<view class="iconfont icon-xiangyou1"></view>
|
||||
</view>
|
||||
<view class="type_li" style="margin-top: 70rpx;" @click="topage(10)">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uuVBPGs95GoM8RZ1FfVx" mode="" v-if="deptId==100">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uuVBPGs95GoM8RZ1FfVx" mode="" v-if="deptId == 100">
|
||||
</image>
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uN9B5Nu05ynxDQkaO9jE" mode="" v-else
|
||||
style="width: 53.71rpx;height: 47.95rpx;"></image>
|
||||
|
|
@ -287,14 +290,14 @@
|
|||
<view class="iconfont icon-xiangyou1"></view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="type_cont" v-if="info.role==3||info.role==2||info.role==9||info.role==4">
|
||||
<view class="type_li" @click="topage(8)" v-if="info.role==3||info.role==2||info.role==9" style="margin-bottom: 70rpx;">
|
||||
<view class="type_cont" v-if="info.sysRole">
|
||||
<view class="type_li" @click="topage(8)" style="margin-bottom: 70rpx;">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uyA3Cjjryy4Z9fCjs15Z" mode=""></image>
|
||||
运维人员
|
||||
<view class="iconfont icon-xiangyou1"></view>
|
||||
</view>
|
||||
|
||||
<view class="type_li" @click="topage(9)" v-if="info.role==3||info.role==9||info.role==4">
|
||||
<view class="type_li" @click="topage(9)">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uC0nQVG6EK7OCYefw1Ws" mode=""></image>
|
||||
管理人员
|
||||
<view class="iconfont icon-xiangyou1"></view>
|
||||
|
|
@ -303,15 +306,43 @@
|
|||
<view class="btns" @click="layout">
|
||||
退出登录
|
||||
</view>
|
||||
<u-select v-model="show" :list="list" title='选择运营区' @confirm="confirm"></u-select>
|
||||
<u-select v-model="show" :list="list" title='选择运营区' @confirm="confirm" v-if="list.length <= 5"></u-select>
|
||||
|
||||
<!-- 自定义选择器 -->
|
||||
<view class="custom-select" v-if="show && list.length > 5">
|
||||
<view class="mask" @click="show = false"></view>
|
||||
<view class="select-content">
|
||||
<view class="select-header">
|
||||
<text>选择运营区</text>
|
||||
<text class="close" @click="show = false">×</text>
|
||||
</view>
|
||||
|
||||
<view class="search-box">
|
||||
<input
|
||||
type="text"
|
||||
v-model="searchKey"
|
||||
placeholder="搜索运营区"
|
||||
@input="handleSearch"
|
||||
/>
|
||||
</view>
|
||||
|
||||
<scroll-view scroll-y class="select-list">
|
||||
<view class="select-item" v-for="item in displayList" :key="item.value" @click="selectItem(item)"
|
||||
:class="{ 'highlight': searchKey && item.label.includes(searchKey) }">
|
||||
{{ item.label }}
|
||||
<view style="font-size: 24rpx;color: #999;margin-left: auto;"> {{ item.deptName }}</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
import {
|
||||
info
|
||||
} from 'autoprefixer';
|
||||
export default {
|
||||
} from 'autoprefixer';
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
background: {
|
||||
|
|
@ -330,9 +361,11 @@
|
|||
areaInfo: {},
|
||||
CouponList: [],
|
||||
CarkTypeList: [],
|
||||
daysUntilExpiration: 0 ,// 剩余天数
|
||||
islogin:false
|
||||
|
||||
daysUntilExpiration: 0,// 剩余天数
|
||||
islogin: false,
|
||||
menuList: [],
|
||||
searchKey: '',
|
||||
displayList: [], // 用于显示的列表
|
||||
|
||||
|
||||
}
|
||||
|
|
@ -353,6 +386,24 @@
|
|||
// #endif
|
||||
|
||||
},
|
||||
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);
|
||||
},
|
||||
// 添加过滤后的列表计算属性
|
||||
filteredList() {
|
||||
if (!this.searchKey) return this.list;
|
||||
return this.list.filter(item =>
|
||||
item.label.toLowerCase().includes(this.searchKey.toLowerCase())
|
||||
);
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
this.deptId = uni.getStorageSync('deptId');
|
||||
this.getuserInfo()
|
||||
|
|
@ -369,6 +420,63 @@
|
|||
}
|
||||
},
|
||||
methods: {
|
||||
handleSearch(e) {
|
||||
const value = e.detail.value;
|
||||
if (!value) {
|
||||
// 搜索框为空时显示全部数据
|
||||
this.displayList = this.list;
|
||||
} else {
|
||||
// 有搜索内容时过滤数据
|
||||
this.displayList = this.list.filter(item =>
|
||||
item.label.toLowerCase().includes(value.toLowerCase()) ||
|
||||
item.deptName.toLowerCase().includes(value.toLowerCase())
|
||||
);
|
||||
}
|
||||
},
|
||||
|
||||
selectItem(item) {
|
||||
this.confirm([item]);
|
||||
this.show = false;
|
||||
this.searchKey = ''; // 选择后清空搜索框
|
||||
this.displayList = this.list; // 重置显示列表
|
||||
},
|
||||
hasMenuPermission(menuName) {
|
||||
return this.menuList.some(item => item.menuName === menuName);
|
||||
},
|
||||
getuserInfo() {
|
||||
uni.showLoading({
|
||||
title: '加载中'
|
||||
})
|
||||
this.$u.get("/getAppInfo").then((res) => {
|
||||
|
||||
if (res.code == 200) {
|
||||
uni.hideLoading()
|
||||
this.getCouponList()
|
||||
this.getCarkType()
|
||||
this.$store.commit('SET_USERID', res.user.userId);
|
||||
this.info = res.user
|
||||
|
||||
this.menuList = res.menu
|
||||
this.islogin = true
|
||||
// this.calculateDaysUntilExpiration()
|
||||
if (this.info.sysRole) {
|
||||
|
||||
this.getareaList()
|
||||
}
|
||||
// if( res.user.role==2){
|
||||
// uni.navigateTo({
|
||||
// url:'/page_fix/fix_index'
|
||||
// })
|
||||
// }
|
||||
} else {
|
||||
uni.redirectTo({
|
||||
url: '/pages/login/login'
|
||||
});
|
||||
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
calculateDaysUntilExpiration() {
|
||||
const currentDate = new Date();
|
||||
const expirationDate = new Date(this.userinfo.expirationTime);
|
||||
|
|
@ -468,7 +576,7 @@
|
|||
// url:''
|
||||
// })
|
||||
} else if (num == 1) {
|
||||
if(this.islogin){
|
||||
if (this.islogin) {
|
||||
uni.navigateTo({
|
||||
url: '/page_user/yj?showList=true'
|
||||
})
|
||||
|
|
@ -501,6 +609,7 @@
|
|||
})
|
||||
|
||||
} else {
|
||||
|
||||
this.show = true
|
||||
}
|
||||
} else if (num == 9) {
|
||||
|
|
@ -522,7 +631,7 @@
|
|||
url: '/page_user/khfw/khfw'
|
||||
})
|
||||
} else if (num == 11) {
|
||||
if (info.idCard ==null||info.idCard ==''||info.idCard ==undefined) {
|
||||
if (info.idCard == null || info.idCard == '' || info.idCard == undefined) {
|
||||
uni.navigateTo({
|
||||
url: '/page_user/idcard_test'
|
||||
})
|
||||
|
|
@ -534,6 +643,10 @@
|
|||
});
|
||||
}
|
||||
|
||||
} else if (num == 12) {
|
||||
uni.navigateTo({
|
||||
url: '/pages_admin/worke/bind_sn'
|
||||
})
|
||||
}
|
||||
|
||||
},
|
||||
|
|
@ -560,108 +673,21 @@
|
|||
if (res.code == 200) {
|
||||
this.list = res.data.map(item => ({
|
||||
value: item.areaId,
|
||||
label: item.areaName
|
||||
label: item.areaName,
|
||||
deptName: item.deptName
|
||||
}));
|
||||
this.displayList = this.list; // 重置显示列表
|
||||
}
|
||||
}).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.getCouponList()
|
||||
this.getCarkType()
|
||||
this.$store.commit('SET_USERID', res.user.userId);
|
||||
this.info = res.user
|
||||
this.islogin=true
|
||||
// this.calculateDaysUntilExpiration()
|
||||
if (info.role != 1) {
|
||||
this.getareaList()
|
||||
}
|
||||
// if( res.user.role==2){
|
||||
// uni.navigateTo({
|
||||
// url:'/page_fix/fix_index'
|
||||
// })
|
||||
// }
|
||||
} else {
|
||||
uni.redirectTo({
|
||||
url: '/pages/login/login'
|
||||
});
|
||||
// let areaId = uni.getStorageSync('areaId');
|
||||
// if (areaId) {
|
||||
// let areaId = uni.getStorageSync('areaId');
|
||||
// if (areaId) {
|
||||
// let that = this;
|
||||
// wx.login({
|
||||
// success(res) {
|
||||
// if (res.code) {
|
||||
// console.log('登录111', res);
|
||||
// let data = {
|
||||
// wxOpenId: res.code,
|
||||
// };
|
||||
// let areaId = uni.getStorageSync('areaId');
|
||||
|
||||
// // 显示带有确定和取消按钮的弹窗
|
||||
// uni.showModal({
|
||||
// title: '确认登录',
|
||||
// content: '是否使用当前微信账户进行登录？',
|
||||
// success(modalRes) {
|
||||
// if (modalRes.confirm) {
|
||||
// console.log('用户点击确定');
|
||||
// // 用户点击确定，继续执行登录操作
|
||||
// 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 {
|
||||
// uni.redirectTo({
|
||||
// url: '/pages/login/login'
|
||||
// });
|
||||
// }
|
||||
// });
|
||||
// } else if (modalRes.cancel) {
|
||||
// console.log('用户点击取消');
|
||||
// uni.redirectTo({
|
||||
// url: '/pages/login/login'
|
||||
// });
|
||||
// // 用户点击取消，可以进行其他操作或提示
|
||||
// }
|
||||
// }
|
||||
// });
|
||||
// }
|
||||
// }
|
||||
// });
|
||||
// }
|
||||
|
||||
// } else {
|
||||
// uni.showToast({
|
||||
// title: '请授权位置信息后再尝试',
|
||||
// icon: 'none',
|
||||
// duration: 4000
|
||||
// });
|
||||
// }
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<
|
||||
<style lang="scss">
|
||||
/deep/ .uni-navbar {
|
||||
background: transparent !important; // 使用 !important 确保覆盖原样式
|
||||
|
|
@ -669,8 +695,91 @@
|
|||
|
||||
page {
|
||||
background-color: #F4F4F4;
|
||||
// overflow-y: auto;
|
||||
// background-image: url('https://lxnapi.ccttiot.com/bike/img/static/uYRs7Cv2Pbp95w3KjGO3');
|
||||
// background-size: cover;
|
||||
// background-position: center;
|
||||
// background-repeat: no-repeat;
|
||||
// min-height: 100vh;
|
||||
}
|
||||
.custom-select {
|
||||
.mask {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.select-content {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: #fff;
|
||||
border-radius: 20rpx 20rpx 0 0;
|
||||
z-index: 1000;
|
||||
height: 50vh; // 最大高度
|
||||
// min-height: 400rpx; // 添加最小高度
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-bottom: 20rpx;
|
||||
|
||||
.select-header {
|
||||
padding: 20rpx 30rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid #eee;
|
||||
|
||||
.close {
|
||||
font-size: 40rpx;
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
|
||||
.search-box {
|
||||
padding: 15rpx 20rpx;
|
||||
border-bottom: 1px solid #eee;
|
||||
|
||||
input {
|
||||
width: 100%;
|
||||
height: 60rpx;
|
||||
background: #f5f5f5;
|
||||
border-radius: 30rpx;
|
||||
padding: 0 30rpx;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.select-list {
|
||||
flex: 1;
|
||||
max-height: calc(50vh - 140rpx);
|
||||
min-height: 260rpx; // 为列表添加最小高度
|
||||
|
||||
.select-item {
|
||||
display: flex;
|
||||
// flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 20rpx 30rpx;
|
||||
border-bottom: 1px solid #eee;
|
||||
font-size: 28rpx;
|
||||
|
||||
&.highlight {
|
||||
background-color: #f0f9ff;
|
||||
color: #2d8cf0;
|
||||
}
|
||||
|
||||
&:active {
|
||||
background: #f5f5f5;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.page {
|
||||
width: 750rpx;
|
||||
|
||||
|
|
@ -844,12 +953,23 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.backimg {
|
||||
.backimg-container {
|
||||
position: fixed;
|
||||
width: 750rpx;
|
||||
top: -7px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 564rpx;
|
||||
z-index: -1;
|
||||
z-index: 0;
|
||||
|
||||
.backimg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.topbg {
|
||||
width: 750rpx;
|
||||
|
|
@ -945,6 +1065,8 @@
|
|||
height: 176rpx;
|
||||
background: #fff;
|
||||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||||
z-index: 10;
|
||||
position: relative;
|
||||
|
||||
.cont_li {
|
||||
width: 112rpx;
|
||||
|
|
|
|||
54
pages.json
54
pages.json
|
|
@ -33,7 +33,7 @@
|
|||
"pages": [{
|
||||
"path": "admin_index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "上传",
|
||||
"navigationBarTitleText": " ",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
|
@ -41,7 +41,7 @@
|
|||
{
|
||||
"path": "admin_order",
|
||||
"style": {
|
||||
"navigationBarTitleText": "上传",
|
||||
"navigationBarTitleText": " ",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
|
@ -49,7 +49,7 @@
|
|||
{
|
||||
"path": "admin_worke",
|
||||
"style": {
|
||||
"navigationBarTitleText": "上传",
|
||||
"navigationBarTitleText": " ",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
|
@ -191,7 +191,7 @@
|
|||
"pages": [{
|
||||
"path": "fix_index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "上传",
|
||||
"navigationBarTitleText": " ",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
|
@ -199,7 +199,7 @@
|
|||
{
|
||||
"path": "repair/repair_index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "上传",
|
||||
"navigationBarTitleText": " ",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
|
@ -207,7 +207,7 @@
|
|||
{
|
||||
"path": "repair/repair_detail",
|
||||
"style": {
|
||||
"navigationBarTitleText": "上传",
|
||||
"navigationBarTitleText": " ",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
|
@ -223,7 +223,7 @@
|
|||
{
|
||||
"path": "myVip_index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "上传",
|
||||
"navigationBarTitleText": " ",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
|
@ -232,7 +232,7 @@
|
|||
"path" : "buyCard",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText": "上传",
|
||||
"navigationBarTitleText": " ",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
|
@ -241,7 +241,7 @@
|
|||
"path" : "checkCard",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText": "上传",
|
||||
"navigationBarTitleText": " ",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
|
@ -250,7 +250,7 @@
|
|||
"path" : "vip_index",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText": "上传",
|
||||
"navigationBarTitleText": " ",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
|
@ -259,7 +259,7 @@
|
|||
"path" : "financialStatement",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText": "上传",
|
||||
"navigationBarTitleText": " ",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
|
@ -268,7 +268,7 @@
|
|||
"path" : "vip_his",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText": "上传",
|
||||
"navigationBarTitleText": " ",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
|
@ -277,7 +277,7 @@
|
|||
"path" : "card_his",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText": "上传",
|
||||
"navigationBarTitleText": " ",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
|
@ -293,7 +293,7 @@
|
|||
{
|
||||
"path": "shgl",
|
||||
"style": {
|
||||
"navigationBarTitleText": "上传",
|
||||
"navigationBarTitleText": " ",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
|
@ -302,7 +302,7 @@
|
|||
"path" : "shDetail",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText": "上传",
|
||||
"navigationBarTitleText": " ",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
|
@ -311,7 +311,7 @@
|
|||
"path" : "financialStatement",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText": "上传",
|
||||
"navigationBarTitleText": " ",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
|
@ -371,7 +371,7 @@
|
|||
"pages": [{
|
||||
"path": "upload",
|
||||
"style": {
|
||||
"navigationBarTitleText": "上传",
|
||||
"navigationBarTitleText": " ",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
|
@ -379,7 +379,7 @@
|
|||
{
|
||||
"path": "bhks",
|
||||
"style": {
|
||||
"navigationBarTitleText": "上传",
|
||||
"navigationBarTitleText": " ",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
|
@ -387,7 +387,7 @@
|
|||
{
|
||||
"path": "gzsb",
|
||||
"style": {
|
||||
"navigationBarTitleText": "上传",
|
||||
"navigationBarTitleText": " ",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
|
@ -395,7 +395,7 @@
|
|||
{
|
||||
"path": "jfgz",
|
||||
"style": {
|
||||
"navigationBarTitleText": "上传",
|
||||
"navigationBarTitleText": " ",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
|
@ -403,7 +403,7 @@
|
|||
{
|
||||
"path": "yczn",
|
||||
"style": {
|
||||
"navigationBarTitleText": "上传",
|
||||
"navigationBarTitleText": " ",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
|
@ -412,7 +412,7 @@
|
|||
{
|
||||
"path": "xcjs",
|
||||
"style": {
|
||||
"navigationBarTitleText": "上传",
|
||||
"navigationBarTitleText": " ",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
|
@ -420,7 +420,7 @@
|
|||
{
|
||||
"path": "ckmx",
|
||||
"style": {
|
||||
"navigationBarTitleText": "上传",
|
||||
"navigationBarTitleText": " ",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
|
@ -428,7 +428,7 @@
|
|||
{
|
||||
"path": "qsdetail",
|
||||
"style": {
|
||||
"navigationBarTitleText": "上传",
|
||||
"navigationBarTitleText": " ",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
|
@ -436,7 +436,7 @@
|
|||
{
|
||||
"path": "qsrecord",
|
||||
"style": {
|
||||
"navigationBarTitleText": "上传",
|
||||
"navigationBarTitleText": " ",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
|
@ -444,7 +444,7 @@
|
|||
{
|
||||
"path": "good_list",
|
||||
"style": {
|
||||
"navigationBarTitleText": "上传",
|
||||
"navigationBarTitleText": " ",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
|
@ -452,7 +452,7 @@
|
|||
{
|
||||
"path": "yj",
|
||||
"style": {
|
||||
"navigationBarTitleText": "上传",
|
||||
"navigationBarTitleText": " ",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2885,6 +2885,7 @@ export default {
|
|||
// 使用this.$set触发Vue的响应式更新
|
||||
this.$set(this, 'markers', this.markers);
|
||||
}
|
||||
console.log(this.markers,'aaa');
|
||||
}
|
||||
}).catch(error => {
|
||||
console.error("Error fetching device data:", error);
|
||||
|
|
|
|||
|
|
@ -192,13 +192,16 @@
|
|||
|
||||
|
||||
</view>
|
||||
<view class="pages2" v-if="deptId==101">
|
||||
<view class="pages2" v-if="deptId==101&&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">
|
||||
授权登录
|
||||
</button>
|
||||
<!-- <view class="tipss" @click="pageindex=1" style="width: 100%;text-align: center;margin-top: 50rpx;color: #ccc;">
|
||||
手机号登录
|
||||
</view> -->
|
||||
<!-- <view class="button1" @click="back">
|
||||
取消登录
|
||||
</view> -->
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<template>
|
||||
<view class="page">
|
||||
<view class="toptit" @click="shows()">
|
||||
{{areaInfo.areaName}}
|
||||
{{ areaInfo.areaName }}
|
||||
</view>
|
||||
<!-- <u-navbar :is-back='false' title="工作台" :border-bottom="false" :background="bgc" title-color='#2E4975' title-size='36'
|
||||
height='45'></u-navbar> -->
|
||||
|
|
@ -11,8 +11,8 @@
|
|||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uMlgu6j9jnDqP1ZFL7xj" mode=""></image>
|
||||
应用入口
|
||||
</view>
|
||||
<view class="app_box" v-if="menuList.length>0">
|
||||
<view class="cont" @click="topage(0)" v-if="hasMenuPermission('运营数据') ">
|
||||
<view class="app_box" v-if="menuList.length > 0">
|
||||
<view class="cont" @click="topage(0)" v-if="hasMenuPermission('运营数据')">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/unnmUkUif2eWNKFq9fdg" mode=""></image>
|
||||
<view class="text">
|
||||
运营数据
|
||||
|
|
@ -38,62 +38,92 @@
|
|||
用户页面
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont" @click="topage(5)" v-if="hasMenuPermission('车辆绑定')">
|
||||
<!-- <view class="cont" @click="topage(5)" v-if="hasMenuPermission('车辆绑定')">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uM4rBBaXc7b3TmsqQTvz" mode=""></image>
|
||||
<view class="text">
|
||||
车辆绑定
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="cont" @click="topage(6)" v-if="hasMenuPermission('账户明细')">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/u47okd0YdEQBsyhLlQIt" mode="" style="width: 50rpx;height: 50rpx;"></image>
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/u47okd0YdEQBsyhLlQIt" mode=""
|
||||
style="width: 50rpx;height: 50rpx;"></image>
|
||||
<view class="text">
|
||||
账户明细
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont" @click="topage(7)" v-if="hasMenuPermission('故障审核')" >
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/u47okd0YdEQBsyhLlQIt" mode="" style="width: 50rpx;height: 50rpx;"></image>
|
||||
<view class="cont" @click="topage(7)" v-if="hasMenuPermission('故障审核')">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/u47okd0YdEQBsyhLlQIt" mode=""
|
||||
style="width: 50rpx;height: 50rpx;"></image>
|
||||
<view class="text">
|
||||
故障审核
|
||||
</view>
|
||||
</view>
|
||||
<view class="cont" @click="topage(9)" v-if="hasMenuPermission('车型管理')">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/ufE1T9RDOm7OmhLgTzXi" mode="" style="width: 100%;height: 100%;"></image>
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/ufE1T9RDOm7OmhLgTzXi" mode=""
|
||||
style="width: 100%;height: 100%;"></image>
|
||||
|
||||
</view>
|
||||
<view class="cont" @click="topage(10)" v-if="hasMenuPermission('收费模版')">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uqG3ZQWu986qU0gU9vbb" mode="" style="width: 100%;height: 100%;"></image>
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uqG3ZQWu986qU0gU9vbb" mode=""
|
||||
style="width: 100%;height: 100%;"></image>
|
||||
|
||||
</view>
|
||||
<view class="cont" @click="topage(11)" style="width: 96rpx;height: 96rpx;" v-if="hasMenuPermission('运营设置')">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uqCr4GrXEx6irmRNNsfM" mode="" style="width: 96rpx;height: 96rpx;"></image>
|
||||
<view class="cont" @click="topage(11)" style="width: 96rpx;height: 96rpx;"
|
||||
v-if="hasMenuPermission('运营设置')">
|
||||
<image src="https://lxnapi.ccttiot.com/bike/img/static/uqCr4GrXEx6irmRNNsfM" mode=""
|
||||
style="width: 96rpx;height: 96rpx;"></image>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<u-select v-model="show" :list="list" title='选择运营区' @confirm="confirm"></u-select>
|
||||
<u-select v-model="show" :list="list" title='选择运营区' @confirm="confirm" v-if="list.length <= 5"></u-select>
|
||||
<!-- 自定义选择器 -->
|
||||
<view class="custom-select" v-if="show && list.length > 5">
|
||||
<view class="mask" @click="show = false"></view>
|
||||
<view class="select-content">
|
||||
<view class="select-header">
|
||||
<text>选择运营区</text>
|
||||
<text class="close" @click="show = false">×</text>
|
||||
</view>
|
||||
|
||||
<view class="search-box">
|
||||
<input type="text" v-model="searchKey" placeholder="搜索运营区" @input="handleSearch" />
|
||||
</view>
|
||||
|
||||
<scroll-view scroll-y class="select-list">
|
||||
<view class="select-item" v-for="item in displayList" :key="item.value" @click="selectItem(item)"
|
||||
:class="{ 'highlight': searchKey && item.label.includes(searchKey) }">
|
||||
{{ item.label }}
|
||||
<view style="font-size: 24rpx;color: #999;margin-left: auto;"> {{ item.deptName }}</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
<TabBar :indexs='0' style=""></TabBar>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TabBar from '@/pages_admin/components/tab-bar/tab-bar.vue';
|
||||
export default {
|
||||
import TabBar from '@/pages_admin/components/tab-bar/tab-bar.vue';
|
||||
export default {
|
||||
components: { TabBar },
|
||||
data() {
|
||||
return {
|
||||
bgc: {
|
||||
backgroundColor: "#FFFFFF",
|
||||
},
|
||||
sn:'',
|
||||
areaId:0,
|
||||
areaInfo:{},
|
||||
sn: '',
|
||||
areaId: 0,
|
||||
areaInfo: {},
|
||||
list: [],
|
||||
show: false,
|
||||
info:{},
|
||||
userinfo:{},
|
||||
deptId:null,
|
||||
menuList:[]
|
||||
info: {},
|
||||
userinfo: {},
|
||||
deptId: null,
|
||||
menuList: [],
|
||||
searchKey: '',
|
||||
displayList: [], // 用于显示的列表
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
|
|
@ -102,7 +132,7 @@
|
|||
|
||||
// 执行其他操作...
|
||||
});
|
||||
if(uni.getStorageSync('adminAreaid')){
|
||||
if (uni.getStorageSync('adminAreaid')) {
|
||||
this.areaId = uni.getStorageSync('adminAreaid')
|
||||
this.getArea()
|
||||
this.getinfo()
|
||||
|
|
@ -115,8 +145,43 @@
|
|||
userId() {
|
||||
return this.$store.getters.userId;
|
||||
},
|
||||
// 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);
|
||||
// },
|
||||
// 添加过滤后的列表计算属性
|
||||
filteredList() {
|
||||
if (!this.searchKey) return this.list;
|
||||
return this.list.filter(item =>
|
||||
item.label.toLowerCase().includes(this.searchKey.toLowerCase())
|
||||
);
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleSearch(e) {
|
||||
const value = e.detail.value;
|
||||
if (!value) {
|
||||
// 搜索框为空时显示全部数据
|
||||
this.displayList = this.list;
|
||||
} else {
|
||||
// 有搜索内容时过滤数据
|
||||
this.displayList = this.list.filter(item =>
|
||||
item.label.toLowerCase().includes(value.toLowerCase()) ||
|
||||
item.deptName.toLowerCase().includes(value.toLowerCase())
|
||||
);
|
||||
}
|
||||
},
|
||||
|
||||
selectItem(item) {
|
||||
this.confirm([item]);
|
||||
this.show = false;
|
||||
this.searchKey = ''; // 选择后清空搜索框
|
||||
this.displayList = this.list; // 重置显示列表
|
||||
},
|
||||
hasMenuPermission(menuName) {
|
||||
return this.menuList.some(item => item.menuName === menuName);
|
||||
},
|
||||
|
|
@ -126,8 +191,8 @@
|
|||
if (res.code == 200) {
|
||||
|
||||
this.userinfo = res.user
|
||||
this.menuList=res.menu
|
||||
console.log(this.menuList,'menuListmenuListmenuListmenuList');
|
||||
this.menuList = res.menu
|
||||
console.log(this.menuList, 'menuListmenuListmenuListmenuList');
|
||||
} else {
|
||||
// setTimeout(() => {
|
||||
// this.getinfo()
|
||||
|
|
@ -139,39 +204,41 @@
|
|||
getareaInfo() {
|
||||
this.$u.get('/appVerify/getDept').then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.info=res.data
|
||||
console.log(this.userId,'userIduserIduserId');
|
||||
this.info = res.data
|
||||
console.log(this.userId, 'userIduserIduserId');
|
||||
}
|
||||
}).catch(error => {
|
||||
console.error("Error fetching area data:", error);
|
||||
});
|
||||
},
|
||||
shows(){
|
||||
shows() {
|
||||
|
||||
if(this.list.length<2){
|
||||
if (this.list.length < 2) {
|
||||
|
||||
}else{
|
||||
this.show =true
|
||||
} else {
|
||||
this.show = true
|
||||
}
|
||||
},
|
||||
getareaList(){
|
||||
getareaList() {
|
||||
|
||||
|
||||
this.$u.get('/appVerify/getAreaList').then((res) => {
|
||||
if(res.code==200){
|
||||
if (res.code == 200) {
|
||||
this.list = res.data.map(item => ({
|
||||
value: item.areaId,
|
||||
label: item.areaName
|
||||
label: item.areaName,
|
||||
deptName: item.deptName
|
||||
}));
|
||||
this.displayList = this.list; // 重置显示列表
|
||||
}
|
||||
}).catch(error => {
|
||||
console.error("Error fetching area data:", error);
|
||||
});
|
||||
},
|
||||
confirm(e){
|
||||
confirm(e) {
|
||||
// console.log(e);
|
||||
uni.setStorageSync('adminAreaid', e[0].value);
|
||||
this.areaId= e[0].value
|
||||
this.areaId = e[0].value
|
||||
this.getArea()
|
||||
|
||||
},
|
||||
|
|
@ -181,7 +248,7 @@
|
|||
this.$u.get("/app/area/" + id).then((res) => {
|
||||
|
||||
if (res.code == 200) {
|
||||
this.areaInfo=res.data
|
||||
this.areaInfo = res.data
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
|
|
@ -191,147 +258,204 @@
|
|||
}
|
||||
});
|
||||
},
|
||||
topage(num){
|
||||
if(num==0){
|
||||
topage(num) {
|
||||
if (num == 0) {
|
||||
uni.navigateTo({
|
||||
url:'/pages_admin/worke/worke_Operation'
|
||||
url: '/pages_admin/worke/worke_Operation'
|
||||
})
|
||||
}else if(num==1){
|
||||
} else if (num == 1) {
|
||||
uni.navigateTo({
|
||||
url:'/pages_admin/worke/worke_income'
|
||||
url: '/pages_admin/worke/worke_income'
|
||||
})
|
||||
}else if(num==2){
|
||||
} else if (num == 2) {
|
||||
uni.navigateTo({
|
||||
url:'/pages_admin/worke/woke_deviceMgmt'
|
||||
url: '/pages_admin/worke/woke_deviceMgmt'
|
||||
})
|
||||
}else if(num==3){
|
||||
} else if (num == 3) {
|
||||
uni.navigateTo({
|
||||
url:'/pages_admin/worke/worke_user'
|
||||
url: '/pages_admin/worke/worke_user'
|
||||
})
|
||||
}else if(num==4){
|
||||
} else if (num == 4) {
|
||||
uni.navigateTo({
|
||||
url:'/pages/index/index'
|
||||
url: '/pages/index/index'
|
||||
})
|
||||
}else if(num==5){
|
||||
} else if (num == 5) {
|
||||
uni.navigateTo({
|
||||
url:'/pages_admin/worke/bind_sn'
|
||||
url: '/pages_admin/worke/bind_sn'
|
||||
})
|
||||
// uni.scanCode({
|
||||
// onlyFromCamera: true,
|
||||
// scanType: ['qrCode'],
|
||||
// success: res => {
|
||||
|
||||
// let sn = null;
|
||||
// let queryParams = res.result.split('?')[1];
|
||||
// if (queryParams) {
|
||||
// let params = queryParams.split('&');
|
||||
// params.forEach(param => {
|
||||
// let [key, value] = param.split('=');
|
||||
// if (key === 'sn') {
|
||||
// sn = value;
|
||||
// }
|
||||
// });
|
||||
// }
|
||||
|
||||
// this.sn = sn
|
||||
// console.log(res.result);
|
||||
// if (this.sn != '') {
|
||||
|
||||
// }
|
||||
|
||||
// },
|
||||
// fail: err => {
|
||||
// console.error('扫描失败：', err);
|
||||
// uni.showToast({
|
||||
// title: '扫描失败',
|
||||
// icon: 'none'
|
||||
// });
|
||||
// }
|
||||
// });
|
||||
}else if(num==6){
|
||||
} else if (num == 6) {
|
||||
uni.navigateTo({
|
||||
url:'/pages_admin/worke/AccountDetails'
|
||||
url: '/pages_admin/worke/AccountDetails'
|
||||
})
|
||||
}else if(num==7){
|
||||
} else if (num == 7) {
|
||||
uni.navigateTo({
|
||||
url:'/pages_adminSet/shgl'
|
||||
url: '/pages_adminSet/shgl'
|
||||
})
|
||||
}else if(num==8){
|
||||
} else if (num == 8) {
|
||||
uni.navigateTo({
|
||||
url:'/pages_adminSet/financialStatement'
|
||||
url: '/pages_adminSet/financialStatement'
|
||||
})
|
||||
}else if(num==9){
|
||||
} else if (num == 9) {
|
||||
uni.navigateTo({
|
||||
url:'/pages_adminSet/CarModel'
|
||||
url: '/pages_adminSet/CarModel'
|
||||
})
|
||||
}else if(num==10){
|
||||
} else if (num == 10) {
|
||||
uni.navigateTo({
|
||||
url:'/pages_adminSet/ChargingTemplate'
|
||||
url: '/pages_adminSet/ChargingTemplate'
|
||||
})
|
||||
}else if(num==11){
|
||||
} else if (num == 11) {
|
||||
uni.navigateTo({
|
||||
url:'/pages_adminSet/sysSet'
|
||||
url: '/pages_adminSet/sysSet'
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
page {
|
||||
page {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.custom-select {
|
||||
.mask {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.page {
|
||||
.select-content {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: #fff;
|
||||
border-radius: 20rpx 20rpx 0 0;
|
||||
z-index: 1000;
|
||||
height: 50vh; // 最大高度
|
||||
// min-height: 400rpx; // 添加最小高度
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-bottom: 20rpx;
|
||||
|
||||
.select-header {
|
||||
padding: 20rpx 30rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid #eee;
|
||||
|
||||
.close {
|
||||
font-size: 40rpx;
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
|
||||
.search-box {
|
||||
padding: 15rpx 20rpx;
|
||||
border-bottom: 1px solid #eee;
|
||||
|
||||
input {
|
||||
width: 100%;
|
||||
height: 60rpx;
|
||||
background: #f5f5f5;
|
||||
border-radius: 30rpx;
|
||||
padding: 0 30rpx;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.select-list {
|
||||
flex: 1;
|
||||
max-height: calc(50vh - 140rpx);
|
||||
min-height: 260rpx; // 为列表添加最小高度
|
||||
|
||||
.select-item {
|
||||
display: flex;
|
||||
// flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 20rpx 30rpx;
|
||||
border-bottom: 1px solid #eee;
|
||||
font-size: 28rpx;
|
||||
|
||||
&.highlight {
|
||||
background-color: #f0f9ff;
|
||||
color: #2d8cf0;
|
||||
}
|
||||
|
||||
&:active {
|
||||
background: #f5f5f5;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.page {
|
||||
width: 750rpx;
|
||||
.toptit{
|
||||
|
||||
.toptit {
|
||||
margin-top: 100rpx;
|
||||
margin-left: 100rpx;
|
||||
font-size: 38rpx;
|
||||
}
|
||||
.cont_box{
|
||||
|
||||
.cont_box {
|
||||
padding: 46rpx 50rpx;
|
||||
margin: 68rpx auto;
|
||||
width: 680rpx;
|
||||
// height: 600rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 4rpx 22rpx 0rpx rgba(0,0,0,0.07);
|
||||
box-shadow: 0rpx 4rpx 22rpx 0rpx rgba(0, 0, 0, 0.07);
|
||||
border-radius: 24rpx 24rpx 24rpx 24rpx;
|
||||
.top{
|
||||
.top {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
image{
|
||||
|
||||
image {
|
||||
margin-right: 16rpx;
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
}
|
||||
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #3D3D3D;
|
||||
|
||||
}
|
||||
.app_box{
|
||||
|
||||
.app_box {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.cont:nth-child(4n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
.cont{
|
||||
|
||||
.cont {
|
||||
margin-right: 60rpx;
|
||||
margin-top: 70rpx;
|
||||
width: 96rpx;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
image{
|
||||
|
||||
image {
|
||||
width: 54rpx;
|
||||
height: 52rpx;
|
||||
}
|
||||
.text{
|
||||
|
||||
.text {
|
||||
margin-top: 14rpx;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
|
|
@ -340,5 +464,5 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -23,9 +23,9 @@
|
|||
|
||||
|
||||
<view class="info_li">
|
||||
|
||||
<view class="half_infoli">
|
||||
车牌号：<span v-if="deviceInfos.vehicleNum">{{deviceInfos.vehicleNum}}</span>
|
||||
<span v-else>--</span>
|
||||
SN：<span>{{deviceInfos.sn}}</span>
|
||||
</view>
|
||||
<view class="half_infoli">
|
||||
MAC：<span>{{deviceInfos.mac}}</span>
|
||||
|
|
@ -33,7 +33,8 @@
|
|||
</view>
|
||||
<view class="info_li">
|
||||
<view class="half_infoli">
|
||||
SN：<span>{{deviceInfos.sn}}</span>
|
||||
车牌号：<span v-if="deviceInfos.vehicleNum">{{deviceInfos.vehicleNum}}</span>
|
||||
<span v-else>--</span>
|
||||
</view>
|
||||
<view class="half_infoli">
|
||||
车辆型号：
|
||||
|
|
@ -75,6 +76,19 @@
|
|||
|
||||
</view>
|
||||
</view>
|
||||
<view class="info_li">
|
||||
<view class="half_infoli">
|
||||
电池电压：
|
||||
<span v-if="deviceInfos.voltage">{{deviceInfos.voltage}}V</span>
|
||||
<span v-else>--</span>
|
||||
</view>
|
||||
<view class="half_infoli">
|
||||
4G信号：
|
||||
<span v-if="deviceInfos.satellites">{{deviceInfos.satellites}}</span>
|
||||
<span v-else>--</span>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- <view class="info_li">
|
||||
异常原因：<span>已完成</span>
|
||||
|
|
@ -110,6 +124,11 @@
|
|||
<span v-if="deviceInfos.lastTime">{{deviceInfos.lastTime}}</span>
|
||||
<span v-else>--</span>
|
||||
</view>
|
||||
<!-- <view class="info_li">
|
||||
最后在线时间：
|
||||
<span v-if="deviceInfos.lastOnlineTime">{{deviceInfos.lastOnlineTime}}</span>
|
||||
<span v-else>--</span>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
<view class="info_card" style="margin-top: 20rpx;" v-if="deviceInfos.etOrders[0]&&deviceInfos.sn">
|
||||
|
|
|
|||
|
|
@ -170,7 +170,7 @@
|
|||
},
|
||||
backPage(){
|
||||
uni.redirectTo({
|
||||
url:'/pages_admin/admin_worke'
|
||||
url:'/page_user/my'
|
||||
})
|
||||
},
|
||||
toControl(){
|
||||
|
|
|
|||
|
|
@ -669,7 +669,7 @@
|
|||
border: 1rpx solid #ccc;
|
||||
border-radius: 20rpx;
|
||||
width: 400rpx;
|
||||
text-align: right;
|
||||
text-align: left;
|
||||
/* 输入框内容靠右显示 */
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -774,7 +774,7 @@
|
|||
|
||||
border: 1rpx solid #ccc;
|
||||
border-radius: 20rpx;
|
||||
width: 200rpx;
|
||||
width: 250rpx;
|
||||
|
||||
}
|
||||
|
||||
|
|
@ -831,7 +831,7 @@
|
|||
border: 1rpx solid #ccc;
|
||||
border-radius: 20rpx;
|
||||
width: 400rpx;
|
||||
text-align: right;
|
||||
text-align: left;
|
||||
/* 输入框内容靠右显示 */
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user