feat(08-05-interaction-pattern-unification): 统一前端交互与反馈模式

client/src/pages/UserManagementPage.tsx

@@ -1,7 +1,6 @@
+import { resolveErrorMessage as resolveUserErrorMessage } from "../lib/resolveErrorMessage";
 import { useState } from "react";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { mapApiErrorMessage } from "../api/errorMessages";
-import { isApiError } from "../api/types";
 import { fetchDepartments } from "../api/departments";
 import { fetchEmployees } from "../api/employees";
 import {
@@ -123,7 +122,7 @@ export function UserManagementPage() {
       toast.success("用户已创建");
     },
     onError: (err) => {
-      const msg = isApiError(err) ? `${err.code}: ${mapApiErrorMessage(err.code, err.details, err.message)}` : err instanceof Error ? err.message : "创建用户失败";
+      const msg = resolveUserErrorMessage(err, "创建用户失败");
       setError(msg);
       toast.error(msg);
     },
@@ -142,7 +141,7 @@ export function UserManagementPage() {
       toast.success("状态已更新");
     },
     onError: (err) => {
-      const msg = isApiError(err) ? `${err.code}: ${mapApiErrorMessage(err.code, err.details, err.message)}` : err instanceof Error ? err.message : "更新用户状态失败";
+      const msg = resolveUserErrorMessage(err, "更新用户状态失败");
       setError(msg);
       toast.error(msg);
     },
@@ -157,7 +156,7 @@ export function UserManagementPage() {
       toast.success("密码已重置");
     },
     onError: (err) => {
-      const msg = isApiError(err) ? `${err.code}: ${mapApiErrorMessage(err.code, err.details, err.message)}` : err instanceof Error ? err.message : "重置密码失败";
+      const msg = resolveUserErrorMessage(err, "重置密码失败");
       setError(msg);
       toast.error(msg);
     },
@@ -174,7 +173,7 @@ export function UserManagementPage() {
       toast.success("角色已更新");
     },
     onError: (err) => {
-      const msg = isApiError(err) ? `${err.code}: ${mapApiErrorMessage(err.code, err.details, err.message)}` : err instanceof Error ? err.message : "更新角色失败";
+      const msg = resolveUserErrorMessage(err, "更新角色失败");
       setError(msg);
       toast.error(msg);
     },
@@ -281,13 +280,7 @@ export function UserManagementPage() {
         {listQuery.isLoading ? <TableSkeleton columns={5} rows={5} /> : null}
         {listQuery.isError ? (
           <p className="text-sm text-red-600">
-            {isApiError(listQuery.error)
-              ? `${listQuery.error.code}: ${mapApiErrorMessage(
-                listQuery.error.code,
-                listQuery.error.details,
-                listQuery.error.message,
-              )}`
-              : "加载用户列表失败"}
+            {resolveUserErrorMessage(listQuery.error, "加载用户列表失败")}
           </p>
         ) : null}