Add DICOM UPP registration workspace
This commit is contained in:
Codex
4
DICOM_and_UPP配准/.dockerignore
Normal file
4
DICOM_and_UPP配准/.dockerignore
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
.env
|
||||||
|
__pycache__/
|
||||||
|
*.pyc
|
||||||
|
.pytest_cache/
|
||||||
18
DICOM_and_UPP配准/.env.example
Normal file
18
DICOM_and_UPP配准/.env.example
Normal file
@@ -0,0 +1,18 @@
|
|||||||
|
PGHOST=192.168.3.3
|
||||||
|
PGPORT=5432
|
||||||
|
PGUSER=his_user
|
||||||
|
PGPASSWORD=change_me
|
||||||
|
PGDATABASE=pacs_db
|
||||||
|
|
||||||
|
PACS_TABLE=pacs_dicom_files
|
||||||
|
PACS_SUMMARY_TABLE=pacs_dicom_study_summaries
|
||||||
|
PACS_ANNOTATION_TABLE=pacs_dicom_series_annotations
|
||||||
|
UPP_ASSET_TABLE=upp_exam_assets
|
||||||
|
UPP_STL_TABLE=upp_stl_files
|
||||||
|
REGISTRATION_TABLE=dicom_upp_registrations
|
||||||
|
|
||||||
|
REGISTRATION_WEB_USER=admin
|
||||||
|
REGISTRATION_WEB_PASSWORD=123456
|
||||||
|
PACS_VIEWER_URL=http://127.0.0.1:8107
|
||||||
|
RELATION_VIEWER_URL=http://127.0.0.1:8108
|
||||||
|
PACS_PROCESSED_ROOT=/home/wkmgc/Desktop/Data_Disk_1/PACS数据/DICOM数据/已处理_DICOM数据
|
||||||
17
DICOM_and_UPP配准/Dockerfile
Normal file
17
DICOM_and_UPP配准/Dockerfile
Normal file
@@ -0,0 +1,17 @@
|
|||||||
|
FROM python:3.12-slim
|
||||||
|
|
||||||
|
ENV PYTHONDONTWRITEBYTECODE=1 \
|
||||||
|
PYTHONUNBUFFERED=1
|
||||||
|
|
||||||
|
RUN apt-get update \
|
||||||
|
&& apt-get install -y --no-install-recommends postgresql-client \
|
||||||
|
&& rm -rf /var/lib/apt/lists/*
|
||||||
|
|
||||||
|
WORKDIR /app
|
||||||
|
COPY requirements.txt /app/requirements.txt
|
||||||
|
RUN pip install --no-cache-dir -r /app/requirements.txt
|
||||||
|
|
||||||
|
COPY . /app
|
||||||
|
EXPOSE 8109
|
||||||
|
|
||||||
|
CMD ["uvicorn", "app:app", "--host", "0.0.0.0", "--port", "8109"]
|
||||||
21
DICOM_and_UPP配准/README.md
Normal file
21
DICOM_and_UPP配准/README.md
Normal file
@@ -0,0 +1,21 @@
|
|||||||
|
# DICOM_and_UPP 配准工作台
|
||||||
|
|
||||||
|
用于在浏览器中人工核对 DICOM 序列与 UPP STL 模型的配准关系。页面会读取 PACS DICOM、UPP STL 资产和 DICOM 阅片分类结果，配准位姿单独写入 `dicom_upp_registrations` 表。
|
||||||
|
|
||||||
|
默认端口：
|
||||||
|
|
||||||
|
- 本机：`http://127.0.0.1:8109/`
|
||||||
|
- 局域网：`http://192.168.3.11:8109/`
|
||||||
|
|
||||||
|
登录：
|
||||||
|
|
||||||
|
- 账号：`admin`
|
||||||
|
- 密码：`123456`
|
||||||
|
|
||||||
|
启动：
|
||||||
|
|
||||||
|
```bash
|
||||||
|
docker compose up -d --build
|
||||||
|
```
|
||||||
|
|
||||||
|
当前保存内容包括 CT 号、DICOM 序列 UID、重建算法模型、STL family/文件选择、位姿 transform、可选分割/备注、锁定状态和更新人。
|
||||||
1059
DICOM_and_UPP配准/app.py
Normal file
1059
DICOM_and_UPP配准/app.py
Normal file
File diff suppressed because it is too large
Load Diff
14
DICOM_and_UPP配准/docker-compose.yml
Normal file
14
DICOM_and_UPP配准/docker-compose.yml
Normal file
@@ -0,0 +1,14 @@
|
|||||||
|
name: dicom-upp-registration
|
||||||
|
|
||||||
|
services:
|
||||||
|
dicom-upp-registration:
|
||||||
|
build:
|
||||||
|
context: .
|
||||||
|
container_name: dicom-upp-registration
|
||||||
|
restart: unless-stopped
|
||||||
|
env_file:
|
||||||
|
- .env
|
||||||
|
ports:
|
||||||
|
- "8109:8109"
|
||||||
|
volumes:
|
||||||
|
- /home/wkmgc/Desktop:/home/wkmgc/Desktop:ro
|
||||||
5
DICOM_and_UPP配准/requirements.txt
Normal file
5
DICOM_and_UPP配准/requirements.txt
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
fastapi==0.116.1
|
||||||
|
uvicorn[standard]==0.35.0
|
||||||
|
pydicom==2.4.5
|
||||||
|
numpy>=2.0
|
||||||
|
pillow>=11.0
|
||||||
1056
DICOM_and_UPP配准/static/app.js
Normal file
1056
DICOM_and_UPP配准/static/app.js
Normal file
File diff suppressed because it is too large
Load Diff
179
DICOM_and_UPP配准/static/index.html
Normal file
179
DICOM_and_UPP配准/static/index.html
Normal file
@@ -0,0 +1,179 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="zh-CN">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
<title>DICOM / UPP 配准工作台</title>
|
||||||
|
<link rel="stylesheet" href="/static/styles.css" />
|
||||||
|
<script type="importmap">
|
||||||
|
{
|
||||||
|
"imports": {
|
||||||
|
"three": "/static/vendor/three.module.min.js"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header class="topbar">
|
||||||
|
<div class="brand">
|
||||||
|
<span class="brand-mark"></span>
|
||||||
|
<div>
|
||||||
|
<h1>DICOM / UPP 配准工作台</h1>
|
||||||
|
<p id="brandSubtitle">DICOM 序列、STL family 与人工位姿锁定</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="top-actions">
|
||||||
|
<button id="relationBtn" class="dark-btn accent" type="button">数据库关联</button>
|
||||||
|
<button id="viewerBtn" 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>
|
||||||
|
<button id="logoutBtn" class="dark-btn" type="button">退出</button>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<div id="topLoading" class="top-loading hidden"><span></span></div>
|
||||||
|
|
||||||
|
<main class="workspace">
|
||||||
|
<aside class="left-rail">
|
||||||
|
<section class="panel search-panel">
|
||||||
|
<div class="panel-head">
|
||||||
|
<h2>匹配检查</h2>
|
||||||
|
<span id="caseCount">0</span>
|
||||||
|
</div>
|
||||||
|
<input id="caseSearch" class="search-input" placeholder="搜索 CT号 / 姓名 / 模型" />
|
||||||
|
<div id="caseList" class="case-list"></div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="panel stacked-panel">
|
||||||
|
<div class="panel-head">
|
||||||
|
<h2>DICOM序列</h2>
|
||||||
|
<span id="seriesCount">0</span>
|
||||||
|
</div>
|
||||||
|
<div id="seriesList" class="series-list"></div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="panel stacked-panel">
|
||||||
|
<div class="panel-head">
|
||||||
|
<h2>STL模型</h2>
|
||||||
|
<span id="stlCount">0</span>
|
||||||
|
</div>
|
||||||
|
<div class="segmented small">
|
||||||
|
<button id="modeFile" class="active" type="button">单独</button>
|
||||||
|
<button id="modeFamily" type="button">Family</button>
|
||||||
|
</div>
|
||||||
|
<div id="familyRail" class="chip-rail"></div>
|
||||||
|
<div id="stlList" class="stl-list"></div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="panel registration-panel">
|
||||||
|
<div class="panel-head">
|
||||||
|
<h2>交互配准</h2>
|
||||||
|
<span id="saveState">未保存</span>
|
||||||
|
</div>
|
||||||
|
<div class="pose-grid" id="poseGrid"></div>
|
||||||
|
<textarea id="registrationNotes" class="notes" rows="2" placeholder="配准备注"></textarea>
|
||||||
|
<div class="action-grid">
|
||||||
|
<button id="resetPoseBtn" class="dark-btn" type="button">重置位姿</button>
|
||||||
|
<button id="saveRegistrationBtn" class="primary-btn" type="button">保存配准</button>
|
||||||
|
<button id="lockRegistrationBtn" class="warn-btn" type="button">保存并上锁</button>
|
||||||
|
<button id="unlockRegistrationBtn" class="dark-btn" type="button">解锁</button>
|
||||||
|
<button id="exportStlBtn" class="dark-btn" type="button">导出STL</button>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<section class="viewer-shell">
|
||||||
|
<section class="panel hero-strip">
|
||||||
|
<div>
|
||||||
|
<h2 id="activeTitle">未选择 CT</h2>
|
||||||
|
<p id="activeMeta">从左侧选择一个 DICOM + STL 匹配检查</p>
|
||||||
|
</div>
|
||||||
|
<div class="hero-tags" id="activeTags"></div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="viewer-grid">
|
||||||
|
<article class="viewport-card dicom-card">
|
||||||
|
<div class="viewport-head">
|
||||||
|
<div>
|
||||||
|
<h3>DICOM</h3>
|
||||||
|
<span id="dicomMeta">未选择序列</span>
|
||||||
|
</div>
|
||||||
|
<div class="tool-row">
|
||||||
|
<select id="planeSelect">
|
||||||
|
<option value="axial">轴位</option>
|
||||||
|
<option value="sagittal">矢状位</option>
|
||||||
|
<option value="coronal">冠状位</option>
|
||||||
|
</select>
|
||||||
|
<select id="windowSelect">
|
||||||
|
<option value="default">默认</option>
|
||||||
|
<option value="soft">软组织</option>
|
||||||
|
<option value="bone">骨窗</option>
|
||||||
|
<option value="contrast">高对比</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="image-stage" id="dicomStage">
|
||||||
|
<img id="dicomImage" alt="DICOM切片" />
|
||||||
|
<div id="dicomEmpty" class="empty-state">等待选择 DICOM 序列</div>
|
||||||
|
</div>
|
||||||
|
<div class="slice-row">
|
||||||
|
<input id="sliceSlider" type="range" min="0" max="0" value="0" />
|
||||||
|
<span id="sliceLabel">0 / 0</span>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article class="viewport-card">
|
||||||
|
<div class="viewport-head">
|
||||||
|
<div>
|
||||||
|
<h3>STL拼接后</h3>
|
||||||
|
<span id="stlMeta">未加载模型</span>
|
||||||
|
</div>
|
||||||
|
<button id="fitStlBtn" class="icon-btn" title="重置三维视角" type="button">复位</button>
|
||||||
|
</div>
|
||||||
|
<div id="stlViewport" class="three-stage"></div>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article class="viewport-card fusion-card">
|
||||||
|
<div class="viewport-head">
|
||||||
|
<div>
|
||||||
|
<h3>STL和DICOM融合</h3>
|
||||||
|
<span id="fusionMeta">位姿未保存</span>
|
||||||
|
</div>
|
||||||
|
<button id="fitFusionBtn" class="icon-btn" title="重置融合视角" type="button">复位</button>
|
||||||
|
</div>
|
||||||
|
<div id="fusionViewport" class="three-stage"></div>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article class="viewport-card segmentation-card">
|
||||||
|
<div class="viewport-head">
|
||||||
|
<div>
|
||||||
|
<h3>DICOM分割</h3>
|
||||||
|
<span id="segmentationMeta">基于当前可见 STL 的预览</span>
|
||||||
|
</div>
|
||||||
|
<button id="toggleMaskBtn" class="icon-btn" title="显示或隐藏分割预览" type="button">显示</button>
|
||||||
|
</div>
|
||||||
|
<div class="segmentation-stage">
|
||||||
|
<img id="segmentationImage" alt="DICOM分割预览" />
|
||||||
|
<canvas id="maskCanvas"></canvas>
|
||||||
|
<div id="segmentationEmpty" class="empty-state">选择序列和 STL 后显示叠加预览</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<div id="loginOverlay" class="login-overlay">
|
||||||
|
<form id="loginForm" class="login-panel">
|
||||||
|
<span class="brand-mark"></span>
|
||||||
|
<h2>DICOM / UPP 配准工作台</h2>
|
||||||
|
<p>登录后进行 DICOM 与 STL 配准</p>
|
||||||
|
<input id="username" class="search-input" autocomplete="username" placeholder="账号" />
|
||||||
|
<input id="password" class="search-input" type="password" autocomplete="current-password" placeholder="密码" />
|
||||||
|
<button class="primary-btn" type="submit">登录</button>
|
||||||
|
<span id="loginError" class="error-line"></span>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script type="module" src="/static/app.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
722
DICOM_and_UPP配准/static/styles.css
Normal file
722
DICOM_and_UPP配准/static/styles.css
Normal file
@@ -0,0 +1,722 @@
|
|||||||
|
:root {
|
||||||
|
color-scheme: dark;
|
||||||
|
--bg: #070b10;
|
||||||
|
--panel: #101720;
|
||||||
|
--panel-2: #0b1118;
|
||||||
|
--panel-3: #070b10;
|
||||||
|
--line: #243344;
|
||||||
|
--line-strong: #3a5773;
|
||||||
|
--text: #eaf2fb;
|
||||||
|
--muted: #93a8c0;
|
||||||
|
--blue: #3378f6;
|
||||||
|
--cyan: #17d6c1;
|
||||||
|
--green: #21c58a;
|
||||||
|
--amber: #efb84d;
|
||||||
|
--red: #fb7185;
|
||||||
|
--shadow: 0 18px 44px rgba(0, 0, 0, 0.32);
|
||||||
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
background:
|
||||||
|
linear-gradient(90deg, rgba(51, 120, 246, 0.07) 1px, transparent 1px),
|
||||||
|
linear-gradient(180deg, rgba(23, 214, 193, 0.055) 1px, transparent 1px),
|
||||||
|
radial-gradient(circle at 16% 0%, rgba(23, 214, 193, 0.12), transparent 27%),
|
||||||
|
var(--bg);
|
||||||
|
background-size: 80px 80px, 80px 80px, auto;
|
||||||
|
color: var(--text);
|
||||||
|
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
||||||
|
letter-spacing: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
button,
|
||||||
|
input,
|
||||||
|
select,
|
||||||
|
textarea {
|
||||||
|
font: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hidden {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topbar {
|
||||||
|
height: 66px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 18px;
|
||||||
|
padding: 0 20px;
|
||||||
|
border-bottom: 1px solid var(--line);
|
||||||
|
background: rgba(7, 11, 16, 0.93);
|
||||||
|
}
|
||||||
|
|
||||||
|
.brand,
|
||||||
|
.top-actions {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 12px;
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.brand-mark {
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
flex: 0 0 auto;
|
||||||
|
border-radius: 8px;
|
||||||
|
background: linear-gradient(135deg, var(--cyan), var(--blue));
|
||||||
|
box-shadow: 0 0 24px rgba(23, 214, 193, 0.24);
|
||||||
|
}
|
||||||
|
|
||||||
|
.brand h1 {
|
||||||
|
margin: 0;
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 1.2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.brand p {
|
||||||
|
margin: 3px 0 0;
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-actions {
|
||||||
|
justify-content: flex-end;
|
||||||
|
gap: 9px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-loading {
|
||||||
|
position: fixed;
|
||||||
|
top: 66px;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 20;
|
||||||
|
height: 3px;
|
||||||
|
overflow: hidden;
|
||||||
|
background: rgba(36, 51, 68, 0.75);
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-loading span {
|
||||||
|
position: absolute;
|
||||||
|
inset-block: 0;
|
||||||
|
width: 34%;
|
||||||
|
border-radius: 999px;
|
||||||
|
background: linear-gradient(90deg, transparent, var(--cyan), var(--blue), transparent);
|
||||||
|
animation: loading-sweep 1.15s ease-in-out infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes loading-sweep {
|
||||||
|
from {
|
||||||
|
transform: translateX(-110%);
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
transform: translateX(320%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark-btn,
|
||||||
|
.primary-btn,
|
||||||
|
.warn-btn,
|
||||||
|
.icon-btn {
|
||||||
|
min-height: 34px;
|
||||||
|
border: 1px solid rgba(147, 168, 192, 0.36);
|
||||||
|
border-radius: 8px;
|
||||||
|
background: linear-gradient(180deg, rgba(24, 36, 52, 0.96), rgba(10, 17, 25, 0.96));
|
||||||
|
color: var(--text);
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark-btn {
|
||||||
|
padding: 0 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark-btn.accent {
|
||||||
|
border-color: rgba(23, 214, 193, 0.62);
|
||||||
|
color: #bffbf2;
|
||||||
|
background: linear-gradient(180deg, rgba(15, 57, 66, 0.96), rgba(8, 27, 37, 0.96));
|
||||||
|
}
|
||||||
|
|
||||||
|
.primary-btn {
|
||||||
|
padding: 0 14px;
|
||||||
|
border-color: rgba(51, 120, 246, 0.8);
|
||||||
|
background: var(--blue);
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.warn-btn {
|
||||||
|
padding: 0 14px;
|
||||||
|
border-color: rgba(239, 184, 77, 0.6);
|
||||||
|
background: rgba(239, 184, 77, 0.14);
|
||||||
|
color: #ffe1a6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-btn {
|
||||||
|
height: 32px;
|
||||||
|
padding: 0 12px;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark-btn:hover,
|
||||||
|
.icon-btn:hover {
|
||||||
|
border-color: rgba(51, 120, 246, 0.84);
|
||||||
|
background: #172334;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-badge {
|
||||||
|
max-width: 150px;
|
||||||
|
overflow: hidden;
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 12px;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-pill {
|
||||||
|
min-width: 90px;
|
||||||
|
height: 30px;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 0 12px;
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 999px;
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 800;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-pill.online {
|
||||||
|
border-color: rgba(33, 197, 138, 0.48);
|
||||||
|
color: #a8f4d6;
|
||||||
|
background: rgba(33, 197, 138, 0.08);
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-pill.offline {
|
||||||
|
border-color: rgba(251, 113, 133, 0.5);
|
||||||
|
color: #fecdd3;
|
||||||
|
background: rgba(251, 113, 133, 0.08);
|
||||||
|
}
|
||||||
|
|
||||||
|
.workspace {
|
||||||
|
height: calc(100vh - 66px);
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 410px minmax(0, 1fr);
|
||||||
|
gap: 12px;
|
||||||
|
padding: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.left-rail {
|
||||||
|
min-height: 0;
|
||||||
|
display: grid;
|
||||||
|
grid-template-rows: 210px minmax(160px, 0.82fr) minmax(250px, 1.12fr) minmax(300px, 0.9fr);
|
||||||
|
gap: 10px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.viewer-shell {
|
||||||
|
min-height: 0;
|
||||||
|
display: grid;
|
||||||
|
grid-template-rows: auto minmax(0, 1fr);
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel,
|
||||||
|
.viewport-card {
|
||||||
|
min-width: 0;
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 8px;
|
||||||
|
background: rgba(16, 23, 32, 0.92);
|
||||||
|
box-shadow: var(--shadow);
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-panel,
|
||||||
|
.stacked-panel,
|
||||||
|
.registration-panel,
|
||||||
|
.hero-strip {
|
||||||
|
padding: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stacked-panel {
|
||||||
|
min-height: 0;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel-head,
|
||||||
|
.viewport-head,
|
||||||
|
.hero-strip {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel-head h2,
|
||||||
|
.viewport-head h3,
|
||||||
|
.hero-strip h2 {
|
||||||
|
margin: 0;
|
||||||
|
font-size: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel-head span,
|
||||||
|
.viewport-head span,
|
||||||
|
.hero-strip p {
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-strip p {
|
||||||
|
margin: 4px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-input,
|
||||||
|
.notes,
|
||||||
|
.tool-row select {
|
||||||
|
width: 100%;
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 8px;
|
||||||
|
outline: 0;
|
||||||
|
background: #080d14;
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-input {
|
||||||
|
height: 38px;
|
||||||
|
margin-top: 10px;
|
||||||
|
padding: 0 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notes {
|
||||||
|
min-height: 42px;
|
||||||
|
resize: vertical;
|
||||||
|
padding: 8px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-input:focus,
|
||||||
|
.notes:focus,
|
||||||
|
.tool-row select:focus {
|
||||||
|
border-color: rgba(51, 120, 246, 0.72);
|
||||||
|
}
|
||||||
|
|
||||||
|
.case-list,
|
||||||
|
.series-list,
|
||||||
|
.stl-list {
|
||||||
|
min-height: 0;
|
||||||
|
overflow: auto;
|
||||||
|
scrollbar-width: thin;
|
||||||
|
}
|
||||||
|
|
||||||
|
.case-list {
|
||||||
|
height: 138px;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.series-list,
|
||||||
|
.stl-list {
|
||||||
|
flex: 1 1 auto;
|
||||||
|
height: auto;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.case-card,
|
||||||
|
.series-card,
|
||||||
|
.stl-row {
|
||||||
|
width: 100%;
|
||||||
|
display: grid;
|
||||||
|
gap: 6px;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
padding: 10px;
|
||||||
|
border: 1px solid transparent;
|
||||||
|
border-radius: 8px;
|
||||||
|
background: #0b1118;
|
||||||
|
color: var(--text);
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.case-card.active,
|
||||||
|
.series-card.active,
|
||||||
|
.stl-row.active {
|
||||||
|
border-color: rgba(23, 214, 193, 0.8);
|
||||||
|
background: rgba(18, 37, 46, 0.92);
|
||||||
|
}
|
||||||
|
|
||||||
|
.case-card strong,
|
||||||
|
.series-card strong,
|
||||||
|
.stl-row strong {
|
||||||
|
overflow: hidden;
|
||||||
|
font-size: 13px;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.case-card span,
|
||||||
|
.case-card small,
|
||||||
|
.series-card span,
|
||||||
|
.series-card small,
|
||||||
|
.stl-row span,
|
||||||
|
.stl-row small {
|
||||||
|
overflow: hidden;
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 12px;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-line {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tag-line,
|
||||||
|
.hero-tags,
|
||||||
|
.chip-rail {
|
||||||
|
display: flex;
|
||||||
|
gap: 6px;
|
||||||
|
overflow-x: auto;
|
||||||
|
padding-bottom: 2px;
|
||||||
|
scrollbar-width: thin;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stacked-panel .chip-rail {
|
||||||
|
flex: 0 0 auto;
|
||||||
|
min-height: 30px;
|
||||||
|
margin-top: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tag,
|
||||||
|
.chip {
|
||||||
|
flex: 0 0 auto;
|
||||||
|
max-width: 132px;
|
||||||
|
padding: 2px 7px;
|
||||||
|
overflow: hidden;
|
||||||
|
border: 1px solid rgba(23, 214, 193, 0.42);
|
||||||
|
border-radius: 999px;
|
||||||
|
color: #bffbf2;
|
||||||
|
background: rgba(23, 214, 193, 0.08);
|
||||||
|
font-size: 11px;
|
||||||
|
font-style: normal;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tag.warn {
|
||||||
|
border-color: rgba(239, 184, 77, 0.55);
|
||||||
|
color: #ffe1a6;
|
||||||
|
background: rgba(239, 184, 77, 0.09);
|
||||||
|
}
|
||||||
|
|
||||||
|
.tag.locked {
|
||||||
|
border-color: rgba(51, 120, 246, 0.56);
|
||||||
|
color: #cfe0ff;
|
||||||
|
background: rgba(51, 120, 246, 0.11);
|
||||||
|
}
|
||||||
|
|
||||||
|
.chip {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chip.active {
|
||||||
|
border-color: var(--cyan);
|
||||||
|
background: rgba(23, 214, 193, 0.18);
|
||||||
|
}
|
||||||
|
|
||||||
|
.segmented {
|
||||||
|
display: flex;
|
||||||
|
gap: 6px;
|
||||||
|
padding: 4px;
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 8px;
|
||||||
|
background: #080d14;
|
||||||
|
}
|
||||||
|
|
||||||
|
.segmented.small {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.segmented button {
|
||||||
|
flex: 1;
|
||||||
|
height: 28px;
|
||||||
|
border: 0;
|
||||||
|
border-radius: 6px;
|
||||||
|
background: transparent;
|
||||||
|
color: var(--muted);
|
||||||
|
font-weight: 800;
|
||||||
|
}
|
||||||
|
|
||||||
|
.segmented button.active {
|
||||||
|
background: var(--blue);
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stl-row {
|
||||||
|
grid-template-columns: 18px minmax(0, 1fr) auto;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stl-row input {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.registration-panel {
|
||||||
|
display: grid;
|
||||||
|
gap: 10px;
|
||||||
|
min-height: 0;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pose-grid {
|
||||||
|
display: grid;
|
||||||
|
gap: 7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pose-control {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 70px minmax(0, 1fr) 72px;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pose-control label {
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pose-control input[type="range"] {
|
||||||
|
width: 100%;
|
||||||
|
accent-color: var(--cyan);
|
||||||
|
}
|
||||||
|
|
||||||
|
.pose-control input[type="number"] {
|
||||||
|
width: 72px;
|
||||||
|
height: 28px;
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 7px;
|
||||||
|
background: #080d14;
|
||||||
|
color: var(--text);
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flip-row {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||||
|
gap: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flip-row button {
|
||||||
|
height: 28px;
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 7px;
|
||||||
|
background: #080d14;
|
||||||
|
color: var(--muted);
|
||||||
|
font-weight: 800;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flip-row button.active {
|
||||||
|
border-color: rgba(23, 214, 193, 0.72);
|
||||||
|
color: #bffbf2;
|
||||||
|
background: rgba(23, 214, 193, 0.13);
|
||||||
|
}
|
||||||
|
|
||||||
|
.action-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.viewer-grid {
|
||||||
|
min-height: 0;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
|
||||||
|
grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.viewport-card {
|
||||||
|
min-height: 0;
|
||||||
|
display: grid;
|
||||||
|
grid-template-rows: auto minmax(0, 1fr) auto;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fusion-card,
|
||||||
|
.segmentation-card {
|
||||||
|
grid-template-rows: auto minmax(0, 1fr);
|
||||||
|
}
|
||||||
|
|
||||||
|
.viewport-head {
|
||||||
|
min-height: 52px;
|
||||||
|
padding: 10px 12px;
|
||||||
|
border-bottom: 1px solid var(--line);
|
||||||
|
background: rgba(11, 17, 24, 0.86);
|
||||||
|
}
|
||||||
|
|
||||||
|
.tool-row {
|
||||||
|
display: flex;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tool-row select {
|
||||||
|
width: 94px;
|
||||||
|
height: 32px;
|
||||||
|
padding: 0 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image-stage,
|
||||||
|
.segmentation-stage,
|
||||||
|
.three-stage {
|
||||||
|
position: relative;
|
||||||
|
min-height: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
background: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image-stage,
|
||||||
|
.segmentation-stage {
|
||||||
|
display: grid;
|
||||||
|
place-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image-stage img,
|
||||||
|
.segmentation-stage img {
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
object-fit: contain;
|
||||||
|
image-rendering: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.segmentation-stage canvas {
|
||||||
|
position: absolute;
|
||||||
|
inset: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-state {
|
||||||
|
position: absolute;
|
||||||
|
inset: 0;
|
||||||
|
display: grid;
|
||||||
|
place-items: center;
|
||||||
|
padding: 20px;
|
||||||
|
color: rgba(234, 242, 251, 0.44);
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 800;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slice-row {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: minmax(0, 1fr) 72px;
|
||||||
|
gap: 10px;
|
||||||
|
align-items: center;
|
||||||
|
height: 42px;
|
||||||
|
padding: 0 12px;
|
||||||
|
border-top: 1px solid var(--line);
|
||||||
|
background: rgba(11, 17, 24, 0.86);
|
||||||
|
}
|
||||||
|
|
||||||
|
.slice-row input {
|
||||||
|
width: 100%;
|
||||||
|
accent-color: var(--cyan);
|
||||||
|
}
|
||||||
|
|
||||||
|
.slice-row span {
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 12px;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-overlay {
|
||||||
|
position: fixed;
|
||||||
|
inset: 0;
|
||||||
|
z-index: 50;
|
||||||
|
display: grid;
|
||||||
|
place-items: center;
|
||||||
|
background: rgba(7, 11, 16, 0.78);
|
||||||
|
backdrop-filter: blur(8px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-panel {
|
||||||
|
width: min(390px, calc(100vw - 32px));
|
||||||
|
display: grid;
|
||||||
|
gap: 12px;
|
||||||
|
padding: 24px;
|
||||||
|
border: 1px solid var(--line-strong);
|
||||||
|
border-radius: 8px;
|
||||||
|
background: rgba(16, 23, 32, 0.96);
|
||||||
|
box-shadow: var(--shadow);
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-panel h2 {
|
||||||
|
margin: 0;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-panel p {
|
||||||
|
margin: 0;
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-panel .search-input {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.error-line {
|
||||||
|
min-height: 18px;
|
||||||
|
color: #fecdd3;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1320px) {
|
||||||
|
.workspace {
|
||||||
|
grid-template-columns: 360px minmax(0, 1fr);
|
||||||
|
}
|
||||||
|
|
||||||
|
.viewer-grid {
|
||||||
|
grid-template-columns: minmax(0, 1fr);
|
||||||
|
grid-template-rows: repeat(4, minmax(360px, 1fr));
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 900px) {
|
||||||
|
body {
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topbar,
|
||||||
|
.workspace {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topbar,
|
||||||
|
.workspace,
|
||||||
|
.left-rail,
|
||||||
|
.viewer-shell {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-actions {
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.left-rail {
|
||||||
|
grid-template-rows: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
1963
DICOM_and_UPP配准/static/vendor/OrbitControls.js
vendored
Normal file
1963
DICOM_and_UPP配准/static/vendor/OrbitControls.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
421
DICOM_and_UPP配准/static/vendor/STLLoader.js
vendored
Normal file
421
DICOM_and_UPP配准/static/vendor/STLLoader.js
vendored
Normal file
@@ -0,0 +1,421 @@
|
|||||||
|
import {
|
||||||
|
BufferAttribute,
|
||||||
|
BufferGeometry,
|
||||||
|
Color,
|
||||||
|
FileLoader,
|
||||||
|
Float32BufferAttribute,
|
||||||
|
Loader,
|
||||||
|
Vector3,
|
||||||
|
SRGBColorSpace
|
||||||
|
} from 'three';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* A loader for the STL format, as created by Solidworks and other CAD programs.
|
||||||
|
*
|
||||||
|
* Supports both binary and ASCII encoded files. The loader returns a non-indexed buffer geometry.
|
||||||
|
*
|
||||||
|
* Limitations:
|
||||||
|
* - Binary decoding supports "Magics" color format (http://en.wikipedia.org/wiki/STL_(file_format)#Color_in_binary_STL).
|
||||||
|
* - There is perhaps some question as to how valid it is to always assume little-endian-ness.
|
||||||
|
* - ASCII decoding assumes file is UTF-8.
|
||||||
|
*
|
||||||
|
* ```js
|
||||||
|
* const loader = new STLLoader();
|
||||||
|
* const geometry = await loader.loadAsync( './models/stl/slotted_disk.stl' )
|
||||||
|
* scene.add( new THREE.Mesh( geometry ) );
|
||||||
|
* ```
|
||||||
|
* For binary STLs geometry might contain colors for vertices. To use it:
|
||||||
|
* ```js
|
||||||
|
* // use the same code to load STL as above
|
||||||
|
* if ( geometry.hasColors ) {
|
||||||
|
* material = new THREE.MeshPhongMaterial( { opacity: geometry.alpha, vertexColors: true } );
|
||||||
|
* }
|
||||||
|
* const mesh = new THREE.Mesh( geometry, material );
|
||||||
|
* ```
|
||||||
|
* For ASCII STLs containing multiple solids, each solid is assigned to a different group.
|
||||||
|
* Groups can be used to assign a different color by defining an array of materials with the same length of
|
||||||
|
* geometry.groups and passing it to the Mesh constructor:
|
||||||
|
*
|
||||||
|
* ```js
|
||||||
|
* const materials = [];
|
||||||
|
* const nGeometryGroups = geometry.groups.length;
|
||||||
|
*
|
||||||
|
* for ( let i = 0; i < nGeometryGroups; i ++ ) {
|
||||||
|
* const material = new THREE.MeshPhongMaterial( { color: colorMap[ i ], wireframe: false } );
|
||||||
|
* materials.push( material );
|
||||||
|
* }
|
||||||
|
*
|
||||||
|
* const mesh = new THREE.Mesh(geometry, materials);
|
||||||
|
* ```
|
||||||
|
*
|
||||||
|
* @augments Loader
|
||||||
|
* @three_import import { STLLoader } from 'three/addons/loaders/STLLoader.js';
|
||||||
|
*/
|
||||||
|
class STLLoader extends Loader {
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Constructs a new STL loader.
|
||||||
|
*
|
||||||
|
* @param {LoadingManager} [manager] - The loading manager.
|
||||||
|
*/
|
||||||
|
constructor( manager ) {
|
||||||
|
|
||||||
|
super( manager );
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Starts loading from the given URL and passes the loaded STL asset
|
||||||
|
* to the `onLoad()` callback.
|
||||||
|
*
|
||||||
|
* @param {string} url - The path/URL of the file to be loaded. This can also be a data URI.
|
||||||
|
* @param {function(BufferGeometry)} onLoad - Executed when the loading process has been finished.
|
||||||
|
* @param {onProgressCallback} onProgress - Executed while the loading is in progress.
|
||||||
|
* @param {onErrorCallback} onError - Executed when errors occur.
|
||||||
|
*/
|
||||||
|
load( url, onLoad, onProgress, onError ) {
|
||||||
|
|
||||||
|
const scope = this;
|
||||||
|
|
||||||
|
const loader = new FileLoader( this.manager );
|
||||||
|
loader.setPath( this.path );
|
||||||
|
loader.setResponseType( 'arraybuffer' );
|
||||||
|
loader.setRequestHeader( this.requestHeader );
|
||||||
|
loader.setWithCredentials( this.withCredentials );
|
||||||
|
|
||||||
|
loader.load( url, function ( text ) {
|
||||||
|
|
||||||
|
try {
|
||||||
|
|
||||||
|
onLoad( scope.parse( text ) );
|
||||||
|
|
||||||
|
} catch ( e ) {
|
||||||
|
|
||||||
|
if ( onError ) {
|
||||||
|
|
||||||
|
onError( e );
|
||||||
|
|
||||||
|
} else {
|
||||||
|
|
||||||
|
console.error( e );
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
scope.manager.itemError( url );
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}, onProgress, onError );
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Parses the given STL data and returns the resulting geometry.
|
||||||
|
*
|
||||||
|
* @param {ArrayBuffer} data - The raw STL data as an array buffer.
|
||||||
|
* @return {BufferGeometry} The parsed geometry.
|
||||||
|
*/
|
||||||
|
parse( data ) {
|
||||||
|
|
||||||
|
function isBinary( data ) {
|
||||||
|
|
||||||
|
const reader = new DataView( data );
|
||||||
|
const face_size = ( 32 / 8 * 3 ) + ( ( 32 / 8 * 3 ) * 3 ) + ( 16 / 8 );
|
||||||
|
const n_faces = reader.getUint32( 80, true );
|
||||||
|
const expect = 80 + ( 32 / 8 ) + ( n_faces * face_size );
|
||||||
|
|
||||||
|
if ( expect === reader.byteLength ) {
|
||||||
|
|
||||||
|
return true;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// An ASCII STL data must begin with 'solid ' as the first six bytes.
|
||||||
|
// However, ASCII STLs lacking the SPACE after the 'd' are known to be
|
||||||
|
// plentiful. So, check the first 5 bytes for 'solid'.
|
||||||
|
|
||||||
|
// Several encodings, such as UTF-8, precede the text with up to 5 bytes:
|
||||||
|
// https://en.wikipedia.org/wiki/Byte_order_mark#Byte_order_marks_by_encoding
|
||||||
|
// Search for "solid" to start anywhere after those prefixes.
|
||||||
|
|
||||||
|
// US-ASCII ordinal values for 's', 'o', 'l', 'i', 'd'
|
||||||
|
|
||||||
|
const solid = [ 115, 111, 108, 105, 100 ];
|
||||||
|
|
||||||
|
for ( let off = 0; off < 5; off ++ ) {
|
||||||
|
|
||||||
|
// If "solid" text is matched to the current offset, declare it to be an ASCII STL.
|
||||||
|
|
||||||
|
if ( matchDataViewAt( solid, reader, off ) ) return false;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// Couldn't find "solid" text at the beginning; it is binary STL.
|
||||||
|
|
||||||
|
return true;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function matchDataViewAt( query, reader, offset ) {
|
||||||
|
|
||||||
|
// Check if each byte in query matches the corresponding byte from the current offset
|
||||||
|
|
||||||
|
for ( let i = 0, il = query.length; i < il; i ++ ) {
|
||||||
|
|
||||||
|
if ( query[ i ] !== reader.getUint8( offset + i ) ) return false;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
return true;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function parseBinary( data ) {
|
||||||
|
|
||||||
|
const reader = new DataView( data );
|
||||||
|
const faces = reader.getUint32( 80, true );
|
||||||
|
|
||||||
|
let r, g, b, hasColors = false, colors;
|
||||||
|
let defaultR, defaultG, defaultB, alpha;
|
||||||
|
|
||||||
|
// process STL header
|
||||||
|
// check for default color in header ("COLOR=rgba" sequence).
|
||||||
|
|
||||||
|
for ( let index = 0; index < 80 - 10; index ++ ) {
|
||||||
|
|
||||||
|
if ( ( reader.getUint32( index, false ) == 0x434F4C4F /*COLO*/ ) &&
|
||||||
|
( reader.getUint8( index + 4 ) == 0x52 /*'R'*/ ) &&
|
||||||
|
( reader.getUint8( index + 5 ) == 0x3D /*'='*/ ) ) {
|
||||||
|
|
||||||
|
hasColors = true;
|
||||||
|
colors = new Float32Array( faces * 3 * 3 );
|
||||||
|
|
||||||
|
defaultR = reader.getUint8( index + 6 ) / 255;
|
||||||
|
defaultG = reader.getUint8( index + 7 ) / 255;
|
||||||
|
defaultB = reader.getUint8( index + 8 ) / 255;
|
||||||
|
alpha = reader.getUint8( index + 9 ) / 255;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
const dataOffset = 84;
|
||||||
|
const faceLength = 12 * 4 + 2;
|
||||||
|
|
||||||
|
const geometry = new BufferGeometry();
|
||||||
|
|
||||||
|
const vertices = new Float32Array( faces * 3 * 3 );
|
||||||
|
const normals = new Float32Array( faces * 3 * 3 );
|
||||||
|
|
||||||
|
const color = new Color();
|
||||||
|
|
||||||
|
for ( let face = 0; face < faces; face ++ ) {
|
||||||
|
|
||||||
|
const start = dataOffset + face * faceLength;
|
||||||
|
const normalX = reader.getFloat32( start, true );
|
||||||
|
const normalY = reader.getFloat32( start + 4, true );
|
||||||
|
const normalZ = reader.getFloat32( start + 8, true );
|
||||||
|
|
||||||
|
if ( hasColors ) {
|
||||||
|
|
||||||
|
const packedColor = reader.getUint16( start + 48, true );
|
||||||
|
|
||||||
|
if ( ( packedColor & 0x8000 ) === 0 ) {
|
||||||
|
|
||||||
|
// facet has its own unique color
|
||||||
|
|
||||||
|
r = ( packedColor & 0x1F ) / 31;
|
||||||
|
g = ( ( packedColor >> 5 ) & 0x1F ) / 31;
|
||||||
|
b = ( ( packedColor >> 10 ) & 0x1F ) / 31;
|
||||||
|
|
||||||
|
} else {
|
||||||
|
|
||||||
|
r = defaultR;
|
||||||
|
g = defaultG;
|
||||||
|
b = defaultB;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
for ( let i = 1; i <= 3; i ++ ) {
|
||||||
|
|
||||||
|
const vertexstart = start + i * 12;
|
||||||
|
const componentIdx = ( face * 3 * 3 ) + ( ( i - 1 ) * 3 );
|
||||||
|
|
||||||
|
vertices[ componentIdx ] = reader.getFloat32( vertexstart, true );
|
||||||
|
vertices[ componentIdx + 1 ] = reader.getFloat32( vertexstart + 4, true );
|
||||||
|
vertices[ componentIdx + 2 ] = reader.getFloat32( vertexstart + 8, true );
|
||||||
|
|
||||||
|
normals[ componentIdx ] = normalX;
|
||||||
|
normals[ componentIdx + 1 ] = normalY;
|
||||||
|
normals[ componentIdx + 2 ] = normalZ;
|
||||||
|
|
||||||
|
if ( hasColors ) {
|
||||||
|
|
||||||
|
color.setRGB( r, g, b, SRGBColorSpace );
|
||||||
|
|
||||||
|
colors[ componentIdx ] = color.r;
|
||||||
|
colors[ componentIdx + 1 ] = color.g;
|
||||||
|
colors[ componentIdx + 2 ] = color.b;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
geometry.setAttribute( 'position', new BufferAttribute( vertices, 3 ) );
|
||||||
|
geometry.setAttribute( 'normal', new BufferAttribute( normals, 3 ) );
|
||||||
|
|
||||||
|
if ( hasColors ) {
|
||||||
|
|
||||||
|
geometry.setAttribute( 'color', new BufferAttribute( colors, 3 ) );
|
||||||
|
geometry.hasColors = true;
|
||||||
|
geometry.alpha = alpha;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
return geometry;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function parseASCII( data ) {
|
||||||
|
|
||||||
|
const geometry = new BufferGeometry();
|
||||||
|
const patternSolid = /solid([\s\S]*?)endsolid/g;
|
||||||
|
const patternFace = /facet([\s\S]*?)endfacet/g;
|
||||||
|
const patternName = /solid\s(.+)/;
|
||||||
|
let faceCounter = 0;
|
||||||
|
|
||||||
|
const patternFloat = /[\s]+([+-]?(?:\d*)(?:\.\d*)?(?:[eE][+-]?\d+)?)/.source;
|
||||||
|
const patternVertex = new RegExp( 'vertex' + patternFloat + patternFloat + patternFloat, 'g' );
|
||||||
|
const patternNormal = new RegExp( 'normal' + patternFloat + patternFloat + patternFloat, 'g' );
|
||||||
|
|
||||||
|
const vertices = [];
|
||||||
|
const normals = [];
|
||||||
|
const groupNames = [];
|
||||||
|
|
||||||
|
const normal = new Vector3();
|
||||||
|
|
||||||
|
let result;
|
||||||
|
|
||||||
|
let groupCount = 0;
|
||||||
|
let startVertex = 0;
|
||||||
|
let endVertex = 0;
|
||||||
|
|
||||||
|
while ( ( result = patternSolid.exec( data ) ) !== null ) {
|
||||||
|
|
||||||
|
startVertex = endVertex;
|
||||||
|
|
||||||
|
const solid = result[ 0 ];
|
||||||
|
|
||||||
|
const name = ( result = patternName.exec( solid ) ) !== null ? result[ 1 ] : '';
|
||||||
|
groupNames.push( name );
|
||||||
|
|
||||||
|
while ( ( result = patternFace.exec( solid ) ) !== null ) {
|
||||||
|
|
||||||
|
let vertexCountPerFace = 0;
|
||||||
|
let normalCountPerFace = 0;
|
||||||
|
|
||||||
|
const text = result[ 0 ];
|
||||||
|
|
||||||
|
while ( ( result = patternNormal.exec( text ) ) !== null ) {
|
||||||
|
|
||||||
|
normal.x = parseFloat( result[ 1 ] );
|
||||||
|
normal.y = parseFloat( result[ 2 ] );
|
||||||
|
normal.z = parseFloat( result[ 3 ] );
|
||||||
|
normalCountPerFace ++;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
while ( ( result = patternVertex.exec( text ) ) !== null ) {
|
||||||
|
|
||||||
|
vertices.push( parseFloat( result[ 1 ] ), parseFloat( result[ 2 ] ), parseFloat( result[ 3 ] ) );
|
||||||
|
normals.push( normal.x, normal.y, normal.z );
|
||||||
|
vertexCountPerFace ++;
|
||||||
|
endVertex ++;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// every face have to own ONE valid normal
|
||||||
|
|
||||||
|
if ( normalCountPerFace !== 1 ) {
|
||||||
|
|
||||||
|
console.error( 'THREE.STLLoader: Something isn\'t right with the normal of face number ' + faceCounter );
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// each face have to own THREE valid vertices
|
||||||
|
|
||||||
|
if ( vertexCountPerFace !== 3 ) {
|
||||||
|
|
||||||
|
console.error( 'THREE.STLLoader: Something isn\'t right with the vertices of face number ' + faceCounter );
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
faceCounter ++;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
const start = startVertex;
|
||||||
|
const count = endVertex - startVertex;
|
||||||
|
|
||||||
|
geometry.userData.groupNames = groupNames;
|
||||||
|
|
||||||
|
geometry.addGroup( start, count, groupCount );
|
||||||
|
groupCount ++;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
geometry.setAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) );
|
||||||
|
geometry.setAttribute( 'normal', new Float32BufferAttribute( normals, 3 ) );
|
||||||
|
|
||||||
|
return geometry;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function ensureString( buffer ) {
|
||||||
|
|
||||||
|
if ( typeof buffer !== 'string' ) {
|
||||||
|
|
||||||
|
return new TextDecoder().decode( buffer );
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
return buffer;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function ensureBinary( buffer ) {
|
||||||
|
|
||||||
|
if ( typeof buffer === 'string' ) {
|
||||||
|
|
||||||
|
const array_buffer = new Uint8Array( buffer.length );
|
||||||
|
for ( let i = 0; i < buffer.length; i ++ ) {
|
||||||
|
|
||||||
|
array_buffer[ i ] = buffer.charCodeAt( i ) & 0xff; // implicitly assumes little-endian
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
return array_buffer.buffer || array_buffer;
|
||||||
|
|
||||||
|
} else {
|
||||||
|
|
||||||
|
return buffer;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// start
|
||||||
|
|
||||||
|
const binData = ensureBinary( data );
|
||||||
|
|
||||||
|
return isBinary( binData ) ? parseBinary( binData ) : parseASCII( ensureString( data ) );
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
export { STLLoader };
|
||||||
6
DICOM_and_UPP配准/static/vendor/three.core.min.js
vendored
Normal file
6
DICOM_and_UPP配准/static/vendor/three.core.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
6
DICOM_and_UPP配准/static/vendor/three.module.min.js
vendored
Normal file
6
DICOM_and_UPP配准/static/vendor/three.module.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -8,7 +8,9 @@ PACS_SUMMARY_TABLE=pacs_dicom_study_summaries
|
|||||||
PACS_ANNOTATION_TABLE=pacs_dicom_series_annotations
|
PACS_ANNOTATION_TABLE=pacs_dicom_series_annotations
|
||||||
UPP_ASSET_TABLE=upp_exam_assets
|
UPP_ASSET_TABLE=upp_exam_assets
|
||||||
UPP_STL_TABLE=upp_stl_files
|
UPP_STL_TABLE=upp_stl_files
|
||||||
|
REGISTRATION_TABLE=dicom_upp_registrations
|
||||||
VISUALIZER_USER_TABLE=db_visualizer_users
|
VISUALIZER_USER_TABLE=db_visualizer_users
|
||||||
VISUALIZER_ADMIN_USER=admin
|
VISUALIZER_ADMIN_USER=admin
|
||||||
VISUALIZER_ADMIN_PASSWORD=123456
|
VISUALIZER_ADMIN_PASSWORD=123456
|
||||||
PACS_VIEWER_URL=http://127.0.0.1:8107
|
PACS_VIEWER_URL=http://127.0.0.1:8107
|
||||||
|
REGISTRATION_URL=http://127.0.0.1:8109
|
||||||
|
|||||||
@@ -35,10 +35,12 @@ PACS_SUMMARY_TABLE = os.getenv("PACS_SUMMARY_TABLE", "pacs_dicom_study_summaries
|
|||||||
PACS_ANNOTATION_TABLE = os.getenv("PACS_ANNOTATION_TABLE", "pacs_dicom_series_annotations")
|
PACS_ANNOTATION_TABLE = os.getenv("PACS_ANNOTATION_TABLE", "pacs_dicom_series_annotations")
|
||||||
UPP_ASSET_TABLE = os.getenv("UPP_ASSET_TABLE", "upp_exam_assets")
|
UPP_ASSET_TABLE = os.getenv("UPP_ASSET_TABLE", "upp_exam_assets")
|
||||||
UPP_STL_TABLE = os.getenv("UPP_STL_TABLE", "upp_stl_files")
|
UPP_STL_TABLE = os.getenv("UPP_STL_TABLE", "upp_stl_files")
|
||||||
|
REGISTRATION_TABLE = os.getenv("REGISTRATION_TABLE", "dicom_upp_registrations")
|
||||||
USER_TABLE = os.getenv("VISUALIZER_USER_TABLE", "db_visualizer_users")
|
USER_TABLE = os.getenv("VISUALIZER_USER_TABLE", "db_visualizer_users")
|
||||||
WEB_ADMIN_USER = os.getenv("VISUALIZER_ADMIN_USER", "admin")
|
WEB_ADMIN_USER = os.getenv("VISUALIZER_ADMIN_USER", "admin")
|
||||||
WEB_ADMIN_PASSWORD = os.getenv("VISUALIZER_ADMIN_PASSWORD", "123456")
|
WEB_ADMIN_PASSWORD = os.getenv("VISUALIZER_ADMIN_PASSWORD", "123456")
|
||||||
PACS_VIEWER_URL = os.getenv("PACS_VIEWER_URL", "http://127.0.0.1:8107")
|
PACS_VIEWER_URL = os.getenv("PACS_VIEWER_URL", "http://127.0.0.1:8107")
|
||||||
|
REGISTRATION_URL = os.getenv("REGISTRATION_URL", "http://127.0.0.1:8109")
|
||||||
|
|
||||||
IDENT_RE = re.compile(r"^[A-Za-z_][A-Za-z0-9_]*$")
|
IDENT_RE = re.compile(r"^[A-Za-z_][A-Za-z0-9_]*$")
|
||||||
CJK_RE = re.compile(r"[\u3400-\u9fff]")
|
CJK_RE = re.compile(r"[\u3400-\u9fff]")
|
||||||
@@ -56,6 +58,7 @@ PACS_SUMMARY_TABLE_SQL = ident(PACS_SUMMARY_TABLE)
|
|||||||
PACS_ANNOTATION_TABLE_SQL = ident(PACS_ANNOTATION_TABLE)
|
PACS_ANNOTATION_TABLE_SQL = ident(PACS_ANNOTATION_TABLE)
|
||||||
UPP_ASSET_TABLE_SQL = ident(UPP_ASSET_TABLE)
|
UPP_ASSET_TABLE_SQL = ident(UPP_ASSET_TABLE)
|
||||||
UPP_STL_TABLE_SQL = ident(UPP_STL_TABLE)
|
UPP_STL_TABLE_SQL = ident(UPP_STL_TABLE)
|
||||||
|
REGISTRATION_TABLE_SQL = ident(REGISTRATION_TABLE)
|
||||||
USER_TABLE_SQL = ident(USER_TABLE)
|
USER_TABLE_SQL = ident(USER_TABLE)
|
||||||
|
|
||||||
app = FastAPI(title="DICOM UPP Database Visualizer")
|
app = FastAPI(title="DICOM UPP Database Visualizer")
|
||||||
@@ -247,6 +250,38 @@ def ensure_user_table() -> None:
|
|||||||
)
|
)
|
||||||
|
|
||||||
|
|
||||||
|
def ensure_registration_table() -> None:
|
||||||
|
run_psql(
|
||||||
|
f"""
|
||||||
|
CREATE TABLE IF NOT EXISTS public.{REGISTRATION_TABLE_SQL} (
|
||||||
|
id bigserial PRIMARY KEY,
|
||||||
|
ct_number text NOT NULL,
|
||||||
|
series_instance_uid text NOT NULL DEFAULT '',
|
||||||
|
series_description text NOT NULL DEFAULT '',
|
||||||
|
algorithm_model text NOT NULL DEFAULT '',
|
||||||
|
stl_family text NOT NULL DEFAULT '',
|
||||||
|
view_mode text NOT NULL DEFAULT 'family',
|
||||||
|
selected_stl_files jsonb NOT NULL DEFAULT '[]'::jsonb,
|
||||||
|
transform jsonb NOT NULL DEFAULT '{{}}'::jsonb,
|
||||||
|
dicom_reference jsonb NOT NULL DEFAULT '{{}}'::jsonb,
|
||||||
|
model_reference jsonb NOT NULL DEFAULT '{{}}'::jsonb,
|
||||||
|
segmentation jsonb NOT NULL DEFAULT '{{}}'::jsonb,
|
||||||
|
notes text NOT NULL DEFAULT '',
|
||||||
|
locked boolean NOT NULL DEFAULT false,
|
||||||
|
locked_by text,
|
||||||
|
locked_at timestamptz,
|
||||||
|
updated_by text NOT NULL DEFAULT 'admin',
|
||||||
|
created_at timestamptz NOT NULL DEFAULT now(),
|
||||||
|
updated_at timestamptz NOT NULL DEFAULT now(),
|
||||||
|
UNIQUE (ct_number, series_instance_uid, algorithm_model, stl_family)
|
||||||
|
);
|
||||||
|
CREATE INDEX IF NOT EXISTS idx_{REGISTRATION_TABLE_SQL}_ct ON public.{REGISTRATION_TABLE_SQL}(ct_number);
|
||||||
|
CREATE INDEX IF NOT EXISTS idx_{REGISTRATION_TABLE_SQL}_locked ON public.{REGISTRATION_TABLE_SQL}(locked);
|
||||||
|
""",
|
||||||
|
timeout=10,
|
||||||
|
)
|
||||||
|
|
||||||
|
|
||||||
def fetch_user(username: str) -> dict[str, Any] | None:
|
def fetch_user(username: str) -> dict[str, Any] | None:
|
||||||
ensure_user_table()
|
ensure_user_table()
|
||||||
rows = pg_json_rows(
|
rows = pg_json_rows(
|
||||||
@@ -281,6 +316,7 @@ def admin_user(user: dict[str, str] = Depends(current_user)) -> dict[str, str]:
|
|||||||
def startup() -> None:
|
def startup() -> None:
|
||||||
try:
|
try:
|
||||||
ensure_user_table()
|
ensure_user_table()
|
||||||
|
ensure_registration_table()
|
||||||
except Exception:
|
except Exception:
|
||||||
pass
|
pass
|
||||||
|
|
||||||
@@ -488,6 +524,16 @@ def relation_cte() -> str:
|
|||||||
LEFT JOIN s_segments ON s_segments.ct_key = s_raw.ct_key
|
LEFT JOIN s_segments ON s_segments.ct_key = s_raw.ct_key
|
||||||
GROUP BY s_raw.ct_key
|
GROUP BY s_raw.ct_key
|
||||||
),
|
),
|
||||||
|
r AS (
|
||||||
|
SELECT
|
||||||
|
upper(ct_number) AS ct_key,
|
||||||
|
count(*)::int AS registration_count,
|
||||||
|
count(DISTINCT series_instance_uid) FILTER (WHERE series_instance_uid <> '')::int AS registered_series,
|
||||||
|
count(*) FILTER (WHERE locked)::int AS locked_count,
|
||||||
|
max(updated_at) AS registration_updated_at
|
||||||
|
FROM public.{REGISTRATION_TABLE_SQL}
|
||||||
|
GROUP BY upper(ct_number)
|
||||||
|
),
|
||||||
keys AS (
|
keys AS (
|
||||||
SELECT ct_key FROM p
|
SELECT ct_key FROM p
|
||||||
UNION
|
UNION
|
||||||
@@ -573,6 +619,10 @@ def relation_cte() -> str:
|
|||||||
s.updated_at AS stl_updated_at,
|
s.updated_at AS stl_updated_at,
|
||||||
COALESCE(s.stl_asset_count, 0) AS stl_asset_count,
|
COALESCE(s.stl_asset_count, 0) AS stl_asset_count,
|
||||||
COALESCE(s.stl_assets, '[]'::jsonb) AS stl_assets,
|
COALESCE(s.stl_assets, '[]'::jsonb) AS stl_assets,
|
||||||
|
COALESCE(r.registration_count, 0)::int AS registration_count,
|
||||||
|
COALESCE(r.registered_series, 0)::int AS registered_series,
|
||||||
|
COALESCE(r.locked_count, 0)::int AS locked_count,
|
||||||
|
r.registration_updated_at,
|
||||||
CASE
|
CASE
|
||||||
WHEN COALESCE(NULLIF(p.source_patient_name, ''), NULLIF(p.patient_name_dicom, '')) IS NULL
|
WHEN COALESCE(NULLIF(p.source_patient_name, ''), NULLIF(p.patient_name_dicom, '')) IS NULL
|
||||||
OR NULLIF(u.patient_name, '') IS NULL THEN ''
|
OR NULLIF(u.patient_name, '') IS NULL THEN ''
|
||||||
@@ -586,6 +636,7 @@ def relation_cte() -> str:
|
|||||||
LEFT JOIN a_labels ON a_labels.ct_number = p.ct_number
|
LEFT JOIN a_labels ON a_labels.ct_number = p.ct_number
|
||||||
LEFT JOIN u ON u.ct_key = k.ct_key
|
LEFT JOIN u ON u.ct_key = k.ct_key
|
||||||
LEFT JOIN s ON s.ct_key = k.ct_key
|
LEFT JOIN s ON s.ct_key = k.ct_key
|
||||||
|
LEFT JOIN r ON r.ct_key = k.ct_key
|
||||||
)
|
)
|
||||||
"""
|
"""
|
||||||
|
|
||||||
@@ -683,6 +734,7 @@ def settings(user: dict[str, str] = Depends(admin_user)) -> dict[str, Any]:
|
|||||||
return {
|
return {
|
||||||
"user": user,
|
"user": user,
|
||||||
"viewer_url": PACS_VIEWER_URL,
|
"viewer_url": PACS_VIEWER_URL,
|
||||||
|
"registration_url": REGISTRATION_URL,
|
||||||
"users": rows,
|
"users": rows,
|
||||||
"database": {"host": PGHOST, "port": PGPORT, "database": PGDATABASE},
|
"database": {"host": PGHOST, "port": PGPORT, "database": PGDATABASE},
|
||||||
"tables": {
|
"tables": {
|
||||||
@@ -691,6 +743,7 @@ def settings(user: dict[str, str] = Depends(admin_user)) -> dict[str, Any]:
|
|||||||
"dicom_annotations": PACS_ANNOTATION_TABLE,
|
"dicom_annotations": PACS_ANNOTATION_TABLE,
|
||||||
"upp_assets": UPP_ASSET_TABLE,
|
"upp_assets": UPP_ASSET_TABLE,
|
||||||
"upp_stl": UPP_STL_TABLE,
|
"upp_stl": UPP_STL_TABLE,
|
||||||
|
"registration": REGISTRATION_TABLE,
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -750,6 +803,7 @@ def status(user: dict[str, str] = Depends(current_user)) -> dict[str, Any]:
|
|||||||
ok, message = db_available()
|
ok, message = db_available()
|
||||||
counts: dict[str, Any] = {}
|
counts: dict[str, Any] = {}
|
||||||
if ok:
|
if ok:
|
||||||
|
ensure_registration_table()
|
||||||
rows = pg_json_rows(
|
rows = pg_json_rows(
|
||||||
f"""
|
f"""
|
||||||
{relation_cte()}
|
{relation_cte()}
|
||||||
@@ -764,6 +818,10 @@ def status(user: dict[str, str] = Depends(current_user)) -> dict[str, Any]:
|
|||||||
count(*) FILTER (WHERE relation_status = 'pacs_only')::int AS pacs_only_count,
|
count(*) FILTER (WHERE relation_status = 'pacs_only')::int AS pacs_only_count,
|
||||||
count(*) FILTER (WHERE relation_status = 'stl_only')::int AS stl_only_count,
|
count(*) FILTER (WHERE relation_status = 'stl_only')::int AS stl_only_count,
|
||||||
count(*) FILTER (WHERE relation_status = 'list_only')::int AS list_only_count,
|
count(*) FILTER (WHERE relation_status = 'list_only')::int AS list_only_count,
|
||||||
|
count(*) FILTER (WHERE registration_count > 0)::int AS registered_ct_count,
|
||||||
|
count(*) FILTER (WHERE locked_count > 0)::int AS locked_ct_count,
|
||||||
|
COALESCE(sum(registration_count), 0)::int AS registration_count,
|
||||||
|
COALESCE(sum(locked_count), 0)::int AS locked_registration_count,
|
||||||
count(*) FILTER (WHERE pacs_present AND COALESCE(completed, false) IS NOT TRUE)::int AS pending_dicom_count,
|
count(*) FILTER (WHERE pacs_present AND COALESCE(completed, false) IS NOT TRUE)::int AS pending_dicom_count,
|
||||||
COALESCE(sum(CASE WHEN pacs_present THEN COALESCE(undetermined_series, 0) ELSE 0 END), 0)::int AS pending_dicom_series
|
COALESCE(sum(CASE WHEN pacs_present THEN COALESCE(undetermined_series, 0) ELSE 0 END), 0)::int AS pending_dicom_series
|
||||||
FROM relation
|
FROM relation
|
||||||
@@ -774,12 +832,14 @@ def status(user: dict[str, str] = Depends(current_user)) -> dict[str, Any]:
|
|||||||
return {
|
return {
|
||||||
"database": {"ok": ok, "message": message, "host": PGHOST, "database": PGDATABASE},
|
"database": {"ok": ok, "message": message, "host": PGHOST, "database": PGDATABASE},
|
||||||
"viewer_url": PACS_VIEWER_URL,
|
"viewer_url": PACS_VIEWER_URL,
|
||||||
|
"registration_url": REGISTRATION_URL,
|
||||||
"tables": {
|
"tables": {
|
||||||
"dicom": PACS_TABLE,
|
"dicom": PACS_TABLE,
|
||||||
"dicom_summary": PACS_SUMMARY_TABLE,
|
"dicom_summary": PACS_SUMMARY_TABLE,
|
||||||
"dicom_annotations": PACS_ANNOTATION_TABLE,
|
"dicom_annotations": PACS_ANNOTATION_TABLE,
|
||||||
"upp_assets": UPP_ASSET_TABLE,
|
"upp_assets": UPP_ASSET_TABLE,
|
||||||
"upp_stl": UPP_STL_TABLE,
|
"upp_stl": UPP_STL_TABLE,
|
||||||
|
"registration": REGISTRATION_TABLE,
|
||||||
},
|
},
|
||||||
"counts": counts,
|
"counts": counts,
|
||||||
}
|
}
|
||||||
@@ -795,6 +855,7 @@ def relations(
|
|||||||
offset: int = Query(default=0, ge=0),
|
offset: int = Query(default=0, ge=0),
|
||||||
user: dict[str, str] = Depends(current_user),
|
user: dict[str, str] = Depends(current_user),
|
||||||
) -> list[dict[str, Any]]:
|
) -> list[dict[str, Any]]:
|
||||||
|
ensure_registration_table()
|
||||||
where = relation_where(q, status, algorithm_model, dicom_part)
|
where = relation_where(q, status, algorithm_model, dicom_part)
|
||||||
rows = pg_json_rows(
|
rows = pg_json_rows(
|
||||||
f"""
|
f"""
|
||||||
@@ -810,6 +871,7 @@ def relations(
|
|||||||
body_parts, dicom_body_parts, dicom_annotation_labels, algorithm_models,
|
body_parts, dicom_body_parts, dicom_annotation_labels, algorithm_models,
|
||||||
upp_asset_count, duplicate_model_asset_count, upp_assets, stl_asset_count, stl_assets,
|
upp_asset_count, duplicate_model_asset_count, upp_assets, stl_asset_count, stl_assets,
|
||||||
segment_categories, segment_families,
|
segment_categories, segment_families,
|
||||||
|
registration_count, registered_series, locked_count, registration_updated_at,
|
||||||
pacs_updated_at, upp_updated_at, stl_updated_at
|
pacs_updated_at, upp_updated_at, stl_updated_at
|
||||||
FROM relation
|
FROM relation
|
||||||
{where}
|
{where}
|
||||||
@@ -829,6 +891,7 @@ def relations(
|
|||||||
|
|
||||||
@app.get("/api/relations/{ct_number}")
|
@app.get("/api/relations/{ct_number}")
|
||||||
def relation_detail(ct_number: str, user: dict[str, str] = Depends(current_user)) -> dict[str, Any]:
|
def relation_detail(ct_number: str, user: dict[str, str] = Depends(current_user)) -> dict[str, Any]:
|
||||||
|
ensure_registration_table()
|
||||||
ct_key = normalize_ct(ct_number)
|
ct_key = normalize_ct(ct_number)
|
||||||
if not ct_key:
|
if not ct_key:
|
||||||
raise HTTPException(status_code=400, detail="invalid CT number")
|
raise HTTPException(status_code=400, detail="invalid CT number")
|
||||||
|
|||||||
@@ -8,6 +8,7 @@ const app = {
|
|||||||
algorithmModel: "",
|
algorithmModel: "",
|
||||||
dicomPart: "",
|
dicomPart: "",
|
||||||
viewerUrl: "http://127.0.0.1:8107",
|
viewerUrl: "http://127.0.0.1:8107",
|
||||||
|
registrationUrl: "http://127.0.0.1:8109",
|
||||||
searchTimer: null,
|
searchTimer: null,
|
||||||
offset: 0,
|
offset: 0,
|
||||||
limit: 20,
|
limit: 20,
|
||||||
@@ -171,6 +172,7 @@ function assetSummary(row) {
|
|||||||
|
|
||||||
function setDbStatus(data) {
|
function setDbStatus(data) {
|
||||||
app.viewerUrl = data.viewer_url || app.viewerUrl;
|
app.viewerUrl = data.viewer_url || app.viewerUrl;
|
||||||
|
app.registrationUrl = data.registration_url || app.registrationUrl;
|
||||||
const pill = $("dbStatus");
|
const pill = $("dbStatus");
|
||||||
if (data.database?.ok) {
|
if (data.database?.ok) {
|
||||||
pill.textContent = `${data.database.database} 已连接`;
|
pill.textContent = `${data.database.database} 已连接`;
|
||||||
@@ -187,6 +189,7 @@ function renderMetrics(counts = {}) {
|
|||||||
["DICOM", counts.pacs_count],
|
["DICOM", counts.pacs_count],
|
||||||
["仅 DICOM", counts.pacs_only_count],
|
["仅 DICOM", counts.pacs_only_count],
|
||||||
["仅 STL", counts.stl_only_count],
|
["仅 STL", counts.stl_only_count],
|
||||||
|
["已配准", counts.registered_ct_count],
|
||||||
];
|
];
|
||||||
$("metrics").innerHTML = items
|
$("metrics").innerHTML = items
|
||||||
.map(([label, value]) => `<div class="metric"><span>${escapeHtml(label)}</span><strong>${Number(value || 0)}</strong></div>`)
|
.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 || "无"}`,
|
`UPP患者：${row.upp_patient_name || "无"}`,
|
||||||
`重建模型：${row.algorithm_model || "无"}`,
|
`重建模型：${row.algorithm_model || "无"}`,
|
||||||
`部位标注：${annotationLabels(row).join("、") || "无"}`,
|
`部位标注：${annotationLabels(row).join("、") || "无"}`,
|
||||||
|
`配准：${Number(row.registered_series || 0)} 序列，${Number(row.locked_count || 0)} 锁定`,
|
||||||
].join("\n");
|
].join("\n");
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -237,6 +241,11 @@ function renderList() {
|
|||||||
</div>
|
</div>
|
||||||
<div class="card-status">
|
<div class="card-status">
|
||||||
<i class="mini-badge ${escapeHtml(row.relation_status)}">${escapeHtml(statusLabel(row.relation_status))}</i>
|
<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)
|
Number(row.duplicate_model_asset_count || 0)
|
||||||
? `<small class="name-check-warning" title="同一CT同一算法模型只能对应一个STL，已按规则保留一组">${Number(row.duplicate_model_asset_count)} 组重复</small>`
|
? `<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) {
|
function dicomViewerUrl(row = app.active) {
|
||||||
if (!row?.pacs_ct_number) return "";
|
if (!row?.pacs_ct_number) return "";
|
||||||
return `${viewerBaseUrl()}/?ct_number=${encodeURIComponent(row.pacs_ct_number)}`;
|
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() {
|
function updateOpenDicomButton() {
|
||||||
const button = $("openDicomBtn");
|
const button = $("openDicomBtn");
|
||||||
const url = dicomViewerUrl();
|
const url = dicomViewerUrl();
|
||||||
button.disabled = !url;
|
button.disabled = !url;
|
||||||
button.title = url || "当前记录没有 DICOM 检查号";
|
button.title = url || "当前记录没有 DICOM 检查号";
|
||||||
|
const registrationButton = $("openRegistrationBtn");
|
||||||
|
const registration = registrationViewerUrl();
|
||||||
|
registrationButton.disabled = !registration;
|
||||||
|
registrationButton.title = registration || "当前记录没有可配准 CT 号";
|
||||||
}
|
}
|
||||||
|
|
||||||
function clearDetail() {
|
function clearDetail() {
|
||||||
@@ -349,6 +381,7 @@ function renderDetail(row) {
|
|||||||
["标注", `${Number(row.annotated_series || 0)} 已标注`],
|
["标注", `${Number(row.annotated_series || 0)} 已标注`],
|
||||||
["完成", row.completed ? "已完成" : "待处理"],
|
["完成", row.completed ? "已完成" : "待处理"],
|
||||||
["部位标注", labels.join("、")],
|
["部位标注", labels.join("、")],
|
||||||
|
["配准状态", row.registration_count ? `${Number(row.registered_series || 0)} 个序列已配准 / ${Number(row.locked_count || 0)} 条锁定` : "未配准"],
|
||||||
]);
|
]);
|
||||||
|
|
||||||
renderDl("stlDetails", [
|
renderDl("stlDetails", [
|
||||||
@@ -370,6 +403,7 @@ function renderDetail(row) {
|
|||||||
["目录", row.processed_stl_dir],
|
["目录", row.processed_stl_dir],
|
||||||
["分割分类", uniq(asList(row.segment_categories)).join("、")],
|
["分割分类", uniq(asList(row.segment_categories)).join("、")],
|
||||||
["更新时间", fmtDate(row.stl_updated_at || row.upp_updated_at)],
|
["更新时间", fmtDate(row.stl_updated_at || row.upp_updated_at)],
|
||||||
|
["配准更新时间", fmtDate(row.registration_updated_at)],
|
||||||
]);
|
]);
|
||||||
|
|
||||||
updateOpenDicomButton();
|
updateOpenDicomButton();
|
||||||
@@ -597,6 +631,15 @@ function openViewerHome() {
|
|||||||
window.open(viewerBaseUrl(), "_blank", "noopener");
|
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() {
|
function wire() {
|
||||||
$("loginForm").addEventListener("submit", login);
|
$("loginForm").addEventListener("submit", login);
|
||||||
$("logoutBtn").addEventListener("click", logout);
|
$("logoutBtn").addEventListener("click", logout);
|
||||||
@@ -604,7 +647,9 @@ function wire() {
|
|||||||
$("backToViewer").addEventListener("click", showViewer);
|
$("backToViewer").addEventListener("click", showViewer);
|
||||||
$("refreshBtn").addEventListener("click", refreshAll);
|
$("refreshBtn").addEventListener("click", refreshAll);
|
||||||
$("viewerHomeBtn").addEventListener("click", openViewerHome);
|
$("viewerHomeBtn").addEventListener("click", openViewerHome);
|
||||||
|
$("registrationHomeBtn").addEventListener("click", openRegistrationHome);
|
||||||
$("openDicomBtn").addEventListener("click", openDicomViewer);
|
$("openDicomBtn").addEventListener("click", openDicomViewer);
|
||||||
|
$("openRegistrationBtn").addEventListener("click", openRegistrationViewer);
|
||||||
$("relationList").addEventListener("scroll", () => {
|
$("relationList").addEventListener("scroll", () => {
|
||||||
const list = $("relationList");
|
const list = $("relationList");
|
||||||
if (list.scrollTop + list.clientHeight >= list.scrollHeight - 140) loadRelations(false);
|
if (list.scrollTop + list.clientHeight >= list.scrollHeight - 140) loadRelations(false);
|
||||||
|
|||||||
@@ -17,6 +17,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="top-actions">
|
<div class="top-actions">
|
||||||
<button id="viewerHomeBtn" class="dark-btn" type="button">进入阅片系统</button>
|
<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>
|
<span id="dbStatus" class="status-pill">数据库</span>
|
||||||
<button id="refreshBtn" class="dark-btn" type="button">刷新</button>
|
<button id="refreshBtn" class="dark-btn" type="button">刷新</button>
|
||||||
<span id="userBadge" class="user-badge">未登录</span>
|
<span id="userBadge" class="user-badge">未登录</span>
|
||||||
@@ -101,7 +102,10 @@
|
|||||||
<article class="panel detail-card">
|
<article class="panel detail-card">
|
||||||
<div class="detail-title">
|
<div class="detail-title">
|
||||||
<h3>DICOM 阅片分类系统</h3>
|
<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>
|
</div>
|
||||||
<dl id="pacsDetails"></dl>
|
<dl id="pacsDetails"></dl>
|
||||||
</article>
|
</article>
|
||||||
|
|||||||
@@ -194,6 +194,12 @@ button {
|
|||||||
background: linear-gradient(180deg, rgba(17, 61, 70, 0.92), rgba(9, 30, 42, 0.98));
|
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,
|
.primary-btn,
|
||||||
.link-btn {
|
.link-btn {
|
||||||
height: 34px;
|
height: 34px;
|
||||||
@@ -229,6 +235,11 @@ button {
|
|||||||
background: rgba(25, 212, 194, 0.14);
|
background: rgba(25, 212, 194, 0.14);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.top-actions #registrationHomeBtn:hover {
|
||||||
|
border-color: var(--amber);
|
||||||
|
background: rgba(240, 181, 78, 0.14);
|
||||||
|
}
|
||||||
|
|
||||||
.layout {
|
.layout {
|
||||||
height: calc(100vh - 66px);
|
height: calc(100vh - 66px);
|
||||||
display: grid;
|
display: grid;
|
||||||
@@ -451,6 +462,27 @@ button {
|
|||||||
white-space: nowrap;
|
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 {
|
.mini-badge {
|
||||||
flex: 0 0 auto;
|
flex: 0 0 auto;
|
||||||
padding: 2px 7px;
|
padding: 2px 7px;
|
||||||
@@ -636,6 +668,12 @@ button {
|
|||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.detail-actions {
|
||||||
|
display: flex;
|
||||||
|
gap: 8px;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
.detail-title h3 {
|
.detail-title h3 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user