From 5a138037433e909041e4333931a91510d5f06cc2 Mon Sep 17 00:00:00 2001
From: ISFP_T <68358856@qq.com>
Date: Tue, 3 Feb 2026 17:47:55 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E4=BF=AE=E5=A4=8Dbug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 config/api/device.js         |   31 -
 config/api/order.js          |   51 +-
 config/console.js            |    2 +-
 locale/en-US.js              |    4 +-
 locale/zh-CN.js              |    4 +-
 pages.json                   |    5 +-
 pages/device/goods.vue       |    2 +-
 pages/device/orderDetail.vue |   93 ++-
 pages/device/orderList.vue   |    5 +-
 pages/order/index.vue        |    3 -
 pages/order/payment.vue      | 1167 +++++++++++++++++++++-------------
 pages/order/success.vue      |  668 +++++++++----------
 12 files changed, 1181 insertions(+), 854 deletions(-)

diff --git a/config/api/device.js b/config/api/device.js
index 2a9d99f..daa379e 100644
--- a/config/api/device.js
+++ b/config/api/device.js
@@ -60,34 +60,3 @@ export const rentPowerBank = (deviceNo, phone) => {
 		}
 	})
 }
-
-// 确认支付并弹出风扇
-export const confirmPaymentAndRent = (orderId) => {
-	console.log(`确认支付并弹出风扇, orderId: ${orderId}`)
-	return request({
-		url: `/app/device/confirmPaymentAndRent?orderId=${orderId}`,
-		method: 'GET'
-	})
-}
-
-// 强制打开空格子
-export const forcefOpenEmptyGrid = (deviceNo) => {
-	console.log(`强制打开空格子, deviceNo: ${deviceNo}`)
-	return request({
-		url: `/app/device/forcef/${deviceNo}`,
-		method: 'post'
-	})
-}
-
-// 发送租借指令
-export const sendRentCommand = (data) => {
-	return request({
-		url: '/app/device/sendRentCommand',
-		method: 'post',
-		data,
-		headers: {
-			'Content-Type': 'application/x-www-form-urlencoded'
-		}
-	})
-}
-
diff --git a/config/api/order.js b/config/api/order.js
index 0e86fa2..b8883c7 100644
--- a/config/api/order.js
+++ b/config/api/order.js
@@ -51,7 +51,6 @@ export const createOrder = (data) => {
 
 // 查询订单
 export const queryById = (id) => {
-	console.log(`查询订单详情, orderId: ${id}`)
 	return request({
 		url: `/app/order/${id}`,
 		method: 'get',
@@ -61,7 +60,6 @@ export const queryById = (id) => {
 
 // 用户查询商品订单详情
 export const getProductOrderDetail = (id) => {
-	console.log(`查询商品订单详情, orderId: ${id}`)
 	return request({
 		url: `/app/product/order/${id}`,
 		method: 'get',
@@ -80,7 +78,6 @@ export const cancelOrder = (data) => {
 
 // 结束订单
 export const overOrderById = (orderId) => {
-	console.log(`调用结束订单API, orderId: ${orderId}`)
 	return request({
 		url: `/app/order/close/${orderId}`,
 		method: 'get',
@@ -98,7 +95,6 @@ export const getOrderByOrderNo = (orderNo) => {
 
 // 充电宝未弹出反馈（快捷反馈）
 export const reportDeviceNoEject = (data) => {
-	console.log('充电宝未弹出反馈：', data)
 	return request({
 		url: '/app/order/report-no-eject',
 		method: 'post',
@@ -108,7 +104,6 @@ export const reportDeviceNoEject = (data) => {
 
 // 充电宝转为自用
 export const convertToOwned = (orderId) => {
-	console.log('充电宝转为自用，订单ID：', orderId)
 	return request({
 		url: `/app/order/convert-to-owned/${orderId}`,
 		method: 'post'
@@ -117,7 +112,6 @@ export const convertToOwned = (orderId) => {
 
 // 不想还了转为自用（按最高费用）
 export const closeWithMaxFee = (orderNo) => {
-	console.log('不想还了转为自用，订单号：', orderNo)
 	return request({
 		url: `/app/order/closeWithMaxFee/${orderNo}`,
 		method: 'post'
@@ -156,9 +150,36 @@ export const getWxPaymentStatus = (orderNo) => {
 	})
 }
 
+// ==================== Antom 支付相关接口 ====================
+
+// 创建 Antom H5 支付订单
+export const createAntomPayment = (orderNo, paymentType, osType) => {
+	return request({
+		url: `/app/antom-payment/create/${orderNo}?paymentType=${paymentType}&osType=${osType}`,
+		method: 'get'
+	})
+}
+
+// 获取 Antom 可用支付方式列表
+export const getAntomPaymentMethods = (orderNo, osType) => {
+	return request({
+		url: `/app/antom-payment/consult/${orderNo}?osType=${osType}`,
+		method: 'get',
+		hideLoading: true
+	})
+}
+
+// Antom 支付结果查询
+export const getAntomPaymentStatus = (orderNo, osType) => {
+	return request({
+		url: `/app/antom-payment/inquiry/${orderNo}?osType=${osType}`,
+		method: 'get',
+		hideLoading: true
+	})
+}
+
 // 通过订单号获取支付分订单信息
 export const getOrderByOrderNoScore = (orderNo) => {
-	console.log('通过订单号获取支付分订单信息', orderNo);
 	return request({
 		url: `/app/wx-payment/score/create/${orderNo}`,
 		method: 'get',
@@ -168,7 +189,6 @@ export const getOrderByOrderNoScore = (orderNo) => {
 
 // 通过订单号获取支付分订单状态
 export const getOrderByOrderNoScorePayStatus = (orderNo) => {
-	console.log('通过订单号获取支付分订单状态', orderNo);
 	return request({
 		url: `/app/wx-payment/score/status/${orderNo}`,
 		method: 'get',
@@ -178,7 +198,6 @@ export const getOrderByOrderNoScorePayStatus = (orderNo) => {
 
 // 更新订单套餐信息
 export const updateOrderPackage = (data) => {
-	console.log('更新订单套餐信息：', data)
 	return request({
 		url: '/app/device/updateOrderPackage',
 		method: 'post',
@@ -188,7 +207,6 @@ export const updateOrderPackage = (data) => {
 
 // 用户端删除商品订单（逻辑删除）
 export const deleteProductOrder = (id) => {
-	console.log('删除商品订单，订单ID：', id)
 	return request({
 		url: `/app/product/order/${id}`,
 		method: 'delete'
@@ -197,22 +215,9 @@ export const deleteProductOrder = (id) => {
 
 // 用户端取消商品订单支付
 export const cancelProductOrder = (OutOrderNo) => {
-	console.log('取消商品订单支付，订单ID：', OutOrderNo)
 	return request({
 		url: `/app/product/order/${OutOrderNo}/cancel`,
 		method: 'put'
 	})
 }
 
-/*
- * 弃用
- */
-export const getPotionsDetail = (data) => {
-	console.log(data);
-	return request({
-		url: '/device/position/positionDetails',
-		method: 'get',
-		data
-	})
-}
-
diff --git a/config/console.js b/config/console.js
index 4fcc19e..f131f71 100644
--- a/config/console.js
+++ b/config/console.js
@@ -6,7 +6,7 @@
 // 配置项：true 表示打印日志，false 表示不打印日志
 export const CONSOLE_CONFIG = {
   // 是否启用 console.log
-  enableLog: true,
+  enableLog: false,
   // 是否启用 console.warn
   enableWarn: true,
   // 是否启用 console.error
diff --git a/locale/en-US.js b/locale/en-US.js
index 2e51b48..85f5361 100644
--- a/locale/en-US.js
+++ b/locale/en-US.js
@@ -157,6 +157,7 @@ export default {
 
   order: {
     myOrders: 'My Orders',
+	myDeviceOrders:'Customize Orders',
     noOrderRecord: 'No order records',
     getOrderListFailed: 'Failed to get order list',
     confirmCancelContent: 'Are you sure to cancel this order?',
@@ -799,10 +800,11 @@ export default {
 
   goods: {
     title: 'Product Details',
+	goodsTitle:'Customize Details',
     productName: 'FengDianZhe Shared Fan + Power Bank + Hand Warmer Series - Cherry Blossom Pink',
     perUnit: '/pc',
     buyNow: 'Buy Now',
-    productDetail: 'Product Details',
+    productDetail: 'Customize Details',
     features: {
       battery: '8000Ahm',
       batteryDesc: 'Large Capacity Battery',
diff --git a/locale/zh-CN.js b/locale/zh-CN.js
index 4f7f7fe..8fc2d8f 100644
--- a/locale/zh-CN.js
+++ b/locale/zh-CN.js
@@ -157,6 +157,7 @@ export default {
 
   order: {
     myOrders: '我的订单',
+	myDeviceOrders:'我的定制',
     noOrderRecord: '暂无订单记录',
     getOrderListFailed: '获取订单列表失败',
     confirmCancelContent: '确定要取消此订单吗？',
@@ -799,10 +800,11 @@ export default {
 
   goods: {
     title: '商品详情',
+	goodsTitle:'定制详情',
     productName: '风电者共享风扇 + 充电宝 + 暖手宝系列-樱花粉',
     perUnit: '/个',
     buyNow: '立即购买',
-    productDetail: '商品详情',
+    productDetail: '定制详情',
     features: {
       battery: '8000Ahm',
       batteryDesc: '大容量电池',
diff --git a/pages.json b/pages.json
index b53139f..f7ec95d 100644
--- a/pages.json
+++ b/pages.json
@@ -126,7 +126,7 @@
 		{
 			"path": "pages/device/orderDetail",
 			"style": {
-				"navigationBarTitleText": "订单详情",
+				"navigationBarTitleText": "定制详情",
 				"navigationBarBackgroundColor": "#ffffff",
 				"navigationBarTextStyle": "black"
 			}
@@ -276,7 +276,8 @@
 			"style": {
 				"navigationBarTitleText": "",
 				"navigationBarBackgroundColor": "#ffffff",
-				"navigationBarTextStyle": "black"
+				"navigationBarTextStyle": "black",
+				"navigationStyle": "custom"
 			}
 		},
 		{
diff --git a/pages/device/goods.vue b/pages/device/goods.vue
index 0ad2ba5..315e5fb 100644
--- a/pages/device/goods.vue
+++ b/pages/device/goods.vue
@@ -364,7 +364,7 @@
 
 	onMounted(() => {
 		uni.setNavigationBarTitle({
-			title: t('goods.title')
+			title: t('goods.goodsTitle')
 		})
 		// 初始化地区数据
 		initRegionData()
diff --git a/pages/device/orderDetail.vue b/pages/device/orderDetail.vue
index a364654..44e90b2 100644
--- a/pages/device/orderDetail.vue
+++ b/pages/device/orderDetail.vue
@@ -114,7 +114,7 @@
 				<view class="action-btn secondary" @click="onDeleteOrder">
 					删除订单
 				</view>
-				<view class="action-btn primary" @click="onReorder">
+				<view class="action-btn primary" @click="onReorder(orderDetail.productId)">
 					再次定制
 				</view>
 			</template>
@@ -124,7 +124,7 @@
 				<view class="action-btn secondary" @click="onContactService">
 					联系客服
 				</view>
-				<view class="action-btn primary" @click="onReorder">
+				<view class="action-btn primary" @click="onReorder(orderDetail.productId)">
 					再次定制
 				</view>
 			</template>
@@ -133,7 +133,7 @@
 </template>
 
 <script setup>
-	import { ref, computed, onMounted } from 'vue';
+	import { ref, computed, onMounted, onUnmounted } from 'vue';
 	import { onLoad } from '@dcloudio/uni-app';
 	import { 
 		queryById, 
@@ -149,6 +149,8 @@
 
 	const orderDetail = ref({});
 	const orderId = ref('');
+	const countdownText = ref('');
+	let countdownTimer = null;
 
 	// 订单状态文本
 	const statusText = computed(() => {
@@ -234,6 +236,10 @@
 		
 		if (status === 0 || status === '0') {
 			title = '待付款';
+			// 如果有倒计时文本，添加到标题中
+			if (countdownText.value) {
+				title = `${title} ${countdownText.value}`;
+			}
 		} else if (status === 1 || status === '1') {
 			title = '待发货';
 		} else if (status === 2 || status === '2') {
@@ -251,6 +257,66 @@
 		});
 	};
 
+	// 启动倒计时
+	const startCountdown = () => {
+		// 清除之前的定时器
+		if (countdownTimer) {
+			clearInterval(countdownTimer);
+			countdownTimer = null;
+		}
+
+		const status = orderDetail.value.status;
+		const expireTime = orderDetail.value.expireTime;
+
+		// 只有待付款状态且有过期时间才显示倒计时
+		if ((status === 0 || status === '0') && expireTime) {
+			// 计算倒计时
+			const updateCountdown = () => {
+				const now = new Date().getTime();
+				const expireTimestamp = new Date(expireTime).getTime();
+				const diff = expireTimestamp - now;
+
+				if (diff > 0) {
+					// 计算总分钟数和秒数
+					const totalMinutes = Math.floor(diff / (1000 * 60));
+					const seconds = Math.floor((diff % (1000 * 60)) / 1000);
+
+					// 格式化为 MM:SS
+					const minutesStr = String(totalMinutes).padStart(2, '0');
+					const secondsStr = String(seconds).padStart(2, '0');
+
+					countdownText.value = `${minutesStr}:${secondsStr}`;
+					updatePageTitle();
+				} else {
+					// 倒计时结束
+					countdownText.value = '';
+					if (countdownTimer) {
+						clearInterval(countdownTimer);
+						countdownTimer = null;
+					}
+					// 重新加载订单详情（订单可能已自动取消）
+					loadOrderDetail();
+				}
+			};
+
+			// 立即执行一次
+			updateCountdown();
+			// 每秒更新一次
+			countdownTimer = setInterval(updateCountdown, 1000);
+		} else {
+			countdownText.value = '';
+			updatePageTitle();
+		}
+	};
+
+	// 组件卸载时清除定时器
+	onUnmounted(() => {
+		if (countdownTimer) {
+			clearInterval(countdownTimer);
+			countdownTimer = null;
+		}
+	});
+
 	// 加载订单详情
 	const loadOrderDetail = async () => {
 		try {
@@ -269,6 +335,7 @@
 					outTradeNo: data.outTradeNo,
 					userId: data.userId,
 					
+					
 					// 状态信息
 					status: data.status,
 					payStatus: data.payStatus,
@@ -282,6 +349,7 @@
 					createTime: data.createTime,
 					updateTime: data.updateTime,
 					payTime: data.payTime,
+					expireTime: data.expireTime, // 订单自动取消时间
 					
 					// 收货信息
 					receiverName: data.receiverName,
@@ -300,6 +368,7 @@
 					pictureUrl: data.pictureUrl,
 					color: data.color,
 					quantity: data.quantity,
+					productId:data.productId,
 					
 					// 兼容旧字段
 					orderId: data.id,
@@ -315,8 +384,8 @@
 					productImage: data.pictureUrl || data.productImage || ''
 				};
 				
-				// 根据订单状态更新页面标题
-				updatePageTitle();
+				// 启动倒计时
+				startCountdown();
 			}
 
 			uni.hideLoading();
@@ -528,9 +597,13 @@
 
 	// 再次定制
 	const onReorder = (order) => {
-		uni.navigateTo({
-			url: `/pages/device/goods?productId=${order.productId}`
-		});
+		if(order){
+			uni.navigateTo({
+				url: `/pages/device/goods?productId=${order}`
+			});
+		}
+		// console.log(order);
+		
 	};
 </script>
 
@@ -622,8 +695,8 @@
 				display: flex;
 				justify-content: space-between;
 				margin-bottom: 20rpx;
-				font-size: 26rpx;
-				height: 40rpx;
+				font-size: 28rpx;
+				height: 50rpx;
 
 				&:last-child {
 					margin-bottom: 0;
diff --git a/pages/device/orderList.vue b/pages/device/orderList.vue
index c20138a..3d5191a 100644
--- a/pages/device/orderList.vue
+++ b/pages/device/orderList.vue
@@ -54,9 +54,6 @@
 	import{
 		createProductOrder
 	}from "@/config/api/product.js"
-	import {
-		confirmPaymentAndRent
-	} from '../../config/api/device.js';
 	import {
 		updateUserBalance
 	} from '../../config/api/user.js';
@@ -288,7 +285,7 @@
 	// 设置页面标题并监听订单完成事件
 	onMounted(() => {
 		uni.setNavigationBarTitle({
-			title: t('order.myOrders')
+			title: t('order.myDeviceOrders')
 		})
 		
 		// 监听订单完成事件
diff --git a/pages/order/index.vue b/pages/order/index.vue
index a5d95e4..d855add 100644
--- a/pages/order/index.vue
+++ b/pages/order/index.vue
@@ -49,9 +49,6 @@
 		cancelOrder,
 		createWxPayment
 	} from '../../config/api/order.js';
-	import {
-		confirmPaymentAndRent
-	} from '../../config/api/device.js';
 	import {
 		updateUserBalance
 	} from '../../config/api/user.js';
diff --git a/pages/order/payment.vue b/pages/order/payment.vue
index 014a76f..107a4ef 100644
--- a/pages/order/payment.vue
+++ b/pages/order/payment.vue
@@ -1,461 +1,738 @@
 <template>
-  <view class="payment-container">
-    <!-- 订单状态 -->
-    <view class="status-card">
-      <view class="status-icon" :class="orderStatus.class"></view>
-      <view class="status-text">{{ orderStatus.text }}</view>
-      <view class="status-desc">{{ orderStatus.desc }}</view>
-    </view>
-    
-    <!-- 订单信息 -->
-    <view class="order-card">
-      <view class="card-title">{{ $t('payment.orderInfo') }}</view>
-      <view class="info-item">
-        <text class="label">{{ $t('order.orderNo') }}</text>
-        <text class="value">{{ orderInfo.orderNo || '-' }}</text>
-      </view>
-      <view class="info-item">
-        <text class="label">{{ $t('order.deviceNo') }}</text>
-        <text class="value">{{ orderInfo.deviceNo || '-' }}</text>
-      </view>
-      <view class="info-item">
-        <text class="label">{{ $t('payment.createTime') }}</text>
-        <text class="value">{{ orderInfo.createTime || '-' }}</text>
-      </view>
-      <view class="info-item">
-        <text class="label">{{ $t('payment.contactPhone') }}</text>
-        <text class="value">{{ orderInfo.phone || '-' }}</text>
-      </view>
-    </view>
-    
-    <!-- 费用信息 -->
-    <view class="price-card">
-      <view class="card-title">{{ $t('payment.feeInfo') }}</view>
-      <view class="price-item">
-        <text class="label">{{ $t('payment.deposit') }}</text>
-        <text class="value">￥{{ orderInfo.deposit || '99.00' }}</text>
-      </view>
-      <view class="price-item">
-        <text class="label">{{ $t('payment.package') }}</text>
-        <text class="value">{{ packageInfo.price }}{{ $t('unit.yuan') }}/{{ packageInfo.time }}{{ $t('time.hour') }}</text>
-      </view>
-      <view class="price-item total">
-        <text class="label">{{ $t('payment.total') }}</text>
-        <text class="value">￥{{ totalAmount }}</text>
-      </view>
-    </view>
-    
+	<view class="payment-container">
+		<!-- 订单状态 -->
+		<view class="status-card">
+			<view class="status-icon-wrapper">
+				<view class="status-icon" :class="orderStatus.class">
+					<text class="icon-text">💳</text>
+				</view>
+			</view>
+			<view class="status-text">{{ orderStatus.text }}</view>
+			<view class="status-desc">{{ orderStatus.desc }}</view>
+		</view>
 
-  
-    
-    <!-- 底部操作栏 -->
-    <view class="bottom-bar">
-      <view class="total-amount">
-        <text>{{ $t('payment.total') }}：</text>
-        <text class="amount">￥{{ totalAmount }}</text>
-      </view>
-      <view class="pay-btn" @click="handlePayment">{{ $t('payment.payNow') }}</view>
-    </view>
-  </view>
+		<!-- 订单信息 -->
+		<view class="order-card">
+			<view class="card-header">
+				<view class="card-title">{{ $t('payment.orderInfo') }}</view>
+			</view>
+			<view class="info-item">
+				<text class="label">{{ $t('order.orderNo') }}</text>
+				<text class="value">{{ orderInfo.orderNo || '-' }}</text>
+			</view>
+			<view class="info-item">
+				<text class="label">{{ $t('order.deviceNo') }}</text>
+				<text class="value">{{ orderInfo.deviceNo || '-' }}</text>
+			</view>
+			<view class="info-item">
+				<text class="label">{{ $t('payment.createTime') }}</text>
+				<text class="value">{{ orderInfo.createTime || '-' }}</text>
+			</view>
+		</view>
+
+		<!-- 费用信息 -->
+		<view class="price-card">
+			<view class="card-header">
+				<view class="card-title">{{ $t('payment.feeInfo') }}</view>
+			</view>
+			<view class="price-item">
+				<text class="label">{{ $t('payment.deposit') }}</text>
+				<text class="value">￥{{ orderInfo.deposit || '99.00' }}</text>
+			</view>
+			<!-- <view class="price-divider"></view> -->
+			<view class="price-item total">
+				<text class="label">{{ $t('payment.total') }}</text>
+				<text class="value">￥{{ totalAmount }}</text>
+			</view>
+		</view>
+
+		<!-- 支付方式选择 -->
+		<view class="payment-methods" v-if="paymentMethods.length > 0">
+			<view class="card-header">
+				<view class="card-title">支付方式</view>
+			</view>
+			<view class="method-item" v-for="method in paymentMethods" :key="method?.paymentMethodType"
+				:class="{ active: selectedPaymentMethod === method?.paymentMethodType }"
+				@click="selectPaymentMethod(method?.paymentMethodType)">
+				<view class="method-info">
+					<view class="method-icon">
+						<image :src="method?.logo?.logoUrl" mode="aspectFit" style="width: 48rpx; height: 48rpx;">
+						</image>
+					</view>
+					<text class="method-name">{{ method?.logo?.logoName }}</text>
+				</view>
+				<view class="method-radio" :class="{ checked: selectedPaymentMethod === method?.paymentMethodType }">
+				</view>
+			</view>
+		</view>
+
+		<!-- 底部操作栏 -->
+		<view class="bottom-bar">
+			<view class="total-amount">
+				<text class="label-text">{{ $t('payment.total') }}：</text>
+				<text class="amount">￥{{ totalAmount }}</text>
+			</view>
+			<view class="pay-btn" @click="handlePayment">
+				<text>{{ $t('payment.payNow') }}</text>
+			</view>
+		</view>
+	</view>
 </template>
 
 <script setup>
-import { ref, computed, reactive } from 'vue'
-import { onLoad } from '@dcloudio/uni-app'
-import { queryById, createWxPayment } from '@/config/api/order.js'
-import { getDeviceInfo } from '@/config/api/device.js'
-import { updateUserBalance } from '@/config/api/user.js'
-import { useI18n } from '@/utils/i18n.js'
+	import {
+		ref,
+		computed,
+		reactive,
+		onMounted
+	} from 'vue'
+	import {
+		onLoad
+	} from '@dcloudio/uni-app'
+	import {
+		queryById,
+		createAntomPayment,
+		getAntomPaymentMethods,
+		getAntomPaymentStatus
+	} from '@/config/api/order.js'
+	import {
+		getDeviceInfo
+	} from '@/config/api/device.js'
+	import {
+		updateUserBalance
+	} from '@/config/api/user.js'
+	import {
+		useI18n
+	} from '@/utils/i18n.js'
 
-const { t } = useI18n()
+	const {
+		t
+	} = useI18n()
+	
+	const orderId = ref(null)
+	const deviceNo = ref(null)
+	const orderInfo = ref({})
+	const deviceInfo = ref(null)
+	const passedTotalAmount = ref(null)
+	const passedDepositAmount = ref(null)
 
-const orderId = ref(null)
-const deviceNo = ref(null)
-const orderInfo = ref({})
-const packageInfo = ref({
-  time: '',
-  price: '0.00'
-})
-const deviceInfo = ref(null)
-const passedTotalAmount = ref(null)
-const passedDepositAmount = ref(null)
+	// 支付方式相关
+	const paymentMethods = ref([])
+	const selectedPaymentMethod = ref('ALIPAY') // 默认选择支付宝
 
-const orderStatus = reactive({
-  get text() { return t('payment.waitingForPayment') },
-  get desc() { return t('payment.pleasePayIn15Min') },
-  class: 'waiting'
-})
+	const orderStatus = reactive({
+		get text() {
+			return t('payment.waitingForPayment')
+		},
+		get desc() {
+			return t('payment.pleasePayIn15Min')
+		},
+		class: 'waiting'
+	})
 
-const totalAmount = computed(() => {
-  if (passedTotalAmount.value !== null) {
-    return parseFloat(passedTotalAmount.value).toFixed(2);
-  }
-  const deposit = parseFloat(orderInfo.value.deposit || passedDepositAmount.value || 99)
-  const packagePrice = parseFloat(packageInfo.value.price || 0)
-  return (deposit + packagePrice).toFixed(2)
-})
+	const totalAmount = computed(() => {
+		if (passedTotalAmount.value !== null) {
+			return parseFloat(passedTotalAmount.value).toFixed(2);
+		}
+		const deposit = parseFloat(orderInfo.value.deposit || passedDepositAmount.value || 99)
+		return deposit.toFixed(2)
+	})
 
-// 加载订单信息
-const loadOrderInfo = async () => {
-  try {
-    uni.showLoading({
-      title: t('common.loading')
-    })
-    
-    const res = await queryById(orderId.value)
-    if (res.code === 200 && res.data) {
-      const orderData = res.data
+	// 加载订单信息
+	const loadOrderInfo = async () => {
+		// 检查 orderId 是否存在，如果不存在则尝试从缓存获取
+		if (!orderId.value) {
+			// #ifdef H5
+			const cachedOrderId = uni.getStorageSync('pendingPaymentNo');
+			if (cachedOrderId) {
+				orderId.value = cachedOrderId;
+			}
+			// #endif
+		}
+
+		// 如果两种方式都获取不到 orderId，提示并跳转
+		if (!orderId.value) {
+			uni.showToast({
+				title: t('order.orderNotExist'),
+				icon: 'none'
+			});
+			setTimeout(() => {
+				uni.switchTab({
+					url: '/pages/index/index'
+				});
+			}, 1500);
+			return;
+		}
+
+		try {
+			uni.showLoading({
+				title: t('common.loading')
+			})
+
+			const res = await queryById(orderId.value)
+			if (res.code === 200 && res.data) {
+				const orderData = res.data
+
+				// 处理创建时间
+				let formattedTime;
+				try {
+					if (orderData.createTime) {
+						formattedTime = formatTime(new Date(orderData.createTime));
+					} else {
+						formattedTime = formatTime(new Date());
+					}
+				} catch (e) {
+					console.error('时间格式化错误:', e);
+					formattedTime = formatTime(new Date());
+				}
+
+				orderInfo.value = {
+					orderNo: orderData.orderNo || orderData.orderId,
+					deviceNo: orderData.deviceNo,
+					createTime: formattedTime,
+					deposit: passedDepositAmount.value || orderData.depositAmount || '99.00',
+				}
+
+				deviceNo.value = orderData.deviceNo;
+				await loadDeviceInfo();
+				await loadPaymentMethods();
+			} else {
+				throw new Error(t('order.getOrderFailed'))
+			}
+		} catch (error) {
+			console.error('获取订单信息失败:', error)
+			uni.showToast({
+				title: error.message || t('order.getOrderFailed'),
+				icon: 'none'
+			})
+		} finally {
+			uni.hideLoading()
+		}
+	}
+
+	// 加载设备信息
+	const loadDeviceInfo = async () => {
+		if (!deviceNo.value) return;
+
+		try {
+			const res = await getDeviceInfo(deviceNo.value);
+			if (res.code === 200 && res.data) {
+				deviceInfo.value = res.data.device;
+
+				if (deviceInfo.value && deviceInfo.value.depositAmount) {
+					orderInfo.value.deposit = deviceInfo.value.depositAmount;
+				}
+			}
+		} catch (error) {
+			console.error('获取设备信息失败:', error);
+		}
+	}
+
+	// 获取操作系统类型
+	const getOsType = () => {
+		const systemInfo = uni.getSystemInfoSync();
+		console.log(uni.getSystemInfoSync());
+
+		const platform = systemInfo.platform;
+		console.log('当前系统类型:', uni.getSystemInfoSync().platform);
+
+		// 根据平台返回对应的 osType
+		if (platform === 'android') {
+			return 'ANDROID';
+		} else if (platform === 'ios') {
+			return 'IOS';
+		} else {
+			// 默认返回 ANDROID
+			return 'ANDROID';
+		}
+	}
+
+	// 加载支付方式列表
+	const loadPaymentMethods = async () => {
+		if (!orderInfo.value.orderNo) return;
+
+		try {
+			const osType = getOsType();
+			console.log('当前系统类型:', osType);
+
+			const res = await getAntomPaymentMethods(orderInfo.value.orderNo, osType);
+			if (res.code === 200 && res.data && res.data.paymentOptions) {
+				paymentMethods.value = res.data.paymentOptions;
+				console.log('支付方式列表:', paymentMethods.value);
+				// 如果有支付方式，默认选择第一个
+				if (paymentMethods.value.length > 0) {
+					selectedPaymentMethod.value = paymentMethods.value[0].paymentMethodType;
+				}
+			}
+		} catch (error) {
+			console.error('获取支付方式失败:', error);
+			// 如果获取失败，使用默认支付方式
+			paymentMethods.value = [{
+					paymentMethodType: 'ALIPAY',
+					paymentMethodName: '支付宝'
+				},
+				{
+					paymentMethodType: 'WECHATPAY',
+					paymentMethodName: '微信支付'
+				}
+			];
+		}
+	}
+
+	// 选择支付方式
+	const selectPaymentMethod = (methodType) => {
+		selectedPaymentMethod.value = methodType;
+	}
+
+	// 获取支付方式图标
+	const getPaymentIcon = (methodType) => {
+		const iconMap = {
+			'ALIPAY': 'alipay',
+			'WECHATPAY': 'wechat',
+			'WECHAT': 'wechat'
+		};
+		return iconMap[methodType] || 'default';
+	}
+
+	// 处理支付
+	const handlePayment = async () => {
+		if (!selectedPaymentMethod.value) {
+			uni.showToast({
+				title: '请选择支付方式',
+				icon: 'none'
+			});
+			return;
+		}
+
+		try {
+			uni.showLoading({
+				title: t('common.processing')
+			})
+
+			const osType = getOsType();
+			const res = await createAntomPayment(orderInfo.value.orderNo, selectedPaymentMethod.value, osType)
+
+			if (res && res.code === 200 && res.data) {
+				const paymentUrl = res.data.h5Url;
+
+				if (!paymentUrl) {
+					throw new Error('未获取到支付链接');
+				}
+
+				uni.hideLoading();
+				 // #ifdef H5
+				uni.setStorageSync('pendingPaymentNo', orderId.value);
+				// #endif
+
+				// 跳转到支付页面
+				uni.navigateTo({
+					url: `/pages/webview/index?url=${encodeURIComponent(paymentUrl)}&title=支付`
+				});
+
+				// 开始轮询支付状态
+				startPaymentStatusPolling();
+
+			} else {
+				throw new Error(res?.msg || t('payment.createPayOrderFailed'))
+			}
+		} catch (error) {
+			console.error('支付失败:', error)
+			uni.showToast({
+				title: error.message || t('payment.paymentFailed'),
+				icon: 'none'
+			})
+		} finally {
+			uni.hideLoading()
+		}
+	}
+
+	// 轮询支付状态
+	let pollingTimer = null;
+	const startPaymentStatusPolling = () => {
+		// 清除之前的定时器
+		if (pollingTimer) {
+			clearInterval(pollingTimer);
+		}
+
+		let pollCount = 0;
+		const maxPollCount = 60; // 最多轮询60次（5分钟）
+
+		pollingTimer = setInterval(async () => {
+			pollCount++;
+
+			if (pollCount > maxPollCount) {
+				clearInterval(pollingTimer);
+				uni.showToast({
+					title: '支付超时，请重新支付',
+					icon: 'none'
+				});
+				return;
+			}
+
+			try {
+				const osType = getOsType();
+				const res = await getAntomPaymentStatus(orderInfo.value.orderNo, osType);
+				if (res && res.code === 200 && res.data) {
+					const paymentStatus = res.data.paymentStatus;
+
+					if (paymentStatus === 'SUCCESS') {
+						clearInterval(pollingTimer);
+
+						// uni.showToast({
+						//   title: t('payment.paymentSuccess'),
+						//   icon: 'success'
+						// });
+
+						try {
+							await updateUserBalance(orderId.value);
+						} catch (error) {
+							console.warn('更新用户余额失败:', error);
+						}
+						console.log(orderInfo);
+
+						setTimeout(() => {
+							uni.redirectTo({
+								url: `/pages/order/success?orderId=${orderId.value}&deviceId=${orderInfo.value.deviceNo}`
+							});
+						}, 1500);
+					} else if (paymentStatus === 'FAIL' || paymentStatus === 'CANCELLED') {
+						clearInterval(pollingTimer);
+						uni.showToast({
+							title: '支付失败，请重新支付',
+							icon: 'none'
+						});
+					}
+				}
+			} catch (error) {
+				console.error('查询支付状态失败:', error);
+			}
+		}, 5000); // 每5秒查询一次
+	}
+
+	// 页面卸载时清除定时器
+	onMounted(() => {
+		return () => {
+			if (pollingTimer) {
+				clearInterval(pollingTimer);
+			}
+		};
+	});
+
+	// 格式化时间
+	const formatTime = (date) => {
+		const year = date.getFullYear()
+		const month = (date.getMonth() + 1).toString().padStart(2, '0')
+		const day = date.getDate().toString().padStart(2, '0')
+		const hour = date.getHours().toString().padStart(2, '0')
+		const minute = date.getMinutes().toString().padStart(2, '0')
+
+		return `${year}-${month}-${day} ${hour}:${minute}`
+	}
+
+	onLoad((options) => {
+		uni.setNavigationBarTitle({
+			title: t('payment.orderPayment')
+		})
+
+		// 优先从 options 中获取 orderId
+		if (options && options.orderId) {
+			orderId.value = options.orderId
+
+			if (options.totalAmount) {
+				passedTotalAmount.value = options.totalAmount;
+			}
+
+			if (options.depositAmount) {
+				passedDepositAmount.value = options.depositAmount;
+			}
+
+			if (options.feeConfig) {
+				try {
+					const feeConfigStr = decodeURIComponent(options.feeConfig)
+					deviceInfo.value = {
+						feeConfig: feeConfigStr
+					}
+				} catch (e) {
+					console.error('解析URL中的feeConfig失败:', e)
+				}
+			}
+			
+			loadOrderInfo()
+		}
+		// #ifdef H5
+		// 如果 options 中没有 orderId，尝试从缓存中获取（H5 环境）
+		else {
+			const cachedOrderId = uni.getStorageSync('pendingPaymentNo');
+      console.log("订单编号："+cachedOrderId);
       
-      // 处理创建时间
-      let formattedTime;
-      try {
-        if (orderData.createTime) {
-          formattedTime = formatTime(new Date(orderData.createTime));
-        } else {
-          formattedTime = formatTime(new Date());
-        }
-      } catch (e) {
-        console.error('时间格式化错误:', e);
-        formattedTime = formatTime(new Date());
-      }
-      
-      orderInfo.value = {
-        orderNo: orderData.orderNo || orderData.orderId,
-        deviceNo: orderData.deviceNo,
-        createTime: formattedTime,
-        phone: orderData.phone,
-        deposit: passedDepositAmount.value || orderData.depositAmount || '99.00',
-      }
-      
-      if (orderData.packageTime && orderData.packagePrice) {
-        const timeInHours = (parseFloat(orderData.packageTime) / 60).toFixed(1);
-        packageInfo.value = {
-          time: timeInHours.toString(),
-          price: orderData.packagePrice.toString()
-        }
-      }
-      
-      deviceNo.value = orderData.deviceNo;
-      await loadDeviceInfo();
-    } else {
-      throw new Error(t('order.getOrderFailed'))
-    }
-  } catch (error) {
-    console.error('获取订单信息失败:', error)
-    uni.showToast({
-      title: error.message || t('order.getOrderFailed'),
-      icon: 'none'
-    })
-  } finally {
-    uni.hideLoading()
-  }
-}
+			if (cachedOrderId) {
+				orderId.value = cachedOrderId;
+			}
+		}
+		// #endif
 
-// 加载设备信息
-const loadDeviceInfo = async () => {
-  if (!deviceNo.value) return;
-  
-  try {
-    const res = await getDeviceInfo(deviceNo.value);
-    if (res.code === 200 && res.data) {
-      deviceInfo.value = res.data.device;
-      
-      if (deviceInfo.value && deviceInfo.value.depositAmount) {
-        orderInfo.value.deposit = deviceInfo.value.depositAmount;
-      }
-    }
-  } catch (error) {
-    console.error('获取设备信息失败:', error);
-  }
-}
-
-// 处理支付
-const handlePayment = async () => {
-  try {
-    uni.showLoading({
-      title: t('common.processing')
-    })
-    
-    const res = await createWxPayment(orderInfo.value.orderNo)
-
-    if (res && res.code === 200) {
-      const payParams = res.data
-      
-      await uni.requestPayment({
-        ...payParams,
-        success: async () => {
-          uni.showToast({
-            title: t('payment.paymentSuccess'),
-            icon: 'success'
-          });
-          
-          try {
-            await updateUserBalance(orderId.value);
-          } catch (error) {
-            console.warn('更新用户余额失败:', error);
-          }
-          
-          setTimeout(() => {
-            uni.redirectTo({
-              url: `/pages/order/index?orderId=${orderId.value}`
-            });
-          }, 1500);
-        },
-        fail: (err) => {
-          console.error('支付失败:', err)
-          uni.showToast({
-            title: t('payment.paymentFailedRetry'),
-            icon: 'none'
-          })
-        }
-      })
-    } else {
-      throw new Error(res?.msg || t('payment.createPayOrderFailed'))
-    }
-  } catch (error) {
-    console.error('支付失败:', error)
-    uni.showToast({
-      title: error.message || t('payment.paymentFailed'),
-      icon: 'none'
-    })
-  } finally {
-    uni.hideLoading()
-  }
-}
-
-// 格式化时间
-const formatTime = (date) => {
-  const year = date.getFullYear()
-  const month = (date.getMonth() + 1).toString().padStart(2, '0')
-  const day = date.getDate().toString().padStart(2, '0')
-  const hour = date.getHours().toString().padStart(2, '0')
-  const minute = date.getMinutes().toString().padStart(2, '0')
-  
-  return `${year}-${month}-${day} ${hour}:${minute}`
-}
-
-onLoad((options) => {
-  uni.setNavigationBarTitle({
-    title: t('payment.orderPayment')
-  })
-  
-  if (options && options.orderId) {
-    orderId.value = options.orderId
-    
-    if (options.totalAmount) {
-      passedTotalAmount.value = options.totalAmount;
-    }
-    
-    if (options.depositAmount) {
-      passedDepositAmount.value = options.depositAmount;
-    }
-    
-    if (options.feeConfig) {
-      try {
-        const feeConfigStr = decodeURIComponent(options.feeConfig)
-        deviceInfo.value = { feeConfig: feeConfigStr }
-      } catch (e) {
-        console.error('解析URL中的feeConfig失败:', e)
-      }
-    }
-    
-    loadOrderInfo()
-  } else {
-    uni.showToast({
-      title: t('order.orderNotExist'),
-      icon: 'none'
-    })
-    setTimeout(() => {
-      uni.redirectTo({
-        url: '/pages/index/index'
-      })
-    }, 1500)
-  }
-})
+		// 调用 loadOrderInfo，内部会再次检查 orderId 是否存在
+		
+	})
 </script>
 
 <style lang="scss" scoped>
-.payment-container {
-  min-height: 100vh;
-  background: #f8f8f8;
-  padding: 30rpx;
-  padding-bottom: 180rpx;
-  box-sizing: border-box;
-  
-  .status-card {
-    background: #fff;
-    border-radius: 24rpx;
-    padding: 40rpx 30rpx;
-    margin-bottom: 30rpx;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.04);
-    
-    .status-icon {
-      width: 120rpx;
-      height: 120rpx;
-      border-radius: 50%;
-      background: #f5f5f5;
-      margin-bottom: 20rpx;
-      
-      &.waiting {
-        background: #FFF9C4;
-      }
-      
-      &.success {
-        background: #E8F5E9;
-      }
-      
-      &.failed {
-        background: #FFEBEE;
-      }
-    }
-    
-    .status-text {
-      font-size: 36rpx;
-      font-weight: 600;
-      color: #333;
-      margin-bottom: 10rpx;
-    }
-    
-    .status-desc {
-      font-size: 28rpx;
-      color: #999;
-    }
-  }
-  
-  .order-card, .price-card {
-    background: #fff;
-    border-radius: 24rpx;
-    padding: 30rpx;
-    margin-bottom: 30rpx;
-    box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.04);
-    
-    .card-title {
-      font-size: 32rpx;
-      font-weight: 600;
-      color: #333;
-      margin-bottom: 20rpx;
-      position: relative;
-      padding-left: 20rpx;
-      
-      &::before {
-        content: '';
-        position: absolute;
-        left: 0;
-        top: 50%;
-        transform: translateY(-50%);
-        width: 8rpx;
-        height: 32rpx;
-        background: #1976D2;
-        border-radius: 4rpx;
-      }
-    }
-    
-    .info-item, .price-item {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      padding: 20rpx 0;
-      border-bottom: 1px solid #f5f5f5;
-      
-      &:last-child {
-        border-bottom: none;
-      }
-      
-      .label {
-        font-size: 28rpx;
-        color: #666;
-      }
-      
-      .value {
-        font-size: 28rpx;
-        color: #333;
-      }
-      
-      &.total {
-        margin-top: 10rpx;
-        padding-top: 30rpx;
-        border-top: 1px solid #f5f5f5;
-        
-        .label, .value {
-          font-size: 32rpx;
-          font-weight: 600;
-          color: #333;
-        }
-        
-        .value {
-          color: #FF5722;
-        }
-      }
-    }
-  }
-  
-  .wechat-tip {
-    background: #fff;
-    border-radius: 24rpx;
-    padding: 30rpx;
-    margin-bottom: 30rpx;
-    box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.04);
-    display: flex;
-    align-items: center;
-    
-    .method-icon {
-      width: 48rpx;
-      height: 48rpx;
-      margin-right: 20rpx;
-      
-      &.wechat {
-        background: url('../../static/images/wechat.svg') no-repeat center/contain;
-      }
-    }
-    
-    .method-text {
-      font-size: 28rpx;
-      color: #333;
-      font-weight: 500;
-    }
-  }
-  
-  .bottom-bar {
-    position: fixed;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: #fff;
-    padding: 20rpx 30rpx;
-    padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    box-shadow: 0 -4rpx 16rpx rgba(0, 0, 0, 0.04);
-    
-    .total-amount {
-      font-size: 28rpx;
-      color: #666;
-      
-      .amount {
-        font-size: 36rpx;
-        font-weight: 600;
-        color: #FF5722;
-        margin-left: 10rpx;
-      }
-    }
-    
-    .pay-btn {
-      background: #1976D2;
-      color: #fff;
-      font-size: 32rpx;
-      font-weight: 600;
-      padding: 20rpx 60rpx;
-      border-radius: 100rpx;
-      border: none;
-      
-      &:active {
-        opacity: 0.9;
-      }
-    }
-  }
-}
+	.payment-container {
+		min-height: 100vh;
+		background: #f7f8fa;
+		padding: 30rpx;
+		padding-bottom: 180rpx;
+		box-sizing: border-box;
+
+		.status-card {
+			background: #fff;
+			border-radius: 20rpx;
+			padding: 40rpx 30rpx;
+			margin-bottom: 20rpx;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
+
+			.status-icon-wrapper {
+				margin-bottom: 20rpx;
+
+				.status-icon {
+					width: 120rpx;
+					height: 120rpx;
+					border-radius: 50%;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+
+					.icon-text {
+						font-size: 60rpx;
+					}
+
+					&.waiting {
+						background: #FFF9C4;
+					}
+
+					&.success {
+						background: #E8F5E9;
+					}
+
+					&.failed {
+						background: #FFEBEE;
+					}
+				}
+			}
+
+			.status-text {
+				font-size: 36rpx;
+				font-weight: bold;
+				color: #333;
+				margin-bottom: 10rpx;
+			}
+
+			.status-desc {
+				font-size: 28rpx;
+				color: #999;
+			}
+		}
+
+		.order-card,
+		.price-card,
+		.payment-methods {
+			background: #fff;
+			border-radius: 20rpx;
+			padding: 30rpx;
+			margin-bottom: 20rpx;
+			box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
+
+			.card-header {
+				margin-bottom: 24rpx;
+
+				.card-title {
+					font-size: 32rpx;
+					font-weight: bold;
+					color: #333;
+				}
+			}
+
+			.info-item,
+			.price-item {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				padding: 16rpx 0;
+				border-bottom: 1rpx solid #f0f0f0;
+
+				&:last-child {
+					border-bottom: none;
+				}
+
+				.label {
+					font-size: 28rpx;
+					color: #999;
+				}
+
+				.value {
+					font-size: 28rpx;
+					color: #333;
+					text-align: right;
+				}
+			}
+
+			.price-divider {
+				height: 1rpx;
+				background: #f0f0f0;
+				margin: 10rpx 0;
+			}
+
+			.price-item.total {
+				margin-top: 10rpx;
+				padding-top: 20rpx;
+				border-top: none;
+
+				.label {
+					font-size: 28rpx;
+					color: #999;
+				}
+
+				.value {
+					font-size: 48rpx;
+					font-weight: bold;
+					color: #ff6b6b;
+				}
+			}
+		}
+
+		.payment-methods {
+			.method-item {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				padding: 24rpx 20rpx;
+				margin-bottom: 16rpx;
+				background: #f7f8fa;
+				border-radius: 12rpx;
+				border: 2rpx solid transparent;
+
+				&:last-child {
+					margin-bottom: 0;
+				}
+
+				&.active {
+					background: #E8F5E9;
+					border-color: #07c160;
+				}
+
+				.method-info {
+					display: flex;
+					align-items: center;
+
+					.method-icon {
+						width: 48rpx;
+						height: 48rpx;
+						margin-right: 16rpx;
+						border-radius: 8rpx;
+
+						&.alipay {
+							background: #1677FF;
+						}
+
+						&.wechat {
+							background: #07C160;
+						}
+
+						&.default {
+							background: #999;
+						}
+					}
+
+					.method-name {
+						font-size: 30rpx;
+						color: #333;
+						font-weight: 500;
+					}
+				}
+
+				.method-radio {
+					width: 40rpx;
+					height: 40rpx;
+					border: 2rpx solid #ddd;
+					border-radius: 50%;
+					position: relative;
+
+					&.checked {
+						border-color: #07c160;
+						background: #07c160;
+
+						&::after {
+							content: '';
+							position: absolute;
+							top: 50%;
+							left: 50%;
+							transform: translate(-50%, -50%);
+							width: 16rpx;
+							height: 16rpx;
+							background: #fff;
+							border-radius: 50%;
+						}
+					}
+				}
+
+				&:active {
+					opacity: 0.8;
+				}
+			}
+		}
+
+		.bottom-bar {
+			position: fixed;
+			left: 0;
+			right: 0;
+			bottom: 0;
+			background: #fff;
+			padding: 20rpx 30rpx;
+			padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			box-shadow: 0 -4rpx 16rpx rgba(0, 0, 0, 0.04);
+			z-index: 10;
+			gap: 20rpx;
+
+			.total-amount {
+				display: flex;
+				align-items: baseline;
+
+				.label-text {
+					font-size: 28rpx;
+					color: #666;
+				}
+
+				.amount {
+					font-size: 36rpx;
+					font-weight: bold;
+					color: #ff6b6b;
+					margin-left: 8rpx;
+				}
+			}
+
+			.pay-btn {
+				height: 88rpx;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				background: #07c160;
+				color: #fff;
+				font-size: 30rpx;
+				font-weight: 600;
+				padding: 0 60rpx;
+				border-radius: 44rpx;
+				border: none;
+
+				&:active {
+					opacity: 0.8;
+				}
+			}
+		}
+	}
 </style>
\ No newline at end of file
diff --git a/pages/order/success.vue b/pages/order/success.vue
index 3386f75..a376e0d 100644
--- a/pages/order/success.vue
+++ b/pages/order/success.vue
@@ -1,346 +1,350 @@
 <template>
-  <view class="success-container">
-    <!-- 支付成功状态 -->
-    <view class="status-card">
-      <view class="status-icon success"></view>
-      <view class="status-text">{{ $t('success.paymentSuccess') }}</view>
-      <view class="status-desc">{{ $t('success.paymentSuccessDesc') }}</view>
-    </view>
-    
-    <!-- 订单信息 -->
-    <view class="order-card">
-      <view class="card-title">{{ $t('success.orderInfo') }}</view>
-      <view class="info-item">
-        <text class="label">{{ $t('order.orderNo') }}</text>
-        <text class="value">{{ orderInfo.orderNo || '-' }}</text>
-      </view>
-      <view class="info-item">
-        <text class="label">{{ $t('order.deviceNo') }}</text>
-        <text class="value">{{ orderInfo.deviceNo || '-' }}</text>
-      </view>
-      <view class="info-item">
-        <text class="label">{{ $t('success.paymentAmount') }}</text>
-        <text class="value">￥{{ orderInfo.amount || '0.00' }}</text>
-      </view>
-      <view class="info-item">
-        <text class="label">{{ $t('success.paymentTime') }}</text>
-        <text class="value">{{ orderInfo.payTime || '-' }}</text>
-      </view>
-    </view>
+	<view class="success-container">
+		<!-- 支付成功状态 -->
+		<view class="status-card">
+			<view class="status-icon success"></view>
+			<view class="status-text">{{ $t('success.paymentSuccess') }}</view>
+			<view class="status-desc">{{ $t('success.paymentSuccessDesc') }}</view>
+		</view>
 
-    <!-- 设备状态 -->
-    <view class="device-status">
-      <view class="status-message">{{ deviceMessage }}</view>
-      <view class="loading-animation" v-if="isLoading">
-        <view class="loading-circle"></view>
-      </view>
-    </view>
+		<!-- 订单信息 -->
+		<view class="order-card">
+			<view class="card-title">{{ $t('success.orderInfo') }}</view>
+			<view class="info-item">
+				<text class="label">{{ $t('order.orderNo') }}</text>
+				<text class="value">{{ orderInfo.orderNo || '-' }}</text>
+			</view>
+			<view class="info-item">
+				<text class="label">{{ $t('order.deviceNo') }}</text>
+				<text class="value">{{ orderInfo.deviceNo || '-' }}</text>
+			</view>
+			<view class="info-item">
+				<text class="label">{{ $t('success.paymentAmount') }}</text>
+				<text class="value">￥{{ orderInfo.amount || '0.00' }}</text>
+			</view>
+			<view class="info-item">
+				<text class="label">{{ $t('success.paymentTime') }}</text>
+				<text class="value">{{ orderInfo.payTime || '-' }}</text>
+			</view>
+		</view>
 
-    <!-- 操作按钮 -->
-    <view class="button-group">
-      <button class="primary-btn" @click="goToHome">{{ $t('success.backToHome') }}</button>
-      <button class="secondary-btn" @click="goToOrderList">{{ $t('success.viewOrder') }}</button>
-    </view>
-  </view>
+		<!-- 设备状态 -->
+		<view class="device-status">
+			<view class="status-message">{{ deviceMessage }}</view>
+			<view class="loading-animation" v-if="isLoading">
+				<view class="loading-circle"></view>
+			</view>
+		</view>
+
+		<!-- 操作按钮 -->
+		<view class="button-group">
+			<button class="primary-btn" @click="goToHome">{{ $t('success.backToHome') }}</button>
+			<button class="secondary-btn" @click="goToOrderList">{{ $t('success.viewOrder') }}</button>
+		</view>
+	</view>
 </template>
 
-<script>
-import { queryById } from '@/config/api/order.js'
-import { confirmPaymentAndRent } from '@/config/api/device.js'
+<script setup>
+	import {
+		ref,
+		getCurrentInstance
+	} from 'vue'
+	import {
+		onLoad
+	} from '@dcloudio/uni-app'
+	import {
+		queryById,
+		getOrderByOrderNo
+	} from '@/config/api/order.js'
 
-export default {
-  data() {
-    return {
-      orderId: '',
-      orderInfo: {},
-      isLoading: true,
-      deviceMessage: '',
-      hasTriggeredDevice: false
-    }
-  },
-  onLoad(options) {
-    // 设置页面标题
-    uni.setNavigationBarTitle({
-      title: this.$t('success.paymentSuccess')
-    })
-    
-    this.deviceMessage = this.$t('success.preparingDevice')
-    
-    if (options && options.orderId) {
-      this.orderId = options.orderId
-      this.loadOrderInfo()
-      
-      // 添加页面显示监听，防止页面切换后重复触发弹出
-      uni.$once('orderSuccess:' + this.orderId, () => {
-        console.log('已经触发过弹出逻辑，不再重复触发')
-        this.hasTriggeredDevice = true
-      })
-    } else {
-      uni.showToast({
-        title: this.$t('order.orderNotExist'),
-        icon: 'none'
-      })
-      setTimeout(() => {
-        this.goToHome()
-      }, 1500)
-    }
-  },
-  methods: {
-    async loadOrderInfo() {
-      try {
-        uni.showLoading({
-          title: this.$t('common.loading')
-        })
-        
-        const res = await queryById(this.orderId)
-        if (res.code === 200 && res.data) {
-          const orderData = res.data
-          this.orderInfo = {
-            orderNo: orderData.orderNo || orderData.orderId,
-            deviceNo: orderData.deviceNo,
-            amount: orderData.payAmount || orderData.amount,
-            payTime: orderData.payTime || this.formatTime(new Date())
-          }
-          
-          // 检查订单状态
-          if (orderData.orderStatus === 'IN_USED') {
-            // 如果已经是使用中状态，可能说明开锁已经完成
-            this.deviceMessage = '设备已弹出，请取走您的风扇'
-            this.isLoading = false
-            
-            // 如果是第一次加载页面且设备已弹出，记录状态，避免重复弹出
-            if (!this.hasTriggeredDevice) {
-              uni.$emit('orderSuccess:' + this.orderId)
-              this.hasTriggeredDevice = true
-            }
-          } else {
-            // 正常触发弹出逻辑
-            this.triggerDeviceEject()
-          }
-        } else {
-          throw new Error('获取订单信息失败')
-        }
-        
-        uni.hideLoading()
-      } catch (error) {
-        uni.hideLoading()
-        uni.showToast({
-          title: error.message || this.$t('order.getOrderFailed'),
-          icon: 'none'
-        })
-      }
-    },
-    
-    // 触发弹出风扇
-    async triggerDeviceEject() {
-      if (this.hasTriggeredDevice) {
-        console.log('已经触发过弹出风扇，不重复触发')
-        return
-      }
-      
-      this.hasTriggeredDevice = true
-      uni.$emit('orderSuccess:' + this.orderId)
-      this.isLoading = true
-      this.deviceMessage = this.$t('success.preparingDevice')
-      
-      try {
-        console.log(`准备触发弹出风扇，orderId: ${this.orderId}`)
-        
-        // 调用确认支付并弹出的方法
-        const result = await confirmPaymentAndRent(this.orderId)
-        console.log('确认支付并弹出风扇结果:', JSON.stringify(result))
-        
-        if (result && result.code === 200) {
-          this.deviceMessage = this.$t('success.deviceReady')
-          uni.showToast({
-            title: this.$t('success.deviceReady'),
-            icon: 'success'
-          })
-        } else {
-          throw new Error((result && result.msg) || this.$t('success.deviceFailed'))
-        }
-      } catch (error) {
-        console.error('弹出风扇错误:', error)
-        this.deviceMessage = this.$t('success.deviceFailed')
-        uni.showToast({
-          title: error.message || this.$t('success.deviceFailed'),
-          icon: 'none'
-        })
-      } finally {
-        this.isLoading = false
-      }
-    },
-    
-    formatTime(date) {
-      const year = date.getFullYear()
-      const month = (date.getMonth() + 1).toString().padStart(2, '0')
-      const day = date.getDate().toString().padStart(2, '0')
-      const hour = date.getHours().toString().padStart(2, '0')
-      const minute = date.getMinutes().toString().padStart(2, '0')
-      const second = date.getSeconds().toString().padStart(2, '0')
-      return `${year}-${month}-${day} ${hour}:${minute}:${second}`
-    },
-    goToHome() {
-      uni.switchTab({
-        url: '/pages/index/index'
-      })
-    },
-    goToOrderList() {
-      uni.redirectTo({
-        url: '/pages/order/index'
-      })
-    }
-  }
-}
+	// 获取当前实例以访问 $t 方法
+	const {
+		proxy
+	} = getCurrentInstance()
+
+	// 响应式数据
+	const orderId = ref('')
+	const orderInfo = ref({})
+	const isLoading = ref(true)
+	const deviceMessage = ref('')
+	const hasTriggeredDevice = ref(false)
+
+	// 页面加载
+	onLoad((options) => {
+		// 设置页面标题
+		uni.setNavigationBarTitle({
+			title: proxy.$t('success.paymentSuccess')
+		})
+
+		deviceMessage.value = proxy.$t('success.preparingDevice')
+
+		// #ifdef H5
+		if (uni.getStorageSync('pendingPaymentNo')) {
+			orderId.value = options.orderId
+			loadOrderInfo()
+
+			// 添加页面显示监听，防止页面切换后重复触发弹出
+			uni.$once('orderSuccess:' + orderId.value, () => {
+				console.log('已经触发过弹出逻辑，不再重复触发')
+				hasTriggeredDevice.value = true
+			})
+		} else {
+			uni.showToast({
+				title: proxy.$t('order.orderNotExist'),
+				icon: 'none'
+			})
+			setTimeout(() => {
+				goToHome()
+			}, 1500)
+		}
+		// #endif
+		// #ifndef H5
+		if (options && options.orderId) {
+			orderId.value = options.orderId
+			loadOrderInfo()
+
+			// 添加页面显示监听，防止页面切换后重复触发弹出
+			uni.$once('orderSuccess:' + orderId.value, () => {
+				console.log('已经触发过弹出逻辑，不再重复触发')
+				hasTriggeredDevice.value = true
+			})
+		} else {
+			uni.showToast({
+				title: proxy.$t('order.orderNotExist'),
+				icon: 'none'
+			})
+			setTimeout(() => {
+				goToHome()
+			}, 1500)
+		}
+		// #endif
+	})
+
+	// 加载订单信息
+	const loadOrderInfo = async () => {
+		try {
+			uni.showLoading({
+				title: proxy.$t('common.loading')
+			})
+
+			const res = await queryById(orderId.value)
+			if (res.code === 200 && res.data) {
+				const orderData = res.data
+				orderInfo.value = {
+					orderNo: orderData.orderNo || orderData.orderId,
+					deviceNo: orderData.deviceNo,
+					amount: orderData.payAmount || orderData.amount,
+					payTime: orderData.payTime || formatTime(new Date())
+				}
+
+				// 检查订单状态
+				if (orderData.orderStatus === 'IN_USED') {
+					// 如果已经是使用中状态，可能说明开锁已经完成
+					deviceMessage.value = '设备已弹出，请取走您的风扇'
+					isLoading.value = false
+
+					// 如果是第一次加载页面且设备已弹出，记录状态，避免重复弹出
+					if (!hasTriggeredDevice.value) {
+						uni.$emit('orderSuccess:' + orderId.value)
+						hasTriggeredDevice.value = true
+					}
+				} else {
+					// 在此页面不再触发设备弹出操作，仅更新展示文案和加载状态
+					deviceMessage.value = proxy.$t('success.paymentSuccessDesc')
+					isLoading.value = false
+				}
+			} else {
+				throw new Error('获取订单信息失败')
+			}
+
+			uni.hideLoading()
+		} catch (error) {
+			uni.hideLoading()
+			uni.showToast({
+				title: error.message || proxy.$t('order.getOrderFailed'),
+				icon: 'none'
+			})
+		}
+	}
+
+	// 格式化时间
+	const formatTime = (date) => {
+		const year = date.getFullYear()
+		const month = (date.getMonth() + 1).toString().padStart(2, '0')
+		const day = date.getDate().toString().padStart(2, '0')
+		const hour = date.getHours().toString().padStart(2, '0')
+		const minute = date.getMinutes().toString().padStart(2, '0')
+		const second = date.getSeconds().toString().padStart(2, '0')
+		return `${year}-${month}-${day} ${hour}:${minute}:${second}`
+	}
+
+	// 返回首页
+	const goToHome = () => {
+		uni.reLaunch({
+			url: '/pages/index/index'
+		})
+	}
+
+	// 查看订单列表
+	const goToOrderList = () => {
+		uni.redirectTo({
+			url: '/pages/order/index'
+		})
+	}
 </script>
 
 <style lang="scss" scoped>
-.success-container {
-  padding: 20px;
-  background-color: #f5f5f5;
-  min-height: 100vh;
-}
+	.success-container {
+		padding: 20px;
+		background-color: #f5f5f5;
+		min-height: 100vh;
+	}
 
-.status-card {
-  background-color: #fff;
-  border-radius: 12px;
-  padding: 30px;
-  text-align: center;
-  margin-bottom: 20px;
-  
-  .status-icon {
-    width: 60px;
-    height: 60px;
-    margin: 0 auto 16px;
-    background-color: #07c160;
-    border-radius: 50%;
-    position: relative;
-    
-    &::after {
-      content: '';
-      position: absolute;
-      left: 50%;
-      top: 50%;
-      transform: translate(-50%, -50%);
-      width: 30px;
-      height: 20px;
-      border: 3px solid #fff;
-      border-top: none;
-      border-right: none;
-      transform-origin: center;
-      transform: translate(-50%, -70%) rotate(-45deg);
-    }
-  }
-  
-  .status-text {
-    font-size: 24px;
-    font-weight: bold;
-    color: #07c160;
-    margin-bottom: 8px;
-  }
-  
-  .status-desc {
-    font-size: 14px;
-    color: #666;
-  }
-}
+	.status-card {
+		background-color: #fff;
+		border-radius: 12px;
+		padding: 30px;
+		text-align: center;
+		margin-bottom: 20px;
 
-.order-card {
-  background-color: #fff;
-  border-radius: 12px;
-  padding: 20px;
-  margin-bottom: 20px;
-  
-  .card-title {
-    font-size: 16px;
-    font-weight: bold;
-    margin-bottom: 16px;
-    color: #333;
-  }
-  
-  .info-item {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 12px;
-    
-    .label {
-      color: #666;
-      font-size: 14px;
-    }
-    
-    .value {
-      color: #333;
-      font-size: 14px;
-    }
-  }
-}
+		.status-icon {
+			width: 60px;
+			height: 60px;
+			margin: 0 auto 16px;
+			background-color: #07c160;
+			border-radius: 50%;
+			position: relative;
 
-.device-status {
-  background-color: #fff;
-  border-radius: 12px;
-  padding: 20px;
-  margin-bottom: 20px;
-  text-align: center;
-  
-  .status-message {
-    font-size: 16px;
-    color: #333;
-    margin-bottom: 12px;
-  }
-  
-  .loading-animation {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 40px;
-    
-    .loading-circle {
-      width: 30px;
-      height: 30px;
-      border-radius: 50%;
-      border: 3px solid #f0f0f0;
-      border-top-color: #07c160;
-      animation: spin 1s linear infinite;
-    }
-    
-    @keyframes spin {
-      0% { transform: rotate(0deg); }
-      100% { transform: rotate(360deg); }
-    }
-  }
-}
+			&::after {
+				content: '';
+				position: absolute;
+				left: 50%;
+				top: 50%;
+				transform: translate(-50%, -50%);
+				width: 30px;
+				height: 20px;
+				border: 3px solid #fff;
+				border-top: none;
+				border-right: none;
+				transform-origin: center;
+				transform: translate(-50%, -70%) rotate(-45deg);
+			}
+		}
 
-.button-group {
-  margin-top: 30px;
-  display: flex;
-  // flex-direction: column;
-  gap: 16px;
-  
-  .primary-btn {
-    background-color: #07c160;
-    color: #fff;
-    border: none;
-    border-radius: 24px;
-    padding: 12px;
-    font-size: 16px;
-    
-    &:active {
-      opacity: 0.8;
-    }
-  }
-  
-  .secondary-btn {
-    background-color: #fff;
-    color: #07c160;
-    border: 1px solid #07c160;
-    border-radius: 24px;
-    padding: 12px;
-    font-size: 16px;
-    
-    &:active {
-      background-color: #f5f5f5;
-    }
-  }
-}
+		.status-text {
+			font-size: 24px;
+			font-weight: bold;
+			color: #07c160;
+			margin-bottom: 8px;
+		}
+
+		.status-desc {
+			font-size: 14px;
+			color: #666;
+		}
+	}
+
+	.order-card {
+		background-color: #fff;
+		border-radius: 12px;
+		padding: 20px;
+		margin-bottom: 20px;
+
+		.card-title {
+			font-size: 16px;
+			font-weight: bold;
+			margin-bottom: 16px;
+			color: #333;
+		}
+
+		.info-item {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			margin-bottom: 12px;
+
+			.label {
+				color: #666;
+				font-size: 14px;
+			}
+
+			.value {
+				color: #333;
+				font-size: 14px;
+			}
+		}
+	}
+
+	.device-status {
+		background-color: #fff;
+		border-radius: 12px;
+		padding: 20px;
+		margin-bottom: 20px;
+		text-align: center;
+
+		.status-message {
+			font-size: 16px;
+			color: #333;
+			margin-bottom: 12px;
+		}
+
+		.loading-animation {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			height: 40px;
+
+			.loading-circle {
+				width: 30px;
+				height: 30px;
+				border-radius: 50%;
+				border: 3px solid #f0f0f0;
+				border-top-color: #07c160;
+				animation: spin 1s linear infinite;
+			}
+
+			@keyframes spin {
+				0% {
+					transform: rotate(0deg);
+				}
+
+				100% {
+					transform: rotate(360deg);
+				}
+			}
+		}
+	}
+
+	.button-group {
+		margin-top: 30px;
+		display: flex;
+		// flex-direction: column;
+		gap: 16px;
+
+		.primary-btn {
+			background-color: #07c160;
+			color: #fff;
+			border: none;
+			border-radius: 24px;
+			padding: 12px;
+			font-size: 16px;
+
+			&:active {
+				opacity: 0.8;
+			}
+		}
+
+		.secondary-btn {
+			background-color: #fff;
+			color: #07c160;
+			border: 1px solid #07c160;
+			border-radius: 24px;
+			padding: 12px;
+			font-size: 16px;
+
+			&:active {
+				background-color: #f5f5f5;
+			}
+		}
+	}
 </style>
\ No newline at end of file