From c3c8f24feef3179a166a76eee91f0a0a121c5d67 Mon Sep 17 00:00:00 2001
From: mozzie <himozzie@foxmail.com>
Date: Thu, 12 Sep 2024 16:37:06 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=B0=83=E6=95=B4mpr=E4=B8=BA=E5=9E=82?=
 =?UTF-8?q?=E7=9B=B4=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                                     |  6 +++++-
 .../src/pages/Viewer/MprViewer/Crosshair.tsx  | 10 ++++------
 apps/desktop/src/pages/Viewer/index.tsx       | 20 ++++++++++++-------
 3 files changed, 22 insertions(+), 14 deletions(-)

diff --git a/README.md b/README.md
index f9ae2ff..52cd97e 100644
--- a/README.md
+++ b/README.md
@@ -15,4 +15,8 @@ pnpm config set virtual-store-dir-max-length 70
 
 - dicom导入后，本地appData建立一个拷贝区域，复制dicom原片，满足二次导出，防止原片的路径修改、移动硬盘被拔电源
 
-- log 分模块记录日志，目前都在AppData/Romaing/@cvpilot/main.log 里面
\ No newline at end of file
+- log 分模块记录日志，目前都在AppData/Romaing/@cvpilot/main.log 里面
+
+- 脱敏后总结metadata
+
+- 影像关键位置标签文字总结到滚层
\ No newline at end of file
diff --git a/apps/desktop/src/pages/Viewer/MprViewer/Crosshair.tsx b/apps/desktop/src/pages/Viewer/MprViewer/Crosshair.tsx
index 32dc909..e9291d9 100644
--- a/apps/desktop/src/pages/Viewer/MprViewer/Crosshair.tsx
+++ b/apps/desktop/src/pages/Viewer/MprViewer/Crosshair.tsx
@@ -190,12 +190,10 @@ export const CrosshairMpr = (props: CrosshairMprProps) => {
   }, []);
 
   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>
+    <div className="h-full">
+      <div className="h-1/3" ref={viewportId1Ref}></div>
+      <div className="h-1/3" ref={viewportId2Ref}></div>
+      <div className="h-1/3" ref={viewportId3Ref}></div>
     </div>
   );
 };
diff --git a/apps/desktop/src/pages/Viewer/index.tsx b/apps/desktop/src/pages/Viewer/index.tsx
index 4a39471..6c75c70 100644
--- a/apps/desktop/src/pages/Viewer/index.tsx
+++ b/apps/desktop/src/pages/Viewer/index.tsx
@@ -10,18 +10,24 @@ export const Viewer = () => {
   const SeriesInstanceUID = queryParams.get("SeriesInstanceUID"); // 获取URL参数
   const StudyInstanceUID = queryParams.get("StudyInstanceUID"); // 获取URL参数
 
+  console.log(StudyInstanceUID);
+  console.log(SeriesInstanceUID);
+
   useEffect(() => {
     initCornerstone().then(() => setCornerstoneLoaded(true));
   }, []);
 
   return (
-    <div>
-      {cornerstoneLoaded && StudyInstanceUID && SeriesInstanceUID && (
-        <CrosshairMpr
-          StudyInstanceUID={StudyInstanceUID}
-          SeriesInstanceUID={SeriesInstanceUID}
-        />
-      )}
+    <div className="w-full h-full flex">
+      <div className="w-2/3 h-full">vr</div>
+      <div className="w-1/3 h-full">
+        {cornerstoneLoaded && StudyInstanceUID && SeriesInstanceUID && (
+          <CrosshairMpr
+            StudyInstanceUID={StudyInstanceUID}
+            SeriesInstanceUID={SeriesInstanceUID}
+          />
+        )}
+      </div>
     </div>
   );
 };