From 13c06b6dfd0a42a9fa80c4f3d3fb5a2019cda29e Mon Sep 17 00:00:00 2001
From: Zhufu <1176354795@qq.com>
Date: Mon, 15 Jul 2024 17:32:35 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E8=AF=A6=E6=83=85=E3=80=91=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E4=B8=8D=E6=8E=A9=E7=9B=96=E5=9B=BE=E6=96=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../MapList/ShowInfoModal/index.vue           | 29 ++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

diff --git a/src/views/demo/tiankongdi/curbspotcity/MapList/ShowInfoModal/index.vue b/src/views/demo/tiankongdi/curbspotcity/MapList/ShowInfoModal/index.vue
index 6a20cf4a..84efe313 100644
--- a/src/views/demo/tiankongdi/curbspotcity/MapList/ShowInfoModal/index.vue
+++ b/src/views/demo/tiankongdi/curbspotcity/MapList/ShowInfoModal/index.vue
@@ -8,7 +8,7 @@
         ref="MapboxComponent"
       />
     </div>
-    <div class="info-container">
+    <div class="info-container" id="info-container">
       <a-tabs v-model:activeKey="activeKey">
         <a-tab-pane key="1" tab="线索下发">
           <a-descriptions
@@ -50,6 +50,9 @@
                   width="100px"
                   height="100px"
                   :src="`${VITE_GLOB_API_URL}/${imageItem}`"
+                  :preview="{
+                    getContainer,
+                  }"
                 ></a-image>
               </template>
               <!-- {{ anjianzhaopian }} -->
@@ -107,6 +110,9 @@
                     width="100px"
                     height="100px"
                     :src="`${VITE_GLOB_API_URL}/${imageItem}`"
+                    :preview="{
+                      getContainer,
+                      }"
                   ></a-image>
                 </div>
               </template>
@@ -153,6 +159,9 @@
                     width="100px"
                     height="100px"
                     :src="`${VITE_GLOB_API_URL}/${imageItem}`"
+                    :preview="{
+                      getContainer,
+                    }"
                   ></a-image>
                 </div>
               </template>
@@ -405,6 +414,9 @@
   const downLoadFile = (url) => {
     window.open(`${VITE_GLOB_API_URL}/${url}`, 'mozillaTab');
   };
+  const getContainer = () => {
+    return document.getElementById('info-container')
+  }
 </script>
 
 <style lang="scss" scoped>
@@ -427,6 +439,21 @@
   }
   .info-container {
     float: left;
+    position: relative;
+    :deep(.ant-image-preview-wrap){
+      position: absolute;
+    }
+    :deep(.ant-image-preview-mask){
+      position: absolute;
+    }
+    :deep(.ant-image-preview-operations-wrapper){
+      position: absolute;
+    }
+    :deep(.ant-image-preview-operations){
+      position: absolute;
+      top: 0;
+      width: 100%;
+    }
   }
   ::v-deep .ant-tabs .ant-tabs-content-holder{
     overflow: auto;