duxingchen/track
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 网页端渲染售后回流标签(发货测试/售后维修)

Browse Source
This commit is contained in:
duxingchen
2026-09-14 14:49:38 +08:00
parent db3bafcc66
commit 3238e4819a
5 changed files with 67 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/src/pages/admin/AdminProductsPage.tsx
View File

@ -13,7 +13,7 @@ import {
} from "../../services/printApi";
import { useToast } from "../../components/ui/Toast";
import { useAuth } from "../../contexts/AuthContext";
import { getStatusConfig } from "../../constants/task";
import { getStatusConfig, lifecycleBadge } from "../../constants/task";
const QR_BASE = "/api/v1/products/qrcode";
@ -275,12 +275,21 @@ export default function AdminProductsPage() {
<div className="flex flex-col items-center px-4 pt-5 pb-3">
<img src={`${QR_BASE}/${p.serial_number}`} alt={`QR-${p.serial_number}`} className="h-32 w-32 rounded-lg border border-gray-100" loading="lazy" />
<p className="mt-3 font-mono text-sm font-bold tracking-wider text-gray-800">{p.serial_number}</p>
{(() => {
const cfg = getStatusConfig(p.macro_status || p.status);
return cfg.label ? (
<span className={`mt-1 inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ${cfg.bg} ${cfg.text}`}>{cfg.label}</span>
) : null;
})()}
<div className="mt-1 flex flex-wrap items-center justify-center gap-1.5">
{(() => {
const cfg = getStatusConfig(p.macro_status || p.status);
return cfg.label ? (
<span className={`inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ${cfg.bg} ${cfg.text}`}>{cfg.label}</span>
) : null;
})()}
{/* 🔧 发货测试 / 售后维修 — 仅「测试 / 维修」工序下显示 */}
{(() => {
const lb = lifecycleBadge(p.overall_status, p.lifecycle_phase);
return lb ? (
<span className={`inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-bold ${lb.className}`}>{lb.label}</span>
) : null;
})()}
</div>
</div>
<div className="flex-1 space-y-2 border-t border-gray-50 px-4 py-3">
<InfoRow icon={Package} label="物料名称" value={p.material_name || p.material_id || "—"} />