feat(admin): redesign creator income page with status views and safer settlement

- Split PayIncome into shell + PayIncomeList flat sibling trait
- Add policy callout, per-currency stats, status views, filter card
- Show source post/order/buyer, base amount x ratio, expected settle time
- Confirm single/batch settlement, selection count, double-submit guard
- Redirect back preserving filters; report settled/failed counts
- Revenue: add get_status_counts(), share admin_list_where(), drop dead settle()

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
kate522andClaude Fable 5 committed 2026-10-31 19:37:38 +08:00
1 parent 1273a0138e
commit b25ebc5fff
6 files changed
+719 -247

No files matched your search

+50
View File
@@ -0,0 +1,50 @@
/* 创作分成(aksrt_income):统计 + 状态视图 + 筛选 + 分成表。复用 native-ui.css 的 --an-* 令牌,规则限定在 .aksrt-income-page 下。 */
/* ---------- 状态视图 ---------- */
.aksrt-income-page .aksrt-income-views { display: flex; width: fit-content; max-width: 100%; }
/* ---------- 筛选栏 ---------- */
.aksrt-income-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; }
.aksrt-income-filters label { display: inline-flex; margin: 0; }
.aksrt-income-filters__search { flex: 1 1 220px; }
.aksrt-income-filters__search input { width: 100%; }
.aksrt-income-filters__range { display: inline-flex; align-items: center; gap: 6px; color: var(--an-muted); }
.aksrt-income-page .aksrt-income-filters__id { width: 96px; }
.aksrt-income-filters__submit { display: inline-flex; gap: 8px; }
/* ---------- 批量结算 ---------- */
.aksrt-income-batch { margin: 0; }
.aksrt-income-batch__count { color: var(--an-muted); font-size: 12px; }
.aksrt-income-batch__count.is-active { color: var(--an-text); font-weight: 500; }
.aksrt-income-page .aksrt-income-batch .button:disabled { opacity: .6; cursor: not-allowed; }
/* ---------- 分成表 ---------- */
.aksrt-income-table { min-width: 1040px; table-layout: fixed; }
.aksrt-income-table .column-record { width: 13%; }
.aksrt-income-table .column-author { width: 15%; }
.aksrt-income-table .column-source { width: 24%; }
.aksrt-income-table .column-base { width: 14%; }
.aksrt-income-table .column-amount { width: 12%; }
.aksrt-income-table .column-status { width: 13%; }
.aksrt-income-table .column-actions { width: 9%; }
.aksrt-income-table td,
.aksrt-income-table tbody th { vertical-align: top; }
.aksrt-income-id { color: var(--an-text); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; font-weight: 600; }
.aksrt-income-post { display: block; color: var(--an-text); font-weight: 500; text-decoration: none; overflow-wrap: anywhere; }
a.aksrt-income-post:hover,
a.aksrt-income-post:focus { color: var(--an-primary); }
.aksrt-income-order { color: inherit; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; text-decoration: none; }
.aksrt-income-order:hover,
.aksrt-income-order:focus { color: var(--an-primary); }
.aksrt-income-sub { margin-top: 4px; color: var(--an-muted); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.aksrt-income-table .column-base,
.aksrt-income-table .column-amount { font-variant-numeric: tabular-nums; }
/* 行内结算:单按钮 POST 表单 */
.aksrt-income-action { display: inline-flex; margin: 0; }
.aksrt-income-action .button[disabled] { opacity: .6; cursor: progress; }
@media (max-width: 782px) {
.aksrt-income-filters__search { flex-basis: 100%; }
.aksrt-income-filters__range { flex-wrap: wrap; }
}
+69
View File
@@ -0,0 +1,69 @@
/** 创作分成:批量勾选计数、全选、结算二次确认 + 防重复提交。仅本页入队。 */
(function () {
'use strict';
var root = document.querySelector('.aksrt-income-page');
if (!root) return;
var checkAll = root.querySelector('[data-aksrt-income-check-all]');
var checks = Array.from(root.querySelectorAll('[data-aksrt-income-check]'));
var batchSubmit = root.querySelector('[data-aksrt-income-batch-submit]');
var selected = root.querySelector('[data-aksrt-income-selected]');
var emptyText = selected ? selected.textContent : '';
function checkedCount() {
return checks.filter(function (box) { return box.checked; }).length;
}
function sync() {
var count = checkedCount();
if (batchSubmit) batchSubmit.disabled = count === 0;
if (selected) {
selected.textContent = count > 0 ? '已选 ' + count + ' 条' : emptyText;
selected.classList.toggle('is-active', count > 0);
}
if (checkAll) {
checkAll.checked = count > 0 && count === checks.length;
checkAll.indeterminate = count > 0 && count < checks.length;
}
}
if (checkAll) {
checkAll.addEventListener('change', function () {
checks.forEach(function (box) { box.checked = checkAll.checked; });
sync();
});
}
checks.forEach(function (box) { box.addEventListener('change', sync); });
sync();
root.addEventListener('submit', function (event) {
var form = event.target.closest('form');
if (!form) return;
if (form.dataset.submitting) {
event.preventDefault();
return;
}
var message = form.getAttribute('data-aksrt-confirm');
if (message && !window.confirm(message.replace('{count}', String(checkedCount())))) {
event.preventDefault();
return;
}
if (form.method.toLowerCase() !== 'post') return;
form.dataset.submitting = '1';
// 延后禁用:同步禁用 submit 按钮会让部分浏览器丢掉这次提交。
setTimeout(function () {
form.querySelectorAll('button[type="submit"]').forEach(function (button) { button.disabled = true; });
}, 0);
});
// bfcache 返回时恢复按钮与勾选计数,避免整页停在禁用态。
window.addEventListener('pageshow', function (event) {
if (!event.persisted) return;
root.querySelectorAll('form[data-submitting]').forEach(function (form) {
delete form.dataset.submitting;
form.querySelectorAll('button[type="submit"]').forEach(function (button) { button.disabled = false; });
});
sync();
});
})();