From d383cda0486b4b9c820a2cff1f9cf940cf1781a7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BA=9E=E4=B8=9C=E6=97=AD?= <850374051@qq.com>
Date: Tue, 29 Aug 2023 14:31:43 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A1=AE=E6=9D=83=E9=A6=96=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/contracted/village/map/map.vue | 30 ++++++++++++++++++++++--
 1 file changed, 28 insertions(+), 2 deletions(-)

diff --git a/src/views/contracted/village/map/map.vue b/src/views/contracted/village/map/map.vue
index a3901c6f..e6ca977b 100644
--- a/src/views/contracted/village/map/map.vue
+++ b/src/views/contracted/village/map/map.vue
@@ -14,10 +14,10 @@
 
     <div style="position:relative;">
       <div class="mapBox" id="landMapBox"></div>
-      <div class="legend_main">
+      <div class="legend_main" v-if="showLegend">
         <div class="legend">
           <p class="legend_tt">图例
-            <img src="../../../../../static/images/contracted/map_icon_01.png" alt="">
+            <img src="../../../../../static/images/contracted/map_icon_01.png" @click="showLegend = false" alt="">
           </p>
           <van-checkbox-group v-model="landCategory" @change="filterLandLayer">
             <van-checkbox name="10" shape="square" checked-color="#16e90f"><div><p>承包地</p><i class="i1"></i></div></van-checkbox>
@@ -33,6 +33,9 @@
           </p>
         </div>
       </div>
+      <div class="openLegend" v-if="!showLegend" @click="showLegend = true">
+        <span class="sanjiao-left"></span>
+      </div>
     </div>
 
     <div class="landPopup">
@@ -215,6 +218,8 @@
         isDisabled: false,                // 是否禁用
         taskStatus: null,                 // 调查任务的完成状态：1表示已完成，2表示未完成
         landCategory: ['10'],             // 地块类别
+
+        showLegend:true
       };
     },
     created() {
@@ -679,6 +684,27 @@
     right: 2vw;
   }
 
+  .openLegend{
+    position: absolute;
+    top: 2vh;
+    right: 0vw;
+    background-color: rgba(255,255,255,.5);
+    width: 20PX;
+    height: 70PX;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-top-left-radius: 10PX;
+    border-bottom-left-radius: 10PX;
+    .sanjiao-left {
+      display: inline-block;
+      border-right: 8PX solid #999999;
+      border-right-color: initial;
+      border-top: 5PX solid transparent;
+      border-bottom: 5PX solid transparent;
+    }
+  }
+
   .legend_second{
     background: rgba(255,255,255,.5);
     padding: 2vh;