-
${escapeHtml(row.ct_key)}
-
${escapeHtml(statusLabel(row.relation_status))}
+
+
+ ${escapeHtml(row.ct_key)}
+ ${escapeHtml(row.pacs_patient_name || row.upp_patient_name || "无姓名")} · ${escapeHtml(row.patient_id || row.patient_id_masked || "无ID")}
+ DICOM ${Number(row.pacs_series_count || 0)} 序列${stlCount ? ` · STL ${stlCount} 个` : ""}
+
+
+
${escapeHtml(statusLabel(row.relation_status))}
+
+ ${row.algorithm_model ? `${escapeHtml(row.algorithm_model)}` : ""}
+ ${renderPartTags(labels)}
+
+
-
${escapeHtml(row.pacs_patient_name || row.upp_patient_name || "无姓名")} · ${escapeHtml(row.patient_id || row.patient_id_masked || "无ID")}
-
${escapeHtml(date || "无时间")} · DICOM ${Number(row.dicom_file_count || 0)} 张 · STL ${stlCount} 个
-
重建 ${escapeHtml(row.algorithm_model || "无")}
-
${renderPartTags(parts)}
-
${escapeHtml(matchLabel(row.match_type))}${pending ? ` · ${pending} 待处理DICOM` : ""}
`;
card.onclick = () => selectRelation(row.ct_key);
list.appendChild(card);
@@ -262,18 +271,18 @@ function clearDetail() {
function renderDetail(row) {
app.active = row;
$("activeCt").textContent = row.ct_key || "未选择 CT";
- $("activeSubtitle").textContent = `${row.pacs_ct_number || "无 DICOM"} ↔ ${row.stl_ct_number || "无 STL"} · ${matchLabel(row.match_type)}`;
+ $("activeSubtitle").textContent = `${row.pacs_ct_number || "无 DICOM"} ↔ ${row.stl_ct_number || "无 STL"}`;
const badge = $("relationBadge");
badge.className = `relation-badge ${row.relation_status || "idle"}`;
badge.textContent = statusLabel(row.relation_status);
- const pending = pendingDICOM(row);
+ const labels = annotationLabels(row);
$("nodeCtValue").textContent = row.ct_key || "-";
markNode(
"nodePacs",
row.pacs_present ? "ok" : "missing",
row.pacs_ct_number || "缺失",
- `${Number(row.dicom_file_count || 0)} 张 · ${Number(row.pacs_series_count || 0)} 序列${pending ? ` · ${pending} 待处理DICOM` : ""}`,
+ `${Number(row.pacs_series_count || 0)} 序列 · ${labels.join("、") || "未标注"}`,
);
markNode(
"nodeStl",
@@ -289,9 +298,9 @@ function renderDetail(row) {
["检查时间", `${fmtDate(row.study_date)} ${fmtTime(row.study_time)}`.trim()],
["描述", row.study_description],
["序列/文件", `${Number(row.pacs_series_count || 0)} / ${Number(row.dicom_file_count || 0)}`],
- ["标注", `${Number(row.annotated_series || 0)} 已标注 · ${pending} 待处理DICOM`],
+ ["标注", `${Number(row.annotated_series || 0)} 已标注`],
["完成", row.completed ? "已完成" : "待处理"],
- ["部位标注", dicomParts(row).join("、")],
+ ["部位标注", labels.join("、")],
]);
renderDl("stlDetails", [
@@ -303,7 +312,6 @@ function renderDetail(row) {
["年龄/性别", [row.patient_age, row.upp_patient_sex].filter(Boolean).join(" / ")],
["检查时间", fmtDate(row.exam_date)],
["任务时间", fmtDate(row.task_created_at)],
- ["UPP列表记录", row.list_present ? `${Number(row.list_record_count || 0)} 条` : "无"],
["文件数", Number(row.stl_file_count || row.stl_file_count_agg || 0)],
["总大小", fmtBytes(row.stl_total_bytes || row.stl_total_bytes_agg)],
["目录", row.processed_stl_dir],
@@ -326,30 +334,48 @@ async function loadStatus() {
renderMetrics(data.counts || {});
}
-async function loadRelations() {
+async function loadRelations(reset = true) {
+ if (app.loading) return;
+ setLoading(true);
+ if (reset) {
+ app.offset = 0;
+ app.hasMore = true;
+ app.rows = [];
+ app.active = null;
+ renderList();
+ }
+ if (!app.hasMore) {
+ setLoading(false);
+ return;
+ }
const params = new URLSearchParams();
params.set("status", app.filter);
- params.set("limit", "500");
+ params.set("limit", String(app.limit));
+ params.set("offset", String(app.offset));
if (app.search) params.set("q", app.search);
if (app.algorithmModel) params.set("algorithm_model", app.algorithmModel);
if (app.dicomPart) params.set("dicom_part", app.dicomPart);
- app.rows = await json(`/api/relations?${params.toString()}`);
- if (app.rows.length && !app.rows.some((row) => row.ct_key === app.active?.ct_key)) {
- await selectRelation(app.rows[0].ct_key);
- } else {
+ try {
+ const rows = await json(`/api/relations?${params.toString()}`);
+ app.rows = reset ? rows : [...app.rows, ...rows.filter((row) => !app.rows.some((item) => item.ct_key === row.ct_key))];
+ app.offset += rows.length;
+ app.hasMore = rows.length === app.limit;
renderList();
- if (!app.active && app.rows.length) await selectRelation(app.rows[0].ct_key);
- if (!app.rows.length) clearDetail();
+ if (reset && app.rows.length) await selectRelation(app.rows[0].ct_key);
+ if (reset && !app.rows.length) clearDetail();
+ } finally {
+ setLoading(false);
}
}
async function refreshAll() {
try {
await loadStatus();
- await loadRelations();
+ await loadRelations(true);
} catch (err) {
$("dbStatus").textContent = err.message;
$("dbStatus").className = "status-pill offline";
+ setLoading(false);
}
}
@@ -514,13 +540,22 @@ function openDicomViewer() {
if (url) window.open(url, "_blank", "noopener");
}
+function openViewerHome() {
+ window.open(app.viewerUrl.replace(/\/$/, ""), "_blank", "noopener");
+}
+
function wire() {
$("loginForm").addEventListener("submit", login);
$("logoutBtn").addEventListener("click", logout);
$("settingsBtn").addEventListener("click", showSettings);
$("backToViewer").addEventListener("click", showViewer);
$("refreshBtn").addEventListener("click", refreshAll);
+ $("viewerHomeBtn").addEventListener("click", openViewerHome);
$("openDicomBtn").addEventListener("click", openDicomViewer);
+ $("relationList").addEventListener("scroll", () => {
+ const list = $("relationList");
+ if (list.scrollTop + list.clientHeight >= list.scrollHeight - 140) loadRelations(false);
+ });
$("searchInput").addEventListener("input", () => {
clearTimeout(app.searchTimer);
app.searchTimer = setTimeout(() => {
diff --git a/数据库Web可视化/static/index.html b/数据库Web可视化/static/index.html
index ba46408..0e01f54 100644
--- a/数据库Web可视化/static/index.html
+++ b/数据库Web可视化/static/index.html
@@ -16,6 +16,7 @@