update

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
+  }
 };
 
 // 关闭搜索表单

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-container {
-            .l7-control-logo{
+        .l7-bottom {
-                .l7-control-logo-link{
+            .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;
+        flex-wrap: wrap;
-        .areaItem{
+
+        .areaItem {
             margin-right: 16px;
-            .color{
+
+            .color {
                 width: 16px;
                 height: 16px;
                 border-radius: 50%;
                 margin-right: 8px;
                 display: inline-block;
             }
-            .text{
+
+            .text {
                 color: #fff;
             }
         }

src/components/map/index.vue

@@ -49,13 +49,13 @@ import {
 
 // 配色方案一
 let colorList1 = [
-  "#4F83FA",
+  "#4F83FA", "#A39BFF", "#63B6FC", "#88DFB2", "#88C3BF", "#d9dcf3",
-  "#A39BFF",
+  "#FF7F50", "#87CEFA", "#8A2BE2", "#A52A2A", "#DEB887", "#5F9EA0",
-  "#63B6FC",
+  "#7FFF00", "#D2691E", "#FF69B4", "#CD5C5C", "#8B0000", "#006400",
-  "#88DFB2",
+  "#FFD700", "#DAA520", "#808080", "#F0E68C", "#ADFF2F", "#00008B",
-  "#88C3BF",
+  "#008080", "#FF00FF", "#800080", "#FF6347", "#2E8B57", "#F4A460"
-  "#d9dcf3",
 ];
+
 // 配色方案二
 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;