fix: 修改ui，并修复bug

src/components/Oscilloscope/OscilloscopeWaveformDisplay.vue

@@ -2,10 +2,7 @@
   <div class="w-full h-100 flex flex-col">
     <!-- 原有内容 -->
     <v-chart v-if="hasData" class="w-full h-full" :option="option" autoresize />
-    <div
-      v-else
-      class="w-full h-full flex flex-col gap-4 items-center justify-center text-gray-500"
-    >
+    <div v-else class="w-full h-full flex flex-col gap-4 items-center justify-center text-gray-500">
       <span> 暂无数据 </span>
       <!-- 采集控制按钮 -->
       <div class="flex justify-center items-center mb-2">
@@ -16,13 +13,11 @@
               !oscManager.isCapturing.value,
             'from-red-500 to-red-600 hover:from-red-600 hover:to-red-700 focus:ring-red-300':
               oscManager.isCapturing.value,
-          }"
-          @click="
+          }" @click="
             oscManager.isCapturing.value
               ? oscManager.stopCapture()
               : oscManager.startCapture()
-          "
-        >
+            ">
           <span class="flex items-center gap-2">
             <template v-if="oscManager.isCapturing.value">
               <Square class="w-5 h-5" />
@@ -162,7 +157,7 @@ const option = computed((): EChartsOption => {
         saveAsImage: {},
       },
     },
-    dataZoom: [
+    dataZoom: (oscManager.isCapturing.value) ? [] : [
       {
         type: "inside",
         start: 0,