【详情】图片不掩盖图斑

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;