|
|
|
|
@ -29,7 +29,7 @@
|
|
|
|
|
<view class="parkbox">
|
|
|
|
|
<view class="parkbox-title">可预约车位</view>
|
|
|
|
|
<view class="parkbox-content flex-row justify-around">
|
|
|
|
|
<view class="parkbox-item flex-row align-center" style="margin-right: 10rpx;"
|
|
|
|
|
<view class="parkbox-item flex-row align-center" style="margin-right: 10rpx;padding: 28rpx 20rpx;"
|
|
|
|
|
@click="handleSelectPark(2)" :class="(currentPark==2?'parkbox-item-on':'')"
|
|
|
|
|
v-if="remain_big_park>0">
|
|
|
|
|
<view class="parkbox-item-status" v-if="currentPark==2">
|
|
|
|
|
@ -37,7 +37,7 @@
|
|
|
|
|
</view>
|
|
|
|
|
<text class="iconfont icon-tingchechang1" style="font-size: 28rpx;"></text>
|
|
|
|
|
<view>
|
|
|
|
|
<text>大中:{{remain_big_park}}</text>
|
|
|
|
|
<text>大中(09:00-12:00):{{remain_big_park}}</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="parkbox-item flex-col align-center"
|
|
|
|
|
@ -53,6 +53,17 @@
|
|
|
|
|
</view>
|
|
|
|
|
<text style="font-size: 24rpx;color: #828282;">(充电桩空闲0)</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="parkbox-item flex-row align-center" style="margin-right: 10rpx;padding: 28rpx 20rpx;"
|
|
|
|
|
@click="handleSelectPark(4)" :class="(currentPark==4?'parkbox-item-on':'')"
|
|
|
|
|
v-if="remain_big_park2>0">
|
|
|
|
|
<view class="parkbox-item-status" v-if="currentPark==4">
|
|
|
|
|
<u-icon name="checkmark" color="#fff" size="20rpx"></u-icon>
|
|
|
|
|
</view>
|
|
|
|
|
<text class="iconfont icon-tingchechang1" style="font-size: 28rpx;"></text>
|
|
|
|
|
<view>
|
|
|
|
|
<text>大中(13:00-16:00):{{remain_big_park2}}</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="parkbox-item flex-row align-center" style=""
|
|
|
|
|
@click="handleSelectPark(3)" :class="(currentPark==3?'parkbox-item-on':'')"
|
|
|
|
|
v-if="remain_special_park>0">
|
|
|
|
|
@ -163,7 +174,8 @@
|
|
|
|
|
},
|
|
|
|
|
remain_big_park: 0,
|
|
|
|
|
remain_small_park: 0,
|
|
|
|
|
remain_special_park: 0
|
|
|
|
|
remain_special_park: 0,
|
|
|
|
|
remain_big_park2: 0
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
onLoad() {
|
|
|
|
|
@ -296,6 +308,8 @@
|
|
|
|
|
that.remain_big_park = res.remain_big_park;
|
|
|
|
|
that.remain_small_park = res.remain_small_park;
|
|
|
|
|
that.remain_special_park = res.remain_special_park;
|
|
|
|
|
that.remain_big_park2 = res.remain_big_park2;
|
|
|
|
|
|
|
|
|
|
var mod = {
|
|
|
|
|
latitude: that.info.latitude,
|
|
|
|
|
longitude: that.info.longitude,
|
|
|
|
|
@ -360,13 +374,17 @@
|
|
|
|
|
border: 2rpx solid #EF9525 !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.parkbox-content {
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.parkbox-item {
|
|
|
|
|
border: 2rpx solid #F7F6F4;
|
|
|
|
|
background: #F7F6F4;
|
|
|
|
|
border-radius: 5rpx;
|
|
|
|
|
padding: 28rpx 0rpx;
|
|
|
|
|
position: relative;
|
|
|
|
|
flex: 1;
|
|
|
|
|
padding: 10rpx 20rpx;
|
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
font-size: 26rpx;
|
|
|
|
|
@ -375,7 +393,7 @@
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.book-box {
|
|
|
|
|
height: 50%;
|
|
|
|
|
height: 60%;
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: 108rpx;
|
|
|
|
|
left: 0;
|
|
|
|
|
|