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 @@ + +
+
+ +
{{ item.title }}
+
+
+ @@ -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;