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 [

src/components/work/rtkCanvas.vue

@@ -5,6 +5,7 @@
 import type { MockRtkPoint } from '@/mock/rtkTrack'
 import { getCurrentInstance, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'
 import { useCurrentProject } from '@/composables/useCurrentProject'
+import { publishRtkPoint } from '@/composables/useRtkLive'
 import { createMockRtkStream } from '@/mock/rtkTrack'
 
 const props = withDefaults(defineProps<{
@@ -236,6 +237,7 @@ function startStream() {
 
   stream.start((point, index) => {
     trail.push(point)
+    publishRtkPoint(point)
     finished = index >= stream.points.length - 1
     updateHeightFromTrail()
     nextTick(() => draw())

src/components/work/rtkHeader.vue

@@ -1,27 +1,23 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import { useCurrentProject } from '@/composables/useCurrentProject'
+import { useRtkLive } from '@/composables/useRtkLive'
 
 interface Props {
   deviceName?: string
-  speed?: number
-  frequency?: number
-  amplitude?: number
   rtkFixed?: boolean
 }
 
 const props = withDefaults(defineProps<Props>(), {
   deviceName: '徐工XS65H #01',
-  speed: 4.2,
-  frequency: 28.5,
-  amplitude: 1.86,
   rtkFixed: true,
 })
 
 const { hasCurrentProject } = useCurrentProject()
+const { speedTextSpaced } = useRtkLive()
 
 const displayDeviceName = computed(() => (hasCurrentProject.value ? props.deviceName : '--'))
-const displaySpeed = computed(() => (hasCurrentProject.value ? `${props.speed} km/h` : '--'))
+const displaySpeed = computed(() => (hasCurrentProject.value ? speedTextSpaced.value : '--'))
 const displayStatusText = computed(() => (hasCurrentProject.value ? '实时监测中' : '--'))
 const displayRtkText = computed(() => (hasCurrentProject.value ? 'RTK固定' : '--'))