diff --git a/static/pdf_admin.css b/static/pdf_admin.css
index 6592e27..bd6f00d 100644
--- a/static/pdf_admin.css
+++ b/static/pdf_admin.css
@@ -10,6 +10,11 @@
.jobs-table td.col-act .btn { padding: 0.3em 0.8em; font-size: 0.85em; margin-left: 0.3em; }
.jobs-table td.col-name { font-weight: 600; word-break: break-all; }
+/* 复选框列:窄宽居中,避免视觉噪声 */
+.jobs-table th.col-check,
+.jobs-table td.col-check { width: 2.5em; text-align: center; vertical-align: middle; }
+.jobs-table td.col-check input { cursor: pointer; }
+
.bar { height: 8px; background: var(--surface-2); border-radius: 6px; overflow: hidden; border: 1px solid var(--border); }
.bar__fill { height: 100%; width: 0; background: var(--primary); border-radius: 6px; transition: width 0.2s; }
.bar--sm { display: inline-block; width: 90px; vertical-align: middle; height: 6px; }
diff --git a/static/pdf_admin.html b/static/pdf_admin.html
index 4c369c5..dce2d5a 100644
--- a/static/pdf_admin.html
+++ b/static/pdf_admin.html
@@ -14,6 +14,7 @@
+
diff --git a/static/pdf_admin.js b/static/pdf_admin.js
index 4b1c348..a45ab03 100644
--- a/static/pdf_admin.js
+++ b/static/pdf_admin.js
@@ -1,16 +1,25 @@
-/* PDF 转换管理页:拉取 /api/admin/pdf/jobs、渲染表格(含「是否已删除」列)、硬删。 */
+/* PDF 转换管理页:拉取 /api/admin/pdf/jobs、渲染表格(含「是否已删除」列)、硬删。
+ 支持全选/多选批量硬删;删除直接执行,无二次确认。 */
(function () {
"use strict";
const { el, toast, fmtBytes, fmtTime, api } = window.ZK;
const listEl = document.getElementById("list");
const countEl = document.getElementById("count");
const refreshBtn = document.getElementById("refresh");
+ const bulkDeleteBtn = document.getElementById("bulkDelete");
+ const selCountEl = document.getElementById("selCount");
+
+ // 选中集合:以 job id 为键,值为对应行元素,便于 O(1) 增删与遍历
+ const selected = new Map();
refreshBtn.addEventListener("click", load);
+ bulkDeleteBtn.addEventListener("click", bulkRemove);
async function load() {
listEl.innerHTML = '加载中…
';
countEl.textContent = "";
+ selected.clear();
+ updateBulkBtn();
try {
const res = await api("/api/admin/pdf/jobs?limit=500&offset=0");
if (!res.ok) throw new Error("HTTP " + res.status);
@@ -30,6 +39,9 @@
const table = el("table", { class: "jobs-table admin-table" });
const thead = el("thead", null,
el("tr", null,
+ el("th", { class: "col-check" },
+ el("input", { type: "checkbox", id: "selectAll", onchange: onToggleAll })
+ ),
el("th", { class: "col-name" }, "文件名"),
el("th", { class: "col-size" }, "大小"),
el("th", { class: "col-status" }, "状态"),
@@ -47,7 +59,9 @@
}
function renderRow(j) {
+ const checkbox = el("input", { type: "checkbox", value: j.id, onchange: () => onToggleRow(j, checkbox, row) });
const row = el("tr", { class: j.user_deleted ? "row-soft-deleted" : "" },
+ el("td", { class: "col-check" }, checkbox),
el("td", { class: "col-name" }, j.source_filename),
el("td", { class: "col-size mono" }, fmtBytes(j.source_size)),
el("td", { class: "col-status" }, statusCell(j)),
@@ -60,9 +74,39 @@
el("button", { class: "btn danger", onclick: () => remove(j, row) }, "硬删")
)
);
+ // 行元素上缓存 job/checkbox 引用,供全选回调 O(1) 取用
+ row.__job = j;
+ row.__checkbox = checkbox;
return row;
}
+ function onToggleAll(e) {
+ const checked = e.target.checked;
+ selected.clear();
+ const rows = listEl.querySelectorAll("tbody tr");
+ rows.forEach((row) => {
+ if (row.__checkbox) row.__checkbox.checked = checked;
+ if (checked && row.__job) selected.set(row.__job.id, row);
+ });
+ updateBulkBtn();
+ }
+
+ function onToggleRow(j, box, row) {
+ if (box.checked) selected.set(j.id, row);
+ else selected.delete(j.id);
+ // 同步表头全选框状态
+ const allBoxes = listEl.querySelectorAll('tbody input[type="checkbox"]');
+ const selectAll = document.getElementById("selectAll");
+ if (selectAll) selectAll.checked = allBoxes.length > 0 && [...allBoxes].every((b) => b.checked);
+ updateBulkBtn();
+ }
+
+ function updateBulkBtn() {
+ const n = selected.size;
+ bulkDeleteBtn.disabled = n === 0;
+ selCountEl.textContent = n > 0 ? `(${n})` : "";
+ }
+
function statusCell(j) {
if (j.status === "done") return el("span", { class: "tag ok" }, "完成");
if (j.status === "failed")
@@ -77,21 +121,57 @@
return el("span", { class: "muted" }, "否");
}
+ // 单条硬删:直接执行,无二次确认
async function remove(j, row) {
- if (!confirm(`确定硬删「${j.source_filename}」?\n将真正删除原始文件与产物 PDF(磁盘 + 记录),不可恢复。`)) return;
try {
const res = await api(`/api/admin/pdf/jobs/${j.id}`, { method: "DELETE" });
if (res.status === 404) { toast("任务已不存在"); }
else if (!res.ok) throw new Error("HTTP " + res.status);
+ selected.delete(j.id);
row.classList.add("row-removed");
setTimeout(() => row.remove(), 250);
toast("已硬删");
- const m = (countEl.textContent || "").match(/(\d+)/);
- if (m) countEl.textContent = `共 ${Math.max(0, Number(m[1]) - 1)} 个任务`;
+ decCount();
+ updateBulkBtn();
} catch (e) {
toast("删除失败:" + (e.message || e), "err");
}
}
+ // 批量硬删:并发删除所有选中项,无二次确认
+ async function bulkRemove() {
+ if (!selected.size) return;
+ bulkDeleteBtn.disabled = true;
+ const entries = [...selected.entries()];
+ let ok = 0, fail = 0;
+ await Promise.all(entries.map(async ([id, row]) => {
+ try {
+ const res = await api(`/api/admin/pdf/jobs/${id}`, { method: "DELETE" });
+ if (res.ok || res.status === 404) {
+ selected.delete(id);
+ row.classList.add("row-removed");
+ setTimeout(() => row.remove(), 250);
+ ok++;
+ } else {
+ fail++;
+ }
+ } catch {
+ fail++;
+ }
+ }));
+ selected.clear();
+ if (ok) { decCount(ok); toast(`已硬删 ${ok} 项` + (fail ? `,${fail} 项失败` : "")); }
+ else if (fail) { toast(`批量删除失败(${fail} 项)`, "err"); }
+ // 同步全选框
+ const selectAll = document.getElementById("selectAll");
+ if (selectAll) selectAll.checked = false;
+ updateBulkBtn();
+ }
+
+ function decCount(n = 1) {
+ const m = (countEl.textContent || "").match(/(\d+)/);
+ if (m) countEl.textContent = `共 ${Math.max(0, Number(m[1]) - n)} 个任务`;
+ }
+
load();
})();