zikai
ff2ad3fcb3
将 zTools2 托管的页面/静态/探针/WebSocket 路由全部从顶级路径迁移到 /api/ 下：
- 页面：/pdf -> /api/pdf、/pdf-admin -> /api/pdf-admin、/upload -> /api/upload、
/files -> /api/files-page、/wb/{id} -> /api/wb-page/{id}、/wb-admin -> /api/wb-admin
（页面类加 -page 后缀以规避同名 REST API /api/files、/api/wb/{id}）
- 静态资源：/static -> /api/static
- 探针：/health -> /api/health
- WebSocket：/ws/wb/{id} -> /api/ws/wb/{id}
- 前端 HTML 壳与 JS 中的资源/页间链接/WS URL 同步更新
- 手动测试脚本 BASE_WS 同步
这样反代与 vite proxy 只需一条 /api/ 规则即可转发全部入口；
前端 iframe 用同源相对路径 /api/pdf，与环境无关，不再误打到其它环境域名。
README 新增「路由约定」说明。
85 lines
3.2 KiB
JavaScript
85 lines
3.2 KiB
JavaScript
/* 白板管理页：拉取 /api/admin/wb、渲染表格、删除、新建并跳转。 */
|
|
(function () {
|
|
"use strict";
|
|
const { el, toast, fmtTime, api } = window.ZK;
|
|
const listEl = document.getElementById("list");
|
|
const countEl = document.getElementById("count");
|
|
const refreshBtn = document.getElementById("refresh");
|
|
const newBtn = document.getElementById("newBtn");
|
|
|
|
refreshBtn.addEventListener("click", load);
|
|
newBtn.addEventListener("click", () => {
|
|
// 生成一个随机 board_id 并打开（访问即创建）
|
|
const id = "b_" + Math.random().toString(36).slice(2, 10);
|
|
window.open(`/api/wb-page/${id}`, "_blank");
|
|
});
|
|
|
|
async function load() {
|
|
listEl.innerHTML = '<div class="skel">加载中…</div>';
|
|
countEl.textContent = "";
|
|
try {
|
|
const res = await api("/api/admin/wb?limit=500&offset=0");
|
|
if (!res.ok) throw new Error("HTTP " + res.status);
|
|
const body = await res.json();
|
|
render(body.items || []);
|
|
countEl.textContent = `共 ${body.total} 个白板`;
|
|
} catch (e) {
|
|
listEl.innerHTML = '<div class="empty">加载失败：' + (e.message || e) + "</div>";
|
|
}
|
|
}
|
|
|
|
function render(items) {
|
|
if (!items.length) {
|
|
listEl.innerHTML = '<div class="empty">还没有白板。点「新建并打开」创建一个。</div>';
|
|
return;
|
|
}
|
|
const table = el("table", { class: "wb-admin-table" });
|
|
const thead = el("thead", null,
|
|
el("tr", null,
|
|
el("th", { class: "col-id" }, "白板 ID"),
|
|
el("th", { class: "col-mods" }, "修改次数"),
|
|
el("th", { class: "col-created" }, "创建时间"),
|
|
el("th", { class: "col-updated" }, "上次修改"),
|
|
el("th", { class: "col-act" }, "操作")
|
|
)
|
|
);
|
|
const tbody = el("tbody", null);
|
|
for (const b of items) {
|
|
const row = el("tr", null,
|
|
el("td", { class: "col-id" },
|
|
el("a", { class: "bid link", href: `/api/wb-page/${b.board_id}`, target: "_blank" }, b.board_id)
|
|
),
|
|
el("td", { class: "col-mods mono" }, String(b.edit_count ?? 0)),
|
|
el("td", { class: "col-created muted" }, fmtTime(b.created_at)),
|
|
el("td", { class: "col-updated muted" }, fmtTime(b.updated_at)),
|
|
el("td", { class: "col-act" },
|
|
el("button", { class: "btn danger", onclick: () => remove(b, row) }, "删除")
|
|
)
|
|
);
|
|
tbody.appendChild(row);
|
|
}
|
|
table.appendChild(thead);
|
|
table.appendChild(tbody);
|
|
listEl.innerHTML = "";
|
|
listEl.appendChild(table);
|
|
}
|
|
|
|
async function remove(b, row) {
|
|
if (!confirm(`确定删除白板「${b.board_id}」？\n所有在线协作者会被断开，内容不可恢复。`)) return;
|
|
try {
|
|
const res = await api(`/api/admin/wb/${encodeURIComponent(b.board_id)}`, { method: "DELETE" });
|
|
if (res.status === 404) { toast("白板已不存在"); }
|
|
else if (!res.ok) throw new Error("HTTP " + res.status);
|
|
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)} 个白板`;
|
|
} catch (e) {
|
|
toast("删除失败：" + (e.message || e), "err");
|
|
}
|
|
}
|
|
|
|
load();
|
|
})();
|