feat: 移动端奖品卡片恢复库存显示与奖品名称

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

packages/server/src/scripts/rename-prize-names.ts

@@ -0,0 +1,73 @@
+import { prisma } from "@stamp/shared";
+
+const OLD_SUFFIX = "· 纪念章";
+const NEW_SUFFIX = "· 专属奖品";
+const OLD_DESC_RE = /^在「(.+)」集到的专属纪念奖品$/;
+const NEW_DESC = (brand: string) => `在「${brand}」可兑换的专属奖品`;
+
+async function main() {
+  const apply = process.argv.includes("--apply");
+
+  const prizes = await prisma.prize.findMany();
+  const prizeNameHits = prizes.filter((p) => p.name.endsWith(OLD_SUFFIX));
+  const prizeDescHits = prizes.filter((p) => p.description && OLD_DESC_RE.test(p.description));
+
+  const redemptions = await prisma.redemption.findMany();
+  const redemptionHits = redemptions.filter((r) => r.prizeName.endsWith(OLD_SUFFIX));
+
+  console.log(`=== Prize.name (${prizeNameHits.length}) ===`);
+  prizeNameHits.slice(0, 20).forEach((p) => {
+    const next = p.name.slice(0, -OLD_SUFFIX.length) + NEW_SUFFIX;
+    console.log(`  "${p.name}" → "${next}"`);
+  });
+  if (prizeNameHits.length > 20) console.log(`  ...共 ${prizeNameHits.length} 条`);
+
+  console.log(`\n=== Prize.description (${prizeDescHits.length}) ===`);
+  prizeDescHits.slice(0, 20).forEach((p) => {
+    const m = p.description!.match(OLD_DESC_RE)!;
+    console.log(`  "${p.description}" → "${NEW_DESC(m[1])}"`);
+  });
+  if (prizeDescHits.length > 20) console.log(`  ...共 ${prizeDescHits.length} 条`);
+
+  console.log(`\n=== Redemption.prizeName (${redemptionHits.length}) ===`);
+  redemptionHits.slice(0, 20).forEach((r) => {
+    const next = r.prizeName.slice(0, -OLD_SUFFIX.length) + NEW_SUFFIX;
+    console.log(`  "${r.prizeName}" → "${next}"`);
+  });
+  if (redemptionHits.length > 20) console.log(`  ...共 ${redemptionHits.length} 条`);
+
+  const total = prizeNameHits.length + prizeDescHits.length + redemptionHits.length;
+  if (total === 0) {
+    console.log("\n✓ 没有需要替换的记录。");
+    return;
+  }
+
+  if (!apply) {
+    console.log(`\nDRY RUN — 共 ${total} 条待改。传入 --apply 执行写入。`);
+    return;
+  }
+
+  console.log(`\n正在写入...`);
+  await prisma.$transaction(async (tx) => {
+    for (const p of prizeNameHits) {
+      const next = p.name.slice(0, -OLD_SUFFIX.length) + NEW_SUFFIX;
+      await tx.prize.update({ where: { id: p.id }, data: { name: next } });
+    }
+    for (const p of prizeDescHits) {
+      const m = p.description!.match(OLD_DESC_RE)!;
+      await tx.prize.update({ where: { id: p.id }, data: { description: NEW_DESC(m[1]) } });
+    }
+    for (const r of redemptionHits) {
+      const next = r.prizeName.slice(0, -OLD_SUFFIX.length) + NEW_SUFFIX;
+      await tx.redemption.update({ where: { id: r.id }, data: { prizeName: next } });
+    }
+  });
+  console.log(`\n完成。已更新 ${total} 条。`);
+}
+
+main()
+  .catch((e) => {
+    console.error(e);
+    process.exit(1);
+  })
+  .finally(() => prisma.$disconnect());

packages/server/src/seed.ts

@@ -36,8 +36,8 @@ async function seed() {
           sortOrder: idx + 1,
           prize: {
             create: {
-              name: `${s.name} · 纪念章`,
-              description: `在「${s.name}」集到的专属纪念奖品`,
+              name: `${s.name} · 专属奖品`,
+              description: `在「${s.name}」可兑换的专属奖品`,
               stock: 100,
               enabled: true,
             },

packages/web/src/admin/StampForm.tsx

@@ -229,7 +229,7 @@ export default function StampForm({ open, id, onClose, onSaved }: Props) {
                   <input
                     value={prizeName}
                     onChange={(e) => setPrizeName(e.target.value)}
-                    placeholder="如：朝天宫纪念书签"
+                    placeholder="如：品牌 8 折券 / 定制书签"
                     className={fieldCls}
                   />
                 </Field>

packages/web/src/components/RedeemModal.tsx

@@ -151,11 +151,20 @@ export default function RedeemModal({ stamp, onRedeem, onClose }: RedeemModalPro
         {prize ? (
           <div className="rounded-xl border border-[var(--jade)] bg-[rgba(45,106,79,0.05)] p-4 mb-4">
             <p className="text-[10px] tracking-[0.2em] text-[var(--jade)] uppercase mb-2">Reward</p>
-            {prize.description ? (
-              <p className="text-sm text-[var(--text-primary)] leading-relaxed">{prize.description}</p>
-            ) : (
-              <p className="text-sm text-[var(--text-muted)]">暂未填写权益说明</p>
+            <p className="text-sm font-medium text-[var(--text-primary)] mb-1">{prize.name}</p>
+            {prize.description && (
+              <p className="text-sm text-[var(--text-secondary)] leading-relaxed">{prize.description}</p>
             )}
+            <div className="mt-3 pt-3 border-t border-[var(--jade)]/15 flex items-baseline justify-between">
+              <span className="text-xs text-[var(--text-muted)]">剩余库存</span>
+              <span
+                className="text-sm font-semibold"
+                style={{ color: prize.stock > 0 ? "var(--jade)" : "var(--terracotta)" }}
+              >
+                {prize.stock}
+                <span className="text-xs font-normal text-[var(--text-muted)] ml-1">份</span>
+              </span>
+            </div>
           </div>
         ) : (
           <div className="rounded-xl border border-[var(--border-muted)] bg-white p-4 mb-4 text-center">
@@ -171,6 +180,9 @@ export default function RedeemModal({ stamp, onRedeem, onClose }: RedeemModalPro
         {mode === "redeemed" && (
           <p className="text-xs text-[var(--text-muted)] text-center mb-4">你已经兑换过这枚图章对应的奖品</p>
         )}
+        {mode === "sold-out" && (
+          <p className="text-xs text-[var(--terracotta)] text-center mb-4">该奖品库存已耗尽，暂无法兑换</p>
+        )}
 
         {error && <p className="text-sm text-[var(--terracotta)] mb-3 text-center">{error}</p>}
 
@@ -227,6 +239,7 @@ export default function RedeemModal({ stamp, onRedeem, onClose }: RedeemModalPro
 
               <div className="rounded-xl border border-[var(--jade)] bg-[rgba(45,106,79,0.05)] p-3.5 mb-3">
                 <p className="text-[10px] tracking-[0.2em] text-[var(--jade)] uppercase mb-2">Reward</p>
+                <p className="text-sm font-medium text-[var(--text-primary)] mb-1">{prize.name}</p>
                 {prize.description && (
                   <p className="text-sm text-[var(--text-primary)] leading-relaxed">{prize.description}</p>
                 )}

packages/web/src/components/StampPopup.tsx

@@ -49,10 +49,23 @@ export default function StampPopup({ name, imageColor, note, prize, status, onCo
         {note && <p className="text-xs text-[var(--text-muted)] mb-3 leading-relaxed">{note}</p>}
 
         {/* Prize rule (preview only) */}
-        {status === "preview" && prize?.description && (
+        {status === "preview" && prize && (
           <div className="mt-3 mb-1 rounded-xl border border-[var(--jade)] bg-[rgba(45,106,79,0.05)] p-3.5 text-left">
             <p className="text-[10px] tracking-[0.2em] text-[var(--jade)] uppercase mb-2">Reward</p>
-            <p className="text-sm text-[var(--text-primary)] leading-relaxed">{prize.description}</p>
+            <p className="text-sm font-medium text-[var(--text-primary)] mb-1">{prize.name}</p>
+            {prize.description && (
+              <p className="text-sm text-[var(--text-secondary)] leading-relaxed">{prize.description}</p>
+            )}
+            <div className="mt-2.5 pt-2.5 border-t border-[var(--jade)]/15 flex items-baseline justify-between">
+              <span className="text-xs text-[var(--text-muted)]">剩余库存</span>
+              <span
+                className="text-sm font-semibold"
+                style={{ color: prize.stock > 0 ? "var(--jade)" : "var(--terracotta)" }}
+              >
+                {prize.stock}
+                <span className="text-xs font-normal text-[var(--text-muted)] ml-1">份</span>
+              </span>
+            </div>
           </div>
         )}