yss-project/src/app/pages/team-leader/dashboard/components/dashboard-metrics/dashboard-metrics.component.html

<div class="dashboard-metrics">
  <div class="metric-card" (click)="onFilterStatus('overdue')">
    <div class="metric-icon warning">⚠️</div>
    <div class="metric-content">
      <div class="metric-count">{{ overdueCount }}</div>
      <div class="metric-label">已延期项目</div>
    </div>
  </div>
  <div class="metric-card" (click)="onFilterStatus('dueSoon')">
    <div class="metric-icon info">⏳</div>
    <div class="metric-content">
      <div class="metric-count">{{ dueSoonCount }}</div>
      <div class="metric-label">临期项目(3天内)</div>
    </div>
  </div>
  <div class="metric-card" (click)="onFilterStatus('pendingApproval')">
    <div class="metric-icon info">📋</div>
    <div class="metric-content">
      <div class="metric-count">{{ pendingApprovalCount }}</div>
      <div class="metric-label">待组长确认项目</div>
    </div>
  </div>
  <div class="metric-card" (click)="onFilterStatus('pendingAssignment')">
    <div class="metric-icon primary">🎯</div>
    <div class="metric-content">
      <div class="metric-count">{{ pendingAssignmentCount }}</div>
      <div class="metric-label">待分配方案项目</div>
    </div>
  </div>
  <!-- 新增：超负荷设计师数量 -->
  <div class="metric-card">
    <div class="metric-icon danger">🔥</div>
    <div class="metric-content">
      <div class="metric-count">{{ overloadedDesignersCount }}</div>
      <div class="metric-label">超负荷设计师</div>
    </div>
  </div>
  <!-- 新增：平均负载率 -->
  <div class="metric-card">
    <div class="metric-icon success">📊</div>
    <div class="metric-content">
      <div class="metric-count">{{ averageWorkloadRate.toFixed(0) }}%</div>
      <div class="metric-label">平均负载率</div>
    </div>
  </div>
</div>