| 
					
				 | 
			
			
				@@ -1,88 +1,96 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-	<!-- 车位锁 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-	<view class="parking-lock"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-		<!-- 车位锁支付 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-		<view class="parking-lock-pay" v-if="parkingLockStatus === 1"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			<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}}</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				<!-- <view class="parking-lock-info-item"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					<view>合计金额</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					<view>{{orderInfo.totalAmount}} 元</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	<view class=""> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		<view class="Jump"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			<view class="Jump-btn" @click="jumpArrears"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				欠费补缴 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		<!-- 车位锁 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		<view class="parking-lock"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			<!-- 车位锁支付 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			<view class="parking-lock-pay" v-if="parkingLockStatus === 1"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				<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}}</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}} 元</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					</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}} 元</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				<view class="parking-lock-pay-btn"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					<button type="default" @click="payMoney">立即支付</button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			<view class="parking-lock-pay-btn"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				<button type="default" @click="payMoney">立即支付</button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-		</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-		<!-- 车位锁开始状态 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-		<view class="parking-lock-begin" v-else-if="parkingLockStatus === 2"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			<view class="parking-lock-begin-box"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				<view class="parking-lock-begin-bg"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					<image src="../../static/img/parking-lock-bg.png" mode=""></image> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			<!-- 车位锁开始状态 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			<view class="parking-lock-begin" v-else-if="parkingLockStatus === 2"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				<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-begin-info">车位锁正在动作,还未到位</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			<view class="parking-lock-begin-info">车位锁正在动作,还未到位</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-		</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-		<!-- 车位锁正在状态 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-		<view class="parking-lock-loading" v-else-if="parkingLockStatus === 3"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			<view class="parking-lock-loading-box"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				<view class="parking-lock-loading-bg"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					<image src="../../static/img/parking-lock-bg.png" mode=""></image> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			<!-- 车位锁正在状态 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			<view class="parking-lock-loading" v-else-if="parkingLockStatus === 3"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				<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-loading-info">开锁中,请等待!</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-		</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-		<!-- 开锁完成 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-		<view class="parking-lock-success" v-else-if="parkingLockStatus === 4"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			<view class="parking-lock-success-box"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				<image src="../../static/img/parking-lock-achieve.png" mode=""></image> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			<!-- 开锁完成 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			<view class="parking-lock-success" v-else-if="parkingLockStatus === 4"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				<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-success-info">开锁已完成</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			<view class="parking-lock-success-button"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				<button @click="cancel">返回</button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			<view class="parking-lock-pay" v-else-if="parkingLockStatus === 5"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				<view class="parking-lock-tips">{{tipsMsg}}</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			<!-- 支付方式 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			<PaymentMethod 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				:payWayPop="payWayPop" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				:curOrderList="orderList" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				:deviceNo="deviceNo" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				:jumpUrl="jumpUrl" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				@closePaymentMethod="closePaymentMethod"></PaymentMethod> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			<u-toast ref="uToast" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-		<view class="parking-lock-pay" v-else-if="parkingLockStatus === 5"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			<view class="parking-lock-tips">{{tipsMsg}}</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-		</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-		<!-- 支付方式 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-		<PaymentMethod 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			:payWayPop="payWayPop" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			:curOrderList="orderList" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			:deviceNo="deviceNo" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			:jumpUrl="jumpUrl" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			@closePaymentMethod="closePaymentMethod"></PaymentMethod> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-		<u-toast ref="uToast" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 	</view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <script> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -141,6 +149,11 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		methods: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			jumpArrears() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				uni.navigateTo({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					url:'../center/order/order?swiperIndex=2' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				}) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			payMoney() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				this.payWayPop = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			}, 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -197,4 +210,14 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <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> 
			 |