+ 本报告为demo版本，仅供参考，可提供定制
);
diff --git a/apps/aorta/src/modules/Report/Full/pages/RightCoronarySinus/index.tsx b/apps/aorta/src/modules/Report/Full/pages/RightCoronarySinus/index.tsx
index 55fbf6d..f3f414c 100644
--- a/apps/aorta/src/modules/Report/Full/pages/RightCoronarySinus/index.tsx
+++ b/apps/aorta/src/modules/Report/Full/pages/RightCoronarySinus/index.tsx
@@ -32,7 +32,6 @@ export const RightCoronarySinus = (props: RightCoronarySinusProps) => {
);
diff --git a/apps/aorta/src/modules/Root/Viewer/MprViewer/index.tsx b/apps/aorta/src/modules/Root/Viewer/MprViewer/index.tsx
new file mode 100644
index 0000000..90e930a
--- /dev/null
+++ b/apps/aorta/src/modules/Root/Viewer/MprViewer/index.tsx
@@ -0,0 +1,133 @@
+import { relative } from "path";
+import React, { useEffect, useRef, useState } from "react";
+import * as THREE from "three";
+import { TrackballControls } from "three/examples/jsm/controls/TrackballControls";
+
+type ThreeJSComponentProps = {
+ // 你可以在这里添加任何需要的props
+};
+
+export const MprViewer: React.FC
+
+ 
+
+ );
+};
diff --git a/apps/aorta/src/modules/Root/Viewer/VolumeViewer/index.tsx b/apps/aorta/src/modules/Root/Viewer/VolumeViewer/index.tsx
new file mode 100644
index 0000000..439cf02
--- /dev/null
+++ b/apps/aorta/src/modules/Root/Viewer/VolumeViewer/index.tsx
@@ -0,0 +1,63 @@
+import axios from "axios";
+import { useEffect, useRef } from "react";
+import * as cornerstone from "cornerstone-core";
+import dicomParser from "dicom-parser";
+import cornerstoneDICOMImageLoader from "@cornerstonejs/dicom-image-loader";
+
+interface VolumeViewerProps {
+ children?: JSX.Element;
+}
+
+const StudyInstanceUID =
+ "1.2.840.113619.2.416.200043823236217877797891016883696407563"; // 你的 studyInstanceUID
+const SeriesInstanceUID =
+ "1.2.840.113619.6.80.114374075765625.22940.1553237925965.1"; // 你的 seriesInstanceUID
+
+export const VolumeViewer = (props: VolumeViewerProps) => {
+ const dicomRef = useRef(null);
+ const url = `/dicom-web/studies/${StudyInstanceUID}/series/${SeriesInstanceUID}/instances`;
+
+ useEffect(() => {
+ cornerstoneDICOMImageLoader.external.cornerstone = cornerstone;
+ cornerstoneDICOMImageLoader.external.dicomParser = dicomParser;
+
+ // cornerstoneWADOImageLoader.configure({ useWebWorkers: true });
+
+ const config = {
+ maxWebWorkers: navigator.hardwareConcurrency || 1,
+ startWebWorkersOnDemand: true,
+ taskConfiguration: {
+ decodeTask: {
+ initializeCodecsOnStartup: false,
+ },
+ },
+ };
+ cornerstoneDICOMImageLoader.webWorkerManager.initialize(config);
+ }, []);
+
+ useEffect(() => {
+ cornerstone.enable(dicomRef.current!);
+ axios
+ .get(url)
+ .then((response) => {
+ const objectUIDs = response.data.map(
+ (i: any) => i["00080018"].Value[0]
+ );
+ objectUIDs.forEach((i: any) => {
+ const imageId = `wadors:/dicom-web/studies/${StudyInstanceUID}/series/${SeriesInstanceUID}/instances/${i}/frames/1`;
+ cornerstone.loadImage(imageId).then((image: any) => {
+ cornerstone.displayImage(dicomRef.current!, image);
+ });
+ });
+ })
+ .catch((error) => {
+ console.error("Error fetching instances:", error);
+ });
+ }, []);
+
+ return (
+
+
+
+ );
+};
diff --git a/apps/aorta/src/modules/Root/Viewer/index.tsx b/apps/aorta/src/modules/Root/Viewer/index.tsx
index 64b1c8f..0a5b93f 100644
--- a/apps/aorta/src/modules/Root/Viewer/index.tsx
+++ b/apps/aorta/src/modules/Root/Viewer/index.tsx
@@ -1,4 +1,6 @@
import { DiffViewer } from "./DiffViewer";
+import { MprViewer } from "./MprViewer";
+import { VolumeViewer } from "./VolumeViewer";
interface RootViewerProps {
children?: JSX.Element;
@@ -7,7 +9,7 @@ interface RootViewerProps {
export const RootViewer = (props: RootViewerProps) => {
return (
-
);
};
diff --git a/apps/aorta/src/modules/Root/Viewer/thickness/STLViewer.tsx b/apps/aorta/src/modules/Root/Viewer/thickness/STLViewer.tsx
deleted file mode 100644
index 1c7608b..0000000
--- a/apps/aorta/src/modules/Root/Viewer/thickness/STLViewer.tsx
+++ /dev/null
@@ -1,106 +0,0 @@
-import React, { useEffect, useRef } from "react";
-import * as THREE from "three";
-import { STLLoader } from "three/examples/jsm/loaders/STLLoader";
-import { OrbitControls } from "three/examples/jsm/controls/OrbitControls";
-import {
- autoScale,
- createEnclosedGeometry,
- getOffsetTriangles,
- getTriangleVertexs,
-} from "./util";
-
-export const STLViewer: React.FC = () => {
- const containerRef = useRef
- 123
-
- );
-};
diff --git a/apps/aorta/src/modules/Root/Viewer/thickness/util.ts b/apps/aorta/src/modules/Root/Viewer/thickness/util.ts
deleted file mode 100644
index 13ab224..0000000
--- a/apps/aorta/src/modules/Root/Viewer/thickness/util.ts
+++ /dev/null
@@ -1,202 +0,0 @@
-import * as THREE from "three";
-
-export const autoScale = (geometry: THREE.BufferGeometry) => {
- // 计算模型的边界
- geometry.computeBoundingBox();
- // 获取模型的大小
- const modelSize = geometry.boundingBox!.getSize(new THREE.Vector3());
- const maxSize = Math.max(modelSize.x, modelSize.y, modelSize.z);
- // 根据模型的大小设置一个缩放因子
- const scaleFactor = 2 / maxSize; // 假设我们希望模型最大为2单位
- return scaleFactor;
-};
-
-export const getTriangleVertexs = (
- geometry: THREE.BufferGeometry
-): THREE.Vector3[][] => {
- const positions = geometry.attributes.position;
- const triangles: THREE.Vector3[][] = [];
-
- const getTriangleVertices = (
- index1: number,
- index2: number,
- index3: number
- ) => [
- new THREE.Vector3(
- positions.getX(index1),
- positions.getY(index1),
- positions.getZ(index1)
- ),
- new THREE.Vector3(
- positions.getX(index2),
- positions.getY(index2),
- positions.getZ(index2)
- ),
- new THREE.Vector3(
- positions.getX(index3),
- positions.getY(index3),
- positions.getZ(index3)
- ),
- ];
-
- if (geometry.index) {
- const indices = geometry.index.array;
- for (let i = 0; i < indices.length; i += 3) {
- triangles.push(
- getTriangleVertices(indices[i], indices[i + 1], indices[i + 2])
- );
- }
- } else {
- for (let i = 0; i < positions.count; i += 3) {
- triangles.push(getTriangleVertices(i, i + 1, i + 2));
- }
- }
-
- return triangles;
-};
-
-export const getOffsetTriangles = (
- triangles: THREE.Vector3[][],
- offset: number
-): THREE.Vector3[][] => {
- const newTriangles: THREE.Vector3[][] = [];
-
- triangles.forEach((triangle) => {
- // 计算三角形的法线
- const normal = new THREE.Vector3();
- const edge1 = new THREE.Vector3().subVectors(triangle[1], triangle[0]);
- const edge2 = new THREE.Vector3().subVectors(triangle[2], triangle[0]);
- normal.crossVectors(edge1, edge2).normalize();
-
- // 使用法线和偏移量计算新的三角形顶点
- const offsetNormal = normal.clone().multiplyScalar(offset);
- const newTriangle = triangle.map((vertex) =>
- vertex.clone().sub(offsetNormal)
- );
- newTriangles.push(newTriangle);
- });
-
- return newTriangles;
-};
-
-export const createEnclosedGeometry = (
- triangles: THREE.Vector3[][],
- newTriangles: THREE.Vector3[][]
-): THREE.BufferGeometry => {
- const geometry = new THREE.BufferGeometry();
- const vertices: THREE.Vector3[] = [];
- const indices: number[] = [];
-
- const processedEdges: Set