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.

2026-06-03 10:15:25 +00:00
parent 0adfcba5d2
commit c5eac65098
2 changed files with 76 additions and 50 deletions
--- a/client/src/pages/DsiCapex.tsx
+++ b/client/src/pages/DsiCapex.tsx
@@ -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>
--- a/client/src/pages/Home.tsx
+++ b/client/src/pages/Home.tsx
@@ -92,53 +92,56 @@ export default function Home() {
          </div>
        </header>

-        {/* KPIs globaux */}
-        <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-3 lg:grid-cols-5 gap-3">
-            <KpiCard
-              icon={Euro}
-              label="Budget global"
-              value={formatEuros(meta.budget_global)}
-              subtitle={`TTC — exercice ${annee}`}
-              accentColor="text-orange-600"
-              delay={0}
-            />
-            <KpiCard
-              icon={Building2}
-              label="Établissements"
-              value={formatNumber(meta.nb_etablissements)}
-              subtitle="dans le périmètre"
-              accentColor="text-primary"
-              delay={60}
-            />
-            <KpiCard
-              icon={Monitor}
-              label="PC Fixes à renouveler"
-              value={formatNumber(meta.total_fixes_renouveler)}
-              subtitle={`sur ${formatNumber(meta.total_fixes)} au total`}
-              accentColor="text-primary"
-              delay={120}
-            />
-            <KpiCard
-              icon={Laptop}
-              label="PC Portables à renouveler"
-              value={formatNumber(meta.total_portables_renouveler)}
-              subtitle={`sur ${formatNumber(meta.total_portables)} au total`}
-              accentColor="text-primary"
-              delay={180}
-            />
-            <KpiCard
-              icon={AlertTriangle}
-              label="Équipements à renouveler"
-              value={formatNumber(meta.total_fixes_renouveler + meta.total_portables_renouveler)}
-              subtitle="fixes + portables"
-              accentColor="text-orange-500"
-              delay={240}
-            />
+        {/* KPIs globaux — uniquement si données disponibles */}
+        {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-3 lg:grid-cols-5 gap-3">
+              <KpiCard
+                icon={Euro}
+                label="Budget global"
+                value={formatEuros(meta.budget_global)}
+                subtitle={`TTC — exercice ${annee}`}
+                accentColor="text-orange-600"
+                delay={0}
+              />
+              <KpiCard
+                icon={Building2}
+                label="Établissements"
+                value={formatNumber(meta.nb_etablissements)}
+                subtitle="dans le périmètre"
+                accentColor="text-primary"
+                delay={60}
+              />
+              <KpiCard
+                icon={Monitor}
+                label="PC Fixes à renouveler"
+                value={formatNumber(meta.total_fixes_renouveler)}
+                subtitle={`sur ${formatNumber(meta.total_fixes)} au total`}
+                accentColor="text-primary"
+                delay={120}
+              />
+              <KpiCard
+                icon={Laptop}
+                label="PC Portables à renouveler"
+                value={formatNumber(meta.total_portables_renouveler)}
+                subtitle={`sur ${formatNumber(meta.total_portables)} au total`}
+                accentColor="text-primary"
+                delay={180}
+              />
+              <KpiCard
+                icon={AlertTriangle}
+                label="Équipements à renouveler"
+                value={formatNumber(meta.total_fixes_renouveler + meta.total_portables_renouveler)}
+                subtitle="fixes + portables"
+                accentColor="text-orange-500"
+                delay={240}
+              />
+            </div>
          </div>
-        </div>
+        )}

-        {/* Barre de filtres + toggle vue */}
+        {/* Barre de filtres + toggle vue — uniquement si données disponibles */}
+        {hasDonnees && (
        <div className="px-6 py-3 border-b border-border bg-card flex-shrink-0">
          <div className="flex flex-wrap items-center gap-3">
            {/* Recherche */}
@@ -232,6 +235,7 @@ export default function Home() {
            </div>
          </div>
        </div>
+        )}

        {/* Contenu — vue vignettes ou liste */}
        <div className="flex-1 overflow-y-auto px-6 py-5">