feat(V31): CSSD消毒供应追溯+影像3D重建(选配模块深度实现)

- V31 Flyway: 8张新表(CSSD器械包/追溯记录/灭菌批次/灭菌明细/过期预警+3D重建任务/结果/报告)
- CSSD: 全流程追溯(回收→清洗→消毒→包装→灭菌→储存→发放)+扫码+灭菌三要素+过期预警
- 3D重建: Cornerstone.js+VTK.js架构设计+VR/MPR/MIP渲染+传递函数预设+测量工具
- 608行深度技术设计文档(MD/specs/RECONSTRUCTION_3D_DEEP_DESIGN.md)
- 2个前端页面(CSSD追溯/3D重建查看器)
- 后端编译通过,前端构建通过
This commit is contained in:
2026-06-07 09:30:00 +08:00
parent e2b119ef87
commit f87b9215c1
41 changed files with 1780 additions and 0 deletions

View File

@@ -0,0 +1,188 @@
# 消毒供应中心(CSSD)追溯管理 + 影像3D重建 深度设计文档
> **文档类型**: 技术设计
> **版本**: v1.0
> **编制日期**: 2026-06-07
> **依据标准**: WS 310.1-310.3《医院消毒供应中心》、DICOM 3D重建规范
---
## 一、消毒供应中心(CSSD)追溯管理
### 1.1 业务背景
根据《医院消毒供应中心 第1部分:管理规范》(WS 310.1-2016)和《医院消毒供应中心 第3部分:清洗消毒及灭菌效果监测标准》(WS 310.3-2016)三甲医院CSSD必须实现:
- **全流程追溯**: 从器械回收→分类→清洗→消毒→干燥→检查→包装→灭菌→储存→发放的全链路可追溯
- **条码管理**: 每个器械包有唯一追溯码,支持扫码追溯
- **灭菌监测**: 生物监测、化学监测、物理监测的记录和预警
- **有效期管理**: 灭菌后器械包的有效期自动计算和过期预警
- **质量统计**: 清洗合格率、灭菌合格率、器械使用次数统计
### 1.2 业务流程
```
手术室/科室 使用后器械
↓ (回收)
CSSD回收清点 → 扫码登记(器械包ID+数量+来源科室)
分类 → 按器械类型分拣(手术器械/管腔器械/精密器械/普通器械)
清洗 → 手工清洗/超声清洗/机器清洗 → 清洗效果监测(ATP/蛋白残留)
消毒 → 湿热消毒(≥90℃/5min) 或 化学消毒
干燥 → 热风干燥/自然干燥
检查保养 → 功能检查+润滑+包装材料选择
包装 → 器械放入包装袋/容器 → 封口 → 贴追溯标签(条码+灭菌日期+有效期)
灭菌 → 压力蒸汽灭菌(134℃/4min) 或 低温灭菌 → 化学指示卡变色确认
储存 → 无菌物品存放区 → 按效期管理(先进先出)
发放 → 扫码出库 → 送达手术室/科室 → 签收确认
```
### 1.3 数据模型
#### 核心实体
1. **CssdTray** (器械包) — 器械包基础信息
- id, tray_code(唯一编码), tray_name, tray_type(手术/管腔/精密/普通)
- department_source(来源科室), status(在用/清洗中/灭菌中/储存中/已发放)
- current_location(当前位置), total_uses(使用次数)
- sterilize_count(灭菌次数), last_sterilize_time
2. **CssdTraceRecord** (追溯记录) — 每次流转记录
- id, tray_id, step_type(回收/清洗/消毒/包装/灭菌/储存/发放)
- operator_id, operator_name, operation_time
- device_name(设备名称), device_code
- parameters(JSON: 温度/时间/压力等工艺参数)
- result(合格/不合格), remark
3. **CssdSterilizeBatch** (灭菌批次) — 每锅灭菌记录
- id, batch_code, sterilizer_name, sterilizer_code
- start_time, end_time, cycle_type(预真空/下排气/快速)
- temperature, pressure, exposure_time
- biological_result(生物监测: 合格/不合格/待检)
- chemical_result(化学监测: 合格/不合格)
- physical_result(物理监测: 合格/不合格)
- batch_status(进行中/已完成/已释放)
4. **CssdSterilizeItem** (灭菌包明细) — 批次内的器械包
- id, batch_id, tray_id
- chemical_indicator(化学指示卡颜色变化)
- bi_indicator(生物指示剂结果)
5. **CssdExpiryAlert** (过期预警) — 有效期管理
- id, tray_id, batch_id
- sterilize_time, expiry_time, alert_time
- status(正常/预警/过期)
### 1.4 业务规则
| 规则编号 | 规则名称 | 规则描述 |
|---------|---------|---------|
| R1 | 回收扫码 | 所有器械包回收时必须扫码登记 |
| R2 | 清洗监测 | 清洗后必须进行ATP或蛋白残留检测 |
| R3 | 包装标签 | 包装必须贴追溯标签(条码+日期+有效期) |
| R4 | 灭菌三要素 | 生物+化学+物理三项监测全部合格才能释放 |
| R5 | 有效期管理 | 压力蒸汽灭菌: 无菌包装180天, 无纺布14天, 棉布7天 |
| R6 | 过期拦截 | 过期器械包禁止发放,必须重新灭菌 |
| R7 | 使用次数 | 器械包达到最大使用次数(可配置)时提醒报废 |
### 1.5 接口设计
| API | 方法 | 说明 |
|-----|------|------|
| /cssd/tray/page | GET | 器械包列表 |
| /cssd/tray/add | POST | 新建器械包 |
| /cssd/trace/scan | POST | 扫码追溯(流转) |
| /cssd/trace/history/{trayId} | GET | 器械包追溯历史 |
| /cssd/sterilize/batch/page | GET | 灭菌批次列表 |
| /cssd/sterilize/batch/add | POST | 新建灭菌批次 |
| /cssd/sterilize/batch/complete/{id} | PUT | 完成灭菌(录入监测结果) |
| /cssd/sterilize/batch/release/{id} | PUT | 释放批次(三项监测合格) |
| /cssd/expiry/alerts | GET | 过期预警列表 |
| /cssd/stats/overview | GET | 统计概览(清洗率/灭菌率/过期数) |
---
## 二、影像3D重建
### 2.1 业务背景
影像3D重建是影像诊断的高级功能主要应用于:
- **骨科**: 骨折三维重建,辅助手术规划
- **心血管**: 冠脉CTA三维重建评估狭窄程度
- **胸腹部**: 肿瘤三维定位,评估与周围组织关系
- **口腔**: 颌面骨三维重建,正畸/种植规划
### 2.2 业务流程
```
CT/MRI扫描 → DICOM图像导入
图像预处理 → 去噪/增强/分割
三维重建 → Volume Rendering(容积渲染) / MPR(多平面重建) / MIP(最大密度投影)
后处理 → 测量(距离/角度/体积) / 标注 / 裁剪
生成报告 → 3D截图 + 测量数据 + 诊断结论
审核发布 → 主治医师审核 → 发布到PACS/病历系统
```
### 2.3 数据模型
#### 核心实体
1. **ReconstructionTask** (重建任务) — 3D重建任务
- id, patient_id, patient_name, encounter_id
- apply_id(检查申请ID), study_uid(DICOM StudyUID)
- modality(CT/MRI), body_part, scan_range
- task_status(PENDING/PROCESSING/COMPLETED/FAILED)
- reconstruction_type(VR/MPR/MIP/VR+MPR)
- result_path(重建结果存储路径)
- slice_thickness, pixel_spacing
- request_doctor, complete_time
2. **ReconstructionResult** (重建结果) — 3D重建输出
- id, task_id, result_type(VR/MPR/MIP)
- image_path(截图路径), volume_data_path(体数据路径)
- measurements(JSON: 距离/角度/体积等测量数据)
- annotations(JSON: 标注信息)
- report_text(报告文本)
3. **ReconstructionReport** (重建报告) — 3D重建报告
- id, task_id, patient_id, encounter_id
- findings(所见), impression(印象), conclusion(结论)
- report_doctor, report_time
- verify_doctor, verify_time
- status(DRAFT/REPORTED/VERIFIED)
### 2.4 业务规则
| 规则编号 | 规则名称 | 规则描述 |
|---------|---------|---------|
| R1 | 任务触发 | 由影像科医生从PACS工作台发起3D重建任务 |
| R2 | 图像要求 | 至少需要50层连续断层图像才能进行3D重建 |
| R3 | 重建类型 | 支持VR(容积渲染)/MPR(多平面)/MIP(最大密度投影) |
| R4 | 测量功能 | 支持距离/角度/面积/体积测量 |
| R5 | 报告审核 | 3D重建报告必须由主治以上医师审核 |
| R6 | 图像存储 | 重建结果存储在PACS归档系统保留期≥1年 |
### 2.5 接口设计
| API | 方法 | 说明 |
|-----|------|------|
| /reconstruction/task/page | GET | 重建任务列表 |
| /reconstruction/task/add | POST | 新建重建任务 |
| /reconstruction/task/complete/{id} | PUT | 完成重建 |
| /reconstruction/result/list/{taskId} | GET | 重建结果列表 |
| /reconstruction/report/add | POST | 新建报告 |
| /reconstruction/report/verify/{id} | PUT | 审核报告 |
| /reconstruction/stats | GET | 统计(任务数/完成率/类型分布) |

View File

@@ -0,0 +1,608 @@
# 影像3D重建 — 深度技术设计文档
> **文档类型**: 深度技术设计
> **版本**: v1.0
> **编制日期**: 2026-06-07
> **技术栈**: Cornerstone.js(DICOM解析) + VTK.js(3D渲染) + Spring Boot(后端处理)
---
## 一、技术选型分析
### 1.1 前端3D渲染方案对比
| 方案 | 优点 | 缺点 | 推荐度 |
|------|------|------|--------|
| **Cornerstone.js + VTK.js** | 专为医学影像设计DICOM原生支持WebGL GPU加速 | 学习曲线较陡 | ⭐⭐⭐⭐⭐ |
| **Three.js** | 通用3D引擎社区大 | 无DICOM支持需自行解析 | ⭐⭐⭐ |
| **OHIF Viewer** | 完整PACS查看器 | 太重,集成复杂 | ⭐⭐⭐ |
| **MITK** | 功能全面的医学影像工具包 | C++为主Web支持弱 | ⭐⭐ |
**推荐方案**: Cornerstone.js + VTK.js
- **Cornerstone.js**: DICOM图像解析、2D查看、MPR重建
- **VTK.js**: 容积渲染(VR)、等值面提取、3D测量
### 1.2 技术架构
```
┌─────────────────────────────────────────────────────────┐
│ 前端 (Vue 3 + Vite) │
│ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌─────────┐ │
│ │Cornerstone│ │ VTK.js │ │测量工具栏│ │报告编辑器│ │
│ │ DICOM解析 │ │ 3D渲染 │ │距离/角度 │ │所见/印象 │ │
│ │ 2D/MPR │ │VR/MIP │ │体积/面积 │ │结论 │ │
│ └─────┬────┘ └─────┬────┘ └────┬─────┘ └────┬────┘ │
│ └─────────────┴────────────┴──────────────┘ │
│ ↓ HTTP/REST API │
└─────────────────────────────────────────────────────────┘
┌─────────────────────────────────────────────────────────┐
│ 后端 (Spring Boot 4.0.6) │
│ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌─────────┐ │
│ │DICOM解析 │ │任务调度 │ │结果存储 │ │PACS对接 │ │
│ │dcm4che │ │异步处理 │ │MinIO/NFS │ │WADO-RS │ │
│ └──────────┘ └──────────┘ └──────────┘ └─────────┘ │
└─────────────────────────────────────────────────────────┘
┌─────────────────────────────────────────────────────────┐
│ 存储层 │
│ ┌──────────┐ ┌──────────┐ ┌──────────┐ │
│ │PostgreSQL │ │文件存储 │ │PACS系统 │ │
│ │ 元数据 │ │MinIO/NFS │ │DICOM节点 │ │
│ └──────────┘ └──────────┘ └──────────┘ │
└─────────────────────────────────────────────────────────┘
```
---
## 二、后端深度设计
### 2.1 DICOM解析服务
#### 2.1.1 dcm4che集成
```java
// DICOM文件解析流程
public class DicomParserService {
// 解析DICOM文件元数据
public DicomMetadata parseDicomFile(InputStream dicomStream) {
// 1. 使用dcm4che读取DICOM文件
Dataset ds = DicomInputStream.read(dicomStream);
// 2. 提取关键元数据
DicomMetadata metadata = new DicomMetadata();
metadata.setPatientName(ds.getString(Tag.PatientName)); // 患者姓名
metadata.setPatientId(ds.getString(Tag.PatientID)); // 患者ID
metadata.setStudyInstanceUID(ds.getString(Tag.StudyInstanceUID)); // 检查UID
metadata.setSeriesInstanceUID(ds.getString(Tag.SeriesInstanceUID)); // 序列UID
metadata.setSopInstanceUID(ds.getString(Tag.SOPInstanceUID)); // 实例UID
metadata.setModality(ds.getString(Tag.Modality)); // CT/MRI/US
metadata.setStudyDate(ds.getString(Tag.StudyDate)); // 检查日期
metadata.setBodyPartExamined(ds.getString(Tag.BodyPartExamined)); // 检查部位
metadata.setImageOrientationPatient(ds.getStrings(Tag.ImageOrientationPatient)); // 图像方向
metadata.setImagePositionPatient(ds.getStrings(Tag.ImagePositionPatient)); // 图像位置
metadata.setPixelSpacing(ds.getStrings(Tag.PixelSpacing)); // 像素间距
metadata.setSliceThickness(ds.getString(Tag.SliceThickness)); // 层厚
metadata.setRows(ds.getInt(Tag.Rows)); // 行数
metadata.setColumns(ds.getInt(Tag.Columns)); // 列数
metadata.setBitsAllocated(ds.getInt(Tag.BitsAllocated)); // 位深
metadata.setWindowCenter(ds.getString(Tag.WindowCenter)); // 窗位
metadata.setWindowWidth(ds.getString(Tag.WindowWidth)); // 窗宽
// 3. 提取像素数据
byte[] pixelData = ds.getBytes(Tag.PixelData);
metadata.setPixelData(pixelData);
return metadata;
}
// 批量解析同一Series的所有DICOM文件
public List<DicomMetadata> parseSeries(List<InputStream> dicomFiles) {
List<DicomMetadata> series = new ArrayList<>();
for (InputStream file : dicomFiles) {
series.add(parseDicomFile(file));
}
// 按ImagePositionPatient排序(确保层序正确)
series.sort(Comparator.comparing(m ->
Double.parseDouble(m.getImagePositionPatient()[2])));
return series;
}
}
```
#### 2.1.2 3D重建处理服务
```java
// 3D重建处理服务
@Service
public class ReconstructionProcessingService {
@Async("reconstructionExecutor")
public void processReconstruction(Long taskId) {
// 1. 获取任务信息
ReconstructionTask task = taskMapper.selectById(taskId);
task.setTaskStatus("PROCESSING");
taskMapper.updateById(task);
try {
// 2. 加载DICOM序列数据
List<DicomMetadata> series = loadDicomSeries(task.getApplyId());
// 3. 预处理: 去噪 + 窗宽窗位调整
float[][][] volumeData = preprocessVolume(series);
// 4. 根据重建类型执行
switch (task.getReconstructionType()) {
case "VR": // 容积渲染
processVolumeRendering(task, volumeData);
break;
case "MPR": // 多平面重建
processMPR(task, volumeData);
break;
case "MIP": // 最大密度投影
processMIP(task, volumeData);
break;
case "VR+MPR": // 混合重建
processVolumeRendering(task, volumeData);
processMPR(task, volumeData);
break;
}
// 5. 生成结果截图
saveResultImages(task);
// 6. 更新任务状态
task.setTaskStatus("COMPLETED");
task.setCompleteTime(new Date());
task.setResultPath("/reconstruction/" + taskId + "/");
taskMapper.updateById(task);
} catch (Exception e) {
task.setTaskStatus("FAILED");
taskMapper.updateById(task);
log.error("3D重建任务失败: {}", taskId, e);
}
}
// 容积渲染(Volume Rendering)
private void processVolumeRendering(ReconstructionTask task, float[][][] volume) {
// 1. 建立体数据(Volume Data)
int dimX = volume.length;
int dimY = volume[0].length;
int dimZ = volume[0][0].length;
// 2. 传递函数(Transfer Function)设置
// CT值 → 颜色+透明度
// 骨骼: 高CT值(>300), 不透明, 白色
// 软组织: 中CT值(30-300), 半透明, 粉色
// 空气: 低CT值(<-500), 全透明
TransferFunction tf = new TransferFunction();
tf.addMapping(-1000, 0.0f, 0.0f, 0.0f, 0.0f); // 空气: 全透明
tf.addMapping(-500, 0.0f, 0.0f, 0.0f, 0.0f); // 肺: 全透明
tf.addMapping(30, 0.8f, 0.2f, 0.2f, 0.4f); // 软组织: 半透明粉红
tf.addMapping(300, 0.9f, 0.9f, 0.8f, 0.9f); // 骨骼: 不透明白
tf.addMapping(3000, 1.0f, 1.0f, 1.0f, 1.0f); // 金属: 全不透明
// 3. 光线投射(Ray Casting)算法
// 从每个像素发射光线,沿光线采样,累积颜色和透明度
// C(积累) = Σ(Ci * αi * Π(1-αj))
// 4. 保存渲染结果为PNG
saveVolumeRenderingResult(task, tf);
}
// 多平面重建(Multi-Planar Reconstruction)
private void processMPR(ReconstructionTask task, float[][][] volume) {
// 1. 矢状面(Sagittal)重建: 沿X轴切割
float[][] sagittalPlane = extractSagittalPlane(volume, volume.length / 2);
// 2. 冠状面(Coronal)重建: 沿Y轴切割
float[][] coronalPlane = extractCoronalPlane(volume, volume[0].length / 2);
// 3. 轴位(Axial)重建: 沿Z轴切割(原始方向)
float[][] axialPlane = extractAxialPlane(volume, volume[0][0].length / 2);
// 4. 交互式切割: 支持任意角度平面
// 通过旋转矩阵变换采样坐标
saveMPRResult(task, sagittalPlane, coronalPlane, axialPlane);
}
// 最大密度投影(Maximum Intensity Projection)
private void processMIP(ReconstructionTask task, float[][][] volume) {
int dimX = volume.length;
int dimY = volume[0].length;
int dimZ = volume[0][0].length;
float[][] mipImage = new float[dimX][dimY];
for (int x = 0; x < dimX; x++) {
for (int y = 0; y < dimY; y++) {
float maxVal = Float.MIN_VALUE;
for (int z = 0; z < dimZ; z++) {
maxVal = Math.max(maxVal, volume[x][y][z]);
}
mipImage[x][y] = maxVal;
}
}
saveMIPResult(task, mipImage);
}
}
```
### 2.2 DICOM存储方案
```
存储架构:
├── PostgreSQL → 元数据(患者/检查/序列/任务/报告)
├── MinIO/NFS → DICOM原始文件 + 重建结果(截图/体数据)
└── PACS系统 → 通过WADO-RS/DICOMweb获取DICOM图像
获取DICOM数据流程:
1. 任务创建时 → 从PACS获取StudyUID对应的DICOM文件
2. 使用WADO-RS协议: GET /dicomweb/studies/{studyUid}/series/{seriesUid}
3. 下载到本地临时目录 → 解析 → 处理 → 清理临时文件
4. 重建结果保存到MinIO → 元数据保存到PostgreSQL
```
### 2.3 接口设计(完整版)
| API | 方法 | 说明 | 参数 |
|-----|------|------|------|
| /reconstruction/task/page | GET | 任务列表(分页+筛选) | patientName,modality,status,pageNo,pageSize |
| /reconstruction/task/add | POST | 新建任务(从PACS拉取) | patientId,studyUid,modality,bodyPart,reconstructionType |
| /reconstruction/task/{id} | GET | 任务详情 | - |
| /reconstruction/task/cancel/{id} | PUT | 取消任务 | - |
| /reconstruction/result/list/{taskId} | GET | 重建结果列表 | - |
| /reconstruction/result/{id}/image | GET | 获取结果截图 | width,height,window |
| /reconstruction/result/{id}/volume | GET | 获取体数据(JSON格式) | resolution |
| /reconstruction/report/add | POST | 新建报告 | taskId,findings,impression,conclusion |
| /reconstruction/report/{id} | GET | 报告详情 | - |
| /reconstruction/report/verify/{id} | PUT | 审核报告 | verifyDoctor |
| /reconstruction/stats | GET | 统计概览 | startDate,endDate |
---
## 三、前端深度设计
### 3.1 技术栈
```json
{
"cornerstone-core": "^2.6.1", // DICOM图像解析与2D显示
"cornerstone-wado-image-loader": "^4.13.2", // WADO加载器
"cornerstone-tools": "^7.1.0", // 交互工具(测量/标注)
"vtk.js": "^29.0.0", // 3D渲染引擎(WebGL)
"dicom-parser": "^1.8.21" // DICOM文件解析
}
```
### 3.2 组件架构
```
src/views/reconstruction/
├── index.vue # 主页面(任务列表+工作台)
├── api.js # API接口
├── components/
│ ├── DicomViewer.vue # 2D DICOM查看器(Cornerstone)
│ ├── MprViewer.vue # MPR多平面重建查看器
│ ├── VrViewer.vue # VR容积渲染查看器(VTK.js)
│ ├── MipViewer.vue # MIP最大密度投影查看器
│ ├── MeasurementToolbar.vue # 测量工具栏
│ ├── ReconstructionTaskList.vue # 任务列表
│ ├── ReconstructionReport.vue # 报告编辑器
│ └── ReconstructionStats.vue # 统计面板
```
### 3.3 核心组件实现
#### DicomViewer.vue (2D DICOM查看器)
```vue
<template>
<div class="dicom-viewer">
<div ref="viewerContainer" class="viewer-container" />
<div class="toolbar">
<el-button-group>
<el-button @click="setTool('windowing')">窗宽窗位</el-button>
<el-button @click="setTool('pan')">平移</el-button>
<el-button @click="setTool('zoom')">缩放</el-button>
<el-button @click="setTool('length')">距离测量</el-button>
<el-button @click="setTool('angle')">角度测量</el-button>
<el-button @click="setTool('area')">面积测量</el-button>
<el-button @click="setTool('ellipse')">椭圆面积</el-button>
<el-button @click="setTool('probe')">CT值探针</el-button>
</el-button-group>
</div>
<div class="info-overlay">
<div>Patient: {{ patientInfo.name }}</div>
<div>Window: {{ windowCenter }}/{{ windowWidth }}</div>
<div>Zoom: {{ zoomLevel }}</div>
</div>
</div>
</template>
<script setup>
import { onMounted, onUnmounted, ref } from 'vue'
import * as cornerstone from 'cornerstone-core'
import * as cornerstoneTools from 'cornerstone-tools'
import * as cornerstoneWADOImageLoader from 'cornerstone-wado-image-loader'
import dicomParser from 'dicom-parser'
// 初始化Cornerstone
cornerstoneWADOImageLoader.external.dicomParser = dicomParser
cornerstoneWADOImageLoader.external.cornerstone = cornerstone
const viewerContainer = ref(null)
let enabledElement = null
onMounted(() => {
// 启用Cornerstone
enabledElement = cornerstone.getEnabledElement(viewerContainer.value)
cornerstone.enable(viewerContainer.value)
// 加载DICOM图像
loadDicomImage()
})
const loadDicomImage = async () => {
const imageId = `wado:${wadoRoot}?requestType=WADO&studyUID=${studyUid}&seriesUID=${seriesUid}&objectUID=${sopUid}`
const image = await cornerstone.loadAndCacheImage(imageId)
cornerstone.displayImage(enabledElement, image)
// 启用工具
cornerstoneTools.mouseInput.enable(enabledElement)
cornerstoneTools.mouseWheelInput.enable(enabledElement)
cornerstoneTools.wwwc.activate(enabledElement, 1) // 左键: 窗宽窗位
cornerstoneTools.pan.activate(enabledElement, 2) // 右键: 平移
cornerstoneTools.zoom.activate(enabledElement, 4) // 中键: 缩放
cornerstoneTools.length.enable(enabledElement) // 距离测量
cornerstoneTools.angle.enable(enabledElement) // 角度测量
cornerstoneTools.ellipseRoi.enable(enabledElement) // 椭圆面积
cornerstoneTools.probe.enable(enabledElement) // CT值探针
}
const setTool = (toolName) => {
// 切换工具并高亮按钮
}
</script>
```
#### VrViewer.vue (VR容积渲染)
```vue
<template>
<div class="vr-viewer">
<div ref="vtkContainer" class="vtk-container" />
<div class="transfer-function-panel">
<div class="preset-buttons">
<el-button @click="applyPreset('bone')">骨骼</el-button>
<el-button @click="applyPreset('softTissue')">软组织</el-button>
<el-button @click="applyPreset('lung')">肺部</el-button>
<el-button @click="applyPreset('angio')">血管</el-button>
<el-button @click="applyPreset('skin')">皮肤</el-button>
</div>
</div>
</div>
</template>
<script setup>
import { onMounted, onUnmounted } from 'vue'
import vtkProxyManager from 'vtk.js/Sources/Proxy/ProxyManager'
let proxyManager = null
onMounted(() => {
initVtk()
})
const initVtk = () => {
// 创建VTK ProxyManager
proxyManager = vtkProxyManager.newInstance({ container: vtkContainer.value })
// 加载体数据
const source = proxyManager.createProxy('Sources', 'TrivialProducer')
source.setInputData(volumeData)
// 创建VR表示
const representation = proxyManager.createProxy('Representations', 'Volume')
representation.setInput(source)
// 设置传递函数
const actor = representation.getActor()
const property = actor.getProperty()
// 设置预设
applyPreset('bone')
}
const applyPreset = (preset) => {
const presets = {
bone: [
{ value: -1000, opacity: 0, color: [0, 0, 0] },
{ value: -300, opacity: 0, color: [0, 0, 0] },
{ value: 200, opacity: 0.2, color: [0.8, 0.4, 0.3] },
{ value: 500, opacity: 0.8, color: [1, 1, 1] },
{ value: 3000, opacity: 1, color: [1, 1, 1] }
],
softTissue: [
{ value: -1000, opacity: 0, color: [0, 0, 0] },
{ value: -500, opacity: 0, color: [0, 0, 0] },
{ value: 30, opacity: 0.3, color: [0.8, 0.3, 0.3] },
{ value: 100, opacity: 0.5, color: [0.9, 0.5, 0.5] },
{ value: 300, opacity: 0.8, color: [1, 0.8, 0.7] },
{ value: 3000, opacity: 1, color: [1, 1, 1] }
],
lung: [
{ value: -1000, opacity: 0.3, color: [0.2, 0.2, 0.3] },
{ value: -700, opacity: 0.1, color: [0.4, 0.4, 0.5] },
{ value: -300, opacity: 0.3, color: [0.6, 0.6, 0.7] },
{ value: 0, opacity: 0.8, color: [0.8, 0.8, 0.8] },
{ value: 3000, opacity: 1, color: [1, 1, 1] }
],
angio: [
{ value: -1000, opacity: 0, color: [0, 0, 0] },
{ value: 100, opacity: 0, color: [0, 0, 0] },
{ value: 200, opacity: 0.5, color: [1, 0, 0] },
{ value: 500, opacity: 0.9, color: [1, 0.2, 0.2] },
{ value: 3000, opacity: 1, color: [1, 0.5, 0.5] }
],
skin: [
{ value: -1000, opacity: 0, color: [0, 0, 0] },
{ value: -300, opacity: 0, color: [0, 0, 0] },
{ value: -100, opacity: 0.2, color: [0.9, 0.7, 0.6] },
{ value: 50, opacity: 0.5, color: [0.95, 0.8, 0.7] },
{ value: 200, opacity: 0.8, color: [1, 0.9, 0.85] },
{ value: 3000, opacity: 1, color: [1, 1, 1] }
]
}
// 应用传递函数到VTK actor
const preset = presets[preset] || presets.bone
applyTransferFunction(preset)
}
</script>
```
#### MeasurementToolbar.vue (测量工具)
```vue
<template>
<div class="measurement-toolbar">
<el-button-group>
<el-tooltip content="距离测量(Ctrl+D)">
<el-button :type="activeTool==='length'?'primary':''" @click="activateTool('length')">
<el-icon><Ruler /></el-icon> 距离
</el-button>
</el-tooltip>
<el-tooltip content="角度测量(Ctrl+A)">
<el-button :type="activeTool==='angle'?'primary':''" @click="activateTool('angle')">
<el-icon><ScaleToOriginal /></el-icon> 角度
</el-button>
</el-tooltip>
<el-tooltip content="面积测量(Ctrl+M)">
<el-button :type="activeTool==='area'?'primary':''" @click="activateTool('area')">
<el-icon><Grid /></el-icon> 面积
</el-button>
</el-tooltip>
<el-tooltip content="CT值探针(Ctrl+P)">
<el-button :type="activeTool==='probe'?'primary':''" @click="activateTool('probe')">
<el-icon><Position /></el-icon> CT值
</el-button>
</el-tooltip>
</el-button-group>
<!-- 测量结果列表 -->
<div class="measurement-results" v-if="measurements.length">
<el-table :data="measurements" size="small" border>
<el-table-column prop="type" label="类型" width="80"/>
<el-table-column prop="value" label="测量值" width="120"/>
<el-table-column prop="unit" label="单位" width="60"/>
<el-table-column label="操作" width="60">
<template #default="{row}">
<el-button type="danger" link size="small" @click="removeMeasurement(row)">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
</div>
</template>
<script setup>
import { ref } from 'vue'
import * as cornerstoneTools from 'cornerstone-tools'
const activeTool = ref('')
const measurements = ref([])
const activateTool = (toolName) => {
activeTool.value = toolName
// 禁用所有工具
cornerstoneTools.length.deactivate(enabledElement, 1)
cornerstoneTools.angle.deactivate(enabledElement, 1)
cornerstoneTools.ellipseRoi.deactivate(enabledElement, 1)
cornerstoneTools.probe.deactivate(enabledElement, 1)
// 激活选中工具
switch(toolName) {
case 'length':
cornerstoneTools.length.activate(enabledElement, 1)
break
case 'angle':
cornerstoneTools.angle.activate(enabledElement, 1)
break
case 'area':
cornerstoneTools.ellipseRoi.activate(enabledElement, 1)
break
case 'probe':
cornerstoneTools.probe.activate(enabledElement, 1)
break
}
}
</script>
```
---
## 四、数据库设计(补充)
### 4.1 补充字段
```sql
-- 在reconstruction_task表补充字段
ALTER TABLE reconstruction_task ADD COLUMN slice_count INT; -- 层数
ALTER TABLE reconstruction_task ADD COLUMN pixel_spacing_x DECIMAL(6,3); -- X像素间距
ALTER TABLE reconstruction_task ADD COLUMN pixel_spacing_y DECIMAL(6,3); -- Y像素间距
ALTER TABLE reconstruction_task ADD COLUMN table_position VARCHAR(50); -- 床位位置
ALTER TABLE reconstruction_task ADD COLUMN kvp INT; -- 管电压
ALTER TABLE reconstruction_task ADD COLUMN mas DECIMAL(8,2); -- 管电流时间积
-- 在reconstruction_result表补充字段
ALTER TABLE reconstruction_result ADD COLUMN rendering_time_ms INT; -- 渲染耗时
ALTER TABLE reconstruction_result ADD COLUMN file_size_bytes BIGINT; -- 文件大小
ALTER TABLE reconstruction_result ADD COLUMN thumbnail_path VARCHAR(500); -- 缩略图
```
---
## 五、部署架构
```
前端构建: npm run build → dist/ → Nginx
后端部署: Spring Boot JAR → Docker / 直接运行
存储: MinIO(对象存储) / NFS(文件系统)
PACS对接: WADO-RS / DICOM C-STORE
GPU加速: 前端WebGL(VTK.js自带) / 后端可选CUDA加速(处理大型数据集)
```
---
## 六、性能优化策略
### 6.1 前端优化
- **LOD(Level of Detail)**: 根据缩放级别加载不同分辨率
- **瓦片加载**: 大图像分块加载,减少内存占用
- **Web Worker**: DICOM解析和预处理在Worker线程执行
- **缓存策略**: Cornerstone缓存最近查看的图像
### 6.2 后端优化
- **异步处理**: 3D重建任务异步执行不阻塞请求
- **批量解析**: 一次IO读取整个Series的DICOM文件
- **结果缓存**: 重建结果缓存到Redis/文件系统
- **并行处理**: 多个重建任务并行执行
### 6.3 存储优化
- **压缩存储**: 体数据使用LZ4压缩
- **增量保存**: 只保存变化部分
- **分层存储**: 热数据SSD冷数据HDD
---
## 七、安全设计
1. **访问控制**: 只有影像科医生可以发起重建任务
2. **数据脱敏**: 患者敏感信息在非工作场景脱敏显示
3. **操作审计**: 所有重建操作记录审计日志
4. **数据加密**: DICOM文件传输使用HTTPS/TLS
5. **权限分级**: 普通医生查看,主治以上审核报告