// Laporan — revenue by branch, top items, mechanic performance, P&L function LaporanPage({ role }) { const [period, setPeriod] = React.useState(CURRENT_PERIOD); // Aggregate per cabang const perCabang = CABANG.map(c => { const rev = SERVIS_HISTORY.filter(h => h.cabang === c.id).reduce((s, h) => s + h.total, 0); const cnt = SERVIS_HISTORY.filter(h => h.cabang === c.id).length; return { ...c, rev, cnt }; }); const totalRev = perCabang.reduce((s, c) => s + c.rev, 0); // Top items const itemCount = {}; SERVIS_HISTORY.forEach(h => h.items.forEach(id => { itemCount[id] = (itemCount[id] || 0) + 1; })); const topItems = Object.entries(itemCount).map(([id, n]) => ({ id, n, item: ITEM_SERVIS_BY_ID[id] })).sort((a, b) => b.n - a.n).slice(0, 6); // Mechanic perf const mekanikPerf = MEKANIK.map(m => { const wos = SERVIS_HISTORY.filter(h => h.mekanikId === m.id); return { ...m, jobs: wos.length, rev: wos.reduce((s, h) => s + h.total, 0) }; }).sort((a, b) => b.rev - a.rev); return (
p.id === period)?.label || period}`} actions={ <> Export PDF } />
{/* Revenue per cabang */}
{perCabang.map(c => { const pct = Math.round((c.rev / totalRev) * 100); return (
{c.name}
{c.cnt} WO · {c.bay} bay
{rupiah(c.rev, {compact:true})}
{pct}% kontribusi
); })}
{/* Top items */}
{topItems.map((it, i) => (
{i+1} {it.item?.label}
{it.n}x {rupiah(it.n * (it.item?.hargaJasa || 0), {compact:true})}
))}
{mekanikPerf.map((m, i) => ( ))}
# Mekanik Cabang Spesialisasi Rating Job Period Revenue
{i+1}
{m.name}
{m.level}
 {cabangName(m.cabang)} {m.spec} ★ {m.rating} {m.jobs} {rupiah(m.rev, {compact:true})}
p.id === period)?.label || period} />
Revenue Jasa{rupiah(totalRev * 0.55, {compact:true})}
Revenue Sparepart{rupiah(totalRev * 0.45, {compact:true})}
Total Revenue{rupiah(totalRev, {compact:true})}
HPP Sparepart({rupiah(totalRev * 0.45 * 0.7, {compact:true})})
Gaji Mekanik & Staff({rupiah(28000000, {compact:true})})
Sewa & Utilitas 3 cabang({rupiah(18000000, {compact:true})})
Laba Bersih{rupiah(totalRev - totalRev * 0.45 * 0.7 - 46000000, {compact:true})}
Trend 14 Hari
{REVENUE_14D.map((r, i) => { const max = Math.max(...REVENUE_14D.map(x => x.amount)); const h = (r.amount / max) * 100; return (
); })}
2 minggu laluHari ini
); } window.LaporanPage = LaporanPage;