From 504411f532949c8f769fbbcddf17542bde69a4d4 Mon Sep 17 00:00:00 2001
From: Ironsp <1522278303@qq.com>
Date: Mon, 31 Aug 2026 15:16:34 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=A6=96=E9=A1=B5dashboard=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components.d.ts             |   1 +
 src/components/home/homeNav.vue |  81 ++++
 src/pages/home/index.vue        | 686 ++++++++++++++++++++++++++++++--
 src/static/Bluetooth.png        | Bin 0 -> 1259 bytes
 src/static/logo.png             | Bin 0 -> 3110 bytes
 src/static/message.png          | Bin 0 -> 2128 bytes
 src/static/seting.png           | Bin 0 -> 1863 bytes
 7 files changed, 739 insertions(+), 29 deletions(-)
 create mode 100644 src/components/home/homeNav.vue
 create mode 100644 src/static/Bluetooth.png
 create mode 100644 src/static/logo.png
 create mode 100644 src/static/message.png
 create mode 100644 src/static/seting.png

diff --git a/src/components.d.ts b/src/components.d.ts
index bf527e0..8d6aed8 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -10,6 +10,7 @@ declare module 'vue' {
     AppFooter: typeof import('./components/AppFooter.vue')['default']
     AppLogos: typeof import('./components/AppLogos.vue')['default']
     HiCounter: typeof import('./components/HiCounter.vue')['default']
+    HomeHomeNav: typeof import('./components/home/homeNav.vue')['default']
     InputEntry: typeof import('./components/InputEntry.vue')['default']
   }
 }
diff --git a/src/components/home/homeNav.vue b/src/components/home/homeNav.vue
new file mode 100644
index 0000000..f8a354f
--- /dev/null
+++ b/src/components/home/homeNav.vue
@@ -0,0 +1,81 @@
+<script setup lang="ts">
+function onIconClick(name: string) {
+  console.log(`点击了${name}图标`)
+}
+</script>
+
+<template>
+  <view class="custom-nav">
+    <view class="nav-left">
+      <image class="nav-logo" src="/static/logo.png" mode="aspectFit" @click="onIconClick('logo')" />
+      <view class="nav-info">
+        <text class="nav-title">
+          G6高速改扩建测试测试项目
+        </text>
+        <text class="nav-subtitle">
+          K1+200-K1+800
+        </text>
+      </view>
+    </view>
+    <view class="nav-right">
+      <image class="nav-icon" src="/static/seting.png" mode="aspectFit" @click="onIconClick('设置')" />
+      <image class="nav-icon" src="/static/Bluetooth.png" mode="aspectFit" @click="onIconClick('蓝牙')" />
+      <image class="nav-icon" src="/static/message.png" mode="aspectFit" @click="onIconClick('通知')" />
+    </view>
+  </view>
+</template>
+
+<style scoped>
+.custom-nav {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 88px;
+  padding-left: 16px;
+  padding-right: 16px;
+  background-color: #ffffff;
+  z-index: 999;
+}
+
+.nav-left {
+  display: flex;
+  align-items: center;
+}
+
+.nav-logo {
+  width: 270rpx;
+  height: 810rpx;
+  margin-right: 12px;
+}
+
+.nav-info {
+  display: flex;
+  flex-direction: column;
+}
+
+.nav-title {
+  font-size: 18px;
+  font-weight: bold;
+  color: #333333;
+}
+
+.nav-subtitle {
+  font-size: 12px;
+  color: #999999;
+}
+
+.nav-right {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.nav-icon {
+  width: 32px;
+  height: 32px;
+}
+</style>
diff --git a/src/pages/home/index.vue b/src/pages/home/index.vue
index 88104ce..1e42007 100644
--- a/src/pages/home/index.vue
+++ b/src/pages/home/index.vue
@@ -1,40 +1,668 @@
 <script setup lang="ts">
-import { useDialog } from '@wot-ui/ui'
-
-import { mockData } from '@/mock/index'
-
 definePage({
   layout: false,
   style: {
-    navigationBarTitleText: '首页',
+    navigationStyle: 'custom',
   },
 })
-
-const dialog = useDialog()
-
-function openConfirm() {
-  dialog
-    .confirm({
-      title: '提示',
-      msg: '确认执行此操作吗？',
-    })
-    .then(() => {
-      console.log('点击了确认')
-    })
-    .catch(() => {
-      console.log('点击了取消')
-    })
-}
 </script>
 
 <template>
-  <view>首页</view>
-  <view>消息:{{ mockData.message }}</view>
-  <view>时间:{{ mockData.time }}</view>
-  <wd-dialog />
-  <wd-button @click="openConfirm">
-    打开 Confirm
-  </wd-button>
+  <view class="page">
+    <home-homeNav />
+
+    <view class="content">
+      <!-- 今日作业概览 -->
+      <view class="card overview-card">
+        <view class="card-header">
+          <text class="card-title">
+            今日作业概览
+          </text>
+          <text class="card-date">
+            2025年8月11日
+          </text>
+        </view>
+        <view class="overview-stats">
+          <view class="stat-item">
+            <text class="stat-label">
+              实时作业状态(台)
+            </text>
+            <text class="stat-value">
+              22
+            </text>
+          </view>
+          <view class="stat-item">
+            <text class="stat-label">
+              累计作业面积(m²)
+            </text>
+            <text class="stat-value">
+              1268
+            </text>
+          </view>
+          <view class="stat-item">
+            <text class="stat-label">
+              累计作业时长(小时)
+            </text>
+            <text class="stat-value">
+              8.5
+            </text>
+          </view>
+        </view>
+      </view>
+
+      <!-- 双列布局 -->
+      <view class="two-column">
+        <!-- 左列 -->
+        <view class="column-left">
+          <!-- 实时作业状态 -->
+          <view class="card">
+            <view class="card-header">
+              <text class="card-title">
+                实时作业状态
+              </text>
+            </view>
+            <view class="card-body">
+              <view class="status-info">
+                <view class="avatar" />
+                <view class="info">
+                  <text class="name">
+                    徐工XS65H #01
+                  </text>
+                  <text class="sub">
+                    G1XG2584-B01
+                  </text>
+                </view>
+                <view class="status-tag">
+                  作业中
+                </view>
+              </view>
+              <view class="status-params">
+                <view class="param">
+                  <text class="param-label">
+                    振动频率
+                  </text>
+                  <text class="param-value">
+                    8939HZ
+                  </text>
+                </view>
+                <view class="param">
+                  <text class="param-label">
+                    振幅
+                  </text>
+                  <text class="param-value">
+                    8939mm
+                  </text>
+                </view>
+                <view class="param">
+                  <text class="param-label">
+                    行驶速度
+                  </text>
+                  <text class="param-value">
+                    3km/h
+                  </text>
+                </view>
+                <view class="param">
+                  <text class="param-label">
+                    钢轮温度
+                  </text>
+                  <text class="param-value">
+                    8939°C
+                  </text>
+                </view>
+              </view>
+              <view class="card-footer">
+                <button class="btn-primary">
+                  进入作业监控
+                </button>
+              </view>
+            </view>
+          </view>
+
+          <!-- 项目列表 -->
+          <view class="card">
+            <view class="card-header">
+              <text class="card-title">
+                项目列表
+              </text>
+              <text class="card-link">
+                查看全部
+              </text>
+            </view>
+            <view class="card-body">
+              <view class="project-item">
+                <view class="project-info">
+                  <view class="avatar" />
+                  <view class="info">
+                    <text class="name">
+                      G6高速改扩建项目
+                    </text>
+                    <text class="sub">
+                      K1+200-K1+800
+                    </text>
+                  </view>
+                  <view class="status-tag">
+                    作业中
+                  </view>
+                </view>
+                <view class="project-params">
+                  <view class="param">
+                    <text class="param-label">
+                      作业时长
+                    </text>
+                    <text class="param-value">
+                      8h
+                    </text>
+                  </view>
+                  <view class="param">
+                    <text class="param-label">
+                      压实面积
+                    </text>
+                    <text class="param-value">
+                      28.5m²
+                    </text>
+                  </view>
+                  <view class="param">
+                    <text class="param-label">
+                      碾压遍数
+                    </text>
+                    <text class="param-value">
+                      10遍
+                    </text>
+                  </view>
+                </view>
+                <view class="project-actions">
+                  <button class="btn-action btn-start">
+                    开始项目
+                  </button>
+                  <button class="btn-action btn-pause">
+                    暂停项目
+                  </button>
+                  <button class="btn-action btn-end">
+                    结束项目
+                  </button>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+
+        <!-- 右列 -->
+        <view class="column-right">
+          <!-- 项目作业进度 -->
+          <view class="card">
+            <view class="card-header">
+              <text class="card-title">
+                项目作业进度
+              </text>
+              <text class="card-sub">
+                K1+200-K1+800
+              </text>
+            </view>
+            <view class="card-body">
+              <view class="progress-content">
+                <view class="progress-circle">
+                  <text class="progress-percent">
+                    25%
+                  </text>
+                  <text class="progress-label">
+                    jobs
+                  </text>
+                </view>
+                <view class="progress-details">
+                  <view class="progress-item">
+                    <text class="progress-name">
+                      压实合格率
+                    </text>
+                    <text class="progress-value">
+                      95.65%
+                    </text>
+                  </view>
+                  <view class="progress-item">
+                    <text class="progress-name">
+                      完成进度
+                    </text>
+                    <text class="progress-value">
+                      66%
+                    </text>
+                  </view>
+                  <view class="progress-item">
+                    <text class="progress-name">
+                      总面积
+                    </text>
+                    <text class="progress-value">
+                      1164m²
+                    </text>
+                  </view>
+                  <view class="progress-item">
+                    <text class="progress-name">
+                      已压实面积
+                    </text>
+                    <text class="progress-value">
+                      664m²
+                    </text>
+                  </view>
+                  <view class="progress-item">
+                    <text class="progress-name">
+                      未压实面积
+                    </text>
+                    <text class="progress-value">
+                      500m²
+                    </text>
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+
+          <!-- 当前施工段 -->
+          <view class="card">
+            <view class="card-header">
+              <text class="card-title">
+                当前施工段
+              </text>
+            </view>
+            <view class="card-body">
+              <view class="construction-info">
+                <view class="icon-placeholder" />
+                <view class="info">
+                  <text class="segment">
+                    K12+300 — K125+800
+                  </text>
+                  <text class="requirement">
+                    压实遍数要求:≥6遍
+                  </text>
+                </view>
+              </view>
+            </view>
+          </view>
+
+          <!-- 异常警告 -->
+          <view class="card">
+            <view class="card-header">
+              <text class="card-title">
+                异常警告
+              </text>
+              <text class="card-link">
+                查看全部
+              </text>
+            </view>
+            <view class="card-body">
+              <view class="warning-item">
+                <view class="warning-icon" />
+                <view class="warning-info">
+                  <text class="warning-title">
+                    钢轮温度过高
+                  </text>
+                  <text class="warning-desc">
+                    徐工XS65H #01 钢轮温度达90°C,超过國值85°C
+                  </text>
+                </view>
+                <text class="warning-time">
+                  10分钟前
+                </text>
+              </view>
+              <view class="warning-item">
+                <view class="warning-icon warning-rtk" />
+                <view class="warning-info">
+                  <text class="warning-title">
+                    RTK信号弱
+                  </text>
+                  <text class="warning-desc">
+                    三一SSZ600AC #002 RTK定位精度下降, 请注意
+                  </text>
+                </view>
+                <text class="warning-time">
+                  10分钟前
+                </text>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
 </template>
 
-<style></style>
+<style scoped>
+.page {
+  /* min-height: 100vh; */
+  background-color: #EAEFF9;
+}
+
+.content {
+  padding: 12px;
+  padding-top: 88px;
+}
+
+/* 卡片基础样式 */
+.card {
+  background-color: #ffffff;
+  border-radius: 12px;
+  margin-bottom: 12px;
+  overflow: hidden;
+}
+
+.card-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 16px;
+  border-bottom: 1px solid #f5f5f5;
+}
+
+.card-title {
+  font-size: 15px;
+  font-weight: bold;
+  color: #333333;
+}
+
+.card-date,
+.card-sub,
+.card-link {
+  font-size: 12px;
+  color: #999999;
+}
+
+.card-link {
+  color: #4685FD;
+}
+
+.card-body {
+  padding: 12px 16px;
+}
+
+/* 今日作业概览 */
+.overview-card {
+  margin-top: 12px;
+  background: linear-gradient(135deg, #4685FD 0%, #6BA3FF 100%);
+}
+
+.overview-card .card-header {
+  border-bottom: none;
+  padding-bottom: 0;
+}
+
+.overview-card .card-title,
+.overview-card .card-date {
+  color: #ffffff;
+}
+
+.overview-stats {
+  display: flex;
+  justify-content: space-around;
+  padding: 16px;
+}
+
+.stat-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.stat-label {
+  font-size: 12px;
+  color: rgba(255, 255, 255, 0.8);
+  margin-bottom: 8px;
+}
+
+.stat-value {
+  font-size: 28px;
+  font-weight: bold;
+  color: #ffffff;
+}
+
+/* 双列布局 */
+.two-column {
+  display: flex;
+  gap: 12px;
+}
+
+.column-left,
+.column-right {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+/* 状态信息 */
+.status-info,
+.project-info,
+.construction-info {
+  display: flex;
+  align-items: center;
+  margin-bottom: 12px;
+}
+
+.avatar {
+  width: 48px;
+  height: 48px;
+  border-radius: 8px;
+  background-color: #f0f0f0;
+  margin-right: 12px;
+}
+
+.info {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+.name {
+  font-size: 14px;
+  font-weight: bold;
+  color: #333333;
+  margin-bottom: 4px;
+}
+
+.sub {
+  font-size: 12px;
+  color: #999999;
+}
+
+.status-tag {
+  font-size: 12px;
+  color: #52c41a;
+  padding: 2px 8px;
+  background-color: #f6ffed;
+  border-radius: 4px;
+}
+
+/* 参数 */
+.status-params,
+.project-params {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+  margin-bottom: 12px;
+}
+
+.param {
+  display: flex;
+  flex-direction: column;
+}
+
+.param-label {
+  font-size: 12px;
+  color: #999999;
+  margin-bottom: 4px;
+}
+
+.param-value {
+  font-size: 14px;
+  font-weight: bold;
+  color: #333333;
+}
+
+/* 按钮 */
+.card-footer {
+  display: flex;
+  justify-content: center;
+}
+
+.btn-primary {
+  background-color: #4685FD;
+  color: #ffffff;
+  border: none;
+  border-radius: 20px;
+  padding: 8px 24px;
+  font-size: 14px;
+}
+
+.project-actions {
+  display: flex;
+  gap: 8px;
+}
+
+.btn-action {
+  flex: 1;
+  border: none;
+  border-radius: 4px;
+  padding: 8px 0;
+  font-size: 12px;
+  color: #ffffff;
+}
+
+.btn-start {
+  background-color: #4685FD;
+}
+
+.btn-pause {
+  background-color: #faad14;
+}
+
+.btn-end {
+  background-color: #ff4d4f;
+}
+
+/* 进度 */
+.progress-content {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+}
+
+.progress-circle {
+  width: 80px;
+  height: 80px;
+  border-radius: 50%;
+  background: conic-gradient(#4685FD 0% 25%, #f0f0f0 25% 100%);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+}
+
+.progress-circle::before {
+  content: '';
+  position: absolute;
+  width: 60px;
+  height: 60px;
+  border-radius: 50%;
+  background-color: #ffffff;
+}
+
+.progress-percent {
+  font-size: 18px;
+  font-weight: bold;
+  color: #4685FD;
+  z-index: 1;
+}
+
+.progress-label {
+  font-size: 10px;
+  color: #999999;
+  z-index: 1;
+}
+
+.progress-details {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.progress-item {
+  display: flex;
+  justify-content: space-between;
+}
+
+.progress-name {
+  font-size: 12px;
+  color: #666666;
+}
+
+.progress-value {
+  font-size: 12px;
+  font-weight: bold;
+  color: #333333;
+}
+
+/* 施工段 */
+.icon-placeholder {
+  width: 48px;
+  height: 48px;
+  border-radius: 8px;
+  background-color: #e6f7ff;
+  margin-right: 12px;
+}
+
+.segment {
+  font-size: 16px;
+  font-weight: bold;
+  color: #333333;
+  margin-bottom: 4px;
+}
+
+.requirement {
+  font-size: 12px;
+  color: #999999;
+}
+
+/* 异常警告 */
+.warning-item {
+  display: flex;
+  align-items: center;
+  padding: 12px 0;
+  border-bottom: 1px solid #f5f5f5;
+}
+
+.warning-item:last-child {
+  border-bottom: none;
+}
+
+.warning-icon {
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  background-color: #fff2e8;
+  margin-right: 12px;
+}
+
+.warning-rtk {
+  background-color: #e6f7ff;
+}
+
+.warning-info {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+.warning-title {
+  font-size: 14px;
+  font-weight: bold;
+  color: #333333;
+  margin-bottom: 4px;
+}
+
+.warning-desc {
+  font-size: 12px;
+  color: #999999;
+}
+
+.warning-time {
+  font-size: 12px;
+  color: #cccccc;
+}
+</style>
diff --git a/src/static/Bluetooth.png b/src/static/Bluetooth.png
new file mode 100644
index 0000000000000000000000000000000000000000..3069bd9172c16ba5a6d03bc17bf0b1aa491e17ea
GIT binary patch
literal 1259
zcmV<H1Qh#;P)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T7000D_Nkl<Zcmc$g
zU1%It6vzMPZnLJMC@O{4S`oz3fIbOQpQP!=2Sw_eAN8B46f05-twzcsZfu}_(1=t6
zDz=K?LyG8wi4~s|!6(HOMG<SYShO0Hrrl)s^!)GcO}jHY*`3)<v*hO9Irp6Z`R(30
zXT~ARr>L%fSl4eX>CnJ%b-YljP8Ei$|JZttgKOGsJx(9`!eX+dN(H!ax2`Fabax?-
z-*V6|o#+debdw0y32-TZ9EaGNHd}9^4}BTKSZbKP?Z37F2a39)P^#>cs{SORI|RC_
z?F@BC#`sv%pcXajTMJGt0sCLnd(oqZMdUI2WqKA=Yh#ld)S{->ZV{6R*jLp2z;NZw
zoazAxE^DEae%myu%^b{?B+wLa{mZ)i$~-;-WDtw~kwNBS&St4%fc!QWox-@?Gq*Mi
zSPUC;F(-3J^<#jm^VQcF5OrMaYvyF`Xr2bZ+D&^tjx~xAu4S;s5UzoFK$d;3s(a6F
zEzODyWC_{l0kx<4e5cj=%6-7TM}Re#2l))MRkvrUhk8KY-9;X*+cHmms|DAr5R5(q
z6t2%K0~m{ELj8!Pf-M4c+=NZf|Mm6=w%;yz`ZnN#W!{wPA6dx6Am<<A0y`XDwl_xZ
z2KGJxT(Z2m|DKN(r)CucH`IR3Oh-;8d%<x1dE8_rp6c1!Yrpl{Rf3UwnnO;02W)*C
z`1LQv)mPLYZ|Q6PWs<C9BAdNzU_+8ql6}{Qz%R$u-)~8fNB#!39{{FLDthh6w`OSj
zqS)Y!@Wv#NB>VIXu;cxOA$hEOHrp?Jq4?t-{WM7}*-kd6inYlu$ve#;gEuRfmCWPi
zG4r^;m<qe?&t!8DtZYA|(K8Aec3HtZ)`@S`--|r%u$O8!HfJS$ajKw*^SO{=ixtdD
ze(4k7^jxr}pULLZhs7fTWPGP{i&Nmg&Sk7xt#E=4kC(@swNVEhvN<S@1w-1Ije7J!
z;MMyZBYC_$=8hUQC5_FA;0LbL4#KeqUbj-PEY}#_jYdsHvbn0tH@rwQ0vulq*szB_
zh)1(>J8jftb1L{eF2As)bQk<ngm7%w(=&1ZZZvALxkF`qt&l(BDUvO772wBX>Ypa8
z;HYOe8a0{7=1`QX70Q03_&oKly$rn5Sh?qhvw~U49W`pjei)nYgPOzZ3e2KQA676c
zIcuXP3z>-H0YBR*N1*x^4V{edk1Brtv-WsnC1=($7SCh?9?)jUtlMQreS+((W1HP5
zTkLDHg0pIn!L!r_<^d;)a=hZ?$+~^XCNhvE0L%l@aOfF%5705LmuBc#jp1ze20)sR
zmfaHy$?$r~=<I_znLDZw1Dq;K`Tt(r$$+TyVqG&Ab24`{M+}e-Uu~0_-^;k;{2aHA
zF&A?(cXTubq!Yi*#Iw0aD<Yd&S+sR^C{9qDIhZR+I}tDh_?vcC)~V_n+J$CL4QjzO
zy>>{HFt-F`9Ls)kDEGKJxmHz1H086K8jSI=ra>)g(%x#c1sFuw-6w}+=VTdIRUkLp
z>(FzycTg3F75EoGg@bF_Y<-YE74u~bW2s^Gw*Srm009606{T4Q00006Nkl<Z0|3eZ
V2_xJ$uQvby002ovPDHLkV1ijNX9fTO

literal 0
HcmV?d00001

diff --git a/src/static/logo.png b/src/static/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..016550f29d54772cfde6ea9146e53b8d7ef3f7fd
GIT binary patch
literal 3110
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
A6951J

literal 0
HcmV?d00001

diff --git a/src/static/message.png b/src/static/message.png
new file mode 100644
index 0000000000000000000000000000000000000000..700f9af266e31986aa2220194682a483b2e5663f
GIT binary patch
literal 2128
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
GLSTZT%pm^&

literal 0
HcmV?d00001

diff --git a/src/static/seting.png b/src/static/seting.png
new file mode 100644
index 0000000000000000000000000000000000000000..f61f917bea1e99aa64de77467e28528d03843c95
GIT binary patch
literal 1863
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
BtStZl

literal 0
HcmV?d00001