From a8bb841dd9cf7b526c457e1a200e7670abaff72e Mon Sep 17 00:00:00 2001
From: zhaoxiao <zhaoxiao@syxysoft.com>
Date: Fri, 24 Dec 2021 18:01:37 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BC=B4=E8=B4=B9=E5=87=AD=E8=AF=81=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E6=98=BE=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modules/ArriveStageModule.vue             |  1 -
 .../modules/AuditProofModule.vue              | 20 +++++++++++++++----
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/views/financialManagement/arriveAndInvoicing/modules/ArriveStageModule.vue b/src/views/financialManagement/arriveAndInvoicing/modules/ArriveStageModule.vue
index 070e429..b32189e 100644
--- a/src/views/financialManagement/arriveAndInvoicing/modules/ArriveStageModule.vue
+++ b/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()
     }
   }
 }
diff --git a/src/views/financialManagement/arriveAndInvoicing/modules/AuditProofModule.vue b/src/views/financialManagement/arriveAndInvoicing/modules/AuditProofModule.vue
index 8ca36ec..1c4cb04 100644
--- a/src/views/financialManagement/arriveAndInvoicing/modules/AuditProofModule.vue
+++ b/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;
       }
     }
   }