小鹿骑行 运营区展示小修改 部分页面微调
This commit is contained in:
parent
b3872e12bd
commit
81559044f4
|
@ -461,7 +461,7 @@
|
||||||
bqlist: ['含电池', '含头盔', '含充电器', '含瓶装水', '含竹篮'],
|
bqlist: ['含电池', '含头盔', '含充电器', '含瓶装水', '含竹篮'],
|
||||||
fanganindex: 0,
|
fanganindex: 0,
|
||||||
zutime: 1,
|
zutime: 1,
|
||||||
checked: false,
|
checked: true,
|
||||||
mxflag: true,
|
mxflag: true,
|
||||||
modelId: '',
|
modelId: '',
|
||||||
taocanlist: [],
|
taocanlist: [],
|
||||||
|
|
|
@ -1627,33 +1627,41 @@ import { showLoading } from "../../components/blufi/util"
|
||||||
}
|
}
|
||||||
this.$u.get(`/bst/areaSub/listByAreaId`, data).then((res) => {
|
this.$u.get(`/bst/areaSub/listByAreaId`, data).then((res) => {
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
// 处理接口返回的数据
|
// 先过滤掉status为1的数据
|
||||||
const type1Data = []
|
const filteredData = res.data.filter(item => item.status != 1);
|
||||||
const type2Data = []
|
console.log(filteredData,'000000');
|
||||||
const type3Data = []
|
// 处理接口返回的数据
|
||||||
res.data.forEach(row => {
|
const type1Data = []
|
||||||
if (row.type == 1) {
|
const type2Data = []
|
||||||
type1Data.push(row)
|
const type3Data = []
|
||||||
} else if (row.type == 2) {
|
filteredData.forEach(row => { // 这里使用filteredData而不是res.data
|
||||||
type2Data.push(row)
|
if (row.type == 1) {
|
||||||
} else if (row.type == 3) {
|
type1Data.push(row)
|
||||||
type3Data.push(row)
|
} else if (row.type == 2) {
|
||||||
}
|
type2Data.push(row)
|
||||||
})
|
} else if (row.type == 3) {
|
||||||
const validBoundaries = type1Data.map(row => row.boundaryStr).filter(boundary =>
|
type3Data.push(row)
|
||||||
typeof boundary === 'string' && boundary.trim() !== '')
|
}
|
||||||
const polylines = this.convertBoundaryToPolylines(validBoundaries, 1)
|
})
|
||||||
const validBoundaries1 = type2Data.map(row => row.boundaryStr).filter(boundary =>
|
const validBoundaries = type1Data.map(row => row.boundaryStr).filter(boundary =>
|
||||||
typeof boundary === 'string' && boundary.trim() !== '')
|
typeof boundary === 'string' && boundary.trim() !== '')
|
||||||
const polylines1 = this.convertBoundaryToPolylines(validBoundaries1, 2)
|
const polylines = this.convertBoundaryToPolylines(validBoundaries, 1)
|
||||||
const validBoundaries2 = type3Data.map(row => row.boundaryStr).filter(boundary =>
|
|
||||||
typeof boundary === 'string' && boundary.trim() !== '')
|
const validBoundaries1 = type2Data.map(row => row.boundaryStr).filter(boundary =>
|
||||||
const polylines2 = this.convertBoundaryToPolylines(validBoundaries2, 3)
|
typeof boundary === 'string' && boundary.trim() !== '')
|
||||||
// 将处理后的数据添加到 this.polyline 中
|
const polylines1 = this.convertBoundaryToPolylines(validBoundaries1, 2)
|
||||||
this.polyline = this.polyline.concat(polylines2)
|
|
||||||
this.polyline = this.polyline.concat(polylines1)
|
const validBoundaries2 = type3Data.map(row => row.boundaryStr).filter(boundary =>
|
||||||
this.polyline = this.polyline.concat(polylines)
|
typeof boundary === 'string' && boundary.trim() !== '')
|
||||||
this.parkingList = res.data
|
const polylines2 = this.convertBoundaryToPolylines(validBoundaries2, 3)
|
||||||
|
|
||||||
|
// 将处理后的数据添加到 this.polyline 中
|
||||||
|
this.polyline = this.polyline.concat(polylines2)
|
||||||
|
this.polyline = this.polyline.concat(polylines1)
|
||||||
|
this.polyline = this.polyline.concat(polylines)
|
||||||
|
|
||||||
|
// 这里也使用过滤后的数据
|
||||||
|
this.parkingList = filteredData
|
||||||
}
|
}
|
||||||
}).catch(error => {
|
}).catch(error => {
|
||||||
console.error("Error fetching parking data:", error)
|
console.error("Error fetching parking data:", error)
|
||||||
|
|
|
@ -16,49 +16,93 @@
|
||||||
</map>
|
</map>
|
||||||
|
|
||||||
<view class="dingdanxx">
|
<view class="dingdanxx">
|
||||||
<view class="name"
|
<view class="" style="padding-bottom: 20rpx;box-sizing: border-box;">
|
||||||
style="display: flex;justify-content: space-between;padding-right: 20rpx;box-sizing: border-box;">
|
<view class="name"
|
||||||
订单信息
|
style="display: flex;justify-content: space-between;padding-right: 20rpx;box-sizing: border-box;font-size: 26rpx;">
|
||||||
<text style="color: #3A7EDB;" v-if="orderxqobj.status == 'PROCESSING'">订单进行中</text>
|
订单编号:{{orderxqobj.no}}
|
||||||
<text style="color: #3A7EDB;" v-if="orderxqobj.status == 'FINISHED'">订单已完成</text>
|
<text style="color: #3A7EDB;" v-if="orderxqobj.status == 'PROCESSING'">订单进行中</text>
|
||||||
<text style="color: #ccc;" v-if="orderxqobj.status == 'CANCELED'">订单已取消</text>
|
<text style="color: #3A7EDB;" v-if="orderxqobj.status == 'FINISHED'">订单已完成</text>
|
||||||
</view>
|
<text style="color: #ccc;" v-if="orderxqobj.status == 'CANCELED'">订单已取消</text>
|
||||||
<view class="dingdanbh">
|
</view>
|
||||||
订单编号:<span>{{orderxqobj.no}}</span>
|
<view class="dingdanbh" style="display: flex;justify-content: space-between;">
|
||||||
</view>
|
开始骑行时间<span>{{orderxqobj.startTime == null ? '--' : orderxqobj.startTime}}</span>
|
||||||
<view class="dingdanul">
|
</view>
|
||||||
<view class="dingdanli" style="width: 100%;">
|
<view class="dingdanul">
|
||||||
套餐名称:<span v-if="orderxqobj.suitName">{{orderxqobj.suitName}}</span>
|
<view class="dingdanli" style="width: 100%;display: flex;justify-content: space-between;">
|
||||||
<span v-else>--</span>
|
骑行用户<span style="color: #808080;">{{orderxqobj.userName}}(<span style="color: #3A7EDB;" @click="checkbtn(1)">{{orderxqobj.userPhone}}</span>)</span>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="dingdanul">
|
||||||
|
<view class="dingdanli" style="display: flex;justify-content: space-between;">
|
||||||
|
套餐名称<span style="color: #3A7EDB;">{{orderxqobj.suitName}}</span>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="dingdanul">
|
||||||
|
<view class="dingdanli" style="display: flex;justify-content: space-between;">
|
||||||
|
实收金额<span style="color: #F17F37;font-weight: 600;">¥{{orderxqobj.actualReceivedAmount == undefined ? '0.00' : orderxqobj.actualReceivedAmount}}</span>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="dingdanul">
|
||||||
|
<view class="" style="display: flex;width: 100%;display: flex;justify-content: space-between;">
|
||||||
|
骑行时长<span style="font-size: 32rpx;">{{formattedDuration}} <span style="margin-left: 20rpx;font-size: 26rpx;">{{kmDistance}}km</span></span>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="dingdanul">
|
||||||
|
<view class="dingdanli" style="display: flex;justify-content: space-between;">
|
||||||
|
支付方式<span v-if="orderxqobj.payType == 1">押金抵扣</span><span v-if="orderxqobj.payType == 2">用户支付</span>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="dingdanul">
|
<view class="" style="width: 100%;height: 20rpx;background-color: #F6F6F6;">
|
||||||
<view class="dingdanli">
|
|
||||||
计费方式:<span v-if="orderxqobj.suitRidingRule == 1">起步价计费</span>
|
</view>
|
||||||
<span v-if="orderxqobj.suitRidingRule == 2">区间计费</span>
|
<view class="xingchengxx" style="padding-bottom: 30rpx;box-sizing: border-box;border-top: 1px solid #F3F3F3;margin-top: 0;">
|
||||||
|
<view class="name">
|
||||||
|
费用明细
|
||||||
|
</view>
|
||||||
|
<view class="dingdanul">
|
||||||
|
<view class="dingdanli" style="display: flex;justify-content: space-between;font-size: 32rpx;color: #3D3D3D;">
|
||||||
|
骑行费<span>¥{{orderxqobj.ridingFee}}</span>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="start" style="display: flex;justify-content: space-between;font-size: 32rpx;color: #3D3D3D;">
|
||||||
|
调度费<span>¥{{orderxqobj.dispatchFee}}</span>
|
||||||
|
</view>
|
||||||
|
<view class="start" style="display: flex;justify-content: space-between;font-size: 32rpx;color: #3D3D3D;">
|
||||||
|
管理费<span>¥{{orderxqobj.manageFee}}</span>
|
||||||
|
</view>
|
||||||
|
<view class="start" style="border-bottom: 1px dashed #efefef;padding-bottom: 20rpx;box-sizing: border-box;display: flex;justify-content: space-between;font-size: 32rpx;color: #3D3D3D;">
|
||||||
|
车损费<span>¥{{orderxqobj.deductionFee}}</span>
|
||||||
|
</view>
|
||||||
|
<view class="start" style="display: flex;justify-content: space-between;">
|
||||||
|
<view class=""></view>
|
||||||
|
<view class="">
|
||||||
|
结算金额:<span>¥{{orderxqobj.totalFee}}</span>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="start" style="display: flex;justify-content: space-between;">
|
||||||
|
<view class=""></view>
|
||||||
|
<view class="">
|
||||||
|
优惠:<span>¥{{orderxqobj.totalDiscountAmount}}</span>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="start" style="display: flex;justify-content: space-between;">
|
||||||
|
<view class=""></view>
|
||||||
|
<view class="">
|
||||||
|
退款:<span style="color: #FF4444;">¥{{orderxqobj.adminRefundAmount}}</span>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="start" style="display: flex;justify-content: space-between;border-top: 1px dashed #D8D8D8;padding-top: 20rpx;box-sizing: border-box;">
|
||||||
|
<view class=""></view>
|
||||||
|
<view class="">
|
||||||
|
实付:<span style="color: #FF7310;font-size: 32rpx;">¥{{orderxqobj.actualReceivedAmount}}</span>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="dingdanul">
|
|
||||||
<view class="dingdanli">
|
|
||||||
预存费用:<span
|
|
||||||
style="color: #3A7EDB;font-weight: 600;">{{orderxqobj.depositFee == undefined ? '¥0.00' : '¥' + orderxqobj.depositFee}}</span>
|
<!-- <view class="yingshouprice">
|
||||||
</view>
|
|
||||||
<view class="dingdanli">
|
|
||||||
免费时长:<span>{{orderxqobj.suitFreeRideTime}}分钟</span>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="dingdanul">
|
|
||||||
<view class="dingdanli">
|
|
||||||
租赁用户:<span v-if="orderxqobj.userName">{{orderxqobj.userName}}</span>
|
|
||||||
<span v-else>--</span>
|
|
||||||
</view>
|
|
||||||
<view class="dingdanli">
|
|
||||||
手机号码:<span v-if="orderxqobj.userPhone" style="color: #4C97E7;"
|
|
||||||
@click="checkbtn(1)">{{orderxqobj.userPhone}}</span>
|
|
||||||
<span v-else>--</span>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="yingshouprice">
|
|
||||||
实收金额:<span style="color: #4C97E7;font-weight: 600;">¥{{orderxqobj.actualReceivedAmount}}</span>
|
实收金额:<span style="color: #4C97E7;font-weight: 600;">¥{{orderxqobj.actualReceivedAmount}}</span>
|
||||||
</view>
|
</view>
|
||||||
<view class="dingdanul" style="display: flex;flex-wrap: wrap;padding: 0;margin-top: 0;">
|
<view class="dingdanul" style="display: flex;flex-wrap: wrap;padding: 0;margin-top: 0;">
|
||||||
|
@ -132,9 +176,6 @@
|
||||||
<view class="yingshouprice" style="border: 0;">
|
<view class="yingshouprice" style="border: 0;">
|
||||||
折扣:<span>{{orderxqobj.vipDiscountValue == null ? '--' : orderxqobj.vipDiscountValue + '折'}}</span>
|
折扣:<span>{{orderxqobj.vipDiscountValue == null ? '--' : orderxqobj.vipDiscountValue + '折'}}</span>
|
||||||
</view>
|
</view>
|
||||||
<!-- <view class="yingshouprice" style="border: 0;">
|
|
||||||
骑行费优惠:<span>¥{{orderxqobj.ridingDiscount == null ? '0.00' : orderxqobj.ridingDiscount}}</span>
|
|
||||||
</view> -->
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="xingchengxx" style="padding-bottom: 30rpx;box-sizing: border-box;">
|
<view class="xingchengxx" style="padding-bottom: 30rpx;box-sizing: border-box;">
|
||||||
|
@ -163,7 +204,7 @@
|
||||||
<view class="start">
|
<view class="start">
|
||||||
结束时间:<span v-if="orderxqobj.ridePayTime">{{orderxqobj.ridePayTime}}</span>
|
结束时间:<span v-if="orderxqobj.ridePayTime">{{orderxqobj.ridePayTime}}</span>
|
||||||
<span v-else>--</span>
|
<span v-else>--</span>
|
||||||
</view>
|
</view> -->
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="xingchengxx" style="max-height: 9999rpx;padding-bottom: 20rpx;box-sizing: border-box;">
|
<view class="xingchengxx" style="max-height: 9999rpx;padding-bottom: 20rpx;box-sizing: border-box;">
|
||||||
|
@ -534,7 +575,7 @@
|
||||||
<view class="">
|
<view class="">
|
||||||
改价原因
|
改价原因
|
||||||
</view>
|
</view>
|
||||||
<input type="text" style="width:440rpx;" v-model="yuanyin" :disabled="true" placeholder="请输入改价原因" />
|
<input type="text" style="width:440rpx;" v-model="yuanyin" placeholder="请输入改价原因" />
|
||||||
</view>
|
</view>
|
||||||
<view class="anniu">
|
<view class="anniu">
|
||||||
<view class="qx" @click="qxqx">
|
<view class="qx" @click="qxqx">
|
||||||
|
@ -1205,8 +1246,7 @@
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
this.orderxqobj = res.data
|
this.orderxqobj = res.data
|
||||||
this.updateTrackData()
|
this.updateTrackData()
|
||||||
this.suitSeconds = res.data.suitSeconds == null ? '--' : Math.ceil(res.data.suitSeconds /
|
this.suitSeconds = res.data.suitSeconds == null ? '--' : Math.ceil(res.data.suitSeconds / 3600)
|
||||||
3600)
|
|
||||||
this.orderDeviceList = res.data.orderDeviceList
|
this.orderDeviceList = res.data.orderDeviceList
|
||||||
console.log(this.orderDeviceList, '12212121211124121')
|
console.log(this.orderDeviceList, '12212121211124121')
|
||||||
}
|
}
|
||||||
|
@ -1245,7 +1285,6 @@
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
toTrack() {
|
toTrack() {
|
||||||
let endTime = this.orderxqobj.endTime || this.formatCurrentTime()
|
let endTime = this.orderxqobj.endTime || this.formatCurrentTime()
|
||||||
console.log(endTime, '020202002');
|
console.log(endTime, '020202002');
|
||||||
|
@ -2333,10 +2372,11 @@
|
||||||
};
|
};
|
||||||
this.$u.get('/bst/areaSub/listByAreaId', data).then((res) => {
|
this.$u.get('/bst/areaSub/listByAreaId', data).then((res) => {
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
|
const filteredData = res.data.filter(item => item.status != 1);
|
||||||
const type1Data = [];
|
const type1Data = [];
|
||||||
const type2Data = [];
|
const type2Data = [];
|
||||||
const type3Data = [];
|
const type3Data = [];
|
||||||
res.data.forEach(row => {
|
filteredData.forEach(row => {
|
||||||
if (row.type == 1) type1Data.push(row);
|
if (row.type == 1) type1Data.push(row);
|
||||||
else if (row.type == 2) type2Data.push(row);
|
else if (row.type == 2) type2Data.push(row);
|
||||||
else if (row.type == 3) type3Data.push(row);
|
else if (row.type == 3) type3Data.push(row);
|
||||||
|
@ -2366,7 +2406,7 @@
|
||||||
this.polygon = this.polygon.concat(polygons2);
|
this.polygon = this.polygon.concat(polygons2);
|
||||||
}
|
}
|
||||||
|
|
||||||
this.parkingList = res.data;
|
this.parkingList = filteredData;
|
||||||
this.$forceUpdate();
|
this.$forceUpdate();
|
||||||
}
|
}
|
||||||
}).catch(error => {
|
}).catch(error => {
|
||||||
|
@ -2523,7 +2563,7 @@
|
||||||
max-height: 1092rpx;
|
max-height: 1092rpx;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||||||
z-index: 2;
|
z-index: 99;
|
||||||
padding: 0 30rpx;
|
padding: 0 30rpx;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
@ -2683,16 +2723,16 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.dingdanul {
|
.dingdanul {
|
||||||
font-size: 28rpx;
|
font-size: 32rpx;
|
||||||
color: #808080;
|
color: #808080;
|
||||||
padding: 0 28rpx;
|
padding: 0 28rpx;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
margin-top: 26rpx;
|
margin-top: 40rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
||||||
view {
|
view {
|
||||||
width: 50%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
span {
|
span {
|
||||||
|
@ -2705,7 +2745,7 @@
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
color: #3D3D3D;
|
color: #3D3D3D;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border-bottom: 1rpx solid #F3F3F3;
|
border-bottom: 1rpx dashed #F3F3F3;
|
||||||
padding-top: 22rpx;
|
padding-top: 22rpx;
|
||||||
padding-left: 28rpx;
|
padding-left: 28rpx;
|
||||||
padding-bottom: 22rpx;
|
padding-bottom: 22rpx;
|
||||||
|
@ -2718,9 +2758,9 @@
|
||||||
max-height: 2858rpx;
|
max-height: 2858rpx;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||||
padding-bottom: 20rpx;
|
// padding-bottom: 20rpx;
|
||||||
box-sizing: border-box;
|
// box-sizing: border-box;
|
||||||
|
|
||||||
.yingshouprice {
|
.yingshouprice {
|
||||||
border-top: 1px solid #F3F3F3;
|
border-top: 1px solid #F3F3F3;
|
||||||
margin-top: 26rpx;
|
margin-top: 26rpx;
|
||||||
|
@ -2736,7 +2776,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.dingdanul {
|
.dingdanul {
|
||||||
font-size: 28rpx;
|
font-size: 32rpx;
|
||||||
color: #808080;
|
color: #808080;
|
||||||
padding: 0 28rpx;
|
padding: 0 28rpx;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
@ -2745,7 +2785,7 @@
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
||||||
view {
|
view {
|
||||||
width: 50%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
span {
|
span {
|
||||||
|
@ -2754,7 +2794,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.dingdanbh {
|
.dingdanbh {
|
||||||
font-size: 28rpx;
|
font-size: 32rpx;
|
||||||
color: #808080;
|
color: #808080;
|
||||||
padding: 0 28rpx;
|
padding: 0 28rpx;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
@ -2770,7 +2810,7 @@
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
color: #3D3D3D;
|
color: #3D3D3D;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border-bottom: 1rpx solid #F3F3F3;
|
border-bottom: 1rpx dashed #F3F3F3;
|
||||||
padding-top: 22rpx;
|
padding-top: 22rpx;
|
||||||
padding-left: 28rpx;
|
padding-left: 28rpx;
|
||||||
padding-bottom: 22rpx;
|
padding-bottom: 22rpx;
|
||||||
|
|
|
@ -113,22 +113,6 @@
|
||||||
{{info.payRefunded == null ? '0.00' : info.payRefunded.toFixed(2)}}元
|
{{info.payRefunded == null ? '0.00' : info.payRefunded.toFixed(2)}}元
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- <view class="one">
|
|
||||||
<view class="qian">
|
|
||||||
还车退款
|
|
||||||
</view>
|
|
||||||
<view class="shen">
|
|
||||||
{{info.payAutoRefund == null ? '0.00' : info.payAutoRefund.toFixed(2)}}元
|
|
||||||
</view>
|
|
||||||
</view> -->
|
|
||||||
<!-- <view class="one">
|
|
||||||
<view class="qian">
|
|
||||||
商家退款
|
|
||||||
</view>
|
|
||||||
<view class="shen">
|
|
||||||
{{info.payAdminRefund == null ? '0.00' : info.payAdminRefund.toFixed(2)}}元
|
|
||||||
</view>
|
|
||||||
</view> -->
|
|
||||||
</view>
|
</view>
|
||||||
<view class="xuxian">
|
<view class="xuxian">
|
||||||
<view class="one">
|
<view class="one">
|
||||||
|
@ -357,10 +341,11 @@
|
||||||
};
|
};
|
||||||
this.$u.get('/bst/areaSub/listByAreaId', data).then((res) => {
|
this.$u.get('/bst/areaSub/listByAreaId', data).then((res) => {
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
|
const filteredData = res.data.filter(item => item.status != 1);
|
||||||
const type1Data = [];
|
const type1Data = [];
|
||||||
const type2Data = [];
|
const type2Data = [];
|
||||||
const type3Data = [];
|
const type3Data = [];
|
||||||
res.data.forEach(row => {
|
filteredData.forEach(row => {
|
||||||
if (row.type == 1) type1Data.push(row);
|
if (row.type == 1) type1Data.push(row);
|
||||||
else if (row.type == 2) type2Data.push(row);
|
else if (row.type == 2) type2Data.push(row);
|
||||||
else if (row.type == 3) type3Data.push(row);
|
else if (row.type == 3) type3Data.push(row);
|
||||||
|
@ -390,7 +375,7 @@
|
||||||
this.polygon = this.polygon.concat(polygons2);
|
this.polygon = this.polygon.concat(polygons2);
|
||||||
}
|
}
|
||||||
|
|
||||||
this.parkingList = res.data
|
this.parkingList = filteredData
|
||||||
this.$forceUpdate()
|
this.$forceUpdate()
|
||||||
this.toggleIconAndCallout()
|
this.toggleIconAndCallout()
|
||||||
}
|
}
|
||||||
|
|
|
@ -22,7 +22,6 @@
|
||||||
<view class="biaoti">
|
<view class="biaoti">
|
||||||
{{gonggaoxq.noticeTitle}}
|
{{gonggaoxq.noticeTitle}}
|
||||||
</view>
|
</view>
|
||||||
<!-- <view class="cont" v-html="gonggaoxq.noticeContent"></view> -->
|
|
||||||
<u-parse :html="gonggaoxq.noticeContent" style="width: 100%;height: 620rpx;background-color: #efefef;padding: 10rpx;box-sizing: border-box;margin-top: 20rpx;"></u-parse>
|
<u-parse :html="gonggaoxq.noticeContent" style="width: 100%;height: 620rpx;background-color: #efefef;padding: 10rpx;box-sizing: border-box;margin-top: 20rpx;"></u-parse>
|
||||||
<view class="btn" @click="btnggtc">
|
<view class="btn" @click="btnggtc">
|
||||||
我知道了
|
我知道了
|
||||||
|
@ -33,12 +32,6 @@
|
||||||
<view class="ditu">
|
<view class="ditu">
|
||||||
<map class='map' id="map" :latitude="latitude" :longitude="longitude" :show-location="true" @click="btnzk"/>
|
<map class='map' id="map" :latitude="latitude" :longitude="longitude" :show-location="true" @click="btnzk"/>
|
||||||
<image @click="btnzk" src="https://api.ccttiot.com/smartmeter/img/static/up0OxngKxP5JZ3hRLvCv" class="zk" mode=""></image>
|
<image @click="btnzk" src="https://api.ccttiot.com/smartmeter/img/static/up0OxngKxP5JZ3hRLvCv" class="zk" mode=""></image>
|
||||||
<!-- <view class="caozuo">
|
|
||||||
<image @click="btnpage(1)" src="https://api.ccttiot.com/smartmeter/img/static/uAGgpuC9wi9lFXZFO35G" mode=""></image>
|
|
||||||
<image @click="btnpage(2)" src="https://api.ccttiot.com/smartmeter/img/static/u4DUUUKIRR5HcB8uIkl4" mode=""></image>
|
|
||||||
<image @click="btnpage(3)" src="https://api.ccttiot.com/smartmeter/img/static/unPEUv14mgsytgeis4Fx" mode=""></image>
|
|
||||||
<image @click="btnpage(4)" style="width: 150rpx;" src="https://api.ccttiot.com/smartmeter/img/static/uJPhQOQ3y97HIdcQVdGG" mode=""></image>
|
|
||||||
</view> -->
|
|
||||||
<view class="kuaijie">
|
<view class="kuaijie">
|
||||||
<image @click="btnpage(2)" style="height: 100rpx;margin-top: 16rpx;" src="https://api.ccttiot.com/smartmeter/img/static/udUQI8zA1tYUEndx9guO" mode=""></image> <!-- 订单 -->
|
<image @click="btnpage(2)" style="height: 100rpx;margin-top: 16rpx;" src="https://api.ccttiot.com/smartmeter/img/static/udUQI8zA1tYUEndx9guO" mode=""></image> <!-- 订单 -->
|
||||||
<image @click="btntiao(2)" src="https://api.ccttiot.com/smartmeter/img/static/uECTLFe6fzWgzNzVdsPs" mode=""></image> <!-- 使用帮助 -->
|
<image @click="btntiao(2)" src="https://api.ccttiot.com/smartmeter/img/static/uECTLFe6fzWgzNzVdsPs" mode=""></image> <!-- 使用帮助 -->
|
||||||
|
@ -47,11 +40,8 @@
|
||||||
<image @click="btnkf" src="https://api.ccttiot.com/smartmeter/img/static/up53i8F9cn9wajU8dXuS" mode=""></image> <!-- 客服 -->
|
<image @click="btnkf" src="https://api.ccttiot.com/smartmeter/img/static/up53i8F9cn9wajU8dXuS" mode=""></image> <!-- 客服 -->
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="guanggao">
|
<view class="guanggao">
|
||||||
<!-- <image src="https://api.ccttiot.com/smartmeter/img/static/uTZBBRuyRexKd6c4VE9d" mode="aspectFill"></image> -->
|
|
||||||
<u-swiper :list="lists" @click="btnshangjia"></u-swiper>
|
<u-swiper :list="lists" @click="btnshangjia"></u-swiper>
|
||||||
<!-- <image src="https://api.ccttiot.com/smartmeter/img/static/uEMuO2M40WcExJVSprIy" class="kefu" mode=""></image> -->
|
|
||||||
</view>
|
</view>
|
||||||
<view class="fujin">
|
<view class="fujin">
|
||||||
<view class="names">
|
<view class="names">
|
||||||
|
@ -148,17 +138,12 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="bot">
|
<view class="bot">
|
||||||
<!-- <view class="wz">
|
|
||||||
客服工作时间
|
|
||||||
</view> -->
|
|
||||||
|
|
||||||
<view class="wzs">
|
<view class="wzs">
|
||||||
客服电话高峰期可能遇忙,请耐心等待
|
客服电话高峰期可能遇忙,请耐心等待
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 有订单弹窗 -->
|
<!-- 有订单弹窗 -->
|
||||||
<view class="conts_box" v-if="orderflag" @click="btntz">
|
<view class="conts_box" v-if="orderflag" @click="btntz">
|
||||||
<view class="orderzt">
|
<view class="orderzt">
|
||||||
|
@ -204,7 +189,6 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 扫码用车未在停车点内还车弹窗 -->
|
<!-- 扫码用车未在停车点内还车弹窗 -->
|
||||||
<view class="tingchetc" v-if="fjflag">
|
<view class="tingchetc" v-if="fjflag">
|
||||||
<view class="topname">
|
<view class="topname">
|
||||||
|
@ -212,11 +196,9 @@
|
||||||
{{fajinobj.manageFee > 0 ? '不在运营区' : fajinobj.dispatchFee > 0 ? '不在停车点' : ''}}
|
{{fajinobj.manageFee > 0 ? '不在运营区' : fajinobj.dispatchFee > 0 ? '不在停车点' : ''}}
|
||||||
</view>
|
</view>
|
||||||
<view class="shuom">
|
<view class="shuom">
|
||||||
需支付<text>{{fajinobj.manageFee > 0 ? fajinobj.manageFee : fajinobj.dispatchFee > 0 ? fajinobj.dispatchFee : ''}}元</text>,你可查看<text
|
需支付<text>{{fajinobj.manageFee > 0 ? fajinobj.manageFee : fajinobj.dispatchFee > 0 ? fajinobj.dispatchFee : ''}}元</text>,你可查看<text @click="btntcd">最近停车点</text>
|
||||||
@click="btntcd">最近停车点</text>
|
|
||||||
</view>
|
</view>
|
||||||
<image :src="iconobj.tingcheimg" class="tcimg" mode="aspectFill">
|
<image :src="iconobj.tingcheimg" class="tcimg" mode="aspectFill"></image>
|
||||||
</image>
|
|
||||||
<view class="btnan">
|
<view class="btnan">
|
||||||
<view class="fj" @click="btnfajin">
|
<view class="fj" @click="btnfajin">
|
||||||
缴纳罚金还车
|
缴纳罚金还车
|
||||||
|
@ -227,7 +209,6 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="mask" v-if="fjflag"></view>
|
<view class="mask" v-if="fjflag"></view>
|
||||||
|
|
||||||
<view class="mask" v-if="kefuflag"></view>
|
<view class="mask" v-if="kefuflag"></view>
|
||||||
<tab-bar :indexs='0'></tab-bar>
|
<tab-bar :indexs='0'></tab-bar>
|
||||||
</view>
|
</view>
|
||||||
|
@ -254,7 +235,6 @@
|
||||||
tiaozhuanlist:[],
|
tiaozhuanlist:[],
|
||||||
jinweidu:'',
|
jinweidu:'',
|
||||||
kefuarr:[],
|
kefuarr:[],
|
||||||
|
|
||||||
fjflag: false,
|
fjflag: false,
|
||||||
orderflag: false,
|
orderflag: false,
|
||||||
iconobj:this.$store.state.iconobj,
|
iconobj:this.$store.state.iconobj,
|
||||||
|
@ -549,7 +529,6 @@
|
||||||
url: '/pages/myorder/returned/tingche?areaId=' + this.orderobj.orderAreaId
|
url: '/pages/myorder/returned/tingche?areaId=' + this.orderobj.orderAreaId
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
// 获取本人正在使用的订单设备
|
// 获取本人正在使用的订单设备
|
||||||
getorderdevice() {
|
getorderdevice() {
|
||||||
this.$u.get("/app/orderDevice/mineUsing").then((res) => {
|
this.$u.get("/app/orderDevice/mineUsing").then((res) => {
|
||||||
|
@ -564,7 +543,6 @@
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
// 点击跳转轮播图跳转
|
// 点击跳转轮播图跳转
|
||||||
btnshangjia(e){
|
btnshangjia(e){
|
||||||
console.log(e,'1212121',this.tiaozhuanlist[e].urlType);
|
console.log(e,'1212121',this.tiaozhuanlist[e].urlType);
|
||||||
|
@ -626,7 +604,6 @@
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
// 获取个人用户信息
|
// 获取个人用户信息
|
||||||
getinfo(){
|
getinfo(){
|
||||||
this.$u.get("/getInfo").then(res => {
|
this.$u.get("/getInfo").then(res => {
|
||||||
|
@ -694,7 +671,6 @@
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
// 点击拨打平台客服电话
|
// 点击拨打平台客服电话
|
||||||
btnptkf(tel){
|
btnptkf(tel){
|
||||||
uni.makePhoneCall({
|
uni.makePhoneCall({
|
||||||
|
@ -828,12 +804,10 @@
|
||||||
z-index: 99;
|
z-index: 99;
|
||||||
padding: 28rpx 36rpx;
|
padding: 28rpx 36rpx;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
||||||
.btnan {
|
.btnan {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
margin-top: 40rpx;
|
margin-top: 40rpx;
|
||||||
|
|
||||||
.fj {
|
.fj {
|
||||||
width: 252rpx;
|
width: 252rpx;
|
||||||
height: 72rpx;
|
height: 72rpx;
|
||||||
|
@ -845,7 +819,6 @@
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 72rpx;
|
line-height: 72rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.qx {
|
.qx {
|
||||||
width: 252rpx;
|
width: 252rpx;
|
||||||
height: 72rpx;
|
height: 72rpx;
|
||||||
|
@ -859,30 +832,25 @@
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.tcimg {
|
.tcimg {
|
||||||
width: 552rpx;
|
width: 552rpx;
|
||||||
height: 300rpx;
|
height: 300rpx;
|
||||||
margin-top: 28rpx;
|
margin-top: 28rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shuom {
|
.shuom {
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
color: #3D3D3D;
|
color: #3D3D3D;
|
||||||
margin-top: 18rpx;
|
margin-top: 18rpx;
|
||||||
|
|
||||||
text {
|
text {
|
||||||
color: #4C97E7;
|
color: #4C97E7;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.topname {
|
.topname {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: 36rpx;
|
font-size: 36rpx;
|
||||||
color: #3D3D3D;
|
color: #3D3D3D;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
image {
|
image {
|
||||||
width: 48rpx;
|
width: 48rpx;
|
||||||
height: 48rpx;
|
height: 48rpx;
|
||||||
|
@ -907,7 +875,6 @@
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
bottom: 220rpx;
|
bottom: 220rpx;
|
||||||
|
|
||||||
.orderzt {
|
.orderzt {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
@ -916,7 +883,6 @@
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.txtss {
|
.txtss {
|
||||||
margin-top: 18rpx;
|
margin-top: 18rpx;
|
||||||
padding-left: 20rpx;
|
padding-left: 20rpx;
|
||||||
|
@ -925,7 +891,6 @@
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #808080;
|
color: #808080;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dh {
|
.dh {
|
||||||
width: 160rpx;
|
width: 160rpx;
|
||||||
height: 60rpx;
|
height: 60rpx;
|
||||||
|
@ -936,11 +901,9 @@
|
||||||
padding-top: 10rpx;
|
padding-top: 10rpx;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
.suocheanniu {
|
.suocheanniu {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
.lssc {
|
.lssc {
|
||||||
width: 160rpx;
|
width: 160rpx;
|
||||||
height: 60rpx;
|
height: 60rpx;
|
||||||
|
@ -956,7 +919,6 @@
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.cont_li {
|
.cont_li {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -965,34 +927,29 @@
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
padding: 0 20rpx;
|
padding: 0 20rpx;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
||||||
.left {
|
.left {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: 36rpx;
|
font-size: 36rpx;
|
||||||
color: #3D3D3D;
|
color: #3D3D3D;
|
||||||
|
|
||||||
.km {
|
.km {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #3D3D3D;
|
color: #3D3D3D;
|
||||||
}
|
}
|
||||||
|
|
||||||
.speed {
|
.speed {
|
||||||
margin-top: 18rpx;
|
margin-top: 18rpx;
|
||||||
width: 226rpx;
|
width: 226rpx;
|
||||||
height: 22rpx;
|
height: 22rpx;
|
||||||
background: #ccc;
|
background: #ccc;
|
||||||
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
||||||
|
|
||||||
.speeds {
|
.speeds {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: #4297F3;
|
background: #4297F3;
|
||||||
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.NO {
|
.NO {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
|
@ -1001,7 +958,6 @@
|
||||||
margin-top: 18rpx;
|
margin-top: 18rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.right {
|
.right {
|
||||||
width: 70%;
|
width: 70%;
|
||||||
padding-right: 20rpx;
|
padding-right: 20rpx;
|
||||||
|
|
|
@ -793,17 +793,7 @@
|
||||||
showCancel: true,
|
showCancel: true,
|
||||||
success: function(res) {
|
success: function(res) {
|
||||||
if (res.confirm) {
|
if (res.confirm) {
|
||||||
// if(that.ver_dataflag != 3){
|
|
||||||
// if(that.ljflag == true){
|
|
||||||
// uni.showLoading({
|
|
||||||
// title: '连接中...',
|
|
||||||
// mask: true
|
|
||||||
// })
|
|
||||||
// that.ljflag = false
|
|
||||||
// that.findDevice()
|
|
||||||
// that.getchaoshi()
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
} else if (res.cancel) {
|
} else if (res.cancel) {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -938,17 +928,7 @@
|
||||||
showCancel: true,
|
showCancel: true,
|
||||||
success: function(res) {
|
success: function(res) {
|
||||||
if (res.confirm) {
|
if (res.confirm) {
|
||||||
// if(that.ver_dataflag != 3){
|
|
||||||
// if(that.ljflag == true){
|
|
||||||
// uni.showLoading({
|
|
||||||
// title: '连接中...',
|
|
||||||
// mask: true
|
|
||||||
// })
|
|
||||||
// that.ljflag = false
|
|
||||||
// that.findDevice()
|
|
||||||
// that.getchaoshi()
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
} else if (res.cancel) {
|
} else if (res.cancel) {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -1038,15 +1018,7 @@
|
||||||
success: function(res) {
|
success: function(res) {
|
||||||
if (res.confirm) {
|
if (res.confirm) {
|
||||||
if(that.ver_dataflag != 3){
|
if(that.ver_dataflag != 3){
|
||||||
// if(that.ljflag == true){
|
|
||||||
// uni.showLoading({
|
|
||||||
// title: '连接中...',
|
|
||||||
// mask: true
|
|
||||||
// })
|
|
||||||
// that.ljflag = false
|
|
||||||
// that.findDevice()
|
|
||||||
// that.getchaoshi()
|
|
||||||
// }
|
|
||||||
}
|
}
|
||||||
} else if (res.cancel) {
|
} else if (res.cancel) {
|
||||||
|
|
||||||
|
@ -1635,7 +1607,11 @@
|
||||||
.anniuhc {
|
.anniuhc {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
bottom: 210rpx;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 99;
|
||||||
.huanche {
|
.huanche {
|
||||||
width: 48%;
|
width: 48%;
|
||||||
height: 86rpx;
|
height: 86rpx;
|
||||||
|
|
|
@ -1227,13 +1227,14 @@
|
||||||
this.$u.get(`/app/areaSub/listByArea?areaId=${this.yyid}`).then((res) => {
|
this.$u.get(`/app/areaSub/listByArea?areaId=${this.yyid}`).then((res) => {
|
||||||
if (res.code === 200 && Array.isArray(res.data)) {
|
if (res.code === 200 && Array.isArray(res.data)) {
|
||||||
// 缓存数据
|
// 缓存数据
|
||||||
this.cachedParkingData[this.yyid] = res.data
|
const filteredData = res.data.filter(item => item.status != 1);
|
||||||
|
this.cachedParkingData[this.yyid] = filteredData
|
||||||
|
|
||||||
const type1Data = []
|
const type1Data = []
|
||||||
const type2Data = []
|
const type2Data = []
|
||||||
const type3Data = []
|
const type3Data = []
|
||||||
|
|
||||||
res.data.forEach(row => {
|
filteredData.forEach(row => {
|
||||||
if(row.type == 1) type1Data.push(row)
|
if(row.type == 1) type1Data.push(row)
|
||||||
else if(row.type == 2) type2Data.push(row)
|
else if(row.type == 2) type2Data.push(row)
|
||||||
else if(row.type == 3) type3Data.push(row)
|
else if(row.type == 3) type3Data.push(row)
|
||||||
|
@ -1274,7 +1275,7 @@
|
||||||
|
|
||||||
// 更新显示
|
// 更新显示
|
||||||
this.polyline = allPolylines
|
this.polyline = allPolylines
|
||||||
this.parkingList = res.data
|
this.parkingList = filteredData
|
||||||
this.isFirstLoad = false
|
this.isFirstLoad = false
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
Loading…
Reference in New Issue
Block a user