no message

pages/my/index.vue

@@ -342,7 +342,13 @@ export default {
 				name: 'file',
 				success: (uploadFileRes) => {
 					let url = JSON.parse(uploadFileRes.data).data
-					that.$Request.postJson('/app/user/updateUserImageUrl?avatar=' + url).then((res) => {
+
+					let data = {
+						avatar: url
+					}
+
+					that.$Request.postT('/app/user/updateUserImageUrl', data).then((res) => {
+						console.log(res)
 						uni.hideLoading()
 						if (res.code === 0) {
 							that.$queue.showToast('更新成功')
@@ -420,7 +426,10 @@ export default {
 											name: 'file',
 											success: (uploadFileRes) => {
 												url = JSON.parse(uploadFileRes.data).data
-												that.$Request.postJson('/app/user/updateUserImageUrl?avatar=' + url).then((res) => {
+												let data = {
+													avatar: url
+												}
+												that.$Request.postT('/app/user/updateUserImageUrl', data).then((res) => {
 													uni.hideLoading()
 													if (res.code === 0) {
 														that.$queue.showToast('更新成功')
@@ -821,4 +830,4 @@ page {
 	background-repeat: no-repeat;
 	background-size: contain;
 }
-</style>
+</style>

pages/order/paotuiMap.vue

@@ -1,205 +1,197 @@
-<template>
-	<view v-if="XCXIsSelect=='是'">
-		<map id="map" style="width: 100%; height: 700px;" :latitude="latitude" :longitude="longitude" :markers="markers"
-			:show-location="true">
-		</map>
-
-		<cover-view class="controls-title">
-			<cover-view class="tabs_box">
-				<cover-image class="pay_img" src="../../static/images/order/avatar.png"></cover-image>
-				<cover-view class="flex flex-sub margin-left-sm flex-direction justify-between">
-					<cover-view class="pay_name">骑手预计{{rider.mDateTime[1]}}送达</cover-view>
-					<cover-view class="text-gray margin-top" style="margin-top: 5rpx;">
-						距离您{{rider.aDouble}}
-					</cover-view>
-				</cover-view>
-				<cover-view class="flex">
-					<cover-image class="pay_img1 margin-right" @click="goNav" src="../../static/images/order/im.png"></cover-image>
-					<cover-image class="pay_img1" @click="call" src="../../static/images/order/phone.png"></cover-image>
-				</cover-view>
-			</cover-view>
-		</cover-view>
-
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				latitude: '',
-				longitude: '',
-				markers: [], //标记点
-				indentNumber: '',
-				riderUserId: '',
-				orderDetails: {},
-				rider: {},
-				timer: '',
-				XCXIsSelect: '是',
-			}
-		},
-		onLoad(option) {
-			this.XCXIsSelect = this.$queue.getData('XCXIsSelect');
-			if (this.XCXIsSelect == '否') {
-				this.getGuize()
-				uni.setNavigationBarTitle({
-					title: '隐私政策'
-				});
-			} else {
-				uni.setNavigationBarTitle({
-					title: '地图'
-				});
-			}
-			let that = this
-			that.indentNumber = option.indentNumber
-
-			that.getData()
-
-			
-		},
-		onShow() {
-			let that = this
-			this.timer = setInterval(function() {
-				that.getLocation()
-			}, 10000)
-		},
-		onHide() {
-			console.log(this.timer,'定时器')
-			clearInterval(this.timer)
-		},
-		methods: {
-			getData() {
-				this.$Request.postT('/app/tbindent/userIndentMessage?indentNumber=' + this.indentNumber).then(res => {
-					console.log(res)
-					if (res.code == 0) {
-						this.orderDetails = res.data
-						console.log(this.orderDetails.avatar)
-						let marker = {
-							id: 1,
-							latitude: res.data.userLat,
-							longitude: res.data.userLng,
-							iconPath: '../../static/images/order/01.png',
-							width: '40',
-							height: '40'
-						}
-						this.markers.push(marker)
-						this.riderUserId = this.orderDetails.riderUserId
-						this.getLocation()
-						console.log(this.markers)
-					}
-				});
-			},
-			getLocation() {
-				let data = {
-					riderUserId: this.riderUserId,
-					lat: this.orderDetails.userLat,
-					lng: this.orderDetails.userLng
-				}
-				this.$Request.getT('/timedtask/selectRiderLocation', data).then(res => {
-					if (res.code === 0) {
-						this.latitude = res.data.riderLocation.lat;
-						this.longitude = res.data.riderLocation.lng;
-						this.rider = res.data
-						this.rider.mDateTime = res.data.mDateTime.split(' ')
-						if (this.rider.aDouble > 1000) {
-							this.rider.aDouble = Number((this.rider.aDouble / 1000)).toFixed(2)+"km"
-						}else{
-							if(this.rider.aDouble==0){
-								this.rider.aDouble = "0m";
-							}else{
-								this.rider.aDouble = Number(this.rider.aDouble).toFixed(1) +"m";
-							}
-						}
-						
-						let marker = {
-							id: 2,
-							latitude: res.data.riderLocation.lat,
-							longitude: res.data.riderLocation.lng,
-							iconPath: '../../static/images/order/rider.png',
-							width: '40',
-							height: '40',
-						}
-						this.markers.push(marker)
-					}
-				});
-			},
-			call() {
-				uni.makePhoneCall({
-					phoneNumber: this.orderDetails.phone
-				});
-			},
-			goNav() {
-				uni.navigateTo({
-					url: '/pageA/kefu/kefu'
-				})
-			}
-		},
-	}
-</script>
-
-<style>
-	.controls-title {
-		width: 90%;
-		/* height: 220upx; */
-		/* line-height: 220upx; */
-		background: #FFFFFF;
-		position: fixed;
-		bottom: 0rpx;
-		margin: 40upx;
-		border-radius: 26upx;
-		box-shadow: 0upx 30upx 40upx 0upx rgba(187, 170, 163, 0.20);
-		/* margin: 0 40rpx; */
-		margin-bottom: 50rpx;
-	}
-
-	.tabs_box {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		padding: 10rpx;
-		margin: 20rpx;
-	}
-
-	.pay_tit {
-		flex: 1;
-		display: flex;
-		flex-direction: column;
-		justify-content: space-between;
-	}
-
-	.pay_img {
-		width: 100rpx;
-		height: 100rpx;
-		border-radius: 10rpx;
-	}
-	.pay_img1 {
-		width: 60rpx;
-		height: 60rpx;
-		border-radius: 10rpx;
-	}
-
-	.tabs_bottom {
-		margin: 0 20rpx 20rpx;
-		display: flex;
-	}
-
-	.pay_btn {
-		padding: 5rpx 16rpx;
-		border: solid 2rpx #999999;
-		margin-right: 20rpx;
-		display: flex;
-		align-items: center;
-		border-radius: 10rpx;
-	}
-
-	.pay_name {
-		font-size: 32rpx;
-		font-weight: bold;
-	}
-
-	.pay_line {
-		height: 2rpx;
-		background-color: #afafaf;
-		margin: 10rpx 0;
-	}
-</style>
+<template>
+	<view v-if="XCXIsSelect == '是'">
+		<map id="map" style="width: 100%; height: 700px" :latitude="latitude" :longitude="longitude" :markers="markers" :show-location="true"></map>
+
+		<cover-view class="controls-title">
+			<cover-view class="tabs_box">
+				<cover-image class="pay_img" src="../../static/images/order/avatar.png"></cover-image>
+				<cover-view class="flex flex-sub margin-left-sm flex-direction justify-between">
+					<cover-view class="pay_name">骑手预计{{ rider.mDateTime[1] }}送达</cover-view>
+					<cover-view class="text-gray margin-top" style="margin-top: 5rpx">距离您{{ rider.aDouble }}</cover-view>
+				</cover-view>
+				<cover-view class="flex">
+					<cover-image class="pay_img1 margin-right" @click="goNav" src="../../static/images/order/im.png"></cover-image>
+					<cover-image class="pay_img1" @click="call" src="../../static/images/order/phone.png"></cover-image>
+				</cover-view>
+			</cover-view>
+		</cover-view>
+	</view>
+</template>
+
+<script>
+export default {
+	data() {
+		return {
+			latitude: '',
+			longitude: '',
+			markers: [], //标记点
+			indentNumber: '',
+			riderUserId: '',
+			orderDetails: {},
+			rider: {},
+			timer: '',
+			XCXIsSelect: '是'
+		}
+	},
+	onLoad(option) {
+		this.XCXIsSelect = this.$queue.getData('XCXIsSelect')
+		if (this.XCXIsSelect == '否') {
+			this.getGuize()
+			uni.setNavigationBarTitle({
+				title: '隐私政策'
+			})
+		} else {
+			uni.setNavigationBarTitle({
+				title: '地图'
+			})
+		}
+
+		this.indentNumber = option.indentNumber
+
+		this.getData()
+	},
+	onShow() {
+		this.timer = setInterval(() => {
+			this.getLocation()
+		}, 10000)
+	},
+	onHide() {
+		console.log(this.timer, '定时器')
+		clearInterval(this.timer)
+	},
+	methods: {
+		getData() {
+			this.$Request.postT('/app/tbindent/userIndentMessage?indentNumber=' + this.indentNumber).then((res) => {
+				console.log(res)
+				if (res.code == 0) {
+					this.orderDetails = res.data
+					console.log(this.orderDetails.avatar)
+					let marker = {
+						id: 1,
+						latitude: res.data.userLat,
+						longitude: res.data.userLng,
+						iconPath: '../../static/images/order/01.png',
+						width: '40',
+						height: '40'
+					}
+					this.markers.push(marker)
+					this.riderUserId = this.orderDetails.riderUserId
+					this.getLocation()
+					console.log(this.markers)
+				}
+			})
+		},
+		getLocation() {
+			let data = {
+				riderUserId: this.riderUserId,
+				lat: this.orderDetails.userLat,
+				lng: this.orderDetails.userLng
+			}
+			this.$Request.getT('/timedtask/selectRiderLocation', data).then((res) => {
+				if (res.code === 0) {
+					this.latitude = res.data.riderLocation.lat
+					this.longitude = res.data.riderLocation.lng
+					this.rider = res.data
+					this.rider.mDateTime = res.data.mDateTime.split(' ')
+					if (this.rider.aDouble > 1000) {
+						this.rider.aDouble = Number(this.rider.aDouble / 1000).toFixed(2) + 'km'
+					} else {
+						if (this.rider.aDouble == 0) {
+							this.rider.aDouble = '0m'
+						} else {
+							this.rider.aDouble = Number(this.rider.aDouble).toFixed(1) + 'm'
+						}
+					}
+
+					let marker = {
+						id: 2,
+						latitude: res.data.riderLocation.lat,
+						longitude: res.data.riderLocation.lng,
+						iconPath: '../../static/images/order/rider.png',
+						width: '40',
+						height: '40'
+					}
+					this.markers.push(marker)
+				}
+			})
+		},
+		call() {
+			uni.makePhoneCall({
+				phoneNumber: this.orderDetails.phone
+			})
+		},
+		goNav() {
+			uni.navigateTo({
+				url: '/pageA/kefu/kefu'
+			})
+		}
+	}
+}
+</script>
+
+<style>
+.controls-title {
+	width: 90%;
+	/* height: 220upx; */
+	/* line-height: 220upx; */
+	background: #ffffff;
+	position: fixed;
+	bottom: 0rpx;
+	margin: 40upx;
+	border-radius: 26upx;
+	box-shadow: 0upx 30upx 40upx 0upx rgba(187, 170, 163, 0.2);
+	/* margin: 0 40rpx; */
+	margin-bottom: 50rpx;
+}
+
+.tabs_box {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	padding: 10rpx;
+	margin: 20rpx;
+}
+
+.pay_tit {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+}
+
+.pay_img {
+	width: 100rpx;
+	height: 100rpx;
+	border-radius: 10rpx;
+}
+.pay_img1 {
+	width: 60rpx;
+	height: 60rpx;
+	border-radius: 10rpx;
+}
+
+.tabs_bottom {
+	margin: 0 20rpx 20rpx;
+	display: flex;
+}
+
+.pay_btn {
+	padding: 5rpx 16rpx;
+	border: solid 2rpx #999999;
+	margin-right: 20rpx;
+	display: flex;
+	align-items: center;
+	border-radius: 10rpx;
+}
+
+.pay_name {
+	font-size: 32rpx;
+	font-weight: bold;
+}
+
+.pay_line {
+	height: 2rpx;
+	background-color: #afafaf;
+	margin: 10rpx 0;
+}
+</style>

pages/order/takefood.vue

@@ -270,19 +270,18 @@ export default {
 				title: '订单详情'
 			})
 		}
-		let that = this
 		uni.showLoading({
 			title: '加载中...',
 			mask: true // 是否显示透明蒙层，防止触摸穿透
 		})
-		that.orderId = option.orderId
-		that.shopId = option.shopId
+		this.orderId = option.orderId
+		this.shopId = option.shopId
 		uni.getLocation({
 			type: 'gcj02', //返回可以用于uni.openLocation的经纬度
-			success: function (res) {
-				that.lat = res.latitude
-				that.lng = res.longitude
-				that.getDataDet()
+			success: (res) => {
+				this.lat = res.latitude
+				this.lng = res.longitude
+				this.getDataDet()
 			},
 			fail(e) {
 				uni.hideLoading()
@@ -316,14 +315,13 @@ export default {
 	methods: {
 		// 点击调起地图查看位置
 		goMaps() {
-			let that = this
-			let lati = parseFloat(that.shopInfo.shopLat)
-			let longi = parseFloat(that.shopInfo.shopLng)
+			let lati = parseFloat(this.shopInfo.shopLat)
+			let longi = parseFloat(this.shopInfo.shopLng)
 			uni.authorize({
 				scope: 'scope.userLocation',
-				success(res) {
+				success: (res) => {
 					uni.openLocation({
-						name: that.shopInfo.shopName,
+						name: this.shopInfo.shopName,
 						latitude: lati,
 						longitude: longi,
 						success: function () {}
@@ -442,19 +440,18 @@ export default {
 			})
 		},
 		getRiderUnreadCount() {
-			let that = this
 			let data = {
-				ordersId: that.orderId
+				ordersId: this.orderId
 			}
-			that.$Request.getT('/app/ordersChat/selectUserUnreadCount', data).then((res) => {
+			this.$Request.getT('/app/ordersChat/selectUserUnreadCount', data).then((res) => {
 				if (res.code == 0) {
 					if (res.data > 0) {
-						if (that.RiderUnreadCount != res.data) {
-							that.aplayAudio()
-							that.RiderUnreadCount = res.data
+						if (this.RiderUnreadCount != res.data) {
+							this.aplayAudio()
+							this.RiderUnreadCount = res.data
 						}
 					} else {
-						that.RiderUnreadCount = 0
+						this.RiderUnreadCount = 0
 					}
 				}
 			})

pages/order/waimaiMap.vue

@@ -1,219 +1,212 @@
-<template>
-	<view>
-		<map id="map" style="width: 100%; height: 700px;" :latitude="latitude" :longitude="longitude" :markers="markers"
-			:show-location="true">
-		</map>
-
-		<cover-view class="controls-title">
-			<cover-view class="tabs_box">
-				<cover-image class="pay_img" src="../../static/images/order/avatar.png"></cover-image>
-				<cover-view class="flex flex-sub margin-left-sm flex-direction justify-between">
-					<cover-view class="pay_name">骑手预计{{rider.mDateTime[1]}}送达</cover-view>
-					<cover-view class="text-gray margin-top" style="margin-top: 5rpx;">
-						距离您{{rider.aDouble}}
-					</cover-view>
-				</cover-view>
-				<cover-view class="flex">
-					<cover-image class="pay_img1 margin-right" @click="goNav" src="../../static/images/order/im.png"></cover-image>
-					<cover-image class="pay_img1" @click="call" src="../../static/images/order/phone.png"></cover-image>
-				</cover-view>
-			</cover-view>
-		</cover-view>
-
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				latitude: '',
-				longitude: '',
-				markers: [], //标记点
-				orderId: '',
-				riderUserId: '',
-				orderDetails: {},
-				rider: {},
-				timer: '',
-				lat: '',
-				lng: '',
-			}
-		},
-		onLoad(option) {
-			let that = this
-			that.orderId = option.orderId
-			uni.getLocation({
-				type: 'gcj02', //返回可以用于uni.openLocation的经纬度
-				success: function(res) {
-					that.lat = res.latitude;
-					that.lng = res.longitude;
-					that.getData()
-					
-				},fail(e) {
-					uni.hideLoading();
-					uni.showModal({
-						title: '温馨提示',
-						content: '您的定位权限未开启，请开启后再来操作吧！',
-						showCancel: true,
-						cancelText: '取消',
-						confirmText: '确认',
-						success: res => {
-							if(res.confirm){
-								uni.openSetting({ // 打开设置页
-									success(rea) {
-										console.log(rea.authSetting)
-									}
-								});
-							}
-						}
-					});
-				}
-			});
-			
-		},
-		onShow() {
-			let that = this
-			that.timer = setInterval(function() {
-				that.getLocation()
-			}, 10000)
-		},
-		onHide() {
-			console.log(this.timer,'定时器')
-			clearInterval(this.timer)
-		},
-		onBackPress(e){
-			console.log("监听返回按钮事件",this.timer);
-			clearInterval(this.timer)
-			// 此处一定姚要return为true，否则页面不会返回到指定路径
-			return true;
-		},
-		methods: {
-			getData() {
-				let data = {
-					orderId: this.orderId
-				};
-				this.$Request.get('/app/order/selectOrderById',data).then(res => {
-					console.log(res)
-					if (res.code == 0) {
-						this.orderDetails = res.data
-						
-						this.riderUserId = res.data.riderUserId
-						this.getLocation()
-						// console.log(this.markers)
-					}
-				});
-			},
-			getLocation() {
-				let data = {
-					riderUserId: this.riderUserId,
-					lat: this.lat,
-					lng: this.lng
-				}
-				this.$Request.getT('/timedtask/selectRiderLocation', data).then(res => {
-					if (res.code === 0) {
-						this.latitude = res.data.riderLocation.lat;
-						this.longitude = res.data.riderLocation.lng;
-						this.rider = res.data
-						this.rider.mDateTime = res.data.mDateTime.split(' ')
-						if (this.rider.aDouble > 1000) {
-							this.rider.aDouble = Number((this.rider.aDouble / 1000)).toFixed(2)+"km"
-						}else{
-							if(this.rider.aDouble==0){
-								this.rider.aDouble = "0m";
-							}else{
-								this.rider.aDouble = Number(this.rider.aDouble).toFixed(1) +"m";
-							}
-						}
-						
-						let marker = {
-							id: 2,
-							latitude: res.data.riderLocation.lat,
-							longitude: res.data.riderLocation.lng,
-							iconPath: '../../static/images/order/rider.png',
-							width: '40',
-							height: '40',
-						}
-						this.markers.push(marker)
-					}
-				});
-			},
-			call() {
-				uni.makePhoneCall({
-					phoneNumber: this.orderDetails.riderPhone
-				});
-			},
-			goNav() {
-				uni.navigateTo({
-					url: '/my/setting/chat'
-				})
-			}
-		},
-	}
-</script>
-
-<style>
-	.controls-title {
-		width: 90%;
-		/* height: 220upx; */
-		/* line-height: 220upx; */
-		background: #FFFFFF;
-		position: fixed;
-		bottom: 0rpx;
-		margin: 40upx;
-		border-radius: 26upx;
-		box-shadow: 0upx 30upx 40upx 0upx rgba(187, 170, 163, 0.20);
-		/* margin: 0 40rpx; */
-		margin-bottom: 50rpx;
-	}
-
-	.tabs_box {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		padding: 10rpx;
-		margin: 20rpx;
-	}
-
-	.pay_tit {
-		flex: 1;
-		display: flex;
-		flex-direction: column;
-		justify-content: space-between;
-	}
-
-	.pay_img {
-		width: 100rpx;
-		height: 100rpx;
-		border-radius: 10rpx;
-	}
-	.pay_img1 {
-		width: 60rpx;
-		height: 60rpx;
-		border-radius: 10rpx;
-	}
-
-	.tabs_bottom {
-		margin: 0 20rpx 20rpx;
-		display: flex;
-	}
-
-	.pay_btn {
-		padding: 5rpx 16rpx;
-		border: solid 2rpx #999999;
-		margin-right: 20rpx;
-		display: flex;
-		align-items: center;
-		border-radius: 10rpx;
-	}
-
-	.pay_name {
-		font-size: 32rpx;
-		font-weight: bold;
-	}
-
-	.pay_line {
-		height: 2rpx;
-		background-color: #afafaf;
-		margin: 10rpx 0;
-	}
-</style>
+<template>
+	<view>
+		<map id="map" style="width: 100%; height: 700px" :latitude="latitude" :longitude="longitude" :markers="markers" :show-location="true"></map>
+
+		<cover-view class="controls-title">
+			<cover-view class="tabs_box">
+				<cover-image class="pay_img" src="../../static/images/order/avatar.png"></cover-image>
+				<cover-view class="flex flex-sub margin-left-sm flex-direction justify-between">
+					<cover-view class="pay_name">骑手预计{{ rider.mDateTime[1] }}送达</cover-view>
+					<cover-view class="text-gray margin-top" style="margin-top: 5rpx">距离您{{ rider.aDouble }}</cover-view>
+				</cover-view>
+				<cover-view class="flex">
+					<cover-image class="pay_img1 margin-right" @click="goNav" src="../../static/images/order/im.png"></cover-image>
+					<cover-image class="pay_img1" @click="call" src="../../static/images/order/phone.png"></cover-image>
+				</cover-view>
+			</cover-view>
+		</cover-view>
+	</view>
+</template>
+
+<script>
+export default {
+	data() {
+		return {
+			latitude: '',
+			longitude: '',
+			markers: [], //标记点
+			orderId: '',
+			riderUserId: '',
+			orderDetails: {},
+			rider: {},
+			timer: '',
+			lat: '',
+			lng: ''
+		}
+	},
+	onLoad(option) {
+		this.orderId = option.orderId
+		uni.getLocation({
+			type: 'gcj02', //返回可以用于uni.openLocation的经纬度
+			success: (res) => {
+				this.lat = res.latitude
+				this.lng = res.longitude
+				this.getData()
+			},
+			fail(e) {
+				uni.hideLoading()
+				uni.showModal({
+					title: '温馨提示',
+					content: '您的定位权限未开启，请开启后再来操作吧！',
+					showCancel: true,
+					cancelText: '取消',
+					confirmText: '确认',
+					success: (res) => {
+						if (res.confirm) {
+							uni.openSetting({
+								// 打开设置页
+								success(rea) {
+									console.log(rea.authSetting)
+								}
+							})
+						}
+					}
+				})
+			}
+		})
+	},
+	onShow() {
+		this.timer = setInterval(() => {
+			this.getLocation()
+		}, 10000)
+	},
+	onHide() {
+		console.log(this.timer, '定时器')
+		clearInterval(this.timer)
+	},
+	onBackPress(e) {
+		console.log('监听返回按钮事件', this.timer)
+		clearInterval(this.timer)
+		// 此处一定姚要return为true，否则页面不会返回到指定路径
+		return true
+	},
+	methods: {
+		getData() {
+			let data = {
+				orderId: this.orderId
+			}
+			this.$Request.get('/app/order/selectOrderById', data).then((res) => {
+				console.log(res)
+				if (res.code == 0) {
+					this.orderDetails = res.data
+
+					this.riderUserId = res.data.riderUserId
+					this.getLocation()
+					// console.log(this.markers)
+				}
+			})
+		},
+		getLocation() {
+			let data = {
+				riderUserId: this.riderUserId,
+				lat: this.lat,
+				lng: this.lng
+			}
+			this.$Request.getT('/timedtask/selectRiderLocation', data).then((res) => {
+				if (res.code === 0) {
+					this.latitude = res.data.riderLocation.lat
+					this.longitude = res.data.riderLocation.lng
+					this.rider = res.data
+					this.rider.mDateTime = res.data.mDateTime.split(' ')
+					if (this.rider.aDouble > 1000) {
+						this.rider.aDouble = Number(this.rider.aDouble / 1000).toFixed(2) + 'km'
+					} else {
+						if (this.rider.aDouble == 0) {
+							this.rider.aDouble = '0m'
+						} else {
+							this.rider.aDouble = Number(this.rider.aDouble).toFixed(1) + 'm'
+						}
+					}
+
+					let marker = {
+						id: 2,
+						latitude: res.data.riderLocation.lat,
+						longitude: res.data.riderLocation.lng,
+						iconPath: '../../static/images/order/rider.png',
+						width: '40',
+						height: '40'
+					}
+					this.markers.push(marker)
+				}
+			})
+		},
+		call() {
+			uni.makePhoneCall({
+				phoneNumber: this.orderDetails.riderPhone
+			})
+		},
+		goNav() {
+			uni.navigateTo({
+				url: '/my/setting/chat'
+			})
+		}
+	}
+}
+</script>
+
+<style>
+.controls-title {
+	width: 90%;
+	/* height: 220upx; */
+	/* line-height: 220upx; */
+	background: #ffffff;
+	position: fixed;
+	bottom: 0rpx;
+	margin: 40upx;
+	border-radius: 26upx;
+	box-shadow: 0upx 30upx 40upx 0upx rgba(187, 170, 163, 0.2);
+	/* margin: 0 40rpx; */
+	margin-bottom: 50rpx;
+}
+
+.tabs_box {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	padding: 10rpx;
+	margin: 20rpx;
+}
+
+.pay_tit {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+}
+
+.pay_img {
+	width: 100rpx;
+	height: 100rpx;
+	border-radius: 10rpx;
+}
+.pay_img1 {
+	width: 60rpx;
+	height: 60rpx;
+	border-radius: 10rpx;
+}
+
+.tabs_bottom {
+	margin: 0 20rpx 20rpx;
+	display: flex;
+}
+
+.pay_btn {
+	padding: 5rpx 16rpx;
+	border: solid 2rpx #999999;
+	margin-right: 20rpx;
+	display: flex;
+	align-items: center;
+	border-radius: 10rpx;
+}
+
+.pay_name {
+	font-size: 32rpx;
+	font-weight: bold;
+}
+
+.pay_line {
+	height: 2rpx;
+	background-color: #afafaf;
+	margin: 10rpx 0;
+}
+</style>