This commit is contained in:
tx 2025-01-10 10:04:58 +08:00
parent 7d71c25699
commit a3ad3f2798
4 changed files with 99 additions and 103 deletions

4
README.md Normal file
View File

@ -0,0 +1,4 @@
1.该项目为创享微信小程序修改兼容支付宝小程序
2.主要功能和微信小程序一样 用法差异在于地图的使用和蓝牙的调用方法
3.重新封装了针对于支付宝小程序的蓝牙操作在utils/bluetooth.js文件中已经相关目录当中有关于支付宝小程序蓝牙的调用方法

View File

@ -851,23 +851,6 @@ export default {
Binddevice() { Binddevice() {
console.log('Binddevice'); console.log('Binddevice');
//
// my.getBluetoothAdapterState({
// success: (res) => {
// console.log(':', res.available);
// if (!res.available) {
// this.maskepage = 5;
// this.buletxt = '';
// return;
// }
// },
// fail: () => {
// this.maskepage = 5;
// this.buletxt = '';
// }
// });
// //
this.maskloading = true; this.maskloading = true;
this.devicesList = []; this.devicesList = [];

View File

@ -344,17 +344,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'; //
} }

View File

@ -136,23 +136,23 @@
</view> </view>
</view> </view>
<u-mask :show="showpart" :z-index='100' @click="closepart()" /> <u-mask :show="showpart" :z-index='100' @click="closepart()" />
<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"
<view class="part" :class="data.ruleIds.includes(item.ruleId) ? 'act' : ''"> @click="chooseAcc(item.ruleId)">
{{item.name}} <view class="part" :class="data.ruleIds.includes(item.ruleId) ? 'act' : ''">
<image src="https://lxnapi.ccttiot.com/bike/img/static/uJNlGEGmN0F4AuPJmOZn" mode="aspectFit" {{ item.name }}
v-if="data.ruleIds.includes(item.ruleId)"> <image src="https://lxnapi.ccttiot.com/bike/img/static/uJNlGEGmN0F4AuPJmOZn" mode=""
</image> v-if="data.ruleIds.includes(item.ruleId)">
</image>
</view>
</view> </view>
</view> </view>
</scroll-view>
</view>
<view class="btn" @click="subacc()"> <view class="btn" @click="subacc()">
确定 确定
</view> </view>
@ -392,82 +392,91 @@
.page { .page {
.choose_part { .choose_part {
position: fixed; position: fixed;
top: 530rpx; top: 50%;
left: 54rpx; left: 50%;
z-index: 110; transform: translate(-50%, -50%);
width: 644rpx; z-index: 110;
padding: 40rpx 48rpx; width: 644rpx;
background: #FFFFFF; padding: 40rpx 48rpx;
border-radius: 26rpx 26rpx 26rpx 26rpx; background: #FFFFFF;
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 { .part_item {
margin-top: 10rpx; width: 100%;
position: relative; }
margin-right: 36rpx;
display: flex;
align-items: center;
justify-content: center;
// width: 160rpx;
// height: 60rpx;
padding: 10rpx 20rpx;
background: #F0F0F0;
border-radius: 6rpx 6rpx 6rpx 6rpx;
border: 1rpx solid #F0F0F0;
font-weight: 500;
font-size: 32rpx;
color: #3D3D3D; .part {
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 20rpx;
background: #F0F0F0;
border-radius: 12rpx;
border: 1rpx solid #F0F0F0;
font-size: 32rpx;
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 {
background: #DCEDFF;
border: 1rpx solid #4297F3;
color: #4297F3;
}
&:active {
opacity: 0.8;
}
}
} }
} }
.act { .tit {
background: #DCEDFF; width: 100%;
border: 1rpx solid #4297F3; text-align: center;
color: #4297F3; font-weight: 600;
font-size: 36rpx;
color: #3D3D3D;
margin-bottom: 20rpx;
}
.btn {
margin-top: 40rpx;
width: 100%;
height: 88rpx;
background: #4C97E7;
border-radius: 10rpx;
font-weight: 600;
font-size: 36rpx;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
&:active {
opacity: 0.9;
}
} }
} }
.tit {
width: 100%;
text-align: center;
font-weight: 600;
font-size: 36rpx;
color: #3D3D3D;
}
.btn {
margin-top: 60rpx;
display: flex;
align-items: center;
justify-content: center;
width: 552rpx;
height: 88rpx;
background: #4C97E7;
border-radius: 10rpx 10rpx 10rpx 10rpx;
font-weight: 600;
font-size: 36rpx;
color: #FFFFFF;
}
}
.btn_box { .btn_box {
position: fixed; position: fixed;
width: 750rpx; width: 750rpx;