diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue
index dbe57ab..804f7ca 100644
--- a/src/views/sponeScreen/HaiMianScreen/index.vue
+++ b/src/views/sponeScreen/HaiMianScreen/index.vue
@@ -80,6 +80,14 @@
       </div>
     </div>
 
+    <!-- 下垫面统计的图例说明 -->
+    <div class="landAreaC" v-if="menuIndex == 1">
+      <div class="cont flex" v-for="(item, index) in landArr" :key="index">
+        <span :style="{ background: item.color }"></span>
+        <div class="title">{{ item.title }}</div>
+      </div>
+    </div>
+
     <!-- 内容-头部 -->
     <!-- 头部光动效 -->
     <img src="@/assets/newImgs/HMScreen/headLight.png" alt="" class="headLightDX" />
@@ -166,6 +174,18 @@
 const showLegend = ref(false);
 const showPipe = ref(false);
 const areaObj = ref({ value: '0' });
+// 下垫面统计
+const landArr = ref([
+  { title: '水田', color: '#f8d072' },
+  { title: '旱地', color: '#ffffc8' },
+  { title: '公园与绿地', color: '#81c35d' },
+  { title: '城镇住宅用地', color: '#f06e7d' },
+  { title: '公用设施用地', color: '#ffaac8' },
+  { title: '特殊用地', color: '#e77844' },
+  { title: '乔木林地', color: '#32963c' },
+  { title: '其他草地', color: '#b7dca0' },
+  { title: '河流水面', color: '#a3d6f5' },
+]);
 
 // 跳转业务系统
 function goSystem() {
@@ -435,6 +455,26 @@
     border-radius: 5px;
     color: #b8ecff;
   }
+  .landAreaC {
+    position: absolute;
+    left: 480px;
+    bottom: 65px;
+    z-index: 220;
+    background: #004565;
+    padding: 5px 10px;
+    border-radius: 5px;
+    .cont {
+      align-items: center;
+      font-size: 14px;
+      span {
+        width: 22px;
+        height: 12px;
+        display: inline-block;
+        border-radius: 5px;
+        margin-right: 10px;
+      }
+    }
+  }
   .projectPart {
     width: 160px;
     position: absolute;