apps/desktop/src/pages/Viewer/index.tsx

@@ -68,7 +68,6 @@ export const Viewer = () => {
   const [imageIds, setImageIds] = useState<string[]>();
   const renderingEngineId = "renderEngineNo1";
   const renderingEngineRef = useRef<RenderingEngine>();
-  const volumeRef = useRef<Record<string, any>>();
 
   useEffect(() => {
     cornerstoneTools.addTool(StackScrollMouseWheelTool);
@@ -90,10 +89,10 @@ export const Viewer = () => {
         wadoRsRoot,
       });
       // 这一步会对imageIds进行排序，如果不排序imageIds会错误乱,stackViewport顺序会错误
-      volumeRef.current = await volumeLoader.createAndCacheVolume(volumeId, {
+      const volume = await volumeLoader.createAndCacheVolume(volumeId, {
-        imageIds
+        imageIds,
       });
-      volumeRef.current.load();
+      volume.load();
 
       const volumeViewportInput: PublicViewportInput[] = [
         {
@@ -142,8 +141,8 @@ export const Viewer = () => {
         stackViewportId
       ) as IStackViewport;
 
-      stackViewport.setStack(volumeRef.current.imageIds);
+      stackViewport.setStack(volume.imageIds);
-      setImageIds(volumeRef.current.imageIds);
+      setImageIds(volume.imageIds);
 
       await setVolumesForViewports(
         renderingEngineRef.current,
@@ -202,8 +201,7 @@ export const Viewer = () => {
       }
 
       // 默认windowWidtth
-      const { windowCenter, windowWidth } =
+      const { windowCenter, windowWidth } = volume.cornerstoneImageMetaData;
-        volumeRef.current.cornerstoneImageMetaData;
       console.log("默认窗宽/位: ", windowCenter, windowWidth);
     };
 
@@ -221,14 +219,10 @@ export const Viewer = () => {
       ToolGroupManager.destroyToolGroup(toolGroupMprId);
       ToolGroupManager.destroyToolGroup(toolGroupStackId);
 
-      cornerstoneTools.removeTool(StackScrollMouseWheelTool);1
+      cornerstoneTools.removeTool(StackScrollMouseWheelTool);
       cornerstoneTools.removeTool(CrosshairsTool);
       cornerstoneTools.removeTool(WindowLevelTool);
       cornerstoneTools.removeTool(ZoomTool);
-
-      renderingEngineRef.current
-        ?.getVolumeViewports()
-        .forEach((vp) => vp.setVolumes([]));
     };
   }, [SeriesInstanceUID, StudyInstanceUID]);