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>
   );
 };