feat: wire order and chat state flow

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

@@ -1,13 +1,17 @@
+"use client"
+
 import { ArrowLeft, CheckCircle, Clock, Star } from "lucide-react"
 import Link from "next/link"
-import { notFound } from "next/navigation"
+import { use, useEffect } from "react"
 import OrderActions from "@/components/order-actions"
 import { Badge } from "@/components/ui/badge"
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
 import { Separator } from "@/components/ui/separator"
 import { statusLabels } from "@/lib/constants"
-import { mockChatSessions, mockOrders, mockReviews } from "@/lib/mock"
+import { mockReviews } from "@/lib/mock"
 import type { OrderStatus } from "@/lib/types"
+import { useChatStore } from "@/store/chat"
+import { useOrderStore } from "@/store/orders"
 
 const normalStatusSteps: OrderStatus[] = [
   "pending_payment",
@@ -28,13 +32,28 @@ const disputedStatusSteps: OrderStatus[] = [
 
 const cancelledStatusSteps: OrderStatus[] = ["pending_payment", "pending_accept", "cancelled"]
 
-export default async function OrderDetailPage({ params }: { params: Promise<{ id: string }> }) {
-  const { id } = await params
-  const order = mockOrders.find((o) => o.id === id)
-  if (!order) notFound()
+export default function OrderDetailPage({ params }: { params: Promise<{ id: string }> }) {
+  const { id } = use(params)
+  const order = useOrderStore((state) => state.orders.find((item) => item.id === id))
+  const sessions = useChatStore((state) => state.sessions)
+  const ensureOrderSession = useChatStore((state) => state.ensureOrderSession)
+
+  useEffect(() => {
+    if (!order) return
+    if (order.status === "pending_payment" || order.status === "cancelled") return
+    ensureOrderSession(order)
+  }, [order, ensureOrderSession])
+
+  if (!order) {
+    return (
+      <div className="container mx-auto py-8 px-4 text-center text-muted-foreground">
+        订单不存在
+      </div>
+    )
+  }
 
   const reviews = mockReviews.filter((r) => r.orderId === id)
-  const chatSession = mockChatSessions.find((s) => s.orderId === id)
+  const chatSession = sessions.find((session) => session.type === "order" && session.orderId === id)
   const statusSteps =
     order.status === "disputed"
       ? disputedStatusSteps

app/(order)/order/new/page.tsx

@@ -11,8 +11,11 @@ import { Input } from "@/components/ui/input"
 import { Label } from "@/components/ui/label"
 import { Separator } from "@/components/ui/separator"
 import { Textarea } from "@/components/ui/textarea"
-import { mockOrders, mockPlayers, mockServices, walletBalance } from "@/lib/mock"
+import { mockPlayers, mockServices, walletBalance } from "@/lib/mock"
 import { useRequireAuth } from "@/lib/use-require-auth"
+import { useAuthStore } from "@/store/auth"
+import { useChatStore } from "@/store/chat"
+import { useOrderStore } from "@/store/orders"
 
 function showFeedback(message: string) {
   if (typeof window === "undefined") return
@@ -23,6 +26,8 @@ export default function NewOrderPage() {
   const router = useRouter()
   const searchParams = useSearchParams()
   const { requireAuth } = useRequireAuth()
+  const createOrder = useOrderStore((state) => state.createOrder)
+  const ensureOrderSession = useChatStore((state) => state.ensureOrderSession)
   const serviceId = searchParams.get("serviceId")
 
   const service = mockServices.find((s) => s.id === serviceId)
@@ -41,8 +46,6 @@ export default function NewOrderPage() {
   }
 
   const totalPrice = service.price * quantity
-  const redirectOrderId =
-    mockOrders.find((order) => order.service.id === service.id)?.id ?? mockOrders[0]?.id
 
   if (submitted) {
     return (
@@ -186,15 +189,28 @@ export default function NewOrderPage() {
           onClick={() =>
             requireAuth(async () => {
               await new Promise((resolve) => setTimeout(resolve, 500))
+              const currentUser = useAuthStore.getState().user
+              if (!currentUser) return
+
+              const order = createOrder({
+                consumerId: currentUser.id,
+                consumerName: currentUser.nickname,
+                playerId: player.id,
+                playerName: player.user.nickname,
+                shopId: player.shopId,
+                shopName: player.shopName,
+                service,
+                totalPrice,
+                note,
+                status: "pending_accept",
+              })
+
+              ensureOrderSession(order)
               setSubmitted(true)
               showFeedback("下单成功")
-              if (redirectOrderId) {
-                setTimeout(() => {
-                  router.push(`/order/${redirectOrderId}`)
-                }, 800)
-                return
-              }
-              router.push("/orders")
+              setTimeout(() => {
+                router.push(`/order/${order.id}`)
+              }, 800)
             })
           }
         >