fix: complete disputed order flow and wallet entry

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

@@ -9,7 +9,7 @@ import { statusLabels } from "@/lib/constants"
 import { mockChatSessions, mockOrders, mockReviews } from "@/lib/mock"
 import type { OrderStatus } from "@/lib/types"
 
-const statusSteps: OrderStatus[] = [
+const normalStatusSteps: OrderStatus[] = [
   "pending_payment",
   "pending_accept",
   "in_progress",
@@ -18,6 +18,16 @@ const statusSteps: OrderStatus[] = [
   "completed",
 ]
 
+const disputedStatusSteps: OrderStatus[] = [
+  "pending_payment",
+  "pending_accept",
+  "in_progress",
+  "pending_close",
+  "disputed",
+]
+
+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)
@@ -25,6 +35,12 @@ export default async function OrderDetailPage({ params }: { params: Promise<{ id
 
   const reviews = mockReviews.filter((r) => r.orderId === id)
   const chatSession = mockChatSessions.find((s) => s.orderId === id)
+  const statusSteps =
+    order.status === "disputed"
+      ? disputedStatusSteps
+      : order.status === "cancelled"
+        ? cancelledStatusSteps
+        : normalStatusSteps
   const currentStepIndex = statusSteps.indexOf(order.status)
 
   return (
@@ -42,7 +58,6 @@ export default async function OrderDetailPage({ params }: { params: Promise<{ id
         <Badge variant="outline">{statusLabels[order.status]}</Badge>
       </div>
 
-      {order.status !== "disputed" && order.status !== "cancelled" && (
       <Card className="mb-6">
         <CardContent className="pt-6">
           <div className="flex items-center justify-between">
@@ -71,7 +86,6 @@ export default async function OrderDetailPage({ params }: { params: Promise<{ id
           </div>
         </CardContent>
       </Card>
-      )}
 
       <Card className="mb-6">
         <CardHeader>

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

@@ -166,6 +166,11 @@ export default function NewOrderPage() {
               <CreditCard className="h-4 w-4" />
               <span>钱包余额: ¥{walletBalance}</span>
               {walletBalance < totalPrice && <span className="text-destructive">（余额不足）</span>}
+              {walletBalance < totalPrice && (
+                <Button variant="outline" size="sm" asChild>
+                  <Link href="/wallet">充值</Link>
+                </Button>
+              )}
             </div>
             <div className="flex items-center gap-2 text-xs text-muted-foreground">
               <ShieldCheck className="h-3.5 w-3.5" />

components/order-actions.tsx

@@ -116,6 +116,21 @@ export default function OrderActions({
           </Link>
         </Button>
       )}
+
+      {status === "cancelled" && (
+        <Button variant="outline" asChild>
+          <Link href={`/order/new?serviceId=${serviceId}`}>
+            <RefreshCw className="mr-1 h-4 w-4" />
+            再来一单
+          </Link>
+        </Button>
+      )}
+
+      {status === "disputed" && (
+        <Button variant="outline" asChild>
+          <Link href={`/dispute/${orderId}`}>查看详情</Link>
+        </Button>
+      )}
     </div>
   )
 }