From ce128ae647129ac93060b4f12d096c52bf1ec182 Mon Sep 17 00:00:00 2001
From: longdayi <13477510+longdayilongdayi@user.noreply.gitee.com>
Date: Sun, 26 Jan 2025 10:49:23 +0800
Subject: [PATCH] 01261049

---
 apps/web/src/app/main/letter/detail/page.tsx          |  2 +-
 apps/web/src/app/main/letter/list/Header.tsx          |  3 +--
 apps/web/src/components/models/post/LetterCard.tsx    |  2 +-
 .../components/models/post/detail/PostCommentCard.tsx | 11 ++++-------
 .../models/post/detail/PostCommentEditor.tsx          |  2 +-
 .../models/post/detail/PostHeader/Content.tsx         |  2 +-
 .../models/post/detail/PostHeader/Header.tsx          | 11 ++---------
 .../models/post/detail/PostHeader/PostLikeButton.tsx  |  1 +
 .../models/post/detail/PostHeader/StatsSection.tsx    |  6 +++---
 9 files changed, 15 insertions(+), 25 deletions(-)

diff --git a/apps/web/src/app/main/letter/detail/page.tsx b/apps/web/src/app/main/letter/detail/page.tsx
index 6c9ee6e..0184d03 100644
--- a/apps/web/src/app/main/letter/detail/page.tsx
+++ b/apps/web/src/app/main/letter/detail/page.tsx
@@ -4,7 +4,7 @@ import { useParams } from "react-router-dom";
 export default function LetterDetailPage() {
 	const { id } = useParams();
 
-	return <div className="shadow-elegant border-2 border-white rounded-xl bg-gradient-to-b from-slate-100 to-slate-50">
+	return <div className="shadow-elegant border-2 border-white rounded-xl bg-slate-200">
 
 		<PostDetail id={id}></PostDetail>
 	</div>;
diff --git a/apps/web/src/app/main/letter/list/Header.tsx b/apps/web/src/app/main/letter/list/Header.tsx
index b0a9886..1833b10 100644
--- a/apps/web/src/app/main/letter/list/Header.tsx
+++ b/apps/web/src/app/main/letter/list/Header.tsx
@@ -62,8 +62,7 @@ export function Header() {
         {/* 服务宗旨说明 */}
         <div className="text-sm text-blue-100 border-t border-blue-400/30 pt-4">
           <p className="leading-relaxed">
-            我们致力于建设开放透明的信件处理平台，通过公开信件处理过程，展示单位工作成效，
-            促进各项工作有序开展，切实解决实际问题，提升单位整体战斗力。
+            我们致力于构建开放透明的信件处理平台，通过公开信件处理过程，广泛吸取意见建议，促进各项工作有序开展，切实解决实际问题，提升单位整体战斗力。
           </p>
         </div>
       </div>
diff --git a/apps/web/src/components/models/post/LetterCard.tsx b/apps/web/src/components/models/post/LetterCard.tsx
index 263d1ab..7ffaa67 100644
--- a/apps/web/src/components/models/post/LetterCard.tsx
+++ b/apps/web/src/components/models/post/LetterCard.tsx
@@ -105,7 +105,7 @@ export function LetterCard({ letter }: LetterCardProps) {
                             shape="round"
                             icon={<EyeOutlined />}
                         >
-                            {letter.views}
+                            <span className="mr-1">浏览量</span>{letter.views}
                         </Button>
                         <PostLikeButton post={letter as any}></PostLikeButton>
                     </div>
diff --git a/apps/web/src/components/models/post/detail/PostCommentCard.tsx b/apps/web/src/components/models/post/detail/PostCommentCard.tsx
index 2996500..e77be0a 100644
--- a/apps/web/src/components/models/post/detail/PostCommentCard.tsx
+++ b/apps/web/src/components/models/post/detail/PostCommentCard.tsx
@@ -6,7 +6,7 @@ import { Avatar } from "antd";
 import { useVisitor } from "@nice/client";
 import { useContext, useEffect, useRef, useState } from "react";
 import { PostDetailContext } from "./context/PostDetailContext";
-import { CheckCircleOutlined, LikeFilled, LikeOutlined } from "@ant-design/icons";
+import { CheckCircleOutlined, CheckOutlined, LikeFilled, LikeOutlined } from "@ant-design/icons";
 import PostLikeButton from "./PostHeader/PostLikeButton";
 import { CustomAvatar } from "@web/src/components/presentation/CustomAvatar";
 import PostResources from "./PostResources";
@@ -22,11 +22,7 @@ export default function PostCommentCard({
 }) {
 	return (
 		<motion.div
-			className={` rounded-xl shadow-sm border p-4 ${
-				isReceiverComment
-					? "border-primary border-2 bg-primary-50"
-					: "border-slate-200 bg-white"
-			}`}
+			className={` rounded-xl  border p-6 bg-slate-100 border-white  ring-white hover:ring-1 transition-all duration-300 ease-in-out`}
 			layout>
 			<div className="flex items-start space-x-2 gap-2">
 				<div className="flex-shrink-0">
@@ -49,7 +45,8 @@ export default function PostCommentCard({
 									)}
 								</span>
 								{isReceiverComment && (
-									<span className="  text-sm text-primary font-bold">
+									<span className="  text-sm text-primary flex gap-2 font-bold">
+										<CheckOutlined></CheckOutlined>
 										官方回复
 									</span>
 								)}
diff --git a/apps/web/src/components/models/post/detail/PostCommentEditor.tsx b/apps/web/src/components/models/post/detail/PostCommentEditor.tsx
index 19935fc..1cebbdd 100644
--- a/apps/web/src/components/models/post/detail/PostCommentEditor.tsx
+++ b/apps/web/src/components/models/post/detail/PostCommentEditor.tsx
@@ -56,7 +56,7 @@ export default function PostCommentEditor() {
 			<form onSubmit={handleSubmit} className="space-y-2">
 				<Tabs defaultActiveKey="1">
 					<TabPane tab="回复" key="1">
-						<div className="relative rounded-lg border  bg-white">
+						<div className="relative rounded-xl border  border-white hover:ring-1 ring-white transition-all duration-300 ease-in-out bg-slate-100">
 							<QuillEditor
 								value={content}
 								onChange={setContent}
diff --git a/apps/web/src/components/models/post/detail/PostHeader/Content.tsx b/apps/web/src/components/models/post/detail/PostHeader/Content.tsx
index 24acc2c..9adeab4 100644
--- a/apps/web/src/components/models/post/detail/PostHeader/Content.tsx
+++ b/apps/web/src/components/models/post/detail/PostHeader/Content.tsx
@@ -20,7 +20,7 @@ export default function Content() {
 
 	return (
 		<div className="p-6 text-base " >
-			<div className="text-secondary-700 bg-white rounded-lg p-6 ">
+			<div className="text-secondary-700 bg-slate-100 border border-white hover:ring-1 ring-white transition-all duration-300 ease-in-out rounded-xl p-6 ">
 				{/* 包装整个内容区域的容器 */}
 				<div
 					ref={contentWrapperRef}
diff --git a/apps/web/src/components/models/post/detail/PostHeader/Header.tsx b/apps/web/src/components/models/post/detail/PostHeader/Header.tsx
index b880ddc..b22756e 100644
--- a/apps/web/src/components/models/post/detail/PostHeader/Header.tsx
+++ b/apps/web/src/components/models/post/detail/PostHeader/Header.tsx
@@ -26,14 +26,7 @@ export default function Header() {
 					</h1>
 				</div>
 				<div className="space-y-1">
-					<Space className="mr-4">
-						<SendOutlined className="text-white" />
-						<span className="text-white">发件人:</span>
-						<Text className="text-white" strong>
-							{post?.author?.showname || "匿名用户"}
-						</Text>
-					</Space>
-					{/* 收件人信息行 */}
+
 					<Space className="mr-4">
 
 						<span className="text-white">发件人</span>
@@ -57,7 +50,7 @@ export default function Header() {
 
 					{/* Date Info Badge */}
 					<Space className="mr-4">
-						<CalendarOutlined className="text-white" />
+
 
 						<span className="text-white">创建于</span>
 						<Text className="text-white">
diff --git a/apps/web/src/components/models/post/detail/PostHeader/PostLikeButton.tsx b/apps/web/src/components/models/post/detail/PostHeader/PostLikeButton.tsx
index a784d1f..93fdea6 100644
--- a/apps/web/src/components/models/post/detail/PostHeader/PostLikeButton.tsx
+++ b/apps/web/src/components/models/post/detail/PostHeader/PostLikeButton.tsx
@@ -42,6 +42,7 @@ export default function PostLikeButton({ post }: { post: PostDto }) {
 				likeThisPost()
 			}}
 		>
+			<span className="mr-1">有帮助</span>
 			{post?.likes}
 		</Button>
 
diff --git a/apps/web/src/components/models/post/detail/PostHeader/StatsSection.tsx b/apps/web/src/components/models/post/detail/PostHeader/StatsSection.tsx
index 39a02e1..40530ff 100644
--- a/apps/web/src/components/models/post/detail/PostHeader/StatsSection.tsx
+++ b/apps/web/src/components/models/post/detail/PostHeader/StatsSection.tsx
@@ -21,10 +21,10 @@ export function StatsSection() {
 			<PostResources post={post} />
 			<div className=" flex gap-2">
 				<Button title="浏览量" type="default" shape="round" icon={<EyeOutlined />}>
-					{post?.views}
+					<span className="mr-1">浏览量</span>{post?.views}
 				</Button>
-				<Button type="default" title="评论数" shape="round" icon={<CommentOutlined />}>
-					{post?.commentsCount}
+				<Button type="default" title="回复数" shape="round" icon={<CommentOutlined />}>
+					<span className="mr-1">回复数</span>{post?.commentsCount}
 				</Button>
 				<PostLikeButton post={post}></PostLikeButton>
 			</div>