admin/38451-vm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

789456

Browse Source
This commit is contained in:
Flatlogic Bot 2026-02-21 12:56:36 +00:00
parent 55af4e4713
commit d31b881957
2 changed files with 28 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
includes/lang.php
View File

@ -614,7 +614,7 @@ $translations = [
'receiving_bank' => '收款银行',
'receiving_account' => '收款账号',
'receiving_name' => '收款姓名',
'recharge_final_notice' => "匹配成功，请严格按照页面展示的账户信息进行转账\n转账金额需与订单金额保持一致\n请勿分笔转账或修改金额",
'recharge_final_notice' => '请按照页面展示的账户进行转账',
'remaining_time' => '剩余时间',
'secure_pay' => '安全支付',
'encrypted_channel' => '加密通道',

48
recharge.php
View File

@ -860,67 +860,73 @@ function updateMatchingSide(info, isRestore = false) {
if (!side) return;
side.innerHTML = `
<div class="text-center text-lg-start fade-in">
<!-- 1. Status Badge & Title -->
<div class="mb-4">
<div class="text-center text-lg-start" style="animation: fadeIn 0.5s ease;">
<!-- 1. Title -->
<div class="mb-4 text-center">
<div class="d-inline-flex align-items-center gap-2 px-3 py-1 rounded-pill bg-success bg-opacity-10 text-success small fw-bold mb-3 border border-success border-opacity-10">
<i class="bi bi-check-circle-fill text-success"></i> <?= __("matched_successfully") ?>
</div>
<h2 class="fw-bold text-dark mb-3" style="font-size: 2rem;"><?= __("matched_successfully") ?></h2>
<h2 class="fw-bold text-dark mb-2" style="font-size: 1.8rem;"><?= __("matched_successfully") ?></h2>
</div>
<!-- 2. Account Details (ABOVE Countdown) -->
<div class="mb-4 p-4 rounded-4 shadow-sm border border-light" style="background: #fff0f5;">
<!-- 2. Account Information (EXACTLY ABOVE COUNTDOWN) -->
<div class="mb-3 p-4 rounded-4 shadow-sm border border-light" style="background: #fff0f5;">
<div class="d-flex flex-column gap-3">
<div class="payment-item">
<div class="text-muted small mb-1 fw-bold"><?= __("receiving_bank") ?>：</div>
<div class="text-muted small mb-1 fw-bold text-start"><?= __("receiving_bank") ?>：</div>
<div class="d-flex justify-content-between align-items-center gap-2">
<div class="h6 mb-0 fw-bold text-dark" style="word-break: break-all; font-size: 1.1rem;">${info.bank}</div>
<div class="h6 mb-0 fw-bold text-dark text-start" style="word-break: break-all; font-size: 1.1rem;">${info.bank}</div>
<button class="btn btn-sm rounded-pill px-3 fw-bold flex-shrink-0" style="font-size: 10px; background: #ff4d94; color: white;" onclick="copyText('${info.bank}')"><?= __("copy") ?></button>
</div>
</div>
<div class="payment-item border-top border-white border-opacity-50 pt-2">
<div class="text-muted small mb-1 fw-bold"><?= __("receiving_account") ?>：</div>
<div class="text-muted small mb-1 fw-bold text-start"><?= __("receiving_account") ?>：</div>
<div class="d-flex justify-content-between align-items-center gap-2">
<div class="h5 mb-0 fw-bold" style="word-break: break-all; font-family: monospace; font-size: 1.3rem; color: #ff4d94;">${info.account}</div>
<div class="h5 mb-0 fw-bold text-start" style="word-break: break-all; font-family: monospace; font-size: 1.3rem; color: #ff4d94;">${info.account}</div>
<button class="btn btn-sm rounded-pill px-3 fw-bold flex-shrink-0" style="font-size: 10px; background: #ff4d94; color: white;" onclick="copyText('${info.account}')"><?= __("copy") ?></button>
</div>
</div>
<div class="payment-item border-top border-white border-opacity-50 pt-2">
<div class="text-muted small mb-1 fw-bold"><?= __("receiving_name") ?>：</div>
<div class="text-muted small mb-1 fw-bold text-start"><?= __("receiving_name") ?>：</div>
<div class="d-flex justify-content-between align-items-center gap-2">
<div class="h6 mb-0 fw-bold text-dark" style="word-break: break-all; font-size: 1.1rem;">${info.name}</div>
<div class="h6 mb-0 fw-bold text-dark text-start" style="word-break: break-all; font-size: 1.1rem;">${info.name}</div>
<button class="btn btn-sm rounded-pill px-3 fw-bold flex-shrink-0" style="font-size: 10px; background: #ff4d94; color: white;" onclick="copyText('${info.name}')"><?= __("copy") ?></button>
</div>
</div>
</div>
</div>
<!-- 3. Remaining Time Box (BELOW Account Details) -->
<div class="mb-4 py-3 px-4 rounded-4 shadow-sm border border-light" style="background: #ffffff;">
<div class="row align-items-center">
<div class="col-7">
<!-- 3. Countdown Box (EXACTLY BELOW ACCOUNT INFO) -->
<div class="mb-3 py-3 px-4 rounded-4 shadow-sm border border-light" style="background: #ffffff;">
<div class="row align-items-center text-center text-lg-start">
<div class="col-12 col-lg-7 mb-2 mb-lg-0">
<div class="text-muted small mb-0 fw-bold"><?= __("remaining_time") ?></div>
<div class="h2 fw-bold mb-0" id="modal-countdown" style="font-family: monospace; color: #ff4d94;">--:--</div>
</div>
<div class="col-5 border-start border-light ps-3">
<div class="col-12 col-lg-5 border-start-lg border-light ps-lg-3">
<div class="small fw-bold" style="color: #ff4d94;"><i class="bi bi-shield-check me-1"></i><?= __("secure_pay") ?></div>
<div class="text-muted" style="font-size: 10px;"><?= __("encrypted_channel") ?></div>
</div>
</div>
</div>
<!-- 4. Final Notice Tip Text (BELOW Countdown) -->
<div class="p-3 rounded-4 border border-light mb-4" style="background: rgba(255,77,148,0.05);">
<p class="text-dark fw-bold mb-0" style="line-height: 1.6; font-size: 14px; opacity: 0.9; white-space: pre-line;">
<!-- 4. Tip Text -->
<div class="p-2 text-center mb-3">
<p class="text-muted small fw-bold mb-0">
<?= __("recharge_final_notice") ?>
</p>
</div>
<button type="button" class="btn btn-primary w-100 rounded-pill py-3 fw-bold shadow-sm" onclick="finishTransfer()" style="background: #ff4d94; border: none; color: white;">
<!-- 5. Action Button -->
<button type="button" class="btn btn-primary w-100 rounded-pill py-3 fw-bold shadow-sm" onclick="finishTransfer()" style="background: #ff4d94 !important; border: none; color: white;">
<?= __("complete_transfer") ?>
</button>
</div>
<style>
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@media (min-width: 992px) { .border-start-lg { border-left: 1px solid #dee2e6 !important; } }
</style>
`;
if (remainingSeconds > 0) {