From d2fae4010024ec828863c231c85aabc061f3906f Mon Sep 17 00:00:00 2001
From: caiyiling <1321909229@qq.com>
Date: Wed, 3 Jun 2026 10:24:24 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E9=A2=84=E8=A7=88=E5=A4=9A?=
 =?UTF-8?q?=E5=B8=A7=E6=9B=B4=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Dicom/DicomCanvas.vue   |  2 +-
 src/views/dicom-show/dicom-preview.vue | 12 ++++++++++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/Dicom/DicomCanvas.vue b/src/components/Dicom/DicomCanvas.vue
index b0fdab35..596c4507 100644
--- a/src/components/Dicom/DicomCanvas.vue
+++ b/src/components/Dicom/DicomCanvas.vue
@@ -399,7 +399,7 @@ export default {
       var data = e.detail.image.data
       this.dicomInfo.hospital = data.string('x00080080')
       // let instanceInfo = this.series.instanceInfoList.find(item => item.ImageId === e.detail.image.imageId)
-      let instanceInfo = this.series?.instanceInfoList.find(item => {
+      let instanceInfo = this.series?.instanceInfoList?.find(item => {
         let s1 = item.ImageId ? item.ImageId.split("?")[0] : ''
         let s2 = e.detail.image.imageId ? e.detail.image.imageId.split("?")[0] : ''
         return s1 === s2
diff --git a/src/views/dicom-show/dicom-preview.vue b/src/views/dicom-show/dicom-preview.vue
index ff1bb2fd..0d79fcef 100644
--- a/src/views/dicom-show/dicom-preview.vue
+++ b/src/views/dicom-show/dicom-preview.vue
@@ -54,7 +54,8 @@
                                   <div
                                     v-for="(instance, idx) in item.instanceInfoList"
                                     :key="instance.InstanceUid"
-                                    class="frame_content"
+                                    class="frame_content" 
+                                    :class="{ 'frame_content_active': activeInstanceUid === instance.InstanceUid }"
                                     :style="{'margin-bottom':idx<item.instanceInfoList.length-1? '5px':'0px'}"
                                     @click="showMultiFrames(item, index, instance)"
                                   >
@@ -136,7 +137,8 @@ export default {
       studyTitle: '',
       seriesCount: 0,
       seriesList: [],
-      currentSeriesIndex: -1
+      currentSeriesIndex: -1,
+      activeInstanceUid: null
     }
   },
 
@@ -231,6 +233,7 @@ export default {
     },
     showMultiFrames(series, seriesIndex, instanceInfo) {
       this.currentSeriesIndex = seriesIndex
+      this.activeInstanceUid = instanceInfo.InstanceUid
       const imageIds = []
       if (instanceInfo.NumberOfFrames && instanceInfo.NumberOfFrames > 1) {
         for (let j = 0; j < instanceInfo.NumberOfFrames; j++) {
@@ -252,6 +255,7 @@ export default {
     showSeriesImage(seriesIndex) {
       // if (seriesIndex === this.currentSeriesIndex) return;
       this.currentSeriesIndex = seriesIndex
+      this.activeInstanceUid = null
       this.$refs.dicomViewer.loadImageStack(this.seriesList[seriesIndex])
     },
     closeDialog() {
@@ -429,4 +433,8 @@ export default {
     border-color: #213a54 !important;
     background-color: #213a54;
   }
+  .frame_content_active {
+    border-color: #213a54 !important;
+    background-color: #213a54;
+  }
 </style>