Browse Source

隐藏停车记录-订单详情页中的支付按钮(仅限地磁场景的0元订单),在车位锁、地磁扫码支付的订单页面增加“欠费补缴”按钮,点击跳转至车主公众号-停车记录-欠费未缴页面

qiubo 3 years ago
parent
commit
07f0924946

+ 36 - 30
pages/center/order/order.vue

@@ -99,10 +99,11 @@
 										入场通道:{{orderItem.roadwayName}}</view>
 									<view class="order-center-item">
 										入场时间:{{ orderItem.inTime }}</view>
-									<view class="order-center-item" v-if="orderItem.orderStatus == 1 && orderItem.outTime">
+									<view class="order-center-item"
+										v-if="orderItem.orderStatus == 1 && orderItem.outTime">
 										出场通道:{{`未出场`}}</view>
-										<view class="order-center-item" v-if="orderItem.orderStatus !== 1">
-											出场通道:{{orderItem.outParkingName}}</view>
+									<view class="order-center-item" v-if="orderItem.orderStatus !== 1">
+										出场通道:{{orderItem.outParkingName}}</view>
 									<view class="order-center-item" v-if="orderItem.orderStatus !== 1">
 										出场时间:{{ orderItem.inTime }}</view>
 									<view class="order-center-item">
@@ -116,7 +117,7 @@
 										<span class="pay-amount">{{ orderItem.payAmount || 0 }}</span>
 									</view>
 									<view class="order-center-item"
-									v-if="(orderItem.actualAmount || orderItem.actualAmount === 0) && orderItem.orderStatus !== 2 && orderItem.orderStatus !== 1">
+										v-if="(orderItem.actualAmount || orderItem.actualAmount === 0) && orderItem.orderStatus !== 2 && orderItem.orderStatus !== 1">
 										实缴金额:
 										<span class="pay-amount">{{ orderItem.actualAmount || 0 }}</span>
 									</view>
@@ -159,28 +160,28 @@
 				list: [{
 						index: 0,
 						name: '全部',
-						orderStatus	: null,
+						orderStatus: null,
 						pageNum: 1,
 						total: null
 					},
 					{
 						index: 1,
 						name: '停放中',
-						orderStatus	: 1,
+						orderStatus: 1,
 						pageNum: 1,
 						total: null
 					},
 					{
 						index: 2,
 						name: '欠费未缴',
-						orderStatus	: 2,
+						orderStatus: 2,
 						pageNum: 1,
 						total: null
 					},
 					{
 						index: 3,
 						name: '已完成',
-						orderStatus	: 4,
+						orderStatus: 4,
 						pageNum: 1,
 						total: null
 					}
@@ -200,23 +201,28 @@
 						value: 'park'
 					}
 				],
-				typeCurrent: {//设置停车类型默认值
+				typeCurrent: { //设置停车类型默认值
 					label: '路段',
 					value: 'road'
 				}
 			}
 		},
-		onShow() {
-			// this.typeCurrent = this.typeList[0]
-			// onShow 刷新数据
-			this.list[this.current].pageNum = 1
-			this.orderList = [
-				[],
-				[],
-				[],
-				[]
-			]
-			this.getOrderList(this.list[this.current],this.typeCurrent)
+		onShow() {},
+		onLoad(options) {
+			let questCurrent = options.orderStatus
+			if (questCurrent) {
+				this.current = questCurrent
+				this.change(questCurrent)
+			} else {
+				this.list[this.current].pageNum = 1
+				this.orderList = [
+					[],
+					[],
+					[],
+					[]
+				]
+				this.getOrderList(this.list[this.current], this.typeCurrent)
+			}
 		},
 		computed: {
 			// 价格小数
@@ -249,21 +255,21 @@
 					return
 				};
 				this.loadStatus.splice(this.list[this.current].index, 1, 'loading')
-				this.getOrderList(this.list[this.current],this.typeCurrent)
+				this.getOrderList(this.list[this.current], this.typeCurrent)
 			},
 			// 页面数据
 
-			getOrderList(orderType,typeCurrent) {
+			getOrderList(orderType, typeCurrent) {
 				//初始化订单列表
 				const param = {
 					pageNum: orderType.pageNum,
-					orderStatus: orderType.orderStatus	
+					orderStatus: orderType.orderStatus
 				}
-				
+
 				// 未出场: orderStatus	 = 1-停放中
 				// 缴费中: orderStatus	 = 2-出场中  && payStatus = 2-支付中
 				// 完成:   orderStatus	 = 4-完成
-				if(typeCurrent.value == 'road'){
+				if (typeCurrent.value == 'road') {
 					this.$u.api.getOrderList(param)
 						.then(res => {
 							for (const item of res.data.pageInfo.rows) {
@@ -280,8 +286,8 @@
 								type: 'error'
 							})
 						})
-					
-				}else{
+
+				} else {
 					this.$u.api.getRoomParkingApi(param)
 						.then(res => {
 							for (const item of res.data.pageInfo.rows) {
@@ -299,7 +305,7 @@
 							})
 						})
 				}
-				
+
 				this.loadStatus.splice(this.current, 1, 'loadmore')
 			},
 			// tab栏切换
@@ -313,7 +319,7 @@
 					[]
 				]
 				this.list[index].pageNum = 1
-				this.getOrderList(this.list[index],this.typeCurrent)
+				this.getOrderList(this.list[index], this.typeCurrent)
 			},
 			transition({
 				detail: {
@@ -389,7 +395,7 @@
 					[]
 				]
 				this.list[this.current].pageNum = 1
-				this.getOrderList(this.list[this.current],this.typeCurrent)
+				this.getOrderList(this.list[this.current], this.typeCurrent)
 			}
 		},
 		filters: {

+ 5 - 1
pages/center/order/orderDetails/orderDetails.vue

@@ -101,11 +101,15 @@
 				<u-cell-item v-if="orderInfo.payStatus == 1" title="缴费方式 " :arrow="false" :border-bottom="false"
 					:border-top="false" :value="orderInfo.paySource | verifyPaySource"></u-cell-item>
 			</u-cell-group>
+			<view class="" v-if="orderInfo.deviceType == 1 && orderInfo.payAmount == 0">
+				提示:可寻找附近的收费员打印小票并扫码出场
+			</view>
 		</view>
 		<view class="bottom-btn-wrap"
-			v-if="(orderInfo.payStatus == 0 || orderInfo.payStatus == 2 || orderInfo.payStatus == 3) && openFlag !== 'open'">
+			v-if="(orderInfo.payStatus == 0 || orderInfo.payStatus == 2 || orderInfo.payStatus == 3) && openFlag !== 'open'&& (orderInfo.deviceType != 1 && orderInfo.payAmount != 0)">
 			<view class="bottom-btn" @click="goPay(orderId)">去支付</view>
 		</view>
+		
 		<view class="bottom-btn-wrap" v-if="openFlag === 'open' && orderInfo.payStatus == 1">
 			<view class="bottom-btn" @click="jumpOrderList()">返回订单页</view>
 		</view>

+ 233 - 202
pages/parkingLock/parkingLock.vue

@@ -1,210 +1,218 @@
 <template>
-	<!-- 车位锁 -->
-	<view class="parking-lock">
-		<!-- 车位锁支付 -->
-		<template v-if="parkingLockStatus === 1">
-			<view class="parking-lock-pay">
-				<view class="parking-lock-title">支付停车费</view>
-				<view class="parking-lock-tips">请您确认停车费用,确认后请支付费用,结束停车。谢谢您的使用!</view>
-				<view class="parking-lock-info">
-					<view class="parking-lock-info-item">
-						<view>停车场名称</view>
-						<view>{{orderInfo.roadName}}</view>
-					</view>
-					<view class="parking-lock-info-item">
-						<view>停车泊位</view>
-						<view>{{orderInfo.spaceName}}</view>
-					</view>
-					<!-- <view class="parking-lock-info-item">
-						<view>入场时间</view>
-						<view>{{orderInfo.inTime}}</view>
-					</view>
-					<view class="parking-lock-info-item">
-						<view>出场时间</view>
-						<view>{{orderInfo.outTime}}</view>
-					</view>
-					<view class="parking-lock-info-item">
-						<view>停车时长</view>
-						<view>{{ orderInfo.duration || 0}}</view>
-					</view>
-					<view class="parking-lock-info-item">
-						<view>免费时长</view>
-						<view>{{ orderInfo.freeDuration || 0 }}</view>
-					</view> -->
-					<view class="parking-lock-info-item">
-						<view>开始计费</view>
-						<view>{{orderInfo.inTime}}</view>
-					</view>
-					<view class="parking-lock-info-item">
-						<view>结束计费</view>
-						<view>{{orderInfo.outTime}}</view>
-					</view>
-					<view class="parking-lock-info-item">
-						<view>免费时长</view>
-						<!-- <view>{{ orderInfo.freeDuration || '0天0时15分0秒' }}</view> -->
-						<view>{{ '0天0时15分0秒' }}</view>
-					</view>
-					<view class="parking-lock-info-item">
-						<view>计费时长</view>
-						<view>{{orderInfo.calcDuration || 0}}</view>
-					</view>
-					<view class="parking-lock-info-item">
-						<view>累计停车时长</view>
-						<view>{{ orderInfo.duration || 0 }}</view>
+	<view>
+		<view class="Jump">
+			<view class="Jump-btn" @click="jumpArrears">
+				欠费补缴
+			</view>
+		</view>
+		<!-- 车位锁 -->
+		<view class="parking-lock">
+			<!-- 车位锁支付 -->
+			<template v-if="parkingLockStatus === 1">
+				<view class="parking-lock-pay">
+					<view class="parking-lock-title">支付停车费</view>
+					<view class="parking-lock-tips">请您确认停车费用,确认后请支付费用,结束停车。谢谢您的使用!</view>
+					<view class="parking-lock-info">
+						<view class="parking-lock-info-item">
+							<view>停车场名称</view>
+							<view>{{orderInfo.roadName}}</view>
+						</view>
+						<view class="parking-lock-info-item">
+							<view>停车泊位</view>
+							<view>{{orderInfo.spaceName}}</view>
+						</view>
+						<!-- <view class="parking-lock-info-item">
+							<view>入场时间</view>
+							<view>{{orderInfo.inTime}}</view>
+						</view>
+						<view class="parking-lock-info-item">
+							<view>出场时间</view>
+							<view>{{orderInfo.outTime}}</view>
+						</view>
+						<view class="parking-lock-info-item">
+							<view>停车时长</view>
+							<view>{{ orderInfo.duration || 0}}</view>
+						</view>
+						<view class="parking-lock-info-item">
+							<view>免费时长</view>
+							<view>{{ orderInfo.freeDuration || 0 }}</view>
+						</view> -->
+						<view class="parking-lock-info-item">
+							<view>开始计费</view>
+							<view>{{orderInfo.inTime}}</view>
+						</view>
+						<view class="parking-lock-info-item">
+							<view>结束计费</view>
+							<view>{{orderInfo.outTime}}</view>
+						</view>
+						<view class="parking-lock-info-item">
+							<view>免费时长</view>
+							<!-- <view>{{ orderInfo.freeDuration || '0天0时15分0秒' }}</view> -->
+							<view>{{ '0天0时15分0秒' }}</view>
+						</view>
+						<view class="parking-lock-info-item">
+							<view>计费时长</view>
+							<view>{{orderInfo.calcDuration || 0}}</view>
+						</view>
+						<view class="parking-lock-info-item">
+							<view>累计停车时长</view>
+							<view>{{ orderInfo.duration || 0 }}</view>
+						</view>
+						<!-- <view class="parking-lock-info-item">
+							<view>合计金额</view>
+							<view>{{orderInfo.totalAmount}} 元</view>
+						</view>
+						<view class="parking-lock-info-item">
+							<view>优惠金额</view>
+							<view>{{orderInfo.preferentialAmount}} 元</view>
+						</view> -->
+						<view class="parking-lock-info-item">
+							<view>应缴金额</view>
+							<view class="really-money">{{orderInfo.payAmount || 0}} 元</view>
+						</view>
+						<view class="parking-lock-info-item">
+							<view>订单编号</view>
+							<view>{{orderInfo.orderId}}</view>
+						</view>
+						<!-- <view class="parking-lock-info-item" v-if="orderInfo.vehicleNo">
+							<view>车牌信息</view>
+							<view class="really-license">{{ orderInfo.vehicleNo }}</view>
+						</view> -->
+						<!-- <view class="parking-lock-info-item" v-if="orderInfo.vehicleNo==''">
+							<view>车牌信息</view>
+							<view class="really-license"><text class="really-license-txt" @click="addvehicleNo">添加车牌</text>
+							</view>
+						</view>
+						<view class="parking-lock-info-item" v-else>
+							<view>车牌信息</view>
+							<view class="really-license">{{orderInfo.vehicleNo}} <text @click="changevehicleNo"
+									class="really-license-txt1">更换</text></view>
+						</view> -->
 					</view>
-					<!-- <view class="parking-lock-info-item">
-						<view>合计金额</view>
-						<view>{{orderInfo.totalAmount}} 元</view>
+					<view class="parking-lock-pay-btn">
+						<button type="default" @click="payMoney">立即支付</button>
 					</view>
-					<view class="parking-lock-info-item">
-						<view>优惠金额</view>
-						<view>{{orderInfo.preferentialAmount}} 元</view>
+					<!-- <view class="parking-lock-pay-attention">
+						<text>
+							温馨提示:车牌信息可填可不填,如果您已通过本机号码办理了特定车或包月车业务,则需要输入车牌号,否则将按照常规收费标准进行收费。
+						</text>
 					</view> -->
-					<view class="parking-lock-info-item">
-						<view>应缴金额</view>
-						<view class="really-money">{{orderInfo.payAmount || 0}} 元</view>
+					<view class="parking-lock-pay-attention">
+						<text>
+							温馨提示:车辆计费前您有15分钟免费停车时长,15分钟过后则升板锁车开始计费。
+						</text>
 					</view>
-					<view class="parking-lock-info-item">
-						<view>订单编号</view>
-						<view>{{orderInfo.orderId}}</view>
-					</view>
-					<!-- <view class="parking-lock-info-item" v-if="orderInfo.vehicleNo">
-						<view>车牌信息</view>
-						<view class="really-license">{{ orderInfo.vehicleNo }}</view>
-					</view> -->
-					<!-- <view class="parking-lock-info-item" v-if="orderInfo.vehicleNo==''">
-						<view>车牌信息</view>
-						<view class="really-license"><text class="really-license-txt" @click="addvehicleNo">添加车牌</text>
+				</view>
+			</template>
+			<!-- 车位锁开始状态 -->
+			<template v-else-if="parkingLockStatus === 2">
+				<view class="parking-lock-begin">
+					<view class="parking-lock-begin-box">
+						<view class="parking-lock-begin-bg">
+							<image src="../../static/img/parking-lock-bg.png" mode=""></image>
 						</view>
 					</view>
-					<view class="parking-lock-info-item" v-else>
-						<view>车牌信息</view>
-						<view class="really-license">{{orderInfo.vehicleNo}} <text @click="changevehicleNo"
-								class="really-license-txt1">更换</text></view>
-					</view> -->
+					<view class="parking-lock-begin-info">车位锁正在动作,还未到位</view>
 				</view>
-				<view class="parking-lock-pay-btn">
-					<button type="default" @click="payMoney">立即支付</button>
-				</view>
-				<!-- <view class="parking-lock-pay-attention">
-					<text>
-						温馨提示:车牌信息可填可不填,如果您已通过本机号码办理了特定车或包月车业务,则需要输入车牌号,否则将按照常规收费标准进行收费。
-					</text>
-				</view> -->
-				<view class="parking-lock-pay-attention">
-					<text>
-						温馨提示:车辆计费前您有15分钟免费停车时长,15分钟过后则升板锁车开始计费。
-					</text>
-				</view>
-			</view>
-		</template>
-		<!-- 车位锁开始状态 -->
-		<template v-else-if="parkingLockStatus === 2">
-			<view class="parking-lock-begin">
-				<view class="parking-lock-begin-box">
-					<view class="parking-lock-begin-bg">
-						<image src="../../static/img/parking-lock-bg.png" mode=""></image>
+			</template>
+			<!-- 车位锁正在状态 -->
+			<template v-else-if="parkingLockStatus === 3">
+				<view class="parking-lock-loading">
+					<view class="parking-lock-loading-box">
+						<view class="parking-lock-loading-bg">
+							<image src="../../static/img/parking-lock-bg.png" mode=""></image>
+						</view>
 					</view>
+					<view class="parking-lock-loading-info">开锁中,请等待!</view>
 				</view>
-				<view class="parking-lock-begin-info">车位锁正在动作,还未到位</view>
-			</view>
-		</template>
-		<!-- 车位锁正在状态 -->
-		<template v-else-if="parkingLockStatus === 3">
-			<view class="parking-lock-loading">
-				<view class="parking-lock-loading-box">
-					<view class="parking-lock-loading-bg">
-						<image src="../../static/img/parking-lock-bg.png" mode=""></image>
+			</template>
+			<!-- 开锁完成 -->
+			<template v-else-if="parkingLockStatus === 4">
+				<view class="parking-lock-success">
+					<view class="parking-lock-success-box">
+						<image src="../../static/img/parking-lock-achieve.png" mode=""></image>
+					</view>
+					<view class="parking-lock-success-info">开锁已完成</view>
+					<view class="parking-lock-success-button">
+						<button @click="cancel">返回</button>
 					</view>
 				</view>
-				<view class="parking-lock-loading-info">开锁中,请等待!</view>
-			</view>
-		</template>
-		<!-- 开锁完成 -->
-		<template v-else-if="parkingLockStatus === 4">
-			<view class="parking-lock-success">
-				<view class="parking-lock-success-box">
-					<image src="../../static/img/parking-lock-achieve.png" mode=""></image>
+			</template>
+			<template v-else-if="parkingLockStatus === 5">
+				<view class="parking-lock-pay">
+					<view class="parking-lock-tips">{{tipsMsg}}</view>
 				</view>
-				<view class="parking-lock-success-info">开锁已完成</view>
-				<view class="parking-lock-success-button">
-					<button @click="cancel">返回</button>
+			</template>
+			<!-- 支付方式 -->
+			<PaymentMethod :payWayPop="payWayPop" :curOrderList="orderList" :deviceNo="deviceNo" :jumpUrl="jumpUrl"
+				@closePaymentMethod="closePaymentMethod"></PaymentMethod>
+			<u-toast ref="uToast" />
+			<u-popup v-model="show" mode="center" border-radius="14" width="200rpx" height="200rpx">
+				<view class="loadingSelect">订单查询中...</view>
+				<view class="spinner">
+					<view class="rect1"></view>
+					<view class="rect2"></view>
+					<view class="rect3"></view>
+					<view class="rect4"></view>
+					<view class="rect5"></view>
 				</view>
-			</view>
-		</template>
-		<template v-else-if="parkingLockStatus === 5">
-			<view class="parking-lock-pay">
-				<view class="parking-lock-tips">{{tipsMsg}}</view>
-			</view>
-		</template>
-		<!-- 支付方式 -->
-		<PaymentMethod :payWayPop="payWayPop" :curOrderList="orderList" :deviceNo="deviceNo" :jumpUrl="jumpUrl"
-			@closePaymentMethod="closePaymentMethod"></PaymentMethod>
-		<u-toast ref="uToast" />
-		<u-popup v-model="show" mode="center" border-radius="14" width="200rpx" height="200rpx">
-			<view class="loadingSelect">订单查询中...</view>
-			<view class="spinner">
-				<view class="rect1"></view>
-				<view class="rect2"></view>
-				<view class="rect3"></view>
-				<view class="rect4"></view>
-				<view class="rect5"></view>
-			</view>
-		</u-popup>
-		<u-popup class="popup-vehicleNo" v-model="ShowaddvehicleNo" mode="center" border-radius="20" width="710rpx"
-			height="auto">
-			<view class="popup-vehicleNo-title">添加车牌</view>
-			<view class="popup-vehicleNo-center"></view>
-			<view class="popup-vehicleNo-content">
-				<view class="new-plate-number">
-					<view class="message-input-wrap" @click="messageInputClick">
-						<u-message-input :maxlength="8" width="70" font-size="50" :disabled-keyboard="true"
-							v-model="newPlateNumber"></u-message-input>
+			</u-popup>
+			<u-popup class="popup-vehicleNo" v-model="ShowaddvehicleNo" mode="center" border-radius="20" width="710rpx"
+				height="auto">
+				<view class="popup-vehicleNo-title">添加车牌</view>
+				<view class="popup-vehicleNo-center"></view>
+				<view class="popup-vehicleNo-content">
+					<view class="new-plate-number">
+						<view class="message-input-wrap" @click="messageInputClick">
+							<u-message-input :maxlength="8" width="70" font-size="50" :disabled-keyboard="true"
+								v-model="newPlateNumber"></u-message-input>
+						</view>
 					</view>
 				</view>
-			</view>
-			<view class="popup-vehicleNo-select">暂无绑定车牌</view>
-			<view class="vehicleNo-btn">
-				<u-button type="primary" @click="handleAddCar">确认</u-button>
-				<u-button type="primary" plain @click="ShowaddvehicleNo=false">取消</u-button>
-			</view>
-		</u-popup>
+				<view class="popup-vehicleNo-select">暂无绑定车牌</view>
+				<view class="vehicleNo-btn">
+					<u-button type="primary" @click="handleAddCar">确认</u-button>
+					<u-button type="primary" plain @click="ShowaddvehicleNo=false">取消</u-button>
+				</view>
+			</u-popup>
 
-		<u-popup class="popup-vehicleNo" v-model="ShowchangevehicleNo" mode="center" border-radius="20" width="710rpx"
-			height="auto">
-			<view class="popup-vehicleNo-title">更换车牌</view>
-			<view class="popup-vehicleNo-center"></view>
-			<view class="popup-vehicleNo-content">
-				<view class="new-plate-number">
-					<view class="message-input-wrap" @click="messageInputClick">
-						<u-message-input :maxlength="8" width="70" font-size="50" :disabled-keyboard="true"
-							v-model="newPlateNumber"></u-message-input>
+			<u-popup class="popup-vehicleNo" v-model="ShowchangevehicleNo" mode="center" border-radius="20"
+				width="710rpx" height="auto">
+				<view class="popup-vehicleNo-title">更换车牌</view>
+				<view class="popup-vehicleNo-center"></view>
+				<view class="popup-vehicleNo-content">
+					<view class="new-plate-number">
+						<view class="message-input-wrap" @click="messageInputClick">
+							<u-message-input :maxlength="8" width="70" font-size="50" :disabled-keyboard="true"
+								v-model="newPlateNumber"></u-message-input>
+						</view>
 					</view>
 				</view>
-			</view>
-			<view class="popup-vehicleNo-select">
-				<u-collapse ref="refValue">
-					<u-collapse-item title="点击选择车牌" align="center">
-						<u-cell-group>
-							<u-cell-item :title="item.vehicleNo" v-for="(item, index) in groupList" :key="index"
-								:arrow="false">
-								<u-radio-group v-model="selectvalue" @change="radioGroupChange">
-									<u-radio :name="item.vehicleNo" :key="index"></u-radio>
-								</u-radio-group>
-							</u-cell-item>
-						</u-cell-group>
-					</u-collapse-item>
-				</u-collapse>
-			</view>
-			<view class="vehicleNo-btn">
-				<u-button type="primary" @click="handleAddCar">确认</u-button>
-				<u-button type="primary" plain @click="ShowchangevehicleNo=false">取消</u-button>
-			</view>
-		</u-popup>
-		<u-action-sheet :list="colorList" @click="confirmColor" v-model="colorShow"></u-action-sheet>
-		<u-keyboard ref="uKeyboard" mode="car" @change="keyboardChange" @confirm="keyboardConfirm"
-			@backspace="backspace" v-model="keyboardshow"></u-keyboard>
+				<view class="popup-vehicleNo-select">
+					<u-collapse ref="refValue">
+						<u-collapse-item title="点击选择车牌" align="center">
+							<u-cell-group>
+								<u-cell-item :title="item.vehicleNo" v-for="(item, index) in groupList" :key="index"
+									:arrow="false">
+									<u-radio-group v-model="selectvalue" @change="radioGroupChange">
+										<u-radio :name="item.vehicleNo" :key="index"></u-radio>
+									</u-radio-group>
+								</u-cell-item>
+							</u-cell-group>
+						</u-collapse-item>
+					</u-collapse>
+				</view>
+				<view class="vehicleNo-btn">
+					<u-button type="primary" @click="handleAddCar">确认</u-button>
+					<u-button type="primary" plain @click="ShowchangevehicleNo=false">取消</u-button>
+				</view>
+			</u-popup>
+			<u-action-sheet :list="colorList" @click="confirmColor" v-model="colorShow"></u-action-sheet>
+			<u-keyboard ref="uKeyboard" mode="car" @change="keyboardChange" @confirm="keyboardConfirm"
+				@backspace="backspace" v-model="keyboardshow"></u-keyboard>
+		</view>
 	</view>
+
 </template>
 
 <script>
@@ -305,6 +313,11 @@
 			}
 		},
 		methods: {
+			jumpArrears() {
+				uni.navigateTo({
+					url: '../center/order/order?orderStatus=2'
+				})
+			},
 			radioGroupChange(e) {
 				this.newPlateNumber = e
 			},
@@ -410,7 +423,9 @@
 			 * @param { String } orderId
 			 */
 			handlePayStatus(orderId) {
-				this.$u.api.getOrderInfo({ orderId }).then(res => {
+				this.$u.api.getOrderInfo({
+					orderId
+				}).then(res => {
 					if (res.code === 200) {
 						if (res.data.payStatus === 1 || res.data.payStatus === 3) {
 							this.show = false
@@ -435,7 +450,9 @@
 			},
 			// 查询订单信息
 			getOrderDetails(id) {
-				this.$u.api.getOrderDetail({ id }).then(res => {
+				this.$u.api.getOrderDetail({
+					id
+				}).then(res => {
 					if (res.code === 200 && res.data.id) {
 						this.parkingLockStatus = 1
 						// 获取页面完整url
@@ -481,22 +498,24 @@
 			},
 			// 查询设备状态
 			getEqumentStatus(orderNo) {
-				this.$u.api.getEquomentInfo({ orderNo }).then(res => {
-						if (res.code === 200) {
-							if (res.data.deviceStatus == 0) {
-								this.parkingLockStatus = 4
-								clearInterval(this.timer)
-							} else if (res.data.deviceStatus == 1 || res.data.deviceStatus == 5) {
-								this.parkingLockStatus = 2
-							} else if (res.data.deviceStatus == 6) {
-								this.parkingLockStatus = 3
-							}
-						} else {
+				this.$u.api.getEquomentInfo({
+					orderNo
+				}).then(res => {
+					if (res.code === 200) {
+						if (res.data.deviceStatus == 0) {
+							this.parkingLockStatus = 4
 							clearInterval(this.timer)
+						} else if (res.data.deviceStatus == 1 || res.data.deviceStatus == 5) {
+							this.parkingLockStatus = 2
+						} else if (res.data.deviceStatus == 6) {
+							this.parkingLockStatus = 3
 						}
-					}).catch(() => {
+					} else {
 						clearInterval(this.timer)
-					})
+					}
+				}).catch(() => {
+					clearInterval(this.timer)
+				})
 			},
 			// 返回首页
 			cancel() {
@@ -513,4 +532,16 @@
 
 <style lang="scss" scoped>
 	@import './parkingLock.scss';
+
+	.Jump {
+
+		display: flex;
+		justify-content: flex-end;
+		background-color: #F6F6FF;
+
+		&-btn {
+			color: rgb(0, 140, 255);
+			padding: 12rpx 20rpx;
+		}
+	}
 </style>