当前文件：
diff --git a/client/src/pages/MobileMePage.tsx b/client/src/pages/MobileMePage.tsx
index 78c037ab..f38d9e6c 100644
--- a/client/src/pages/MobileMePage.tsx
+++ b/client/src/pages/MobileMePage.tsx
@@ -103,7 +103,7 @@ export function MobileMePage() {
{me?.id ? (
-
+
) : null}
diff --git a/client/src/pages/MobileNotificationsPage.tsx b/client/src/pages/MobileNotificationsPage.tsx
new file mode 100644
index 00000000..6581d489
--- /dev/null
+++ b/client/src/pages/MobileNotificationsPage.tsx
@@ -0,0 +1,232 @@
+import { Link, useSearchParams } from "react-router-dom";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { toast } from "sonner";
+import { fetchNotifications, markAllNotificationsRead, markNotificationRead } from "../api/notifications";
+import { isApiError } from "../api/types";
+import { mapApiErrorMessage } from "../api/errorMessages";
+import { PageHeader } from "../components/common/PageHeader";
+import { Pagination } from "../components/common/Pagination";
+import { PageScaffold } from "../components/patterns/PageScaffold";
+import { Button } from "../components/ui/button";
+import { Tabs, TabsList, TabsTrigger } from "../components/ui/tabs";
+import { resolveNotificationTargetLink } from "../lib/notificationLinks";
+import { resolveMobileEquivalentPath } from "../lib/runtimeContext";
+import { resolveErrorMessage } from "../lib/resolveErrorMessage";
+
+const PAGE_SIZE = 20;
+
+const NOTIFICATION_TYPE_OPTIONS = [
+ { label: "全部", value: "" },
+ { label: "审批待办", value: "workflow.task_assigned" },
+ { label: "报销", value: "reimbursement.approved,reimbursement.rejected,reimbursement.returned,reimbursement.paid" },
+ { label: "请假", value: "leave.approved,leave.rejected" },
+ { label: "采购", value: "purchase_request.approved,purchase_request.rejected" },
+ { label: "差旅", value: "travel_request.approved,travel_request.rejected" },
+ { label: "资产", value: "asset.assigned,asset.returned,asset.transferred" },
+ { label: "盘点", value: "inventory_check.completed" },
+];
+
+function resolveNotificationError(error: unknown) {
+ if (isApiError(error)) {
+ return `${error.code}: ${mapApiErrorMessage(error.code, error.details, error.message)}`;
+ }
+ return "加载通知失败";
+}
+
+function resolveMobileNotificationTarget(item: Parameters
[0]) {
+ const targetLink = resolveNotificationTargetLink(item);
+ if (!targetLink) return null;
+ const [pathname, search = ""] = targetLink.split("?");
+ return resolveMobileEquivalentPath(pathname, search ? `?${search}` : "");
+}
+
+function formatTime(value: string) {
+ return value.slice(0, 19).replace("T", " ");
+}
+
+export function MobileNotificationsPage() {
+ const queryClient = useQueryClient();
+ const [searchParams, setSearchParams] = useSearchParams();
+
+ const unreadOnlyRaw = searchParams.get("unreadOnly") ?? "0";
+ const unreadOnly = unreadOnlyRaw === "1" || unreadOnlyRaw === "true";
+ const page = Number(searchParams.get("page") ?? "1") || 1;
+ const selectedType = searchParams.get("type") ?? "";
+
+ const updateFilters = (next: { unreadOnly?: boolean; page?: number; type?: string }) => {
+ const params = new URLSearchParams();
+ params.set("unreadOnly", (next.unreadOnly ?? unreadOnly) ? "1" : "0");
+ params.set("page", String(next.page ?? page));
+ const nextType = next.type ?? selectedType;
+ if (nextType) {
+ params.set("type", nextType);
+ }
+ setSearchParams(params);
+ };
+
+ const listQuery = useQuery({
+ queryKey: ["notifications", "list", unreadOnly, selectedType, page],
+ queryFn: () =>
+ fetchNotifications({
+ unreadOnly,
+ page,
+ pageSize: PAGE_SIZE,
+ ...(selectedType ? { type: selectedType } : {}),
+ }),
+ });
+
+ const markReadMutation = useMutation({
+ mutationFn: async (notificationId: string) => markNotificationRead(notificationId),
+ onSuccess: async () => {
+ await queryClient.invalidateQueries({ queryKey: ["notifications"] });
+ },
+ });
+
+ const markAllReadMutation = useMutation({
+ mutationFn: () => markAllNotificationsRead(),
+ onSuccess: async () => {
+ toast.success("已全部标为已读");
+ await queryClient.invalidateQueries({ queryKey: ["notifications"] });
+ },
+ onError: (error) => {
+ toast.error(resolveErrorMessage(error));
+ },
+ });
+
+ const notificationItems = listQuery.data?.items ?? [];
+ const totalPages = Math.max(1, Math.ceil((listQuery.data?.total ?? 0) / PAGE_SIZE));
+
+ return (
+
+
+
未读 {listQuery.data?.unreadCount ?? 0}}
+ actions={
+
+ }
+ />
+
+
+
+
+ updateFilters({
+ unreadOnly: value === "unread",
+ page: 1,
+ })
+ }
+ >
+
+
+ 全部
+
+
+ 未读
+
+
+
+
+
+
+
+ {listQuery.isLoading ? (
+ 加载中...
+ ) : null}
+
+ {listQuery.isError ? (
+
+ {resolveNotificationError(listQuery.error)}
+
+ ) : null}
+
+ {!listQuery.isLoading && !listQuery.isError && !notificationItems.length ? (
+ 暂无通知
+ ) : null}
+
+ {notificationItems.map((item) => {
+ const targetLink = resolveMobileNotificationTarget(item);
+ return (
+
+
+
+
{item.title}
+ {item.body ?
{item.body}
: null}
+
+
+ {item.readAt ? "已读" : "未读"}
+
+
{formatTime(item.createdAt)}
+
+ {targetLink ? (
+
+ ) : null}
+
+ {!item.readAt ? (
+
+ ) : null}
+
+
+ );
+ })}
+
+
+ updateFilters({
+ page: nextPage,
+ })
+ }
+ testIdPrefix="mobile-notifications"
+ />
+
+
+
{me?.status === "active" ? "账号正常" : "账号待确认"}}
+ />
+
+ {bindNotice ? (
+
+
{bindNotice.title}
+
{bindNotice.description}
+
+
+
- 姓名
+ - {me?.name ?? "-"}
+
+
+
- 员工号
+ - {me?.employeeNo ?? "-"}
+
+
+
- 邮箱
+ - {me?.email ?? "-"}
+
+
+
- 手机号
+ - {me?.phone ?? "-"}
+
+
+
+
+
+
+
+
+
+
+
+
接入状态
+
{wecomStatus.label}
+
{wecomStatus.description}
+
+
+
+
+
+
当前绑定
+
{isBound ? "已绑定" : "未绑定"}
+
+
{isBound ? "可用" : "待绑定"}
+
+ {isBound ? (
+
+
绑定标识：{maskExternalUserId(binding.externalUserId)}
+
绑定时间：{binding.createdAt ? new Date(binding.createdAt).toLocaleString() : "-"}
+
+ ) : null}
+
+
+
+
+
+
+
+
+ {me?.status === "active" ? "active" : me?.status ?? "unknown"}
+ {(me?.roleCodes ?? []).map((role) => (
+ {role}
+ ))}
+
+
角色和权限由管理员统一维护。
+
{item.description}
: null}
-
+
+
+ {canDeleteDraft ? (
+
+ ) : null}
+
);
}
@@ -87,7 +113,9 @@ export function MobileReimbursementsPage() {
const queryClient = useQueryClient();
const { permissions } = useAuth();
const [status, setStatus] = useState("draft");
+ const [deleteTarget, setDeleteTarget] = useState(null);
const canCreateExpense = hasPermission(permissions, "expense.create");
+ const canDeleteExpense = hasPermission(permissions, "expense.delete_own");
const listQuery = useQuery({
queryKey: ["mobile", "reimbursements", status],
@@ -106,6 +134,21 @@ export function MobileReimbursementsPage() {
},
});
+ const deleteMutation = useMutation({
+ mutationFn: (reimbursementId: string) => deleteReimbursement(reimbursementId),
+ onSuccess: async () => {
+ await Promise.all([
+ queryClient.invalidateQueries({ queryKey: ["mobile", "reimbursements"] }),
+ queryClient.invalidateQueries({ queryKey: ["reimbursements"] }),
+ ]);
+ setDeleteTarget(null);
+ toast.success("草稿已删除");
+ },
+ onError: (error) => {
+ toast.error(resolveErrorMessage(error));
+ },
+ });
+
const items = listQuery.data?.items ?? [];
const total = listQuery.data?.total ?? 0;
const totalAmount = useMemo(
@@ -166,10 +209,35 @@ export function MobileReimbursementsPage() {
暂无报销记录
) : null}
{items.map((item) => (
-
+
))}
+
+