feat(admin): redesign withdrawal review page and drop dead withdrawal code
- Split PayWithdrawals into shell + PayWithdrawalsList flat sibling trait - Add process/policy callout, open/paid/fee stats, status views with counts - Filter by source and payout method; reset keeps the status view - Show net payout with gross/fee breakdown, copyable payee, note column - Replace inline select form with per-row actions and a confirm dialog; reject requires a reason; double-submit guard; retry reuses the idempotency key; redirect back preserving filters and paging - Withdrawal: add get_status_counts() and method filter; get_stats() now returns open_gross / paid_net / paid_fee - Remove unused REST routes (/payment/withdrawals, /transition), admin_withdrawals(), update_status(), has_open_withdrawal(), count_open(), resolve_gross_amount() Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
kate522andClaude Fable 5 committed
1 parent
1d6bc8f7cc
commit
d98f8d7975
9 files changed
+862
-414
No files matched your search
@@ -0,0 +1,85 @@
|
||||
/* 提现审核（aksrt_withdraw）：流程提示 + 统计 + 状态视图 + 筛选 + 申请表 + 处理弹窗。复用 native-ui.css 的 --an-* 令牌，规则限定在本页类名下。 */
|
||||
.aksrt-wd-page [hidden],
|
||||
.aksrt-wd-dialog [hidden] { display: none !important; }
|
||||
|
||||
/* ---------- 状态视图 ---------- */
|
||||
.aksrt-wd-page .aksrt-wd-views { display: flex; width: fit-content; max-width: 100%; }
|
||||
|
||||
/* ---------- 筛选栏 ---------- */
|
||||
.aksrt-wd-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; }
|
||||
.aksrt-wd-filters label { display: inline-flex; margin: 0; }
|
||||
.aksrt-wd-filters__search { flex: 1 1 220px; }
|
||||
.aksrt-wd-filters__search input { width: 100%; }
|
||||
.aksrt-wd-filters__range { display: inline-flex; align-items: center; gap: 6px; color: var(--an-muted); }
|
||||
.aksrt-wd-page .aksrt-wd-filters__id { width: 96px; }
|
||||
.aksrt-wd-filters__submit { display: inline-flex; gap: 8px; }
|
||||
|
||||
/* ---------- 申请表 ---------- */
|
||||
.aksrt-wd-table { min-width: 1080px; table-layout: fixed; }
|
||||
.aksrt-wd-table .column-number { width: 15%; }
|
||||
.aksrt-wd-table .column-user { width: 14%; }
|
||||
.aksrt-wd-table .column-amount { width: 15%; }
|
||||
.aksrt-wd-table .column-payee { width: 20%; }
|
||||
.aksrt-wd-table .column-status { width: 11%; }
|
||||
.aksrt-wd-table .column-note { width: 13%; }
|
||||
.aksrt-wd-table .column-actions { width: 12%; }
|
||||
.aksrt-wd-table td { vertical-align: top; }
|
||||
.aksrt-wd-table .column-amount { font-variant-numeric: tabular-nums; }
|
||||
.aksrt-wd-table tr.is-retry { background: #fff8eb; }
|
||||
.aksrt-wd-sub { margin-top: 4px; color: var(--an-muted); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
|
||||
.aksrt-wd-note { max-height: 4.5em; overflow: auto; color: var(--an-text-2); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
|
||||
|
||||
/* 收款方式标签 + 可点击复制的收款信息 */
|
||||
.aksrt-wd-method { display: inline-block; padding: 0 6px; color: var(--an-text-2); font-size: 12px; line-height: 20px; background: var(--an-bg-soft); border-radius: 4px; }
|
||||
.aksrt-wd-method--alipay { color: #1677ff; background: #e8f1ff; }
|
||||
.aksrt-wd-method--wechat { color: #07a85c; background: #e6f7ee; }
|
||||
.aksrt-wd-account { display: flex; align-items: flex-start; gap: 5px; max-width: 100%; margin-top: 6px; padding: 4px 7px; color: var(--an-text); background: var(--an-bg-soft); border: 1px solid transparent; border-radius: 5px; text-align: left; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; cursor: pointer; }
|
||||
.aksrt-wd-account .dashicons { flex: none; width: 14px; height: 14px; margin-top: 2px; color: var(--an-muted); font-size: 14px; }
|
||||
.aksrt-wd-account:hover { color: var(--an-primary); background: var(--an-primary-soft); border-color: var(--an-primary); }
|
||||
.aksrt-wd-account:focus-visible { outline: 2px solid var(--an-primary); outline-offset: 2px; }
|
||||
|
||||
.aksrt-wd-actions { display: flex; flex-wrap: wrap; gap: 6px; }
|
||||
|
||||
/* ---------- 处理弹窗 ---------- */
|
||||
html.aksrt-wd-modal-open { overflow: hidden; }
|
||||
.aksrt-wd-dialog { width: min(560px, calc(100vw - 32px)); max-width: none; max-height: calc(100vh - 48px); max-height: calc(100dvh - 48px); margin: auto; padding: 0; overflow: hidden; color: var(--an-text-2); background: var(--an-card); border: 0; border-radius: var(--an-radius); box-shadow: 0 16px 64px rgba(15, 23, 42, .2); }
|
||||
.aksrt-wd-dialog::backdrop { background: rgba(15, 23, 42, .45); }
|
||||
.aksrt-wd-dialog__frame { display: flex; flex-direction: column; max-height: inherit; margin: 0; }
|
||||
.aksrt-wd-dialog__head { display: flex; flex: none; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 24px; border-bottom: 1px solid var(--an-border-soft); }
|
||||
.aksrt-wd-dialog .aksrt-wd-dialog__head h2 { margin: 0; padding: 0; color: var(--an-text); font-size: 18px; font-weight: 600; line-height: 1.5; }
|
||||
.aksrt-wd-dialog__close { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; color: var(--an-text-2); background: transparent; border: 0; border-radius: var(--an-radius-sm); cursor: pointer; }
|
||||
.aksrt-wd-dialog__close:hover { color: var(--an-text); background: var(--an-bg-soft); }
|
||||
.aksrt-wd-dialog__body { display: flex; flex-direction: column; gap: 14px; min-height: 0; padding: 20px 24px; overflow-y: auto; overscroll-behavior: contain; }
|
||||
.aksrt-wd-dialog__body .aksrt-native-callout { margin: 0; }
|
||||
.aksrt-wd-dialog__foot { display: flex; flex: none; justify-content: flex-end; gap: 8px; padding: 14px 24px; border-top: 1px solid var(--an-border-soft); }
|
||||
.aksrt-wd-dialog__foot .button { min-width: 110px; }
|
||||
.aksrt-wd-dialog .button:disabled { opacity: .65; cursor: not-allowed; }
|
||||
.aksrt-wd-dialog .button.button-primary.is-danger { color: #fff; background: var(--an-danger); border-color: var(--an-danger); }
|
||||
.aksrt-wd-dialog .button.button-primary.is-danger:hover { color: #fff; background: #b8284a; border-color: #b8284a; }
|
||||
.aksrt-wd-dialog :is(a, button, input, select, textarea):focus-visible { outline: 2px solid var(--an-primary); outline-offset: 2px; }
|
||||
.aksrt-wd-dialog textarea { resize: vertical; }
|
||||
|
||||
/* 记录摘要：两列网格，应打款金额放大，收款信息独占一行 */
|
||||
.aksrt-wd-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 16px; margin: 0; padding: 14px 16px; background: var(--an-bg-soft); border-radius: var(--an-radius-sm); }
|
||||
.aksrt-wd-summary__item { min-width: 0; }
|
||||
.aksrt-wd-summary dt { color: var(--an-muted); font-size: 12px; }
|
||||
.aksrt-wd-summary dd { margin: 2px 0 0; color: var(--an-text); overflow-wrap: anywhere; }
|
||||
.aksrt-wd-summary__item--net dd { color: var(--an-primary); font-size: 18px; font-weight: 600; font-variant-numeric: tabular-nums; }
|
||||
.aksrt-wd-summary__item--payee { grid-column: 1 / -1; }
|
||||
|
||||
/* ---------- 复制提示 ---------- */
|
||||
.aksrt-wd-toast { position: fixed; right: 24px; bottom: 24px; z-index: 100000; max-width: min(360px, calc(100vw - 48px)); padding: 10px 14px; color: #fff; background: rgba(15, 23, 42, .9); border-radius: var(--an-radius-sm); font-size: 13px; opacity: 0; transform: translateY(8px); transition: opacity .2s, transform .2s; pointer-events: none; }
|
||||
.aksrt-wd-toast.is-visible { opacity: 1; transform: none; }
|
||||
|
||||
@media (max-width: 782px) {
|
||||
.aksrt-wd-filters__search { flex-basis: 100%; }
|
||||
.aksrt-wd-filters__range { flex-wrap: wrap; }
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.aksrt-wd-dialog { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
|
||||
.aksrt-wd-dialog__head,
|
||||
.aksrt-wd-dialog__body,
|
||||
.aksrt-wd-dialog__foot { padding-left: 16px; padding-right: 16px; }
|
||||
.aksrt-wd-summary { grid-template-columns: 1fr; }
|
||||
.aksrt-wd-dialog__foot .button { flex: 1; min-width: 0; }
|
||||
}
|
||||
@@ -0,0 +1,149 @@
|
||||
/** 提现审核：共享处理弹窗（开始处理 / 确认打款 / 拒绝）、复制收款信息、防重复提交。仅本页入队。 */
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
var root = document.querySelector('.aksrt-wd-page');
|
||||
if (!root) return;
|
||||
|
||||
var dialog = root.querySelector('#aksrt-wd-dialog');
|
||||
var form = dialog ? dialog.querySelector('[data-aksrt-wd-form]') : null;
|
||||
var note = form ? form.querySelector('[data-aksrt-wd-note]') : null;
|
||||
var toast = root.querySelector('[data-aksrt-wd-toast]');
|
||||
var toastTimer;
|
||||
var opener = null;
|
||||
|
||||
function notify(key) {
|
||||
if (!toast) return;
|
||||
clearTimeout(toastTimer);
|
||||
toast.textContent = toast.getAttribute('data-' + key);
|
||||
toast.classList.add('is-visible');
|
||||
toastTimer = setTimeout(function () { toast.classList.remove('is-visible'); }, 3000);
|
||||
}
|
||||
|
||||
function lockScroll() {
|
||||
document.documentElement.classList.toggle('aksrt-wd-modal-open', !!(dialog && dialog.open));
|
||||
}
|
||||
|
||||
/** data-mode 可列多个状态（空格分隔）：只显示与当前目标状态匹配的说明、标题与提交按钮。 */
|
||||
function applyMode(mode) {
|
||||
form.closest('dialog').querySelectorAll('[data-mode]').forEach(function (el) {
|
||||
el.hidden = el.getAttribute('data-mode').split(' ').indexOf(mode) === -1;
|
||||
});
|
||||
if (note) note.required = mode === 'rejected';
|
||||
}
|
||||
|
||||
function resetSubmits() {
|
||||
delete form.dataset.submitting;
|
||||
form.querySelectorAll('[data-aksrt-wd-submit]').forEach(function (button) {
|
||||
button.disabled = false;
|
||||
if (button.dataset.idleLabel) button.textContent = button.dataset.idleLabel;
|
||||
});
|
||||
}
|
||||
|
||||
function openFor(button) {
|
||||
var mode = button.getAttribute('data-aksrt-wd-open');
|
||||
['id', 'nonce', 'key'].forEach(function (field) {
|
||||
form.querySelector('[data-field="' + field + '"]').value = button.dataset[field] || '';
|
||||
});
|
||||
form.querySelector('[data-field="status"]').value = mode;
|
||||
dialog.querySelectorAll('[data-summary]').forEach(function (dd) {
|
||||
dd.textContent = button.dataset[dd.getAttribute('data-summary')] || '—';
|
||||
});
|
||||
if (note) note.value = '';
|
||||
resetSubmits();
|
||||
applyMode(mode);
|
||||
opener = button;
|
||||
dialog.showModal();
|
||||
lockScroll();
|
||||
if (mode === 'rejected' && note) note.focus();
|
||||
}
|
||||
|
||||
if (dialog && form && typeof dialog.showModal === 'function') {
|
||||
var startedOutside = false;
|
||||
|
||||
function outside(event) {
|
||||
var rect = dialog.getBoundingClientRect();
|
||||
return event.clientX < rect.left || event.clientX > rect.right || event.clientY < rect.top || event.clientY > rect.bottom;
|
||||
}
|
||||
function requestClose() {
|
||||
if (!form.dataset.submitting) dialog.close();
|
||||
}
|
||||
|
||||
root.addEventListener('click', function (event) {
|
||||
var button = event.target.closest('[data-aksrt-wd-open]');
|
||||
if (button) openFor(button);
|
||||
});
|
||||
dialog.querySelectorAll('[data-aksrt-wd-close]').forEach(function (button) {
|
||||
button.addEventListener('click', requestClose);
|
||||
});
|
||||
dialog.addEventListener('pointerdown', function (event) {
|
||||
startedOutside = event.target === dialog && outside(event);
|
||||
});
|
||||
dialog.addEventListener('click', function (event) {
|
||||
if (startedOutside && event.target === dialog && outside(event)) requestClose();
|
||||
startedOutside = false;
|
||||
});
|
||||
dialog.addEventListener('cancel', function (event) {
|
||||
if (form.dataset.submitting) event.preventDefault();
|
||||
});
|
||||
dialog.addEventListener('close', function () {
|
||||
lockScroll();
|
||||
if (opener && opener.isConnected) opener.focus();
|
||||
opener = null;
|
||||
});
|
||||
|
||||
form.addEventListener('submit', function (event) {
|
||||
if (form.dataset.submitting) {
|
||||
event.preventDefault();
|
||||
return;
|
||||
}
|
||||
if (note && note.required && note.value.trim() === '') {
|
||||
event.preventDefault();
|
||||
note.value = '';
|
||||
note.reportValidity();
|
||||
return;
|
||||
}
|
||||
form.dataset.submitting = '1';
|
||||
var submit = form.querySelector('[data-aksrt-wd-submit]:not([hidden])');
|
||||
if (submit) {
|
||||
submit.dataset.idleLabel = submit.textContent;
|
||||
submit.textContent = form.getAttribute('data-busy-label');
|
||||
// 延后禁用：同步禁用 submit 按钮会让部分浏览器丢掉这次提交。
|
||||
setTimeout(function () { submit.disabled = true; }, 0);
|
||||
}
|
||||
});
|
||||
|
||||
// bfcache 返回时恢复按钮，避免弹窗停在提交中状态。
|
||||
window.addEventListener('pageshow', function (event) {
|
||||
if (event.persisted) resetSubmits();
|
||||
});
|
||||
}
|
||||
|
||||
root.addEventListener('click', async function (event) {
|
||||
var button = event.target.closest('[data-clipboard-text]');
|
||||
if (!button) return;
|
||||
var value = button.getAttribute('data-clipboard-text');
|
||||
try {
|
||||
if (navigator.clipboard && window.isSecureContext) {
|
||||
await navigator.clipboard.writeText(value);
|
||||
} else {
|
||||
var input = document.createElement('textarea');
|
||||
input.value = value;
|
||||
input.className = 'screen-reader-text';
|
||||
root.appendChild(input);
|
||||
input.select();
|
||||
var copied = false;
|
||||
try {
|
||||
copied = document.execCommand('copy');
|
||||
} finally {
|
||||
input.remove();
|
||||
button.focus();
|
||||
}
|
||||
if (!copied) throw new Error('copy');
|
||||
}
|
||||
notify('copied');
|
||||
} catch (error) {
|
||||
notify('copy-failed');
|
||||
}
|
||||
});
|
||||
})();
|
||||
Reference in new issue
Block a user