feat

public/img/icon_search_gray.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>icon_search_heater_gray</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="修改页面--资源" transform="translate(-96.000000, -118.000000)">
+            <g id="编组-20" transform="translate(76.000000, 111.000000)">
+                <g id="icon_search_heater_gray" transform="translate(20.000000, 7.000000)">
+                    <rect id="透明底图" fill-opacity="0" fill="#FFFFFF" x="0" y="0" width="14" height="14"></rect>
+                    <g id="Page" transform="translate(0.875000, 0.875000)" fill="#B6B9BF">
+                        <path d="M8.75696393,8.75012799 C8.9705319,8.53656002 9.316794,8.53656002 9.53036197,8.75012799 L12.0149032,11.2346692 C12.143044,11.36281 12.143044,11.5705672 12.0149032,11.698708 L11.705544,12.0080672 C11.5774032,12.136208 11.3696459,12.136208 11.2415051,12.0080672 L8.75696393,9.52352603 C8.54339596,9.30995806 8.54339596,8.96369596 8.75696393,8.75012799 Z" id="矩形"></path>
+                        <path d="M5.46875,0 C8.48905723,0 10.9375,2.44844277 10.9375,5.46875 C10.9375,8.48905723 8.48905723,10.9375 5.46875,10.9375 C2.44844277,10.9375 0,8.48905723 0,5.46875 C0,2.44844277 2.44844277,0 5.46875,0 Z M5.46875,1.09375 C3.05250422,1.09375 1.09375,3.05250422 1.09375,5.46875 C1.09375,7.88499578 3.05250422,9.84375 5.46875,9.84375 C7.88499578,9.84375 9.84375,7.88499578 9.84375,5.46875 C9.84375,3.05250422 7.88499578,1.09375 5.46875,1.09375 Z" id="椭圆形" fill-rule="nonzero"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/views/components/Graphics.vue

@@ -24,7 +24,8 @@
       <div class="list" :class="groupType ? 'two-columns' : ''">
         <div class="input-search">
           <div class="btn">
-            <t-icon name="search" />
+            <!-- <t-icon name="search" /> -->
+            <img src="/img/icon_search_gray.svg" />
           </div>
           <t-input
             v-model="search"
@@ -525,13 +526,12 @@ const groupChange = async (name: string) => {
       userLastName = name;
       break;
   }
-
-  if (!activedPanels[name]) {
-    activedPanels[name] = [];
-    for (const item of subGroups.value) {
-      activedPanels[name].push(item.name);
-    }
+  // if (!activedPanels[name]) {
+  activedPanels[name] = [];
+  for (const item of subGroups.value) {
+    activedPanels[name].push(item.name);
   }
+  // }
 
   searchGraphics();
 };
@@ -1594,9 +1594,18 @@ onUnmounted(() => {
     justify-content: center;
     align-items: center;
     display: flex;
+    .t-radio-group.t-radio-group--filled {
+      padding: 0px;
+      height: 30px;
+    }
+    :deep(.t-radio-button__label) {
+      margin: auto;
+    }
     .t-radio-button {
+      width: 120px;
+      height: 100%;
       &.t-is-checked {
-        background-color: var(--color-primary-hover) !important;
+        background-color: var(--color-primary) !important;
         color: #fff !important;
       }
     }
@@ -1643,15 +1652,21 @@ onUnmounted(() => {
       /* padding-top: 8px; */
       .input-search {
         flex-shrink: 0;
-        height: 40px;
+        /* height: 40px; */
         position: sticky;
         top: 0px;
         z-index: 10;
+        padding: 16px;
+        color: #878f9c;
         .btn {
           background: #fff0;
-          .t-icon {
-            background: #fff0;
+          img {
+            background-color: #fff0;
+            margin-top: 9px;
           }
+          /* .t-icon {
+            background: #fff0;
+          } */
         }
       }
       * {

src/views/components/Header.vue

@@ -1076,7 +1076,7 @@ const changeDisableAnchor = () => {
     }
 
     &.active {
-      background-color: var(--color-primary-hover);
+      background-color: var(--color-primary);
       color: #ffffff;
     }
   }

src/views/components/View.vue

@@ -1781,6 +1781,7 @@ const onSuccessChargeCloud = () => {
     border-top: 1px solid var(--color-background-input);
     height: calc(100vh - 81px);
     z-index: 1;
+    overflow: hidden;
 
     :deep(.meta2d-map) {
       background: var(--color-background);