修改点击查询停车费的页面展示逻辑

packages/park/temporaryOrder/index.css

@@ -410,6 +410,12 @@ page {
     display: block;
 }
 
+.notice-text2 {
+    font-size: 28rpx;
+    color: #999999;
+    text-align: center;
+}
+
 .payment-methods {
     margin-bottom: 40rpx;
 }

packages/park/temporaryOrder/index.vue

@@ -67,7 +67,8 @@
             </view>
 
             <!-- 停车费展示部分 -->
-            <view v-if="showCost1" class="cost-container">
+            <view v-if="showCost1">
+                <view v-if="payStatus === 2" class="cost-container">
                     <view>
                         <image class="cost-image"
                             src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/park/park_orderLoading.png"
@@ -95,6 +96,7 @@
                         </view>
                     </view>
                     <view class="notice">
+                        <!-- 未支付状态显示 -->
                         <text class="notice-text">⚠️ 请于付款后{{ feeOutTime }}分钟内离场否则将加收停车费</text>
                     </view>
                     <view class="payment-methods">
@@ -111,6 +113,16 @@
                     </view>
                     <view class="pay-button" @tap="confirmPayment">立即付款</view>
                 </view>
+                <view v-else class="cost-container notice-text2">
+                    <view>
+                        <image class="cost-image"
+                            src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/park/park_orderLoading.png"
+                            mode="aspectFit" />
+                    </view>
+                    <span v-if="!isTimeout">⚠️ 支付成功，请于{{ countdownTime }}内离场否则将加收停车费</span>
+                    <span v-else>⚠️ 您已超时未离场，已重新计费</span>
+                </view>
+            </view>
             <view v-if="showCost2" class="cost-container not-found">
                 未找到停车记录
             </view>
@@ -178,7 +190,13 @@ export default {
             billingTime: '',
             paymentMethod: 'wechat',
             // 定时器ID，用于清除定时器
-            timerId: null
+            timerId: null,
+
+            // 支付状态相关数据
+            payStatus: 0,
+            payTime: '',
+            countdownTime: '',
+            isTimeout: false
         }
     },
     onLoad() {
@@ -215,6 +233,10 @@ export default {
         numberInputResult(e) {
             this.defaultNum = e;
 
+            // 当车牌数据改变时，隐藏停车费显示
+            this.showCost1 = false;
+            this.showCost2 = false;
+
             // 使用$nextTick确保DOM更新完成后再尝试操作组件
             this.$nextTick(() => {
                 if (this.$refs.carNumberInput) {
@@ -266,6 +288,31 @@ export default {
             this.billingTime = timeStr;
         },
 
+        // 更新倒计时
+        updateCountdown() {
+            const payDateTime = new Date(this.payTime);
+            const currentDateTime = new Date();
+            // 计算支付时间加上免费出场时间后的过期时间
+            const expireDateTime = new Date(payDateTime.getTime() + parseInt(this.feeOutTime) * 60 * 1000);
+
+            // 判断是否已超时
+            if (currentDateTime > expireDateTime) {
+                this.isTimeout = true;
+                // 清除定时器，不再更新倒计时
+                if (this.timerId) {
+                    clearInterval(this.timerId);
+                    this.timerId = null;
+                }
+            } else {
+                // 计算剩余时间（秒）
+                const remainingSeconds = Math.floor((expireDateTime - currentDateTime) / 1000);
+                // 格式化剩余时间为分:秒
+                const minutes = Math.floor(remainingSeconds / 60);
+                const seconds = remainingSeconds % 60;
+                this.countdownTime = `${minutes}分${seconds}秒`;
+            }
+        },
+
         // 选择颜色
         selectColor(index) {
             this.selectedColorIndex = index;
@@ -327,6 +374,21 @@ export default {
                         this.timerId = null;
                     }
 
+                    // 重置支付状态相关数据
+                    this.payStatus = res.pay_status || 0;
+                    this.payTime = res.pay_time || '';
+                    this.countdownTime = '';
+                    this.isTimeout = false;
+
+                    // 如果是已支付状态(pay_status=1)
+                    if (this.payStatus === 1 && this.payTime) {
+                        // 计算并显示倒计时
+                        this.updateCountdown();
+                        // 设置定时器，每秒更新一次倒计时
+                        this.timerId = setInterval(() => {
+                            this.updateCountdown();
+                        }, 1000);
+                    } else {
                         if (res.car_billing_type == 1) {
                             this.billingTime = '月租车';
                         } else if (res.car_billing_type == 2) {
@@ -339,6 +401,7 @@ export default {
                                 this.updateBillingTime();
                             }, 1000);
                         }
+                    }
 
                     this.showCost1 = true;
                 } else {