From 4097389447af91521a41013e750d44e6c15732b1 Mon Sep 17 00:00:00 2001
From: caiyiling <1321909229@qq.com>
Date: Wed, 12 Mar 2025 16:11:16 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=BE=E7=89=87=E6=B8=B2=E6=9F=93=E7=AA=97?=
 =?UTF-8?q?=E5=8F=A3=E6=BB=9A=E5=8A=A8=E6=9D=A1=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../visit-review/components/FileViewer.vue    | 26 ++++++++++++-------
 1 file changed, 17 insertions(+), 9 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 ff9a338d..582eafdd 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
@@ -100,6 +100,7 @@
           @click="activeCanvas(index)"
           @mouseup="sliderMouseup($event, index)"
           @mousemove="sliderMousemove($event, index)"
+          @mouseleave="sliderMouseleave($event, index)"
         >
           <div v-show="imageType.includes(v.fileType)" :ref="`canvas-${index}`" class="content">
             <div class="left-top-text">
@@ -145,7 +146,7 @@
               </div>
             </div>
             <div :ref="`sliderBox-${index}`" class="right-slider-box" @click.stop="clickSlider($event, index)">
-              <div :style="{top: v.height + '%'}" class="slider" @click.stop.prevent="() => {return}" @mousedown.stop="sliderMousedown($event, index)" />
+              <div :style="{top: v.height + '%'}" class="slider" @click.stop.prevent="() => {return}" @mousedown.stop="sliderMousedown($event, index)"/>
             </div>
           </div>
           <div v-show="v.fileType === 'application/pdf' && fullScreenIndex === null " class="content flex_col">
@@ -873,15 +874,22 @@ export default {
       let sliceIdx = Math.trunc(this.viewportInfos[i].imageIds.length * height / 100)
       sliceIdx = sliceIdx >= this.viewportInfos[i].imageIds.length ? this.viewportInfos[i].imageIds.length - 1 : sliceIdx < 0 ? 0 : sliceIdx
       this.viewportInfos[i].height = height
-      if (this.viewportInfos[i].currentImageIdIndex !== i) {
-        const renderingEngine = getRenderingEngine(renderingEngineId)
-        const viewport = renderingEngine.getViewport(
-          this.viewportInfos[i].viewportId
-        )
-        viewport.setImageIdIndex(sliceIdx)
-        viewport.render()
+      // if (this.viewportInfos[i].currentImageIdIndex !== i) {
+      const renderingEngine = getRenderingEngine(renderingEngineId)
+      const viewport = renderingEngine.getViewport(
+        this.viewportInfos[i].viewportId
+      )
+      viewport.setImageIdIndex(sliceIdx)
+      viewport.render()
+      // }
         // this.$emit('toggleImage', { taskId: this.viewportInfos[i].taskInfo.VisitTaskId, studyId: this.viewportInfos[i].studyId, imageIndex: sliceIdx })
-      }
+      
+    },
+    sliderMouseleave(e, index) {
+      const i = this.viewportInfos.findIndex(i => i.index === index)
+      if (i === -1 && this.imageType.includes(this.viewportInfos[i].fileType)) return
+      if (!this.viewportInfos[i].isMove) return
+      this.viewportInfos[i].isMove = false
     },
     sliderMousedown(e, index) {
       const i = this.viewportInfos.findIndex(i => i.index === index)