feat: mac orthanc配置和mpr接通
This commit is contained in:
parent
e25ff341cd
commit
cc731b93a9
|
@ -25,9 +25,10 @@ export const getPacsPath = (
|
||||||
|
|
||||||
export const runOrthancServer = (pacsPath: string) => {
|
export const runOrthancServer = (pacsPath: string) => {
|
||||||
if (existsSync(pacsPath)) {
|
if (existsSync(pacsPath)) {
|
||||||
const child_process = spawn(pacsPath);
|
const configPath = path.join(path.dirname(pacsPath), "config.json");
|
||||||
|
const child_process = spawn(pacsPath, [configPath]);
|
||||||
child_process.stdout.on("data", (data) => log.info(data));
|
child_process.stdout.on("data", (data) => log.info(data));
|
||||||
// child_process.stderr.on('data', data => log.error(data))
|
child_process.stderr.on("data", (data) => log.error(data));
|
||||||
} else {
|
} else {
|
||||||
console.error("pacsPath is a not exist");
|
console.error("pacsPath is a not exist");
|
||||||
log.error("pacsPath is a not exist");
|
log.error("pacsPath is a not exist");
|
||||||
|
|
|
@ -38,6 +38,8 @@ const themeTitleBarStyles = {
|
||||||
|
|
||||||
export const platform = process.platform === "darwin" ? "macos" : "windows";
|
export const platform = process.platform === "darwin" ? "macos" : "windows";
|
||||||
|
|
||||||
|
app.commandLine.appendSwitch('disable-web-security');
|
||||||
|
|
||||||
function createWindow() {
|
function createWindow() {
|
||||||
win = new BrowserWindow({
|
win = new BrowserWindow({
|
||||||
width: 1280,
|
width: 1280,
|
||||||
|
@ -49,7 +51,7 @@ function createWindow() {
|
||||||
titleBarOverlay: { height: 36, ...themeTitleBarStyles[theme] }, // 渲染进程发消息动态改变这个
|
titleBarOverlay: { height: 36, ...themeTitleBarStyles[theme] }, // 渲染进程发消息动态改变这个
|
||||||
webPreferences: {
|
webPreferences: {
|
||||||
preload: path.join(__dirname, "preload.mjs"),
|
preload: path.join(__dirname, "preload.mjs"),
|
||||||
nodeIntegration: true,
|
nodeIntegration: true
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
Binary file not shown.
|
@ -1,10 +1,22 @@
|
||||||
{
|
{
|
||||||
// The reference of the Orthanc configuration file is available at:
|
// The reference of the Orthanc configuration file is available at:
|
||||||
// https://orthanc.uclouvain.be/hg/orthanc/file/default/OrthancServer/Resources/Configuration.json
|
// https://orthanc.uclouvain.be/hg/orthanc/file/default/OrthancServer/Resources/Configuration.json
|
||||||
"Name" : "MyOrthanc",
|
"Name": "macos-othanc-dev",
|
||||||
|
|
||||||
// Load all the Orthanc plugins that are available in this folder:
|
// Load all the Orthanc plugins that are available in this folder:
|
||||||
"Plugins" : [ "." ],
|
"Plugins": ["./libOrthancDicomWeb.dylib"],
|
||||||
|
|
||||||
|
"DicomWeb": {
|
||||||
|
"Enable": true,
|
||||||
|
"Root": "/dicom-web/",
|
||||||
|
"EnableWado": true,
|
||||||
|
"WadoRoot": "/wado",
|
||||||
|
"Ssl": false,
|
||||||
|
"StudiesMetadata": "Full",
|
||||||
|
"SeriesMetadata": "Full",
|
||||||
|
"MetadataWorkerThreadsCount": 4,
|
||||||
|
"PublicRoot": "/"
|
||||||
|
},
|
||||||
|
|
||||||
// Orthanc Explorer 2 configuration. Reference is available at:
|
// Orthanc Explorer 2 configuration. Reference is available at:
|
||||||
// https://github.com/orthanc-server/orthanc-explorer-2/blob/master/Plugin/DefaultConfiguration.json
|
// https://github.com/orthanc-server/orthanc-explorer-2/blob/master/Plugin/DefaultConfiguration.json
|
27
apps/desktop/extraResources/orthanc-win64-1.12.4/config.json
Normal file
27
apps/desktop/extraResources/orthanc-win64-1.12.4/config.json
Normal file
|
@ -0,0 +1,27 @@
|
||||||
|
{
|
||||||
|
// The reference of the Orthanc configuration file is available at:
|
||||||
|
// https://orthanc.uclouvain.be/hg/orthanc/file/default/OrthancServer/Resources/Configuration.json
|
||||||
|
"Name": "macos-othanc-dev",
|
||||||
|
|
||||||
|
// Load all the Orthanc plugins that are available in this folder:
|
||||||
|
"Plugins": ["./libOrthancDicomWeb.dylib"],
|
||||||
|
|
||||||
|
"DicomWeb": {
|
||||||
|
"Enable": true,
|
||||||
|
"Root": "/dicom-web/",
|
||||||
|
"EnableWado": true,
|
||||||
|
"WadoRoot": "/wado",
|
||||||
|
"Ssl": false,
|
||||||
|
"StudiesMetadata": "Full",
|
||||||
|
"SeriesMetadata": "Full",
|
||||||
|
"MetadataWorkerThreadsCount": 4,
|
||||||
|
"PublicRoot": "/"
|
||||||
|
},
|
||||||
|
|
||||||
|
// Orthanc Explorer 2 configuration. Reference is available at:
|
||||||
|
// https://github.com/orthanc-server/orthanc-explorer-2/blob/master/Plugin/DefaultConfiguration.json
|
||||||
|
"OrthancExplorer2": {
|
||||||
|
"Enable": true,
|
||||||
|
"IsDefaultOrthancUI": false
|
||||||
|
}
|
||||||
|
}
|
|
@ -65,7 +65,13 @@
|
||||||
"axios": "1.7.7",
|
"axios": "1.7.7",
|
||||||
"lodash": "4.17.21",
|
"lodash": "4.17.21",
|
||||||
"electron-log": "5.2.0",
|
"electron-log": "5.2.0",
|
||||||
"form-data": "4.0.0"
|
"form-data": "4.0.0",
|
||||||
|
"@cornerstonejs/core": "1.84.4",
|
||||||
|
"@cornerstonejs/tools": "1.84.4",
|
||||||
|
"@cornerstonejs/dicom-image-loader": "1.84.4",
|
||||||
|
"@cornerstonejs/streaming-image-volume-loader": "1.84.4",
|
||||||
|
"dicomweb-client": "0.10.4",
|
||||||
|
"dcmjs": "0.34.1"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@radix-ui/react-icons": "^1.3.0",
|
"@radix-ui/react-icons": "^1.3.0",
|
||||||
|
@ -87,6 +93,7 @@
|
||||||
"vite": "^5.1.6",
|
"vite": "^5.1.6",
|
||||||
"vite-plugin-electron": "^0.28.6",
|
"vite-plugin-electron": "^0.28.6",
|
||||||
"vite-plugin-electron-renderer": "^0.14.5",
|
"vite-plugin-electron-renderer": "^0.14.5",
|
||||||
"@types/lodash": "4.17.7"
|
"@types/lodash": "4.17.7",
|
||||||
|
"vite-plugin-node-polyfills": "0.22.0"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,51 +1,49 @@
|
||||||
import { Card } from "@/components/ui/card"
|
import { Card } from "@/components/ui/card";
|
||||||
import {
|
import {
|
||||||
Carousel,
|
Carousel,
|
||||||
CarouselContent,
|
CarouselContent,
|
||||||
CarouselItem,
|
CarouselItem,
|
||||||
type CarouselApi,
|
} from "@/components/ui/carousel";
|
||||||
} from "@/components/ui/carousel"
|
import {
|
||||||
import { EllipsisIcon, FileDown, Rotate3DIcon, Sparkles, Torus } from "lucide-react";
|
EllipsisIcon,
|
||||||
import { useEffect, useState } from "react"
|
FileDown,
|
||||||
import { SeriesInfo } from "./type"
|
Rotate3DIcon,
|
||||||
import { Badge } from "@/components/ui/badge"
|
Sparkles,
|
||||||
import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuShortcut, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"
|
Torus,
|
||||||
|
} from "lucide-react";
|
||||||
|
import { SeriesInfo } from "./type";
|
||||||
|
import { Badge } from "@/components/ui/badge";
|
||||||
|
import {
|
||||||
|
DropdownMenu,
|
||||||
|
DropdownMenuContent,
|
||||||
|
DropdownMenuGroup,
|
||||||
|
DropdownMenuItem,
|
||||||
|
DropdownMenuShortcut,
|
||||||
|
DropdownMenuTrigger,
|
||||||
|
} from "@/components/ui/dropdown-menu";
|
||||||
|
|
||||||
export type CarouselAction = 'viewMpr' | 'view3D' | 'exportMeaurement' | 'viewReport'
|
export type CarouselAction =
|
||||||
|
| "viewMpr"
|
||||||
|
| "view3D"
|
||||||
|
| "exportMeaurement"
|
||||||
|
| "viewReport";
|
||||||
|
|
||||||
interface CarouselSeriesProps {
|
interface CarouselSeriesProps {
|
||||||
seriesList: SeriesInfo[]
|
seriesList: SeriesInfo[];
|
||||||
onClickItem?: (series: SeriesInfo, action: CarouselAction) => void
|
onClickItem?: (series: SeriesInfo, action: CarouselAction) => void;
|
||||||
}
|
}
|
||||||
|
|
||||||
export function CarouselSeries(props: CarouselSeriesProps) {
|
export function CarouselSeries(props: CarouselSeriesProps) {
|
||||||
const [api, setApi] = useState<CarouselApi>()
|
|
||||||
const [current, setCurrent] = useState(0)
|
|
||||||
const [count, setCount] = useState(0)
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
if (!api) return
|
|
||||||
|
|
||||||
setCount(api.scrollSnapList().length)
|
|
||||||
setCurrent(api.selectedScrollSnap() + 1)
|
|
||||||
|
|
||||||
api.on("select", () => {
|
|
||||||
setCurrent(api.selectedScrollSnap() + 1)
|
|
||||||
})
|
|
||||||
}, [api])
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="mx-auto">
|
<div className="mx-auto">
|
||||||
<Carousel setApi={setApi} className="w-full">
|
<Carousel orientation="vertical">
|
||||||
<CarouselContent>
|
<CarouselContent>
|
||||||
{props.seriesList.map((series) => (
|
{props.seriesList.map((series) => (
|
||||||
<CarouselItem key={series.ID}>
|
<CarouselItem key={series.ID} className="basis-1">
|
||||||
<Card
|
<Card
|
||||||
className={`flex shadow-none flex-col items-start gap-2 rounded-lg border p-3 text-left text-sm transition-all hover:bg-accent`}
|
className={`flex shadow-none flex-col items-start gap-2 rounded-lg border p-3 text-left text-sm transition-all hover:bg-accent`}
|
||||||
>
|
>
|
||||||
<div className="flex w-full flex-col gap-1">
|
<div className="flex flex-col gap-1 w-full">
|
||||||
<div className="flex items-center">
|
<div className="flex items-center">
|
||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center gap-2">
|
||||||
<div className="font-semibold">
|
<div className="font-semibold">
|
||||||
|
@ -59,35 +57,63 @@ export function CarouselSeries(props: CarouselSeriesProps) {
|
||||||
</DropdownMenuTrigger>
|
</DropdownMenuTrigger>
|
||||||
<DropdownMenuContent className="w-36">
|
<DropdownMenuContent className="w-36">
|
||||||
<DropdownMenuGroup>
|
<DropdownMenuGroup>
|
||||||
<DropdownMenuItem onClick={() => props.onClickItem?.(series, 'viewMpr')}>
|
<DropdownMenuItem
|
||||||
|
onClick={() =>
|
||||||
|
props.onClickItem?.(series, "viewMpr")
|
||||||
|
}
|
||||||
|
>
|
||||||
MPR 阅片
|
MPR 阅片
|
||||||
<DropdownMenuShortcut><Rotate3DIcon className="w-4 h-4" /></DropdownMenuShortcut>
|
<DropdownMenuShortcut>
|
||||||
|
<Rotate3DIcon className="w-4 h-4" />
|
||||||
|
</DropdownMenuShortcut>
|
||||||
</DropdownMenuItem>
|
</DropdownMenuItem>
|
||||||
<DropdownMenuItem onClick={() => props.onClickItem?.(series, 'view3D')}>
|
<DropdownMenuItem
|
||||||
|
onClick={() =>
|
||||||
|
props.onClickItem?.(series, "view3D")
|
||||||
|
}
|
||||||
|
>
|
||||||
3D 重建
|
3D 重建
|
||||||
<DropdownMenuShortcut><Torus className="w-4 h-4" /></DropdownMenuShortcut>
|
<DropdownMenuShortcut>
|
||||||
|
<Torus className="w-4 h-4" />
|
||||||
|
</DropdownMenuShortcut>
|
||||||
</DropdownMenuItem>
|
</DropdownMenuItem>
|
||||||
<DropdownMenuItem onClick={() => props.onClickItem?.(series, 'exportMeaurement')}>
|
<DropdownMenuItem
|
||||||
|
onClick={() =>
|
||||||
|
props.onClickItem?.(series, "exportMeaurement")
|
||||||
|
}
|
||||||
|
>
|
||||||
导出测量
|
导出测量
|
||||||
<DropdownMenuShortcut><FileDown className="w-4 h-4" /></DropdownMenuShortcut>
|
<DropdownMenuShortcut>
|
||||||
|
<FileDown className="w-4 h-4" />
|
||||||
|
</DropdownMenuShortcut>
|
||||||
</DropdownMenuItem>
|
</DropdownMenuItem>
|
||||||
<DropdownMenuItem onClick={() => props.onClickItem?.(series, 'viewReport')}>
|
<DropdownMenuItem
|
||||||
|
onClick={() =>
|
||||||
|
props.onClickItem?.(series, "viewReport")
|
||||||
|
}
|
||||||
|
>
|
||||||
查看报告
|
查看报告
|
||||||
<DropdownMenuShortcut><Sparkles className="w-4 h-4" /></DropdownMenuShortcut>
|
<DropdownMenuShortcut>
|
||||||
|
<Sparkles className="w-4 h-4" />
|
||||||
|
</DropdownMenuShortcut>
|
||||||
</DropdownMenuItem>
|
</DropdownMenuItem>
|
||||||
</DropdownMenuGroup>
|
</DropdownMenuGroup>
|
||||||
</DropdownMenuContent>
|
</DropdownMenuContent>
|
||||||
</DropdownMenu>
|
</DropdownMenu>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="text-xs font-medium">
|
|
||||||
{series.MainDicomTags.SeriesDescription}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="line-clamp-2 text-xs text-muted-foreground">
|
<div className="line-clamp-2 text-xs text-muted-foreground">
|
||||||
|
<span>{series.MainDicomTags.SeriesDescription}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="line-clamp-2 text-xs text-muted-foreground flex gap-x-2">
|
||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center gap-2">
|
||||||
<Badge variant="secondary">{series.Instances.length}</Badge>
|
<Badge variant="secondary">{series.Instances.length}</Badge>
|
||||||
{series.MainDicomTags.BodyPartExamined && <Badge variant="secondary">{series.MainDicomTags.BodyPartExamined}</Badge>}
|
{series.MainDicomTags.BodyPartExamined && (
|
||||||
|
<Badge variant="secondary">
|
||||||
|
{series.MainDicomTags.BodyPartExamined}
|
||||||
|
</Badge>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</Card>
|
</Card>
|
||||||
|
@ -95,9 +121,6 @@ export function CarouselSeries(props: CarouselSeriesProps) {
|
||||||
))}
|
))}
|
||||||
</CarouselContent>
|
</CarouselContent>
|
||||||
</Carousel>
|
</Carousel>
|
||||||
<div className="text-center text-sm text-muted-foreground">
|
|
||||||
{current} / {count}
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
);
|
||||||
)
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -0,0 +1,72 @@
|
||||||
|
import { metaData } from "@cornerstonejs/core";
|
||||||
|
import cornerstoneDICOMImageLoader from "@cornerstonejs/dicom-image-loader";
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Preloads imageIds metadata in memory
|
||||||
|
**/
|
||||||
|
export const prefetchMetadataInformation = async (
|
||||||
|
imageIdsToPrefetch: string[]
|
||||||
|
): Promise<void> => {
|
||||||
|
for (let i = 0; i < imageIdsToPrefetch.length; i++) {
|
||||||
|
await cornerstoneDICOMImageLoader.wadouri.loadImage(imageIdsToPrefetch[i])
|
||||||
|
.promise;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
interface FrameInformation {
|
||||||
|
frameIndex: number;
|
||||||
|
imageIdFrameless: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export const getFrameInformation = (imageId: string): FrameInformation => {
|
||||||
|
if (imageId.includes("wadors:")) {
|
||||||
|
const frameIndex = imageId.indexOf("/frames/");
|
||||||
|
const imageIdFrameless =
|
||||||
|
frameIndex > 0 ? imageId.slice(0, frameIndex + 8) : imageId;
|
||||||
|
return {
|
||||||
|
frameIndex,
|
||||||
|
imageIdFrameless,
|
||||||
|
};
|
||||||
|
} else {
|
||||||
|
const frameIndex = imageId.indexOf("&frame=");
|
||||||
|
let imageIdFrameless =
|
||||||
|
frameIndex > 0 ? imageId.slice(0, frameIndex + 7) : imageId;
|
||||||
|
if (!imageIdFrameless.includes("&frame=")) {
|
||||||
|
imageIdFrameless += "&frame=";
|
||||||
|
}
|
||||||
|
return {
|
||||||
|
frameIndex,
|
||||||
|
imageIdFrameless,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Converts a list of imageids possibly referring to multiframe dicom images
|
||||||
|
* into a list of imageids where each imageid refers to one frame.
|
||||||
|
* For each imageId representing a multiframe image with n frames,
|
||||||
|
* it creates n new imageids, one for each frame, and returns the new list of imageids.
|
||||||
|
* If a particular imageid does not refer to a multiframe image data, it will be just copied into the new list.
|
||||||
|
* @returns new list of imageids where each imageid represents a frame
|
||||||
|
*/
|
||||||
|
export const convertMultiframeImageIds = (imageIds: string[]): string[] => {
|
||||||
|
const newImageIds: string[] = [];
|
||||||
|
imageIds.forEach((imageId) => {
|
||||||
|
const { imageIdFrameless } = getFrameInformation(imageId);
|
||||||
|
const instanceMetaData = metaData.get("multiframeModule", imageId);
|
||||||
|
if (
|
||||||
|
instanceMetaData &&
|
||||||
|
instanceMetaData.NumberOfFrames &&
|
||||||
|
instanceMetaData.NumberOfFrames > 1
|
||||||
|
) {
|
||||||
|
const numberOfFrames = instanceMetaData.NumberOfFrames;
|
||||||
|
for (let i = 0; i < numberOfFrames; i++) {
|
||||||
|
const newImageId = imageIdFrameless + (i + 1);
|
||||||
|
newImageIds.push(newImageId);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
newImageIds.push(imageId);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return newImageIds;
|
||||||
|
};
|
|
@ -0,0 +1,139 @@
|
||||||
|
import { api } from "dicomweb-client";
|
||||||
|
import dcmjs from "dcmjs";
|
||||||
|
import { utilities } from "@cornerstonejs/core";
|
||||||
|
import cornerstoneDICOMImageLoader from "@cornerstonejs/dicom-image-loader";
|
||||||
|
import { getPixelSpacingInformation } from "./getPixelSpacingInformation";
|
||||||
|
import { convertMultiframeImageIds } from "./convertMultiframeImageIds";
|
||||||
|
import { removeInvalidTags } from "./removeInvalidTags";
|
||||||
|
import getPTImageIdInstanceMetadata from "./getPTImageIdInstanceMetadata";
|
||||||
|
import { calculateSUVScalingFactors } from "@cornerstonejs/calculate-suv";
|
||||||
|
import ptScalingMetaDataProvider from "./ptScalingMetaDataProvider";
|
||||||
|
|
||||||
|
const { DicomMetaDictionary } = dcmjs.data;
|
||||||
|
const { calibratedPixelSpacingMetadataProvider } = utilities;
|
||||||
|
|
||||||
|
const SOP_INSTANCE_UID = "00080018";
|
||||||
|
const SERIES_INSTANCE_UID = "0020000E";
|
||||||
|
const MODALITY = "00080060";
|
||||||
|
|
||||||
|
interface CreateImageIdsAndCacheMetaDataOptions {
|
||||||
|
StudyInstanceUID: string;
|
||||||
|
SeriesInstanceUID: string;
|
||||||
|
SOPInstanceUID?: string | null;
|
||||||
|
wadoRsRoot: string;
|
||||||
|
client?: api.DICOMwebClient | null;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 从 DICOMweb 服务创建图像 ID 并缓存相关元数据。
|
||||||
|
*
|
||||||
|
* @param options - 包含图像和 DICOMweb 服务信息的对象
|
||||||
|
* @returns 图像 ID 数组
|
||||||
|
*/
|
||||||
|
export const createImageIdsAndCacheMetaData = async (
|
||||||
|
options: CreateImageIdsAndCacheMetaDataOptions
|
||||||
|
): Promise<string[]> => {
|
||||||
|
const client =
|
||||||
|
options.client ||
|
||||||
|
new api.DICOMwebClient({ url: options.wadoRsRoot, singlepart: true });
|
||||||
|
|
||||||
|
try {
|
||||||
|
const instances = await client.retrieveSeriesMetadata({
|
||||||
|
studyInstanceUID: options.StudyInstanceUID,
|
||||||
|
seriesInstanceUID: options.SeriesInstanceUID,
|
||||||
|
});
|
||||||
|
|
||||||
|
const modality = (instances[0] as unknown as any)[MODALITY].Value[0];
|
||||||
|
console.log("modality", modality);
|
||||||
|
|
||||||
|
let imageIds = instances.map((instanceMetaData: any) => {
|
||||||
|
const SeriesInstanceUID = instanceMetaData[SERIES_INSTANCE_UID].Value[0];
|
||||||
|
const SOPInstanceUIDToUse =
|
||||||
|
options.SOPInstanceUID || instanceMetaData[SOP_INSTANCE_UID].Value[0];
|
||||||
|
|
||||||
|
const prefix = "wadors:";
|
||||||
|
|
||||||
|
const imageId =
|
||||||
|
prefix +
|
||||||
|
options.wadoRsRoot +
|
||||||
|
"/studies/" +
|
||||||
|
options.StudyInstanceUID +
|
||||||
|
"/series/" +
|
||||||
|
SeriesInstanceUID +
|
||||||
|
"/instances/" +
|
||||||
|
SOPInstanceUIDToUse +
|
||||||
|
"/frames/1";
|
||||||
|
|
||||||
|
cornerstoneDICOMImageLoader.wadors.metaDataManager.add(
|
||||||
|
imageId,
|
||||||
|
instanceMetaData
|
||||||
|
);
|
||||||
|
return imageId;
|
||||||
|
});
|
||||||
|
|
||||||
|
imageIds = convertMultiframeImageIds(imageIds);
|
||||||
|
|
||||||
|
imageIds.forEach((imageId) => {
|
||||||
|
let instanceMetaData =
|
||||||
|
cornerstoneDICOMImageLoader.wadors.metaDataManager.get(imageId);
|
||||||
|
|
||||||
|
instanceMetaData = removeInvalidTags(instanceMetaData);
|
||||||
|
|
||||||
|
if (instanceMetaData) {
|
||||||
|
const metadata =
|
||||||
|
DicomMetaDictionary.naturalizeDataset(instanceMetaData);
|
||||||
|
const pixelSpacing = getPixelSpacingInformation(metadata) as Number[];
|
||||||
|
|
||||||
|
if (pixelSpacing) {
|
||||||
|
// FIXME: cornerstone类型定义有问题,这里.add方法缺少type属性
|
||||||
|
calibratedPixelSpacingMetadataProvider.add(imageId, {
|
||||||
|
// @ts-ignore
|
||||||
|
rowPixelSpacing: pixelSpacing[0],
|
||||||
|
// @ts-ignore
|
||||||
|
columnPixelSpacing: pixelSpacing[1],
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
if (modality === "PT") {
|
||||||
|
const InstanceMetadataArray: any = [];
|
||||||
|
imageIds.forEach((imageId) => {
|
||||||
|
const instanceMetadata = getPTImageIdInstanceMetadata(imageId);
|
||||||
|
|
||||||
|
// TODO: Temporary fix because static-wado is producing a string, not an array of values
|
||||||
|
// (or maybe dcmjs isn't parsing it correctly?)
|
||||||
|
// It's showing up like 'DECY\\ATTN\\SCAT\\DTIM\\RAN\\RADL\\DCAL\\SLSENS\\NORM'
|
||||||
|
// but calculate-suv expects ['DECY', 'ATTN', ...]
|
||||||
|
if (typeof instanceMetadata.CorrectedImage === "string") {
|
||||||
|
instanceMetadata.CorrectedImage =
|
||||||
|
instanceMetadata.CorrectedImage.split("\\");
|
||||||
|
}
|
||||||
|
|
||||||
|
if (instanceMetadata) {
|
||||||
|
InstanceMetadataArray.push(instanceMetadata);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
if (InstanceMetadataArray.length) {
|
||||||
|
try {
|
||||||
|
const suvScalingFactors = calculateSUVScalingFactors(
|
||||||
|
InstanceMetadataArray
|
||||||
|
);
|
||||||
|
InstanceMetadataArray.forEach((instanceMetadata, index) => {
|
||||||
|
ptScalingMetaDataProvider.addInstance(
|
||||||
|
imageIds[index],
|
||||||
|
suvScalingFactors[index]
|
||||||
|
);
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
console.log(error);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return imageIds;
|
||||||
|
} catch (error) {
|
||||||
|
console.log(error);
|
||||||
|
throw new Error("PACS 中数据不存在");
|
||||||
|
}
|
||||||
|
};
|
|
@ -0,0 +1,211 @@
|
||||||
|
import { metaData } from "@cornerstonejs/core";
|
||||||
|
import type { InstanceMetadata } from "@cornerstonejs/calculate-suv";
|
||||||
|
|
||||||
|
export default function getPTImageIdInstanceMetadata(
|
||||||
|
imageId: string
|
||||||
|
): InstanceMetadata {
|
||||||
|
const petSequenceModule = metaData.get("petIsotopeModule", imageId);
|
||||||
|
const generalSeriesModule = metaData.get("generalSeriesModule", imageId);
|
||||||
|
const patientStudyModule = metaData.get("patientStudyModule", imageId);
|
||||||
|
|
||||||
|
const ptSeriesModule = metaData.get("petSeriesModule", imageId);
|
||||||
|
const ptImageModule = metaData.get("petImageModule", imageId);
|
||||||
|
|
||||||
|
if (!petSequenceModule) {
|
||||||
|
throw new Error("petSequenceModule metadata is required");
|
||||||
|
}
|
||||||
|
|
||||||
|
const radiopharmaceuticalInfo = petSequenceModule.radiopharmaceuticalInfo;
|
||||||
|
|
||||||
|
const { seriesDate, seriesTime, acquisitionDate, acquisitionTime } =
|
||||||
|
generalSeriesModule;
|
||||||
|
const { patientWeight } = patientStudyModule;
|
||||||
|
const { correctedImage, units, decayCorrection } = ptSeriesModule;
|
||||||
|
|
||||||
|
if (
|
||||||
|
seriesDate === undefined ||
|
||||||
|
seriesTime === undefined ||
|
||||||
|
patientWeight === undefined ||
|
||||||
|
acquisitionDate === undefined ||
|
||||||
|
acquisitionTime === undefined ||
|
||||||
|
correctedImage === undefined ||
|
||||||
|
units === undefined ||
|
||||||
|
decayCorrection === undefined ||
|
||||||
|
radiopharmaceuticalInfo.radionuclideTotalDose === undefined ||
|
||||||
|
radiopharmaceuticalInfo.radionuclideHalfLife === undefined ||
|
||||||
|
(radiopharmaceuticalInfo.radiopharmaceuticalStartDateTime === undefined &&
|
||||||
|
seriesDate === undefined &&
|
||||||
|
radiopharmaceuticalInfo.radiopharmaceuticalStartTime === undefined)
|
||||||
|
//
|
||||||
|
) {
|
||||||
|
throw new Error("required metadata are missing");
|
||||||
|
}
|
||||||
|
|
||||||
|
const instanceMetadata: InstanceMetadata = {
|
||||||
|
CorrectedImage: correctedImage,
|
||||||
|
Units: units,
|
||||||
|
RadionuclideHalfLife: radiopharmaceuticalInfo.radionuclideHalfLife,
|
||||||
|
RadionuclideTotalDose: radiopharmaceuticalInfo.radionuclideTotalDose,
|
||||||
|
DecayCorrection: decayCorrection,
|
||||||
|
PatientWeight: patientWeight,
|
||||||
|
SeriesDate: seriesDate,
|
||||||
|
SeriesTime: seriesTime,
|
||||||
|
AcquisitionDate: acquisitionDate,
|
||||||
|
AcquisitionTime: acquisitionTime,
|
||||||
|
};
|
||||||
|
|
||||||
|
if (
|
||||||
|
radiopharmaceuticalInfo.radiopharmaceuticalStartDateTime &&
|
||||||
|
radiopharmaceuticalInfo.radiopharmaceuticalStartDateTime !== undefined &&
|
||||||
|
typeof radiopharmaceuticalInfo.radiopharmaceuticalStartDateTime === "string"
|
||||||
|
) {
|
||||||
|
instanceMetadata.RadiopharmaceuticalStartDateTime =
|
||||||
|
radiopharmaceuticalInfo.radiopharmaceuticalStartDateTime;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (
|
||||||
|
radiopharmaceuticalInfo.radiopharmaceuticalStartDateTime &&
|
||||||
|
radiopharmaceuticalInfo.radiopharmaceuticalStartDateTime !== undefined &&
|
||||||
|
typeof radiopharmaceuticalInfo.radiopharmaceuticalStartDateTime !== "string"
|
||||||
|
) {
|
||||||
|
const dateString = convertInterfaceDateToString(
|
||||||
|
radiopharmaceuticalInfo.radiopharmaceuticalStartDateTime
|
||||||
|
);
|
||||||
|
instanceMetadata.RadiopharmaceuticalStartDateTime = dateString;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (
|
||||||
|
instanceMetadata.AcquisitionDate &&
|
||||||
|
instanceMetadata.AcquisitionDate !== undefined &&
|
||||||
|
typeof instanceMetadata.AcquisitionDate !== "string"
|
||||||
|
) {
|
||||||
|
const dateString = convertInterfaceDateToString(
|
||||||
|
instanceMetadata.AcquisitionDate
|
||||||
|
);
|
||||||
|
instanceMetadata.AcquisitionDate = dateString;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (
|
||||||
|
instanceMetadata.SeriesDate &&
|
||||||
|
instanceMetadata.SeriesDate !== undefined &&
|
||||||
|
typeof instanceMetadata.SeriesDate !== "string"
|
||||||
|
) {
|
||||||
|
const dateString = convertInterfaceDateToString(
|
||||||
|
instanceMetadata.SeriesDate
|
||||||
|
);
|
||||||
|
instanceMetadata.SeriesDate = dateString;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (
|
||||||
|
radiopharmaceuticalInfo.radiopharmaceuticalStartTime &&
|
||||||
|
radiopharmaceuticalInfo.radiopharmaceuticalStartTime !== undefined &&
|
||||||
|
typeof radiopharmaceuticalInfo.radiopharmaceuticalStartTime === "string"
|
||||||
|
) {
|
||||||
|
instanceMetadata.RadiopharmaceuticalStartTime =
|
||||||
|
radiopharmaceuticalInfo.radiopharmaceuticalStartTime;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (
|
||||||
|
radiopharmaceuticalInfo.radiopharmaceuticalStartTime &&
|
||||||
|
radiopharmaceuticalInfo.radiopharmaceuticalStartTime !== undefined &&
|
||||||
|
typeof radiopharmaceuticalInfo.radiopharmaceuticalStartTime !== "string"
|
||||||
|
) {
|
||||||
|
const timeString = convertInterfaceTimeToString(
|
||||||
|
radiopharmaceuticalInfo.radiopharmaceuticalStartTime
|
||||||
|
);
|
||||||
|
instanceMetadata.RadiopharmaceuticalStartTime = timeString;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (
|
||||||
|
instanceMetadata.AcquisitionTime &&
|
||||||
|
instanceMetadata.AcquisitionTime !== undefined &&
|
||||||
|
typeof instanceMetadata.AcquisitionTime !== "string"
|
||||||
|
) {
|
||||||
|
const timeString = convertInterfaceTimeToString(
|
||||||
|
instanceMetadata.AcquisitionTime
|
||||||
|
);
|
||||||
|
instanceMetadata.AcquisitionTime = timeString;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (
|
||||||
|
instanceMetadata.SeriesTime &&
|
||||||
|
instanceMetadata.SeriesTime !== undefined &&
|
||||||
|
typeof instanceMetadata.SeriesTime !== "string"
|
||||||
|
) {
|
||||||
|
const timeString = convertInterfaceTimeToString(
|
||||||
|
instanceMetadata.SeriesTime
|
||||||
|
);
|
||||||
|
instanceMetadata.SeriesTime = timeString;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (
|
||||||
|
ptImageModule.frameReferenceTime &&
|
||||||
|
ptImageModule.frameReferenceTime !== undefined
|
||||||
|
) {
|
||||||
|
instanceMetadata.FrameReferenceTime = ptImageModule.frameReferenceTime;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (
|
||||||
|
ptImageModule.actualFrameDuration &&
|
||||||
|
ptImageModule.actualFrameDuration !== undefined
|
||||||
|
) {
|
||||||
|
instanceMetadata.ActualFrameDuration = ptImageModule.actualFrameDuration;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (
|
||||||
|
patientStudyModule.patientSex &&
|
||||||
|
patientStudyModule.patientSex !== undefined
|
||||||
|
) {
|
||||||
|
instanceMetadata.PatientSex = patientStudyModule.patientSex;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (
|
||||||
|
patientStudyModule.patientSize &&
|
||||||
|
patientStudyModule.patientSize !== undefined
|
||||||
|
) {
|
||||||
|
instanceMetadata.PatientSize = patientStudyModule.patientSize;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Todo: add private tags
|
||||||
|
// if (
|
||||||
|
// dicomMetaData['70531000'] ||
|
||||||
|
// dicomMetaData['70531000'] !== undefined ||
|
||||||
|
// dicomMetaData['70531009'] ||
|
||||||
|
// dicomMetaData['70531009'] !== undefined
|
||||||
|
// ) {
|
||||||
|
// const philipsPETPrivateGroup: PhilipsPETPrivateGroup = {
|
||||||
|
// SUVScaleFactor: dicomMetaData['70531000'],
|
||||||
|
// ActivityConcentrationScaleFactor: dicomMetaData['70531009'],
|
||||||
|
// };
|
||||||
|
// instanceMetadata.PhilipsPETPrivateGroup = philipsPETPrivateGroup;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// if (dicomMetaData['0009100d'] && dicomMetaData['0009100d'] !== undefined) {
|
||||||
|
// instanceMetadata.GEPrivatePostInjectionDateTime = dicomMetaData['0009100d'];
|
||||||
|
// }
|
||||||
|
|
||||||
|
return instanceMetadata;
|
||||||
|
}
|
||||||
|
|
||||||
|
function convertInterfaceTimeToString(time): string {
|
||||||
|
const hours = `${time.hours || "00"}`.padStart(2, "0");
|
||||||
|
const minutes = `${time.minutes || "00"}`.padStart(2, "0");
|
||||||
|
const seconds = `${time.seconds || "00"}`.padStart(2, "0");
|
||||||
|
|
||||||
|
const fractionalSeconds = `${time.fractionalSeconds || "000000"}`.padEnd(
|
||||||
|
6,
|
||||||
|
"0"
|
||||||
|
);
|
||||||
|
|
||||||
|
const timeString = `${hours}${minutes}${seconds}.${fractionalSeconds}`;
|
||||||
|
return timeString;
|
||||||
|
}
|
||||||
|
|
||||||
|
function convertInterfaceDateToString(date): string {
|
||||||
|
const month = `${date.month}`.padStart(2, "0");
|
||||||
|
const day = `${date.day}`.padStart(2, "0");
|
||||||
|
const dateString = `${date.year}${month}${day}`;
|
||||||
|
return dateString;
|
||||||
|
}
|
||||||
|
|
||||||
|
export { getPTImageIdInstanceMetadata };
|
|
@ -0,0 +1,139 @@
|
||||||
|
interface DICOMInstance {
|
||||||
|
PixelSpacing?: number[];
|
||||||
|
ImagerPixelSpacing?: number[];
|
||||||
|
SOPClassUID?: string;
|
||||||
|
PixelSpacingCalibrationType?: string;
|
||||||
|
PixelSpacingCalibrationDescription?: string;
|
||||||
|
EstimatedRadiographicMagnificationFactor?: number;
|
||||||
|
SequenceOfUltrasoundRegions?: {
|
||||||
|
PhysicalDeltaX: number;
|
||||||
|
PhysicalDeltaY: number;
|
||||||
|
}[]; // 根据实际需要调整类型
|
||||||
|
}
|
||||||
|
|
||||||
|
interface PixelSpacingResult {
|
||||||
|
PixelSpacing?: number[];
|
||||||
|
type?: string;
|
||||||
|
isProjection?: boolean;
|
||||||
|
PixelSpacingCalibrationType?: string;
|
||||||
|
PixelSpacingCalibrationDescription?: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取像素间距信息。
|
||||||
|
* 此函数根据 DICOM 实例的不同属性来确定适当的像素间距。
|
||||||
|
*
|
||||||
|
* @param instance - DICOM 实例对象
|
||||||
|
* @returns 像素间距信息
|
||||||
|
*/
|
||||||
|
export const getPixelSpacingInformation = (
|
||||||
|
instance: DICOMInstance
|
||||||
|
): PixelSpacingResult | number[] | undefined => {
|
||||||
|
const projectionRadiographSOPClassUIDs: string[] = [
|
||||||
|
"1.2.840.10008.5.1.4.1.1.1", // CR Image Storage
|
||||||
|
"1.2.840.10008.5.1.4.1.1.1.1", // Digital X-Ray Image Storage – for Presentation
|
||||||
|
"1.2.840.10008.5.1.4.1.1.1.1.1", // Digital X-Ray Image Storage – for Processing
|
||||||
|
"1.2.840.10008.5.1.4.1.1.1.2", // Digital Mammography X-Ray Image Storage – for Presentation
|
||||||
|
"1.2.840.10008.5.1.4.1.1.1.2.1", // Digital Mammography X-Ray Image Storage – for Processing
|
||||||
|
"1.2.840.10008.5.1.4.1.1.1.3", // Digital Intra – oral X-Ray Image Storage – for Presentation
|
||||||
|
"1.2.840.10008.5.1.4.1.1.1.3.1", // Digital Intra – oral X-Ray Image Storage – for Processing
|
||||||
|
"1.2.840.10008.5.1.4.1.1.12.1", // X-Ray Angiographic Image Storage
|
||||||
|
"1.2.840.10008.5.1.4.1.1.12.1.1", // Enhanced XA Image Storage
|
||||||
|
"1.2.840.10008.5.1.4.1.1.12.2", // X-Ray Radiofluoroscopic Image Storage
|
||||||
|
"1.2.840.10008.5.1.4.1.1.12.2.1", // Enhanced XRF Image Storage
|
||||||
|
"1.2.840.10008.5.1.4.1.1.12.3", // X-Ray Angiographic Bi-plane Image Storage Retired
|
||||||
|
];
|
||||||
|
|
||||||
|
const {
|
||||||
|
PixelSpacing,
|
||||||
|
ImagerPixelSpacing,
|
||||||
|
SOPClassUID,
|
||||||
|
PixelSpacingCalibrationType,
|
||||||
|
PixelSpacingCalibrationDescription,
|
||||||
|
EstimatedRadiographicMagnificationFactor,
|
||||||
|
SequenceOfUltrasoundRegions,
|
||||||
|
} = instance;
|
||||||
|
|
||||||
|
const isProjection = SOPClassUID
|
||||||
|
? projectionRadiographSOPClassUIDs.includes(SOPClassUID)
|
||||||
|
: false;
|
||||||
|
|
||||||
|
const TYPES = {
|
||||||
|
NOT_APPLICABLE: "NOT_APPLICABLE",
|
||||||
|
UNKNOWN: "UNKNOWN",
|
||||||
|
CALIBRATED: "CALIBRATED",
|
||||||
|
DETECTOR: "DETECTOR",
|
||||||
|
};
|
||||||
|
|
||||||
|
if (!isProjection) {
|
||||||
|
return PixelSpacing;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (isProjection && !ImagerPixelSpacing) {
|
||||||
|
return {
|
||||||
|
PixelSpacing,
|
||||||
|
type: TYPES.UNKNOWN,
|
||||||
|
isProjection,
|
||||||
|
};
|
||||||
|
} else if (
|
||||||
|
PixelSpacing &&
|
||||||
|
ImagerPixelSpacing &&
|
||||||
|
PixelSpacing.join() === ImagerPixelSpacing.join()
|
||||||
|
) {
|
||||||
|
return {
|
||||||
|
PixelSpacing,
|
||||||
|
type: TYPES.DETECTOR,
|
||||||
|
isProjection,
|
||||||
|
};
|
||||||
|
} else if (
|
||||||
|
PixelSpacing &&
|
||||||
|
ImagerPixelSpacing &&
|
||||||
|
PixelSpacing.join() !== ImagerPixelSpacing.join()
|
||||||
|
) {
|
||||||
|
return {
|
||||||
|
PixelSpacing,
|
||||||
|
type: TYPES.CALIBRATED,
|
||||||
|
isProjection,
|
||||||
|
PixelSpacingCalibrationType,
|
||||||
|
PixelSpacingCalibrationDescription,
|
||||||
|
};
|
||||||
|
} else if (!PixelSpacing && ImagerPixelSpacing) {
|
||||||
|
let CorrectedImagerPixelSpacing = ImagerPixelSpacing;
|
||||||
|
if (EstimatedRadiographicMagnificationFactor) {
|
||||||
|
CorrectedImagerPixelSpacing = ImagerPixelSpacing.map(
|
||||||
|
(pixelSpacing) =>
|
||||||
|
pixelSpacing / EstimatedRadiographicMagnificationFactor
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
console.warn(
|
||||||
|
"EstimatedRadiographicMagnificationFactor was not present. Unable to correct ImagerPixelSpacing."
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
PixelSpacing: CorrectedImagerPixelSpacing,
|
||||||
|
isProjection,
|
||||||
|
};
|
||||||
|
} else if (
|
||||||
|
SequenceOfUltrasoundRegions &&
|
||||||
|
Array.isArray(SequenceOfUltrasoundRegions) &&
|
||||||
|
SequenceOfUltrasoundRegions.length > 0
|
||||||
|
) {
|
||||||
|
const { PhysicalDeltaX, PhysicalDeltaY } = SequenceOfUltrasoundRegions[0];
|
||||||
|
const USPixelSpacing = [PhysicalDeltaX * 10, PhysicalDeltaY * 10];
|
||||||
|
|
||||||
|
return {
|
||||||
|
PixelSpacing: USPixelSpacing,
|
||||||
|
};
|
||||||
|
} else if (isProjection && !ImagerPixelSpacing) {
|
||||||
|
return {
|
||||||
|
PixelSpacing,
|
||||||
|
type: TYPES.NOT_APPLICABLE,
|
||||||
|
isProjection,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
console.warn(
|
||||||
|
"Unknown combination of PixelSpacing and ImagerPixelSpacing identified. Unable to determine spacing."
|
||||||
|
);
|
||||||
|
};
|
|
@ -0,0 +1,10 @@
|
||||||
|
import { initCornerstoneDICOMImageLoader } from "./initCornerstoneDicomImageLoader";
|
||||||
|
import initVolumeLoader from "./initVolumeLoader";
|
||||||
|
import { init as csRenderInit } from "@cornerstonejs/core";
|
||||||
|
|
||||||
|
// 入口
|
||||||
|
export const initCornerstone = async () => {
|
||||||
|
initCornerstoneDICOMImageLoader();
|
||||||
|
initVolumeLoader();
|
||||||
|
await csRenderInit();
|
||||||
|
};
|
|
@ -0,0 +1,46 @@
|
||||||
|
import dicomParser from "dicom-parser";
|
||||||
|
import * as cornerstone from "@cornerstonejs/core";
|
||||||
|
import cornerstoneDICOMImageLoader from "@cornerstonejs/dicom-image-loader";
|
||||||
|
|
||||||
|
window.cornerstone = cornerstone;
|
||||||
|
|
||||||
|
export const initCornerstoneDICOMImageLoader = () => {
|
||||||
|
const { preferSizeOverAccuracy, useNorm16Texture } =
|
||||||
|
cornerstone.getConfiguration().rendering;
|
||||||
|
|
||||||
|
cornerstone.setConfiguration({
|
||||||
|
detectGPUConfig: {
|
||||||
|
benchmarksURL: "http://localhost:9000",
|
||||||
|
},
|
||||||
|
rendering: cornerstone.getConfiguration().rendering,
|
||||||
|
});
|
||||||
|
|
||||||
|
cornerstoneDICOMImageLoader.external.cornerstone = cornerstone;
|
||||||
|
cornerstoneDICOMImageLoader.external.dicomParser = dicomParser;
|
||||||
|
cornerstoneDICOMImageLoader.configure({
|
||||||
|
useWebWorkers: true,
|
||||||
|
decodeConfig: {
|
||||||
|
convertFloatPixelDataToInt: false,
|
||||||
|
use16BitDataType: preferSizeOverAccuracy || useNorm16Texture,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
let maxWebWorkers = 1;
|
||||||
|
|
||||||
|
if (navigator.hardwareConcurrency) {
|
||||||
|
maxWebWorkers = Math.min(navigator.hardwareConcurrency, 7);
|
||||||
|
}
|
||||||
|
|
||||||
|
const config = {
|
||||||
|
maxWebWorkers,
|
||||||
|
startWebWorkersOnDemand: false,
|
||||||
|
taskConfiguration: {
|
||||||
|
decodeTask: {
|
||||||
|
initializeCodecsOnStartup: false,
|
||||||
|
strict: false,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
cornerstoneDICOMImageLoader.webWorkerManager.initialize(config);
|
||||||
|
};
|
|
@ -0,0 +1,17 @@
|
||||||
|
import * as cornerstone from "@cornerstonejs/core";
|
||||||
|
import ptScalingMetaDataProvider from "./ptScalingMetaDataProvider";
|
||||||
|
|
||||||
|
const { calibratedPixelSpacingMetadataProvider } = cornerstone.utilities;
|
||||||
|
|
||||||
|
export default function initProviders() {
|
||||||
|
cornerstone.metaData.addProvider(
|
||||||
|
ptScalingMetaDataProvider.get.bind(ptScalingMetaDataProvider),
|
||||||
|
10000
|
||||||
|
);
|
||||||
|
cornerstone.metaData.addProvider(
|
||||||
|
calibratedPixelSpacingMetadataProvider.get.bind(
|
||||||
|
calibratedPixelSpacingMetadataProvider
|
||||||
|
),
|
||||||
|
11000
|
||||||
|
);
|
||||||
|
}
|
|
@ -0,0 +1,19 @@
|
||||||
|
import { volumeLoader } from "@cornerstonejs/core";
|
||||||
|
import {
|
||||||
|
cornerstoneStreamingImageVolumeLoader,
|
||||||
|
cornerstoneStreamingDynamicImageVolumeLoader,
|
||||||
|
} from "@cornerstonejs/streaming-image-volume-loader";
|
||||||
|
|
||||||
|
export default function initVolumeLoader() {
|
||||||
|
volumeLoader.registerUnknownVolumeLoader(
|
||||||
|
cornerstoneStreamingImageVolumeLoader
|
||||||
|
);
|
||||||
|
volumeLoader.registerVolumeLoader(
|
||||||
|
"cornerstoneStreamingImageVolume",
|
||||||
|
cornerstoneStreamingImageVolumeLoader
|
||||||
|
);
|
||||||
|
volumeLoader.registerVolumeLoader(
|
||||||
|
"cornerstoneStreamingDynamicImageVolume",
|
||||||
|
cornerstoneStreamingDynamicImageVolumeLoader
|
||||||
|
);
|
||||||
|
}
|
|
@ -0,0 +1,17 @@
|
||||||
|
import { utilities as csUtils } from "@cornerstonejs/core";
|
||||||
|
|
||||||
|
const scalingPerImageId = {};
|
||||||
|
|
||||||
|
function addInstance(imageId, scalingMetaData) {
|
||||||
|
const imageURI = csUtils.imageIdToURI(imageId);
|
||||||
|
scalingPerImageId[imageURI] = scalingMetaData;
|
||||||
|
}
|
||||||
|
|
||||||
|
function get(type, imageId) {
|
||||||
|
if (type === "scalingModule") {
|
||||||
|
const imageURI = csUtils.imageIdToURI(imageId);
|
||||||
|
return scalingPerImageId[imageURI];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export default { addInstance, get };
|
|
@ -0,0 +1,33 @@
|
||||||
|
/**
|
||||||
|
* Removes invalid tags from a metadata object and returns a new object.
|
||||||
|
*
|
||||||
|
* This function currently removes tags that have `null` or `undefined` values.
|
||||||
|
* Removing these values is important to prevent errors when processing
|
||||||
|
* the metadata, such as when calling `naturalizeDataset(...)`.
|
||||||
|
*
|
||||||
|
* The performance of this function has been considered. Validating each
|
||||||
|
* tag ID with a regex significantly reduces the function's speed, so this
|
||||||
|
* approach is avoided. The function is designed to be efficient, with an
|
||||||
|
* average runtime of around +12ms per 1000 images, though this can vary
|
||||||
|
* depending on the machine.
|
||||||
|
*
|
||||||
|
* @param srcMetadata - The source metadata object containing the tags.
|
||||||
|
* @returns A new metadata object with invalid tags removed.
|
||||||
|
*/
|
||||||
|
export const removeInvalidTags = (
|
||||||
|
srcMetadata: Record<string, any>
|
||||||
|
): Record<string, any> => {
|
||||||
|
const dstMetadata: Record<string, any> = Object.create(null);
|
||||||
|
const tagIds = Object.keys(srcMetadata);
|
||||||
|
let tagValue: any;
|
||||||
|
|
||||||
|
tagIds.forEach((tagId) => {
|
||||||
|
tagValue = srcMetadata[tagId];
|
||||||
|
|
||||||
|
if (tagValue !== undefined && tagValue !== null) {
|
||||||
|
dstMetadata[tagId] = tagValue;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
return dstMetadata;
|
||||||
|
};
|
246
apps/desktop/src/pages/Datasource/MprViewer/Crosshair.tsx
Normal file
246
apps/desktop/src/pages/Datasource/MprViewer/Crosshair.tsx
Normal file
|
@ -0,0 +1,246 @@
|
||||||
|
import { useEffect, useRef } from "react";
|
||||||
|
import initDemo from "./util/initDemo.js";
|
||||||
|
import {
|
||||||
|
RenderingEngine,
|
||||||
|
Types,
|
||||||
|
Enums,
|
||||||
|
setVolumesForViewports,
|
||||||
|
volumeLoader,
|
||||||
|
getRenderingEngine,
|
||||||
|
} from "@cornerstonejs/core";
|
||||||
|
import * as cornerstoneTools from "@cornerstonejs/tools";
|
||||||
|
import createImageIdsAndCacheMetaData from "./util/createImageIdsAndCacheMetaData";
|
||||||
|
import { PublicViewportInput } from "@cornerstonejs/core/dist/types/types/IViewport.js";
|
||||||
|
import setCtTransferFunctionForVolumeActor from "./util/setCtTransferFunctionForVolumeActor";
|
||||||
|
import * as cornerstone from "@cornerstonejs/core";
|
||||||
|
|
||||||
|
const {
|
||||||
|
ToolGroupManager,
|
||||||
|
Enums: csToolsEnums,
|
||||||
|
CrosshairsTool,
|
||||||
|
StackScrollMouseWheelTool,
|
||||||
|
} = cornerstoneTools;
|
||||||
|
|
||||||
|
const { ViewportType } = Enums;
|
||||||
|
|
||||||
|
interface CrosshairMprProps {
|
||||||
|
children?: JSX.Element;
|
||||||
|
}
|
||||||
|
|
||||||
|
const viewportId1 = "CT_AXIAL";
|
||||||
|
const viewportId2 = "CT_SAGITTAL";
|
||||||
|
const viewportId3 = "CT_CORONAL";
|
||||||
|
const toolGroupId = "group";
|
||||||
|
|
||||||
|
const viewportColors = {
|
||||||
|
[viewportId1]: "rgb(200, 0, 0)",
|
||||||
|
[viewportId2]: "rgb(200, 200, 0)",
|
||||||
|
[viewportId3]: "rgb(0, 200, 0)",
|
||||||
|
};
|
||||||
|
|
||||||
|
const viewportReferenceLineControllable = [
|
||||||
|
viewportId1,
|
||||||
|
viewportId2,
|
||||||
|
viewportId3,
|
||||||
|
];
|
||||||
|
|
||||||
|
const viewportReferenceLineDraggableRotatable = [
|
||||||
|
viewportId1,
|
||||||
|
viewportId2,
|
||||||
|
viewportId3,
|
||||||
|
];
|
||||||
|
|
||||||
|
const viewportReferenceLineSlabThicknessControlsOn = [
|
||||||
|
viewportId1,
|
||||||
|
viewportId2,
|
||||||
|
viewportId3,
|
||||||
|
];
|
||||||
|
|
||||||
|
// Define a unique id for the volume
|
||||||
|
const volumeName = "CT_VOLUME_ID"; // Id of the volume less loader prefix
|
||||||
|
const volumeLoaderScheme = "cornerstoneStreamingImageVolume"; // Loader id which defines which volume loader to use
|
||||||
|
const volumeId = `${volumeLoaderScheme}:${volumeName}`; // VolumeId with loader id + volume id
|
||||||
|
|
||||||
|
function getReferenceLineColor(viewportId) {
|
||||||
|
return viewportColors[viewportId];
|
||||||
|
}
|
||||||
|
|
||||||
|
function getReferenceLineControllable(viewportId) {
|
||||||
|
const index = viewportReferenceLineControllable.indexOf(viewportId);
|
||||||
|
return index !== -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
function getReferenceLineDraggableRotatable(viewportId) {
|
||||||
|
const index = viewportReferenceLineDraggableRotatable.indexOf(viewportId);
|
||||||
|
return index !== -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
function getReferenceLineSlabThicknessControlsOn(viewportId) {
|
||||||
|
const index =
|
||||||
|
viewportReferenceLineSlabThicknessControlsOn.indexOf(viewportId);
|
||||||
|
return index !== -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
const renderingEngineId = "myRenderingEngine";
|
||||||
|
|
||||||
|
interface CrosshairMprProps {
|
||||||
|
// StudyInstanceUID: string;
|
||||||
|
// SeriesInstanceUID: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export const CrosshairMpr = (props: CrosshairMprProps) => {
|
||||||
|
const viewportId1Ref = useRef(null);
|
||||||
|
const viewportId2Ref = useRef(null);
|
||||||
|
const viewportId3Ref = useRef(null);
|
||||||
|
const renderingEngine = useRef<RenderingEngine>();
|
||||||
|
const imageIds = useRef<string[]>();
|
||||||
|
|
||||||
|
const run = async () => {
|
||||||
|
initDemo();
|
||||||
|
|
||||||
|
// Get Cornerstone imageIds for the source data and fetch metadata into RAM
|
||||||
|
imageIds.current = await createImageIdsAndCacheMetaData({
|
||||||
|
StudyInstanceUID:
|
||||||
|
"1.2.840.113564.118796721496052.50228.637325565454648183.8",
|
||||||
|
SeriesInstanceUID:
|
||||||
|
"1.3.12.2.1107.5.1.4.73399.30000020080900171669200001479",
|
||||||
|
wadoRsRoot: "http://localhost:8042/dicom-web",
|
||||||
|
});
|
||||||
|
|
||||||
|
// Define a volume in memory
|
||||||
|
const volume = await volumeLoader.createAndCacheVolume(volumeId, {
|
||||||
|
imageIds: imageIds.current ?? [],
|
||||||
|
});
|
||||||
|
|
||||||
|
// Instantiate a rendering engine
|
||||||
|
renderingEngine.current = new RenderingEngine(renderingEngineId);
|
||||||
|
|
||||||
|
// Create the viewports
|
||||||
|
const viewportInputArray: PublicViewportInput[] = [
|
||||||
|
{
|
||||||
|
viewportId: viewportId1,
|
||||||
|
type: ViewportType.ORTHOGRAPHIC,
|
||||||
|
element: viewportId1Ref.current!,
|
||||||
|
defaultOptions: {
|
||||||
|
orientation: Enums.OrientationAxis.AXIAL,
|
||||||
|
background: [0, 0, 0],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
viewportId: viewportId2,
|
||||||
|
type: ViewportType.ORTHOGRAPHIC,
|
||||||
|
element: viewportId2Ref.current!,
|
||||||
|
defaultOptions: {
|
||||||
|
orientation: Enums.OrientationAxis.SAGITTAL,
|
||||||
|
background: [0, 0, 0],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
viewportId: viewportId3,
|
||||||
|
type: ViewportType.ORTHOGRAPHIC,
|
||||||
|
element: viewportId3Ref.current!,
|
||||||
|
defaultOptions: {
|
||||||
|
orientation: Enums.OrientationAxis.CORONAL,
|
||||||
|
background: [0, 0, 0],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
renderingEngine.current.setViewports(viewportInputArray);
|
||||||
|
|
||||||
|
console.log(volume);
|
||||||
|
|
||||||
|
// Set the volume to load
|
||||||
|
volume.load();
|
||||||
|
|
||||||
|
// Set volumes on the viewports
|
||||||
|
await setVolumesForViewports(
|
||||||
|
renderingEngine.current,
|
||||||
|
[
|
||||||
|
{
|
||||||
|
volumeId,
|
||||||
|
callback: setCtTransferFunctionForVolumeActor,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
[viewportId1, viewportId2, viewportId3]
|
||||||
|
);
|
||||||
|
|
||||||
|
// Define tool groups to add the segmentation display tool to
|
||||||
|
const toolGroup = ToolGroupManager.createToolGroup(toolGroupId);
|
||||||
|
|
||||||
|
if (toolGroup) {
|
||||||
|
// For the crosshairs to operate, the viewports must currently be
|
||||||
|
// added ahead of setting the tool active. This will be improved in the future.
|
||||||
|
toolGroup.addViewport(viewportId1, renderingEngineId);
|
||||||
|
toolGroup.addViewport(viewportId2, renderingEngineId);
|
||||||
|
toolGroup.addViewport(viewportId3, renderingEngineId);
|
||||||
|
|
||||||
|
// Manipulation Tools
|
||||||
|
toolGroup.addTool(StackScrollMouseWheelTool.toolName);
|
||||||
|
// Add Crosshairs tool and configure it to link the three viewports
|
||||||
|
// These viewports could use different tool groups. See the PET-CT example
|
||||||
|
// for a more complicated used case.
|
||||||
|
|
||||||
|
toolGroup.addTool(CrosshairsTool.toolName, {
|
||||||
|
getReferenceLineColor,
|
||||||
|
getReferenceLineControllable,
|
||||||
|
getReferenceLineDraggableRotatable,
|
||||||
|
getReferenceLineSlabThicknessControlsOn,
|
||||||
|
});
|
||||||
|
|
||||||
|
toolGroup.setToolActive(CrosshairsTool.toolName, {
|
||||||
|
bindings: [{ mouseButton: 1 }],
|
||||||
|
});
|
||||||
|
// As the Stack Scroll mouse wheel is a tool using the `mouseWheelCallback`
|
||||||
|
// hook instead of mouse buttons, it does not need to assign any mouse button.
|
||||||
|
toolGroup.setToolActive(StackScrollMouseWheelTool.toolName);
|
||||||
|
}
|
||||||
|
|
||||||
|
renderingEngine.current.renderViewports([
|
||||||
|
viewportId1,
|
||||||
|
viewportId2,
|
||||||
|
viewportId3,
|
||||||
|
]);
|
||||||
|
};
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
run();
|
||||||
|
cornerstoneTools.addTool(StackScrollMouseWheelTool);
|
||||||
|
cornerstoneTools.addTool(CrosshairsTool);
|
||||||
|
|
||||||
|
return () => {
|
||||||
|
// TODO: 是否需要写在组件,根据页面需要
|
||||||
|
console.log("卸载tool2");
|
||||||
|
cornerstoneTools.removeTool(StackScrollMouseWheelTool);
|
||||||
|
cornerstoneTools.removeTool(CrosshairsTool);
|
||||||
|
};
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
window.addEventListener("resize", () => {
|
||||||
|
renderingEngine.current?.resize();
|
||||||
|
});
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
const test = () => {
|
||||||
|
// console.log(volumeLoader)
|
||||||
|
console.log(cornerstone.cache.getVolume(volumeId).getScalarData());
|
||||||
|
};
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
document.addEventListener(Enums.Events.VOLUME_CACHE_VOLUME_ADDED, () => {
|
||||||
|
console.log(111);
|
||||||
|
});
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<div style={{ display: "flex", gap: 20 }}>
|
||||||
|
<div style={{ width: 300, height: 300 }} ref={viewportId1Ref}></div>
|
||||||
|
<div style={{ width: 300, height: 300 }} ref={viewportId2Ref}></div>
|
||||||
|
<div style={{ width: 300, height: 300 }} ref={viewportId3Ref}></div>
|
||||||
|
</div>
|
||||||
|
<button onClick={test}>测试</button>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
20
apps/desktop/src/pages/Datasource/MprViewer/index.tsx
Normal file
20
apps/desktop/src/pages/Datasource/MprViewer/index.tsx
Normal file
|
@ -0,0 +1,20 @@
|
||||||
|
import { useEffect } from "react";
|
||||||
|
import { SeriesInfo } from "../type";
|
||||||
|
import { CrosshairMpr } from "./Crosshair";
|
||||||
|
|
||||||
|
interface MprViewerProps {
|
||||||
|
series?: SeriesInfo;
|
||||||
|
}
|
||||||
|
|
||||||
|
function MprViewer(props: MprViewerProps) {
|
||||||
|
useEffect(() => {
|
||||||
|
if (props.series) console.log(props.series);
|
||||||
|
}, [props.series]);
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<CrosshairMpr />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default MprViewer;
|
|
@ -0,0 +1,65 @@
|
||||||
|
import { metaData } from '@cornerstonejs/core';
|
||||||
|
import cornerstoneDICOMImageLoader from '@cornerstonejs/dicom-image-loader';
|
||||||
|
/**
|
||||||
|
* preloads imageIds metadata in memory
|
||||||
|
**/
|
||||||
|
async function prefetchMetadataInformation(imageIdsToPrefetch) {
|
||||||
|
for (let i = 0; i < imageIdsToPrefetch.length; i++) {
|
||||||
|
await cornerstoneDICOMImageLoader.wadouri.loadImage(imageIdsToPrefetch[i])
|
||||||
|
.promise;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function getFrameInformation(imageId) {
|
||||||
|
if (imageId.includes('wadors:')) {
|
||||||
|
const frameIndex = imageId.indexOf('/frames/');
|
||||||
|
const imageIdFrameless =
|
||||||
|
frameIndex > 0 ? imageId.slice(0, frameIndex + 8) : imageId;
|
||||||
|
return {
|
||||||
|
frameIndex,
|
||||||
|
imageIdFrameless,
|
||||||
|
};
|
||||||
|
} else {
|
||||||
|
const frameIndex = imageId.indexOf('&frame=');
|
||||||
|
let imageIdFrameless =
|
||||||
|
frameIndex > 0 ? imageId.slice(0, frameIndex + 7) : imageId;
|
||||||
|
if (!imageIdFrameless.includes('&frame=')) {
|
||||||
|
imageIdFrameless = imageIdFrameless + '&frame=';
|
||||||
|
}
|
||||||
|
return {
|
||||||
|
frameIndex,
|
||||||
|
imageIdFrameless,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* Receives a list of imageids possibly referring to multiframe dicom images
|
||||||
|
* and returns a list of imageid where each imageid referes to one frame.
|
||||||
|
* For each imageId representing a multiframe image with n frames,
|
||||||
|
* it will create n new imageids, one for each frame, and returns the new list of imageids
|
||||||
|
* If a particular imageid no refer to a mutiframe image data, it will be just copied into the new list
|
||||||
|
* @returns new list of imageids where each imageid represents a frame
|
||||||
|
*/
|
||||||
|
function convertMultiframeImageIds(imageIds) {
|
||||||
|
const newImageIds = [];
|
||||||
|
imageIds.forEach((imageId) => {
|
||||||
|
const { imageIdFrameless } = getFrameInformation(imageId);
|
||||||
|
const instanceMetaData = metaData.get('multiframeModule', imageId);
|
||||||
|
if (
|
||||||
|
instanceMetaData &&
|
||||||
|
instanceMetaData.NumberOfFrames &&
|
||||||
|
instanceMetaData.NumberOfFrames > 1
|
||||||
|
) {
|
||||||
|
const NumberOfFrames = instanceMetaData.NumberOfFrames;
|
||||||
|
for (let i = 0; i < NumberOfFrames; i++) {
|
||||||
|
const newImageId = imageIdFrameless + (i + 1);
|
||||||
|
newImageIds.push(newImageId);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
newImageIds.push(imageId);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return newImageIds;
|
||||||
|
}
|
||||||
|
|
||||||
|
export { convertMultiframeImageIds, prefetchMetadataInformation };
|
|
@ -0,0 +1,101 @@
|
||||||
|
import { api } from 'dicomweb-client';
|
||||||
|
import dcmjs from 'dcmjs';
|
||||||
|
import { utilities } from '@cornerstonejs/core';
|
||||||
|
import cornerstoneDICOMImageLoader from '@cornerstonejs/dicom-image-loader';
|
||||||
|
import getPixelSpacingInformation from './getPixelSpacingInformation';
|
||||||
|
import { convertMultiframeImageIds } from './convertMultiframeImageIds';
|
||||||
|
import removeInvalidTags from './removeInvalidTags';
|
||||||
|
|
||||||
|
const { DicomMetaDictionary } = dcmjs.data;
|
||||||
|
const { calibratedPixelSpacingMetadataProvider } = utilities;
|
||||||
|
|
||||||
|
/**
|
||||||
|
/**
|
||||||
|
* Uses dicomweb-client to fetch metadata of a study, cache it in cornerstone,
|
||||||
|
* and return a list of imageIds for the frames.
|
||||||
|
*
|
||||||
|
* Uses the app config to choose which study to fetch, and which
|
||||||
|
* dicom-web server to fetch it from.
|
||||||
|
*
|
||||||
|
* @returns {string[]} An array of imageIds for instances in the study.
|
||||||
|
*/
|
||||||
|
|
||||||
|
export default async function createImageIdsAndCacheMetaData({
|
||||||
|
StudyInstanceUID,
|
||||||
|
SeriesInstanceUID,
|
||||||
|
SOPInstanceUID = null,
|
||||||
|
wadoRsRoot,
|
||||||
|
client = null,
|
||||||
|
}) {
|
||||||
|
const SOP_INSTANCE_UID = '00080018';
|
||||||
|
const SERIES_INSTANCE_UID = '0020000E';
|
||||||
|
const MODALITY = '00080060';
|
||||||
|
|
||||||
|
const studySearchOptions = {
|
||||||
|
studyInstanceUID: StudyInstanceUID,
|
||||||
|
seriesInstanceUID: SeriesInstanceUID,
|
||||||
|
};
|
||||||
|
|
||||||
|
client = client || new api.DICOMwebClient({ url: wadoRsRoot });
|
||||||
|
let instances = await client.retrieveSeriesMetadata(studySearchOptions);
|
||||||
|
|
||||||
|
// if sop instance is provided we should filter the instances to only include the one we want
|
||||||
|
if (SOPInstanceUID) {
|
||||||
|
instances = instances.filter((instance) => {
|
||||||
|
return instance[SOP_INSTANCE_UID].Value[0] === SOPInstanceUID;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
const modality = instances[0][MODALITY].Value[0];
|
||||||
|
let imageIds = instances.map((instanceMetaData) => {
|
||||||
|
const SeriesInstanceUID = instanceMetaData[SERIES_INSTANCE_UID].Value[0];
|
||||||
|
const SOPInstanceUIDToUse =
|
||||||
|
SOPInstanceUID || instanceMetaData[SOP_INSTANCE_UID].Value[0];
|
||||||
|
|
||||||
|
const prefix = 'wadors:';
|
||||||
|
|
||||||
|
const imageId =
|
||||||
|
prefix +
|
||||||
|
wadoRsRoot +
|
||||||
|
'/studies/' +
|
||||||
|
StudyInstanceUID +
|
||||||
|
'/series/' +
|
||||||
|
SeriesInstanceUID +
|
||||||
|
'/instances/' +
|
||||||
|
SOPInstanceUIDToUse +
|
||||||
|
'/frames/1';
|
||||||
|
|
||||||
|
cornerstoneDICOMImageLoader.wadors.metaDataManager.add(
|
||||||
|
imageId,
|
||||||
|
instanceMetaData
|
||||||
|
);
|
||||||
|
return imageId;
|
||||||
|
});
|
||||||
|
|
||||||
|
// if the image ids represent multiframe information, creates a new list with one image id per frame
|
||||||
|
// if not multiframe data available, just returns the same list given
|
||||||
|
imageIds = convertMultiframeImageIds(imageIds);
|
||||||
|
|
||||||
|
imageIds.forEach((imageId) => {
|
||||||
|
let instanceMetaData =
|
||||||
|
cornerstoneDICOMImageLoader.wadors.metaDataManager.get(imageId);
|
||||||
|
|
||||||
|
// It was using JSON.parse(JSON.stringify(...)) before but it is 8x slower
|
||||||
|
instanceMetaData = removeInvalidTags(instanceMetaData);
|
||||||
|
|
||||||
|
if (instanceMetaData) {
|
||||||
|
// Add calibrated pixel spacing
|
||||||
|
const metadata = DicomMetaDictionary.naturalizeDataset(instanceMetaData);
|
||||||
|
const pixelSpacing = getPixelSpacingInformation(metadata);
|
||||||
|
|
||||||
|
if (pixelSpacing) {
|
||||||
|
calibratedPixelSpacingMetadataProvider.add(imageId, {
|
||||||
|
rowPixelSpacing: parseFloat(pixelSpacing[0]),
|
||||||
|
columnPixelSpacing: parseFloat(pixelSpacing[1]),
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
return imageIds;
|
||||||
|
}
|
|
@ -0,0 +1,136 @@
|
||||||
|
// See https://github.com/OHIF/Viewers/blob/94a9067fe3d291d30e25a1bda5913511388edea2/platform/core/src/utils/metadataProvider/getPixelSpacingInformation.js
|
||||||
|
|
||||||
|
export default function getPixelSpacingInformation(instance) {
|
||||||
|
// See http://gdcm.sourceforge.net/wiki/index.php/Imager_Pixel_Spacing
|
||||||
|
|
||||||
|
// TODO: Add Ultrasound region spacing
|
||||||
|
// TODO: Add manual calibration
|
||||||
|
|
||||||
|
// TODO: Use ENUMS from dcmjs
|
||||||
|
const projectionRadiographSOPClassUIDs = [
|
||||||
|
'1.2.840.10008.5.1.4.1.1.1', // CR Image Storage
|
||||||
|
'1.2.840.10008.5.1.4.1.1.1.1', // Digital X-Ray Image Storage – for Presentation
|
||||||
|
'1.2.840.10008.5.1.4.1.1.1.1.1', // Digital X-Ray Image Storage – for Processing
|
||||||
|
'1.2.840.10008.5.1.4.1.1.1.2', // Digital Mammography X-Ray Image Storage – for Presentation
|
||||||
|
'1.2.840.10008.5.1.4.1.1.1.2.1', // Digital Mammography X-Ray Image Storage – for Processing
|
||||||
|
'1.2.840.10008.5.1.4.1.1.1.3', // Digital Intra – oral X-Ray Image Storage – for Presentation
|
||||||
|
'1.2.840.10008.5.1.4.1.1.1.3.1', // Digital Intra – oral X-Ray Image Storage – for Processing
|
||||||
|
'1.2.840.10008.5.1.4.1.1.12.1', // X-Ray Angiographic Image Storage
|
||||||
|
'1.2.840.10008.5.1.4.1.1.12.1.1', // Enhanced XA Image Storage
|
||||||
|
'1.2.840.10008.5.1.4.1.1.12.2', // X-Ray Radiofluoroscopic Image Storage
|
||||||
|
'1.2.840.10008.5.1.4.1.1.12.2.1', // Enhanced XRF Image Storage
|
||||||
|
'1.2.840.10008.5.1.4.1.1.12.3', // X-Ray Angiographic Bi-plane Image Storage Retired
|
||||||
|
];
|
||||||
|
|
||||||
|
const {
|
||||||
|
PixelSpacing,
|
||||||
|
ImagerPixelSpacing,
|
||||||
|
SOPClassUID,
|
||||||
|
PixelSpacingCalibrationType,
|
||||||
|
PixelSpacingCalibrationDescription,
|
||||||
|
EstimatedRadiographicMagnificationFactor,
|
||||||
|
SequenceOfUltrasoundRegions,
|
||||||
|
} = instance;
|
||||||
|
|
||||||
|
const isProjection = projectionRadiographSOPClassUIDs.includes(SOPClassUID);
|
||||||
|
|
||||||
|
const TYPES = {
|
||||||
|
NOT_APPLICABLE: 'NOT_APPLICABLE',
|
||||||
|
UNKNOWN: 'UNKNOWN',
|
||||||
|
CALIBRATED: 'CALIBRATED',
|
||||||
|
DETECTOR: 'DETECTOR',
|
||||||
|
};
|
||||||
|
|
||||||
|
if (!isProjection) {
|
||||||
|
return PixelSpacing;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (isProjection && !ImagerPixelSpacing) {
|
||||||
|
// If only Pixel Spacing is present, and this is a projection radiograph,
|
||||||
|
// PixelSpacing should be used, but the user should be informed that
|
||||||
|
// what it means is unknown
|
||||||
|
return {
|
||||||
|
PixelSpacing,
|
||||||
|
type: TYPES.UNKNOWN,
|
||||||
|
isProjection,
|
||||||
|
};
|
||||||
|
} else if (
|
||||||
|
PixelSpacing &&
|
||||||
|
ImagerPixelSpacing &&
|
||||||
|
PixelSpacing === ImagerPixelSpacing
|
||||||
|
) {
|
||||||
|
// If Imager Pixel Spacing and Pixel Spacing are present and they have the same values,
|
||||||
|
// then the user should be informed that the measurements are at the detector plane
|
||||||
|
return {
|
||||||
|
PixelSpacing,
|
||||||
|
type: TYPES.DETECTOR,
|
||||||
|
isProjection,
|
||||||
|
};
|
||||||
|
} else if (
|
||||||
|
PixelSpacing &&
|
||||||
|
ImagerPixelSpacing &&
|
||||||
|
PixelSpacing !== ImagerPixelSpacing
|
||||||
|
) {
|
||||||
|
// If Imager Pixel Spacing and Pixel Spacing are present and they have different values,
|
||||||
|
// then the user should be informed that these are "calibrated"
|
||||||
|
// (in some unknown manner if Pixel Spacing Calibration Type and/or
|
||||||
|
// Pixel Spacing Calibration Description are absent)
|
||||||
|
return {
|
||||||
|
PixelSpacing,
|
||||||
|
type: TYPES.CALIBRATED,
|
||||||
|
isProjection,
|
||||||
|
PixelSpacingCalibrationType,
|
||||||
|
PixelSpacingCalibrationDescription,
|
||||||
|
};
|
||||||
|
} else if (!PixelSpacing && ImagerPixelSpacing) {
|
||||||
|
let CorrectedImagerPixelSpacing = ImagerPixelSpacing;
|
||||||
|
if (EstimatedRadiographicMagnificationFactor) {
|
||||||
|
// Note that in IHE Mammo profile compliant displays, the value of Imager Pixel Spacing is required to be corrected by
|
||||||
|
// Estimated Radiographic Magnification Factor and the user informed of that.
|
||||||
|
// TODO: should this correction be done before all of this logic?
|
||||||
|
CorrectedImagerPixelSpacing = ImagerPixelSpacing.map(
|
||||||
|
(pixelSpacing) =>
|
||||||
|
pixelSpacing / EstimatedRadiographicMagnificationFactor
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
console.warn(
|
||||||
|
'EstimatedRadiographicMagnificationFactor was not present. Unable to correct ImagerPixelSpacing.'
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
PixelSpacing: CorrectedImagerPixelSpacing,
|
||||||
|
isProjection,
|
||||||
|
};
|
||||||
|
} else if (
|
||||||
|
SequenceOfUltrasoundRegions &&
|
||||||
|
typeof SequenceOfUltrasoundRegions === 'object'
|
||||||
|
) {
|
||||||
|
const { PhysicalDeltaX, PhysicalDeltaY } = SequenceOfUltrasoundRegions;
|
||||||
|
const USPixelSpacing = [PhysicalDeltaX * 10, PhysicalDeltaY * 10];
|
||||||
|
|
||||||
|
return {
|
||||||
|
PixelSpacing: USPixelSpacing,
|
||||||
|
};
|
||||||
|
} else if (
|
||||||
|
SequenceOfUltrasoundRegions &&
|
||||||
|
Array.isArray(SequenceOfUltrasoundRegions) &&
|
||||||
|
SequenceOfUltrasoundRegions.length > 1
|
||||||
|
) {
|
||||||
|
console.warn(
|
||||||
|
'Sequence of Ultrasound Regions > one entry. This is not yet implemented, all measurements will be shown in pixels.'
|
||||||
|
);
|
||||||
|
} else if (isProjection === false && !ImagerPixelSpacing) {
|
||||||
|
// If only Pixel Spacing is present, and this is not a projection radiograph,
|
||||||
|
// we can stop here
|
||||||
|
return {
|
||||||
|
PixelSpacing,
|
||||||
|
type: TYPES.NOT_APPLICABLE,
|
||||||
|
isProjection,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
console.warn(
|
||||||
|
'Unknown combination of PixelSpacing and ImagerPixelSpacing identified. Unable to determine spacing.'
|
||||||
|
);
|
||||||
|
}
|
|
@ -0,0 +1,41 @@
|
||||||
|
import dicomParser from 'dicom-parser';
|
||||||
|
import * as cornerstone from '@cornerstonejs/core';
|
||||||
|
import * as cornerstoneTools from '@cornerstonejs/tools';
|
||||||
|
import cornerstoneDICOMImageLoader from '@cornerstonejs/dicom-image-loader';
|
||||||
|
|
||||||
|
window.cornerstone = cornerstone;
|
||||||
|
window.cornerstoneTools = cornerstoneTools;
|
||||||
|
const { preferSizeOverAccuracy, useNorm16Texture } =
|
||||||
|
cornerstone.getConfiguration().rendering;
|
||||||
|
|
||||||
|
export default function initCornerstoneDICOMImageLoader() {
|
||||||
|
// TODO: 此处非常的蛇皮
|
||||||
|
cornerstone.setUseSharedArrayBuffer(false)
|
||||||
|
cornerstone.setConfiguration({
|
||||||
|
detectGPUConfig: {
|
||||||
|
// benchmarksURL: "http://localhost:9000"
|
||||||
|
}
|
||||||
|
})
|
||||||
|
cornerstoneDICOMImageLoader.external.cornerstone = cornerstone;
|
||||||
|
cornerstoneDICOMImageLoader.external.dicomParser = dicomParser;
|
||||||
|
cornerstoneDICOMImageLoader.configure({
|
||||||
|
useWebWorkers: true,
|
||||||
|
decodeConfig: {
|
||||||
|
convertFloatPixelDataToInt: false,
|
||||||
|
use16BitDataType: preferSizeOverAccuracy || useNorm16Texture,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const config = {
|
||||||
|
maxWebWorkers: navigator.hardwareConcurrency ? Math.min(navigator.hardwareConcurrency, 7) : 1,
|
||||||
|
startWebWorkersOnDemand: false,
|
||||||
|
taskConfiguration: {
|
||||||
|
decodeTask: {
|
||||||
|
initializeCodecsOnStartup: false,
|
||||||
|
strict: false,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
cornerstoneDICOMImageLoader.webWorkerManager.initialize(config);
|
||||||
|
}
|
13
apps/desktop/src/pages/Datasource/MprViewer/util/initDemo.js
Normal file
13
apps/desktop/src/pages/Datasource/MprViewer/util/initDemo.js
Normal file
|
@ -0,0 +1,13 @@
|
||||||
|
import initProviders from './initProviders.js';
|
||||||
|
import initCornerstoneDICOMImageLoader from './initCornerstoneDICOMImageLoader';
|
||||||
|
import initVolumeLoader from './initVolumeLoader';
|
||||||
|
import { init as csRenderInit } from '@cornerstonejs/core';
|
||||||
|
import { init as csToolsInit } from '@cornerstonejs/tools';
|
||||||
|
|
||||||
|
export default async function initDemo() {
|
||||||
|
initProviders();
|
||||||
|
initCornerstoneDICOMImageLoader();
|
||||||
|
initVolumeLoader();
|
||||||
|
await csRenderInit();
|
||||||
|
await csToolsInit();
|
||||||
|
}
|
|
@ -0,0 +1,17 @@
|
||||||
|
import * as cornerstone from '@cornerstonejs/core';
|
||||||
|
import ptScalingMetaDataProvider from './ptScalingMetaDataProvider';
|
||||||
|
|
||||||
|
const { calibratedPixelSpacingMetadataProvider } = cornerstone.utilities;
|
||||||
|
|
||||||
|
export default function initProviders() {
|
||||||
|
cornerstone.metaData.addProvider(
|
||||||
|
ptScalingMetaDataProvider.get.bind(ptScalingMetaDataProvider),
|
||||||
|
10000
|
||||||
|
);
|
||||||
|
cornerstone.metaData.addProvider(
|
||||||
|
calibratedPixelSpacingMetadataProvider.get.bind(
|
||||||
|
calibratedPixelSpacingMetadataProvider
|
||||||
|
),
|
||||||
|
11000
|
||||||
|
);
|
||||||
|
}
|
|
@ -0,0 +1,19 @@
|
||||||
|
import { volumeLoader } from '@cornerstonejs/core';
|
||||||
|
import {
|
||||||
|
cornerstoneStreamingImageVolumeLoader,
|
||||||
|
cornerstoneStreamingDynamicImageVolumeLoader,
|
||||||
|
} from '@cornerstonejs/streaming-image-volume-loader';
|
||||||
|
|
||||||
|
export default function initVolumeLoader() {
|
||||||
|
volumeLoader.registerUnknownVolumeLoader(
|
||||||
|
cornerstoneStreamingImageVolumeLoader
|
||||||
|
);
|
||||||
|
volumeLoader.registerVolumeLoader(
|
||||||
|
'cornerstoneStreamingImageVolume',
|
||||||
|
cornerstoneStreamingImageVolumeLoader
|
||||||
|
);
|
||||||
|
volumeLoader.registerVolumeLoader(
|
||||||
|
'cornerstoneStreamingDynamicImageVolume',
|
||||||
|
cornerstoneStreamingDynamicImageVolumeLoader
|
||||||
|
);
|
||||||
|
}
|
|
@ -0,0 +1,17 @@
|
||||||
|
import { utilities as csUtils } from '@cornerstonejs/core';
|
||||||
|
|
||||||
|
const scalingPerImageId = {};
|
||||||
|
|
||||||
|
function addInstance(imageId, scalingMetaData) {
|
||||||
|
const imageURI = csUtils.imageIdToURI(imageId);
|
||||||
|
scalingPerImageId[imageURI] = scalingMetaData;
|
||||||
|
}
|
||||||
|
|
||||||
|
function get(type, imageId) {
|
||||||
|
if (type === 'scalingModule') {
|
||||||
|
const imageURI = csUtils.imageIdToURI(imageId);
|
||||||
|
return scalingPerImageId[imageURI];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export default { addInstance, get };
|
|
@ -0,0 +1,33 @@
|
||||||
|
/**
|
||||||
|
* Remove invalid tags from a metadata and return a new object.
|
||||||
|
*
|
||||||
|
* At this time it is only removing tags that has `null` or `undefined` values
|
||||||
|
* which is our main goal because that breaks when `naturalizeDataset(...)` is
|
||||||
|
* called.
|
||||||
|
*
|
||||||
|
* Validating the tag id using regex like /^[a-fA-F0-9]{8}$/ make it run
|
||||||
|
* +50% slower and looping through all characteres (split+every+Set or simple
|
||||||
|
* FOR+Set) double the time it takes to run. It is currently taking +12ms/1k
|
||||||
|
* images on average which can change depending on the machine.
|
||||||
|
*
|
||||||
|
* @param srcMetadata - source metadata
|
||||||
|
* @returns new metadata object without invalid tags
|
||||||
|
*/
|
||||||
|
function removeInvalidTags(srcMetadata) {
|
||||||
|
// Object.create(null) make it ~9% faster
|
||||||
|
const dstMetadata = Object.create(null);
|
||||||
|
const tagIds = Object.keys(srcMetadata);
|
||||||
|
let tagValue;
|
||||||
|
|
||||||
|
tagIds.forEach((tagId) => {
|
||||||
|
tagValue = srcMetadata[tagId];
|
||||||
|
|
||||||
|
if (tagValue !== undefined && tagValue !== null) {
|
||||||
|
dstMetadata[tagId] = tagValue;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
return dstMetadata;
|
||||||
|
}
|
||||||
|
|
||||||
|
export { removeInvalidTags as default, removeInvalidTags };
|
|
@ -0,0 +1,16 @@
|
||||||
|
const windowWidth = 400;
|
||||||
|
const windowCenter = 40;
|
||||||
|
|
||||||
|
const lower = windowCenter - windowWidth / 2.0;
|
||||||
|
const upper = windowCenter + windowWidth / 2.0;
|
||||||
|
|
||||||
|
const ctVoiRange = { lower, upper };
|
||||||
|
|
||||||
|
export default function setCtTransferFunctionForVolumeActor({ volumeActor }) {
|
||||||
|
volumeActor
|
||||||
|
.getProperty()
|
||||||
|
.getRGBTransferFunction(0)
|
||||||
|
.setMappingRange(lower, upper);
|
||||||
|
}
|
||||||
|
|
||||||
|
export { ctVoiRange };
|
|
@ -1,4 +1,4 @@
|
||||||
import { useEffect, useState } from "react";
|
import { useEffect, useRef, useState } from "react";
|
||||||
import { motion } from "framer-motion";
|
import { motion } from "framer-motion";
|
||||||
import {
|
import {
|
||||||
ResizableHandle,
|
ResizableHandle,
|
||||||
|
@ -9,22 +9,52 @@ import { ScrollArea } from "@/components/ui/scroll-area";
|
||||||
import { Card } from "@/components/ui/card";
|
import { Card } from "@/components/ui/card";
|
||||||
import { PatientInfo, SeriesInfo } from "./type";
|
import { PatientInfo, SeriesInfo } from "./type";
|
||||||
import { CarouselAction, CarouselSeries } from "./CarouselSeries";
|
import { CarouselAction, CarouselSeries } from "./CarouselSeries";
|
||||||
|
import { Input } from "@/components/ui/input";
|
||||||
|
import { Search } from "lucide-react";
|
||||||
|
import MprViewer from "./MprViewer";
|
||||||
|
|
||||||
export const Datasource = () => {
|
export const Datasource = () => {
|
||||||
|
const rawPatientsRef = useRef<PatientInfo[]>([]);
|
||||||
const [patients, setPatients] = useState<PatientInfo[]>([]);
|
const [patients, setPatients] = useState<PatientInfo[]>([]);
|
||||||
|
const [activeSeries, setActiveSeries] = useState<SeriesInfo>();
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
window.ipcRenderer
|
window.ipcRenderer
|
||||||
.invoke("dicom:select")
|
.invoke("dicom:select")
|
||||||
.then((patients: PatientInfo[]) => {
|
.then((patients: PatientInfo[]) => {
|
||||||
console.log(patients);
|
console.log(patients);
|
||||||
setPatients(patients.map((p) => ({ ...p, active: false, children: p.children.map(s => ({ ...s, active: false })) })));
|
rawPatientsRef.current = patients;
|
||||||
|
setPatients(
|
||||||
|
patients.map((p) => ({
|
||||||
|
...p,
|
||||||
|
active: false,
|
||||||
|
children: p.children.map((s) => ({ ...s, active: false })),
|
||||||
|
}))
|
||||||
|
);
|
||||||
});
|
});
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
const onClickSeriesItem = (series: SeriesInfo, action: CarouselAction) => {
|
const onClickSeriesItem = (series: SeriesInfo, action: CarouselAction) => {
|
||||||
console.log(action, series)
|
console.log(action, series);
|
||||||
|
switch (action) {
|
||||||
|
case "viewMpr":
|
||||||
|
setActiveSeries(series);
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
break;
|
||||||
}
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const handlePatientSearch = (filterValue: string) => {
|
||||||
|
const raw = rawPatientsRef.current;
|
||||||
|
setPatients(
|
||||||
|
raw.filter((p) =>
|
||||||
|
p.MainDicomTags.PatientName.toUpperCase().includes(
|
||||||
|
filterValue.toUpperCase()
|
||||||
|
)
|
||||||
|
)
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<motion.div
|
<motion.div
|
||||||
|
@ -37,9 +67,19 @@ export const Datasource = () => {
|
||||||
<div className="p-4 h-full flex flex-col">
|
<div className="p-4 h-full flex flex-col">
|
||||||
<ResizablePanelGroup direction="horizontal" className="w-full h-full">
|
<ResizablePanelGroup direction="horizontal" className="w-full h-full">
|
||||||
<ResizablePanel defaultSize={24}>
|
<ResizablePanel defaultSize={24}>
|
||||||
<div className="flex flex-col h-full">
|
<div className="flex flex-col h-full pt-2">
|
||||||
|
<div className="px-4 pb-2">
|
||||||
|
<div className="relative">
|
||||||
|
<Search className="absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" />
|
||||||
|
<Input
|
||||||
|
placeholder="筛选姓名"
|
||||||
|
onChange={(e) => handlePatientSearch(e.target.value)}
|
||||||
|
className="pl-8"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<ScrollArea className="flex-grow w-full h-full px-4 pb-2">
|
<ScrollArea className="flex-grow w-full h-full px-4 pb-2">
|
||||||
<div className="w-full flex flex-col gap-y-2">
|
<div className="flex flex-col gap-y-2">
|
||||||
{patients.map((patient) => (
|
{patients.map((patient) => (
|
||||||
<Card
|
<Card
|
||||||
key={patient.ID}
|
key={patient.ID}
|
||||||
|
@ -48,7 +88,8 @@ export const Datasource = () => {
|
||||||
p.map((i) => ({ ...i, active: i.ID === patient.ID }))
|
p.map((i) => ({ ...i, active: i.ID === patient.ID }))
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
className={`flex shadow-none flex-col items-start gap-2 rounded-lg border p-3 text-left text-sm transition-all hover:bg-accent hover:cursor-pointer ${patient.active ? "bg-accent" : ""
|
className={`flex shadow-none flex-col items-start gap-2 rounded-lg border p-3 text-left text-sm transition-all hover:bg-accent hover:cursor-pointer ${
|
||||||
|
patient.active ? "bg-accent" : ""
|
||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
<div className="flex w-full flex-col gap-1">
|
<div className="flex w-full flex-col gap-1">
|
||||||
|
@ -80,20 +121,33 @@ export const Datasource = () => {
|
||||||
<ResizablePanel defaultSize={24}>
|
<ResizablePanel defaultSize={24}>
|
||||||
<div className="flex flex-col h-full">
|
<div className="flex flex-col h-full">
|
||||||
<ScrollArea className="flex-grow w-full h-full px-4 pb-2">
|
<ScrollArea className="flex-grow w-full h-full px-4 pb-2">
|
||||||
{patients.find(p => p.active) && patients.find(p => p.active)?.children.map(study => <Card
|
<div className="flex flex-col gap-y-2">
|
||||||
|
{patients.find((p) => p.active) &&
|
||||||
|
patients
|
||||||
|
.find((p) => p.active)
|
||||||
|
?.children.map((study) => (
|
||||||
|
<Card
|
||||||
key={study.ID}
|
key={study.ID}
|
||||||
onClick={() =>
|
onClick={() =>
|
||||||
setPatients((p) =>
|
setPatients((p) =>
|
||||||
p.map((i) => ({ ...i, children: i.children.map(s => ({ ...s, active: s.ID === study.ID })) }))
|
p.map((i) => ({
|
||||||
|
...i,
|
||||||
|
children: i.children.map((s) => ({
|
||||||
|
...s,
|
||||||
|
active: s.ID === study.ID,
|
||||||
|
})),
|
||||||
|
}))
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
className={`flex shadow-none flex-col items-start gap-2 rounded-lg border p-3 text-left text-sm transition-all hover:bg-accent hover:cursor-pointer ${study.active ? "bg-accent" : ""}`}
|
className={`flex shadow-none flex-col items-start gap-2 rounded-lg border p-3 text-left text-sm transition-all hover:bg-accent hover:cursor-pointer ${
|
||||||
|
study.active ? "bg-accent" : ""
|
||||||
|
}`}
|
||||||
>
|
>
|
||||||
<div className="flex w-full flex-col gap-1">
|
<div className="flex w-full flex-col gap-1">
|
||||||
<div className="flex items-center">
|
<div className="flex items-center">
|
||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center gap-2">
|
||||||
<div className="font-semibold">
|
<div className="font-semibold">
|
||||||
{study.MainDicomTags.StudyID}
|
{study.MainDicomTags.StudyID ?? "无"}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="ml-auto text-xs text-foreground">
|
<div className="ml-auto text-xs text-foreground">
|
||||||
|
@ -104,18 +158,21 @@ export const Datasource = () => {
|
||||||
<div className="line-clamp-2 text-xs text-muted-foreground">
|
<div className="line-clamp-2 text-xs text-muted-foreground">
|
||||||
{study.MainDicomTags.InstitutionName}
|
{study.MainDicomTags.InstitutionName}
|
||||||
</div>
|
</div>
|
||||||
<div className="w-full py-2">
|
<div className="w-full">
|
||||||
<CarouselSeries seriesList={study.children} onClickItem={onClickSeriesItem} />
|
<CarouselSeries
|
||||||
|
seriesList={study.children}
|
||||||
|
onClickItem={onClickSeriesItem}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</Card>
|
||||||
|
))}
|
||||||
</div>
|
</div>
|
||||||
</Card>)}
|
|
||||||
</ScrollArea>
|
</ScrollArea>
|
||||||
</div>
|
</div>
|
||||||
</ResizablePanel>
|
</ResizablePanel>
|
||||||
<ResizableHandle withHandle />
|
<ResizableHandle withHandle />
|
||||||
<ResizablePanel defaultSize={52}>
|
<ResizablePanel defaultSize={52}>
|
||||||
<div className="px-4">
|
<MprViewer series={activeSeries} />
|
||||||
123
|
|
||||||
</div>
|
|
||||||
</ResizablePanel>
|
</ResizablePanel>
|
||||||
</ResizablePanelGroup>
|
</ResizablePanelGroup>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -11,7 +11,7 @@ export interface PatientInfo {
|
||||||
Studies: string[];
|
Studies: string[];
|
||||||
Type: string;
|
Type: string;
|
||||||
children: StudyInfo[];
|
children: StudyInfo[];
|
||||||
active: boolean
|
active: boolean;
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface StudyInfo {
|
export interface StudyInfo {
|
||||||
|
@ -23,12 +23,12 @@ export interface StudyInfo {
|
||||||
StudyID: string;
|
StudyID: string;
|
||||||
StudyInstanceUID: string;
|
StudyInstanceUID: string;
|
||||||
StudyTime: string;
|
StudyTime: string;
|
||||||
InstitutionName: string
|
InstitutionName: string;
|
||||||
};
|
};
|
||||||
ParentPatient: string;
|
ParentPatient: string;
|
||||||
Series: string[];
|
Series: string[];
|
||||||
Type: string;
|
Type: string;
|
||||||
active: boolean
|
active: boolean;
|
||||||
children: SeriesInfo[];
|
children: SeriesInfo[];
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -46,11 +46,11 @@ export interface SeriesInfo {
|
||||||
SeriesInstanceUID: string; // 成像系列的唯一标识符
|
SeriesInstanceUID: string; // 成像系列的唯一标识符
|
||||||
SeriesNumber: number; // 成像系列的编号
|
SeriesNumber: number; // 成像系列的编号
|
||||||
SeriesTime: string; // 成像系列的具体时间
|
SeriesTime: string; // 成像系列的具体时间
|
||||||
SeriesDescription: string // 描述
|
SeriesDescription: string; // 描述
|
||||||
BodyPartExamined: string // 检查的身体部位
|
BodyPartExamined: string; // 检查的身体部位
|
||||||
ProtocolName: string // 成像协议
|
ProtocolName: string; // 成像协议
|
||||||
StationName: string // 成像操作的设备站点
|
StationName: string; // 成像操作的设备站点
|
||||||
}
|
};
|
||||||
ParentStudy: string;
|
ParentStudy: string;
|
||||||
Status: string;
|
Status: string;
|
||||||
Type: string;
|
Type: string;
|
||||||
|
|
|
@ -2,11 +2,13 @@ import { defineConfig } from "vite";
|
||||||
import path from "node:path";
|
import path from "node:path";
|
||||||
import electron from "vite-plugin-electron/simple";
|
import electron from "vite-plugin-electron/simple";
|
||||||
import react from "@vitejs/plugin-react";
|
import react from "@vitejs/plugin-react";
|
||||||
|
import { nodePolyfills } from "vite-plugin-node-polyfills";
|
||||||
|
|
||||||
// https://vitejs.dev/config/
|
// https://vitejs.dev/config/
|
||||||
export default defineConfig({
|
export default defineConfig({
|
||||||
plugins: [
|
plugins: [
|
||||||
react(),
|
react(),
|
||||||
|
nodePolyfills(),
|
||||||
electron({
|
electron({
|
||||||
main: {
|
main: {
|
||||||
// Shortcut of `build.lib.entry`.
|
// Shortcut of `build.lib.entry`.
|
||||||
|
|
2892
pnpm-lock.yaml
2892
pnpm-lock.yaml
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue
Block a user