import { DashboardShell } from "@/components/dashboard-shell" import { DashboardHeader } from "@/components/dashboard-header" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { ArrowLeft, Edit, AlertTriangle, FileText, Plus, Download } from "lucide-react" import Link from "next/link" import { AddPrintBatchDialog } from "@/components/props/add-print-batch-dialog" import { ExportCardsDialog } from "@/components/props/export-cards-dialog" // Mock data for the prop details const propData = { PRP001: { id: "PRP001", name: "魔法麦克风", type: "演出道具", rarity: "稀有", description: "洛天依的经典原创道具,可以增强歌声的魔力,让听众更加沉浸在音乐中。", releaseDate: "2023-11-15", status: "已发布", activatedCount: 1245, printedCount: 2000, image: "/placeholder.svg?height=300&width=300", batches: [ { id: "B001", date: "2023-09-01", quantity: 1000, startId: "PRP001-0001", endId: "PRP001-1000", status: "已激活", activatedCount: 980, }, { id: "B002", date: "2023-12-15", quantity: 1000, startId: "PRP001-1001", endId: "PRP001-2000", status: "已激活", activatedCount: 265, }, ], }, PRP002: { id: "PRP002", name: "星光魔杖", type: "互动道具", rarity: "史诗", description: "挥舞魔杖可以创造出美丽的星光效果,增加互动时的好感度。", releaseDate: "2023-12-01", status: "已发布", activatedCount: 876, printedCount: 1500, image: "/placeholder.svg?height=300&width=300", batches: [ { id: "B003", date: "2023-05-10", quantity: 1500, startId: "PRP002-0001", endId: "PRP002-1500", status: "已激活", activatedCount: 876, }, ], }, PRP003: { id: "PRP003", name: "音乐盒", type: "收藏品", rarity: "传说", description: "精美的音乐盒,打开后会播放洛天依的经典歌曲,是珍贵的收藏品。", releaseDate: "2024-01-10", status: "已发布", activatedCount: 532, printedCount: 1000, image: "/placeholder.svg?height=300&width=300", batches: [ { id: "B004", date: "2023-11-15", quantity: 1000, startId: "PRP003-0001", endId: "PRP003-1000", status: "已激活", activatedCount: 532, }, ], }, PRP004: { id: "PRP004", name: "虚拟相机", type: "互动道具", rarity: "稀有", description: "可以捕捉洛天依的精彩瞬间,保存为虚拟照片。", releaseDate: "2024-02-05", status: "已发布", activatedCount: 967, printedCount: 2000, image: "/placeholder.svg?height=300&width=300", batches: [ { id: "B005", date: "2024-01-05", quantity: 2000, startId: "PRP004-0001", endId: "PRP004-2000", status: "已激活", activatedCount: 967, }, ], }, PRP005: { id: "PRP005", name: "节日礼盒", type: "限定道具", rarity: "史诗", description: "节日限定礼盒,内含多种惊喜道具和装饰品。", releaseDate: "", status: "未发布", activatedCount: 0, printedCount: 1000, image: "/placeholder.svg?height=300&width=300", batches: [ { id: "B007", date: "2024-03-20", quantity: 1000, startId: "PRP005-0001", endId: "PRP005-1000", status: "未激活", activatedCount: 0, }, ], }, } export default function PropDetailPage({ params }: { params: { id: string } }) { const prop = propData[params.id as keyof typeof propData] if (!prop) { return (

道具不存在

找不到ID为 {params.id} 的道具

) } const isPublished = prop.status === "已发布" const activationRate = prop.printedCount > 0 ? Math.round((prop.activatedCount / prop.printedCount) * 100) : 0 return (
{!isPublished && ( )}
道具详情 批次管理 数据分析
道具预览
{prop.name}
{prop.status}
道具详情

道具类型

{prop.type}

稀有度

{prop.rarity}

发布日期

{prop.releaseDate || "尚未发布"}

激活数量

{prop.activatedCount}

印刷总数

{prop.printedCount}

激活率

{activationRate}%

道具描述

{prop.description}

{isPublished && (

该道具已发布,基本属性不可修改。您仍可以增加印刷数量。

)}
印刷批次管理 管理道具卡牌的印刷批次和卡牌ID
{prop.batches.map((batch) => ( ))}
批次ID 创建日期 数量 起始ID 结束ID 状态 激活数 操作
{batch.id} {batch.date} {batch.quantity} {batch.startId} {batch.endId} {batch.status} {batch.activatedCount}
批次操作 批量管理卡牌批次
激活数据分析 道具卡牌激活情况统计

激活数据图表将在此显示

地区分布

地区分布图表将在此显示

时间趋势

时间趋势图表将在此显示

) }