缴费凭证图片显示问题

src/views/financialManagement/arriveAndInvoicing/modules/ArriveStageModule.vue

@@ -197,7 +197,6 @@ export default {
       this.$refs.previewImg.title = '缴费凭证'
       this.$refs.previewImg.imgId = imgId
       this.$refs.previewImg.visible = true
-      console.log()
     }
   }
 }

src/views/financialManagement/arriveAndInvoicing/modules/AuditProofModule.vue

@@ -36,7 +36,7 @@
           <div class="proof-img" v-if="proofType === 'img'">
             <template v-if="proofInfo.proof && proofInfo.proof !== ''">
               <div class="proof-img-item" v-for="(item, index) in proofInfo.proof.split(',')" :key="index">
-                <img :src="proofSrc(item)">
+                <img :src="proofSrc(item)" @click="previewImg(item)">
               </div>
             </template>
           </div>
@@ -80,6 +80,9 @@
         </a-form-item>
       </div>
     </a-form>
+
+    <!--    缴费凭证预览-->
+    <preview-img-modal ref="previewImg"></preview-img-modal>
   </j-modal>
 </template>
 
@@ -90,10 +93,11 @@ import Vue from 'vue'
 import { USER_INFO } from '../../../../store/mutation-types'
 import { getLastProofInfo, getStanderMemberLastProofInfo, getCertificateLastProofInfo } from '../../../../api/incomePaymentsApi'
 import PreviewFile from '../../../../components/jero/PreviewFile.vue'
+import PreviewImgModal from '@/components/PreviewImgModal'
 
 export default {
   name: 'AuditProofModule',
-  components: { PreviewFile },
+  components: { PreviewFile, PreviewImgModal },
   data() {
     return {
       title: '来款信息',
@@ -266,6 +270,14 @@ export default {
      */
     proofSrc(imgId) {
       return `${ window._CONFIG['domianURL'] }/sys/common/download/${ imgId }`
+    },
+    /**
+     * 预览缴费凭证
+     */
+    previewImg(imgId) {
+      this.$refs.previewImg.title = '缴费凭证'
+      this.$refs.previewImg.imgId = imgId
+      this.$refs.previewImg.visible = true
     }
   }
 }
@@ -312,11 +324,11 @@ h3.title::before {
 
   .proof-img {
     &-item {
-      width: calc(100% - 6rem);
+      
-
       img {
         max-width: 100%;
         max-height: 200px;
+        cursor: pointer;
       }
     }
   }