feat: dashboard overview, services list, and service publish pages

app/(dashboard)/dashboard/page.tsx

@@ -1,8 +1,146 @@
+"use client"
+
+import { CheckCircle, Clock, DollarSign, ListOrdered, Star, TrendingUp, Users } from "lucide-react"
+import Link from "next/link"
+import { Badge } from "@/components/ui/badge"
+import { Button } from "@/components/ui/button"
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
+import { Progress } from "@/components/ui/progress"
+import { mockOrders, mockPlayers, mockServices, mockShops } from "@/lib/mock-data"
+import { useAuthStore } from "@/store/auth"
+
+const statusLabels: Record<string, string> = {
+  pending_payment: "待支付",
+  pending_accept: "待接单",
+  in_progress: "进行中",
+  pending_close: "待结单",
+  pending_review: "待评价",
+  disputed: "争议中",
+  completed: "已完成",
+  cancelled: "已取消",
+}
+
 export default function DashboardPage() {
+  const { currentRole } = useAuthStore()
+  const isOwner = currentRole === "owner"
+
+  const player = mockPlayers[0]
+  const shop = mockShops[0]
+  const recentOrders = mockOrders.slice(0, 3)
+
   return (
-    <div>
-      <h1 className="text-2xl font-bold">管理后台</h1>
-      <p className="mt-2 text-muted-foreground">根据当前身份显示对应的管理面板</p>
+    <div className="space-y-6">
+      <h1 className="text-2xl font-bold">概览</h1>
+
+      <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
+        <Card>
+          <CardHeader className="flex flex-row items-center justify-between pb-2">
+            <CardTitle className="text-sm font-medium">总订单</CardTitle>
+            <ListOrdered className="h-4 w-4 text-muted-foreground" />
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold">
+              {isOwner ? shop.totalOrders : player.totalOrders}
+            </div>
+          </CardContent>
+        </Card>
+        <Card>
+          <CardHeader className="flex flex-row items-center justify-between pb-2">
+            <CardTitle className="text-sm font-medium">评分</CardTitle>
+            <Star className="h-4 w-4 text-muted-foreground" />
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold">{isOwner ? shop.rating : player.rating}</div>
+          </CardContent>
+        </Card>
+        <Card>
+          <CardHeader className="flex flex-row items-center justify-between pb-2">
+            <CardTitle className="text-sm font-medium">{isOwner ? "签约打手" : "完成率"}</CardTitle>
+            {isOwner ? (
+              <Users className="h-4 w-4 text-muted-foreground" />
+            ) : (
+              <CheckCircle className="h-4 w-4 text-muted-foreground" />
+            )}
+          </CardHeader>
+          <CardContent>
+            {isOwner ? (
+              <div className="text-2xl font-bold">{shop.playerCount}</div>
+            ) : (
+              <div className="space-y-2">
+                <div className="text-2xl font-bold">
+                  {(player.completionRate * 100).toFixed(0)}%
+                </div>
+                <Progress value={player.completionRate * 100} className="h-1.5" />
+              </div>
+            )}
+          </CardContent>
+        </Card>
+        <Card>
+          <CardHeader className="flex flex-row items-center justify-between pb-2">
+            <CardTitle className="text-sm font-medium">{isOwner ? "本月收入" : "服务数"}</CardTitle>
+            {isOwner ? (
+              <DollarSign className="h-4 w-4 text-muted-foreground" />
+            ) : (
+              <TrendingUp className="h-4 w-4 text-muted-foreground" />
+            )}
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold">
+              {isOwner ? "¥12,800" : mockServices.filter((s) => s.playerId === player.id).length}
+            </div>
+          </CardContent>
+        </Card>
+      </div>
+
+      <Card>
+        <CardHeader className="flex flex-row items-center justify-between">
+          <CardTitle className="text-base">最近订单</CardTitle>
+          <Button variant="ghost" size="sm" asChild>
+            <Link href="/orders">查看全部</Link>
+          </Button>
+        </CardHeader>
+        <CardContent>
+          <div className="space-y-3">
+            {recentOrders.map((order) => (
+              <Link key={order.id} href={`/order/${order.id}`}>
+                <div className="flex items-center justify-between rounded-md border p-3 hover:bg-muted/50 transition-colors">
+                  <div className="min-w-0 flex-1">
+                    <p className="text-sm font-medium truncate">{order.service.title}</p>
+                    <p className="text-xs text-muted-foreground">
+                      {order.consumerName} → {order.playerName}
+                    </p>
+                  </div>
+                  <div className="flex items-center gap-3 shrink-0">
+                    <span className="text-sm font-medium">¥{order.totalPrice}</span>
+                    <Badge variant="outline" className="text-xs">
+                      {statusLabels[order.status]}
+                    </Badge>
+                  </div>
+                </div>
+              </Link>
+            ))}
+          </div>
+        </CardContent>
+      </Card>
+
+      {!isOwner && (
+        <Card>
+          <CardHeader>
+            <CardTitle className="text-base">快捷操作</CardTitle>
+          </CardHeader>
+          <CardContent className="flex gap-2 flex-wrap">
+            <Button asChild>
+              <Link href="/dashboard/services/new">发布新服务</Link>
+            </Button>
+            <Button variant="outline" asChild>
+              <Link href="/orders">
+                <Clock className="mr-1 h-4 w-4" />
+                待处理订单
+              </Link>
+            </Button>
+          </CardContent>
+        </Card>
+      )}
     </div>
   )
 }