diff --git a/frontend/src/views/dashboard/DashboardPage.vue b/frontend/src/views/dashboard/DashboardPage.vue index 27d3468..155d7db 100644 --- a/frontend/src/views/dashboard/DashboardPage.vue +++ b/frontend/src/views/dashboard/DashboardPage.vue @@ -5,7 +5,12 @@
-
在线机床数
+
+ 在线机床数 + + + +
{{ summary.onlineCount }} / {{ summary.totalMachines }}
@@ -13,7 +18,12 @@
-
今日总产量
+
+ 今日总产量 + + + +
{{ summary.todayProduction?.toLocaleString() }}
@@ -21,7 +31,12 @@
-
采集服务
+
+ 采集服务 + + + +
{{ collectorStatus.status === 'running' ? '运行中' : '已停止' }} @@ -39,7 +54,12 @@
-
活跃告警
+
+ 活跃告警 + + + +
{{ summary.activeAlerts }}
@@ -53,7 +73,12 @@
-
采集成功率
+
+ 采集成功率 + + + +
{{ summary.collectSuccessRate }}%
@@ -61,7 +86,12 @@
-
今日切削总时
+
+ 今日切削总时 + + + +
{{ summary.todayCuttingTime }} h
@@ -69,7 +99,12 @@
-
运行机床
+
+ 运行机床 + + + +
{{ summary.runningMachines }}
@@ -77,7 +112,12 @@
-
数据缺失
+
+ 数据缺失 + + + +
{{ summary.dataMissingMachines }}
@@ -88,13 +128,13 @@ - +
- +
@@ -104,7 +144,7 @@ - +
@@ -112,7 +152,7 @@ @@ -141,7 +181,7 @@ @@ -166,7 +206,7 @@ @@ -377,6 +417,18 @@ onUnmounted(() => { font-size: 14px; color: #909399; margin-bottom: 8px; + + .info-icon { + margin-left: 2px; + font-size: 13px; + color: #c0c4cc; + cursor: help; + vertical-align: middle; + + &:hover { + color: #409EFF; + } + } } .stat-value { @@ -421,6 +473,17 @@ onUnmounted(() => { .card-title { font-size: 15px; font-weight: 500; + + .info-icon { + margin-left: 4px; + font-size: 14px; + color: #b0b5bd; + cursor: help; + + &:hover { + color: #409EFF; + } + } } .card-header {