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>