A1/A3/A5/A7/A8 完成员工头像前端、组织架构页与QA回填

client/src/pages/PeoplePage.tsx

@@ -14,6 +14,7 @@ import { mapApiErrorMessage } from "../api/errorMessages";
 import { useAuth } from "../auth/AuthContext";
 import { hasPermission } from "../auth/permissions";
 import { downloadBlob } from "../lib/download";
+import { EmployeeAvatar } from "../components/common/EmployeeAvatar";
 import { PageHeader } from "../components/common/PageHeader";
 import { Button } from "../components/ui/button";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../components/ui/dropdown-menu";
@@ -216,9 +217,14 @@ export function PeoplePage() {
               items.map((item) => (
                 <TableRow key={item.id}>
                   <TableCell>
-                    <div className="font-medium text-zinc-900">{item.name}</div>
-                    <div className="text-xs text-zinc-500">
-                      {item.employeeNo} · {item.email}
+                    <div className="flex items-center gap-3">
+                      <EmployeeAvatar name={item.name} src={item.avatarUrl} />
+                      <div>
+                        <div className="font-medium text-zinc-900">{item.name}</div>
+                        <div className="text-xs text-zinc-500">
+                          {item.employeeNo} · {item.email}
+                        </div>
+                      </div>
                     </div>
                   </TableCell>
                   <TableCell>{item.roleCodes.join(" / ") || "-"}</TableCell>