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<{

src/views/Project/LogicAnalyzer.vue

@@ -0,0 +1,43 @@
+<template>
+  <div class="bg-base-100 flex flex-col">
+    <!-- 逻辑信号展示 -->
+    <div class="card bg-base-200 shadow-xl">
+      <div class="card-body">
+        <h2 class="card-title">
+          <Zap class="w-5 h-5" />
+          逻辑信号分析
+        </h2>
+      </div>
+    </div>
+
+    <!-- 触发设置 -->
+    <div class="card bg-base-200 shadow-xl mt-4">
+      <div class="card-body">
+        <h2 class="card-title">
+          <Settings class="w-5 h-5" />
+          触发设置
+        </h2>
+        <TriggerSettings />
+      </div>
+    </div>
+
+    <!-- 通道配置 -->
+    <div class="card bg-base-200 shadow-xl mt-4">
+      <div class="card-body">
+        <h2 class="card-title">
+          <Layers class="w-5 h-5" />
+          通道配置
+        </h2>
+        <ChannelConfig />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { Zap, Settings, Layers } from "lucide-vue-next";
+import { useEquipments } from "@/stores/equipments";
+
+// 使用全局设备配置
+const equipments = useEquipments();
+</script>