From 569eb49228ff88baebade159b72cbf3c698e3cb1 Mon Sep 17 00:00:00 2001
From: Ironsp <1522278303@qq.com>
Date: Mon, 7 Sep 2026 08:54:01 +0800
Subject: [PATCH] =?UTF-8?q?feat=20=E6=B7=BB=E5=8A=A0=E5=89=A9=E4=BD=99?=
 =?UTF-8?q?=E9=83=A8=E5=88=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components.d.ts               |   2 +
 src/components/FullscreenNav.vue  | 192 ++++++++++++++++++++++++++++++
 src/components/work/rtkCanvas.vue |   8 +-
 src/components/work/rtkHeader.vue |   8 +-
 src/pages/heatmap/index.vue       |  42 +++++++
 src/pages/rtk/index.vue           |  42 +++++++
 src/uni-pages.d.ts                |   2 +
 7 files changed, 294 insertions(+), 2 deletions(-)
 create mode 100644 src/components/FullscreenNav.vue
 create mode 100644 src/pages/heatmap/index.vue
 create mode 100644 src/pages/rtk/index.vue

diff --git a/src/components.d.ts b/src/components.d.ts
index 0d4e53a..a0bb22d 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -11,6 +11,7 @@ declare module 'vue' {
     BluetoothConnect: typeof import('./components/bluetooth/connect.vue')['default']
     DeviceCard: typeof import('./components/deviceCard.vue')['default']
     DeviceInfo: typeof import('./components/deviceInfo.vue')['default']
+    FullscreenNav: typeof import('./components/FullscreenNav.vue')['default']
     HomeConstruction: typeof import('./components/home/construction.vue')['default']
     HomeHomeNav: typeof import('./components/home/homeNav.vue')['default']
     HomeList: typeof import('./components/home/list.vue')['default']
@@ -34,6 +35,7 @@ declare module 'vue' {
     SettingsSensorConfig: typeof import('./components/settings/sensorConfig.vue')['default']
     SettingsWifiNetwork: typeof import('./components/settings/wifiNetwork.vue')['default']
     SettingsWifiSettings: typeof import('./components/settings/wifiSettings.vue')['default']
+    ToggleFullscreen: typeof import('./components/toggleFullscreen.vue')['default']
     WarningFilter: typeof import('./components/warning/filter.vue')['default']
     WarningItem: typeof import('./components/warning/item.vue')['default']
     WorkDashboard: typeof import('./components/work/dashboard.vue')['default']
diff --git a/src/components/FullscreenNav.vue b/src/components/FullscreenNav.vue
new file mode 100644
index 0000000..2a7b1b6
--- /dev/null
+++ b/src/components/FullscreenNav.vue
@@ -0,0 +1,192 @@
+<script setup lang="ts">
+// RTK 轨迹实时监测 - 状态头部组件
+
+interface Props {
+  deviceName?: string
+  speed?: number
+  frequency?: number
+  amplitude?: number
+  rtkFixed?: boolean
+}
+
+withDefaults(defineProps<Props>(), {
+  deviceName: '徐工XS65H #01',
+  speed: 4.2,
+  frequency: 28.5,
+  amplitude: 1.86,
+  rtkFixed: true,
+})
+
+function handleToggle() {
+  console.log('缩小缩小')
+}
+</script>
+
+<template>
+  <view class="rtk-header">
+    <!-- 顶部行：标题 + 缩小按钮 -->
+    <view class="top-row">
+      <view class="title-area">
+        <text class="title">
+          RTK轨迹实时监测
+        </text>
+        <view class="device-status">
+          <view class="status-dot" />
+          <text class="device-name">
+            {{ deviceName }}
+          </text>
+          <text class="status-text">
+            实时监测中
+          </text>
+        </view>
+      </view>
+      <view class="toggle-btn" @click="handleToggle">
+        <wd-icon name="fullscreen-exit" size="24px" />
+      </view>
+    </view>
+
+    <!-- 数据行 -->
+    <view class="data-row">
+      <view class="data-item">
+        <text class="data-label">
+          车速
+        </text>
+        <text class="data-value">
+          {{ speed }} km/h
+        </text>
+      </view>
+      <view class="data-item">
+        <text class="data-label">
+          振动频率
+        </text>
+        <text class="data-value">
+          {{ frequency }} HZ
+        </text>
+      </view>
+      <view class="data-item">
+        <text class="data-label">
+          振幅
+        </text>
+        <text class="data-value">
+          {{ amplitude }} mm
+        </text>
+      </view>
+      <view class="rtk-status">
+        <view class="rtk-dot" :class="{ 'rtk-dot--active': rtkFixed }" />
+        <text class="rtk-text">
+          RTK固定
+        </text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<style scoped>
+.rtk-header {
+  background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
+  padding: 16px;
+  margin-bottom: 12px;
+}
+
+.top-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  margin-bottom: 16px;
+}
+
+.title-area {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.title {
+  font-size: 18px;
+  font-weight: 600;
+  color: #fff;
+}
+
+.device-status {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.status-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: #4ade80;
+}
+
+.device-name {
+  font-size: 12px;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.status-text {
+  font-size: 12px;
+  color: rgba(255, 255, 255, 0.6);
+}
+
+.toggle-btn {
+  width: 32px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 6px;
+  /* background: rgba(255, 255, 255, 0.2); */
+}
+
+.toggle-btn:active {
+  background: rgba(255, 255, 255, 0.3);
+}
+
+.data-row {
+  display: flex;
+  align-items: center;
+  gap: 32px;
+}
+
+.data-item {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.data-label {
+  font-size: 12px;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.data-value {
+  font-size: 16px;
+  font-weight: 600;
+  color: #fff;
+}
+
+.rtk-status {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  margin-left: auto;
+}
+
+.rtk-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: rgba(255, 255, 255, 0.4);
+}
+
+.rtk-dot--active {
+  background: #4ade80;
+}
+
+.rtk-text {
+  font-size: 12px;
+  color: rgba(255, 255, 255, 0.8);
+}
+</style>
diff --git a/src/components/work/rtkCanvas.vue b/src/components/work/rtkCanvas.vue
index 485fd9c..c5f505c 100644
--- a/src/components/work/rtkCanvas.vue
+++ b/src/components/work/rtkCanvas.vue
@@ -1,9 +1,15 @@
 <script setup lang="ts">
 // RTK 轨迹画布 - 占位组件，后续实现轨迹动画
+
+function goToRtk() {
+  uni.navigateTo({
+    url: '/pages/rtk/index',
+  })
+}
 </script>
 
 <template>
-  <view class="rtk-canvas">
+  <view class="rtk-canvas" @click="goToRtk">
     <view class="canvas-placeholder">
       <text class="placeholder-text">
         轨迹动画区域
diff --git a/src/components/work/rtkHeader.vue b/src/components/work/rtkHeader.vue
index 4d5e607..bb0e124 100644
--- a/src/components/work/rtkHeader.vue
+++ b/src/components/work/rtkHeader.vue
@@ -16,6 +16,12 @@ withDefaults(defineProps<Props>(), {
   amplitude: 1.86,
   rtkFixed: true,
 })
+
+function goToHeatmap() {
+  uni.navigateTo({
+    url: '/pages/heatmap/index',
+  })
+}
 </script>
 
 <template>
@@ -25,7 +31,7 @@ withDefaults(defineProps<Props>(), {
       <text class="title">
         RTK轨迹实时监测
       </text>
-      <wd-button variant="text">
+      <wd-button variant="text" @click="goToHeatmap">
         压实热力图
       </wd-button>
     </view>
diff --git a/src/pages/heatmap/index.vue b/src/pages/heatmap/index.vue
new file mode 100644
index 0000000..89416c3
--- /dev/null
+++ b/src/pages/heatmap/index.vue
@@ -0,0 +1,42 @@
+<script lang="ts" setup>
+definePage({
+  layout: false,
+  style: {
+    navigationStyle: 'custom',
+  },
+})
+</script>
+
+<template>
+  <view class="page">
+    <!-- 顶部导航 -->
+    <FullscreenNav />
+
+    <!-- 占位内容 -->
+    <view class="content">
+      <text class="placeholder-text">
+        压实热力图
+      </text>
+    </view>
+  </view>
+</template>
+
+<style scoped>
+.page {
+  min-height: 100vh;
+  background-color: #EAEFF9;
+}
+
+.content {
+  padding: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: calc(100vh - 120px);
+}
+
+.placeholder-text {
+  font-size: 18px;
+  color: #999;
+}
+</style>
diff --git a/src/pages/rtk/index.vue b/src/pages/rtk/index.vue
new file mode 100644
index 0000000..716ae87
--- /dev/null
+++ b/src/pages/rtk/index.vue
@@ -0,0 +1,42 @@
+<script lang="ts" setup>
+definePage({
+  layout: false,
+  style: {
+    navigationBarTitleText: 'RTK轨迹',
+  },
+})
+</script>
+
+<template>
+  <view class="page">
+    <!-- 顶部导航 -->
+    <FullscreenNav />
+
+    <!-- 占位内容 -->
+    <view class="content">
+      <text class="placeholder-text">
+        RTK轨迹
+      </text>
+    </view>
+  </view>
+</template>
+
+<style scoped>
+.page {
+  min-height: 100vh;
+  background-color: #EAEFF9;
+}
+
+.content {
+  padding: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: calc(100vh - 120px);
+}
+
+.placeholder-text {
+  font-size: 18px;
+  color: #999;
+}
+</style>
diff --git a/src/uni-pages.d.ts b/src/uni-pages.d.ts
index 460e1dc..da6a0e6 100644
--- a/src/uni-pages.d.ts
+++ b/src/uni-pages.d.ts
@@ -6,9 +6,11 @@
 type _LocationUrl =
   "/pages/Ahome/index" |
   "/pages/bluetooth/index" |
+  "/pages/heatmap/index" |
   "/pages/message/index" |
   "/pages/project/index" |
   "/pages/report/index" |
+  "/pages/rtk/index" |
   "/pages/settings/index" |
   "/pages/warning/index" |
   "/pages/work/index" |