feat(management): 驾驶舱KPI环比(prev_kpis+delta)+异常卡带员工名跳详情+列表进详情带筛选

Co-Authored-By: Claude Code <noreply@anthropic.com>

yunkes/src/components/management/ManagementKpiCard.vue

@@ -4,14 +4,18 @@
     <div class="kpi-value" :class="{ danger }">
       {{ valueText }}<span v-if="unit && value !== null" class="kpi-unit">{{ unit }}</span>
     </div>
+    <div v-if="deltaText" class="kpi-delta" :class="deltaClass">
+      环比{{ deltaText }}
+    </div>
     <div v-if="hint" class="kpi-hint">{{ hint }}</div>
   </el-card>
 </template>
 
 <script setup lang="ts">
 // 经营管理 KPI 卡:label 上小灰字 + 主值大号字(千分位/unit 后缀/danger 红)
-// + hint 下小灰字。to 存在时整卡可点(hover 手型)跳转——纯展示+导航,
-// 不取数。null 值语义(无样本)显 `--`,由父级决定传 null。
+// + 环比行(批次D,delta prop)+ hint 下小灰字。to 存在时整卡可点
+// (hover 手型)跳转——纯展示+导航,不取数。null 值语义(无样本)显 `--`,
+// 由父级决定传 null。
 import { computed } from 'vue'
 import { useRouter } from 'vue-router'
 
@@ -22,12 +26,26 @@ const props = defineProps<{
   hint?: string
   to?: string
   danger?: boolean
+  // 较前窗环比 (cur-prev)/prev:null/undefined/NaN(前窗缺数据)不显示。
+  // 只支持升好语义(升绿↓红)——本批接入三卡(活跃客户/活跃员工/消息量)
+  // 均为越高越好;将来若有降好指标(如首响时长)需先加方向语义位
+  delta?: number | null
 }>()
 
 const router = useRouter()
 
 const valueText = computed(() => (props.value === null ? '--' : props.value.toLocaleString()))
 
+const deltaText = computed(() => {
+  if (props.delta == null || !Number.isFinite(props.delta)) return null
+  const arrow = props.delta > 0 ? '↑' : props.delta < 0 ? '↓' : '→'
+  return `${arrow}${(Math.abs(props.delta) * 100).toFixed(1)}%`
+})
+const deltaClass = computed(() =>
+  props.delta == null || !Number.isFinite(props.delta)
+    ? ''
+    : props.delta > 0 ? 'up' : props.delta < 0 ? 'down' : 'flat')
+
 function onClick(): void {
   if (props.to) router.push(props.to)
 }
@@ -56,6 +74,19 @@ function onClick(): void {
   color: var(--el-text-color-secondary);
   margin-left: 2px;
 }
+.kpi-delta {
+  font-size: 12px;
+  margin-bottom: 2px;
+}
+.kpi-delta.up {
+  color: var(--el-color-success);
+}
+.kpi-delta.down {
+  color: var(--el-color-danger);
+}
+.kpi-delta.flat {
+  color: var(--el-text-color-secondary);
+}
 .kpi-hint {
   font-size: 11px;
   color: var(--el-text-color-secondary);