feat: 完成logicanalyzer的api

src/views/Project/BottomBar.vue

@@ -32,6 +32,16 @@
         <SquareActivityIcon class="icon" />
         示波器
       </label>
+      <label class="tab">
+        <input
+          type="radio"
+          name="function-bar"
+          id="4"
+          @change="handleTabChange"
+        />
+        <Zap class="icon" />
+        逻辑分析仪
+      </label>
       <!-- 全屏按钮 -->
       <button
         class="fullscreen-btn ml-auto btn btn-ghost btn-sm"
@@ -51,6 +61,9 @@
       <div v-else-if="checkID === 3" class="h-full overflow-y-auto">
         <OscilloscopeView />
       </div>
+      <div v-else-if="checkID === 4" class="h-full overflow-y-auto">
+        <LogicAnalyzerView />
+      </div>
     </div>
   </div>
 </template>
@@ -62,13 +75,16 @@ import {
   TerminalIcon,
   MaximizeIcon,
   MinimizeIcon,
+  Zap,
 } from "lucide-vue-next";
+import { useLocalStorage } from "@vueuse/core";
 import VideoStreamView from "@/views/Project/VideoStream.vue";
 import OscilloscopeView from "@/views/Project/Oscilloscope.vue";
+import LogicAnalyzerView from "@/views/Project/LogicAnalyzer.vue";
 import { isNull, toNumber } from "lodash";
-import { ref, watch } from "vue";
+import { onMounted, ref, watch } from "vue";
 
-const checkID = ref(1);
+const checkID = useLocalStorage("checkID", 1);
 
 // 定义事件
 const emit = defineEmits<{