@@ -1058,8 +1326,10 @@ if ($action === 'data') {
renderCards(d);
renderMonthly(d);
renderCumul(d);
+ renderDash(d);
renderInvoiced(d);
renderInvTables();
+ renderDormant(d);
renderCustomers(d);
}).catch(e => {
$('#content').css('opacity', 1);
@@ -1269,6 +1539,309 @@ if ($action === 'data') {
});
}
+ /* ---------------- CRUSCOTTO DIREZIONE ---------------- */
+ function renderDash(d) {
+ const x = d.dash || {};
+ const b = x.backlog || {};
+ const invOk = !!(d.invoiced && d.invoiced.available);
+ const cards = [];
+
+ // 1) portafoglio da consegnare
+ const weekly = invOk && x.invoiced_90 > 0 ? x.invoiced_90 / (90 / 7) : (x.ordered_90 > 0 ? x.ordered_90 / (90 / 7) : 0);
+ const weeks = weekly > 0 && +b.v > 0 ? (+b.v / weekly) : null;
+ cards.push(`
+
+
+
Portafoglio da consegnare
+
${fmtEurShort(+b.v || 0)}
+
${fmtNum(b.n_lines || 0)} righe · ${fmtNum(b.n_orders || 0)} ordini${weeks !== null ? `
≈ ${fmtNum(Math.round(weeks))} settimane di ${invOk ? 'fatturato' : 'ordinato'} medio` : ''}${+b.late_v > 0 ? `
${fmtEurShort(+b.late_v)} già oltre data ZIBO` : ''}
+
`);
+
+ // 2) book-to-bill 90 giorni
+ if (invOk && x.invoiced_90 > 0) {
+ const r = x.ordered_90 / x.invoiced_90;
+ const cls = r >= 1.05 ? 'up' : (r <= 0.95 ? 'down' : 'flat');
+ const lbl = cls === 'up' ? 'portafoglio in crescita' : (cls === 'down' ? 'portafoglio in calo' : 'stabile');
+ cards.push(`
+
+
+
Book-to-bill · 90 gg
+
${r.toLocaleString('it-IT', {minimumFractionDigits: 2, maximumFractionDigits: 2})}${lbl}
+
Ordinato ${fmtEurShort(x.ordered_90)} · fatturato ${fmtEurShort(x.invoiced_90)}
+
`);
+ } else {
+ cards.push(dashNa('Book-to-bill · 90 gg', 'fa-scale-balanced', invOk ? 'nessun fatturato negli ultimi 90 giorni' : 'serve la sincronizzazione delle fatture'));
+ }
+
+ // 3-4) previsioni di fine anno
+ cards.push(forecastCard('Previsione fatturato ' + CUR_Y, 'fa-file-invoice-dollar', '#0f766e', invOk ? x.invoiced_forecast : null, invOk ? '' : 'serve la sincronizzazione delle fatture'));
+ cards.push(forecastCard('Previsione ordinato ' + CUR_Y, 'fa-chart-line', '#6f42c1', x.ordered_forecast, ''));
+
+ $('#dashCards').html(cards.join(''));
+ renderB2BChart(x);
+ }
+
+ function dashNa(label, icon, msg) {
+ return `
`;
+ }
+
+ function forecastCard(label, icon, color, f, naMsg) {
+ if (!f || f.forecast === null || f.forecast === undefined) {
+ return dashNa(label, icon, naMsg || 'servono dati degli anni precedenti');
+ }
+ const vsPrev = f.prev_full ? pct(f.forecast, f.prev_full) : null;
+ return `
+
+
+
${label}
+
${fmtEurShort(f.forecast)}
+
forbice ${fmtEurShort(f.low)} – ${fmtEurShort(f.high)}
+ ${f.prev_full ? `${CUR_Y - 1}: ${fmtEurShort(f.prev_full)} ${deltaSpan(vsPrev, '')}` : ''}
+ ad oggi ${fmtEurShort(f.ytd)} · stagionalità ${f.years.join('-')}
+
`;
+ }
+
+ function renderB2BChart(x) {
+ const keys = [];
+ const start = new Date(x.since + 'T00:00:00');
+ for (let i = 0; i < 24; i++) {
+ const dd = new Date(start.getFullYear(), start.getMonth() + i, 1);
+ keys.push(dd.getFullYear() + '-' + String(dd.getMonth() + 1).padStart(2, '0'));
+ }
+ const toMap = rows => {
+ const m = {};
+ (rows || []).forEach(r => m[r.ym] = +r.v);
+ return m;
+ };
+ const om = toMap(x.ordered_months),
+ im = toMap(x.invoiced_months);
+ const ord = keys.map(k => om[k] || 0);
+ const inv = keys.map(k => im[k] || 0);
+ const hasInv = (x.invoiced_months || []).length > 0;
+ // book-to-bill mobile su 3 mesi
+ const b2b = keys.map((k, i) => {
+ if (!hasInv || i < 2) return null;
+ const o = ord[i] + ord[i - 1] + ord[i - 2],
+ f = inv[i] + inv[i - 1] + inv[i - 2];
+ return f > 0 ? Math.round(o / f * 100) / 100 : null;
+ });
+ const cats = keys.map(k => MONTHS[+k.substring(5) - 1] + ' ' + k.substring(2, 4));
+
+ const series = [{
+ name: 'Ordinato',
+ type: 'column',
+ data: ord
+ }];
+ if (hasInv) series.push({
+ name: 'Fatturato',
+ type: 'column',
+ data: inv
+ }, {
+ name: 'Book-to-bill 3 mesi',
+ type: 'line',
+ data: b2b
+ });
+
+ const yaxis = [{
+ seriesName: 'Ordinato',
+ labels: {
+ formatter: fmtEurShort
+ }
+ }];
+ if (hasInv) yaxis.push({
+ seriesName: 'Ordinato',
+ show: false
+ }, {
+ seriesName: 'Book-to-bill 3 mesi',
+ opposite: true,
+ min: 0,
+ max: v => Math.max(2, Math.ceil((v || 0) * 2) / 2),
+ tickAmount: 4,
+ labels: {
+ formatter: v => v === null || v === undefined ? '' : v.toLocaleString('it-IT', {
+ maximumFractionDigits: 2
+ })
+ }
+ });
+
+ upsert('b2b', 'chB2B', {
+ chart: {
+ ...base,
+ type: 'line',
+ height: 320,
+ stacked: false
+ },
+ series: series,
+ colors: ['#6f42c1', '#0f766e', '#f59e0b'],
+ stroke: {
+ width: hasInv ? [0, 0, 3] : [0],
+ curve: 'smooth'
+ },
+ plotOptions: {
+ bar: {
+ columnWidth: '62%',
+ borderRadius: 3
+ }
+ },
+ markers: {
+ size: hasInv ? [0, 0, 3] : [0]
+ },
+ dataLabels: {
+ enabled: false
+ },
+ xaxis: {
+ categories: cats,
+ labels: {
+ rotate: -45,
+ hideOverlappingLabels: true
+ }
+ },
+ yaxis: yaxis,
+ annotations: hasInv ? {
+ yAxis: [{
+ y: 1,
+ yAxisIndex: 2,
+ borderColor: '#f59e0b',
+ strokeDashArray: 4,
+ label: {
+ text: 'parità 1,0',
+ style: {
+ background: '#fef3c7',
+ color: '#92400e'
+ }
+ }
+ }]
+ } : {},
+ tooltip: {
+ shared: true,
+ intersect: false,
+ y: {
+ formatter: (v, o) => v === null || v === undefined ? '—' : (o && o.seriesIndex === 2 ? v.toLocaleString('it-IT', {
+ minimumFractionDigits: 2
+ }) : fmtEur(v))
+ }
+ },
+ legend: {
+ position: 'top',
+ horizontalAlign: 'left'
+ },
+ grid: {
+ borderColor: '#eef2f7'
+ }
+ });
+ }
+
+ /* ---------------- CLIENTI DA RICHIAMARE ---------------- */
+ let dormDt = null,
+ dormLevel = '';
+ const LVL = {
+ watch: 'Attenzione',
+ dormant: 'Dormiente',
+ lost: 'Probabilmente perso'
+ };
+
+ function renderDormant(d) {
+ const all = d.dormant || [];
+ const cfg = d.dormant_cfg || {};
+ const cnt = {
+ watch: 0,
+ dormant: 0,
+ lost: 0
+ };
+ all.forEach(c => cnt[c.level]++);
+ $('#dCntAll').text(fmtNum(all.length));
+ $('#dCntWatch').text(cnt.watch);
+ $('#dCntDormant').text(cnt.dormant);
+ $('#dCntLost').text(cnt.lost);
+ $('#dormChips .chip').removeClass('active');
+ $(`#dormChips .chip[data-level="${dormLevel}"]`).addClass('active');
+ $('#dormHint').text(`Clienti con almeno ${cfg.min_orders} ordini negli ultimi ${cfg.years} anni che ora tardano rispetto al loro ritmo abituale · clicca per filtrare la pagina`);
+
+ const rows = all.filter(c => !dormLevel || c.level === dormLevel);
+ const risk = rows.reduce((a, c) => a + (+c.value12 || 0), 0);
+ $('#dormSum').html(rows.length ?
+ `
${fmtNum(rows.length)} clienti ·
${fmtEurShort(risk)} di ordinato annuo a rischio (ordinato dei 12 mesi prima del loro ultimo ordine)` :
+ 'Nessun cliente da richiamare con i filtri attuali 👍');
+
+ if (dormDt) {
+ dormDt.destroy();
+ $('#dormTable').empty();
+ }
+ dormDt = $('#dormTable').DataTable({
+ data: rows,
+ columns: [{
+ title: 'Cliente',
+ data: null,
+ render: (c, type) => type === 'display' ?
+ `
${esc(c.name)}
${esc(c.code)}
` : (type === 'export' ? `${c.name} (${c.code})` : `${c.name} ${c.code}`)
+ }, {
+ title: 'Agente',
+ data: 'salesperson'
+ }, {
+ title: 'Area',
+ data: 'area'
+ }, {
+ title: 'Ultimo ordine',
+ data: 'last_date',
+ render: (v, type, c) => {
+ if (type === 'export') return v;
+ if (type !== 'display') return v;
+ const p = v.split('-');
+ return `
${p[2]}/${p[1]}/${p[0]} ${esc(c.last_no)}
${fmtNum(c.days_since)} giorni fa
`;
+ }
+ }, {
+ title: 'Ritmo abituale',
+ data: 'rhythm',
+ className: 'text-end',
+ render: (v, type) => type === 'display' ? `ogni ~${fmtNum(v)} gg` : +v
+ }, {
+ title: 'Ritardo',
+ data: 'ratio',
+ className: 'text-end text-nowrap',
+ render: (v, type, c) => {
+ if (type !== 'display') return +v;
+ const w = Math.min(100, v / (cfg.lost || 4) * 100);
+ const col = c.level === 'lost' ? '#dc2626' : (c.level === 'dormant' ? '#ea580c' : '#ca8a04');
+ return `
${String(v).replace('.', ',')}×`;
+ }
+ }, {
+ title: `Ordini ${cfg.years} anni`,
+ data: 'orders',
+ className: 'text-end'
+ }, {
+ title: 'Ordinato 12 mesi',
+ data: 'value12',
+ className: 'text-end amount',
+ render: (v, type) => type === 'display' ? fmtEur(+v) : +v
+ }, {
+ title: 'Stato',
+ data: 'level',
+ render: (v, type) => type === 'display' ? `
${LVL[v]}` : LVL[v]
+ }],
+ order: [
+ [7, 'desc']
+ ],
+ pageLength: 10,
+ lengthMenu: [10, 25, 50, 100],
+ dom: "<'row mb-2'<'col-md-6'B><'col-md-6'f>>rt<'row mt-2'<'col-md-5'i><'col-md-7'p>>",
+ buttons: xlsButton('Clienti da richiamare' + (dormLevel ? ' - ' + LVL[dormLevel] : '') + invFiltersLabel(true)),
+ language: {
+ url: 'https://cdn.datatables.net/plug-ins/1.13.6/i18n/it-IT.json'
+ }
+ });
+
+ $('#dormTable tbody').off('click').on('click', 'tr', function() {
+ const c = dormDt.row(this).data();
+ if (!c) return;
+ $('#fCustomers').val([c.code]).trigger('change');
+ window.scrollTo({
+ top: 0,
+ behavior: 'smooth'
+ });
+ });
+ }
+
/* ---------------- TABELLA DATI FATTURATO (a scomparsa) ---------------- */
let invMonthDt = null,
invDocDt = null,
@@ -1307,7 +1880,7 @@ if ($action === 'data') {
return $('#invToggle').attr('aria-expanded') === 'true';
}
- function invFiltersLabel() {
+ function invFiltersLabel(noYtd) {
const parts = [];
const n = (id, l) => {
const v = $(id).val() || [];
@@ -1316,7 +1889,7 @@ if ($action === 'data') {
n('#fCustomers', 'clienti');
n('#fSalespeople', 'agenti');
n('#fAreas', 'aree');
- if (lastData && lastData.ytd) parts.push(`a pari data ${todayLabel()}`);
+ if (!noYtd && lastData && lastData.ytd) parts.push(`a pari data ${todayLabel()}`);
return parts.length ? ' (' + parts.join(' · ') + ')' : '';
}
@@ -1715,6 +2288,12 @@ if ($action === 'data') {
scheduleLoad(0);
});
+ // clienti da richiamare: filtro per livello
+ $('#dormChips').on('click', '.chip', function() {
+ dormLevel = $(this).data('level') || '';
+ if (lastData) renderDormant(lastData);
+ });
+
// tabella dati fatturato: apri/chiudi (stato ricordato) e schede
$('#invToggle').on('click', function() {
const open = !invOpen();