更新 front/templates/payPage.html

This commit is contained in:
zhangguoping 2025-07-21 20:11:37 +08:00
parent 26d1caa42c
commit e62a311c0e
1 changed files with 9 additions and 21 deletions

View File

@ -59,7 +59,7 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
height: 100%; height: 200px;
} }
.loading-spinner { .loading-spinner {
@ -139,7 +139,7 @@
</div> </div>
<!-- Loading状态 --> <!-- Loading状态 -->
<div id="loading" class="loading-container" style="display: flex;"> <div id="loading" class="loading-container" style="display: block;">
<div class="loading-spinner"></div> <div class="loading-spinner"></div>
<p class="loading-text">支付处理中,请稍等...</p> <p class="loading-text">支付处理中,请稍等...</p>
</div> </div>
@ -202,8 +202,8 @@
} }
break; break;
default: // 其他状态(待支付/失败/关闭) default: // 其他状态(待支付/失败/关闭)
alert('其他状态(待支付/失败/关闭)'); fetchPaymentMethods();
// fetchPaymentMethods(); // window.location.reload();
} }
}) })
.catch(error => { .catch(error => {
@ -214,7 +214,9 @@
// 获取支付方式列表 // 获取支付方式列表
function fetchPaymentMethods() { function fetchPaymentMethods() {
const id = getQueryParam('no'); const id = getQueryParam('no');
alert(id, 'zgp')
if (id) { if (id) {
fetch(`/pay/front/api/v1/payPage/list?id=${id}`, { fetch(`/pay/front/api/v1/payPage/list?id=${id}`, {
method: 'POST', method: 'POST',
@ -233,26 +235,20 @@
} }
}) })
.then(data => { .then(data => {
closeLoading();
// 处理返回的数据,例如渲染支付方式列表 // 处理返回的数据,例如渲染支付方式列表
if (data === null || data.data.length === 0) { if (data === null || data.data.length === 0) {
closeLoading();
const pay = document.getElementById('pay'); const pay = document.getElementById('pay');
pay.innerHTML = '<h3>支付环境异常,请检查</h3>'; pay.innerHTML = '<h3>支付环境异常,请检查</h3>';
} else if (data.data.length === 1) { } else if (data.data.length === 1) {
// 只有一种支付方式 renderPaymentMethods(data.data);
alert(`只有一种支付方式`);
if(localStorage.getItem('auto-redirect') != 2){ if(localStorage.getItem('auto-redirect') != 2){
// 否则设置自动跳转标记 // 否则设置自动跳转标记,并跳转
alert(`auto-redirect:${auto-redirect},直接跳转`);
localStorage.setItem('auto-redirect', 2); localStorage.setItem('auto-redirect', 2);
window.location.href = `/pay/front/api/v1/payPage/submit?pay_channel_id=${data.data[0].pay_channel_id}&no=${id}`; window.location.href = `/pay/front/api/v1/payPage/submit?pay_channel_id=${data.data[0].pay_channel_id}&no=${id}`;
}else{
alert(`auto-redirect:${auto-redirect},展示支付页面`);
renderPaymentMethods(data.data);
} }
} else { } else {
// 多种支付方式,展示支付界面 // 多种支付方式,展示支付界面
closeLoading();
renderPaymentMethods(data.data); renderPaymentMethods(data.data);
} }
}) })
@ -347,7 +343,6 @@
// 页面加载时执行 // 页面加载时执行
window.onload = function() { window.onload = function() {
alert(`auto-redirect:${localStorage.getItem('auto-redirect')}`);
if (localStorage.getItem('auto-redirect') && localStorage.getItem('auto-redirect') == 2) { if (localStorage.getItem('auto-redirect') && localStorage.getItem('auto-redirect') == 2) {
handlePaymentCallback(); // 如果是支付回调且不是自动跳转,处理支付结果 handlePaymentCallback(); // 如果是支付回调且不是自动跳转,处理支付结果
} else { } else {
@ -356,13 +351,6 @@
} }
}; };
window.addEventListener('pageshow', function(event) {
if (event.persisted) { // 如果是从缓存加载(如返回操作)
alert('返回操作')
fetchPaymentMethods();
}
});
</script> </script>
{{ else}} {{ else}}