From 7a52507d276e7a86859f06ceafe4f7f78f3ae171 Mon Sep 17 00:00:00 2001
From: caiyiling <1321909229@qq.com>
Date: Fri, 5 Jun 2026 14:58:46 +0800
Subject: [PATCH] =?UTF-8?q?=E9=98=85=E7=89=87=E9=A1=B5=E9=9D=A2=E6=A3=80?=
 =?UTF-8?q?=E6=9F=A5=E5=88=97=E8=A1=A8=E6=9B=B4=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../reading/dicoms3D/components/StudyList.vue | 216 +++++++++---------
 1 file changed, 109 insertions(+), 107 deletions(-)

diff --git a/src/views/trials/trials-panel/reading/dicoms3D/components/StudyList.vue b/src/views/trials/trials-panel/reading/dicoms3D/components/StudyList.vue
index ae4e1778..a41a442e 100644
--- a/src/views/trials/trials-panel/reading/dicoms3D/components/StudyList.vue
+++ b/src/views/trials/trials-panel/reading/dicoms3D/components/StudyList.vue
@@ -10,124 +10,124 @@
     </div>
     <div class="ps">
       <el-collapse v-model="activeNames">
-        <template v-for="(study, index) in studyList">
-          <el-collapse-item :key="`${study.StudyId}`" :name="`${study.StudyId}`" v-if="!study.IsCriticalSequence">
-            <template slot="title">
-              <div v-if="readingTool !== 3 || !study.IsCriticalSequence" class="dicom-desc">
-                <div style="text-overflow: ellipsis;overflow: hidden;">
-                  <span v-if="taskInfo && taskInfo.IsShowStudyName && study.StudyName" :title="study.StudyName">
-                    {{ study.StudyName }}
-                  </span>
-                </div>
-                <div>
-                  <span class="study-meta-line" :title="study.Modalities">
-                    <span class="study-code" :title="study.StudyCode">{{ study.StudyCode }}</span>
-                    <span class="study-modality">{{ `${study.Modalities}(${study.SeriesCount})` }}</span>
-                    <span class="patient-info" v-if="['PT、CT', 'CT、PT', 'PET-CT'].includes(study.Modalities)">
-                      <el-popover placement="right-start" trigger="hover" popper-class="patient-info-popper">
-                        <h4>{{ $t('trials:ptData:title') }}</h4>
-                        <div class="patient-info-row">
-                          <label>{{ $t('trials:ptData:label:patientSex') }}</label>
-                          <span>{{ study.PatientSex }}</span>
-                        </div>
-                        <div class="patient-info-row">
-                          <label>{{ $t('trials:ptData:label:patientWeight') }}</label>
-                          <span>{{ study.PatientWeight }}</span>
-                        </div>
-                        <div class="patient-info-row">
-                          <label>{{ $t('trials:ptData:label:totalDose') }}</label>
-                          <span>{{ study.RadionuclideTotalDose }}</span>
-                        </div>
-                        <div class="patient-info-row">
-                          <label>{{ $t('trials:ptData:label:halfLife') }}</label>
-                          <span>{{ study.RadionuclideHalfLife }}</span>
-                        </div>
-                        <div class="patient-info-row">
-                          <label>{{ $t('trials:ptData:label:injectTime') }}</label>
-                          <span>{{ study.RadiopharmaceuticalStartTime }}</span>
-                        </div>
-                        <div class="patient-info-row">
-                          <label>{{ $t('trials:ptData:label:acquisitionTime') }}</label>
-                          <span>{{ study.AcquisitionTime }}</span>
-                        </div>
-                        <i slot="reference" class="el-icon-document"
-                          style="font-size: 15px;cursor: pointer;color: #f5f7fa;" />
-                      </el-popover>
-                    </span>
-                  </span>
-                </div>
 
+        <el-collapse-item v-for="(study, index) in studyList" :key="`${study.StudyId}`"  :name="`${study.StudyId}`">
+          <template slot="title">
+            <div v-if="!study.IsCriticalSequence" class="dicom-desc">
+              <div style="text-overflow: ellipsis;overflow: hidden;">
+                <span v-if="taskInfo && taskInfo.IsShowStudyName && study.StudyName" :title="study.StudyName">
+                  {{ study.StudyName }}
+                </span>
               </div>
-              <div v-else>
-                <!-- 关键序列 -->
-                {{ $t('trials:reading:title:keySeries') }}
+              <div>
+                <span class="study-meta-line" :title="study.Modalities">
+                  <span class="study-code" :title="study.StudyCode">{{ study.StudyCode }}</span>
+                  <span class="study-modality">{{ `${study.Modalities}(${study.SeriesCount})` }}</span>
+                  <span class="patient-info" v-if="['PT、CT', 'CT、PT', 'PET-CT'].includes(study.Modalities)">
+                    <el-popover placement="right-start" trigger="hover" popper-class="patient-info-popper">
+                      <h4>{{ $t('trials:ptData:title') }}</h4>
+                      <div class="patient-info-row">
+                        <label>{{ $t('trials:ptData:label:patientSex') }}</label>
+                        <span>{{ study.PatientSex }}</span>
+                      </div>
+                      <div class="patient-info-row">
+                        <label>{{ $t('trials:ptData:label:patientWeight') }}</label>
+                        <span>{{ study.PatientWeight }}</span>
+                      </div>
+                      <div class="patient-info-row">
+                        <label>{{ $t('trials:ptData:label:totalDose') }}</label>
+                        <span>{{ study.RadionuclideTotalDose }}</span>
+                      </div>
+                      <div class="patient-info-row">
+                        <label>{{ $t('trials:ptData:label:halfLife') }}</label>
+                        <span>{{ study.RadionuclideHalfLife }}</span>
+                      </div>
+                      <div class="patient-info-row">
+                        <label>{{ $t('trials:ptData:label:injectTime') }}</label>
+                        <span>{{ study.RadiopharmaceuticalStartTime }}</span>
+                      </div>
+                      <div class="patient-info-row">
+                        <label>{{ $t('trials:ptData:label:acquisitionTime') }}</label>
+                        <span>{{ study.AcquisitionTime }}</span>
+                      </div>
+                      <i slot="reference" class="el-icon-document"
+                        style="font-size: 15px;cursor: pointer;color: #f5f7fa;" />
+                    </el-popover>
+                  </span>
+                </span>
               </div>
-            </template>
-            <div class="dicom-list-container">
-              <div v-for="(series, i) in study.SeriesList" :key="series.Id" style="position:relative;margin-top:1px;"
-                @click="activeSeries(series, i, index)">
-                <div :class="{ 'series-active': index === activeStudyIndex && i === activeSeriesIndex }"
-                  class="series-wrapper">
-                  <div class="series-image">
-                    <el-image style="width: 100%;height: 100%;"
-                      :src="`${OSSclientConfig.basePath}${series.ImageResizePath || series.NoneDicomFileFirstFile}`"
-                      fit="fill" crossorigin="anonymous" />
-                  </div>
-                  <div class="series-text">
-                    <div v-if="series.IsExistMutiFrames && series.InstanceCount > 1"
-                      style="position: absolute;right: 0;top: 0;">
-                      <el-popover placement="right" trigger="hover" popper-class="instance_frame_wrapper">
-                        <div class="frame_list">
-                          <div v-for="(instance, idx) in series.InstanceInfoList" :key="instance.Id"
-                            class="frame_content"
-                            :class="{ 'frame_content_active': activeInstanceId === instance.Id }"
-                            :style="{ 'margin-bottom': idx < series.InstanceInfoList.length - 1 ? '5px' : '0px' }"
-                            @click.stop="showMultiFrames(index, series, i, instance)">
-                            <div>
-                              <div>{{ instance.InstanceNumber }}</div>
-                              <div>{{ `${instance.NumberOfFrames > 0 ? instance.KeyFramesList.length > 0 ?
-                                instance.KeyFramesList.length : instance.NumberOfFrames : 1} frame` }}</div>
-                            </div>
 
+            </div>
+            <div v-else class="dicom-desc">
+              <!-- 关键序列 -->
+              {{ $t('trials:reading:title:keySeries') }}
+            </div>
+          </template>
+          <div class="dicom-list-container">
+            <div v-for="(series, i) in study.SeriesList" :key="series.Id" style="position:relative;margin-top:1px;"
+              @click="activeSeries(series, i, index)">
+              <div :class="{ 'series-active': index === activeStudyIndex && i === activeSeriesIndex }"
+                class="series-wrapper">
+                <div class="series-image">
+                  <el-image style="width: 100%;height: 100%;"
+                    :src="`${OSSclientConfig.basePath}${series.ImageResizePath || series.NoneDicomFileFirstFile}`"
+                    fit="fill" crossorigin="anonymous" />
+                </div>
+                <div class="series-text">
+                  <div v-if="series.IsExistMutiFrames && series.InstanceCount > 1"
+                    style="position: absolute;right: 0;top: 0;">
+                    <el-popover placement="right" trigger="hover" popper-class="instance_frame_wrapper">
+                      <div class="frame_list">
+                        <div v-for="(instance, idx) in series.InstanceInfoList" :key="instance.Id"
+                          class="frame_content"
+                          :class="{ 'frame_content_active': activeInstanceId === instance.Id }"
+                          :style="{ 'margin-bottom': idx < series.InstanceInfoList.length - 1 ? '5px' : '0px' }"
+                          @click.stop="showMultiFrames(index, series, i, instance)">
+                          <div>
+                            <div>{{ instance.InstanceNumber }}</div>
+                            <div>{{ `${instance.NumberOfFrames > 0 ? instance.KeyFramesList.length > 0 ?
+                              instance.KeyFramesList.length : instance.NumberOfFrames : 1} frame` }}</div>
                           </div>
+
                         </div>
-                        <i slot="reference" class="el-icon-connection"
-                          style="font-size: 15px;cursor: pointer;color: #ffeb3b;" />
-                      </el-popover>
-                    </div>
-                    <div v-if="!study.IsCriticalSequence" class="text-desc" :title="series.SeriesNumber">
-                      #{{ series.SeriesNumber }}
+                      </div>
+                      <i slot="reference" class="el-icon-connection"
+                        style="font-size: 15px;cursor: pointer;color: #ffeb3b;" />
+                    </el-popover>
+                  </div>
+                  <div v-if="!study.IsCriticalSequence" class="text-desc" :title="series.SeriesNumber">
+                    #{{ series.SeriesNumber }}
 
-                    </div>
-                    <div v-if="series.Description" class="text-desc" :title="series.Description">
-                      {{ series.Description }}
+                  </div>
+                  <div v-if="series.Description" class="text-desc" :title="series.Description">
+                    {{ series.Description }}
 
-                    </div>
-                    <div v-if="series.SliceThickness && !study.IsCriticalSequence" class="text-desc">
-                      T: {{ parseFloat(series.SliceThickness).toFixed(digitPlaces) }}
-                    </div>
-                    <div class="text-desc">
-                      <span v-show="series.LoadedImageCount < series.InstanceCount">
-                        {{ series.Modality }}: {{ series.LoadedImageCount }}/{{ series.InstanceCount }} image
-                      </span>
-                      <span v-show="series.LoadedImageCount >= series.InstanceCount">{{ series.Modality }}: {{
-                        series.InstanceCount
-                      }} image</span>
-                    </div>
-                    <div style="line-height: 12px;">
-                      <i v-show="series.IsBeSegment || series.IsBeMark || markedSeriesIds.includes(series.Id)"
-                        class="el-icon-star-on" style="font-size: 12px;color: #ff5722;" />
-                    </div>
+                  </div>
+                  <div v-if="series.SliceThickness && !study.IsCriticalSequence" class="text-desc">
+                    T: {{ parseFloat(series.SliceThickness).toFixed(digitPlaces) }}
+                  </div>
+                  <div class="text-desc">
+                    <span v-show="series.LoadedImageCount < series.InstanceCount">
+                      {{ series.Modality }}: {{ series.LoadedImageCount }}/{{ series.InstanceCount }} image
+                    </span>
+                    <span v-show="series.LoadedImageCount >= series.InstanceCount">{{ series.Modality }}: {{
+                      series.InstanceCount
+                    }} image</span>
+                  </div>
+                  <div style="line-height: 12px;">
+                    <i v-show="series.IsBeSegment || series.IsBeMark || markedSeriesIds.includes(series.Id)"
+                      class="el-icon-star-on" style="font-size: 12px;color: #ff5722;" />
                   </div>
                 </div>
-                <div v-if="series.LoadedImageCount > 0 && series.LoadedImageCount < series.InstanceCount"
-                  style="width: 100%;">
-                  <el-progress :percentage="parseInt((series.LoadedImageProgress / series.InstanceCount).toFixed(2))" />
-                </div>
+              </div>
+              <div v-if="series.LoadedImageCount > 0 && series.LoadedImageCount < series.InstanceCount"
+                style="width: 100%;">
+                <el-progress :percentage="parseInt((series.LoadedImageProgress / series.InstanceCount).toFixed(2))" />
               </div>
             </div>
-          </el-collapse-item>
-        </template>
+          </div>
+        </el-collapse-item>
+  
 
       </el-collapse>
     </div>
@@ -173,6 +173,7 @@ export default {
     const digitPlaces = Number(localStorage.getItem('digitPlaces'))
     this.digitPlaces = digitPlaces === -1 ? this.digitPlaces : digitPlaces
     this.studyList = this.visitTaskInfo.StudyList
+    console.log(this.studyList)
     this.annotations = this.visitTaskInfo.Annotations
     if (this.studyList.length === 0) return
     this.$nextTick(() => {
@@ -201,8 +202,9 @@ export default {
       this.activeStudyIndex = studyIndex
       this.activeSeriesIndex = seriesIndex
       this.activeInstanceId = null
-    },
+    }, 
     activeStudy(id) {
+      console.log('activeStudy')
       if (this.activeNames.indexOf(id) > -1) return
       this.activeNames.push(id)
     },