guanghu-research/src/pages/ReceiptPage.tsx

import React from "react"; import { sampleReceipts } from "../lib/sample-data";
export function ReceiptPage() { return <div><h1 className="page-title">📝 回执记录</h1>{sampleReceipts.map(rc=><div className="card" key={rc.id}><div className="card-header"><div><div className="card-title">{rc.id}</div><div className="card-subtitle">关联 {rc.workOrderId} · {rc.executor}</div></div><span className={`badge ${rc.result==="success"?"badge-success":"badge-warning"}`}>{rc.result==="success"?"✅ 成功":"⚠️ 部分"}</span></div><table><tbody><tr><th style={{width:"100px"}}>执行动作</th><td><ul style={{paddingLeft:"1.2rem",margin:0}}>{rc.actions.map((a,i)=><li key={i}>{a}</li>)}</ul></td></tr><tr><th>证据</th><td><ul style={{paddingLeft:"1.2rem",margin:0}}>{rc.evidence.map((e,i)=><li key={i} style={{fontSize:"0.85rem"}}>{e}</li>)}</ul></td></tr><tr><th>限制</th><td>{rc.limitations.length>0?rc.limitations.map((l,i)=><span key={i} className="badge badge-warning" style={{marginRight:"0.25rem"}}>{l}</span>):"无"}</td></tr><tr><th>完成</th><td>{rc.completedAt}</td></tr></tbody></table></div>)}</div>; }