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%; }