From 54bcff9e06fd2a639f3f279db5c6917db77c9f80 Mon Sep 17 00:00:00 2001
From: guoju0808 <admin@risingdoctor.com>
Date: Wed, 26 Aug 2026 12:22:35 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20manager/workbench=20=E7=A7=BB=E5=8A=A8?=
 =?UTF-8?q?=E7=AB=AF=205=20=E4=B8=AA=20KPI=20=E5=8D=A1=205=20=E5=88=97=20?=
 =?UTF-8?q?=E2=86=92=202=20=E5=88=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

原 .stats-grid { grid-template-columns: repeat(5, 1fr) }, 桌面 5 列 OK,
手机端 (375px) 每个卡 75px 宽, 文字/数字严重拥挤.

mobile (≤768px):
- .stats-grid 改为 repeat(2, 1fr) (2 列布局, 2 + 2 + 1, 5 个 KPI 卡合理)
- .stat-card padding 24px → 16px 12px, min-height 120 → 90px
- .stat-label 14px → 12px, margin-bottom 16 → 8px
- .stat-value 32px → 24px (数字依然醒目)
- .section padding 20/24 → 14/16, .section-title 15 → 14px
- .manager-workbench 16 → 12px
- .breadcrumb 13 → 12px

桌面端 0 影响.
---
 ry-vue3/src/views/manager/Workbench.vue | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/ry-vue3/src/views/manager/Workbench.vue b/ry-vue3/src/views/manager/Workbench.vue
index 3a79ae5..45d2557 100644
--- a/ry-vue3/src/views/manager/Workbench.vue
+++ b/ry-vue3/src/views/manager/Workbench.vue
@@ -121,4 +121,28 @@ onMounted(() => { loadStats() })
 }
 .more { font-size: 12px; color: var(--brand-primary); text-decoration: none; cursor: pointer; }
 .more:hover { text-decoration: underline; }
+
+/* 移动端适配 (≤768px): 5 个 KPI 卡 5 列 → 2 列 + 字号缩小 + 卡片 padding 收窄 */
+@media (max-width: 768px) {
+  .manager-workbench { padding: 12px !important; }
+  .breadcrumb { font-size: 12px !important; margin-bottom: 8px !important; }
+  .stats-grid {
+    grid-template-columns: repeat(2, 1fr) !important;
+    gap: 10px !important;
+    margin-bottom: 12px !important;
+  }
+  .stat-card {
+    padding: 16px 12px !important;
+    min-height: 90px !important;
+  }
+  .stat-label {
+    font-size: 12px !important;
+    margin-bottom: 8px !important;
+  }
+  .stat-value { font-size: 24px !important; }
+
+  /* 消息通知卡片 padding 收窄 */
+  .section { padding: 14px 16px !important; }
+  .section-title { font-size: 14px !important; margin-bottom: 12px !important; }
+}
 </style>