实现前端动态加载充值商品功能：从后端shop_configs表读取商品，支持选择商品支付
This commit is contained in:
ypsdf1
+103
-6
@@ -258,7 +258,7 @@ function ensureWebTransactionsTable($db) {
|
||||
// ====================================================================
|
||||
// 动作：create_order
|
||||
// ====================================================================
|
||||
function createOrder($token) {
|
||||
function createOrder($token, $productId = 0) {
|
||||
$keys = loadPayKeys();
|
||||
if (empty($keys['pid']) || empty($keys['private_key']) || empty($keys['public_key'])) {
|
||||
error('支付密钥未配置，请联系管理员', 500);
|
||||
@@ -298,10 +298,45 @@ function createOrder($token) {
|
||||
$cleanStmt->bindValue(':stale', $staleThreshold, SQLITE3_INTEGER);
|
||||
$cleanStmt->execute();
|
||||
|
||||
// ===== 0.01 元测试档位（固定映射：0.01 元 → 1 债券） =====
|
||||
$money = PAY_TEST_MONEY;
|
||||
$bonds = PAY_TEST_BONDS;
|
||||
$name = PAY_TEST_NAME;
|
||||
// ===== 获取商品信息 =====
|
||||
$money = PAY_TEST_MONEY; // 默认测试价格
|
||||
$bonds = PAY_TEST_BONDS; // 默认测试债券
|
||||
$name = PAY_TEST_NAME; // 默认测试名称
|
||||
|
||||
if ($productId > 0) {
|
||||
// 从shop_configs表获取商品信息
|
||||
$stmt = $db->prepare("SELECT * FROM shop_configs WHERE id = :id AND is_active = 1");
|
||||
$stmt->bindValue(':id', $productId, SQLITE3_INTEGER);
|
||||
$product = $stmt->execute()->fetchArray(SQLITE3_ASSOC);
|
||||
|
||||
if ($product) {
|
||||
// 检查库存
|
||||
if ($product['stock'] == 0) {
|
||||
error('商品已售罄');
|
||||
}
|
||||
|
||||
$money = number_format($product['price'], 2, '.', '');
|
||||
$name = $product['item_name'];
|
||||
|
||||
// 解析债券范围
|
||||
$bondReward = $product['bond_reward'];
|
||||
if (preg_match('/^(\d+)-(\d+)$/', $bondReward, $m)) {
|
||||
// 随机范围内的债券数量
|
||||
$bondMin = intval($m[1]);
|
||||
$bondMax = intval($m[2]);
|
||||
$bonds = mt_rand($bondMin, $bondMax);
|
||||
} else {
|
||||
$bonds = intval($bondReward);
|
||||
}
|
||||
|
||||
// 更新库存（如果不是无限库存）
|
||||
if ($product['stock'] > 0) {
|
||||
$updateStmt = $db->prepare("UPDATE shop_configs SET stock = stock - 1 WHERE id = :id AND stock > 0");
|
||||
$updateStmt->bindValue(':id', $productId, SQLITE3_INTEGER);
|
||||
$updateStmt->execute();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$outTradeNo = 'RE' . date('YmdHis') . sprintf('%04d', mt_rand(0, 9999));
|
||||
|
||||
@@ -869,6 +904,65 @@ function findRecentOrder($token) {
|
||||
success(['orders' => $rows, 'player' => $info['player']]);
|
||||
}
|
||||
|
||||
// ====================================================================
|
||||
// 动作：get_shop_products — 获取上架商品列表（前端充值页面使用）
|
||||
// ====================================================================
|
||||
function getShopProducts() {
|
||||
$db = getOrdersDB();
|
||||
|
||||
// 确保shop_configs表存在
|
||||
$db->exec("CREATE TABLE IF NOT EXISTS shop_configs (
|
||||
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
||||
item_name TEXT NOT NULL DEFAULT '',
|
||||
stock INTEGER NOT NULL DEFAULT -1,
|
||||
temporary_offer TEXT NOT NULL DEFAULT '',
|
||||
offer_expire TEXT NOT NULL DEFAULT '',
|
||||
price REAL NOT NULL DEFAULT 0,
|
||||
bond_reward TEXT NOT NULL DEFAULT '1-1',
|
||||
is_active INTEGER NOT NULL DEFAULT 1,
|
||||
created_at INTEGER NOT NULL DEFAULT 0
|
||||
)");
|
||||
|
||||
// 查询上架商品（is_active=1）
|
||||
$stmt = $db->query("SELECT * FROM shop_configs WHERE is_active = 1 ORDER BY id ASC");
|
||||
$products = [];
|
||||
while ($row = $stmt->fetchArray(SQLITE3_ASSOC)) {
|
||||
// 检查库存：stock=0（售罄）的商品不返回
|
||||
if ($row['stock'] == 0) {
|
||||
continue;
|
||||
}
|
||||
|
||||
// 解析债券范围（支持 "1-10" 格式）
|
||||
$bondReward = $row['bond_reward'];
|
||||
if (preg_match('/^(\d+)-(\d+)$/', $bondReward, $m)) {
|
||||
$bondMin = intval($m[1]);
|
||||
$bondMax = intval($m[2]);
|
||||
} else {
|
||||
$bondMin = $bondMax = intval($bondReward);
|
||||
}
|
||||
|
||||
// 解析有效期
|
||||
$expireInfo = parseExpireDate($row['offer_expire']);
|
||||
|
||||
$products[] = [
|
||||
'id' => $row['id'],
|
||||
'item_name' => $row['item_name'],
|
||||
'stock' => $row['stock'],
|
||||
'temporary_offer' => $row['temporary_offer'],
|
||||
'offer_expire' => $row['offer_expire'],
|
||||
'expire_valid' => $expireInfo['valid'],
|
||||
'expire_display' => $expireInfo['display'],
|
||||
'price' => $row['price'],
|
||||
'bond_reward' => $bondReward,
|
||||
'bond_min' => $bondMin,
|
||||
'bond_max' => $bondMax,
|
||||
'is_active' => $row['is_active']
|
||||
];
|
||||
}
|
||||
|
||||
success(['products' => $products]);
|
||||
}
|
||||
|
||||
// ====================================================================
|
||||
// 入口分发
|
||||
// ====================================================================
|
||||
@@ -876,7 +970,7 @@ $action = getParam('action', '');
|
||||
try {
|
||||
switch ($action) {
|
||||
case 'create_order':
|
||||
createOrder(getParam('token'));
|
||||
createOrder(getParam('token'), intval(getParam('product_id', 0)));
|
||||
break;
|
||||
case 'notify':
|
||||
handleNotify(); // 内部已 exit
|
||||
@@ -893,6 +987,9 @@ try {
|
||||
case 'find_recent_order':
|
||||
findRecentOrder(getParam('token'));
|
||||
break;
|
||||
case 'get_shop_products':
|
||||
getShopProducts();
|
||||
break;
|
||||
default:
|
||||
error('未知操作: ' . $action);
|
||||
}
|
||||
|
||||
+99
-22
@@ -1054,31 +1054,26 @@ if ($currentVersion !== $BUILD_VERSION) {
|
||||
else if (page === 'recharge') renderRecharge(c);
|
||||
}
|
||||
|
||||
// ==================== 债券在线充值（测试：0.01元 → 1债券） ====================
|
||||
// ==================== 债券在线充值（动态加载商品） ====================
|
||||
function renderRecharge(el) {
|
||||
// 先显示加载状态
|
||||
el.innerHTML = `
|
||||
<div class="card" style="max-width:520px;margin:0 auto">
|
||||
<h2 style="margin:0 0 6px">💳 债券在线充值</h2>
|
||||
<p style="color:var(--dim);font-size:13px;margin:0 0 18px">测试阶段：¥0.01 = 1 债券（仅支付宝）。支付成功后游戏内即时到账。</p>
|
||||
|
||||
<div style="border:1px solid var(--border);border-radius:14px;padding:18px;margin-bottom:16px;background:linear-gradient(135deg,rgba(63,185,80,0.08),rgba(88,166,255,0.06))">
|
||||
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px">
|
||||
<span style="font-size:14px;color:var(--fg)">测试充值档位</span>
|
||||
<span style="font-size:12px;color:var(--green);border:1px solid var(--green);border-radius:999px;padding:2px 10px">测试</span>
|
||||
<p style="color:var(--dim);font-size:13px;margin:0 0 18px">支付成功后游戏内即时到账。</p>
|
||||
<div id="shopProductsContainer" style="margin-bottom:16px">
|
||||
<div style="text-align:center;padding:20px;color:var(--dim)">加载商品中...</div>
|
||||
</div>
|
||||
<div style="display:flex;justify-content:space-between;align-items:baseline">
|
||||
<div><div style="font-size:28px;font-weight:800;color:var(--accent)">¥0.01</div><div style="font-size:12px;color:var(--dim)">支付金额</div></div>
|
||||
<div style="font-size:22px;color:var(--green)">→ 1 债券</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button id="rechargeBtn" class="btn btn-primary" style="width:100%;font-size:15px;padding:12px" onclick="startRecharge()">🅰️ 支付宝支付 ¥0.01</button>
|
||||
<button id="rechargeBtn" class="btn btn-primary" style="width:100%;font-size:15px;padding:12px;display:none" onclick="startRecharge()">支付</button>
|
||||
<div id="rechargeStatus" style="margin-top:14px;font-size:13px;min-height:20px"></div>
|
||||
<p style="color:var(--dim);font-size:12px;margin-top:14px;line-height:1.6">说明：点击后跳转至支付宝完成付款，浏览器会自动跳回本页并自动确认到账。若未自动到账，可点击下方按钮手动查询。</p>
|
||||
<p style="color:var(--dim);font-size:12px;margin-top:14px;line-height:1.6">说明：点击后跳转至支付页面完成付款，浏览器会自动跳回本页并自动确认到账。若未自动到账，可点击下方按钮手动查询。</p>
|
||||
<button id="rechargeQueryBtn" class="btn" style="width:100%;margin-top:8px;display:none" onclick="pollRechargeOrder(true)">🔄 查询到账状态</button>
|
||||
</div>
|
||||
`;
|
||||
|
||||
// 加载商品列表
|
||||
loadShopProducts();
|
||||
|
||||
// 处理支付回跳 ?paid=1
|
||||
const paid = new URLSearchParams(location.search).get('paid');
|
||||
const lastNo = localStorage.getItem('sdf1_last_recharge_no');
|
||||
@@ -1102,7 +1097,7 @@ if ($currentVersion !== $BUILD_VERSION) {
|
||||
st.innerHTML = '<span style="color:var(--green)">✅ 此订单已支付完成，可以发起新订单。</span>';
|
||||
localStorage.removeItem('sdf1_last_recharge_no');
|
||||
const btn = document.getElementById('rechargeBtn');
|
||||
btn.disabled = false; btn.textContent = '🅰️ 支付宝支付 ¥0.01'; btn.onclick = startRecharge;
|
||||
btn.disabled = false; btn.textContent = '支付'; btn.onclick = startRecharge;
|
||||
} else {
|
||||
st.innerHTML = '<span style="color:var(--accent)">检测到订单 ' + latest.out_trade_no + '，正在确认到账…</span>';
|
||||
pollRechargeOrder(false);
|
||||
@@ -1134,7 +1129,7 @@ if ($currentVersion !== $BUILD_VERSION) {
|
||||
localStorage.removeItem('sdf1_last_recharge_no');
|
||||
st.innerHTML = '<span style="color:var(--green)">✅ 此订单已支付完成，可以发起新订单。</span>';
|
||||
btn.disabled = false;
|
||||
btn.textContent = '🅰️ 支付宝支付 ¥0.01';
|
||||
btn.textContent = '支付';
|
||||
btn.onclick = startRecharge;
|
||||
} else if (res.data.status === 'created') {
|
||||
// 检查订单是否已过期（5分钟）
|
||||
@@ -1145,7 +1140,7 @@ if ($currentVersion !== $BUILD_VERSION) {
|
||||
localStorage.removeItem('sdf1_last_recharge_no');
|
||||
st.innerHTML = '<span style="color:var(--yellow)">订单已过期（超过5分钟），请重新下单。</span>';
|
||||
btn.disabled = false;
|
||||
btn.textContent = '🅰️ 支付宝支付 ¥0.01';
|
||||
btn.textContent = '支付';
|
||||
btn.onclick = startRecharge;
|
||||
} else {
|
||||
// 未支付：显示继续支付
|
||||
@@ -1186,6 +1181,86 @@ if ($currentVersion !== $BUILD_VERSION) {
|
||||
}
|
||||
}
|
||||
|
||||
// 加载商店商品列表
|
||||
async function loadShopProducts() {
|
||||
const container = document.getElementById('shopProductsContainer');
|
||||
try {
|
||||
const res = await api('pay.php', {action: 'get_shop_products'});
|
||||
if (res.success && res.data && res.data.products) {
|
||||
const products = res.data.products;
|
||||
if (products.length === 0) {
|
||||
container.innerHTML = '<div style="text-align:center;padding:20px;color:var(--dim)">暂无商品</div>';
|
||||
return;
|
||||
}
|
||||
|
||||
// 渲染商品列表
|
||||
let html = '';
|
||||
products.forEach((product, index) => {
|
||||
const isSelected = index === 0; // 默认选中第一个
|
||||
const offerText = product.temporary_offer ? `<div style="font-size:12px;color:var(--yellow);margin-top:4px">🎁 ${product.temporary_offer}${product.expire_display ? ' (有效期: ' + product.expire_display + ')' : ''}</div>` : '';
|
||||
const stockText = product.stock === -1 ? '无限库存' : (product.stock > 0 ? `库存: ${product.stock}` : '售罄');
|
||||
const stockColor = product.stock === -1 ? 'var(--green)' : (product.stock > 0 ? 'var(--dim)' : 'var(--red)');
|
||||
|
||||
html += `
|
||||
<div class="shop-product-card" data-product-id="${product.id}" data-price="${product.price}" data-bond-min="${product.bond_min}" data-bond-max="${product.bond_max}" onclick="selectShopProduct(this)" style="border:1px solid ${isSelected ? 'var(--accent)' : 'var(--border)'};border-radius:14px;padding:16px;margin-bottom:12px;background:${isSelected ? 'linear-gradient(135deg,rgba(63,185,80,0.08),rgba(88,166,255,0.06))' : 'transparent'};cursor:pointer;transition:all 0.2s ease">
|
||||
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px">
|
||||
<span style="font-size:14px;color:var(--fg)">${product.item_name}</span>
|
||||
<span style="font-size:12px;color:${stockColor};border:1px solid ${stockColor};border-radius:999px;padding:2px 10px">${stockText}</span>
|
||||
</div>
|
||||
<div style="display:flex;justify-content:space-between;align-items:baseline">
|
||||
<div><div style="font-size:28px;font-weight:800;color:var(--accent)">¥${product.price}</div><div style="font-size:12px;color:var(--dim)">支付金额</div></div>
|
||||
<div style="font-size:22px;color:var(--green)">→ ${product.bond_min === product.bond_max ? product.bond_min + ' 债券' : product.bond_min + '-' + product.bond_max + ' 债券'}</div>
|
||||
</div>
|
||||
${offerText}
|
||||
</div>
|
||||
`;
|
||||
});
|
||||
|
||||
container.innerHTML = html;
|
||||
|
||||
// 选中第一个商品
|
||||
if (products.length > 0) {
|
||||
selectShopProduct(document.querySelector('.shop-product-card'));
|
||||
}
|
||||
} else {
|
||||
container.innerHTML = '<div style="text-align:center;padding:20px;color:var(--dim)">加载商品失败</div>';
|
||||
}
|
||||
} catch (e) {
|
||||
container.innerHTML = '<div style="text-align:center;padding:20px;color:var(--red)">加载商品失败: ' + e.message + '</div>';
|
||||
}
|
||||
}
|
||||
|
||||
// 选择商品
|
||||
function selectShopProduct(el) {
|
||||
// 取消所有选中
|
||||
document.querySelectorAll('.shop-product-card').forEach(card => {
|
||||
card.style.borderColor = 'var(--border)';
|
||||
card.style.background = 'transparent';
|
||||
});
|
||||
|
||||
// 选中当前
|
||||
el.style.borderColor = 'var(--accent)';
|
||||
el.style.background = 'linear-gradient(135deg,rgba(63,185,80,0.08),rgba(88,166,255,0.06))';
|
||||
|
||||
// 更新支付按钮
|
||||
const btn = document.getElementById('rechargeBtn');
|
||||
const price = el.dataset.price;
|
||||
const bondMin = el.dataset.bondMin;
|
||||
const bondMax = el.dataset.bondMax;
|
||||
const bondText = bondMin === bondMax ? bondMin + ' 债券' : bondMin + '-' + bondMax + ' 债券';
|
||||
btn.style.display = 'block';
|
||||
btn.textContent = `支付宝支付 ¥${price} → ${bondText}`;
|
||||
btn.dataset.productId = el.dataset.productId;
|
||||
|
||||
// 保存选中商品信息
|
||||
window.selectedShopProduct = {
|
||||
id: el.dataset.productId,
|
||||
price: price,
|
||||
bondMin: bondMin,
|
||||
bondMax: bondMax
|
||||
};
|
||||
}
|
||||
|
||||
async function startRecharge() {
|
||||
const btn = document.getElementById('rechargeBtn');
|
||||
const st = document.getElementById('rechargeStatus');
|
||||
@@ -1194,16 +1269,18 @@ if ($currentVersion !== $BUILD_VERSION) {
|
||||
btn.textContent = '⏳ 正在创建订单…';
|
||||
st.innerHTML = '<span style="color:var(--dim)">正在请求支付订单…</span>';
|
||||
try {
|
||||
const res = await api('pay.php', {action: 'create_order'});
|
||||
// 获取选中的商品ID
|
||||
const productId = window.selectedShopProduct ? window.selectedShopProduct.id : 0;
|
||||
const res = await api('pay.php', {action: 'create_order', product_id: productId});
|
||||
if (!res.success) {
|
||||
st.innerHTML = '<span style="color:var(--red)">创建订单失败：' + (res.message || '未知错误') + '</span>';
|
||||
btn.disabled = false;
|
||||
btn.textContent = '🅰️ 支付宝支付 ¥0.01';
|
||||
btn.textContent = '支付';
|
||||
return;
|
||||
}
|
||||
const { pay_url, out_trade_no, reused } = res.data;
|
||||
localStorage.setItem('sdf1_last_recharge_no', out_trade_no);
|
||||
st.innerHTML = '<span style="color:var(--green)">' + (reused ? '恢复支付链接' : '订单已创建') + '，正在跳转支付宝…（如未弹出，请允许浏览器打开新窗口）</span>';
|
||||
st.innerHTML = '<span style="color:var(--green)">' + (reused ? '恢复支付链接' : '订单已创建') + '，正在跳转支付…（如未弹出，请允许浏览器打开新窗口）</span>';
|
||||
document.getElementById('rechargeQueryBtn').style.display = 'block';
|
||||
const w = window.open(pay_url, '_blank');
|
||||
if (!w) {
|
||||
@@ -1214,7 +1291,7 @@ if ($currentVersion !== $BUILD_VERSION) {
|
||||
} catch (e) {
|
||||
st.innerHTML = '<span style="color:var(--red)">请求异常：' + e.message + '</span>';
|
||||
btn.disabled = false;
|
||||
btn.textContent = '🅰️ 支付宝支付 ¥0.01';
|
||||
btn.textContent = '支付';
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user