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 = ','