From 3d9934f8c8dc9c64e2860c9af408ac0f603e99da Mon Sep 17 00:00:00 2001 From: ylj20011123 Date: Mon, 24 Nov 2025 16:26:00 +0800 Subject: [PATCH] update --- .../map/component/rightSearchBox.vue | 4 +- src/components/map/index.less | 42 ++++++++++--------- src/components/map/index.vue | 14 +++---- 3 files changed, 33 insertions(+), 27 deletions(-) diff --git a/src/components/map/component/rightSearchBox.vue b/src/components/map/component/rightSearchBox.vue index b684147..8bec553 100644 --- a/src/components/map/component/rightSearchBox.vue +++ b/src/components/map/component/rightSearchBox.vue @@ -181,7 +181,9 @@ const handleShowMoreFormBox = () => { if (!isShowFilterIconList.value) { isShowFilterIconList.value = true; } - showSearchForm.value = !showSearchForm.value; + if (!showSearchForm.value) { + showSearchForm.value = true + } }; // 关闭搜索表单 diff --git a/src/components/map/index.less b/src/components/map/index.less index 1fae2fa..0d17b4a 100644 --- a/src/components/map/index.less +++ b/src/components/map/index.less @@ -1,19 +1,20 @@ -.mapBox{ +.mapBox { width: 100%; height: 100vh; position: relative; overflow: hidden; - .l7-control-container{ - .l7-bottom{ - .l7-control-logo{ - .l7-control-logo-link{ + + .l7-control-container { + .l7-bottom { + .l7-control-logo { + .l7-control-logo-link { display: none; } } } } - .RobotBox{ + .RobotBox { width: 40%; position: absolute; top: 16px; @@ -21,14 +22,14 @@ z-index: 10; } - .rightSearchBox{ + .rightSearchBox { position: absolute; top: 16px; right: 16px; z-index: 10; } - .serverpartDetail{ + .serverpartDetail { width: 25%; height: calc(100vh - 20px); position: absolute; @@ -37,7 +38,7 @@ z-index: 10; } - .realBox{ + .realBox { width: 45%; height: 100px; position: absolute; @@ -47,10 +48,10 @@ z-index: 10; } - .revenueRate{ + .revenueRate { width: 400px; height: 400px; - border:1px solid #5F5F5F; + border: 1px solid #5F5F5F; position: absolute; bottom: 16px; left: 16px; @@ -60,10 +61,10 @@ padding: 16px; } - .BusyRanking{ + .BusyRanking { width: 400px; height: 400px; - border:1px solid #5F5F5F; + border: 1px solid #5F5F5F; position: absolute; bottom: 16px; right: 16px; @@ -73,10 +74,10 @@ padding: 16px; } - .areaListLegend{ + .areaListLegend { box-sizing: border-box; padding: 16px; - border:1px solid #5F5F5F; + border: 1px solid #5F5F5F; border-radius: 8px; z-index: 10; position: absolute; @@ -84,17 +85,20 @@ left: 50%; transform: translateX(-50%); display: flex; - flex-wrap: nowrap; - .areaItem{ + flex-wrap: wrap; + + .areaItem { margin-right: 16px; - .color{ + + .color { width: 16px; height: 16px; border-radius: 50%; margin-right: 8px; display: inline-block; } - .text{ + + .text { color: #fff; } } diff --git a/src/components/map/index.vue b/src/components/map/index.vue index 5de9cf1..167bf9c 100644 --- a/src/components/map/index.vue +++ b/src/components/map/index.vue @@ -49,13 +49,13 @@ import { // 配色方案一 let colorList1 = [ - "#4F83FA", - "#A39BFF", - "#63B6FC", - "#88DFB2", - "#88C3BF", - "#d9dcf3", + "#4F83FA", "#A39BFF", "#63B6FC", "#88DFB2", "#88C3BF", "#d9dcf3", + "#FF7F50", "#87CEFA", "#8A2BE2", "#A52A2A", "#DEB887", "#5F9EA0", + "#7FFF00", "#D2691E", "#FF69B4", "#CD5C5C", "#8B0000", "#006400", + "#FFD700", "#DAA520", "#808080", "#F0E68C", "#ADFF2F", "#00008B", + "#008080", "#FF00FF", "#800080", "#FF6347", "#2E8B57", "#F4A460" ]; + // 配色方案二 let colorList2 = [ "#627FFF", @@ -246,7 +246,7 @@ const handleGetAllService = async () => { item.SPREGIONTYPETYPE = typeID; SPREGIONTYPETYPEObj[item.SPREGIONTYPE_ID] = colorList1[typeID]; SPREGIONTYPECOLORLIST.push({ - label: item.SPREGIONTYPE_NAME, + label: item.SPREGIONTYPE_NAME.indexOf('管理单元') !== -1 ? item.SPREGIONTYPE_NAME.split('管理单元')[0] : item.SPREGIONTYPE_NAME, value: colorList1[typeID], }); typeID += 1;