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

11

Browse Source
This commit is contained in:
Sliverber 2024-07-10 18:01:47 +08:00
parent cd5c468689
commit 9bda12d3fa
6 changed files with 284 additions and 128 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
common/css/iconfont.css
View File

@ -1,8 +1,8 @@
@font-face { @font-face {
font-family: "iconfont"; /* Project id 4503426 */ font-family: "iconfont"; /* Project id 4503426 */
src: url('//at.alicdn.com/t/c/font_4503426_46km7g1hjg9.woff2?t=1716779352968') format('woff2'), src: url('//at.alicdn.com/t/c/font_4503426_h95wjcstqhw.woff2?t=1720592381205') format('woff2'),
url('//at.alicdn.com/t/c/font_4503426_46km7g1hjg9.woff?t=1716779352968') format('woff'), url('//at.alicdn.com/t/c/font_4503426_h95wjcstqhw.woff?t=1720592381205') format('woff'),
url('//at.alicdn.com/t/c/font_4503426_46km7g1hjg9.ttf?t=1716779352968') format('truetype'); url('//at.alicdn.com/t/c/font_4503426_h95wjcstqhw.ttf?t=1720592381205') format('truetype');
} }
.iconfont { .iconfont {
@ -13,6 +13,10 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-xiangzuo:before {
content: "\eb15";
}
.icon-chakanxiangqing:before { .icon-chakanxiangqing:before {
content: "\e64c"; content: "\e64c";
} }

3
manifest.json
View File

@ -53,7 +53,8 @@
"libVersion" : "latest", "libVersion" : "latest",
"appid" : "wx3428c498d5061192", "appid" : "wx3428c498d5061192",
"setting" : { "setting" : {
"urlCheck" : false "urlCheck" : false,
"minified" : true
}, },
"usingComponents" : true, "usingComponents" : true,
"optimization" : { "optimization" : {

7
page_user/bhks.vue
View File

@ -6,7 +6,7 @@
输入编号开锁 输入编号开锁
</view> </view>
<view class="img"> <view class="img">
<image src="https://lxnapi.ccttiot.com/bike/img/static/uqSsMfUwtr8RKObEBCgr" mode=""></image> <image src="https://lxnapi.ccttiot.com/bike/img/static/unMvTdIxoc2PXdYHZUGS" mode=""></image>
</view> </view>
<view class="ipt"> <view class="ipt">
@ -25,7 +25,7 @@
data() { data() {
return { return {
bgc: { bgc: {
backgroundColor: "#fff", backgroundColor: '#fff'
}, },
sn:'', sn:'',
istrue:false istrue:false
@ -172,9 +172,10 @@ page{
font-weight: 400; font-weight: 400;
font-size: 36rpx; font-size: 36rpx;
color: #FFFFFF; color: #FFFFFF;
background: rgba(100,182,167,0.5);
} }
.act1{ .act1{
background: #4C97E7; background: #1E807A ;
} }
} }

18
page_user/yj.vue
View File

@ -5,7 +5,7 @@
<view class="norecord" v-if="userinfo.balance==0"> <view class="norecord" v-if="userinfo.balance==0">
<view class="card"> <view class="card">
<view class="tit">充值押金</view> <view class="tit">充值押金</view>
<view class="tit">还车后<span style="color: #4C97E7;">随时可退</span></view> <view class="tit">还车后<span style="color: #1E807A ;">随时可退</span></view>
<view class="tit" style="font-size: 32rpx;color: #808080;margin-top: 32rpx;"> <view class="tit" style="font-size: 32rpx;color: #808080;margin-top: 32rpx;">
押金金额 押金金额
</view> </view>
@ -441,7 +441,7 @@
<style lang="scss"> <style lang="scss">
page { page {
// background: linear-gradient(180deg, #4C97E7 0%, rgba(255, 255, 255, 0) 40%), #FFFFFF; // background: linear-gradient(180deg, #1E807A 0%, rgba(255, 255, 255, 0) 40%), #FFFFFF;
} }
.page { .page {
@ -523,7 +523,7 @@
justify-content: center; justify-content: center;
width: 268rpx; width: 268rpx;
height: 90rpx; height: 90rpx;
background: #4C97E7; background: #1E807A ;
border-radius: 54rpx 54rpx 54rpx 54rpx; border-radius: 54rpx 54rpx 54rpx 54rpx;
font-weight: 500; font-weight: 500;
@ -537,7 +537,7 @@
text-align: center; text-align: center;
font-weight: 500; font-weight: 500;
font-size: 48rpx; font-size: 48rpx;
color: #4C97E7; color: #1E807A ;
} }
.cont { .cont {
@ -640,7 +640,7 @@
justify-content: center; justify-content: center;
width: 470rpx; width: 470rpx;
height: 90rpx; height: 90rpx;
background: #4C97E7; 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;
@ -682,7 +682,7 @@
justify-content: center; justify-content: center;
width: 586rpx; width: 586rpx;
height: 68rpx; height: 68rpx;
background: #4C97E7; 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;
@ -699,7 +699,7 @@
justify-content: center; justify-content: center;
width: 680rpx; width: 680rpx;
height: 90rpx; height: 90rpx;
background: #4C97E7; background: #1E807A ;
border-radius: 54rpx 54rpx 54rpx 54rpx; border-radius: 54rpx 54rpx 54rpx 54rpx;
font-weight: 500; font-weight: 500;
@ -756,7 +756,7 @@
border-left: 2rpx solid #D8D8D8; border-left: 2rpx solid #D8D8D8;
font-weight: 500; font-weight: 500;
font-size: 36rpx; font-size: 36rpx;
color: #4C97E7; color: #1E807A ;
} }
@ -855,7 +855,7 @@
text-align: right; text-align: right;
font-weight: 400; font-weight: 400;
font-size: 24rpx; font-size: 24rpx;
color: #4C97E7; color: #1E807A ;
} }
} }
} }

109
pages/index/index.vue
View File

@ -7,7 +7,7 @@
<!-- 真正的导航栏内容 --> <!-- 真正的导航栏内容 -->
<view class="navBar" :style="{ height:navBarHeight+'px' }"> <view class="navBar" :style="{ height:navBarHeight+'px' }">
<!-- <view>导航栏标题</view> --> <!-- <view>导航栏标题</view> -->
<image src="https://lxnapi.ccttiot.com/bike/img/static/uVcMTydm81zCMhHomXl1" mode="" @tap="topage(6)"> <image src="https://lxnapi.ccttiot.com/bike/img/static/uGUm5wKQAApGjgK8RIwK" mode="" @tap="topage(6)">
</image> </image>
<view class="txts" v-if="gps.deptId==100"> <view class="txts" v-if="gps.deptId==100">
@ -20,7 +20,7 @@
<view class="" style="width: 100%;height: 20rpx;"> <view class="" style="width: 100%;height: 20rpx;">
</view> </view>
<view class="swiper_tips" @click="changetips"> <view class="swiper_tips" @click="changetips" v-if="areaInfo.agreement&&!orderinfo.status">
<view class="cont"> <view class="cont">
<image src="https://lxnapi.ccttiot.com/bike/img/static/u1G7wy5BEuNOY8QVyZcF" mode=""></image> <image src="https://lxnapi.ccttiot.com/bike/img/static/u1G7wy5BEuNOY8QVyZcF" mode=""></image>
<view class="scroll-container" ref="scrollContainer"> <view class="scroll-container" ref="scrollContainer">
@ -38,7 +38,9 @@
<view class="order_tips_txt" :class="{ collapsed: isCollapsed }"> <view class="order_tips_txt" :class="{ collapsed: isCollapsed }">
您有正在骑行中的订单..... 您有正在骑行中的订单.....
</view> </view>
<view class="iconfont icon-xiangyou1" @click="toggleOrderTips"></view> <view class="iconfont icon-xiangyou1" v-if="!isCollapsed" @click="toggleOrderTips"></view>
<view class="iconfont icon-xiangzuo" v-if="isCollapsed" @click="toggleOrderTips"></view>
</view> </view>
</view> </view>
@ -51,10 +53,10 @@
</map> </map>
<view class="my-location" @click="setMapScale"> <view class="my-location" @click="setMapScale">
<image class="img" src="https://lxnapi.ccttiot.com/bike/img/static/uBgKFW3JgiBfjM4ea3uV"></image> <image class="img" src="https://lxnapi.ccttiot.com/bike/img/static/uoxanRjBrBrtcYwRGXKa"></image>
</view> </view>
<view class="park" @click="toggleIconAndCallout"> <view class="park" @click="toggleIconAndCallout">
<image src="https://lxnapi.ccttiot.com/bike/img/static/uRiYQZQEb3l2LsltEsyW" mode=""></image> <image src="https://lxnapi.ccttiot.com/bike/img/static/u0I2B8G3YO7xUKtQKgio" mode=""></image>
</view> </view>
<view class="botmbox2" v-if="showdevice"> <view class="botmbox2" v-if="showdevice">
<!-- <view class="close" @click="close()"> <!-- <view class="close" @click="close()">
@ -63,7 +65,7 @@
<view class="page1" v-if="deviceIndex==0"> <view class="page1" v-if="deviceIndex==0">
<view class="top"> <view class="top">
<view class="left"> <view class="left">
<image src="https://lxnapi.ccttiot.com/bike/img/static/uD9pXetaMb5dmw8aSvoM" mode=""></image> <image src="https://lxnapi.ccttiot.com/bike/img/static/uBPKgx3YNA8nYbFSTCGA" mode=""></image>
</view> </view>
<view class="top_center"> <view class="top_center">
<view class="cent_top"> <view class="cent_top">
@ -156,36 +158,10 @@
</view> </view>
</view> </view>
<view class="center"> <view class="center">
<!-- <view class="card" :class="freeListIndex==0?'act1':''" @click="freeListIndex=0" v-if="orderinfo.ruleId==null">
<image src="https://api.ccttiot.com/smartmeter/img/static/uYg1WNJJH1VK7RdldKE1" mode=""
v-if="freeListIndex==0"></image>
<view class="tit">
计时收费
</view>
<view class="nmtxt">
<view class="left">
起步价
</view>
<view class="right">
{{startingPrice}}元（含{{startingHowManyMinutes}}分钟）
</view>
</view>
<view class="nmtxt">
<view class="left">
时长费
</view>
<view class="right">
{{timeFee}}元/{{ timeMinutes}}分钟
</view>
</view>
<view class="tip">
超出起步价包含时长后收取
</view>
</view> -->
<view class="card" v-for="(item,index ) in freList" :key="index" <view class="card" v-for="(item,index ) in freList" :key="index"
@click.stop="changefree(item,index+1)" :class="freeListIndex==index+1?'act1':''"> @click.stop="changefree(item,index+1)" :class="freeListIndex==index+1?'act1':''">
<image src="https://api.ccttiot.com/smartmeter/img/static/uYg1WNJJH1VK7RdldKE1" mode="" <image src="https://lxnapi.ccttiot.com/bike/img/static/uPtfF3jVLMVvEYpilzTk" mode=""
v-if="freeListIndex==index+1"></image> v-if="freeListIndex==index+1"></image>
<view v-if="item.ridingRule==1"> <view v-if="item.ridingRule==1">
<view class="tit"> <view class="tit">
@ -369,7 +345,7 @@
<view class="bot_btn"> <view class="bot_btn">
<view class="cont" @click="topage(1)"> <view class="cont" @click="topage(1)">
<image src="https://api.ccttiot.com/smartmeter/img/static/uGDkCwxDNH9oFORX2XNU" mode=""></image> <image src="https://lxnapi.ccttiot.com/bike/img/static/uYfTj4a3NkSNY0AqYHFc" mode=""></image>
<view class="text"> <view class="text">
押金充值 押金充值
</view> </view>
@ -382,35 +358,35 @@
</view> </view>
</view> --> </view> -->
<view class="cont" @click="topage(3)"> <view class="cont" @click="topage(3)">
<image src="https://api.ccttiot.com/smartmeter/img/static/utP4rdOzXLlQPx6Ug8cO" mode=""></image> <image src="https://lxnapi.ccttiot.com/bike/img/static/ucR0pDCg1vDshatphlUb" mode=""></image>
<view class="text"> <view class="text">
用车指南 用车指南
</view> </view>
</view> </view>
<view class="cont" @click="topage(4)"> <view class="cont" @click="topage(4)">
<image src="https://api.ccttiot.com/smartmeter/img/static/uFaJV6NJGhmmodpEuWMy" mode=""></image> <image src="https://lxnapi.ccttiot.com/bike/img/static/ugCygoi3DXNWTLbC9vJ4" mode=""></image>
<view class="text"> <view class="text">
编号开锁 编号开锁
</view> </view>
</view> </view>
<view class="cont" @click="topage(5)"> <view class="cont" @click="topage(5)">
<image src="https://api.ccttiot.com/smartmeter/img/static/uucc9g8b2MM6G9vp8HWa" mode=""></image> <image src="https://lxnapi.ccttiot.com/bike/img/static/uiUTdm3iNOnfP17OCLHu" mode=""></image>
<view class="text"> <view class="text">
故障上报 故障上报
</view> </view>
</view> </view>
<view class="cont" @click="topage(9)"> <view class="cont" @click="topage(9)">
<image src="https://lxnapi.ccttiot.com/bike/img/static/uk7i80QWz02cAfbbC518" mode=""></image> <image src="https://lxnapi.ccttiot.com/bike/img/static/uLHRXFuIPhMy0EDgPdVr" mode=""></image>
<view class="text"> <view class="text">
客户服务 客户服务
</view> </view>
</view> </view>
</view> </view>
<view class="guangggao" v-if="gps.deptId==100"> <view class="guangggao" v-if="gps.deptId==100">
<image src="https://lxnapi.ccttiot.com/bike/img/static/uvHYQhuouHZQQL3qfLzP" mode=""></image> <image src="https://lxnapi.ccttiot.com/bike/img/static/upVZa2QXC27BG90PukMQ" mode=""></image>
</view> </view>
<view class="guangggao" v-if="gps.deptId==101" @click="gotowzysd()"> <view class="guangggao" v-if="gps.deptId==101" @click="gotowzysd()">
<image src="https://lxnapi.ccttiot.com/bike/img/static/un0FWzTJzJ35dYU7mgdl" mode=""></image> <image src="https://lxnapi.ccttiot.com/bike/img/static/ut77aiicZLtFL5gnRplK" mode=""></image>
</view> </view>
</view> </view>
@ -729,7 +705,7 @@
需连接蓝牙才可解锁,请确保手机蓝牙打开并且授权小程序使用蓝牙权限 需连接蓝牙才可解锁,请确保手机蓝牙打开并且授权小程序使用蓝牙权限
</view> </view>
<view class="masktips" @click="totxtpage()" <view class="masktips" @click="totxtpage()"
style="width: 100%;color: #4C97E7;text-decoration-line: underline;margin-top: 0; font-size: 28rpx;"> style="width: 100%;color: #64B6A8;text-decoration-line: underline;margin-top: 0; font-size: 28rpx;">
点击查看教程 点击查看教程
</view> </view>
<view class="tipsimg"> <view class="tipsimg">
@ -781,7 +757,7 @@
请确保手机蓝牙已经打开 请确保手机蓝牙已经打开
</view> </view>
<view class="masktips" @click="totxtpage()" <view class="masktips" @click="totxtpage()"
style="width: 100%;color: #4C97E7;text-decoration-line: underline;margin-top: 0; font-size: 28rpx;"> style="width: 100%;color: #64B6A8;text-decoration-line: underline;margin-top: 0; font-size: 28rpx;">
点击查看教程 点击查看教程
</view> </view>
<view class="tipsimg"> <view class="tipsimg">
@ -5084,7 +5060,7 @@
justify-content: center; justify-content: center;
width: 300rpx; width: 300rpx;
height: 90rpx; height: 90rpx;
background: #4C97E7; background: #64B6A8;
border-radius: 45rpx 45rpx 45rpx 45rpx; border-radius: 45rpx 45rpx 45rpx 45rpx;
font-weight: 500; font-weight: 500;
@ -5133,8 +5109,8 @@
margin-left: 20rpx; margin-left: 20rpx;
// position: absolute; // position: absolute;
width: 60rpx; width: 70rpx;
height: 60rpx; height: 70rpx;
z-index: 11; z-index: 11;
} }
@ -5188,7 +5164,7 @@
display: flex; display: flex;
flex-wrap: nowrap; flex-wrap: nowrap;
align-items: center; align-items: center;
margin-top: 38rpx; // margin-top: 20rpx;
margin-left: 34rpx; margin-left: 34rpx;
padding: 28rpx 41rpx; padding: 28rpx 41rpx;
width: 688rpx; width: 688rpx;
@ -5233,6 +5209,11 @@
font-size: 36rpx; font-size: 36rpx;
color: #FFFFFF; color: #FFFFFF;
} }
.icon-xiangzuo{
margin-left: auto;
font-size: 38rpx;
color: #FFFFFF;
}
} }
.swiper_tips { .swiper_tips {
display: flex; display: flex;
@ -5247,7 +5228,7 @@
border-radius: 53rpx 53rpx 53rpx 53rpx; border-radius: 53rpx 53rpx 53rpx 53rpx;
.cont { .cont {
width: 80%; width: 90%;
display: flex; display: flex;
flex-wrap: nowrap; flex-wrap: nowrap;
align-items: center; align-items: center;
@ -5530,10 +5511,10 @@
width: 160rpx; width: 160rpx;
height: 60rpx; height: 60rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx; border-radius: 0rpx 0rpx 0rpx 0rpx;
border: 2rpx solid #4C97E7; border: 2rpx solid #64B6A8;
font-weight: 500; font-weight: 500;
font-size: 28rpx; font-size: 28rpx;
color: #4C97E7; color: #64B6A8;
} }
} }
@ -5621,7 +5602,7 @@
padding-bottom: 2rpx; padding-bottom: 2rpx;
width: 338rpx; width: 338rpx;
height: 90rpx; height: 90rpx;
background: #4C97E7; background: #64B6A8;
border-radius: 45rpx 45rpx 45rpx 45rpx; border-radius: 45rpx 45rpx 45rpx 45rpx;
font-weight: 500; font-weight: 500;
font-size: 40rpx; font-size: 40rpx;
@ -5669,7 +5650,7 @@
font-weight: 400; font-weight: 400;
font-size: 40rpx; font-size: 40rpx;
color: #4C97E7; color: #64B6A8;
image { image {
margin-right: 18rpx; margin-right: 18rpx;
@ -5705,7 +5686,7 @@
.speeds { .speeds {
// width: 90%; // width: 90%;
height: 100%; height: 100%;
background: #77B8FD; background: #64B6A7;
border-radius: 16rpx 16rpx 16rpx 16rpx; border-radius: 16rpx 16rpx 16rpx 16rpx;
} }
} }
@ -5773,7 +5754,7 @@
// width: 350rpx; // width: 350rpx;
width: 100%; width: 100%;
height: 70rpx; height: 70rpx;
background: #4C97E7; background: #64B6A8;
border-radius: 0rpx 0rpx 16rpx 16rpx; border-radius: 0rpx 0rpx 16rpx 16rpx;
font-weight: 500; font-weight: 500;
font-size: 28rpx; font-size: 28rpx;
@ -5853,7 +5834,7 @@
} }
.act1 { .act1 {
border: 2rpx solid #4C97E7; border: 2rpx solid #64B6A8;
} }
} }
@ -5916,7 +5897,7 @@
align-items: center; align-items: center;
width: 680rpx; width: 680rpx;
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;
@ -6002,7 +5983,7 @@
.speeds { .speeds {
// width: 90%; // width: 90%;
height: 100%; height: 100%;
background: #77B8FD; background: #64B6A7;
border-radius: 16rpx 0rpx 0rpx 16rpx; border-radius: 16rpx 0rpx 0rpx 16rpx;
} }
} }
@ -6043,7 +6024,7 @@
align-items: center; align-items: center;
width: 338rpx; width: 338rpx;
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;
@ -6127,7 +6108,7 @@
justify-content: center; justify-content: center;
width: 600rpx; width: 600rpx;
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;
@ -6164,8 +6145,8 @@
justify-content: center; justify-content: center;
width: 686rpx; width: 686rpx;
height: 90rpx; height: 90rpx;
background: #4C97E7;
// background: #64B6A8; // background: #64B6A8;
background: #64B6A8;
border-radius: 54rpx 54rpx 54rpx 54rpx; border-radius: 54rpx 54rpx 54rpx 54rpx;
font-weight: 500; font-weight: 500;
@ -6290,7 +6271,7 @@
justify-content: center; justify-content: center;
width: 268rpx; width: 268rpx;
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;
@ -6304,7 +6285,7 @@
text-align: center; text-align: center;
font-weight: 500; font-weight: 500;
font-size: 48rpx; font-size: 48rpx;
color: #4C97E7; color: #64B6A8;
} }
.cont { .cont {
@ -6352,7 +6333,7 @@
.speeds { .speeds {
// width: 90%; // width: 90%;
height: 100%; height: 100%;
background: #77B8FD; background: #64B6A7;
border-radius: 16rpx 16rpx 16rpx 16rpx; border-radius: 16rpx 16rpx 16rpx 16rpx;
} }
} }
@ -6407,7 +6388,7 @@
justify-content: center; justify-content: center;
width: 470rpx; width: 470rpx;
height: 90rpx; height: 90rpx;
background: #4C97E7; 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;

265
pages/my.vue
View File

@ -1,16 +1,22 @@
<template> <template>
<view class="page"> <view class="page">
<u-navbar title="个人中心" :border-bottom="false" :background="bgc" title-color='#fff' title-size='36' <view class="fixed">
height='45'></u-navbar> <u-navbar title="个人中心" :border-bottom="false" :background="background" title-color='#fff' title-size='36' :back-text-style='backcolor'
height='45'></u-navbar>
</view>
<image class="backimg" src="https://lxnapi.ccttiot.com/bike/img/static/uJVTiExwVDJJzYywmoLc" mode=""></image>
<view class="statusBar" :style="{ paddingTop:statusBarHeight+'px' }"></view>
<view class="statusBars" :style="{ height:navBarHeight+'px' }"></view>
<view class="topbg"> <view class="topbg">
<view class="topbox"> <view class="topbox">
<view class="info"> <view class="info">
<image v-if="info.avatar!=''" :src='info.avatar' mode=""></image> <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" <image v-if="info.avatar==''&&deptId==100"
mode=""></image> 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" <image v-if="info.avatar==''&&deptId==101"
mode=""></image> src=" https://lxnapi.ccttiot.com/bike/img/static/uP9vN4Vht0B2bd10Sy60" mode=""></image>
<view class="cont"> <view class="cont">
<view class="name" v-if="info.realName!=null"> <view class="name" v-if="info.realName!=null">
{{maskedName}} {{maskedName}}
@ -24,7 +30,8 @@
</view> </view>
</view> </view>
</view> </view>
<view class="btnbg">
<view class="btnbg" v-if="false">
<view class="btnbox"> <view class="btnbox">
<view class="btncard"> <view class="btncard">
<view class="card_li" @click="topage(1)"> <view class="card_li" @click="topage(1)">
@ -179,6 +186,62 @@
</view> </view>
</view> </view>
</view> </view>
<view class="tocont">
<view class="cont_li" @click="topage(1)">
<image src="https://lxnapi.ccttiot.com/bike/img/static/uYfTj4a3NkSNY0AqYHFc" mode=""></image>
<view class="txt">
押金
</view>
</view>
<view class="cont_li" @click="topage(11)">
<image src="https://lxnapi.ccttiot.com/bike/img/static/unrltNyYYRXUutaqtuJY" mode=""></image>
<view class="txt">
实名认证
</view>
</view>
<view class="cont_li" @click="topage(4)">
<image src="https://lxnapi.ccttiot.com/bike/img/static/ucR0pDCg1vDshatphlUb" mode=""></image>
<view class="txt">
用车指南
</view>
</view>
<view class="cont_li" @click="topage(10)">
<image src="https://lxnapi.ccttiot.com/bike/img/static/uLHRXFuIPhMy0EDgPdVr" mode=""></image>
<view class="txt">
客服服务
</view>
</view>
</view>
<view class="type_cont">
<view class="type_li" @click="topage(2)">
<image src="https://lxnapi.ccttiot.com/bike/img/static/uG1iB3C69uNIr9Zx7qH6" mode=""></image>
我的订单
<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=""></image>
问题上报
<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=""></image>
帮助中心
<view class="iconfont icon-xiangyou1" ></view>
</view>
</view>
<view class="type_cont">
<view class="type_li" @click="topage(8)" v-if="info.role==3||info.role==2">
<image src="https://lxnapi.ccttiot.com/bike/img/static/uyA3Cjjryy4Z9fCjs15Z" mode=""></image>
运维人员
<view class="iconfont icon-xiangyou1" ></view>
</view>
<view class="type_li" style="margin-top: 70rpx;" @click="topage(9)" v-if="info.role==3">
<image src="https://lxnapi.ccttiot.com/bike/img/static/uC0nQVG6EK7OCYefw1Ws" mode=""></image>
管理人员
<view class="iconfont icon-xiangyou1" ></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"></u-select>
</view> </view>
</template> </template>
@ -190,21 +253,43 @@
export default { export default {
data() { data() {
return { return {
bgc: { background: {
backgroundColor: "#4C97E7", backgroundColor: 'transparent'
},
backcolor:{
color:'#fff'
}, },
info: {}, info: {},
totype: 0, totype: 0,
list: [], list: [],
show: false, show: false,
deptId:0 deptId: 0,
statusBarHeight: 0,
navBarHeight: 0
} }
}, },
onLoad() {
//获取手机状态栏高度
this.statusBarHeight = uni.getSystemInfoSync()['statusBarHeight'];
// #ifdef MP-WEIXIN
// 获取微信胶囊的位置信息 width,height,top,right,left,bottom
const custom = wx.getMenuButtonBoundingClientRect()
// 导航栏高度(标题栏高度) = 胶囊高度 + (顶部距离 - 状态栏高度) * 2
this.navBarHeight = custom.height + (custom.top - this.statusBarHeight) * 2
// #endif
},
onShow() { onShow() {
this.deptId= uni.getStorageSync('deptId'); this.deptId = uni.getStorageSync('deptId');
this.getuserInfo() this.getuserInfo()
}, },
computed: { computed: {
@ -245,63 +330,68 @@
}) })
} else if (num == 8) { } else if (num == 8) {
this.totype = 1 this.totype = 1
if(this.list.length<2){ if (this.list.length < 2) {
uni.setStorageSync('adminAreaid', this.list[0].value); uni.setStorageSync('adminAreaid', this.list[0].value);
uni.navigateTo({ uni.navigateTo({
url:'/page_fix/fix_index' url: '/page_fix/fix_index'
}) })
}else{ } else {
this.show = true this.show = true
} }
} else if (num == 9) { } else if (num == 9) {
this.totype = 2 this.totype = 2
if(this.list.length<2){ if (this.list.length < 2) {
uni.setStorageSync('adminAreaid', this.list[0].value); uni.setStorageSync('adminAreaid', this.list[0].value);
uni.navigateTo({ uni.navigateTo({
url:'/pages_admin/admin_index' url: '/pages_admin/admin_index'
}) })
}else{ } else {
this.show = true this.show = true
} }
} else if (num == 10) { } else if (num == 10) {
uni.navigateTo({ uni.navigateTo({
url: '/page_user/khfw/khfw' url: '/page_user/khfw/khfw'
}) })
} else if (num == 11) {
uni.navigateTo({
url: '/page_user/idcard_test'
})
} }
}, },
confirm(e){ confirm(e) {
// console.log(e); // console.log(e);
uni.setStorageSync('adminAreaid', e[0].value); uni.setStorageSync('adminAreaid', e[0].value);
if(this.totype==2){ if (this.totype == 2) {
uni.navigateTo({ uni.navigateTo({
url:'/pages_admin/admin_index' url: '/pages_admin/admin_index'
}) })
}else{ } else {
uni.navigateTo({ uni.navigateTo({
url:'/page_fix/fix_index' url: '/page_fix/fix_index'
}) })
} }
},
getareaList(){
},
getareaList() {
this.$u.get('/appVerify/getAreaList').then((res) => { this.$u.get('/appVerify/getAreaList').then((res) => {
if(res.code==200){ if (res.code == 200) {
this.list = res.data.map(item => ({ this.list = res.data.map(item => ({
value: item.areaId, value: item.areaId,
label: item.areaName label: item.areaName
})); }));
} }
}).catch(error => { }).catch(error => {
console.error("Error fetching area data:", error); console.error("Error fetching area data:", error);
@ -381,21 +471,38 @@
</script> </script>
<style lang="scss"> <style lang="scss">
/deep/ .uni-navbar {
background: transparent !important; // 使用 !important 确保覆盖原样式
}
page { page {
background-color: #fff; background-color: #F4F4F4;
} }
.page { .page {
width: 750rpx; width: 750rpx;
.fixed {
z-index: 999;
position: fixed;
top: 0;
}
.backimg {
position: fixed;
width: 750rpx;
height: 564rpx;
z-index: -1;
}
.topbg { .topbg {
width: 750rpx; width: 750rpx;
background: #fff; // background: #fff;
height: 184rpx; height: 184rpx;
.topbox { .topbox {
width: 750rpx; width: 750rpx;
background: #4C97E7; // background: #fff;
height: 184rpx; height: 184rpx;
border-radius: 0 0 100rpx 0; border-radius: 0 0 100rpx 0;
@ -421,6 +528,7 @@
font-size: 32rpx; font-size: 32rpx;
color: #FFFFFF; color: #FFFFFF;
width: 100%; width: 100%;
text-shadow: 0px 8px 20px rgba(0,0,0,0.3);
} }
.phone { .phone {
@ -429,15 +537,76 @@
font-weight: 400; font-weight: 400;
font-size: 20rpx; font-size: 20rpx;
color: #FFFFFF; color: #FFFFFF;
text-shadow: 0px 8px 20px rgba(0,0,0,0.3);
} }
} }
} }
} }
} }
.type_cont{
width: 680rpx;
padding: 58rpx 54rpx;
// height: 608rpx;
background: #FFFFFF;
border-radius: 20rpx 20rpx 20rpx 20rpx;
margin: 0 auto;
margin-top: 30rpx;
.type_li{
width: 100%;
display: flex;
align-items: center;
flex-wrap: nowrap;
font-weight: 400;
font-size: 32rpx;
color: #2F3240;
image{
width: 44rpx;
height: 44rpx;
margin-right: 20rpx;
}
.icon-xiangyou1{
margin-left: auto;
color: #2F3240;
font-size: 36rpx;
}
}
}
.tocont{
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-around;
margin: 0 auto;
margin-top: 100rpx;
width: 680rpx;
height: 176rpx;
background: #fff;
border-radius: 20rpx 20rpx 20rpx 20rpx;
.cont_li{
width: 112rpx;
display: flex;
flex-wrap: wrap;
justify-content: center;
image{
margin-top: 10rpx;
width: 44rpx;
height: 44rpx;
}
.txt{
width: 112rpx;
text-align: center;
font-weight: 400;
font-size: 28rpx;
color: #2F3240;
}
}
}
.btnbg { .btnbg {
width: 750rpx; width: 750rpx;
background: #4C97E7; // background: #4C97E7;
.btnbox { .btnbox {
padding-top: 36rpx; padding-top: 36rpx;