src/views/trials/trials-panel/reading/dicoms/components/DicomCanvas.vue

@@ -1203,7 +1203,7 @@ export default {
         this.stack.frame = this.stack.isExistMutiFrames ? parseInt(frame) : null
         this.stack.instanceId = instanceId
         this.height = (this.stack.currentImageIdIndex) * 100 / (this.stack.imageIds.length - 1)
-        // this.resetWwwc()
+        this.resetWwwc()
         resolve()
       })
     },
@@ -1941,9 +1941,6 @@ export default {
       for (const [key, value] of searchParams.entries()) {
         params[key] = value
       }
-      if (isNaN(params.frame)){
-        params.frame = 0
-      }
       return params
     },
     preventDefault(e) {

src/views/trials/trials-panel/reading/dicoms/components/StudyList.vue

@@ -672,7 +672,7 @@ export default {
     },
     showMultiFrames(studyIndex, series, seriesIndex, instanceInfo) {
       this.currentSeriesIndex = seriesIndex
-      var idx = this.visitTaskIdx
+      var idx = this.visitTaskList.findIndex(i => i.VisitTaskId === this.visitTaskId)
       const imageIds = []
       if (instanceInfo.NumberOfFrames && instanceInfo.NumberOfFrames > 1) {
         for (let j = 0; j < instanceInfo.NumberOfFrames; j++) {

src/views/trials/trials-panel/reading/dicoms/customize/CustomizeDicomCanvas.vue

@@ -1181,7 +1181,7 @@ export default {
         this.stack.frame = this.stack.isExistMutiFrames ? parseInt(frame) : null
         this.stack.instanceId = instanceId
         this.height = (this.stack.currentImageIdIndex) * 100 / (this.stack.imageIds.length - 1)
-        // this.resetWwwc()
+        this.resetWwwc()
         resolve()
       })
     },
@@ -1921,9 +1921,6 @@ export default {
       for (const [key, value] of searchParams.entries()) {
         params[key] = value
       }
-      if (isNaN(params.frame)){
-        params.frame = 0
-      }
       return params
     },
     preventDefault(e) {

src/views/trials/trials-panel/reading/dicoms/customize/CustomizeStudyList.vue

@@ -600,8 +600,7 @@ export default {
           this.studyIndex = studyIndex
           this.seriesIndex = seriesIndex
           this.studyList[studyIndex].SeriesList[seriesIndex].measureData = this.measureData
-          // var dicomStatck = this.studyList[studyIndex].SeriesList[seriesIndex]
-           var dicomStatck = Object.assign({},this.studyList[studyIndex].SeriesList[seriesIndex])
+          var dicomStatck = this.studyList[studyIndex].SeriesList[seriesIndex]
           this.$emit('loadImageStack', dicomStatck)
           if (!series.loadStatus && series.modality !== 'SR') {
             this.loopLoadStatus = -1
@@ -643,20 +642,18 @@ export default {
     },
     showMultiFrames(studyIndex, series, seriesIndex, instanceInfo) {
       this.currentSeriesIndex = seriesIndex
-      var idx = this.visitTaskIdx
       const imageIds = []
       if (instanceInfo.NumberOfFrames && instanceInfo.NumberOfFrames > 1) {
         for (let j = 0; j < instanceInfo.NumberOfFrames; j++) {
-          imageIds.push(`wadouri:${localStorage.getItem('location') !== 'USA' ? this.OSSclientConfig.basePath : this.OSSclientConfig.basePath}${instanceInfo.Path}?frame=${j}&instanceId=${instanceInfo.Id}&visitTaskId=${this.visitTaskId}&idx=${studyIndex}|${seriesIndex}|${idx}`)
+          imageIds.push(`wadouri:${localStorage.getItem('location') !== 'USA' ? this.OSSclientConfig.basePath : this.OSSclientConfig.basePath}${instanceInfo.Path}?frame=${j}&instanceId=${instanceInfo.Id}&visitTaskId=${this.visitTaskId}&idx=${studyIndex}|${seriesIndex}`)
         }
       } else {
-        imageIds.push(`wadouri:${localStorage.getItem('location') !== 'USA' ? this.OSSclientConfig.basePath : this.OSSclientConfig.basePath}${instanceInfo.Path}?instanceId=${instanceInfo.Id}&visitTaskId=${this.visitTaskId}&idx=${studyIndex}|${seriesIndex}|${idx}`)
+        imageIds.push(`wadouri:${localStorage.getItem('location') !== 'USA' ? this.OSSclientConfig.basePath : this.OSSclientConfig.basePath}${instanceInfo.Path}?instanceId=${instanceInfo.Id}&visitTaskId=${this.visitTaskId}&idx=${studyIndex}|${seriesIndex}`)
       }
       this.studyIndex = studyIndex
       this.seriesIndex = seriesIndex
       this.studyList[studyIndex].SeriesList[seriesIndex].measureData = this.measureData
-      // var dicomStatck = this.studyList[studyIndex].SeriesList[seriesIndex]
-       var dicomStatck = Object.assign({},this.studyList[studyIndex].SeriesList[seriesIndex])
+      var dicomStatck = this.studyList[studyIndex].SeriesList[seriesIndex]
       dicomStatck.imageIds = imageIds
       dicomStatck.imageIdIndex = 0
       this.$emit('loadImageStack', dicomStatck)

src/views/trials/trials-panel/reading/medical-feedback/components/ChatForm.vue

@@ -77,23 +77,12 @@
                   <!-- 本次医学审核相关截图（如适用）如下： -->
                   {{ $t('trials:medicalFeedback:message:msg5') }}
                   <ol>
-                    <li v-for="file in record.FileList" :key="file.ImagePath" style="list-style: none;"> 
-                      <viewer
-                        v-if="file.ImagePath"
-                        :ref="file.ImagePath"
-                        style="margin:0 10px;"
-                        :images="[`${OSSclientConfig.basePath}${file.ImagePath}`]"
-                      >
-                        <el-button type="text" @click="previewImage(file.ImagePath)">
-                          {{ file.FileName }}
-                        </el-button>
-                        <img
-                          v-show="false"
-                          crossorigin="anonymous"
-                          :src="`${OSSclientConfig.basePath}${file.ImagePath}`"
-                          alt="Image"
-                        >
-                      </viewer>
+                    <li v-for="file in record.FileList" :key="file.ImagePath" style="list-style: none;">
+                      <el-button
+                        type="text"
+                        size="mini"
+                        @click="previewImage(file.ImagePath)"
+                      >{{ file.FileName }}</el-button>
                     </li>
                   </ol>
                 </div>

src/views/trials/trials-panel/reading/mim-medical-audit/components/AdReview.vue

@@ -138,22 +138,20 @@
         >
           <i slot="default" class="el-icon-plus" />
           <div slot="file" slot-scope="{file}">
-            <viewer :ref="file.url" :images="images">
-                <img
-                  class="el-upload-list__item-thumbnail"
-                  :src="OSSclientConfig.basePath + file.url"
-                  alt=""
-                  crossorigin="anonymous"
-                >
-                <span class="el-upload-list__item-actions">
-                  <span
-                    class="el-upload-list__item-preview"
-                    @click="handlePictureCardPreview(file)"
-                  >
-                    <i class="el-icon-zoom-in" />
-                  </span>
-                </span>
-              </viewer>
+            <img
+              class="el-upload-list__item-thumbnail"
+              :src="OSSclientConfig.basePath + file.url"
+              alt=""
+              crossorigin="anonymous"
+            >
+            <span class="el-upload-list__item-actions">
+              <span
+                class="el-upload-list__item-preview"
+                @click="handlePictureCardPreview(file)"
+              >
+                <i class="el-icon-zoom-in" />
+              </span>
+            </span>
           </div>
         </el-upload>
         <el-dialog
@@ -239,8 +237,8 @@ export default {
       this.visitTaskArmList = JudgeInfo.VisitTaskArmList
     },
     handlePictureCardPreview(file) {
-      this.images = this.fileList.map(f => this.OSSclientConfig.basePath + f.url)
-      this.$refs[file.url].$viewer.show()
+      this.imageUrl = this.OSSclientConfig.basePath + file.url
+      this.imgVisible = true
     },
     handleViewDetail(visitTaskId) {
       console.log(this.rowData)

src/views/trials/trials-panel/reading/mim-medical-audit/components/ChatForm.vue

@@ -77,23 +77,12 @@
                   <!-- 本次医学审核相关截图（如适用）如下： -->
                   {{ $t('trials:medicalFeedback:message:msg5') }}
                   <ol>
-                    <li v-for="file in record.FileList" :key="file.ImagePath" style="list-style: none;"> 
-                      <viewer
-                        v-if="file.ImagePath"
-                        :ref="file.ImagePath"
-                        style="margin:0 10px;"
-                        :images="[`${OSSclientConfig.basePath}${file.ImagePath}`]"
-                      >
-                        <el-button type="text" @click="previewImage(file.ImagePath)">
-                          {{ file.FileName }}
-                        </el-button>
-                        <img
-                          v-show="false"
-                          crossorigin="anonymous"
-                          :src="`${OSSclientConfig.basePath}${file.ImagePath}`"
-                          alt="Image"
-                        >
-                      </viewer>
+                    <li v-for="file in record.FileList" :key="file.ImagePath" style="list-style: none;">
+                      <el-button
+                        type="text"
+                        size="mini"
+                        @click="previewImage(file.ImagePath)"
+                      >{{ file.FileName }}</el-button>
                     </li>
                   </ol>
                 </div>