Add OP-aware cutting planning
This commit is contained in:
Cauê Faleiros
@@ -1,8 +1,8 @@
|
||||
import assert from 'node:assert/strict';
|
||||
import test from 'node:test';
|
||||
|
||||
import { buildCutPlan, classifyCutFamily } from './cutting.ts';
|
||||
import type { DateRange, ProductAnalyticsItem } from '../types.ts';
|
||||
import { buildCutPlan, buildOpenProductionByProductId, classifyCutFamily } from './cutting.ts';
|
||||
import type { DateRange, ProductAnalyticsItem, ProductionOrderItem } from '../types.ts';
|
||||
|
||||
const range: DateRange = {
|
||||
start: new Date(2026, 6, 1),
|
||||
@@ -22,6 +22,26 @@ const product = (overrides: Partial<ProductAnalyticsItem>): ProductAnalyticsItem
|
||||
...overrides
|
||||
});
|
||||
|
||||
const productionOrder = (overrides: Partial<ProductionOrderItem>): ProductionOrderItem => ({
|
||||
id: 1,
|
||||
tinyId: '',
|
||||
number: 'OP-1',
|
||||
status: 'in_progress',
|
||||
statusLabel: 'Em andamento',
|
||||
orderReference: '',
|
||||
issueDate: '2026-07-01',
|
||||
expectedDate: '2026-07-15',
|
||||
productSku: '',
|
||||
productDescription: 'BASE LISA CAMISETA COR PRETO TAMANHO - M',
|
||||
quantity: 40,
|
||||
unit: 'UN',
|
||||
integrationStatus: '',
|
||||
markers: [],
|
||||
createdAt: null,
|
||||
updatedAt: null,
|
||||
...overrides
|
||||
});
|
||||
|
||||
test('classifyCutFamily maps known product bases to internal cut families', () => {
|
||||
assert.equal(classifyCutFamily('BASE LISA CAMISETA').key, 'BLCS');
|
||||
assert.equal(classifyCutFamily('BASE LISA CAMISETA OVER').key, 'BLOS');
|
||||
@@ -37,6 +57,8 @@ test('buildCutPlan calculates projected cut need from sales pace and stock', ()
|
||||
assert.equal(row.projectedDemand, 140);
|
||||
assert.equal(row.availableQuantity, 20);
|
||||
assert.equal(row.suggestedCutQuantity, 120);
|
||||
assert.equal(row.estimatedRolls, null);
|
||||
assert.deepEqual(row.issues, ['missing_yield_rule']);
|
||||
assert.equal(plan.summary.suggestedCutQuantity, 120);
|
||||
});
|
||||
|
||||
@@ -48,6 +70,20 @@ test('buildCutPlan subtracts open production quantity from suggested cut need',
|
||||
assert.equal(row.suggestedCutQuantity, 20);
|
||||
});
|
||||
|
||||
test('buildOpenProductionByProductId matches open OPs by SKU and normalized product variant', () => {
|
||||
const products = [
|
||||
product({ id: 'SKU-1' }),
|
||||
product({ id: 'SKU-2', name: 'BASE LISA CAMISETA COR BRANCO TAMANHO - G' })
|
||||
];
|
||||
const totals = buildOpenProductionByProductId(products, [
|
||||
productionOrder({ productSku: 'SKU-1', productDescription: '', quantity: 10 }),
|
||||
productionOrder({ productSku: '', productDescription: 'Base Lisa Camiseta Cor Branco Tamanho - G', quantity: 20 }),
|
||||
productionOrder({ productSku: 'SKU-1', status: 'finished', quantity: 999 })
|
||||
]);
|
||||
|
||||
assert.deepEqual(totals, { 'SKU-1': 10, 'SKU-2': 20 });
|
||||
});
|
||||
|
||||
test('buildCutPlan marks products that cannot be planned cleanly for cutting', () => {
|
||||
const plan = buildCutPlan([
|
||||
product({
|
||||
|
||||
@@ -1,14 +1,15 @@
|
||||
import type { DateRange, ProductAnalyticsItem } from '../types';
|
||||
import { parseProductName, sortProductSizes } from '../productParsing.ts';
|
||||
import type { DateRange, ProductAnalyticsItem, ProductionOrderItem } from '../types';
|
||||
import { normalizeProductText, parseProductName, sortProductSizes } from '../productParsing.ts';
|
||||
|
||||
export type CutFamilyKey = 'BLCS' | 'BLOS' | 'BLMC' | 'BLPM' | 'OUTROS';
|
||||
export type CutIssue = 'missing_family_rule' | 'missing_color' | 'missing_size';
|
||||
export type CutIssue = 'missing_family_rule' | 'missing_color' | 'missing_size' | 'missing_yield_rule';
|
||||
|
||||
export interface CutFamilyRule {
|
||||
key: CutFamilyKey;
|
||||
label: string;
|
||||
materialLabel: string;
|
||||
keywords: string[];
|
||||
unitsPerRoll: number | null;
|
||||
}
|
||||
|
||||
export interface CutPlanSkuRow extends ProductAnalyticsItem {
|
||||
@@ -21,6 +22,7 @@ export interface CutPlanSkuRow extends ProductAnalyticsItem {
|
||||
openProductionQuantity: number;
|
||||
availableQuantity: number;
|
||||
suggestedCutQuantity: number;
|
||||
estimatedRolls: number | null;
|
||||
daysOfCover: number | null;
|
||||
issues: CutIssue[];
|
||||
}
|
||||
@@ -34,6 +36,7 @@ export interface CutPlanFamilySummary {
|
||||
stock: number;
|
||||
projectedDemand: number;
|
||||
suggestedCutQuantity: number;
|
||||
estimatedRolls: number | null;
|
||||
}
|
||||
|
||||
export interface CutPlanSummary {
|
||||
@@ -45,7 +48,9 @@ export interface CutPlanSummary {
|
||||
totalStock: number;
|
||||
projectedDemand: number;
|
||||
suggestedCutQuantity: number;
|
||||
estimatedRolls: number | null;
|
||||
rowsWithIssues: number;
|
||||
openProductionQuantity: number;
|
||||
}
|
||||
|
||||
export interface CutPlan {
|
||||
@@ -60,25 +65,29 @@ export const CUT_FAMILY_RULES: CutFamilyRule[] = [
|
||||
key: 'BLPM',
|
||||
label: 'Moletom',
|
||||
materialLabel: 'BLPM',
|
||||
keywords: ['MOLETOM']
|
||||
keywords: ['MOLETOM'],
|
||||
unitsPerRoll: null
|
||||
},
|
||||
{
|
||||
key: 'BLOS',
|
||||
label: 'Camiseta over',
|
||||
materialLabel: 'BLOS',
|
||||
keywords: ['OVER']
|
||||
keywords: ['OVER'],
|
||||
unitsPerRoll: null
|
||||
},
|
||||
{
|
||||
key: 'BLMC',
|
||||
label: 'Camiseta infantil',
|
||||
materialLabel: 'BLMC',
|
||||
keywords: ['INFANTIL', 'KIDS']
|
||||
keywords: ['INFANTIL', 'KIDS'],
|
||||
unitsPerRoll: null
|
||||
},
|
||||
{
|
||||
key: 'BLCS',
|
||||
label: 'Camiseta regular',
|
||||
materialLabel: 'BLCS',
|
||||
keywords: ['CAMISETA']
|
||||
keywords: ['CAMISETA'],
|
||||
unitsPerRoll: null
|
||||
}
|
||||
];
|
||||
|
||||
@@ -86,7 +95,8 @@ export const OUTROS_RULE: CutFamilyRule = {
|
||||
key: 'OUTROS',
|
||||
label: 'Sem regra',
|
||||
materialLabel: 'Pendente',
|
||||
keywords: []
|
||||
keywords: [],
|
||||
unitsPerRoll: null
|
||||
};
|
||||
|
||||
export const getRangeDays = (range: DateRange) => {
|
||||
@@ -111,6 +121,59 @@ export const classifyCutFamily = (baseName: string): CutFamilyRule => {
|
||||
)) || OUTROS_RULE;
|
||||
};
|
||||
|
||||
const normalizeMatchText = (value: string) => normalizeProductText(value)
|
||||
.normalize('NFD')
|
||||
.replace(/\p{Diacritic}/gu, '')
|
||||
.toLowerCase();
|
||||
|
||||
const isOpenProductionOrder = (order: ProductionOrderItem) => (
|
||||
order.status === 'open' ||
|
||||
order.status === 'in_progress' ||
|
||||
['em aberto', 'aberta', 'andamento', 'em andamento'].includes(normalizeMatchText(order.status))
|
||||
);
|
||||
|
||||
export const buildOpenProductionByProductId = (
|
||||
products: ProductAnalyticsItem[],
|
||||
productionOrders: ProductionOrderItem[]
|
||||
): Record<string, number> => {
|
||||
const productById = new Map(products.map(product => [product.id, product]));
|
||||
const productByName = new Map(products.map(product => [normalizeMatchText(product.name), product]));
|
||||
const productsByVariantKey = new Map<string, ProductAnalyticsItem>();
|
||||
|
||||
products.forEach(product => {
|
||||
const metadata = parseProductName(product.name);
|
||||
const key = [
|
||||
normalizeMatchText(metadata.baseName),
|
||||
normalizeMatchText(metadata.color),
|
||||
normalizeMatchText(metadata.size)
|
||||
].join('::');
|
||||
productsByVariantKey.set(key, product);
|
||||
});
|
||||
|
||||
return productionOrders.reduce<Record<string, number>>((totals, order) => {
|
||||
if (!isOpenProductionOrder(order)) return totals;
|
||||
|
||||
const skuMatch = order.productSku ? productById.get(order.productSku) : undefined;
|
||||
const nameMatch = order.productDescription ? productByName.get(normalizeMatchText(order.productDescription)) : undefined;
|
||||
let product = skuMatch || nameMatch;
|
||||
|
||||
if (!product && order.productDescription) {
|
||||
const metadata = parseProductName(order.productDescription);
|
||||
const key = [
|
||||
normalizeMatchText(metadata.baseName),
|
||||
normalizeMatchText(metadata.color),
|
||||
normalizeMatchText(metadata.size)
|
||||
].join('::');
|
||||
product = productsByVariantKey.get(key);
|
||||
}
|
||||
|
||||
if (!product) return totals;
|
||||
|
||||
totals[product.id] = (totals[product.id] || 0) + order.quantity;
|
||||
return totals;
|
||||
}, {});
|
||||
};
|
||||
|
||||
export const buildCutPlan = (
|
||||
products: ProductAnalyticsItem[],
|
||||
dateRange: DateRange,
|
||||
@@ -127,12 +190,16 @@ export const buildCutPlan = (
|
||||
const openProductionQuantity = openProductionByProductId[product.id] || 0;
|
||||
const availableQuantity = product.stock + openProductionQuantity;
|
||||
const suggestedCutQuantity = Math.max(0, Math.ceil(projectedDemand - availableQuantity));
|
||||
const estimatedRolls = family.unitsPerRoll && suggestedCutQuantity > 0
|
||||
? Math.ceil(suggestedCutQuantity / family.unitsPerRoll)
|
||||
: null;
|
||||
const daysOfCover = dailySales > 0 ? availableQuantity / dailySales : null;
|
||||
const issues: CutIssue[] = [];
|
||||
|
||||
if (family.key === 'OUTROS') issues.push('missing_family_rule');
|
||||
if (!metadata.color) issues.push('missing_color');
|
||||
if (!metadata.size) issues.push('missing_size');
|
||||
if (suggestedCutQuantity > 0 && family.key !== 'OUTROS' && !family.unitsPerRoll) issues.push('missing_yield_rule');
|
||||
|
||||
return {
|
||||
...product,
|
||||
@@ -145,6 +212,7 @@ export const buildCutPlan = (
|
||||
openProductionQuantity,
|
||||
availableQuantity,
|
||||
suggestedCutQuantity,
|
||||
estimatedRolls,
|
||||
daysOfCover,
|
||||
issues
|
||||
};
|
||||
@@ -172,7 +240,10 @@ export const buildCutPlan = (
|
||||
quantitySold: group.reduce((total, row) => total + row.quantitySold, 0),
|
||||
stock: group.reduce((total, row) => total + row.stock, 0),
|
||||
projectedDemand: group.reduce((total, row) => total + row.projectedDemand, 0),
|
||||
suggestedCutQuantity: group.reduce((total, row) => total + row.suggestedCutQuantity, 0)
|
||||
suggestedCutQuantity: group.reduce((total, row) => total + row.suggestedCutQuantity, 0),
|
||||
estimatedRolls: group.some(row => row.estimatedRolls === null)
|
||||
? null
|
||||
: group.reduce((total, row) => total + (row.estimatedRolls || 0), 0)
|
||||
};
|
||||
})
|
||||
.sort((a, b) => b.suggestedCutQuantity - a.suggestedCutQuantity);
|
||||
@@ -193,7 +264,11 @@ export const buildCutPlan = (
|
||||
totalStock: needRows.reduce((total, row) => total + row.stock, 0),
|
||||
projectedDemand: needRows.reduce((total, row) => total + row.projectedDemand, 0),
|
||||
suggestedCutQuantity: needRows.reduce((total, row) => total + row.suggestedCutQuantity, 0),
|
||||
rowsWithIssues: needRows.filter(row => row.issues.length > 0).length
|
||||
estimatedRolls: needRows.some(row => row.estimatedRolls === null)
|
||||
? null
|
||||
: needRows.reduce((total, row) => total + (row.estimatedRolls || 0), 0),
|
||||
rowsWithIssues: needRows.filter(row => row.issues.length > 0).length,
|
||||
openProductionQuantity: needRows.reduce((total, row) => total + row.openProductionQuantity, 0)
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
@@ -1,12 +1,12 @@
|
||||
import { useEffect, useMemo, useState } from 'react';
|
||||
import { Link, useOutletContext } from 'react-router-dom';
|
||||
import { AlertTriangle, Download, Layers3, Package, Palette, Ruler, Scissors, Search } from 'lucide-react';
|
||||
import { AlertTriangle, ClipboardList, Download, Layers3, Package, Palette, Ruler, Scissors, Search } from 'lucide-react';
|
||||
import DateRangePicker from '../components/DateRangePicker';
|
||||
import PaginationControls from '../components/PaginationControls';
|
||||
import RefreshStatus from '../components/RefreshStatus';
|
||||
import { CUT_FAMILY_RULES, buildCutPlan, type CutFamilyKey, type CutIssue, type CutPlanSkuRow } from '../analytics/cutting';
|
||||
import { exportToCSV, fetchProductAnalytics } from '../dataService';
|
||||
import type { DateRange, ProductAnalyticsItem } from '../types';
|
||||
import { CUT_FAMILY_RULES, buildCutPlan, buildOpenProductionByProductId, type CutFamilyKey, type CutIssue, type CutPlanSkuRow } from '../analytics/cutting';
|
||||
import { exportToCSV, fetchProductAnalytics, fetchProductionOrders } from '../dataService';
|
||||
import type { DateRange, ProductAnalyticsItem, ProductionOrderItem } from '../types';
|
||||
|
||||
type CutFilter = 'need' | 'all' | 'issues' | 'covered';
|
||||
type CutSort = 'need_desc' | 'need_asc' | 'demand_desc' | 'stock_asc' | 'sold_desc' | 'name_asc';
|
||||
@@ -28,7 +28,15 @@ const filterOptions: Array<{ value: CutFilter; label: string }> = [
|
||||
const issueLabels: Record<CutIssue, string> = {
|
||||
missing_family_rule: 'Sem família',
|
||||
missing_color: 'Sem cor',
|
||||
missing_size: 'Sem tamanho'
|
||||
missing_size: 'Sem tamanho',
|
||||
missing_yield_rule: 'Sem rendimento'
|
||||
};
|
||||
|
||||
const issueHelp: Record<CutIssue, string> = {
|
||||
missing_family_rule: 'Produto não caiu em BLCS, BLOS, BLMC ou BLPM.',
|
||||
missing_color: 'Nome do produto não tem uma cor clara para montar matriz de corte.',
|
||||
missing_size: 'Nome do produto não tem tamanho claro para montar matriz de corte.',
|
||||
missing_yield_rule: 'Família reconhecida, mas ainda falta cadastrar unidades por rolo.'
|
||||
};
|
||||
|
||||
const familyStyles: Record<CutFamilyKey, string> = {
|
||||
@@ -49,6 +57,11 @@ const formatDays = (value: number | null) => {
|
||||
return `${formatNumber(value, value < 10 ? 1 : 0)} dias`;
|
||||
};
|
||||
|
||||
const allProductionOrdersRange = {
|
||||
start: new Date(2000, 0, 1),
|
||||
end: new Date(2100, 11, 31)
|
||||
};
|
||||
|
||||
const CuttingSkeleton = () => (
|
||||
<div className="overflow-hidden rounded-2xl border border-dark-border bg-dark-card shadow-sm" aria-label="Carregando plano de corte">
|
||||
<div className="border-b border-dark-border p-4">
|
||||
@@ -72,6 +85,7 @@ const Cutting = () => {
|
||||
setDateRange: (range: DateRange) => void
|
||||
}>();
|
||||
const [products, setProducts] = useState<ProductAnalyticsItem[]>([]);
|
||||
const [productionOrders, setProductionOrders] = useState<ProductionOrderItem[]>([]);
|
||||
const [isLoading, setIsLoading] = useState(true);
|
||||
const [searchTerm, setSearchTerm] = useState('');
|
||||
const [targetCoverageDays, setTargetCoverageDays] = useState(30);
|
||||
@@ -86,9 +100,13 @@ const Cutting = () => {
|
||||
|
||||
const loadProducts = async () => {
|
||||
setIsLoading(true);
|
||||
const data = await fetchProductAnalytics(dateRange);
|
||||
const [productData, productionOrderData] = await Promise.all([
|
||||
fetchProductAnalytics(dateRange),
|
||||
fetchProductionOrders(allProductionOrdersRange)
|
||||
]);
|
||||
if (isMounted) {
|
||||
setProducts(data);
|
||||
setProducts(productData);
|
||||
setProductionOrders(productionOrderData.orders);
|
||||
setIsLoading(false);
|
||||
}
|
||||
};
|
||||
@@ -100,7 +118,23 @@ const Cutting = () => {
|
||||
};
|
||||
}, [dateRange]);
|
||||
|
||||
const cutPlan = useMemo(() => buildCutPlan(products, dateRange, targetCoverageDays), [dateRange, products, targetCoverageDays]);
|
||||
const openProductionByProductId = useMemo(
|
||||
() => buildOpenProductionByProductId(products, productionOrders),
|
||||
[products, productionOrders]
|
||||
);
|
||||
|
||||
const cutPlan = useMemo(
|
||||
() => buildCutPlan(products, dateRange, targetCoverageDays, openProductionByProductId),
|
||||
[dateRange, openProductionByProductId, products, targetCoverageDays]
|
||||
);
|
||||
|
||||
const issueSummaries = useMemo(() => {
|
||||
const counts = new Map<CutIssue, number>();
|
||||
cutPlan.needRows.forEach(row => {
|
||||
row.issues.forEach(issue => counts.set(issue, (counts.get(issue) || 0) + 1));
|
||||
});
|
||||
return Array.from(counts.entries()).map(([issue, count]) => ({ issue, count }));
|
||||
}, [cutPlan.needRows]);
|
||||
|
||||
const filteredRows = useMemo(() => {
|
||||
const normalizedSearch = searchTerm.trim().toLowerCase();
|
||||
@@ -159,6 +193,8 @@ const Cutting = () => {
|
||||
'OP aberta': row.openProductionQuantity,
|
||||
'Disponível': row.availableQuantity,
|
||||
'Necessidade corte': row.suggestedCutQuantity,
|
||||
'Rendimento un/rolo': row.family.unitsPerRoll || '',
|
||||
'Rolos estimados': row.estimatedRolls || '',
|
||||
'Cobertura': row.daysOfCover === null ? '' : row.daysOfCover.toFixed(1).replace('.', ','),
|
||||
'Pendências': row.issues.map(issue => issueLabels[issue]).join(' | ')
|
||||
})), `plano_corte_${new Date().toISOString().split('T')[0]}.csv`);
|
||||
@@ -229,7 +265,9 @@ const Cutting = () => {
|
||||
<div>
|
||||
<p className="text-xs font-bold uppercase tracking-widest text-dark-muted">Famílias</p>
|
||||
<p className="mt-2 text-3xl font-bold text-dark-text">{formatNumber(cutPlan.summary.familiesWithNeed)}</p>
|
||||
<p className="mt-1 text-xs font-semibold text-dark-muted">Com necessidade no período</p>
|
||||
<p className="mt-1 text-xs font-semibold text-dark-muted">
|
||||
{cutPlan.summary.estimatedRolls === null ? 'Rolos pendentes de rendimento' : `${formatNumber(cutPlan.summary.estimatedRolls)} rolos estimados`}
|
||||
</p>
|
||||
</div>
|
||||
<div className="rounded-xl border border-brand-primary/25 bg-brand-primary/10 p-3 text-brand-primary">
|
||||
<Layers3 className="h-5 w-5" />
|
||||
@@ -255,17 +293,52 @@ const Cutting = () => {
|
||||
<div className="rounded-2xl border border-dark-border bg-dark-card p-5 shadow-sm">
|
||||
<div className="flex items-start justify-between gap-4">
|
||||
<div>
|
||||
<p className="text-xs font-bold uppercase tracking-widest text-dark-muted">Pendências</p>
|
||||
<p className="mt-2 text-3xl font-bold text-amber-300">{formatNumber(cutPlan.summary.rowsWithIssues)}</p>
|
||||
<p className="mt-1 text-xs font-semibold text-dark-muted">Sem família, cor ou tamanho</p>
|
||||
<p className="text-xs font-bold uppercase tracking-widest text-dark-muted">OP aberta</p>
|
||||
<p className="mt-2 text-3xl font-bold text-amber-300">{formatNumber(cutPlan.summary.openProductionQuantity)}</p>
|
||||
<p className="mt-1 text-xs font-semibold text-dark-muted">Unidades abatidas quando há match</p>
|
||||
</div>
|
||||
<div className="rounded-xl border border-amber-400/25 bg-amber-400/10 p-3 text-amber-300">
|
||||
<AlertTriangle className="h-5 w-5" />
|
||||
<ClipboardList className="h-5 w-5" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{!!issueSummaries.length && (
|
||||
<div className="rounded-2xl border border-amber-400/20 bg-amber-400/5 p-4 shadow-sm">
|
||||
<div className="mb-4 flex items-start justify-between gap-4">
|
||||
<div>
|
||||
<h2 className="text-sm font-bold text-amber-200">Pendências para fechar o Corte</h2>
|
||||
<p className="mt-1 text-xs font-semibold text-dark-muted">
|
||||
Estes pontos substituem as correções manuais que antes ficavam espalhadas no Excel.
|
||||
</p>
|
||||
</div>
|
||||
<span className="rounded-full border border-amber-400/30 bg-amber-400/10 px-3 py-1 text-xs font-bold text-amber-300">
|
||||
{formatNumber(cutPlan.summary.rowsWithIssues)} SKUs
|
||||
</span>
|
||||
</div>
|
||||
<div className="grid grid-cols-1 gap-3 md:grid-cols-4">
|
||||
{issueSummaries.map(summary => (
|
||||
<button
|
||||
key={summary.issue}
|
||||
type="button"
|
||||
onClick={() => {
|
||||
setCutFilter('issues');
|
||||
setCurrentPage(1);
|
||||
}}
|
||||
className="rounded-xl border border-dark-border bg-dark-card p-3 text-left transition-colors hover:border-amber-400/50 cursor-pointer"
|
||||
>
|
||||
<div className="flex items-center justify-between gap-3">
|
||||
<span className="text-xs font-bold text-dark-text">{issueLabels[summary.issue]}</span>
|
||||
<span className="text-sm font-bold text-amber-300">{formatNumber(summary.count)}</span>
|
||||
</div>
|
||||
<p className="mt-2 text-[11px] font-medium leading-relaxed text-dark-muted">{issueHelp[summary.issue]}</p>
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{!!cutPlan.familySummaries.length && (
|
||||
<div className="grid grid-cols-1 gap-4 xl:grid-cols-4">
|
||||
{cutPlan.familySummaries.map(summary => (
|
||||
@@ -281,7 +354,7 @@ const Cutting = () => {
|
||||
</div>
|
||||
<p className="mt-4 text-2xl font-bold text-dark-text">{formatNumber(summary.suggestedCutQuantity)} un.</p>
|
||||
<p className="mt-1 text-xs font-semibold text-dark-muted">
|
||||
{formatNumber(summary.skuCount)} SKUs · {formatNumber(summary.colorCount)} cores · {formatNumber(summary.sizeCount)} tamanhos
|
||||
{formatNumber(summary.skuCount)} SKUs · {formatNumber(summary.colorCount)} cores · {summary.estimatedRolls === null ? 'sem rendimento' : `${formatNumber(summary.estimatedRolls)} rolos`}
|
||||
</p>
|
||||
</div>
|
||||
))}
|
||||
@@ -370,6 +443,7 @@ const Cutting = () => {
|
||||
<col className="w-[110px]" />
|
||||
<col className="w-[130px]" />
|
||||
<col className="w-[140px]" />
|
||||
<col className="w-[120px]" />
|
||||
<col className="w-[150px]" />
|
||||
<col className="w-[110px]" />
|
||||
</colgroup>
|
||||
@@ -384,6 +458,7 @@ const Cutting = () => {
|
||||
<th className="px-6 py-4 text-[10px] font-bold uppercase tracking-wider">Estoque</th>
|
||||
<th className="px-6 py-4 text-[10px] font-bold uppercase tracking-wider">Disponível</th>
|
||||
<th className="px-6 py-4 text-[10px] font-bold uppercase tracking-wider">Necessidade</th>
|
||||
<th className="px-6 py-4 text-[10px] font-bold uppercase tracking-wider">Rolos</th>
|
||||
<th className="px-6 py-4 text-[10px] font-bold uppercase tracking-wider">Pendências</th>
|
||||
<th className="px-6 py-4 text-right text-[10px] font-bold uppercase tracking-wider">Ações</th>
|
||||
</tr>
|
||||
@@ -426,6 +501,9 @@ const Cutting = () => {
|
||||
{formatNumber(row.suggestedCutQuantity)} un.
|
||||
</span>
|
||||
</td>
|
||||
<td className="px-6 py-2.5 font-bold whitespace-nowrap text-zinc-900 dark:text-dark-text">
|
||||
{row.estimatedRolls === null ? '-' : formatNumber(row.estimatedRolls)}
|
||||
</td>
|
||||
<td className="px-6 py-2.5">{renderIssueBadge(row)}</td>
|
||||
<td className="px-4 py-2.5 text-right">
|
||||
<Link
|
||||
|
||||
@@ -4,8 +4,9 @@ import { AlertTriangle, CheckCircle2, Download, Package, Search, TrendingUp } fr
|
||||
import DateRangePicker from '../components/DateRangePicker';
|
||||
import PaginationControls from '../components/PaginationControls';
|
||||
import RefreshStatus from '../components/RefreshStatus';
|
||||
import type { DateRange, ProductAnalyticsItem } from '../types';
|
||||
import { exportToCSV, fetchProductAnalytics } from '../dataService';
|
||||
import { buildOpenProductionByProductId } from '../analytics/cutting';
|
||||
import type { DateRange, ProductAnalyticsItem, ProductionOrderItem } from '../types';
|
||||
import { exportToCSV, fetchProductAnalytics, fetchProductionOrders } from '../dataService';
|
||||
import { parseProductName, sortProductSizes } from '../productParsing';
|
||||
|
||||
type ReplenishmentStatus = 'need' | 'covered' | 'no_sales' | 'no_stock';
|
||||
@@ -17,6 +18,8 @@ type ReplenishmentRow = ProductAnalyticsItem & {
|
||||
dailySales: number;
|
||||
projectedDemand: number;
|
||||
suggestedQuantity: number;
|
||||
openProductionQuantity: number;
|
||||
availableQuantity: number;
|
||||
daysOfCover: number | null;
|
||||
status: ReplenishmentStatus;
|
||||
statusLabel: string;
|
||||
@@ -79,6 +82,11 @@ const getRangeDays = (range: DateRange) => {
|
||||
return Math.max(1, Math.round((end.getTime() - start.getTime()) / 86_400_000) + 1);
|
||||
};
|
||||
|
||||
const allProductionOrdersRange = {
|
||||
start: new Date(2000, 0, 1),
|
||||
end: new Date(2100, 11, 31)
|
||||
};
|
||||
|
||||
const ReplenishmentSkeleton = () => (
|
||||
<div className="bg-white dark:bg-dark-card border border-zinc-200 dark:border-dark-border rounded-2xl overflow-hidden shadow-sm" aria-label="Carregando necessidade de reposicao">
|
||||
<div className="border-b border-zinc-100 p-4 dark:border-dark-border">
|
||||
@@ -115,6 +123,7 @@ const Replenishment = () => {
|
||||
}>();
|
||||
const [searchParams] = useSearchParams();
|
||||
const [products, setProducts] = useState<ProductAnalyticsItem[]>([]);
|
||||
const [productionOrders, setProductionOrders] = useState<ProductionOrderItem[]>([]);
|
||||
const [isLoading, setIsLoading] = useState(true);
|
||||
const [searchTerm, setSearchTerm] = useState('');
|
||||
const [statusFilter, setStatusFilter] = useState<ReplenishmentFilter>(() => {
|
||||
@@ -132,10 +141,14 @@ const Replenishment = () => {
|
||||
|
||||
const loadProducts = async () => {
|
||||
setIsLoading(true);
|
||||
const data = await fetchProductAnalytics(dateRange);
|
||||
const [productData, productionOrderData] = await Promise.all([
|
||||
fetchProductAnalytics(dateRange),
|
||||
fetchProductionOrders(allProductionOrdersRange)
|
||||
]);
|
||||
|
||||
if (isMounted) {
|
||||
setProducts(data);
|
||||
setProducts(productData);
|
||||
setProductionOrders(productionOrderData.orders);
|
||||
setIsLoading(false);
|
||||
}
|
||||
};
|
||||
@@ -147,16 +160,23 @@ const Replenishment = () => {
|
||||
};
|
||||
}, [dateRange]);
|
||||
|
||||
const openProductionByProductId = useMemo(
|
||||
() => buildOpenProductionByProductId(products, productionOrders),
|
||||
[products, productionOrders]
|
||||
);
|
||||
|
||||
const allRows = useMemo<ReplenishmentRow[]>(() => {
|
||||
const rangeDays = getRangeDays(dateRange);
|
||||
|
||||
return products.map(product => {
|
||||
const dailySales = product.quantitySold / rangeDays;
|
||||
const projectedDemand = dailySales * targetCoverageDays;
|
||||
const rawNeed = projectedDemand - product.stock;
|
||||
const openProductionQuantity = openProductionByProductId[product.id] || 0;
|
||||
const availableQuantity = product.stock + openProductionQuantity;
|
||||
const rawNeed = projectedDemand - availableQuantity;
|
||||
const suggestedQuantity = Math.max(0, Math.ceil(rawNeed));
|
||||
const daysOfCover = dailySales > 0 ? product.stock / dailySales : null;
|
||||
const status: ReplenishmentStatus = product.stock <= 0
|
||||
const daysOfCover = dailySales > 0 ? availableQuantity / dailySales : null;
|
||||
const status: ReplenishmentStatus = availableQuantity <= 0
|
||||
? 'no_stock'
|
||||
: dailySales <= 0
|
||||
? 'no_sales'
|
||||
@@ -171,6 +191,8 @@ const Replenishment = () => {
|
||||
dailySales,
|
||||
projectedDemand,
|
||||
suggestedQuantity,
|
||||
openProductionQuantity,
|
||||
availableQuantity,
|
||||
daysOfCover,
|
||||
status,
|
||||
statusLabel: statusStyles[status].label,
|
||||
@@ -182,7 +204,7 @@ const Replenishment = () => {
|
||||
sizes: metadata.size ? [metadata.size] : []
|
||||
};
|
||||
});
|
||||
}, [dateRange, products, targetCoverageDays]);
|
||||
}, [dateRange, openProductionByProductId, products, targetCoverageDays]);
|
||||
|
||||
const groupedRows = useMemo<ReplenishmentRow[]>(() => {
|
||||
const groups = new Map<string, ReplenishmentRow[]>();
|
||||
@@ -199,12 +221,14 @@ const Replenishment = () => {
|
||||
const quantitySold = group.reduce((total, row) => total + row.quantitySold, 0);
|
||||
const revenue = group.reduce((total, row) => total + row.revenue, 0);
|
||||
const stock = group.reduce((total, row) => total + row.stock, 0);
|
||||
const openProductionQuantity = group.reduce((total, row) => total + row.openProductionQuantity, 0);
|
||||
const availableQuantity = group.reduce((total, row) => total + row.availableQuantity, 0);
|
||||
const dailySales = group.reduce((total, row) => total + row.dailySales, 0);
|
||||
const projectedDemand = group.reduce((total, row) => total + row.projectedDemand, 0);
|
||||
const suggestedQuantity = group.reduce((total, row) => total + row.suggestedQuantity, 0);
|
||||
const orderLineCount = group.reduce((total, row) => total + row.orderLineCount, 0);
|
||||
const daysOfCover = dailySales > 0 ? stock / dailySales : null;
|
||||
const status: ReplenishmentStatus = stock <= 0
|
||||
const daysOfCover = dailySales > 0 ? availableQuantity / dailySales : null;
|
||||
const status: ReplenishmentStatus = availableQuantity <= 0
|
||||
? 'no_stock'
|
||||
: dailySales <= 0
|
||||
? 'no_sales'
|
||||
@@ -222,6 +246,8 @@ const Replenishment = () => {
|
||||
quantitySold,
|
||||
revenue,
|
||||
stock,
|
||||
openProductionQuantity,
|
||||
availableQuantity,
|
||||
orderLineCount,
|
||||
dailySales,
|
||||
projectedDemand,
|
||||
@@ -317,6 +343,8 @@ const Replenishment = () => {
|
||||
'Media Diaria': row.dailySales.toFixed(2).replace('.', ','),
|
||||
'Demanda Projetada': row.projectedDemand.toFixed(2).replace('.', ','),
|
||||
'Estoque Atual': row.stock,
|
||||
'OP Aberta': row.openProductionQuantity,
|
||||
'Disponivel': row.availableQuantity,
|
||||
'Cobertura Atual': row.daysOfCover === null ? '' : row.daysOfCover.toFixed(1).replace('.', ','),
|
||||
'Sugestao Reposicao': row.suggestedQuantity
|
||||
}));
|
||||
@@ -481,6 +509,7 @@ const Replenishment = () => {
|
||||
<colgroup>
|
||||
<col className="w-[120px]" />
|
||||
<col className="w-[390px]" />
|
||||
<col className="w-[120px]" />
|
||||
<col className="w-[130px]" />
|
||||
<col className="w-[140px]" />
|
||||
<col className="w-[120px]" />
|
||||
@@ -495,6 +524,7 @@ const Replenishment = () => {
|
||||
<th className="px-6 py-4 font-bold uppercase tracking-wider text-[10px]">Status</th>
|
||||
<th className="px-6 py-4 font-bold uppercase tracking-wider text-[10px]">Demanda proj.</th>
|
||||
<th className="px-6 py-4 font-bold uppercase tracking-wider text-[10px]">Estoque</th>
|
||||
<th className="px-6 py-4 font-bold uppercase tracking-wider text-[10px]">Disponível</th>
|
||||
<th className="px-6 py-4 font-bold uppercase tracking-wider text-[10px]">Sugestão reposição</th>
|
||||
<th className="px-6 py-4 font-bold uppercase tracking-wider text-[10px]">Cobertura</th>
|
||||
<th className="px-6 py-4 font-bold uppercase tracking-wider text-[10px] text-right">Ações</th>
|
||||
@@ -524,6 +554,12 @@ const Replenishment = () => {
|
||||
</td>
|
||||
<td className="px-6 py-2.5 font-bold text-zinc-900 dark:text-dark-text whitespace-nowrap">{formatNumber(row.projectedDemand, 1)} un.</td>
|
||||
<td className="px-6 py-2.5 font-bold text-zinc-900 dark:text-dark-text whitespace-nowrap">{formatNumber(row.stock)} un.</td>
|
||||
<td className="px-6 py-2.5 whitespace-nowrap">
|
||||
<span className="font-bold text-zinc-900 dark:text-dark-text">{formatNumber(row.availableQuantity)} un.</span>
|
||||
{!!row.openProductionQuantity && (
|
||||
<span className="ml-1 text-xs font-semibold text-dark-muted">OP {formatNumber(row.openProductionQuantity)}</span>
|
||||
)}
|
||||
</td>
|
||||
<td className="px-6 py-2.5 whitespace-nowrap">
|
||||
<span className={row.suggestedQuantity > 0 ? 'font-bold text-red-300' : 'font-bold text-emerald-300'}>
|
||||
{formatNumber(row.suggestedQuantity)} un.
|
||||
|
||||
Reference in New Issue
Block a user