xinyi/chuangte_bike_newxcx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

小鹿骑行

Browse Source
This commit is contained in:
3321822538@qq.com 2025-04-23 18:30:04 +08:00
parent 0eaacca95a
commit c14d41317b
2 changed files with 75 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

103
page_shanghu/guanli/device_detail.vue
View File

@ -17,18 +17,37 @@
<view class="new_infocard"> <view class="new_infocard">
<view class="topsn"> <view class="topsn">
<view class="lt"> <view class="lt">
车牌号：{{deviceInfos.vehicleNum == null ? '--' : deviceInfos.vehicleNum}} 车牌：{{deviceInfos.vehicleNum == null ? '--' : deviceInfos.vehicleNum}}
</view>
<view class="" style="display: flex;justify-content: space-between;">
<view class="cent">
<view class="lypic" v-if="ver_dataflag == 3 && deviceInfos.onlineStatus == 0" @click="btnly">
<image src="https://api.ccttiot.com/smartmeter/img/static/uLw46jus4X9fposAvVD7" mode=""></image>
</view>
<view class="lypic" v-if="ver_dataflag == 1 && deviceInfos.onlineStatus == 0" @click="btnly">
<image src="https://api.ccttiot.com/smartmeter/img/static/uCdHjNaNfD9aikVg9Cuk" mode=""></image>
</view> </view>
<view class="lypic" v-if="deviceInfos.music == 0" @click="btnsy">
<image src="https://api.ccttiot.com/smartmeter/img/static/uDORYeTuc2EQ1lSI2dbe" mode=""></image>
</view>
<view class="lypic" v-if="deviceInfos.music == 1" @click="btnsy">
<image src="https://api.ccttiot.com/smartmeter/img/static/u8ii1aiUgREfYyMVIjpO" mode=""></image>
</view>
<view class="lypic" v-if="deviceInfos.music == 2" @click="btnsy">
<image src="https://api.ccttiot.com/smartmeter/img/static/uP7BOVsjvWaGItgHtoKV" mode=""></image>
</view>
</view>
</view>
<view class="rt"> <view class="rt">
<view class="stutas"> <view class="stutas">
<span style="background-color: #979797;" v-if="deviceInfos.status == 0">仓库中</span> <span style="background-color: #979797;" v-if="deviceInfos.status == 0">仓库</span>
<span style="background-color: #4c97e7;" v-if="deviceInfos.status == 1">待租</span> <span style="background-color: #4c97e7;" v-if="deviceInfos.status == 1">待租</span>
<span style="background-color: #28c445;" v-if="deviceInfos.status == 2">预约中</span> <span style="background-color: #28c445;" v-if="deviceInfos.status == 2">预约中</span>
<span style="background-color: #ffc757;" v-if="deviceInfos.status == 3">骑行中</span> <span style="background-color: #ffc757;" v-if="deviceInfos.status == 3">骑行中</span>
<span style="background-color: #ff7429;" v-if="deviceInfos.status == 4">临时锁车中</span> <span style="background-color: #ff7429;" v-if="deviceInfos.status == 4">临时锁车</span>
<span style="background-color: #986cf0;" v-if="deviceInfos.status == 6">调度中</span> <span style="background-color: #986cf0;" v-if="deviceInfos.status == 6">调度中</span>
<span style="background-color: #343a40;" v-if="deviceInfos.status == 8">下线</span> <span style="background-color: #343a40;" v-if="deviceInfos.status == 8">禁用</span>
<span style="background-color: #ff7429;" v-if="deviceInfos.status == 9">强制锁车</span> <span style="background-color: #ff7429;" v-if="deviceInfos.status == 9">强制锁车</span>
</view> </view>
<view class="issuo" v-if="deviceInfos.lockStatus == 0"> <view class="issuo" v-if="deviceInfos.lockStatus == 0">
@ -39,26 +58,7 @@
</view> </view>
</view> </view>
</view> </view>
<view class="" style="display: flex;justify-content: space-between;">
<view class="cent">
<view class="lypic" v-if="ver_dataflag == 3 && deviceInfos.onlineStatus == 0">
<image src="https://api.ccttiot.com/smartmeter/img/static/uLw46jus4X9fposAvVD7" mode=""></image> 已连接
</view>
<view class="lypic" v-if="ver_dataflag == 1 && deviceInfos.onlineStatus == 0">
<image src="https://api.ccttiot.com/smartmeter/img/static/uCdHjNaNfD9aikVg9Cuk" mode=""></image> 未连接
</view>
<view class="lypic" v-if="deviceInfos.music == 0">
<image src="https://api.ccttiot.com/smartmeter/img/static/uDORYeTuc2EQ1lSI2dbe" mode=""></image> 静音
</view>
<view class="lypic" v-if="deviceInfos.music == 1">
<image src="https://api.ccttiot.com/smartmeter/img/static/u8ii1aiUgREfYyMVIjpO" mode=""></image> 语音
</view>
<view class="lypic" v-if="deviceInfos.music == 2">
<image src="https://api.ccttiot.com/smartmeter/img/static/uP7BOVsjvWaGItgHtoKV" mode=""></image> 彩铃
</view>
</view>
</view>
<view class="bikesn"> <view class="bikesn">
<view class=""> <view class="">
SN：{{deviceInfos.sn == null ? '--' : deviceInfos.sn}} SN：{{deviceInfos.sn == null ? '--' : deviceInfos.sn}}
@ -77,15 +77,15 @@
<image v-if="deviceInfos.remainingPower >= 50 && deviceInfos.remainingPower < 80 " src="https://api.ccttiot.com/smartmeter/img/static/umm5Ruc5vhNSjeacslwX" mode=""></image> <image v-if="deviceInfos.remainingPower >= 50 && deviceInfos.remainingPower < 80 " src="https://api.ccttiot.com/smartmeter/img/static/umm5Ruc5vhNSjeacslwX" mode=""></image>
<image v-if="deviceInfos.remainingPower >= 80 && deviceInfos.remainingPower <= 100 " src="https://api.ccttiot.com/smartmeter/img/static/uo75cOfYZiQoxZQAI3FH" mode=""></image> <image v-if="deviceInfos.remainingPower >= 80 && deviceInfos.remainingPower <= 100 " src="https://api.ccttiot.com/smartmeter/img/static/uo75cOfYZiQoxZQAI3FH" mode=""></image>
<view class="dl"> <view class="dl">
电量：<span>{{deviceInfos.remainingPower == null ? '--' : deviceInfos.remainingPower.toFixed(2)}}%</span> 电量：<span style="font-size: 30rpx;color: #333;font-weight: 600;">{{deviceInfos.remainingPower == null ? '--' : deviceInfos.remainingPower.toFixed(1)}}</span><span style="color: #ccc;font-size: 22rpx;">%</span>
</view> </view>
<view class="dy"> <view class="dy">
电压：<span>{{deviceInfos.voltage == null ? '--' : deviceInfos.voltage.toFixed(2)}}V</span> 电压：<span style="font-size: 30rpx;color: #333;font-weight: 600;">{{deviceInfos.voltage == null ? '--' : deviceInfos.voltage.toFixed(1)}}</span><span style="color: #ccc;font-size: 22rpx;">V</span>
</view> </view>
</view> </view>
<view class="xuhang"> <view class="xuhang">
<view class=""> <view class="">
<image src="https://api.ccttiot.com/smartmeter/img/static/uBueutMzheLZWktEFWVR" mode=""></image> 续航 {{deviceInfos.remainEndurance == null ? '--' : deviceInfos.remainEndurance}}km <image src="https://api.ccttiot.com/smartmeter/img/static/uBueutMzheLZWktEFWVR" mode=""></image> 续航： <span style="font-size: 30rpx;color: #333;font-weight: 600;">{{deviceInfos.remainEndurance == null ? '--' : deviceInfos.remainEndurance}}</span> km
</view> </view>
<!-- <view class="" style="margin-top: 20rpx;"> <!-- <view class="" style="margin-top: 20rpx;">
<image src="https://api.ccttiot.com/smartmeter/img/static/ur7Q7YC9AOkkTpvaLEUU" mode=""></image> 车型 {{deviceInfos.modelName}} <image src="https://api.ccttiot.com/smartmeter/img/static/ur7Q7YC9AOkkTpvaLEUU" mode=""></image> 车型 {{deviceInfos.modelName}}
@ -413,6 +413,44 @@
} }
}, },
methods: { methods: {
// 点击提示什么声音模式
btnsy(){
if(this.deviceInfos.music == 0){
uni.showToast({
title: '当前设备为静音模式',
icon: 'none',
duration: 2000
})
}else if(this.deviceInfos.music == 1){
uni.showToast({
title: '当前设备为语音模式',
icon: 'none',
duration: 2000
})
}else{
uni.showToast({
title: '当前设备为彩铃模式',
icon: 'none',
duration: 2000
})
}
},
// 点击提示蓝牙
btnly(){
if(this.ver_dataflag == 3){
uni.showToast({
title: '当前设备蓝牙已连接',
icon: 'none',
duration: 2000
})
}else{
uni.showToast({
title: '当前设备蓝牙未连接',
icon: 'none',
duration: 2000
})
}
},
// 请求自己所有运营区 // 请求自己所有运营区
getyunying(){ getyunying(){
this.$u.get(`/bst/area/list?pageNum=1&pageSize=999`).then(res =>{ this.$u.get(`/bst/area/list?pageNum=1&pageSize=999`).then(res =>{
@ -1462,7 +1500,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 30rpx; font-size: 30rpx;
color: #3D3D3D; color: #847f7f;
padding-left: 18rpx; padding-left: 18rpx;
box-sizing: border-box; box-sizing: border-box;
image{ image{
@ -1480,7 +1518,6 @@
justify-content: space-between; justify-content: space-between;
border-bottom: 1rpx solid #D8D8D8; border-bottom: 1rpx solid #D8D8D8;
padding-bottom: 26rpx; padding-bottom: 26rpx;
margin-top: 20rpx;
} }
.cent{ .cent{
display: flex; display: flex;
@ -1513,11 +1550,15 @@
margin-top: 10rpx; margin-top: 10rpx;
padding-left: 52rpx; padding-left: 52rpx;
box-sizing: border-box; box-sizing: border-box;
color: #847f7f;
font-size: 24rpx;
} }
.dy{ .dy{
margin-top: 2rpx; margin-top: 2rpx;
padding-left: 52rpx; padding-left: 52rpx;
box-sizing: border-box; box-sizing: border-box;
color: #847f7f;
font-size: 24rpx;
} }
view{ view{
padding-left: 14rpx; padding-left: 14rpx;
@ -1525,7 +1566,7 @@
font-size: 24rpx; font-size: 24rpx;
color: #3D3D3D; color: #3D3D3D;
span{ span{
font-size: 32rpx; font-size: 28rpx;
} }
} }
image{ image{
@ -1541,7 +1582,7 @@
.topsn{ .topsn{
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding-bottom: 26rpx; padding-bottom: 13rpx;
box-sizing: border-box; box-sizing: border-box;
.lt{ .lt{
@ -1560,7 +1601,7 @@
border-radius: 6rpx 6rpx 6rpx 6rpx; border-radius: 6rpx 6rpx 6rpx 6rpx;
text-align: center; text-align: center;
line-height: 42rpx; line-height: 42rpx;
margin-left: 28rpx; margin-left: 10rpx;
font-size: 24rpx; font-size: 24rpx;
color: #3D3D3D; color: #3D3D3D;
} }

2
page_user/yongche/orderxq.vue
View File

@ -114,7 +114,7 @@
实付金额 实付金额
</view> </view>
<view class="shen"> <view class="shen">
<span style="color: #E7612E;font-size: 40rpx;">{{info.payAmount == null ? '0.00' : info.payAmount}}</span>元 <span style="color: #E7612E;font-size: 40rpx;">{{info.payedAmount == null ? '0.00' : info.payedAmount}}</span>元
</view> </view>
</view> </view>
</view> </view>