Add DICOM UPP registration workspace

2026-05-28 11:58:59 +08:00
parent 07df6ce446
commit cb18aabb4d
19 changed files with 5644 additions and 1 deletions
--- a/数据库Web可视化/static/app.js
+++ b/数据库Web可视化/static/app.js
@@ -8,6 +8,7 @@ const app = {
  algorithmModel: "",
  dicomPart: "",
  viewerUrl: "http://127.0.0.1:8107",
+  registrationUrl: "http://127.0.0.1:8109",
  searchTimer: null,
  offset: 0,
  limit: 20,
@@ -171,6 +172,7 @@ function assetSummary(row) {

 function setDbStatus(data) {
  app.viewerUrl = data.viewer_url || app.viewerUrl;
+  app.registrationUrl = data.registration_url || app.registrationUrl;
  const pill = $("dbStatus");
  if (data.database?.ok) {
    pill.textContent = `${data.database.database} 已连接`;
@@ -187,6 +189,7 @@ function renderMetrics(counts = {}) {
    ["DICOM", counts.pacs_count],
    ["仅 DICOM", counts.pacs_only_count],
    ["仅 STL", counts.stl_only_count],
+    ["已配准", counts.registered_ct_count],
  ];
  $("metrics").innerHTML = items
    .map(([label, value]) => `<div class="metric"><span>${escapeHtml(label)}</span><strong>${Number(value || 0)}</strong></div>`)
@@ -203,6 +206,7 @@ function cardTitle(row) {
    `UPP患者：${row.upp_patient_name || "无"}`,
    `重建模型：${row.algorithm_model || "无"}`,
    `部位标注：${annotationLabels(row).join("、") || "无"}`,
+    `配准：${Number(row.registered_series || 0)} 序列，${Number(row.locked_count || 0)} 锁定`,
  ].join("\n");
 }

@@ -237,6 +241,11 @@ function renderList() {
        </div>
        <div class="card-status">
          <i class="mini-badge ${escapeHtml(row.relation_status)}">${escapeHtml(statusLabel(row.relation_status))}</i>
+          ${
+            Number(row.registration_count || 0)
+              ? `<small class="registration-mini" title="${Number(row.registration_count || 0)} 条配准记录，${Number(row.locked_count || 0)} 条锁定">${Number(row.registered_series || 0)} 已配准</small>`
+              : `<small class="registration-mini pending">未配准</small>`
+          }
          ${
            Number(row.duplicate_model_asset_count || 0)
              ? `<small class="name-check-warning" title="同一CT同一算法模型只能对应一个STL，已按规则保留一组">${Number(row.duplicate_model_asset_count)} 组重复</small>`
@@ -290,16 +299,39 @@ function viewerBaseUrl() {
  }
 }

+function registrationBaseUrl() {
+  try {
+    const url = new URL(app.registrationUrl || `${location.protocol}//${location.hostname}:8109`, location.href);
+    if (["127.0.0.1", "localhost", "0.0.0.0"].includes(url.hostname) && !["127.0.0.1", "localhost"].includes(location.hostname)) {
+      url.hostname = location.hostname;
+    }
+    url.protocol = location.protocol;
+    return url.toString().replace(/\/$/, "");
+  } catch (_) {
+    return `${location.protocol}//${location.hostname}:8109`;
+  }
+}
+
 function dicomViewerUrl(row = app.active) {
  if (!row?.pacs_ct_number) return "";
  return `${viewerBaseUrl()}/?ct_number=${encodeURIComponent(row.pacs_ct_number)}`;
 }

+function registrationViewerUrl(row = app.active) {
+  const ct = row?.pacs_ct_number || row?.ct_key;
+  if (!ct) return "";
+  return `${registrationBaseUrl()}/?ct_number=${encodeURIComponent(ct)}`;
+}
+
 function updateOpenDicomButton() {
  const button = $("openDicomBtn");
  const url = dicomViewerUrl();
  button.disabled = !url;
  button.title = url || "当前记录没有 DICOM 检查号";
+  const registrationButton = $("openRegistrationBtn");
+  const registration = registrationViewerUrl();
+  registrationButton.disabled = !registration;
+  registrationButton.title = registration || "当前记录没有可配准 CT 号";
 }

 function clearDetail() {
@@ -349,6 +381,7 @@ function renderDetail(row) {
    ["标注", `${Number(row.annotated_series || 0)} 已标注`],
    ["完成", row.completed ? "已完成" : "待处理"],
    ["部位标注", labels.join("、")],
+    ["配准状态", row.registration_count ? `${Number(row.registered_series || 0)} 个序列已配准 / ${Number(row.locked_count || 0)} 条锁定` : "未配准"],
  ]);

  renderDl("stlDetails", [
@@ -370,6 +403,7 @@ function renderDetail(row) {
    ["目录", row.processed_stl_dir],
    ["分割分类", uniq(asList(row.segment_categories)).join("、")],
    ["更新时间", fmtDate(row.stl_updated_at || row.upp_updated_at)],
+    ["配准更新时间", fmtDate(row.registration_updated_at)],
  ]);

  updateOpenDicomButton();
@@ -597,6 +631,15 @@ function openViewerHome() {
  window.open(viewerBaseUrl(), "_blank", "noopener");
 }

+function openRegistrationViewer() {
+  const url = registrationViewerUrl();
+  if (url) window.open(url, "_blank", "noopener");
+}
+
+function openRegistrationHome() {
+  window.open(registrationBaseUrl(), "_blank", "noopener");
+}
+
 function wire() {
  $("loginForm").addEventListener("submit", login);
  $("logoutBtn").addEventListener("click", logout);
@@ -604,7 +647,9 @@ function wire() {
  $("backToViewer").addEventListener("click", showViewer);
  $("refreshBtn").addEventListener("click", refreshAll);
  $("viewerHomeBtn").addEventListener("click", openViewerHome);
+  $("registrationHomeBtn").addEventListener("click", openRegistrationHome);
  $("openDicomBtn").addEventListener("click", openDicomViewer);
+  $("openRegistrationBtn").addEventListener("click", openRegistrationViewer);
  $("relationList").addEventListener("scroll", () => {
    const list = $("relationList");
    if (list.scrollTop + list.clientHeight >= list.scrollHeight - 140) loadRelations(false);
--- a/数据库Web可视化/static/index.html
+++ b/数据库Web可视化/static/index.html
@@ -17,6 +17,7 @@
      </div>
      <div class="top-actions">
        <button id="viewerHomeBtn" class="dark-btn" type="button">进入阅片系统</button>
+        <button id="registrationHomeBtn" class="dark-btn" type="button">进入配准系统</button>
        <span id="dbStatus" class="status-pill">数据库</span>
        <button id="refreshBtn" class="dark-btn" type="button">刷新</button>
        <span id="userBadge" class="user-badge">未登录</span>
@@ -101,7 +102,10 @@
          <article class="panel detail-card">
            <div class="detail-title">
              <h3>DICOM 阅片分类系统</h3>
-              <button id="openDicomBtn" class="link-btn" type="button">打开阅片系统</button>
+              <div class="detail-actions">
+                <button id="openDicomBtn" class="link-btn" type="button">打开阅片系统</button>
+                <button id="openRegistrationBtn" class="link-btn" type="button">打开配准</button>
+              </div>
            </div>
            <dl id="pacsDetails"></dl>
          </article>
--- a/数据库Web可视化/static/styles.css
+++ b/数据库Web可视化/static/styles.css
@@ -194,6 +194,12 @@ button {
  background: linear-gradient(180deg, rgba(17, 61, 70, 0.92), rgba(9, 30, 42, 0.98));
 }

+.top-actions #registrationHomeBtn {
+  border-color: rgba(240, 181, 78, 0.62);
+  color: #ffe3ad;
+  background: linear-gradient(180deg, rgba(66, 47, 17, 0.92), rgba(34, 23, 9, 0.98));
+}
+
 .primary-btn,
 .link-btn {
  height: 34px;
@@ -229,6 +235,11 @@ button {
  background: rgba(25, 212, 194, 0.14);
 }

+.top-actions #registrationHomeBtn:hover {
+  border-color: var(--amber);
+  background: rgba(240, 181, 78, 0.14);
+}
+
 .layout {
  height: calc(100vh - 66px);
  display: grid;
@@ -451,6 +462,27 @@ button {
  white-space: nowrap;
 }

+.registration-mini {
+  max-width: 94px;
+  padding: 2px 7px;
+  overflow: hidden;
+  border: 1px solid rgba(25, 212, 194, 0.46);
+  border-radius: 999px;
+  color: #baf8ee;
+  background: rgba(25, 212, 194, 0.08);
+  font-size: 11px;
+  font-weight: 700;
+  line-height: 1.45;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.registration-mini.pending {
+  border-color: rgba(240, 181, 78, 0.52);
+  color: #ffe0a3;
+  background: rgba(240, 181, 78, 0.08);
+}
+
 .mini-badge {
  flex: 0 0 auto;
  padding: 2px 7px;
@@ -636,6 +668,12 @@ button {
  margin-bottom: 12px;
 }

+.detail-actions {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+
 .detail-title h3 {
  margin: 0;
 }