feat(order): add sealed review reveal, timeout rules, and dispatch behavior

app/(order)/review/[id]/page.tsx

@@ -7,16 +7,19 @@ import { Button } from "@/components/ui/button"
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
 import { Label } from "@/components/ui/label"
 import { Textarea } from "@/components/ui/textarea"
+import { useAuthStore } from "@/store/auth"
 import { useOrderStore } from "@/store/orders"
+import { useReviewStore } from "@/store/reviews"
 
 export default function ReviewPage({ params }: { params: Promise<{ id: string }> }) {
   const { id } = use(params)
   const order = useOrderStore((state) => state.orders.find((item) => item.id === id))
-  const updateOrderStatus = useOrderStore((state) => state.updateOrderStatus)
+  const userId = useAuthStore((state) => state.user?.id)
+  const submitReview = useReviewStore((state) => state.submitReview)
+  const reviews = useReviewStore((state) => state.reviews.filter((item) => item.orderId === id))
   const [rating, setRating] = useState(0)
   const [hoverRating, setHoverRating] = useState(0)
   const [content, setContent] = useState("")
-  const [submitted, setSubmitted] = useState(false)
 
   if (!order) {
     return (
@@ -26,7 +29,10 @@ export default function ReviewPage({ params }: { params: Promise<{ id: string }>
     )
   }
 
-  if (submitted) {
+  const hasSubmitted = Boolean(userId && reviews.some((review) => review.fromUserId === userId))
+  const isRevealed = reviews.length >= 2 && reviews.every((review) => !review.sealed)
+
+  if (hasSubmitted && !isRevealed) {
     return (
       <div className="container mx-auto py-8 px-4 max-w-lg text-center space-y-4">
         <Lock className="h-12 w-12 mx-auto text-muted-foreground" />
@@ -40,6 +46,18 @@ export default function ReviewPage({ params }: { params: Promise<{ id: string }>
     )
   }
 
+  if (hasSubmitted && isRevealed) {
+    return (
+      <div className="container mx-auto py-8 px-4 max-w-lg text-center space-y-4">
+        <h2 className="text-xl font-bold">评价已揭晓</h2>
+        <p className="text-sm text-muted-foreground">双方评价已同步公开，可在订单详情查看。</p>
+        <Link href={`/order/${id}`} className="text-sm text-primary hover:underline">
+          返回订单详情
+        </Link>
+      </div>
+    )
+  }
+
   return (
     <div className="container mx-auto py-8 px-4 max-w-lg">
       <Link
@@ -100,10 +118,15 @@ export default function ReviewPage({ params }: { params: Promise<{ id: string }>
 
           <Button
             className="w-full"
-            disabled={rating === 0}
+            disabled={rating === 0 || !userId}
             onClick={() => {
-              updateOrderStatus(id, "completed")
-              setSubmitted(true)
+              if (!userId) return
+              submitReview({
+                orderId: id,
+                fromUserId: userId,
+                rating,
+                content,
+              })
             }}
           >
             提交评价