From 9ecaf5e267b9eb5844060804075622e506327e76 Mon Sep 17 00:00:00 2001
From: wangxiaoshuang <825034831@qq.com>
Date: Mon, 24 Aug 2026 09:45:13 +0800
Subject: [PATCH] 1

---
 .../reading/dicoms/components/DicomViewer.vue |  12 +-
 .../reading/dicoms/components/upload.js       |   1 +
 .../dicoms/customize/CustomizeDicomCanvas.vue |   6 +-
 .../dicoms/customize/CustomizeDicomViewer.vue |  52 ++--
 .../dicoms/customize/CustomizeStudyList.vue   | 246 ++++++++++--------
 5 files changed, 172 insertions(+), 145 deletions(-)

diff --git a/src/views/trials/trials-panel/reading/dicoms/components/DicomViewer.vue b/src/views/trials/trials-panel/reading/dicoms/components/DicomViewer.vue
index a5c05834..b918caa0 100644
--- a/src/views/trials/trials-panel/reading/dicoms/components/DicomViewer.vue
+++ b/src/views/trials/trials-panel/reading/dicoms/components/DicomViewer.vue
@@ -422,7 +422,7 @@
             </div>
           </div>
         </div>
-        <el-tooltip v-if="trialCriterion.ImageUploadEnum > 0 && currentReadingTaskState < 2" v-hasPermi="['role:ir']"
+        <el-tooltip v-if="trialCriterion.ImageUploadEnum > 0" 
           class="item" effect="dark" :content="$t('trials:reading:button:upload')" placement="bottom">
           <div class="tool-wrapper">
             <div class="icon" @click.prevent="openUploadImage('upload')">
@@ -431,15 +431,7 @@
             <div class="text">{{ $t('trials:reading:button:upload') }}</div>
           </div>
         </el-tooltip>
-        <el-tooltip v-if="trialCriterion.ImageDownloadEnum > 0" v-hasPermi="[
-          'role:ir',
-          'role:mim',
-          'role:mc',
-          'role:pm',
-          'role:apm',
-          'role:ea',
-          'role:qa',
-        ]" class="item" effect="dark" :content="$t('trials:reading:button:download')" placement="bottom">
+        <el-tooltip v-if="trialCriterion.ImageDownloadEnum > 0" class="item" effect="dark" :content="$t('trials:reading:button:download')" placement="bottom">
           <div class="tool-wrapper">
             <div class="icon" @click.prevent="openUploadImage('download')">
               <i class="el-icon-download svg-icon" />
diff --git a/src/views/trials/trials-panel/reading/dicoms/components/upload.js b/src/views/trials/trials-panel/reading/dicoms/components/upload.js
index 9e489616..6dc1de8a 100644
--- a/src/views/trials/trials-panel/reading/dicoms/components/upload.js
+++ b/src/views/trials/trials-panel/reading/dicoms/components/upload.js
@@ -96,6 +96,7 @@ async function deleteCache(path) {
  * 
 */
 export async function changeFile(key, file, study, image) {
+  // console.log(image, 'image')
   // return console.log(study, 'study')
   let dataset = dcmjs.data.DicomMessage.readFile(image.data.byteArray.buffer)
   // console.log(dataset, 'dataset')
diff --git a/src/views/trials/trials-panel/reading/dicoms/customize/CustomizeDicomCanvas.vue b/src/views/trials/trials-panel/reading/dicoms/customize/CustomizeDicomCanvas.vue
index 92e832e6..deb5e397 100644
--- a/src/views/trials/trials-panel/reading/dicoms/customize/CustomizeDicomCanvas.vue
+++ b/src/views/trials/trials-panel/reading/dicoms/customize/CustomizeDicomCanvas.vue
@@ -36,7 +36,7 @@
     <div class="info-image">
       <div v-show="mousePosition.mo">
         Pos: {{ mousePosition.x ? mousePosition.x.toFixed(0) : '' }}, {{ mousePosition.y ? mousePosition.y.toFixed(0) :
-        '' }}
+          '' }}
       </div>
       <div
         v-if="(dicomInfo.modality === 'CT' || dicomInfo.modality === 'DR' || dicomInfo.modality === 'CR') && mousePosition.mo">
@@ -477,6 +477,10 @@ export default {
     DicomEvent.$off('updateImage')
   },
   methods: {
+    getInfo() {
+      var image = cornerstone.getImage(this.canvas)
+      return image
+    },
     goViewer(e) {
       console.log(this.$refs['sliderBox'].clientHeight)
       var height = e.offsetY * 100 / this.$refs['sliderBox'].clientHeight
diff --git a/src/views/trials/trials-panel/reading/dicoms/customize/CustomizeDicomViewer.vue b/src/views/trials/trials-panel/reading/dicoms/customize/CustomizeDicomViewer.vue
index a1334bb0..7d0f89bc 100644
--- a/src/views/trials/trials-panel/reading/dicoms/customize/CustomizeDicomViewer.vue
+++ b/src/views/trials/trials-panel/reading/dicoms/customize/CustomizeDicomViewer.vue
@@ -309,11 +309,8 @@
             <div class="text">{{ $t('trials:reading:button:reset') }}</div>
           </div>
         </el-tooltip>
-        <el-tooltip 
-          v-if="trialCriterion.ImageUploadEnum > 0" 
-          class="item" effect="dark" 
-          :content="$t('trials:reading:button:upload')"
-          placement="bottom">
+        <el-tooltip v-if="trialCriterion.ImageUploadEnum > 0" class="item" effect="dark"
+          :content="$t('trials:reading:button:upload')" placement="bottom">
           <div class="tool-wrapper">
             <div class="icon" @click.prevent="openUploadImage('upload')">
               <i class="el-icon-upload2 svg-icon" />
@@ -321,15 +318,8 @@
             <div class="text">{{ $t('trials:reading:button:upload') }}</div>
           </div>
         </el-tooltip>
-        <el-tooltip v-if="trialCriterion.ImageDownloadEnum > 0" v-hasPermi="[
-          'role:ir',
-          'role:mim',
-          'role:mc',
-          'role:pm',
-          'role:apm',
-          'role:ea',
-          'role:qa',
-        ]" class="item" effect="dark" :content="$t('trials:reading:button:download')" placement="bottom">
+        <el-tooltip v-if="trialCriterion.ImageDownloadEnum > 0" class="item" effect="dark"
+          :content="$t('trials:reading:button:download')" placement="bottom">
           <div class="tool-wrapper">
             <div class="icon" @click.prevent="openUploadImage('download')">
               <i class="el-icon-download svg-icon" />
@@ -337,7 +327,10 @@
             <div class="text">{{ $t('trials:reading:button:download') }}</div>
           </div>
         </el-tooltip>
-
+        <label for="Replacement" style="color: #fff;cursor: pointer;">
+          替换
+        </label>
+        <input type="file" id="Replacement" @change="beginScanFiles($event, 'replace')" style="display: none;">
         <div style="margin-left: auto">
           <div style="display: flex;">
             <el-tooltip class="item" effect="dark" :content="$t('trials:reading:button:handbooks')" placement="bottom"
@@ -412,7 +405,7 @@
           <WL v-if="activeName === '2'" @getWwcTpl="getWwcTpl" />
         </el-tab-pane>
         <el-tab-pane :label="$t('trials:reading:tab:others')" name="3">
-          <Others v-if="activeName === '3'" :imageToolType="1"/>
+          <Others v-if="activeName === '3'" :imageToolType="1" />
         </el-tab-pane>
       </el-tabs>
     </el-dialog>
@@ -449,10 +442,10 @@
     /> -->
     <upload-dicom-and-nonedicom v-if="uploadImageVisible" :SubjectId="uploadSubjectId" :SubjectCode="uploadSubjectCode"
       :Criterion="uploadTrialCriterion" :visible.sync="uploadImageVisible" :VisitTaskId="taskId"
-      :isReadingTaskViewInOrder="isReadingTaskViewInOrder" />
+      :isReadingTaskViewInOrder="isReadingTaskViewInOrder" :StudyInstanceUID="StudyInstanceUID" :isReading="true" />
     <download-dicom-and-nonedicom v-if="downloadImageVisible" :SubjectId="uploadSubjectId"
       :SubjectCode="uploadSubjectCode" :Criterion="uploadTrialCriterion" :TaskId="taskId"
-      :visible.sync="downloadImageVisible" />
+      :visible.sync="downloadImageVisible" :isReading="true" />
   </div>
 </template>
 <script>
@@ -479,6 +472,8 @@ import { getDoctorShortcutKey, getUserWLTemplateList } from '@/api/user'
 import uploadDicomAndNonedicom from '@/components/uploadDicomAndNonedicom'
 import downloadDicomAndNonedicom from '@/components/downloadDicomAndNonedicom'
 import { getCriterionReadingInfo, setReadKeyFile } from '@/api/trials'
+import { changeFile } from "@/views/trials/trials-panel/reading/dicoms/components/upload.js"
+import dcmjs from '@/utils/dcmUpload/dcmjs'
 export default {
   name: 'DicomViewer',
   components: {
@@ -684,7 +679,10 @@ export default {
       fullScreenWidth: window.innerWidth - 570 + 'px',
       fullScreenHeight: window.innerHeight - 128 + 'px',
 
-      ManualsClose: false
+      ManualsClose: false,
+      fileKey: null,
+      file: null,
+      StudyInstanceUID: null
     }
   },
 
@@ -857,6 +855,12 @@ export default {
       this.loadLinkedImageStack(seriesInfo)
       console.log('loadLinkedImageStack')
     })
+    DicomEvent.$on('sendStudyFile', (study) => {
+      let image = this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].getInfo()
+      study.visitTaskList = this.visitTaskList
+      this.$emit("update:Loading", true)
+      changeFile('IR', this.file, study, image)
+    })
   },
   beforeDestroy() {
     DicomEvent.$off('updateImage')
@@ -867,6 +871,11 @@ export default {
     DicomEvent.$off('loadLinkedImageStack')
   },
   methods: {
+    beginScanFiles(e, key) {
+      this.fileKey = key
+      this.file = e.target.files[0]
+      DicomEvent.$emit('getStudyFile')
+    },
     handleReadingChart(e) {
       this.$emit('handleReadingChart', e)
     },
@@ -899,6 +908,11 @@ export default {
       if (idx > -1) {
         this.taskId = this.visitTaskList[idx].VisitTaskId
       }
+      let image = this.$refs[`dicomCanvas${this.currentDicomCanvasIndex}`][0].getInfo()
+      let dataset = dcmjs.data.DicomMessage.readFile(image.data.byteArray.buffer)
+      this.StudyInstanceUID = dataset.dict['0020000D'].Value[0]
+      dataset = null
+      console.log(this.StudyInstanceUID, 'StudyInstanceUID')
       this.uploadSubjectCode = localStorage.getItem("subjectCode")
       this.uploadSubjectId = localStorage.getItem("subjectId")
       this.uploadTrialCriterion = this.trialCriterion
diff --git a/src/views/trials/trials-panel/reading/dicoms/customize/CustomizeStudyList.vue b/src/views/trials/trials-panel/reading/dicoms/customize/CustomizeStudyList.vue
index e2670c57..b3d1d0a1 100644
--- a/src/views/trials/trials-panel/reading/dicoms/customize/CustomizeStudyList.vue
+++ b/src/views/trials/trials-panel/reading/dicoms/customize/CustomizeStudyList.vue
@@ -1,9 +1,11 @@
 <template>
   <div v-loading="loading" class="study-wrapper">
-    <h4 v-if="isReadingShowSubjectInfo" style="color: #ddd;padding: 5px 0px;margin: 0;text-align: center;background-color: #4c4c4c;">
+    <h4 v-if="isReadingShowSubjectInfo"
+      style="color: #ddd;padding: 5px 0px;margin: 0;text-align: center;background-color: #4c4c4c;">
       {{ subjectCode }}
     </h4>
-    <h4 v-if="isReadingShowSubjectInfo" style="color: #ddd;padding: 5px 0px;margin: 0;text-align: center;background-color: #4c4c4c;margin-bottom: 5px;">
+    <h4 v-if="isReadingShowSubjectInfo"
+      style="color: #ddd;padding: 5px 0px;margin: 0;text-align: center;background-color: #4c4c4c;margin-bottom: 5px;">
       {{ taskBlindName }}
     </h4>
     <div class="ps">
@@ -14,76 +16,61 @@
               <!-- 关键序列 -->
               {{ $t('trials:reading:title:keySeries') }}
             </div>
-            <div
-              v-else
-              class="dicom-desc"
-              style="width: 150px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;"
-            >
+            <div v-else class="dicom-desc"
+              style="width: 150px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">
               <div>
                 <div style="text-overflow: ellipsis;overflow: hidden;" v-if="!study.StudyName">
                   <span :title="study.StudyCode">{{ study.StudyCode }}</span>
-                  <span>{{ study.Modalities }} ({{ study.SeriesCount }})</span>  
+                  <span>{{ study.Modalities }} ({{ study.SeriesCount }})</span>
                 </div>
                 <div style="text-overflow: ellipsis;overflow: hidden;" v-else>
                   <span :title="study.StudyCode">{{ study.StudyCode }}</span>
                   <span v-if="taskInfo && taskInfo.IsShowStudyName" :title="study.StudyName">
-                    {{study.StudyName}}
+                    {{ study.StudyName }}
                   </span>
                   <div>{{ study.Modalities }} ({{ study.SeriesCount }})</div>
                 </div>
-                <div style="text-overflow: ellipsis;overflow: hidden;" :title="study.Description">{{ study.Description }}</div>
+                <div style="text-overflow: ellipsis;overflow: hidden;" :title="study.Description">{{ study.Description
+                  }}</div>
               </div>
 
             </div>
           </template>
           <div class="series">
-            <div
-              v-for="(series, i) in study.SeriesList"
-              :key="i"
-              style="position:relative;margin-top:5px;"
-              series-type="current"
-              @click="showSeriesImage(index,i,series)"
-            >
+            <div v-for="(series, i) in study.SeriesList" :key="i" style="position:relative;margin-top:5px;"
+              series-type="current" @click="showSeriesImage(index, i, series)">
 
-              <div
-                :class="{'series-active': i==seriesIndex && index === studyIndex}"
-                class="series-wrapper"
-              >
-                <el-image
-                  class="image-preview"
-                  :src="series.previewImageUrl"
-                  fit="fill"
-                  crossorigin="anonymous"
-                />
+              <div :class="{ 'series-active': i == seriesIndex && index === studyIndex }" class="series-wrapper">
+                <el-image class="image-preview" :src="series.previewImageUrl" fit="fill" crossorigin="anonymous" />
                 <div class="image-desc">
                   <div class="flex-div">
                     <div style="width: 40px;display: flex;flex-direction: row;justify-content: space-between;">
                       <div v-if="!study.IsCriticalSequence">#{{ series.seriesNumber }}</div>
-                      <div v-if="series.isDicom && series.prefetchInstanceCount<series.instanceCount * 100 && series.modality!== 'SR'">
+                      <div
+                        v-if="series.isDicom && series.prefetchInstanceCount < series.instanceCount * 100 && series.modality !== 'SR'">
                         <!-- 下载 -->
-                        <el-tooltip v-if="!series.isLoading" class="item" effect="dark" :content="$t('trials:reading:button:download')" placement="bottom">
-                          <i class="el-icon-video-play" style="font-size: 18px;margin-right: 5px;color: #ffeb3b;cursor: pointer;" @click.stop="loadSeries(series,index,i)" />
+                        <el-tooltip v-if="!series.isLoading" class="item" effect="dark"
+                          :content="$t('trials:reading:button:download')" placement="bottom">
+                          <i class="el-icon-video-play"
+                            style="font-size: 18px;margin-right: 5px;color: #ffeb3b;cursor: pointer;"
+                            @click.stop="loadSeries(series, index, i)" />
                         </el-tooltip>
                       </div>
-                      <el-tooltip v-else-if="series.isDicom && series.prefetchInstanceCount === 0 &&series.modality!== 'SR'" class="item" effect="dark" :content="$t('trials:reading:button:download')" placement="bottom">
-                        <i class="el-icon-video-play" style="font-size: 18px;margin-right: 5px;color: #ffeb3b;cursor: pointer;" @click.stop="loadSeries(series,index,i)" />
+                      <el-tooltip
+                        v-else-if="series.isDicom && series.prefetchInstanceCount === 0 && series.modality !== 'SR'"
+                        class="item" effect="dark" :content="$t('trials:reading:button:download')" placement="bottom">
+                        <i class="el-icon-video-play"
+                          style="font-size: 18px;margin-right: 5px;color: #ffeb3b;cursor: pointer;"
+                          @click.stop="loadSeries(series, index, i)" />
                       </el-tooltip>
                     </div>
                     <div v-if="series.isExistMutiFrames && series.instanceCount > 1">
-                      <el-popover
-                        placement="right"
-                        trigger="hover"
-                        popper-class="instance_frame_wrapper"
-                      >
+                      <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 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>
                                           <img
                                             class="image-preview"
@@ -96,12 +83,14 @@
                                         </div> -->
                             <div>
                               <div>{{ instance.InstanceNumber }}</div>
-                              <div>{{ `${instance.NumberOfFrames > 0 ? instance.KeyFramesList.length > 0 ? instance.KeyFramesList.length : instance.NumberOfFrames : 1} frame` }}</div>
+                              <div>{{ `${instance.NumberOfFrames > 0 ? instance.KeyFramesList.length > 0 ?
+                                instance.KeyFramesList.length : instance.NumberOfFrames : 1} frame` }}</div>
                             </div>
 
                           </div>
                         </div>
-                        <i slot="reference" class="el-icon-connection" style="font-size: 15px;cursor: pointer;color: #ffeb3b;" />
+                        <i slot="reference" class="el-icon-connection"
+                          style="font-size: 15px;cursor: pointer;color: #ffeb3b;" />
                       </el-popover>
                     </div>
                   </div>
@@ -121,9 +110,11 @@
                     {{ series.modality }}: {{ series.instanceCount }} image
                   </p>
                   <div class="flex-div">
-                    <div v-if="measureData && measureData.findIndex(v=>v.SeriesId === series.seriesId && v.MeasureData) > -1">
+                    <div
+                      v-if="measureData && measureData.findIndex(v => v.SeriesId === series.seriesId && v.MeasureData) > -1">
                       <!-- 有标注 -->
-                      <el-tooltip class="item" effect="dark" :content="$t('trials:reading:button:marked')" placement="right">
+                      <el-tooltip class="item" effect="dark" :content="$t('trials:reading:button:marked')"
+                        placement="right">
                         <i class="el-icon-star-on" style="font-size: 16px;color: #ff5722;" />
                       </el-tooltip>
 
@@ -131,10 +122,10 @@
                   </div>
                 </div>
               </div>
-              <div v-if="series.isDicom && series.prefetchInstanceCount>0 && series.prefetchInstanceCount<series.instanceCount * 100" style="width: 100%;">
-                <el-progress
-                  :percentage="parseInt((series.prefetchInstanceCount / series.instanceCount).toFixed(2))"
-                />
+              <div
+                v-if="series.isDicom && series.prefetchInstanceCount > 0 && series.prefetchInstanceCount < series.instanceCount * 100"
+                style="width: 100%;">
+                <el-progress :percentage="parseInt((series.prefetchInstanceCount / series.instanceCount).toFixed(2))" />
               </div>
 
             </div>
@@ -144,24 +135,19 @@
     </div>
 
     <div class="sr-wrapper">
-      <el-dialog
-        :visible.sync="srDialogVisible"
-        :custom-class="isSrFullscreen?'sr-full-dialog-container':'sr-dialog-container'"
-        :show-close="false"
-        :close-on-click-modal="false"
-        :fullscreen="isSrFullscreen"
-      >
+      <el-dialog :visible.sync="srDialogVisible"
+        :custom-class="isSrFullscreen ? 'sr-full-dialog-container' : 'sr-dialog-container'" :show-close="false"
+        :close-on-click-modal="false" :fullscreen="isSrFullscreen">
         <span slot="title" class="dialog-footer">
           <div style="position: absolute;right: 20px;top: 10px;">
-            <svg-icon :icon-class="isSrFullscreen?'exit-fullscreen':'fullscreen'" style="cursor: pointer;font-size: 20px;color:#000;" @click="isSrFullscreen=!isSrFullscreen" />
-            <svg-icon icon-class="dClose" style="cursor: pointer;font-size: 25px;margin-left: 10px;" @click="srDialogVisible = false" />
+            <svg-icon :icon-class="isSrFullscreen ? 'exit-fullscreen' : 'fullscreen'"
+              style="cursor: pointer;font-size: 20px;color:#000;" @click="isSrFullscreen = !isSrFullscreen" />
+            <svg-icon icon-class="dClose" style="cursor: pointer;font-size: 25px;margin-left: 10px;"
+              @click="srDialogVisible = false" />
           </div>
         </span>
         <div style="height: 100%;margin:0;">
-          <SrList
-            v-if="srDialogVisible"
-            :sr-info="srInfo"
-          />
+          <SrList v-if="srDialogVisible" :sr-info="srInfo" />
         </div>
       </el-dialog>
     </div>
@@ -266,6 +252,9 @@ export default {
       var idx = this.visitTaskList.findIndex(i => i.VisitTaskId === this.visitTaskId)
       this.measureData = this.visitTaskList[idx].MeasureData
     })
+    DicomEvent.$on("getStudyFile", () => {
+      DicomEvent.$emit('sendStudyFile', { studyList: this.studyList, studyIndex: this.studyIndex, seriesIndex: this.seriesIndex, visitTaskId: this.visitTaskId })
+    })
     // DicomEvent.$on('setReadingState', readingTaskState => {
     //   var idx = this.visitTaskList.findIndex(i => i.VisitTaskId === this.visitTaskId)
     //   if (idx > -1) {
@@ -282,7 +271,7 @@ export default {
       // 初始化待渲染序列
       this.getInitSeries().then((res) => {
         requestPoolManager.startTaskTimer()
-        res.map(async(item) => {
+        res.map(async (item) => {
           let imageId = item.imageIds[item.imageIdIndex]
           const p = parseInt(new Date().getTime())
           // requestPoolManager.loadAndCacheImagePlus(imageId, item.seriesId, p * 100)
@@ -390,15 +379,15 @@ export default {
           this.seriesIndex = seriesArr[1].seriesIndex
           this.activeNames = [`${seriesArr[1].studyId}`]
         }
-      } else if (this.visitTaskList[idx].IsBaseLineTask || isReadingTaskViewInOrder === 0){
+      } else if (this.visitTaskList[idx].IsBaseLineTask || isReadingTaskViewInOrder === 0) {
         // 基线
         const obj = this.getFirstMarkedSeries(this.visitTaskList[idx].MeasureData, [...this.visitTaskList[idx].StudyList])
         if (Object.keys(obj).length !== 0) {
           this.studyIndex = obj.studyIndex
           this.seriesIndex = obj.seriesIndex
           seriesList.push(obj.series)
-          this.activeNames = [`${this.studyList[ this.studyIndex].StudyId}`]
-          this.studyList[ obj.studyIndex].SeriesList[obj.seriesIndex].isFirstRender = true
+          this.activeNames = [`${this.studyList[this.studyIndex].StudyId}`]
+          this.studyList[obj.studyIndex].SeriesList[obj.seriesIndex].isFirstRender = true
         } else {
           // 初始化问题表单
           if (this.studyList.length > 0) {
@@ -430,7 +419,7 @@ export default {
           this.studyIndex = secondObj.studyIndex
           this.seriesIndex = secondObj.seriesIndex
           seriesList.push(secondObj.series)
-          this.studyList[ secondObj.studyIndex].SeriesList[secondObj.seriesIndex].isFirstRender = true
+          this.studyList[secondObj.studyIndex].SeriesList[secondObj.seriesIndex].isFirstRender = true
           this.studyIndex = secondObj.studyIndex
           this.seriesIndex = secondObj.seriesIndex
 
@@ -464,7 +453,7 @@ export default {
           // const isIdx = instanceList.findIndex(is => is.includes(measureDatas[i].InstanceId))
           const imageIds = seriesList[srIdx].imageIds
           // let filterStr = seriesList[srIdx].isExistMutiFrames ? `frame=${measureDatas[i].MeasureData.frame}&instanceId=${measureDatas[i].InstanceId}` : `instanceId=${measureDatas[i].InstanceId}`
-          let instanceIndex = seriesList[srIdx].instanceInfoList.findIndex(k=>k.Id === measureDatas[i].InstanceId)
+          let instanceIndex = seriesList[srIdx].instanceInfoList.findIndex(k => k.Id === measureDatas[i].InstanceId)
           let filterStr = ''
           if (instanceIndex > -1 && seriesList[srIdx].isExistMutiFrames) {
             if (seriesList[srIdx].instanceInfoList[instanceIndex].NumberOfFrames > 0) {
@@ -548,7 +537,7 @@ export default {
           // const instanceList = seriesList[srIdx].instanceList
           // const isIdx = instanceList.findIndex(is => is.includes(measureDatas[mIdx].InstanceId)) 
           const imageIds = seriesList[srIdx].imageIds
-          let instanceIndex = seriesList[srIdx].instanceInfoList.findIndex(i=>i.Id === measureDatas[mIdx].InstanceId)
+          let instanceIndex = seriesList[srIdx].instanceInfoList.findIndex(i => i.Id === measureDatas[mIdx].InstanceId)
           let filterStr = ''
           if (instanceIndex > -1 && seriesList[srIdx].isExistMutiFrames) {
             if (seriesList[srIdx].instanceInfoList[instanceIndex].NumberOfFrames > 0) {
@@ -658,7 +647,7 @@ export default {
           this.studyIndex = studyIndex
           this.seriesIndex = seriesIndex
           this.studyList[studyIndex].SeriesList[seriesIndex].measureData = this.measureData
-          var dicomStatck = Object.assign({},this.studyList[studyIndex].SeriesList[seriesIndex])
+          var dicomStatck = Object.assign({}, this.studyList[studyIndex].SeriesList[seriesIndex])
 
           dicomStatck.imageIdIndex = 0
           this.$emit('loadImageStack', dicomStatck)
@@ -707,7 +696,7 @@ export default {
       this.studyIndex = studyIndex
       this.seriesIndex = seriesIndex
       this.studyList[studyIndex].SeriesList[seriesIndex].measureData = this.measureData
-      var dicomStatck = Object.assign({},this.studyList[studyIndex].SeriesList[seriesIndex])
+      var dicomStatck = Object.assign({}, this.studyList[studyIndex].SeriesList[seriesIndex])
       const imageIds = []
       if (instanceInfo.KeyFramesList.length > 0) {
         instanceInfo.KeyFramesList.map(i => {
@@ -867,15 +856,17 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-.study-wrapper{
-  ::v-deep .el-progress-bar__inner{
+.study-wrapper {
+  ::v-deep .el-progress-bar__inner {
     transition: width 0s ease;
   }
+
   width:100%;
   height: 100%;
   overflow-y: auto;
   overflow-x: hidden;
-  .dicom-desc{
+
+  .dicom-desc {
     font-weight: bold;
     font-size: 13px;
     text-align: left;
@@ -887,19 +878,23 @@ export default {
     overflow-anchor: none;
     touch-action: auto;
   }
+
   .series-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;
   }
-  .series{
+
+  .series {
     width: 100%;
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
+
     .series-wrapper {
       display: flex;
       flex-direction: row;
@@ -912,11 +907,13 @@ export default {
       border-radius: 2px;
       border: 1px solid #404040;
       background-color: #3a3a3a;
-      .el-progress__text{
+
+      .el-progress__text {
         display: none;
       }
-      .el-progress-bar{
-        padding-right:0px;
+
+      .el-progress-bar {
+        padding-right: 0px;
       }
 
       .image-preview {
@@ -925,9 +922,11 @@ export default {
         border: 2px solid #252525;
         cursor: pointer;
       }
+
       .image-desc {
         vertical-align: top;
-        p{
+
+        p {
           width: 95px;
           white-space: nowrap;
           overflow: hidden;
@@ -936,7 +935,8 @@ export default {
           color: #ddd;
           margin: 0px;
           line-height: 1.5;
-          div{
+
+          div {
             width: 95px;
             white-space: nowrap;
             overflow: hidden;
@@ -944,7 +944,8 @@ export default {
           }
         }
       }
-      .flex-div{
+
+      .flex-div {
         display: flex;
         flex-direction: row;
         justify-content: space-between;
@@ -960,76 +961,89 @@ 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:5px;
-      background-color: #000!important;
+
+    .el-collapse-item__content {
+      padding-bottom: 5px;
+      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: 40px;
       line-height: 20px;
     }
   }
-  .sr-wrapper{
-    ::v-deep .el-dialog{
+
+  .sr-wrapper {
+    ::v-deep .el-dialog {
       background: #fff !important;
       border: 1px solid #ddd;
+
       // color: #ddd;
-      .el-dialog__title{
-        color:#fff;
+      .el-dialog__title {
+        color: #fff;
       }
     }
-    ::v-deep .sr-dialog-container{
+
+    ::v-deep .sr-dialog-container {
       margin-top: 50px !important;
-      width:75%;
-      height:80%;
+      width: 75%;
+      height: 80%;
     }
-    ::v-deep .el-dialog__body{
-        padding: 10px;
-        height: calc(100% - 50px);
+
+    ::v-deep .el-dialog__body {
+      padding: 10px;
+      height: calc(100% - 50px);
     }
-    .el-dialog__header{
+
+    .el-dialog__header {
       position: relative;
     }
-    .sr-full-dialog-container{
-      ::v-deep .is-fullscreen .el-dialog__body{
+
+    .sr-full-dialog-container {
+      ::v-deep .is-fullscreen .el-dialog__body {
         height: calc(100% - 50px);
       }
     }
   }
 }
-
 </style>
 <style>
-.instance_frame_wrapper{
+.instance_frame_wrapper {
   min-width: 120px;
   background-color: #2c2c2c;
   border: 1px solid #2c2c2c;
   padding: 5px;
 }
-.frame_list{
+
+.frame_list {
   max-height: 500px;
   overflow-y: auto;
 }
+
 .instance_frame_wrapper ::-webkit-scrollbar {
   width: 7px;
   height: 7px;
 }
-.instance_frame_wrapper  ::-webkit-scrollbar-thumb {
+
+.instance_frame_wrapper ::-webkit-scrollbar-thumb {
   border-radius: 10px;
   background: #d0d0d0;
 }
-.frame_content{
+
+.frame_content {
   height: 50px;
   padding: 5px;
   display: flex;
@@ -1038,6 +1052,7 @@ export default {
   font-size: 12px;
   border: 1px solid #404040;
 }
+
 .frame_content:hover {
   /* font-weight: bold; */
   /* box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); */
@@ -1046,6 +1061,7 @@ export default {
   border-color: #213a54 !important;
   background-color: #213a54;
 }
+
 .frame_content_active {
   border-color: #213a54 !important;
   background-color: #213a54;