From ecf4c7425960dc377807aad4210de04df3f07aab Mon Sep 17 00:00:00 2001
From: wangxiaoshuang <825034831@qq.com>
Date: Fri, 16 Jan 2026 15:40:00 +0800
Subject: [PATCH] =?UTF-8?q?=E9=9D=9EDICOM=E9=98=85=E7=89=87=E5=B7=A5?=
 =?UTF-8?q?=E5=85=B7=EF=BC=8C=E5=A2=9E=E5=8A=A0=E5=9B=BE=E5=83=8F=E6=A0=87?=
 =?UTF-8?q?=E8=AF=86=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../visit-review/components/FileViewer.vue    |  7 +++++--
 .../visit-review/components/StudyList.vue     | 19 +++++++++++++++++--
 2 files changed, 22 insertions(+), 4 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 1ddbf378..c5ac8186 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
@@ -146,7 +146,7 @@
               <h2 v-if="taskInfo && taskInfo.IsReadingShowSubjectInfo && v.taskInfo" class="subject-info">
                 {{ `${taskInfo.SubjectCode} ${v.taskInfo.TaskBlindName} ` }}
               </h2>
-              <!-- <div v-if="v.currentFileName">{{ v.currentFileName }}</div> -->
+              <div v-if="v.currentFileName">{{ v.currentFileName }}</div>
             </div>
             <div v-if="taskInfo && taskInfo.IsReadingTaskViewInOrder === 1 && v.taskInfo" class="top-center-tool">
               <div class="toggle-visit-container">
@@ -183,7 +183,7 @@
                 <h2 v-if="taskInfo && taskInfo.IsReadingShowSubjectInfo && v.taskInfo" class="subject-info">
                   {{ `${taskInfo.SubjectCode} ${v.taskInfo.TaskBlindName} ` }}
                 </h2>
-                <!-- <div v-if="v.currentFileName">{{ v.currentFileName }}</div> -->
+                <div v-if="v.currentFileName">{{ v.currentFileName }}</div>
               </div>
               <div v-if="taskInfo && taskInfo.IsReadingTaskViewInOrder === 1 && v.taskInfo" class="top-center-tool">
                 <div class="toggle-visit-container">
@@ -495,6 +495,9 @@ export default {
     window.removeEventListener('message', this.handleIframeMessage)
   },
   methods: {
+    abc(v) {
+      console.log(v)
+    },
     async handleSubmitKeyDoc() {
       try {
         let data = {
diff --git a/src/views/trials/trials-panel/reading/visit-review/components/StudyList.vue b/src/views/trials/trials-panel/reading/visit-review/components/StudyList.vue
index 0ee5ef3e..38561a57 100644
--- a/src/views/trials/trials-panel/reading/visit-review/components/StudyList.vue
+++ b/src/views/trials/trials-panel/reading/visit-review/components/StudyList.vue
@@ -8,7 +8,7 @@
         {{ visitTaskInfo.TaskBlindName }}
       </div>
     </div>
-    <div class="ps">
+    <div class="ps" ref="studyBox_ps">
       <el-collapse v-model="activeNames" @change="handleChange">
         <el-collapse-item v-for="(study, index) in studyList" :key="`${study.Id}`" :name="`${study.Id}`">
           <template slot="title">
@@ -31,7 +31,7 @@
           </template>
           <div class="file-list-container">
             <div v-for="(k, i) in study.NoneDicomStudyFileList" :key="i" style="position:relative;margin-top:1px;"
-              @click="selectFile(study, index, i, k)">
+              @click="selectFile(study, index, i, k)" :ref="`noneDicomRef_${i}`">
               <div :class="{ 'file-active': index === activeStudyIndex && i === activeFileIndex }" class="file-wrapper">
                 <div class="file-image">
                   <el-image
@@ -87,7 +87,22 @@ export default {
     })
     this.BodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
   },
+  watch: {
+    activeFileIndex() {
+      this.scrollElementToTop(this.$refs[`noneDicomRef_${this.activeFileIndex}`][0], {
+        offset: 50
+      })
+    },
+  },
   methods: {
+    scrollElementToTop(element, options = {}) {
+      const absoluteTop = element.offsetTop;
+      const targetPosition = absoluteTop - (options.offset || 0);
+      this.$refs['studyBox_ps'].scrollTo({
+        top: targetPosition,
+        behavior: options.behavior || 'smooth'
+      });
+    },
     getBodyPart(bodyPart, other) {
       if (!bodyPart && !other) return ''
       var separator = ','