Componenti
CRM
Widget per gestione trattative, metriche CRM, vendite recenti e previsioni.
I widget CRM coprono il ciclo vendita: trattative in chiusura, metriche aggregate, distribuzione tipi deal, classifica vendite e forecast. Tutti estendono BaseWidgetProps.
ClosingDeals
Lista trattative in fase di chiusura con filtro per tipo deal.
| Prop | Tipo | Descrizione |
|---|---|---|
deals | readonly Deal[] | Trattative da visualizzare |
dealTypes | DealTypeOption[] | Opzioni filtro tipo deal |
CrmMetricsWidget
Griglia di metriche CRM animate (contatori che si incrementano al mount).
| Prop | Tipo | Descrizione |
|---|---|---|
metrics | readonly CrmAnimatedMetric[] | Metriche con valore, trend, change |
animationDuration | number | Durata animazione contatori (ms) |
<PzetaDashboard :config="{ widgets: [{
id: 'crm', type: WidgetType.CrmMetricsWidget, width: 12, height: 1,
props: { metrics: [
{ title: 'Pipeline', value: 240000, change: 15, trend: 'up' },
{ title: 'Conversion', value: 23, change: 2, trend: 'up' },
] }
}] }" />
DealsStatusWidget
Lista trattative con filtro per range date.
| Prop | Tipo | Descrizione |
|---|---|---|
deals | DealWithStatus[] | Trattative con stato |
initialDateRange | readonly [Date, Date] | Range date iniziale |
DealTypeWidget
Grafico radar Chart.js con distribuzione tipi deal su piu serie.
| Prop | Tipo | Descrizione |
|---|---|---|
chartLabels | readonly string[] | Etichette assi radar |
chartDatasets | DealTypeChartDataset[] | Serie dati con colori |
periodOptions | PeriodOption[] | Opzioni selettore periodo |
RecentSales
Tabella vendite recenti con paginazione client-side.
| Prop | Tipo | Descrizione |
|---|---|---|
products | readonly SaleProduct[] | Prodotti venduti |
rowsPerPage | number | Righe per pagina |
SalesForecastWidget
Grafico Chart.js con previsione vendite e selettore periodo.
| Prop | Tipo | Descrizione |
|---|---|---|
forecastData | readonly ForecastChartData[] | Dati previsione |
periodOptions | PeriodOption[] | Opzioni periodo |