优化图例显示

src/stores/useLeftLegendStore.ts

@@ -5,12 +5,14 @@ import { ref, type Ref } from 'vue';
  * 左侧图例信息
  */
 export const useLeftLegendStore = defineStore('leftLegend', () => {
-  const legendListInfo: Ref<{
-    title: string;
-    list: { label: string; color: string }[];
-  }> = ref({
-    title: '',
-    list: [],
-  });
+  const legendListInfo: Ref<
+    Record<
+      string,
+      {
+        title: string;
+        list: { label: string; color: string }[];
+      }
+    >
+  > = ref({});
   return { legendListInfo };
 });

src/stores/useStatusStore.ts

@@ -29,8 +29,8 @@ export const useStatusStore = defineStore('status', () => {
       loading: true,
     },
     leftLegend: {
-      show: false,
-      loading: false,
+      show: true,
+      loading: true,
     },
     rightButton: {
       show: true,
@@ -215,8 +215,8 @@ export const useStatusStore = defineStore('status', () => {
       loading: true,
     };
     uiComponents.leftLegend = {
-      show: false,
-      loading: false,
+      show: true,
+      loading: true,
     };
     uiComponents.rightButton = {
       show: true,