add

apps/server/src/models/base/base.service.ts

@@ -451,7 +451,11 @@ export class BaseService<
     pageSize?: number;
     where?: WhereArgs<A['findMany']>;
     select?: SelectArgs<A['findMany']>;
-  }): Promise<{ items: R['findMany']; totalPages: number, totalCount: number }> {
+  }): Promise<{
+    items: R['findMany'];
+    totalPages: number;
+    totalCount: number;
+  }> {
     const { page = 1, pageSize = 10, where, select } = args;
 
     try {
@@ -470,7 +474,7 @@ export class BaseService<
       return {
         items,
         totalPages,
-        totalCount: total
+        totalCount: total,
       };
     } catch (error) {
       this.handleError(error, 'read');

apps/web/src/app/main/letter/inbox/Header.tsx

@@ -0,0 +1,74 @@
+export function Header() {
+	return (
+		<header className="bg-gradient-to-r from-primary to-primary-400 p-6 rounded-t-xl">
+			<div className="flex flex-col space-y-6">
+				{/* 主标题区域 */}
+				<div>
+					<h1 className="text-3xl font-bold tracking-wider text-white">
+						我收到的信件
+					</h1>
+					<p className="mt-2 text-blue-100 text-lg">
+						及时查看 • 快速处理 • 高效反馈
+					</p>
+				</div>
+
+				{/* 服务特点说明 */}
+				<div className="flex flex-wrap gap-6 text-sm text-white">
+					<div className="flex items-center gap-2">
+						<svg
+							className="w-5 h-5"
+							fill="none"
+							stroke="currentColor"
+							viewBox="0 0 24 24">
+							<path
+								strokeLinecap="round"
+								strokeLinejoin="round"
+								strokeWidth="2"
+								d="M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"
+							/>
+						</svg>
+						<span>随时查看收到的信件</span>
+					</div>
+					<div className="flex items-center gap-2">
+						<svg
+							className="w-5 h-5"
+							fill="none"
+							stroke="currentColor"
+							viewBox="0 0 24 24">
+							<path
+								strokeLinecap="round"
+								strokeLinejoin="round"
+								strokeWidth="2"
+								d="M12 6v6m0 0v6m0-6h6m-6 0H6"
+							/>
+						</svg>
+						<span>快速处理信件内容</span>
+					</div>
+					<div className="flex items-center gap-2">
+						<svg
+							className="w-5 h-5"
+							fill="none"
+							stroke="currentColor"
+							viewBox="0 0 24 24">
+							<path
+								strokeLinecap="round"
+								strokeLinejoin="round"
+								strokeWidth="2"
+								d="M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z"
+							/>
+						</svg>
+						<span>高效反馈处理结果</span>
+					</div>
+				</div>
+
+				{/* 服务宗旨说明 */}
+				<div className="text-sm text-blue-100 border-t border-blue-400/30 pt-4">
+					<p className="leading-relaxed">
+						我们确保您能够及时查看、快速处理收到的信件，
+						并通过高效反馈机制，提升沟通效率，助力工作顺利开展。
+					</p>
+				</div>
+			</div>
+		</header>
+	);
+}

apps/web/src/app/main/letter/inbox/page.tsx

@@ -0,0 +1,24 @@
+import LetterList from "@web/src/components/models/post/list/LetterList";
+import { Header } from "./Header";
+import { useAuth } from "@web/src/providers/auth-provider";
+export default function InboxPage() {
+	const { user } = useAuth();
+	return (
+		// 添加 flex flex-col 使其成为弹性布局容器
+		<div className="min-h-screen shadow-elegant border-2 border-white  rounded-xl overflow-hidden bg-gradient-to-b from-slate-100 to-slate-50 flex flex-col">
+			<Header />
+			{/* 添加 flex-grow 使内容区域自动填充剩余空间 */}
+
+			<LetterList
+				params={{
+					where: {
+						receivers: {
+							some: {
+								id: user?.id,
+							},
+						},
+					},
+				}}></LetterList>
+		</div>
+	);
+}

apps/web/src/app/main/letter/index/page.tsx

@@ -0,0 +1,11 @@
+import { useAuth } from "@web/src/providers/auth-provider";
+import InboxPage from "../inbox/page";
+import LetterListPage from "../list/page";
+
+export default function IndexPage() {
+	const { user } = useAuth();
+	if (user) {
+		return <InboxPage></InboxPage>;
+	}
+	return <LetterListPage></LetterListPage>;
+}

apps/web/src/app/main/letter/outbox/Header.tsx

@@ -0,0 +1,74 @@
+export function Header() {
+	return (
+		<header className="bg-gradient-to-r from-primary to-primary-400 p-6 rounded-t-xl">
+			<div className="flex flex-col space-y-6">
+				{/* 主标题区域 */}
+				<div>
+					<h1 className="text-3xl font-bold tracking-wider text-white">
+						我发出的信件
+					</h1>
+					<p className="mt-2 text-blue-100 text-lg">
+						清晰记录 • 实时跟踪 • 高效沟通
+					</p>
+				</div>
+
+				{/* 服务特点说明 */}
+				<div className="flex flex-wrap gap-6 text-sm text-white">
+					<div className="flex items-center gap-2">
+						<svg
+							className="w-5 h-5"
+							fill="none"
+							stroke="currentColor"
+							viewBox="0 0 24 24">
+							<path
+								strokeLinecap="round"
+								strokeLinejoin="round"
+								strokeWidth="2"
+								d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8"
+							/>
+						</svg>
+						<span>清晰记录发出的信件</span>
+					</div>
+					<div className="flex items-center gap-2">
+						<svg
+							className="w-5 h-5"
+							fill="none"
+							stroke="currentColor"
+							viewBox="0 0 24 24">
+							<path
+								strokeLinecap="round"
+								strokeLinejoin="round"
+								strokeWidth="2"
+								d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
+							/>
+						</svg>
+						<span>实时跟踪信件状态</span>
+					</div>
+					<div className="flex items-center gap-2">
+						<svg
+							className="w-5 h-5"
+							fill="none"
+							stroke="currentColor"
+							viewBox="0 0 24 24">
+							<path
+								strokeLinecap="round"
+								strokeLinejoin="round"
+								strokeWidth="2"
+								d="M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z"
+							/>
+						</svg>
+						<span>高效沟通信件进展</span>
+					</div>
+				</div>
+
+				{/* 服务宗旨说明 */}
+				<div className="text-sm text-blue-100 border-t border-blue-400/30 pt-4">
+					<p className="leading-relaxed">
+						我们确保您能够清晰记录发出的信件，
+						实时跟踪信件状态，并通过高效沟通机制，确保信件处理顺利进行。
+					</p>
+				</div>
+			</div>
+		</header>
+	);
+}

apps/web/src/app/main/letter/outbox/page.tsx

@@ -0,0 +1,20 @@
+import LetterList from "@web/src/components/models/post/list/LetterList";
+import { Header } from "./Header";
+import { useAuth } from "@web/src/providers/auth-provider";
+export default function OutboxPage() {
+	const { user } = useAuth();
+	return (
+		// 添加 flex flex-col 使其成为弹性布局容器
+		<div className="min-h-screen shadow-elegant border-2 border-white  rounded-xl overflow-hidden bg-gradient-to-b from-slate-100 to-slate-50 flex flex-col">
+			<Header />
+			{/* 添加 flex-grow 使内容区域自动填充剩余空间 */}
+
+			<LetterList
+				params={{
+					where: {
+						authorId: user?.id,
+					},
+				}}></LetterList>
+		</div>
+	);
+}

apps/web/src/app/main/letter/write/page.tsx

@@ -22,6 +22,7 @@ export default function WriteLetterPage() {
     const { data, isLoading, error } = api.staff.findManyWithPagination.useQuery({
         page: currentPage,
         pageSize,
+    
         where: {
             deptId: selectedDept,
             OR: [{

apps/web/src/components/layout/element/usermenu.tsx

@@ -7,7 +7,7 @@ import {
 	UserOutlined,
 	SettingOutlined,
 	QuestionCircleOutlined,
-    LogoutOutlined
+	LogoutOutlined,
 } from "@ant-design/icons";
 import { Spin } from "antd";
 import { useNavigate } from "react-router-dom";
@@ -21,54 +21,57 @@ const menuVariants = {
 		transition: {
 			type: "spring",
 			stiffness: 300,
-            damping: 30
+			damping: 30,
-        }
+		},
 	},
 	exit: {
 		opacity: 0,
 		scale: 0.95,
 		y: -10,
 		transition: {
-            duration: 0.2
+			duration: 0.2,
-        }
+		},
-    }
+	},
 };
 
 export function UserMenu() {
 	const [showMenu, setShowMenu] = useState(false);
 	const menuRef = useRef<HTMLDivElement>(null);
 	const { user, logout, isLoading } = useAuth();
-    const navigate = useNavigate()
+	const navigate = useNavigate();
 	useClickOutside(menuRef, () => setShowMenu(false));
 
 	const toggleMenu = useCallback(() => {
-        setShowMenu(prev => !prev);
+		setShowMenu((prev) => !prev);
 	}, []);
 
-    const menuItems: MenuItemType[] = useMemo(() => [
+	const menuItems: MenuItemType[] = useMemo(
+		() => [
 			{
 				icon: <UserOutlined className="text-lg" />,
-            label: '个人信息',
+				label: "个人信息",
 				action: () => {},
 			},
 			{
 				icon: <SettingOutlined className="text-lg" />,
-            label: '设置',
+				label: "设置",
 				action: () => {
-                navigate('/admin/staff')
+					navigate("/admin/staff");
 				},
 			},
-        {
+			// {
-            icon: <QuestionCircleOutlined className="text-lg" />,
+			//     icon: <QuestionCircleOutlined className="text-lg" />,
-            label: '帮助',
+			//     label: '帮助',
-            action: () => { },
+			//     action: () => { },
-        },
+			// },
 			{
 				icon: <LogoutOutlined className="text-lg" />,
-            label: '注销',
+				label: "注销",
 				action: () => logout(),
 			},
-    ], [logout]);
+		],
+		[logout]
+	);
 
 	const handleMenuItemClick = useCallback((action: () => void) => {
 		action();
@@ -95,8 +98,7 @@ export function UserMenu() {
 				onClick={toggleMenu}
 				className="relative rounded-full focus:outline-none
                     focus:ring-2 focus:ring-[#00538E]/80 focus:ring-offset-2
-                    focus:ring-offset-white transition-all duration-200 ease-in-out"
+                    focus:ring-offset-white transition-all duration-200 ease-in-out">
-            >
 				<Avatar
 					src={user?.avatar}
 					name={user?.showname || user?.username}
@@ -128,14 +130,11 @@ export function UserMenu() {
 						style={{ zIndex: 100 }}
 						className="absolute right-0 mt-3 w-64 origin-top-right
                             bg-white rounded-xl overflow-hidden shadow-lg
-                            border border-[#E5EDF5]"
+                            border border-[#E5EDF5]">
-                    >
 						{/* User Profile Section */}
 						<div
 							className="px-4 py-4 bg-gradient-to-b from-[#F6F9FC] to-white 
-                                border-b border-[#E5EDF5] "
+                                border-b border-[#E5EDF5] ">
-
-                        >
 							<div className="flex items-center space-x-4">
 								<Avatar
 									src={user?.avatar}
@@ -172,17 +171,20 @@ export function UserMenu() {
                                         focus:ring-2 focus:ring-[#00538E]/20
                                         group relative overflow-hidden 
                                          active:scale-[0.99]
-                                        ${item.label === '注销'
+                                        ${
-                                            ? 'text-[#B22234] hover:bg-red-50/80 hover:text-red-700'
+											item.label === "注销"
-                                            : 'text-[#00538E] hover:bg-[#E6EEF5] hover:text-[#003F6A]'
+												? "text-[#B22234] hover:bg-red-50/80 hover:text-red-700"
-                                        }`}
+												: "text-[#00538E] hover:bg-[#E6EEF5] hover:text-[#003F6A]"
-                                >
+										}`}>
-                                    <span className={`w-5 h-5 flex items-center justify-center
+									<span
+										className={`w-5 h-5 flex items-center justify-center
                                         transition-all duration-200 ease-in-out
                                         group-hover:scale-110 group-hover:rotate-6
-                                        group-hover:translate-x-0.5 ${item.label === '注销'
+                                        group-hover:translate-x-0.5 ${
-                                            ? 'group-hover:text-red-600'
+											item.label === "注销"
-                                            : 'group-hover:text-[#003F6A]'}`}>
+												? "group-hover:text-red-600"
+												: "group-hover:text-[#003F6A]"
+										}`}>
 										{item.icon}
 									</span>
 									<span>{item.label}</span>

apps/web/src/components/layout/main/navigation.tsx

@@ -1,6 +1,7 @@
 import { NavLink, useLocation } from "react-router-dom";
 import { useNavItem } from "./useNavItem";
 import { twMerge } from "tailwind-merge";
+import React from "react";
 
 interface NavItem {
 	to: string;
@@ -17,13 +18,16 @@ export default function Navigation({ className }: NavigationProps) {
 	const location = useLocation();
 
 	const isActive = (to: string) => {
-    const [pathname, search] = to.split('?');
+		const [pathname, search] = to.split("?");
-    return location.pathname === pathname &&
+		return (
-      (!search ? !location.search : location.search === `?${search}`);
+			location.pathname === pathname &&
+			(!search ? !location.search : location.search === `?${search}`)
+		);
 	};
 
 	return (
-    <nav className={twMerge(
+		<nav
+			className={twMerge(
 				"mt-4 rounded-xl bg-gradient-to-r from-primary-500 to-primary-600  shadow-lg",
 				className
 			)}>
@@ -35,34 +39,41 @@ export default function Navigation({ className }: NavigationProps) {
 							<NavLink
 								key={item.to}
 								to={item.to}
-                className={({ isActive: active }) => twMerge(
+								className={({ isActive: active }) =>
+									twMerge(
 										"relative px-4 py-2.5 text-sm font-medium",
 										"text-gray-300 hover:text-white",
 										"transition-all duration-200 ease-out group",
 										active && "text-white"
-                )}
+									)
-              >
+								}>
 								<span className="relative z-10 flex items-center gap-2 transition-transform group-hover:translate-y-[-1px]">
 									{item.icon}
-                  <span className="tracking-wide">{item.label}</span>
+									<span className="tracking-wide">
+										{item.label}
+									</span>
 								</span>
 
 								{/* Active Indicator */}
-                <span className={twMerge(
+								<span
+									className={twMerge(
 										"absolute bottom-0 left-1/2 h-[2px] bg-blue-400",
 										"transition-all duration-300 ease-out",
 										"transform -translate-x-1/2",
 										isActive(item.to)
 											? "w-full opacity-100"
 											: "w-0 opacity-0 group-hover:w-1/2 group-hover:opacity-40"
-                )} />
+									)}
+								/>
 
 								{/* Hover Glow Effect */}
-                <span className={twMerge(
+								<span
+									className={twMerge(
 										"absolute inset-0 rounded-lg bg-blue-400/0",
 										"transition-all duration-300",
 										"group-hover:bg-blue-400/5"
-                )} />
+									)}
+								/>
 							</NavLink>
 						))}
 					</div>
@@ -75,13 +86,14 @@ export default function Navigation({ className }: NavigationProps) {
 							<NavLink
 								key={item.to}
 								to={item.to}
-                className={({ isActive: active }) => twMerge(
+								className={({ isActive: active }) =>
+									twMerge(
 										"px-3 py-1.5 text-sm font-medium rounded-full",
 										"transition-colors duration-200",
 										"text-gray-300 hover:text-white",
 										active && "bg-blue-500/20 text-white"
-                )}
+									)
-              >
+								}>
 								<span className="flex items-center gap-1.5">
 									{item.icon}
 									<span>{item.label}</span>

apps/web/src/components/layout/main/useNavItem.tsx

@@ -1,13 +1,15 @@
 import { api } from "@nice/client";
 import { TaxonomySlug } from "@nice/common";
-import { useMemo } from "react";
+import React, { useMemo } from "react";
+import { MailOutlined, SendOutlined } from "@ant-design/icons";
 import {
 	FileTextOutlined,
 	ScheduleOutlined,
 	QuestionCircleOutlined,
 	FolderOutlined,
-    TagsOutlined
+	TagsOutlined,
 } from "@ant-design/icons";
+import { useAuth } from "@web/src/providers/auth-provider";
 
 export interface NavItem {
 	to: string;
@@ -16,50 +18,69 @@ export interface NavItem {
 }
 
 export function useNavItem() {
+	const { user } = useAuth();
 	const { data } = api.term.findMany.useQuery({
 		where: {
-            taxonomy: { slug: TaxonomySlug.CATEGORY }
+			taxonomy: { slug: TaxonomySlug.CATEGORY },
-        }
+		},
 	});
 
 	const navItems = useMemo(() => {
 		// 定义固定的导航项
 		const staticItems = {
+			inbox: {
+				to: user ? "/" : "/inbox",
+				label: "我收到的",
+				icon: <MailOutlined className="text-base" />,
+			},
+			outbox: {
+				to: "/outbox",
+				label: "我发出的",
+				icon: <SendOutlined className="text-base" />,
+			},
 			letterList: {
-                to: "/",
+				to: !user ? "/" : "/letter-list",
 				label: "公开信件",
-                icon: <FileTextOutlined className="text-base" />
+				icon: <FileTextOutlined className="text-base" />,
 			},
 			letterProgress: {
 				to: "/letter-progress",
 				label: "进度查询",
-                icon: <ScheduleOutlined className="text-base" />
+				icon: <ScheduleOutlined className="text-base" />,
 			},
-            help: {
+			// help: {
-                to: "/help",
+			//     to: "/help",
-                label: "使用帮助",
+			//     label: "使用帮助",
-                icon: <QuestionCircleOutlined className="text-base" />
+			//     icon: <QuestionCircleOutlined className="text-base" />
-            }
+			// }
 		};
 
 		if (!data) {
-            return [staticItems.letterList, staticItems.letterProgress, staticItems.help];
+			return [
+				user && staticItems.inbox,
+				user && staticItems.outbox,
+				staticItems.letterList,
+				staticItems.letterProgress,
+				// staticItems.help,
+			].filter(Boolean);
 		}
 
 		// 构建分类导航项
-        const categoryItems = data.map(term => ({
+		const categoryItems = data.map((term) => ({
 			to: `/write-letter?termId=${term.id}`,
 			label: term.name,
-            icon: <TagsOutlined className="text-base"></TagsOutlined>
+			icon: <TagsOutlined className="text-base"></TagsOutlined>,
 		}));
 
 		// 按照指定顺序返回导航项
 		return [
+			user && staticItems.inbox,
+			user && staticItems.outbox,
 			staticItems.letterList,
 			staticItems.letterProgress,
 			...categoryItems,
-            staticItems.help
+			// staticItems.help,
-        ];
+		].filter(Boolean);
 	}, [data]);
 
 	return { navItems };

apps/web/src/routes/index.tsx

@@ -23,6 +23,9 @@ import LetterDetailPage from "../app/main/letter/detail/page";
 import AdminLayout from "../components/layout/admin/AdminLayout";
 import { CustomRouteObject } from "./types";
 import { adminRoute } from "./admin-route";
+import InboxPage from "../app/main/letter/inbox/page";
+import OutboxPage from "../app/main/letter/outbox/page";
+import IndexPage from "../app/main/letter/index/page";
 export const routes: CustomRouteObject[] = [
 	{
 		path: "/",
@@ -36,8 +39,20 @@ export const routes: CustomRouteObject[] = [
 			{
 				element: <MainLayout></MainLayout>,
 				children: [
+					{
+						path: "inbox",
+						element: <InboxPage></InboxPage>,
+					},
+					{
+						path: "outbox",
+						element: <OutboxPage></OutboxPage>,
+					},
 					{
 						index: true,
+						element: <IndexPage></IndexPage>,
+					},
+					{
+						path: "letter-list",
 						element: <LetterListPage></LetterListPage>,
 					},
 					{