裁判阅片及医学审核预览图片问题修复

src/main.js

@@ -44,7 +44,6 @@ Viewer.setDefaults({
     'rotatable': true,
     'scalable': true,
     'transition': true,
-    'fullscreen': true,
     'keyboard': true,
     'url': 'data-source'
   }

src/views/trials/trials-panel/reading/ad-review/index.vue

@@ -203,6 +203,7 @@
           >
             <i slot="default" class="el-icon-plus" />
             <div slot="file" slot-scope="{file}">
+              <viewer :images="images" :ref="file.url">
                 <img
                   class="el-upload-list__item-thumbnail"
                   :src="OSSclientConfig.basePath + file.url"
@@ -225,6 +226,7 @@
                     <i class="el-icon-delete" />
                   </span>
                 </span>
+              </viewer>
             </div>
           </el-upload>
           
@@ -303,9 +305,6 @@
       </div>
       <SignForm ref="signForm" :sign-code-enum="signCode" @closeDialog="closeSignDialog" />
     </el-dialog>
-    <viewer v-if="imgVisible" :images="[imageUrl]" ref="viewer">
-      <img :src="imageUrl"  crossorigin="anonymous" alt="">
-    </viewer>
   </div>
 </template>
 <script>
@@ -388,7 +387,8 @@ export default {
       judgeResultArmEnum: '',
       criterionType: null,
       openWindow: null,
-      isFixed: false
+      isFixed: false,
+      images: []
     }
   },
   // watch: {
@@ -707,9 +707,9 @@ export default {
     },
     // 预览图片
     handlePictureCardPreview(file) {
-      this.imageUrl = this.OSSclientConfig.basePath + file.url
+      this.images = this.fileList.map(f => this.OSSclientConfig.basePath + f.url)
-      this.imgVisible = true
+      // this.imageUrl = this.OSSclientConfig.basePath + file.url
-      this.$refs.viewer.$viewer.show()
+      this.$refs[file.url].$viewer.show()
     },
     // 删除图片
     handleRemove(file, fileList) {

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

@@ -92,6 +92,7 @@
         >
           <i slot="default" class="el-icon-plus" />
           <div slot="file" slot-scope="{file}">
+            <viewer :images="images" :ref="file.url">
               <img
                 class="el-upload-list__item-thumbnail"
                 :src="OSSclientConfig.basePath + file.url"
@@ -114,6 +115,7 @@
                   <i class="el-icon-delete" />
                 </span>
               </span>
+            </viewer>
           </div>
         </el-upload>
         <!-- <el-dialog
@@ -130,9 +132,9 @@
       </el-form-item>
 
     </el-form>
-    <viewer v-if="imgVisible" :images="[imageUrl]" ref="viewer">
+    <!-- <viewer v-if="imgVisible" :images="[imageUrl]" ref="viewer">
       <img :src="imageUrl"  crossorigin="anonymous" alt="">
-    </viewer>
+    </viewer> -->
     <el-dialog
       v-if="chatVisible"
       :visible.sync="chatVisible"
@@ -222,7 +224,8 @@ export default {
       userTypeEnumInt: zzSessionStorage.getItem('userTypeEnumInt') * 1,
       isClosedDialog: false,
       isSendMessage: false,
-      closeQuestionVisible: false
+      closeQuestionVisible: false,
+      images:[]
     }
   },
   mounted() {
@@ -382,9 +385,9 @@ export default {
     },
     // 预览图片
     handlePictureCardPreview(file) {
-      this.imageUrl = this.OSSclientConfig.basePath + file.url
+      this.images = this.fileList.map(f => this.OSSclientConfig.basePath + f.url)
-      this.imgVisible = true
+      // this.imageUrl = this.OSSclientConfig.basePath + file.url
-      this.$refs.viewer.$viewer.show()
+      this.$refs[file.url].$viewer.show()
     },
     // 删除图片
     handleRemove(file, fileList) {