From a65d4e9280042b30d5723435383f98e3232235e7 Mon Sep 17 00:00:00 2001
From: tangweijie <877588133@qq.com>
Date: Tue, 27 Jan 2026 11:13:39 +0800
Subject: [PATCH] =?UTF-8?q?fix(dashboard):=20=E4=BF=AE=E6=94=B9=E4=B8=AD?=
 =?UTF-8?q?=E9=97=B4=E5=8C=BA=E5=9F=9F=E4=B8=BA=E5=AF=B9=E7=A7=B0=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80=EF=BC=88=E4=B8=8A1=E4=B8=8B2=E6=8E=92=E5=88=97?=
 =?UTF-8?q?=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 左侧：累计服刑天数（上1）+ 累计违规次数、累计表扬次数（下2）
- 右侧：剩余刑期天数（上1）+ 累计扣分次数、累计加分次数（下2）
- 调整CSS样式（top-field高度50%）
- 确保左右布局对称美观

参考计划: .sisyphus/plans/dashboard-center-update.md 布局要求
---
 src/views/Dashboard/Index.vue | 46 +++++++++++++++++++++--------------
 1 file changed, 28 insertions(+), 18 deletions(-)

diff --git a/src/views/Dashboard/Index.vue b/src/views/Dashboard/Index.vue
index b0b1b339..d32a9f93 100644
--- a/src/views/Dashboard/Index.vue
+++ b/src/views/Dashboard/Index.vue
@@ -10,36 +10,40 @@
         <div class="dashboard-content-top-center">
           <div class="gauge-container">
             <div class="dashboard-content-top-center-data">
-              <!-- 左侧区域：3个字段纵向排列 -->
-              <div class="info-field-item">
+              <!-- 左侧区域：上1下2排列 -->
+              <div class="info-field-item top-field">
                 <div class="field-label">累计服刑天数</div>
                 <div class="field-value">{{ servedDays }}</div>
               </div>
-              <div class="info-field-item">
-                <div class="field-label">累计违规次数</div>
-                <div class="field-value">{{ violationCount }}</div>
-              </div>
-              <div class="info-field-item">
-                <div class="field-label">累计表扬次数</div>
-                <div class="field-value">{{ praiseCount }}</div>
+              <div class="card-row">
+                <div class="info-field-item">
+                  <div class="field-label">累计违规次数</div>
+                  <div class="field-value">{{ violationCount }}</div>
+                </div>
+                <div class="info-field-item">
+                  <div class="field-label">累计表扬次数</div>
+                  <div class="field-value">{{ praiseCount }}</div>
+                </div>
               </div>
             </div>
             <div class="dashboard-content-top-center-center">
               <GaugeChart :height="'240px'" :value="gaugeValue" :name="gaugeName" />
             </div>
             <div class="dashboard-content-top-center-data">
-              <!-- 右侧区域：3个字段纵向排列 -->
-              <div class="info-field-item">
+              <!-- 右侧区域：上1下2排列 -->
+              <div class="info-field-item top-field">
                 <div class="field-label">剩余刑期天数</div>
                 <div class="field-value">{{ remainingDays }}</div>
               </div>
-              <div class="info-field-item">
-                <div class="field-label">累计扣分次数</div>
-                <div class="field-value">{{ penaltyCount }}</div>
-              </div>
-              <div class="info-field-item">
-                <div class="field-label">累计加分次数</div>
-                <div class="field-value">{{ rewardCount }}</div>
+              <div class="card-row">
+                <div class="info-field-item">
+                  <div class="field-label">累计扣分次数</div>
+                  <div class="field-value">{{ penaltyCount }}</div>
+                </div>
+                <div class="info-field-item">
+                  <div class="field-label">累计加分次数</div>
+                  <div class="field-value">{{ rewardCount }}</div>
+                </div>
               </div>
             </div>
           </div>
@@ -615,6 +619,12 @@ onUnmounted(() => {
   }
 }
 
+// 顶部字段样式（用于上1下2布局中的顶部字段）
+.top-field {
+  height: 50%;
+  width: 100%;
+}
+
 // 字段标签样式
 .field-label {
   font-size: 14px;