feat: add employee management, backend health check, and UI improvements

web/src/components/layout/TopBar.vue

@@ -117,6 +117,16 @@
           </div>
         </div>
       </template>
+
+      <template v-else-if="isEmployees">
+        <div class="kpi-chips">
+          <div v-for="kpi in employeeKpis" :key="kpi.label" class="kpi-chip" :style="{ '--chip-color': kpi.color }">
+            <span class="chip-value">{{ kpi.value }}<small>{{ kpi.unit }}</small></span>
+            <span class="chip-label">{{ kpi.label }}</span>
+            <span class="chip-delta" :class="kpi.trend">{{ kpi.meta }}</span>
+          </div>
+        </div>
+      </template>
     </div>
   </header>
 </template>
@@ -130,6 +140,10 @@ const props = defineProps({
   activeView: { type: String, default: '' },
   ranges: { type: Array, default: () => [] },
   activeRange: { type: String, default: '' },
+  employeeSummary: {
+    type: Object,
+    default: () => null
+  },
   customRange: {
     type: Object,
     default: () => ({ start: '2024-07-06', end: '2024-07-12' })
@@ -150,6 +164,7 @@ const isOverview = computed(() => props.activeView === 'overview')
 const isRequests = computed(() => props.activeView === 'requests')
 const isApproval = computed(() => props.activeView === 'approval')
 const isPolicies = computed(() => props.activeView === 'policies')
+const isEmployees = computed(() => props.activeView === 'employees')
 
 const requestKpis = [
   { label: '全部单据', value: 30, delta: '+8', trend: 'up', arrow: 'mdi mdi-arrow-up', color: '#10b981' },
@@ -178,6 +193,51 @@ const knowledgeKpis = [
   { label: '问答总量', value: '8,562', meta: '较上周 +321', trend: 'up', icon: 'mdi mdi-comment-text-multiple-outline', color: '#8b5cf6' },
   { label: '知识命中率', value: '87.3%', meta: '较上周 +1.2%', trend: 'up', icon: 'mdi mdi-bullseye-arrow', color: '#f59e0b' }
 ]
+
+const employeeKpis = computed(() => {
+  const summary = props.employeeSummary ?? {}
+  const total = Number(summary.total ?? 0)
+  const active = Number(summary.active ?? 0)
+  const onboarding = Number(summary.onboarding ?? 0)
+  const disabled = Number(summary.disabled ?? 0)
+  const followUp = Number(summary.followUp ?? 0)
+  const departments = Number(summary.departments ?? 0)
+
+  return [
+    {
+      label: '员工总数',
+      value: total,
+      unit: '人',
+      meta: `覆盖 ${departments} 个部门`,
+      trend: 'up',
+      color: '#10b981'
+    },
+    {
+      label: '在职账号',
+      value: active,
+      unit: '人',
+      meta: total ? `占比 ${Math.round((active / total) * 100)}%` : '等待数据',
+      trend: 'up',
+      color: '#3b82f6'
+    },
+    {
+      label: '待处理状态',
+      value: onboarding + disabled,
+      unit: '人',
+      meta: `试用 ${onboarding} / 停用 ${disabled}`,
+      trend: onboarding + disabled > 0 ? 'down' : 'up',
+      color: '#f59e0b'
+    },
+    {
+      label: '同步待处理',
+      value: followUp,
+      unit: '人',
+      meta: followUp > 0 ? '存在待同步账号' : '资料已同步',
+      trend: followUp > 0 ? 'down' : 'up',
+      color: '#8b5cf6'
+    }
+  ]
+})
 const calendarOpen = ref(false)
 const draftStart = ref(props.customRange.start)
 const draftEnd = ref(props.customRange.end)