添加左侧图例组件

src/stores/useLeftLegendStore.ts

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

src/stores/useStatusStore.ts

@@ -28,6 +28,10 @@ export const useStatusStore = defineStore('status', () => {
       show: true,
       loading: true,
     },
+    leftLegend: {
+      show: false,
+      loading: false,
+    },
     rightButton: {
       show: true,
       loading: true,
@@ -210,6 +214,10 @@ export const useStatusStore = defineStore('status', () => {
       show: true,
       loading: true,
     };
+    uiComponents.leftLegend = {
+      show: false,
+      loading: false,
+    };
     uiComponents.rightButton = {
       show: true,
       loading: true,