feat(reports/dashboard): integrate historical sales viewer

- Add 'Histórico' tab inside Reports page with date/customer filters
- Show historical sales KPIs and detail table in reports
- Add historical sales summary cards to Dashboard
- Load current month totals and total imported records
This commit is contained in:
2026-06-12 07:33:37 +00:00
parent 917ff00310
commit 1967ad1073
4 changed files with 221 additions and 2 deletions

View File

@@ -216,6 +216,14 @@
</svg>
Financieros
</button>
<button class="tab-btn" onclick="switchTab('historico', this)">
<svg viewBox="0 0 15 15" fill="none" stroke="currentColor" stroke-width="1.4">
<rect x="1" y="4" width="13" height="10" rx="1"/>
<path d="M1 7h13"/>
<path d="M4 2v2M10 2v2"/>
</svg>
Histórico
</button>
</div>
<!-- ==================================================================
@@ -318,6 +326,30 @@
<!-- Cortes de caja -->
<div class="table-card mb-5" id="financieros-cortes"></div>
</div>
<!-- ==================================================================
TAB 5: HISTÓRICO
================================================================== -->
<div class="tab-panel" id="panel-historico">
<!-- Filter Bar -->
<div class="filter-bar">
<span class="filter-bar__label">Desde</span>
<input type="date" class="filter-input" id="historico-date-from" />
<span class="filter-bar__label">Hasta</span>
<input type="date" class="filter-input" id="historico-date-to" />
<span class="filter-bar__label">Cliente</span>
<input type="text" class="filter-input" id="historico-customer" placeholder="Nombre..." />
<div class="filter-bar__spacer"></div>
<button class="btn btn-primary btn-sm" onclick="Reports.loadHistorico()">Generar</button>
</div>
<!-- KPI Cards (dynamic) -->
<div class="kpi-grid" id="historico-kpis"></div>
<!-- Sales detail table -->
<div class="table-card mb-5" id="historico-detalle"></div>
</div>
<!-- End panels -->