diff --git a/src/components/work/dashboard.vue b/src/components/work/dashboard.vue
index 5b9af93..d7dc764 100644
--- a/src/components/work/dashboard.vue
+++ b/src/components/work/dashboard.vue
@@ -121,9 +121,12 @@ const overviewData = [
-
- 今日作业概览
-
+
+
+ 今日作业概览
+
+
+
@@ -145,7 +148,7 @@ const overviewData = [
}
.card-title {
- font-size: 18px;
+ font-size: 20px;
font-weight: 600;
color: #333;
margin-bottom: 16px;
@@ -162,11 +165,14 @@ const overviewData = [
flex: 1;
display: flex;
flex-direction: column;
+ margin-top: 30px;
+ gap: 30px;
}
/* 左侧仪表项 */
.gauge-item {
margin-bottom: 16px;
+ gap:100px
}
.gauge-header {
@@ -181,7 +187,7 @@ const overviewData = [
}
.gauge-label {
- font-size: 14px;
+ font-size: 16px;
color: #666;
}
@@ -193,6 +199,7 @@ const overviewData = [
/* ===== 压实度圆环 ===== */
.ring-wrap {
+ margin-top: 20px;
position: relative;
width: 100px;
height: 100px;
@@ -204,7 +211,7 @@ const overviewData = [
}
.freq-label {
- font-size: 14px;
+ font-size: 18px;
color: #666;
display: block;
margin-bottom: 4px;
@@ -236,10 +243,10 @@ const overviewData = [
/* ===== 今日作业概览 ===== */
.section-title {
- font-size: 18px;
+ font-size: 20px;
font-weight: 600;
color: #333;
- margin-bottom: 16px;
+ margin: 25px 0px;
}
.overview-section {
@@ -255,7 +262,7 @@ const overviewData = [
}
.overview-label {
- font-size: 13px;
+ font-size: 18px;
color: #999;
}
diff --git a/src/components/work/deviceControl.vue b/src/components/work/deviceControl.vue
index 9e66c57..d83d487 100644
--- a/src/components/work/deviceControl.vue
+++ b/src/components/work/deviceControl.vue
@@ -31,19 +31,13 @@ const workStatus = '作业进行中'
-
-
-
- {{ deviceInfo.status }}
-
-
-
- {{ deviceInfo.connected }}
-
-
-
-
-
+
+
+
+
+
+ {{ deviceInfo.status }}
+
压实作业
@@ -51,7 +45,13 @@ const workStatus = '作业进行中'
{{ deviceInfo.workStatus }}
-
+
+
+
+
+
+ {{ deviceInfo.connected }}
+
设备连接
@@ -78,16 +78,25 @@ const workStatus = '作业进行中'
-
-
-
- 当前:{{ workStatus }}
+
+
+
+
+
+
+
+
+ 当前:{{ workStatus }}
+
+
+
+
+
+
+ 暂停作业
+
-
-
- 暂停作业
-
@@ -114,7 +123,7 @@ const workStatus = '作业进行中'
.section-header {
display: flex;
align-items: center;
- gap: 10px;
+ gap: 10rpx;
margin-bottom: 12px;
}
@@ -137,29 +146,36 @@ const workStatus = '作业进行中'
}
.title {
- font-size: 16px;
+ font-size: 20px;
font-weight: 600;
color: #333;
}
.subtitle {
- font-size: 12px;
+ font-size: 14px;
color: #999;
margin-top: 2px;
}
-.status-tags {
+.status-columns {
display: flex;
- gap: 16px;
- margin-bottom: 12px;
+ gap: 24px;
+}
+
+.status-col {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ gap: 15px;
}
.tag {
display: flex;
align-items: center;
gap: 6px;
- font-size: 13px;
+ font-size: 14px;
color: #666;
+ margin-bottom: 4px;
}
.dot {
@@ -172,21 +188,9 @@ const workStatus = '作业进行中'
background: #22c55e;
}
-.info-grid {
- display: flex;
- flex-direction: column;
- gap: 8px;
-}
-
-.info-item {
- display: flex;
- flex-direction: column;
- gap: 2px;
-}
-
.info-label {
- font-size: 13px;
- color: #999;
+ font-size: 14px;
+ color: #333333;
}
.info-value {
@@ -204,11 +208,18 @@ const workStatus = '作业进行中'
align-self: stretch;
}
-.control-section .status-tags {
- margin-bottom: 20px;
+.control-rows {
+ display: flex;
+ flex-direction: column;
+ gap: 34rpx;
+}
+
+.control-row {
+ display: flex;
+ align-items: center;
}
.pause-btn {
- width: 100%;
+ width: 80%;
}