feat 实时数据仪表盘

src/components/work/dashboard.vue

@@ -121,9 +121,12 @@ const overviewData = [
     </view>
 
     <!-- 今日作业概览 -->
-    <text class="section-title">
-      今日作业概览
-    </text>
+    <view class="section-title">
+      <text>
+        今日作业概览
+      </text>
+    </view>
+
     <view class="overview-section">
       <view v-for="item in overviewData" :key="item.label" class="overview-item">
         <text class="overview-label">
@@ -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;
 }