From e58fbdcab63628a36e212b373107cdf9f6b18948 Mon Sep 17 00:00:00 2001
From: wangxiaoshuang <825034831@qq.com>
Date: Thu, 8 Jan 2026 15:17:18 +0800
Subject: [PATCH] =?UTF-8?q?=E9=9D=9Edicom=E9=98=85=E7=89=87=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E8=A7=86=E9=A2=91=E6=9F=A5=E7=9C=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../visit-review/components/StudyList.vue     | 106 +++++++++---------
 1 file changed, 52 insertions(+), 54 deletions(-)

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 c688686a..bce65d3d 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
@@ -1,16 +1,10 @@
 <template>
   <div v-loading="loading" class="study-wrapper">
     <div class="study-info">
-      <div
-        v-if="taskInfo && taskInfo.IsReadingShowSubjectInfo"
-        :title="taskInfo.SubjectCode"
-      >
+      <div v-if="taskInfo && taskInfo.IsReadingShowSubjectInfo" :title="taskInfo.SubjectCode">
         {{ taskInfo.SubjectCode }}
       </div>
-      <div
-        v-if="taskInfo && taskInfo.IsReadingShowSubjectInfo"
-        :title="visitTaskInfo.TaskBlindName"
-      >
+      <div v-if="taskInfo && taskInfo.IsReadingShowSubjectInfo" :title="visitTaskInfo.TaskBlindName">
         {{ visitTaskInfo.TaskBlindName }}
       </div>
     </div>
@@ -18,14 +12,12 @@
       <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">
-            <div
-              v-if="!study.IsCriticalSequence"
-              class="dicom-desc"
-            >
+            <div v-if="!study.IsCriticalSequence" class="dicom-desc">
               <!-- <div v-if="taskInfo && taskInfo.IsShowStudyName">{{ study.StudyName }}</div> -->
               <div style="text-overflow: ellipsis;overflow: hidden;">
                 <span :title="study.CodeView">{{ study.CodeView }}</span>
-                <span v-if="taskInfo && taskInfo.IsShowStudyName" :title="study.StudyName" style="margin-left: 5px;">{{ study.StudyName }}</span>
+                <span v-if="taskInfo && taskInfo.IsShowStudyName" :title="study.StudyName" style="margin-left: 5px;">{{
+                  study.StudyName }}</span>
               </div>
               <div style="text-overflow: ellipsis;overflow: hidden;">
                 <span :title="study.BodyPart">{{ study.BodyPart }}</span>
@@ -38,31 +30,17 @@
             </div>
           </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)"
-            >
-              <div
-                :class="{'file-active': index === activeStudyIndex && i === activeFileIndex}"
-                class="file-wrapper"
-              >
+            <div v-for="(k, i) in study.NoneDicomStudyFileList" :key="i" style="position:relative;margin-top:1px;"
+              @click="selectFile(study, index, i, k)">
+              <div :class="{ 'file-active': index === activeStudyIndex && i === activeFileIndex }" class="file-wrapper">
                 <div class="file-image">
                   <el-image
                     v-if="k.FileType === 'image/jpeg' || k.FileType === 'image/jpg' || k.FileType === 'image/bmp' || k.FileType === 'image/png'"
                     style="width: 100%;height: 100%;"
                     :src="`${OSSclientConfig.basePath}${k.Path}?x-oss-process=image/resize,w_50,h_50/format,png`"
-                    fit="contain"
-                    crossorigin="anonymous"
-                  />
-                  <el-image
-                    v-else-if="k.FileType === 'application/pdf'"
-                    style="width: 100%;height: 100%;"
-                    :src="pdf"
-                    fit="contain"
-                    crossorigin="anonymous"
-                  />
+                    fit="contain" crossorigin="anonymous" />
+                  <el-image v-else-if="k.FileType === 'application/pdf'" style="width: 100%;height: 100%;" :src="pdf"
+                    fit="contain" crossorigin="anonymous" />
                 </div>
                 <div class="file-text" :title="k.FileName">
                   {{ k.FileName }}
@@ -117,7 +95,12 @@ export default {
       })
     },
     // 切换文件
-    selectFile(study, studyIndex, fileIndex) {
+    selectFile(study, studyIndex, fileIndex, item) {
+      if (item.FileType.includes('mp4')) return this.$preview({
+        path: item.Path || item.FilePath,
+        type: 'mp4',
+        title: item.FileName,
+      })
       this.activeStudyIndex = studyIndex
       this.activeFileIndex = fileIndex
       const fileList = study.NoneDicomStudyFileList
@@ -145,13 +128,14 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-.study-wrapper{
-  width:100%;
+.study-wrapper {
+  width: 100%;
   height: 100%;
   overflow-y: hidden;
   overflow-x: hidden;
   display: flex;
   flex-direction: column;
+
   .study-info {
     font-size: 16px;
     font-weight: bold;
@@ -162,7 +146,8 @@ export default {
     background-color: #4c4c4c;
     height: 50px;
   }
-  .dicom-desc{
+
+  .dicom-desc {
     font-weight: bold;
     font-size: 13px;
     text-align: left;
@@ -179,19 +164,23 @@ export default {
     touch-action: auto;
     overflow-y: auto;
   }
+
   .file-active {
-    background-color: #607d8b!important;
-    border: 1px solid #607d8b!important;
+    background-color: #607d8b !important;
+    border: 1px solid #607d8b !important;
   }
-  ::v-deep.el-progress__text{
+
+  ::v-deep.el-progress__text {
     color: #ccc;
     font-size: 12px;
   }
-  .file-list-container{
+
+  .file-list-container {
     width: 100%;
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
+
     .file-wrapper {
       width: 100%;
       padding: 5px;
@@ -200,20 +189,24 @@ export default {
       align-items: center;
       cursor: pointer;
       background-color: #3a3a3a;
+
       // color: #ddd;
       // white-space: nowrap;
       // overflow: hidden;
       // text-overflow: ellipsis;
-      .el-progress__text{
+      .el-progress__text {
         display: none;
       }
-      .el-progress-bar{
-        padding-right:0px;
+
+      .el-progress-bar {
+        padding-right: 0px;
       }
+
       .file-image {
         width: 50px;
         height: 50px;
       }
+
       .file-text {
         flex: 1;
         padding-left: 5px;
@@ -225,27 +218,32 @@ export default {
 
     }
   }
-  ::v-deep.el-collapse{
+
+  ::v-deep.el-collapse {
     border: none;
-    .el-collapse-item{
-      background-color: #000!important;
+
+    .el-collapse-item {
+      background-color: #000 !important;
       color: #ddd;
 
     }
-    .el-collapse-item__content{
-      padding-bottom:0px;
-      background-color: #000!important;
+
+    .el-collapse-item__content {
+      padding-bottom: 0px;
+      background-color: #000 !important;
     }
-    .el-collapse-item__header{
-      background-color: #000!important;
+
+    .el-collapse-item__header {
+      background-color: #000 !important;
       color: #ddd;
-      border-bottom-color:#5a5a5a;
+      border-bottom-color: #5a5a5a;
       padding-left: 5px;
       height: 60px;
       line-height: 20px;
     }
   }
-  ::v-deep .el-progress-bar__inner{
+
+  ::v-deep .el-progress-bar__inner {
     transition: width 0s ease;
   }
 }