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