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

设置修改

Browse Source
This commit is contained in:
tx 2025-01-10 10:05:18 +08:00
parent 02e85a6d72
commit 48f1c588c6
3 changed files with 449 additions and 462 deletions
pages_admin
admin_index.vue
worke
woke_deviceMgmt.vue
pages_adminSet
modelMt.vue

30
pages_admin/admin_index.vue
View File

@ -41,15 +41,6 @@
</view> </view>
</view> </view>
<view class="decice_cont"> <view class="decice_cont">
<!-- <view class="cont" @click="changeidx(0)">
<view class="text" :class="statusidx==0?'act1':''">
未上架
</view>
<view class="text" :class="statusidx==0?'act1':''">
1
</view>
</view> -->
<view class="cont" @click="changeidx('-0')"> <view class="cont" @click="changeidx('-0')">
<view class="text" :class="statusidx=='-0'?'act1':''"> <view class="text" :class="statusidx=='-0'?'act1':''">
投放中 投放中
@ -143,9 +134,7 @@
<view class="fixdivce" v-if="nearbyMarkers.length>1&&showdevList"> <view class="fixdivce" v-if="nearbyMarkers.length>1&&showdevList">
<view class="scrollable-content"> <view class="scrollable-content">
<view class="divce_li" v-for="(item,index) in nearbyMarkers" :key="index" @click="tapsn(item.sn)"> <view class="divce_li" v-for="(item,index) in nearbyMarkers" :key="index" @click="tapsn(item.sn)">
<!-- <view class="left_img">
<image src="https://lxnapi.ccttiot.com/bike/img/static/uEW2Zm3sO8E5eqOf2wwl" mode=""></image>
</view> -->
<view class="right_cont"> <view class="right_cont">
<view class="right_top"> <view class="right_top">
<view class="right_top_right"> <view class="right_top_right">
@ -234,13 +223,9 @@
}); });
// this.getareaid() // this.getareai
this.getmarks() this.getmarks()
this.allVehicleNum() this.allVehicleNum()
// this.getmarks();
}, },
onLoad() { onLoad() {
if (uni.getStorageSync('adminAreaid')) { if (uni.getStorageSync('adminAreaid')) {
@ -254,15 +239,8 @@
type: 'wgs84', type: 'wgs84',
success: function(lb) { success: function(lb) {
// that.latitude = Number(lb.latitude.toFixed(5)) - 0.005
// that.longitude = Number(lb.longitude.toFixed(5)) + 0.005
console.log(that.areaInfo, 'that.areaInfo'); console.log(that.areaInfo, 'that.areaInfo');
// that.setMapScale()
// that.getmarks()
//
}, },
fail: function(error) { fail: function(error) {
uni.showToast({ uni.showToast({
@ -316,11 +294,7 @@
uni.createMapContext("map", this).getCenterLocation({ uni.createMapContext("map", this).getCenterLocation({
type: 'gcj02', type: 'gcj02',
success: (res) => { success: (res) => {
// console.log("当前地图中心的经纬度", res)
// that.deviceGps.latitude = res.latitude;
// that.deviceGps.longitude = res.longitude;
//其他逻辑
}, },
fail: (err) => {} fail: (err) => {}
}) })

19
pages_admin/worke/woke_deviceMgmt.vue
View File

@ -10,8 +10,7 @@
<view class="top_box" style="margin-top: 20rpx;"> <view class="top_box" style="margin-top: 20rpx;">
<view class="sear_ipt"> <view class="sear_ipt">
<input type="text" v-model="searchKeyword" placeholder="请输入SN码" class="input" <input type="text" v-model="searchKeyword" placeholder="请输入SN码" class="input" placeholder-style="color:#C7CDD3" @input="search()">
placeholder-style="color:#C7CDD3" @input="search()">
</view> </view>
</view> </view>
@ -169,6 +168,10 @@ export default {
{ {
value: '3', value: '3',
label: '车牌号排序' label: '车牌号排序'
},
{
value: '4',
label: '电量排序'
}], }],
lists: [{ lists: [{
value: 'desc', value: 'desc',
@ -344,17 +347,17 @@ export default {
}, },
getStatusColor(item) { getStatusColor(item) {
if (item.status == 0 || item.status == 8) { if (item.status == 0 || item.status == 8) {
return '#808080'; // 下线和未上架状态为灰色 return '#979797'; // 下线和未上架状态为灰色
} else if (item.status == 1) { } else if (item.status == 1) {
return '#28a745'; // 待租状态为绿色 return '#4c97e7'; // 待租状态为绿色
} else if (item.status == 2) { } else if (item.status == 2) {
return '#ff8c00'; // 预约中状态为橙色 return '#28c445'; // 预约中状态为橙色
} else if (item.status == 3) { } else if (item.status == 3) {
return '#007bff'; // 骑行中状态为蓝色 return '#ffc757'; // 骑行中状态为蓝色
} else if (item.status == 4) { } else if (item.status == 4) {
return '#ffc107'; // 临时锁车中状态为黄色 return '#ff7429'; // 临时锁车中状态为黄色
} else if (item.status == 6) { } else if (item.status == 6) {
return '#6f42c1'; // 调度中状态为紫色 return '#986cf0'; // 调度中状态为紫色
} else if (item.status == 7) { } else if (item.status == 7) {
return '#343a40'; // 未绑定状态为黑色 return '#343a40'; // 未绑定状态为黑色
} }

88
pages_adminSet/modelMt.vue
View File

@ -23,10 +23,10 @@
</view> </view>
<view class="up_rignt"> <view class="up_rignt">
<image src="https://lxnapi.ccttiot.com/bike/img/static/u08cpfIllwweGcS9awYP" mode="" <image src="https://lxnapi.ccttiot.com/bike/img/static/u08cpfIllwweGcS9awYP" mode=""
v-if="data.picture==''" @click="btn()"></image> v-if="data.picture == ''" @click="btn()"></image>
<image :src="data.picture" mode="" v-else></image> <image :src="data.picture" mode="" v-else></image>
<image src="https://lxnapi.ccttiot.com/bike/img/static/uFp9riSLtpmuq6gyKfdr" mode="" class="close" <image src="https://lxnapi.ccttiot.com/bike/img/static/uFp9riSLtpmuq6gyKfdr" mode="" class="close"
v-if="data.picture!=''" @click="data.picture=''"></image> v-if="data.picture != ''" @click="data.picture = ''"></image>
</view> </view>
</view> </view>
</view> </view>
@ -108,7 +108,7 @@
<view class="card"> <view class="card">
<view class="card_li1"> <view class="card_li1">
<view class="card_top" @click="showpart=true"> <view class="card_top" @click="showpart = true">
<view class="card_left"> <view class="card_left">
收费模版 收费模版
</view> </view>
@ -139,20 +139,20 @@
<view class="choose_part" v-if="showpart"> <view class="choose_part" v-if="showpart">
<view class="tit"> <view class="tit">
选择收费方式 选择收费方式
</view> </view>
<view class="part_box"> <scroll-view class="part_box" scroll-y>
<view class="" v-for="(item, index) in Accessorylist" :key="index" @click="chooseAcc(item.ruleId)" <view class="part_list">
style="width: 100%; display: flex;margin-top: 10rpx;"> <view class="part_item" v-for="(item, index) in Accessorylist" :key="index"
@click="chooseAcc(item.ruleId)">
<view class="part" :class="data.ruleIds.includes(item.ruleId) ? 'act' : ''"> <view class="part" :class="data.ruleIds.includes(item.ruleId) ? 'act' : ''">
{{item.name}} {{ item.name }}
<image src="https://lxnapi.ccttiot.com/bike/img/static/uJNlGEGmN0F4AuPJmOZn" mode="" <image src="https://lxnapi.ccttiot.com/bike/img/static/uJNlGEGmN0F4AuPJmOZn" mode=""
v-if="data.ruleIds.includes(item.ruleId)"> v-if="data.ruleIds.includes(item.ruleId)">
</image> </image>
</view> </view>
</view> </view>
</view> </view>
</scroll-view>
<view class="btn" @click="subacc()"> <view class="btn" @click="subacc()">
确定 确定
</view> </view>
@ -169,7 +169,7 @@
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
bgc: { bgc: {
@ -384,64 +384,69 @@
}); });
}, },
} }
} }
</script> </script>
<style lang="scss"> <style lang="scss">
page {} page {}
.page { .page {
.choose_part { .choose_part {
position: fixed; position: fixed;
top: 530rpx; top: 50%;
left: 54rpx; left: 50%;
transform: translate(-50%, -50%);
z-index: 110; z-index: 110;
width: 644rpx; width: 644rpx;
padding: 40rpx 48rpx; padding: 40rpx 48rpx;
background: #FFFFFF; background: #FFFFFF;
border-radius: 26rpx 26rpx 26rpx 26rpx; border-radius: 26rpx;
.part_box { .part_box {
margin-top: 40rpx; margin-top: 40rpx;
display: flex; max-height: 600rpx;
flex-wrap: wrap;
.part:nth-child(3n) { .part_list {
margin-right: 0; display: flex;
flex-direction: column;
gap: 20rpx;
.part_item {
width: 100%;
} }
.part { .part {
margin-top: 10rpx;
position: relative; position: relative;
margin-right: 36rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
// width: 160rpx; padding: 20rpx;
// height: 60rpx;
padding: 10rpx 20rpx;
background: #F0F0F0; background: #F0F0F0;
border-radius: 6rpx 6rpx 6rpx 6rpx; border-radius: 12rpx;
border: 1rpx solid #F0F0F0; border: 1rpx solid #F0F0F0;
font-weight: 500;
font-size: 32rpx; font-size: 32rpx;
color: #3D3D3D; color: #3D3D3D;
transition: all 0.3s ease;
image { image {
position: absolute; position: absolute;
right: 0; right: 10rpx;
bottom: 0; bottom: 10rpx;
width: 34rpx; width: 34rpx;
height: 34rpx; height: 34rpx;
} }
}
.act { &.act {
background: #DCEDFF; background: #DCEDFF;
border: 1rpx solid #4297F3; border: 1rpx solid #4297F3;
color: #4297F3; color: #4297F3;
} }
&:active {
opacity: 0.8;
}
}
}
} }
.tit { .tit {
@ -450,20 +455,25 @@
font-weight: 600; font-weight: 600;
font-size: 36rpx; font-size: 36rpx;
color: #3D3D3D; color: #3D3D3D;
margin-bottom: 20rpx;
} }
.btn { .btn {
margin-top: 60rpx; margin-top: 40rpx;
display: flex; width: 100%;
align-items: center;
justify-content: center;
width: 552rpx;
height: 88rpx; height: 88rpx;
background: #4C97E7; background: #4C97E7;
border-radius: 10rpx 10rpx 10rpx 10rpx; border-radius: 10rpx;
font-weight: 600; font-weight: 600;
font-size: 36rpx; font-size: 36rpx;
color: #FFFFFF; color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
&:active {
opacity: 0.9;
}
} }
} }
@ -645,5 +655,5 @@
} }
} }
</style> </style>