Checkpoint: Renouvellement PC et CAPEX-Synthèse : KPIs, barre de filtres et tableau sont masqués pour les années sans données importées/saisies. Seul l'écran vide explicite s'affiche. Les années 2026-2027 restent pleinement fonctionnelles sur Renouvellement PC. CAPEX-Synthèse se vide dès qu'aucun budget n'a été saisi pour l'année sélectionnée.
This commit is contained in:
@@ -172,6 +172,9 @@ export default function DsiCapex() {
|
||||
const totalGeneral = useMemo(() => sortedLignes.reduce((s, l) => s + l.total, 0), [sortedLignes]);
|
||||
const nbFilled = useMemo(() => lignes.filter(l => l.hasSaisie).length, [lignes]);
|
||||
|
||||
// La synthèse n'affiche des données que si au moins un établissement a été saisi pour cette année
|
||||
const hasDonnees = nbFilled > 0;
|
||||
|
||||
const handleSort = (col: string) => {
|
||||
if (sortCol === col) setSortDir(d => d === 'asc' ? 'desc' : 'asc');
|
||||
else { setSortCol(col); setSortDir('asc'); }
|
||||
@@ -213,7 +216,8 @@ export default function DsiCapex() {
|
||||
</div>
|
||||
</header>
|
||||
|
||||
{/* KPIs */}
|
||||
{/* KPIs — uniquement si données saisies pour cette année */}
|
||||
{hasDonnees && (
|
||||
<div className="px-6 py-4 border-b border-border bg-muted/20 flex-shrink-0">
|
||||
<div className="grid grid-cols-2 sm:grid-cols-4 gap-3">
|
||||
<div className="bg-card border border-border rounded-xl p-4">
|
||||
@@ -260,8 +264,10 @@ export default function DsiCapex() {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Barre d'outils */}
|
||||
{/* Barre d'outils — uniquement si données saisies */}
|
||||
{hasDonnees && (
|
||||
<div className="px-6 py-3 border-b border-border bg-background flex-shrink-0 flex flex-wrap items-center gap-3">
|
||||
<div className="relative flex-1 min-w-48 max-w-72">
|
||||
<Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground" />
|
||||
@@ -287,9 +293,24 @@ export default function DsiCapex() {
|
||||
<span>{sortedLignes.length} établissement{sortedLignes.length > 1 ? 's' : ''} affichés</span>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Tableau principal — scroll horizontal */}
|
||||
{/* Tableau principal — scroll horizontal ou état vide */}
|
||||
<div className="flex-1 overflow-auto px-6 py-4">
|
||||
{!hasDonnees ? (
|
||||
<div className="flex flex-col items-center justify-center py-20 text-center">
|
||||
<div className="w-16 h-16 rounded-2xl bg-muted/40 flex items-center justify-center mb-4">
|
||||
<FileSpreadsheet className="w-8 h-8 text-muted-foreground/40" />
|
||||
</div>
|
||||
<p className="text-lg font-semibold text-foreground" style={{ fontFamily: 'Sora, sans-serif' }}>
|
||||
Aucune donnée pour {annee}
|
||||
</p>
|
||||
<p className="text-sm text-muted-foreground mt-2 max-w-sm">
|
||||
Aucun budget CAPEX n'a encore été saisi pour l'exercice {annee}.
|
||||
Utilisez la page <strong>CAPEX - Construction</strong> pour saisir les budgets des établissements.
|
||||
</p>
|
||||
</div>
|
||||
) : (
|
||||
<div className="min-w-max">
|
||||
<table className="w-full text-xs border-collapse shadow-sm">
|
||||
<thead>
|
||||
@@ -442,9 +463,10 @@ export default function DsiCapex() {
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Message si aucun résultat */}
|
||||
{sortedLignes.length === 0 && (
|
||||
{/* Message si aucun résultat (visible uniquement quand hasDonnees=true mais filtre vide) */}
|
||||
{hasDonnees && sortedLignes.length === 0 && (
|
||||
<div className="flex flex-col items-center justify-center py-16 text-center">
|
||||
<FileSpreadsheet className="w-12 h-12 text-muted-foreground/30 mb-3" />
|
||||
<p className="text-muted-foreground font-medium">Aucun établissement trouvé</p>
|
||||
|
||||
Reference in New Issue
Block a user