feat 数据流模拟

src/components/work/dashboard.vue

@@ -1,24 +1,39 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import { useCurrentProject } from '@/composables/useCurrentProject'
+import { useRtkLive } from '@/composables/useRtkLive'
 
 const { hasCurrentProject } = useCurrentProject()
+const {
+  compactionValue: liveCompaction,
+  speed,
+  compactionText: liveCompactionText,
+  frequencyText: liveFrequencyText,
+} = useRtkLive()
 
-// 压实度 (假数据，后续替换)
-const compactionValue = computed(() => (hasCurrentProject.value ? 25 : 0))
-const compactionText = computed(() => (hasCurrentProject.value ? `${compactionValue.value}%` : '--'))
+const compactionValue = computed(() => {
+  if (!hasCurrentProject.value || liveCompaction.value == null)
+    return 0
+  return Math.round(liveCompaction.value)
+})
+const compactionText = computed(() => (hasCurrentProject.value ? liveCompactionText.value : '--'))
 
-// 车速 (假数据，范围 0-12，中间值 6)
-const speedValue = computed(() => (hasCurrentProject.value ? 4.2 : 0))
-const speedText = computed(() => (hasCurrentProject.value ? `${speedValue.value}KM/H` : '--'))
+const speedValue = computed(() => {
+  if (!hasCurrentProject.value || speed.value == null)
+    return 0
+  return speed.value
+})
+const speedText = computed(() => {
+  if (!hasCurrentProject.value || speed.value == null)
+    return '--'
+  return `${speed.value}KM/H`
+})
 const speedMax = 12
 
-// 指针旋转角度：0km/h → 225°（左下），12km/h → -45°（右下），中间90°（正上）
 const needleRotation = computed(() => 225 - (speedValue.value / speedMax) * 270)
 
-const frequencyText = computed(() => (hasCurrentProject.value ? '8939HZ' : '--'))
+const frequencyText = computed(() => (hasCurrentProject.value ? liveFrequencyText.value : '--'))
 
-// 今日作业概览数据
 const overviewData = computed(() => {
   if (!hasCurrentProject.value) {
     return [