From 7ea0d2e56481c78be6c1dba1e2a798bbdf3f9581 Mon Sep 17 00:00:00 2001
From: Hermes CI Fix <hermes-ci@sxbh.ltd>
Date: Fri, 4 Sep 2026 09:33:52 +0800
Subject: [PATCH] =?UTF-8?q?fix(dashboard):=20MyDashboard=20=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E5=AE=9E=E9=99=85=E5=80=BC=E6=9C=9F=E9=97=B4+?=
 =?UTF-8?q?=E7=A9=BA=E5=80=BC=E5=8C=BA=E5=88=86=E6=9A=82=E6=97=A0=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=20(period-label)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/MyDashboard.vue | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/MyDashboard.vue b/frontend/src/views/MyDashboard.vue
index eed6c939..b206065f 100644
--- a/frontend/src/views/MyDashboard.vue
+++ b/frontend/src/views/MyDashboard.vue
@@ -70,7 +70,9 @@
               <span class="kpi-tag" :class="'tag-' + k.level">{{ k.level === 'green' ? '达标' : k.level === 'yellow' ? '预警' : k.level === 'red' ? '危险' : '未评' }}</span>
             </div>
             <div class="kpi-value-row">
-              <div class="kpi-actual">{{ fmtValue(k.actual_value, k.kpi_code) }}</div>
+              <div class="kpi-actual" :class="{ 'kpi-actual-empty': k.actual_value == null }">
+                {{ k.actual_value == null ? '暂无数据' : periodActual(k) }}
+              </div>
               <div class="kpi-target">{{ targetLabel(k) }} {{ k.target_value ?? '-' }}</div>
             </div>
             <el-progress
@@ -149,6 +151,22 @@ function fmtValue(val: any, code: string) {
   return val
 }
 
+// 实际值期间格式化: KPIValue.period 为 'YYYY-MM'，本年显示 '8月'，跨年显示 '2025年12月'
+function fmtPeriod(p: string | null | undefined): string {
+  if (!p) return '最近'
+  const m = /^(\d{4})-(\d{1,2})/.exec(String(p))
+  if (!m) return String(p)
+  const now = new Date()
+  const y = Number(m[1])
+  const mo = Number(m[2])
+  return (y === now.getFullYear() ? '' : y + '年') + mo + '月'
+}
+
+// 实际值带期间口径展示，如 "8月: 12,345"，员工能分辨该值属于哪个采集期间
+function periodActual(k: any): string {
+  return fmtPeriod(k.period) + ': ' + fmtValue(k.actual_value, k.kpi_code)
+}
+
 function targetLabel(k: any) {
   const freq = k.frequency || 'monthly'
   if (freq === 'quarterly' || freq === 'half_year') return '目标(季)'
@@ -291,6 +309,7 @@ onMounted(async () => {
 .tag-gray { background: #eee; color: #999; }
 .kpi-value-row { display: flex; align-items: baseline; gap: 8px; margin-bottom: 8px; }
 .kpi-actual { font-size: 24px; font-weight: 700; }
+.kpi-actual-empty { font-size: 15px; font-weight: 500; color: #999; }
 .kpi-target { font-size: 12px; color: #999; }
 
 /* ── 改善行动 ── */