/* Maschera 1 — Riepilogo dati pazienti ricoverati */ const { useState: r1us, useMemo: r1um } = React; function Mask1Riepilogo({ filters, onEditFilters, onGoToDettagli }) { const D = window.DATA; const rows = r1um(() => D.applyFilters(filters), [filters]); // KPI calculations const kpis = r1um(() => { const tot = rows.length; const totDays = rows.reduce((s, r) => s + r.ggDegenza, 0); const mediaDeg = tot ? totDays / tot : 0; const pesoMedio = tot ? rows.reduce((s, r) => s + r.drgPeso, 0) / tot : 0; const ripetuti = rows.filter(r => r.ripetuto).length; const ripetutiPct = tot ? (ripetuti / tot) * 100 : 0; const pazienti = new Set(rows.map(r => r.pazId)).size; const interventi = rows.filter(r => r.interventoEseguito).length; const etaMedia = tot ? rows.reduce((s, r) => s + r.eta, 0) / tot : 0; return { tot, mediaDeg, pesoMedio, ripetuti, ripetutiPct, pazienti, interventi, etaMedia, totDays }; }, [rows]); // Per-dipartimento bars const perDip = r1um(() => { const m = {}; rows.forEach(r => { m[r.dipartimento] = (m[r.dipartimento] || 0) + 1; }); return D.dipartimenti .map(d => ({ id: d.id, label: d.nome, value: m[d.id] || 0 })) .filter(x => x.value > 0) .sort((a, b) => b.value - a.value); }, [rows]); // Per-regime donut const perRegime = r1um(() => { const m = {}; rows.forEach(r => { m[r.regime] = (m[r.regime] || 0) + 1; }); return D.regimi.map(reg => ({ id: reg.id, label: reg.nome, value: m[reg.id] || 0, color: reg.colore })).filter(x => x.value > 0); }, [rows]); // Monthly trend (12 mesi) const trend = r1um(() => { const months = []; const counts = { ORD: [], DH: [], DS: [], URG: [] }; const start = new Date(filters.periodoTo); start.setDate(1); start.setMonth(start.getMonth() - 11); for (let i = 0; i < 12; i++) { const m = new Date(start); m.setMonth(start.getMonth() + i); months.push(D.fmtMonth(m)); const mEnd = new Date(m); mEnd.setMonth(m.getMonth() + 1); const slice = rows.filter(r => r.dataRicovero >= m && r.dataRicovero < mEnd); counts.ORD.push(slice.filter(s => s.regime === "ORD").length); counts.DH.push(slice.filter(s => s.regime === "DH").length); counts.DS.push(slice.filter(s => s.regime === "DS").length); counts.URG.push(slice.filter(s => s.regime === "URG").length); } return { months, counts }; }, [rows, filters]); // Heatmap: dipartimento (top 8) x giorno settimana const giorniSett = ["Lun", "Mar", "Mer", "Gio", "Ven", "Sab", "Dom"]; const heatmap = r1um(() => { const topDips = perDip.slice(0, 8); const matrix = topDips.map(dip => { const row = [0, 0, 0, 0, 0, 0, 0]; rows.forEach(r => { if (r.dipartimento === dip.id) { let dow = r.dataRicovero.getDay(); dow = (dow + 6) % 7; // Lun=0 row[dow]++; } }); return row; }); return { rows: topDips.map(d => D.dipNome(d.id).replace(/^Chirurgia /, "Chir. ")), cols: giorniSett, matrix }; }, [rows, perDip]); // Top DRG const topDrg = r1um(() => { const m = {}; rows.forEach(r => { if (!m[r.drg]) m[r.drg] = { codice: r.drg, desc: r.drgDesc, peso: r.drgPeso, count: 0, gg: 0 }; m[r.drg].count++; m[r.drg].gg += r.ggDegenza; }); return Object.values(m).sort((a, b) => b.count - a.count).slice(0, 8); }, [rows]); // Age x Gender const ageGender = r1um(() => { const m = {}; D.fasceEta.forEach(f => m[f.id] = { F: 0, M: 0 }); rows.forEach(r => { m[D.fasciaPer(r.eta)][r.genere]++; }); return D.fasceEta.map(f => ({ id: f.id, label: f.nome, F: m[f.id].F, M: m[f.id].M, total: m[f.id].F + m[f.id].M })); }, [rows]); // Provenienza const perProvenienza = r1um(() => { const m = {}; rows.forEach(r => { m[r.provenienza] = (m[r.provenienza] || 0) + 1; }); const palette = ["#008A3D", "#0E7C8C", "#7C3AED", "#C2410C", "#1E5BA8"]; return D.provenienze.map((p, i) => ({ label: p, value: m[p] || 0, color: palette[i] })).filter(x => x.value > 0); }, [rows]); // Elettivo vs PS/Urgenza const tipoBreakdown = r1um(() => { const el = rows.filter(r => r.tipoIntervento === "EL").length; const ps = rows.filter(r => r.tipoIntervento === "PS").length; return [ { label: "Elettivo", value: el, color: "#008A3D" }, { label: "PS / Urgenza", value: ps, color: "#C8102E" } ]; }, [rows]); return (

Riepilogo dati pazienti ricoverati

Dati aggiornati al {D.fmtDate(new Date(2026, 4, 25))} · Periodo selezionato: {D.fmtDate(filters.periodoFrom)} — {D.fmtDate(filters.periodoTo)}
{}} />
{/* KPI row */}
{/* Row: bar by dipartimento + donut regime */}
onGoToDettagli({ dipartimenti: [d.id] })} maxBars={10} />
{/* Trend */}
Ordinario Day Surgery Day Hospital Urgenza
{/* Heatmap + age */}
v + " ricoveri"} onCellClick={(c) => { const dipId = D.dipartimenti.filter(d => D.dipNome(d.id).replace(/^Chirurgia /, "Chir. ") === c.row)[0]?.id; if (dipId) onGoToDettagli({ dipartimenti: [dipId] }); }} />
{/* Provenienza + Elettivo/PS */}
{tipoBreakdown.map(t => { const pct = kpis.tot ? (t.value / kpis.tot * 100) : 0; return (
{t.label} {D.fmtNum(t.value)}
{pct.toFixed(1)}% del totale
); })}
{/* Top DRG table */} onGoToDettagli({})}> Vai ai dettagli } flush> {topDrg.map((d, i) => { const sparkData = trend.months.map((_, mi) => { const start = new Date(filters.periodoTo); start.setDate(1); start.setMonth(start.getMonth() - 11 + mi); const end = new Date(start); end.setMonth(start.getMonth() + 1); return rows.filter(r => r.drg === d.codice && r.dataRicovero >= start && r.dataRicovero < end).length; }); return ( onGoToDettagli({ drg: [d.codice] })}> ); })}
DRG Descrizione Peso Ricoveri Giornate Deg. media Trend 12m
{d.codice} {d.desc} {d.peso.toFixed(2)} {D.fmtNum(d.count)} {D.fmtNum(d.gg)} {(d.gg / d.count).toFixed(1)} gg
); } function AgeGenderChart({ data }) { const max = Math.max(1, ...data.map(d => Math.max(d.F, d.M))); const rowH = 44; const labelW = 90; const barAreaW = "calc(50% - " + (labelW / 2) + "px)"; return (
Femmine Età Maschi
{data.map(d => (
{window.DATA.fmtNum(d.F)}
{d.id}
{window.DATA.fmtNum(d.M)}
))}
); } Object.assign(window, { Mask1Riepilogo });