Browse Source

在车位锁、地磁扫码支付的订单页面增加“欠费补缴”按钮,点击跳转至车主公众号-停车记录-欠费未缴页面

wangcc 3 years ago
parent
commit
668c8d450d
2 changed files with 106 additions and 73 deletions
  1. 10 0
      pages/center/order/order.vue
  2. 96 73
      pages/parkingLock/parkingLock.vue

+ 10 - 0
pages/center/order/order.vue

@@ -124,6 +124,16 @@ export default {
     this.orderList = [[], [], [], []]
     this.getOrderList(this.list[this.current])
   },
+  onLoad(options) {
+  	
+	let questCurrent = options.swiperIndex
+	
+	console.log(questCurrent)
+	if(questCurrent){
+		this.current = questCurrent
+		// this.getOrderList(this.list[questCurrent])
+	}
+  },
   computed: {
     // 价格小数
     priceDecimal () {

+ 96 - 73
pages/parkingLock/parkingLock.vue

@@ -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>