From f0897a94e9648ffaa47a90744d8bbb565845beb5 Mon Sep 17 00:00:00 2001
From: zhufu <17863654727@163.com>
Date: Thu, 6 Nov 2025 11:36:04 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B9=E4=BD=8D=E8=A7=92=E5=AF=B9=E5=BA=94?=
 =?UTF-8?q?=E4=B8=8D=E4=B8=8A=E9=97=AE=E9=A2=98=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../EarlyWarning/InfoModal/index.vue          | 63 ++++++++++++++++---
 1 file changed, 54 insertions(+), 9 deletions(-)

diff --git a/src/components/EarlyWarning/InfoModal/index.vue b/src/components/EarlyWarning/InfoModal/index.vue
index 8b72197..e24eafb 100644
--- a/src/components/EarlyWarning/InfoModal/index.vue
+++ b/src/components/EarlyWarning/InfoModal/index.vue
@@ -102,6 +102,7 @@
                 <a-image-preview-group
                   :preview="{
                     getContainer: getContainer,
+                    onVisibleChange: handlerImageChange,
                   }"
                 >
                   <template v-for="(imageItem, imageIndex) in wjzp_kgList" :key="imageIndex">
@@ -110,6 +111,7 @@
                       width="100px"
                       height="100px"
                       :src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
+                      @click="handlerPreviewImage(imageIndex, imageItem)"
                       :preview="{
                         getContainer,
                       }"
@@ -123,6 +125,7 @@
                 <a-image-preview-group
                   :preview="{
                     getContainer: getContainer,
+                    onVisibleChange: handlerImageChange,
                   }"
                 >
                   <template v-for="(imageItem, imageIndex) in njzp_kgList" :key="imageIndex">
@@ -131,6 +134,7 @@
                       width="100px"
                       height="100px"
                       :src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
+                      @click="handlerPreviewImage(imageIndex, imageItem)"
                       :preview="{
                         getContainer,
                       }"
@@ -140,12 +144,13 @@
               </div>
             </a-descriptions-item>
             <a-descriptions-item label="附件">
-              <a-image-preview-group :preview="{ getContainer }">
+              <a-image-preview-group :preview="{ getContainer,onVisibleChange: handlerImageChange, }">
                 <template v-for="(item, itemIndex) in fujian_kgList" :key="itemIndex">
                   <a-image
                     v-if="showImage(item)"
                     style="width: 100px; height: 100px"
                     :src="`${VITE_GLOB_INFO_IMAGE_URL}/${item}`"
+                    @click="handlerPreviewImage(itemIndex, item)"
                     :preview="{ getContainer }"
                   ></a-image>
                   <div v-else>
@@ -185,6 +190,7 @@
                 <a-image-preview-group
                   :preview="{
                     getContainer: getContainer,
+                    onVisibleChange: handlerImageChange,
                   }"
                 >
                   <template v-for="(imageItem, imageIndex) in wjzp_kgzgList" :key="imageIndex">
@@ -193,6 +199,7 @@
                       width="100px"
                       height="100px"
                       :src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
+                      @click="handlerPreviewImage(imageIndex, imageItem)"
                       :preview="{
                         getContainer,
                       }"
@@ -206,6 +213,7 @@
                 <a-image-preview-group
                   :preview="{
                     getContainer: getContainer,
+                    onVisibleChange: handlerImageChange,
                   }"
                 >
                   <template v-for="(imageItem, imageIndex) in njzp_kgzgList" :key="imageIndex">
@@ -214,6 +222,7 @@
                       width="100px"
                       height="100px"
                       :src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
+                      @click="handlerPreviewImage(imageIndex, imageItem)"
                       :preview="{
                         getContainer,
                       }"
@@ -223,12 +232,13 @@
               </div>
             </a-descriptions-item>
             <a-descriptions-item label="附件">
-              <a-image-preview-group :preview="{ getContainer }">
+              <a-image-preview-group :preview="{ getContainer,onVisibleChange: handlerImageChange, }">
                 <template v-for="(item, itemIndex) in fujian_kgzgList" :key="itemIndex">
                   <a-image
                     v-if="showImage(item)"
                     style="width: 100px; height: 100px"
                     :src="`${VITE_GLOB_INFO_IMAGE_URL}/${item}`"
+                    @click="handlerPreviewImage(itemIndex, item)"
                     :preview="{ getContainer }"
                   ></a-image>
                   <div v-else>
@@ -280,6 +290,7 @@
                 <a-image-preview-group
                   :preview="{
                     getContainer: getContainer,
+                    onVisibleChange: handlerImageChange,
                   }"
                 >
                   <template v-for="(imageItem, imageIndex) in wjzp_jzList" :key="imageIndex">
@@ -288,6 +299,7 @@
                       width="100px"
                       height="100px"
                       :src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
+                      @click="handlerPreviewImage(itemIndex, item)"
                       :preview="{
                         getContainer,
                       }"
@@ -301,6 +313,7 @@
                 <a-image-preview-group
                   :preview="{
                     getContainer: getContainer,
+                    onVisibleChange: handlerImageChange,
                   }"
                 >
                   <template v-for="(imageItem, imageIndex) in njzp_jzList" :key="imageIndex">
@@ -309,6 +322,7 @@
                       width="100px"
                       height="100px"
                       :src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
+                      @click="handlerPreviewImage(imageIndex, imageItem)"
                       :preview="{
                         getContainer,
                       }"
@@ -318,12 +332,13 @@
               </div>
             </a-descriptions-item>
             <a-descriptions-item label="附件">
-              <a-image-preview-group :preview="{ getContainer }">
+              <a-image-preview-group :preview="{ getContainer, onVisibleChange: handlerImageChange, }">
                 <template v-for="(item, itemIndex) in fujian_jzList" :key="itemIndex">
                   <a-image
                     v-if="showImage(item)"
                     style="width: 100px; height: 100px"
                     :src="`${VITE_GLOB_INFO_IMAGE_URL}/${item}`"
+                    @click="handlerPreviewImage(itemIndex, item)"
                     :preview="{ getContainer }"
                   ></a-image>
                   <div v-else>
@@ -363,6 +378,7 @@
                 <a-image-preview-group
                   :preview="{
                     getContainer: getContainer,
+                    onVisibleChange: handlerImageChange,
                   }"
                 >
                   <template v-for="(imageItem, imageIndex) in wjzp_jzzgList" :key="imageIndex">
@@ -371,6 +387,7 @@
                       width="100px"
                       height="100px"
                       :src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
+                      @click="handlerPreviewImage(imageIndex, imageItem)"
                       :preview="{
                         getContainer,
                       }"
@@ -384,6 +401,7 @@
                 <a-image-preview-group
                   :preview="{
                     getContainer: getContainer,
+                    onVisibleChange: handlerImageChange,
                   }"
                 >
                   <template v-for="(imageItem, imageIndex) in njzp_jzzgList" :key="imageIndex">
@@ -392,6 +410,7 @@
                       width="100px"
                       height="100px"
                       :src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
+                      @click="handlerPreviewImage(imageIndex, imageItem)"
                       :preview="{
                         getContainer,
                       }"
@@ -401,12 +420,13 @@
               </div>
             </a-descriptions-item>
             <a-descriptions-item label="附件">
-              <a-image-preview-group :preview="{ getContainer }">
+              <a-image-preview-group :preview="{ getContainer, onVisibleChange: handlerImageChange, }">
                 <template v-for="(item, itemIndex) in fujian_jzzgList" :key="itemIndex">
                   <a-image
                     v-if="showImage(item)"
                     style="width: 100px; height: 100px"
                     :src="`${VITE_GLOB_INFO_IMAGE_URL}/${item}`"
+                    @click="handlerPreviewImage(itemIndex, item)"
                     :preview="{ getContainer }"
                   ></a-image>
                   <div v-else>
@@ -458,6 +478,7 @@
                 <a-image-preview-group
                   :preview="{
                     getContainer: getContainer,
+                    onVisibleChange: handlerImageChange,
                   }"
                 >
                   <template v-for="(imageItem, imageIndex) in wjzp_wgList" :key="imageIndex">
@@ -466,6 +487,7 @@
                       width="100px"
                       height="100px"
                       :src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
+                      @click="handlerPreviewImage(imageIndex, imageItem)"
                       :preview="{
                         getContainer,
                       }"
@@ -479,6 +501,7 @@
                 <a-image-preview-group
                   :preview="{
                     getContainer: getContainer,
+                    onVisibleChange: handlerImageChange,
                   }"
                 >
                   <template v-for="(imageItem, imageIndex) in njzp_wgList" :key="imageIndex">
@@ -487,6 +510,7 @@
                       width="100px"
                       height="100px"
                       :src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
+                      @click="handlerPreviewImage(imageIndex, imageItem)"
                       :preview="{
                         getContainer,
                       }"
@@ -496,12 +520,13 @@
               </div>
             </a-descriptions-item>
             <a-descriptions-item label="附件">
-              <a-image-preview-group :preview="{ getContainer }">
+              <a-image-preview-group :preview="{ getContainer, onVisibleChange: handlerImageChange, }">
                 <template v-for="(item, itemIndex) in fujian_wgList" :key="itemIndex">
                   <a-image
                     v-if="showImage(item)"
                     style="width: 100px; height: 100px"
                     :src="`${VITE_GLOB_INFO_IMAGE_URL}/${item}`"
+                    @click="handlerPreviewImage(itemIndex, item)"
                     :preview="{ getContainer }"
                   ></a-image>
                   <div v-else>
@@ -541,6 +566,7 @@
                 <a-image-preview-group
                   :preview="{
                     getContainer: getContainer,
+                    onVisibleChange: handlerImageChange,
                   }"
                 >
                   <template v-for="(imageItem, imageIndex) in wjzp_wgzgList" :key="imageIndex">
@@ -549,6 +575,7 @@
                       width="100px"
                       height="100px"
                       :src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
+                      @click="handlerPreviewImage(imageIndex, imageItem)"
                       :preview="{
                         getContainer,
                       }"
@@ -562,6 +589,7 @@
                 <a-image-preview-group
                   :preview="{
                     getContainer: getContainer,
+                    onVisibleChange: handlerImageChange,
                   }"
                 >
                   <template v-for="(imageItem, imageIndex) in njzp_wgzgList" :key="imageIndex">
@@ -570,6 +598,7 @@
                       width="100px"
                       height="100px"
                       :src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
+                      @click="handlerPreviewImage(imageIndex, imageItem)"
                       :preview="{
                         getContainer,
                       }"
@@ -579,12 +608,13 @@
               </div>
             </a-descriptions-item>
             <a-descriptions-item label="附件">
-              <a-image-preview-group :preview="{ getContainer }">
+              <a-image-preview-group :preview="{ getContainer, onVisibleChange: handlerImageChange, }">
                 <template v-for="(item, itemIndex) in fujian_wgzgList" :key="itemIndex">
                   <a-image
                     v-if="showImage(item)"
                     style="width: 100px; height: 100px"
                     :src="`${VITE_GLOB_INFO_IMAGE_URL}/${item}`"
+                    @click="handlerPreviewImage(itemIndex, item)"
                     :preview="{ getContainer }"
                   ></a-image>
                   <div v-else>
@@ -636,6 +666,7 @@
                 <a-image-preview-group
                   :preview="{
                     getContainer: getContainer,
+                    onVisibleChange: handlerImageChange,
                   }"
                 >
                   <template v-for="(imageItem, imageIndex) in wjzp_rcList" :key="imageIndex">
@@ -644,6 +675,7 @@
                       width="100px"
                       height="100px"
                       :src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
+                      @click="handlerPreviewImage(imageIndex, imageItem)"
                       :preview="{
                         getContainer,
                       }"
@@ -657,6 +689,7 @@
                 <a-image-preview-group
                   :preview="{
                     getContainer: getContainer,
+                    onVisibleChange: handlerImageChange,
                   }"
                 >
                   <template v-for="(imageItem, imageIndex) in njzp_rcList" :key="imageIndex">
@@ -665,6 +698,7 @@
                       width="100px"
                       height="100px"
                       :src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
+                      @click="handlerPreviewImage(imageIndex, imageItem)"
                       :preview="{
                         getContainer,
                       }"
@@ -674,12 +708,13 @@
               </div>
             </a-descriptions-item>
             <a-descriptions-item label="附件">
-              <a-image-preview-group :preview="{ getContainer }">
+              <a-image-preview-group :preview="{ getContainer, onVisibleChange: handlerImageChange, }">
                 <template v-for="(item, itemIndex) in fujian_rcList" :key="itemIndex">
                   <a-image
                     v-if="showImage(item)"
                     style="width: 100px; height: 100px"
                     :src="`${VITE_GLOB_INFO_IMAGE_URL}/${item}`"
+                    @click="handlerPreviewImage(itemIndex, item)"
                     :preview="{ getContainer }"
                   ></a-image>
                   <div v-else>
@@ -722,6 +757,7 @@
                 <a-image-preview-group
                   :preview="{
                     getContainer: getContainer,
+                    onVisibleChange: handlerImageChange,
                   }"
                 >
                   <template v-for="(imageItem, imageIndex) in wjzp_rczgList" :key="imageIndex">
@@ -730,6 +766,7 @@
                       width="100px"
                       height="100px"
                       :src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
+                      @click="handlerPreviewImage(imageIndex, imageItem)"
                       :preview="{
                         getContainer,
                       }"
@@ -743,6 +780,7 @@
                 <a-image-preview-group
                   :preview="{
                     getContainer: getContainer,
+                    onVisibleChange: handlerImageChange,
                   }"
                 >
                   <template v-for="(imageItem, imageIndex) in njzp_rczgList" :key="imageIndex">
@@ -751,6 +789,7 @@
                       width="100px"
                       height="100px"
                       :src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
+                      @click="handlerPreviewImage(imageIndex, imageItem)"
                       :preview="{
                         getContainer,
                       }"
@@ -760,12 +799,13 @@
               </div>
             </a-descriptions-item>
             <a-descriptions-item label="附件">
-              <a-image-preview-group :preview="{ getContainer }">
+              <a-image-preview-group :preview="{ getContainer, onVisibleChange: handlerImageChange, }">
                 <template v-for="(item, itemIndex) in fujian_rczgList" :key="itemIndex">
                   <a-image
                     v-if="showImage(item)"
                     style="width: 100px; height: 100px"
                     :src="`${VITE_GLOB_INFO_IMAGE_URL}/${item}`"
+                    @click="handlerPreviewImage(itemIndex, item)"
                     :preview="{ getContainer }"
                   ></a-image>
                   <div v-else>
@@ -817,6 +857,7 @@
                 <a-image-preview-group
                   :preview="{
                     getContainer: getContainer,
+                    onVisibleChange: handlerImageChange,
                   }"
                 >
                   <template v-for="(imageItem, imageIndex) in wjzp_rcfhList" :key="imageIndex">
@@ -825,6 +866,7 @@
                       width="100px"
                       height="100px"
                       :src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
+                      @click="handlerPreviewImage(imageIndex, imageItem)"
                       :preview="{
                         getContainer,
                       }"
@@ -838,6 +880,7 @@
                 <a-image-preview-group
                   :preview="{
                     getContainer: getContainer,
+                    onVisibleChange: handlerImageChange,
                   }"
                 >
                   <template v-for="(imageItem, imageIndex) in njzp_rcfhList" :key="imageIndex">
@@ -846,6 +889,7 @@
                       width="100px"
                       height="100px"
                       :src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
+                      @click="handlerPreviewImage(imageIndex, imageItem)"
                       :preview="{
                         getContainer,
                       }"
@@ -855,12 +899,13 @@
               </div>
             </a-descriptions-item>
             <a-descriptions-item label="附件">
-              <a-image-preview-group :preview="{ getContainer }">
+              <a-image-preview-group :preview="{ getContainer, onVisibleChange: handlerImageChange, }">
                 <template v-for="(item, itemIndex) in fujian_rcfhList" :key="itemIndex">
                   <a-image
                     v-if="showImage(item)"
                     style="width: 100px; height: 100px"
                     :src="`${VITE_GLOB_INFO_IMAGE_URL}/${item}`"
+                    @click="handlerPreviewImage(itemIndex, item)"
                     :preview="{ getContainer }"
                   ></a-image>
                   <div v-else>