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

web/src/services/api.js

@@ -0,0 +1,39 @@
+const API_BASE = String(import.meta.env.VITE_API_BASE_URL || '/api/v1').replace(/\/$/, '')
+
+function buildUrl(path) {
+  if (!path.startsWith('/')) {
+    return `${API_BASE}/${path}`
+  }
+
+  return `${API_BASE}${path}`
+}
+
+export async function apiRequest(path, options = {}) {
+  let response
+
+  try {
+    response = await fetch(buildUrl(path), {
+      headers: {
+        'Content-Type': 'application/json',
+        ...(options.headers || {})
+      },
+      ...options
+    })
+  } catch {
+    throw new Error('无法连接后端员工服务，请确认 FastAPI 已启动。')
+  }
+
+  let payload = null
+
+  try {
+    payload = await response.json()
+  } catch {
+    payload = null
+  }
+
+  if (!response.ok) {
+    throw new Error(payload?.detail || '接口请求失败，请稍后重试。')
+  }
+
+  return payload
+}

web/src/services/employees.js

@@ -0,0 +1,24 @@
+import { apiRequest } from './api.js'
+
+export function fetchEmployees(params = {}) {
+  const search = new URLSearchParams()
+
+  if (params.status && params.status !== '全部员工') {
+    search.set('status', params.status)
+  }
+
+  if (params.keyword) {
+    search.set('keyword', params.keyword)
+  }
+
+  const query = search.toString()
+  return apiRequest(`/employees${query ? `?${query}` : ''}`)
+}
+
+export function fetchEmployeeMeta() {
+  return apiRequest('/employees/meta')
+}
+
+export function fetchEmployeeDetail(employeeId) {
+  return apiRequest(`/employees/${employeeId}`)
+}

web/src/services/system.js

@@ -0,0 +1,5 @@
+import { apiRequest } from './api.js'
+
+export function fetchBackendHealth() {
+  return apiRequest('/health')
+}