From d9ce6448b67cef9c648cd08e68d4a4cca63c1bc5 Mon Sep 17 00:00:00 2001
From: yuzongping <835949940@qq.com>
Date: Mon, 16 Jun 2025 15:21:45 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/gis-map/index.html       |  1 +
 src/components/gis-map/index.scss       | 11 +++++++++++
 src/style/_base.scss                    |  6 +++++-
 src/views/capital/index.html            |  6 +++---
 src/views/property/index.html           |  6 +++---
 src/views/property/main-gis/index.html  |  1 +
 src/views/property/main-gis/index.scss  | 10 ++++++++++
 src/views/resources/index.html          |  6 +++---
 src/views/resources/main-gis/index.html |  1 +
 src/views/resources/main-gis/index.scss | 10 ++++++++++
 10 files changed, 48 insertions(+), 10 deletions(-)

diff --git a/src/components/gis-map/index.html b/src/components/gis-map/index.html
index 5411239..1c2a852 100644
--- a/src/components/gis-map/index.html
+++ b/src/components/gis-map/index.html
@@ -21,4 +21,5 @@
         </el-dropdown-menu>
       </el-dropdown>
     </div>
+    <div class="mask" style="position: absolute; width: 100%; height: 100%;pointer-events: none;"></div>
 </div>
\ No newline at end of file
diff --git a/src/components/gis-map/index.scss b/src/components/gis-map/index.scss
index c21c984..c12beb0 100644
--- a/src/components/gis-map/index.scss
+++ b/src/components/gis-map/index.scss
@@ -4,6 +4,17 @@
   left: 0;
   right: 0;
   bottom: 0;
+  z-index: -2;
+}
+
+.mask {
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+  box-shadow: inset 0px 0px 100px 100px rgba(0, 0, 0, 0.59);
+  /* 四周黑色 */
+  pointer-events: none;
+  /* 允许地图事件穿透 */
 }
 
 .select_address {
diff --git a/src/style/_base.scss b/src/style/_base.scss
index edb7657..c96773e 100644
--- a/src/style/_base.scss
+++ b/src/style/_base.scss
@@ -18,6 +18,10 @@ body {
   overflow-y: auto;
 }
 
+.zIndextop {
+  z-index: 2;
+}
+
 .page {
   position: relative;
   width: 100vw;
@@ -93,7 +97,7 @@ body {
 }
 
 .border {
-  border: 1px solid red;
+  // border: 1px solid red;
 }
 
 .nowrap‌ {
diff --git a/src/views/capital/index.html b/src/views/capital/index.html
index 276cd5e..6fd1ed8 100644
--- a/src/views/capital/index.html
+++ b/src/views/capital/index.html
@@ -6,13 +6,13 @@
   </Header>
   <GisMap></GisMap>
   <!-- 项目初始化 -->
-  <div class="left_side col space_between">
+  <div class="left_side col space_between zIndextop">
     <component :is="item" v-for="(item, index) in currentComp.left" :key="index"></component>
   </div>
-  <div class="right_side col space_between">
+  <div class="right_side col space_between zIndextop">
     <component :is="item" v-for="(item, index) in currentComp.right" :key="index"></component>
   </div>
-  <div class="buttom_side row space_between">
+  <div class="buttom_side row space_between zIndextop">
     <component :is="item" v-for="(item, index) in currentComp.buttom" :key="index"></component>
   </div>
 </div>
\ No newline at end of file
diff --git a/src/views/property/index.html b/src/views/property/index.html
index 0424eca..f7080cf 100644
--- a/src/views/property/index.html
+++ b/src/views/property/index.html
@@ -7,13 +7,13 @@
     </div>
   </Header>
   <!-- 项目初始化 -->
-  <div class="left_side col space_between">
+  <div class="left_side col space_between zIndextop">
     <component :is="item" v-for="(item, index) in currentComp.left" :key="index"></component>
   </div>
-  <div class="right_side col space_between">
+  <div class="right_side col space_between zIndextop">
     <component :is="item" v-for="(item, index) in currentComp.right" :key="index"></component>
   </div>
-  <div class="buttom_side row space_between">
+  <div class="buttom_side row space_between zIndextop">
     <component :is="item" v-for="(item, index) in currentComp.buttom" :key="index"></component>
   </div>
 </div>
diff --git a/src/views/property/main-gis/index.html b/src/views/property/main-gis/index.html
index 293840b..d86c055 100644
--- a/src/views/property/main-gis/index.html
+++ b/src/views/property/main-gis/index.html
@@ -1,4 +1,5 @@
 <div class="map border" id="map2">
+  <div class="mask" style="position: absolute; width: 100%; height: 100%;pointer-events: none;"></div>
   <!--选择地址-->
   <div class="select_address">
     <div class="dot left"></div>
diff --git a/src/views/property/main-gis/index.scss b/src/views/property/main-gis/index.scss
index 765baf7..8ce3827 100644
--- a/src/views/property/main-gis/index.scss
+++ b/src/views/property/main-gis/index.scss
@@ -4,6 +4,16 @@
   left: 0;
   right: 0;
   bottom: 0;
+
+  .mask {
+    z-index: 1;
+    width: 100%;
+    height: 100%;
+    box-shadow: inset 0px 0px 100px 100px rgba(0, 0, 0, 0.59);
+    /* 四周黑色 */
+    pointer-events: none;
+    /* 允许地图事件穿透 */
+  }
 }
 
 //选择地址
diff --git a/src/views/resources/index.html b/src/views/resources/index.html
index ce582b5..64989b8 100644
--- a/src/views/resources/index.html
+++ b/src/views/resources/index.html
@@ -7,13 +7,13 @@
     </div>
   </Header>
   <!-- 项目初始化 -->
-  <div class="left_side col space_between">
+  <div class="left_side col space_between zIndextop">
     <component :is="item" v-for="(item, index) in currentComp.left" :key="index"></component>
   </div>
-  <div class="right_side col space_between">
+  <div class="right_side col space_between zIndextop">
     <component :is="item" v-for="(item, index) in currentComp.right" :key="index"></component>
   </div>
-  <div class="buttom_side row space_between">
+  <div class="buttom_side row space_between zIndextop">
     <component :is="item" v-for="(item, index) in currentComp.buttom" :key="index"></component>
   </div>
 </div>
diff --git a/src/views/resources/main-gis/index.html b/src/views/resources/main-gis/index.html
index bb6561a..ca52d5d 100644
--- a/src/views/resources/main-gis/index.html
+++ b/src/views/resources/main-gis/index.html
@@ -1,4 +1,5 @@
 <div class="map border" id="map2">
+  <div class="mask" style="position: absolute; width: 100%; height: 100%;pointer-events: none;"></div>
   <!--选择地址-->
   <!-- <div class="select_address">
     <div class="dot left"></div>
diff --git a/src/views/resources/main-gis/index.scss b/src/views/resources/main-gis/index.scss
index 765baf7..8ce3827 100644
--- a/src/views/resources/main-gis/index.scss
+++ b/src/views/resources/main-gis/index.scss
@@ -4,6 +4,16 @@
   left: 0;
   right: 0;
   bottom: 0;
+
+  .mask {
+    z-index: 1;
+    width: 100%;
+    height: 100%;
+    box-shadow: inset 0px 0px 100px 100px rgba(0, 0, 0, 0.59);
+    /* 四周黑色 */
+    pointer-events: none;
+    /* 允许地图事件穿透 */
+  }
 }
 
 //选择地址