fix:pay

pages/alipay-payment/alipay-payment.vue

@@ -1,12 +1,6 @@
 <template>
 	<view class="container alipay-page">
-		<view v-if="!hasPaymentUrl" class="empty-card">
-			<view class="empty-title">支付链接已失效</view>
-			<view class="empty-desc">请返回后重新发起支付宝支付</view>
-			<up-button class="primary-button" type="primary" @tap="goBack">返回</up-button>
-		</view>
-
-		<view v-else class="pay-content">
+		<view class="pay-content">
 			<view class="method-card">
 				<view class="method-header">
 					<view class="method-index">方式一</view>
@@ -31,23 +25,64 @@
 </template>
 
 <script setup>
-	import { computed, ref } from 'vue';
+	import { ref } from 'vue';
 	import { onShow } from '@dcloudio/uni-app';
 	import { getPendingAlipayPaymentData } from '@/utils/payment.js';
 
 	const browserUrl = ref('');
 	const qrUrl = ref('');
+	const hasRedirected = ref(false);
 
-	const hasPaymentUrl = computed(() => !!browserUrl.value || !!qrUrl.value);
+	const isInWechat = () => /micromessenger/i.test(navigator.userAgent);
+
+	const decodePaymentUrl = (value) => {
+		if (!value) {
+			return '';
+		}
+
+		try {
+			const normalized = value.replace(/-/g, '+').replace(/_/g, '/');
+			const padding = '='.repeat((4 - normalized.length % 4) % 4);
+			return decodeURIComponent(escape(atob(normalized + padding)));
+		} catch (e) {
+			return '';
+		}
+	};
+
+	const getQueryParam = (key) => {
+		// #ifdef H5
+		const params = new URLSearchParams(window.location.search);
+		return params.get(key) || '';
+		// #endif
+		// #ifndef H5
+		return '';
+		// #endif
+	};
+
+	const getPayUrlFromQuery = () => {
+		return decodePaymentUrl(getQueryParam('pay64'));
+	};
+
+	const getQrUrlFromQuery = () => {
+		return decodePaymentUrl(getQueryParam('qr64'));
+	};
+
+	const redirectToAlipayInBrowser = () => {
+		// #ifdef H5
+		if (hasRedirected.value || isInWechat() || !browserUrl.value) {
+			return;
+		}
+
+		hasRedirected.value = true;
+		window.location.href = browserUrl.value;
+		// #endif
+	};
 
 	const loadPaymentData = () => {
 		const data = getPendingAlipayPaymentData();
-		browserUrl.value = data?.copyUrl || data?.qrUrl || '';
-		qrUrl.value = data?.qrUrl || data?.copyUrl || '';
-	};
-
-	const goBack = () => {
-		uni.navigateBack();
+		browserUrl.value = getPayUrlFromQuery() || data?.copyUrl || data?.qrUrl || '';
+		qrUrl.value = getQrUrlFromQuery() || data?.qrUrl || data?.copyUrl || browserUrl.value;
+		redirectToAlipayInBrowser();
 	};
 
 	onShow(() => {
@@ -69,8 +104,7 @@
 		gap: 24rpx;
 	}
 
-	.method-card,
-	.empty-card {
+	.method-card {
 		background: var(--bg-primary);
 		border-radius: 28rpx;
 		padding: 32rpx;
@@ -78,7 +112,6 @@
 		border: 1rpx solid rgba(10, 132, 255, 0.08);
 	}
 
-	.empty-desc,
 	.qr-desc {
 		margin-top: 14rpx;
 		font-size: 26rpx;
@@ -119,11 +152,6 @@
 		text-align: center;
 	}
 
-	.primary-button {
-		width: 100%;
-		margin-top: 18rpx;
-	}
-
 	.tips-image {
 		display: block;
 		width: 100%;
@@ -142,14 +170,4 @@
 		border: 1rpx dashed rgba(10, 132, 255, 0.24);
 	}
 
-	.empty-card {
-		margin-top: 160rpx;
-		text-align: center;
-	}
-
-	.empty-title {
-		font-size: 34rpx;
-		font-weight: 700;
-		color: var(--text-primary);
-	}
 </style>