From 953033b768ced6f822abf615e46eaf6d7fcd25e8 Mon Sep 17 00:00:00 2001
From: wangxiaoshuang <825034831@qq.com>
Date: Thu, 5 Feb 2026 10:17:00 +0800
Subject: [PATCH] =?UTF-8?q?=E9=9D=9Edicom=E9=98=85=E7=89=87=E9=BC=A0?=
 =?UTF-8?q?=E6=A0=87=E6=BB=9A=E5=8A=A8=E7=BF=BB=E9=A1=B5=E6=97=B6=E5=8F=96?=
 =?UTF-8?q?=E6=B6=88=E9=80=89=E4=B8=AD=E5=B7=A5=E5=85=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../reading/visit-review/components/FileViewer.vue | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/views/trials/trials-panel/reading/visit-review/components/FileViewer.vue b/src/views/trials/trials-panel/reading/visit-review/components/FileViewer.vue
index e6b32352..1d237434 100644
--- a/src/views/trials/trials-panel/reading/visit-review/components/FileViewer.vue
+++ b/src/views/trials/trials-panel/reading/visit-review/components/FileViewer.vue
@@ -128,7 +128,7 @@
       </div>
     </div>
     <!-- viewports -->
-    <div class="viewports-wrapper" v-loading="loading">
+    <div class="viewports-wrapper" v-loading="loading" ref="viewports-wrapper">
       <div class="grid-container" :style="gridStyle">
         <div v-for="(v, index) in viewportInfos" v-show="index < cells.length" :key="index" :style="cellStyle"
           :class="['grid-cell', index === activeCanvasIndex ? 'cell_active' : '', index === fullScreenIndex ? 'cell-full-screen' : '']"
@@ -495,14 +495,14 @@ export default {
     this.initLoader()
     window.addEventListener('message', this.handleIframeMessage)
     this.getTrialCriterion()
+    this.$refs['viewports-wrapper'].addEventListener('wheel', (e) => {
+      this.setToolsPassive()
+    });
   },
   beforeDestroy() {
     window.removeEventListener('message', this.handleIframeMessage)
   },
   methods: {
-    abc(v) {
-      console.log(v)
-    },
     async handleSubmitKeyDoc() {
       try {
         let data = {
@@ -757,6 +757,7 @@ export default {
       const renderingEngine = getRenderingEngine(renderingEngineId)
       const viewport = renderingEngine.getViewport(`canvas-${canvasIndex}`)
       await viewport.setStack(imageIds)
+      this.setToolsPassive()
       viewport.setImageIdIndex(sliceIndex)
       viewport.render()
       // this.updateViewportInfos()
@@ -835,6 +836,7 @@ export default {
       const viewport = renderingEngine.getViewport(
         this.viewportInfos[i].viewportId
       )
+      this.setToolsPassive()
       viewport.setImageIdIndex(index)
       viewport.render()
     },
@@ -1320,7 +1322,7 @@ export default {
           annotation.markId = params.MarkId
           annotation.id = res.Result
           if (!isNaN(parseFloat(ps))) this.$emit('getEcrf', { type: "changePlottingScaleChangeAnswer", VisitTaskId: this.taskInfo.VisitTaskId, noneDicomFileId: annotation.noneDicomFileId, path: annotation.path || '', picturePath, psArr: this.psArr, isRemovePlottingScale: ps < 0 ? true : false })
-          
+
           this.$emit('getMarkedFileIds', { type: "add", visitTaskId: this.taskInfo.VisitTaskId, fileId: annotation.noneDicomFileId })
         })
 
@@ -1811,6 +1813,7 @@ export default {
       const viewport = renderingEngine.getViewport(
         this.viewportInfos[i].viewportId
       )
+      this.setToolsPassive()
       viewport.setImageIdIndex(sliceIdx)
       viewport.render()
       // this.$emit('toggleImage', { taskId: this.viewportInfos[i].taskInfo.VisitTaskId, studyId: this.viewportInfos[i].studyId, imageIndex: sliceIdx })
@@ -1837,6 +1840,7 @@ export default {
       const viewport = renderingEngine.getViewport(
         this.viewportInfos[i].viewportId
       )
+      this.setToolsPassive()
       viewport.setImageIdIndex(sliceIdx)
       viewport.render()
       // }