consultoria-as/Autoparts-DB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(reports/dashboard): integrate historical sales viewer

Browse Source 
- 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:
consultoria-as
2026-06-12 07:33:37 +00:00
parent 917ff00310
commit 1967ad1073
4 changed files with 221 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
pos/templates/dashboard.html
View File

@@ -329,6 +329,68 @@
</div><!-- end kpi-grid -->
</section>
<!-- =================================================================
HISTÓRICO IMPORTADO
================================================================= -->
<section>
<div class="section-header">
<span class="section-title">Histórico importado</span>
<a href="/pos/reports" class="section-action" style="text-decoration:none;color:inherit;">Ver en reportes &rarr;</a>
</div>
<div class="kpi-grid">
<div class="kpi-card" id="kpi-historico-total">
<div class="kpi-card__accent-bar"></div>
<div class="kpi-card__label">
Total Histórico
<span class="kpi-card__icon">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none">
<rect x="1" y="2" width="12" height="11" rx="1" stroke="currentColor" stroke-width="1.4"/>
<path d="M4 1v2M10 1v2M1 6h12" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/>
</svg>
</span>
</div>
<div class="kpi-card__value" id="kpi-historico-total-value"><div class="skeleton skeleton--text" style="width:60%;"></div></div>
<div class="kpi-card__meta" id="kpi-historico-total-meta">
<div class="skeleton skeleton--text-sm" style="width:80%;"></div>
</div>
</div>
<div class="kpi-card" id="kpi-historico-mes">
<div class="kpi-card__accent-bar"></div>
<div class="kpi-card__label">
Este Mes (Histórico)
<span class="kpi-card__icon">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none">
<path d="M2 3h10v9H2z" stroke="currentColor" stroke-width="1.4"/>
<path d="M2 6h10M5 1v2M9 1v2" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
</svg>
</span>
</div>
<div class="kpi-card__value" id="kpi-historico-mes-value"><div class="skeleton skeleton--text" style="width:60%;"></div></div>
<div class="kpi-card__meta" id="kpi-historico-mes-meta">
<div class="skeleton skeleton--text-sm" style="width:80%;"></div>
</div>
</div>
<div class="kpi-card" id="kpi-historico-count">
<div class="kpi-card__accent-bar"></div>
<div class="kpi-card__label">
Tickets Históricos
<span class="kpi-card__icon">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none">
<path d="M2 2h10a1 1 0 011 1v8a1 1 0 01-1 1H2a1 1 0 01-1-1V3a1 1 0 011-1z" stroke="currentColor" stroke-width="1.4"/>
<path d="M3.5 5.5h7M3.5 7.5h5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
</svg>
</span>
</div>
<div class="kpi-card__value" id="kpi-historico-count-value"><div class="skeleton skeleton--text" style="width:40%;"></div></div>
<div class="kpi-card__meta" id="kpi-historico-count-meta">
<div class="skeleton skeleton--text-sm" style="width:70%;"></div>
</div>
</div>
</div>
</section>
<!-- =================================================================
SALES CHART (CSS-only bar chart)
================================================================= -->