{children}

); } // Vertical procurement bar function VBar({ pct, label, sub, onClick }) { return ( ); } // Horizontal progress bar with label + value function HBar({ label, value, max, color = 'var(--accent)' }) { const pct = Math.min(100, (value / max) * 100); return (

{label}

{value}

); } // Section header function SectionHeader({ caps, title, right }) { return (

{caps &&

{caps}

} {title &&

{title}

}

{right}

); } // Material swatch const MATERIAL_COLORS = { POM: '#8b5cf6', ABS: '#0ea5e9', PP: '#10b981', PC: '#f59e0b', PPS: '#ef4444', PVC: '#ec4899', }; function MatChip({ m }) { if (!m) return Закупной; return ( {m} ); } // Origin flag (CN/RU) function OriginFlag({ origin }) { if (!origin) return null; const label = origin === 'CN' ? 'КНР' : 'РФ'; return {label}; } // Формат числа BOM-строки: целое — без дробей, дробное — до 3 знаков (для кг/мл). function _bcNum(v) { const x = Number(v); if (!Number.isFinite(x)) return v; return (Number.isInteger(x) ? x : Math.round(x * 1000) / 1000).toLocaleString('ru'); } // Суффикс единицы: показываем кг/г/мл/л/т; «шт» и пустое — без подписи (чисто). function _bcUnit(u) { return (u && u !== 'шт') ? ' ' + u : ''; } // Список позиций BOM с цветным статусом. Заменяет сетку-квадратики на читаемый список. // bom — массив результата checkBOM (есть name, qty, n, status, available, need, shortage, // а также _dispUnit/_dispPerUnit — единица и расход-на-изделие для показа) // dense=true — компактный стиль (для мобильных фреймов, высота ограничена) function BomChecklist({ bom, dense = false, maxHeight = 320 }) { const colorFor = (s) => s === 'green' ? 'var(--green)' : s === 'yellow' ? 'var(--amber)' : 'var(--red)'; const greens = bom.filter(l => l.status === 'green').length; const reds = bom.filter(l => l.status === 'red').length; return (

{bom.length} позиций ● {greens} в наличии {reds > 0 && ● {reds} нехватка}

{bom.map(l => (

{l.n}

{l.name}

× {_bcNum(l._dispPerUnit != null ? l._dispPerUnit : l.qty)}{_bcUnit(l._dispUnit)} {l.status === 'green' ? 'есть' : l.shortage != null ? `нехв. ${_bcNum(l.shortage)}${_bcUnit(l._dispUnit)}` : 'нехватка'}

))}

); } // ============================================================================ // === FX-1: warehouse icon layout — IconTile · IconGrid · WarehouseStripe ==== // === · ItemPopover. Визуально наследуем v2-паттерн (плитка + анимация), == // === в палитре v1 (#1d4ed8 без смены токенов). == // ============================================================================ // Мини-набор SVG-иконок групп/складов — самодостаточный, чтобы не зависеть // от порядка загрузки warehouse_pages.jsx. Возвращает {isCount ? <>~{count} : <>⚖?} ); } // useReserveTick — подписка на событие 'reserve-changed', которое шлёт // data_materials.reserveForRequest / releaseForRequest. Компонент получает // bump при каждом изменении резерва (без setInterval-polling). function useReserveTick() { const [, bump] = React.useReducer(x => x + 1, 0); React.useEffect(() => { const h = () => bump(); window.addEventListener('reserve-changed', h); return () => window.removeEventListener('reserve-changed', h); }, []); } // useTaxonomyTick — подписка на 'taxonomy-changed' (ребилд таксономии/спек/ // оборудования от Settings или SSE). Bump на каждое событие, без polling. function useTaxonomyTick() { const [, bump] = React.useReducer(x => x + 1, 0); React.useEffect(() => { const h = () => bump(); window.addEventListener('taxonomy-changed', h); return () => window.removeEventListener('taxonomy-changed', h); }, []); } // useCechTick — подписка на 'cech:state-changed' (запуск партии в ЛФ, // SSE-snapshot из backend). Bump на каждое событие, без polling. Зеркало // useReserveTick, но для данных Цеха (window.CECH_STATE). function useCechTick() { const [, bump] = React.useReducer(x => x + 1, 0); React.useEffect(() => { const h = () => bump(); window.addEventListener('cech:state-changed', h); return () => window.removeEventListener('cech:state-changed', h); }, []); } // ─── Цех: производные ФГ-наряды (read-only проекция CECH_STATE) ────────────── // fgOrdersInProduction() — активные ФГ-наряды «в производстве». // READ-ONLY проекция window.CECH_STATE.items (клиентское зеркало // manufacturingBatches) + window.REQUESTS. Готовая фара при запуске // разузловывается launch_flow в N ПФ-партий (по числу изготавливаемых строк // BOM), каждая со своим этапом цеха и общим _requestId. Здесь они сводятся // обратно в один «наряд» = одна запускаемая модель. // // ФГ-партия детектится по productKind ('fg' / 'fg-pf' — backend-snapshot) // либо по префиксу id 'fg-' (локальный item из launch_flow до round-trip, // где productKind ещё не проставлен). ПФ-партии ('pf-' / 'pf') исключены. // // «В производстве» = у наряда есть хоть одна деталь не на Складе №3 // (sklad3 — финальная зона маршрута ФГ). Полностью прибывшие на W3 наряды // уже видны как реальный сток INVENTORY и здесь не дублируются. // // Возвращает массив: { key, name, qty, partsCount, stageCounts, // activeStages:[{key,name,short,qty}], inProductionQty, doneQty }. function fgOrdersInProduction() { const cs = window.CECH_STATE || {}; const rawItems = Array.isArray(cs.items) ? cs.items : []; // Дедуп по id (защита от транзитной гонки local↔snapshot). const seen = new Set(); const items = []; for (const it of rawItems) { if (!it || (it.id != null && seen.has(it.id))) continue; if (it.id != null) seen.add(it.id); items.push(it); } const isFg = (it) => it.productKind === 'fg' || it.productKind === 'fg-pf' || (typeof it.id === 'string' && it.id.indexOf('fg-') === 0); const reqs = window.REQUESTS || []; // requestId на партии = либо id заявки, либо локальный key (externalId). const findReq = (rid) => rid ? reqs.find(r => r.id === rid || r.externalId === rid) : null; const groups = new Map(); // canonicalKey → наряд for (const it of items) { if (!isFg(it)) continue; const req = findReq(it._requestId); // Взаимосвязь «нет заявки → нет производства»: партию-сироту (без живой // заявки) НЕ показываем как наряд в работе — иначе на витрине «в // производстве» висит то, чего нет в буфере заявок (рассинхрон). // + Архивный наряд (досрочно завершён и убран в «Архив») тоже НЕ висит // «в производстве» — иначе архивированный корпус-наряд оставался тут // (жалоба Александра 2026-06-24, скрин 4). if (!req || req.archived) continue; const key = req.id; let order = groups.get(key); if (!order) { order = { key, name: req.productName || '—', qty: req.qty || null, partsCount: 0, stageCounts: {}, inProductionQty: 0, doneQty: 0, }; groups.set(key, order); } order.partsCount += 1; const stages = it.stages || {}; for (const sk of Object.keys(stages)) { const q = Number(stages[sk]) || 0; if (q <= 0) continue; order.stageCounts[sk] = (order.stageCounts[sk] || 0) + q; if (sk === 'sklad3') order.doneQty += q; else order.inProductionQty += q; } } const stageKeys = Object.keys(window.CECH_STAGES || {}); const stagesMeta = window.CECH_STAGES || {}; const out = []; for (const o of groups.values()) { if (o.inProductionQty <= 0) continue; // полностью на W3 — не «в производстве» o.activeStages = Object.keys(o.stageCounts) .filter(k => o.stageCounts[k] > 0) .sort((a, b) => stageKeys.indexOf(a) - stageKeys.indexOf(b)) .map(k => ({ key: k, name: (stagesMeta[k] && stagesMeta[k].name) || k, short: (stagesMeta[k] && stagesMeta[k].short) || k, qty: o.stageCounts[k], })); out.push(o); } return out; } // reservationsByProductForGroup(groupId) — разбивка резерва подгруппы склада // по ЦЕЛЕВОМУ изделию (наряду/заявке). READ-ONLY: для каждой позиции // подгруппы с reserved>0 берёт window.reservationsForInventory(invId) // (заявки, держащие эту позицию) и группирует по productName. // Возвращает [{ productName, productQty, status, byUnit:{unit:amount}, // posCount, _total }] — сортировка по суммарному резерву (крупные изделия // первыми). byUnit даёт разбивку «X кг сырья · Y шт деталей» на изделие. function reservationsByProductForGroup(groupId) { if (!groupId || typeof window.reservedItemsInGroup !== 'function' || typeof window.reservationsForInventory !== 'function') return []; const reserved = window.reservedItemsInGroup(groupId); const byProduct = new Map(); for (const it of reserved) { const recs = window.reservationsForInventory(it.id) || []; for (const r of recs) { const pname = r.productName || '—'; let p = byProduct.get(pname); if (!p) { p = { productName: pname, productQty: r.productQty || null, status: r.status, requestId: r.requestId || null, byUnit: {}, posCount: 0, _total: 0 }; byProduct.set(pname, p); } const unit = r.unit || it.unit || 'шт'; const amt = Number(r.amount) || 0; p.byUnit[unit] = (p.byUnit[unit] || 0) + amt; p.posCount += 1; p._total += amt; } } return Array.from(byProduct.values()).sort((a, b) => b._total - a._total); } // formatQty — единый форматтер количеств: кг округляется до 0.1, остальное // до целого; всегда ru-локаль (разделитель тысяч). Дедуп 4 inline-копий. function formatQty(v, unit) { return unit === 'кг' ? (Math.round(v * 10) / 10).toLocaleString('ru') : Math.round(v).toLocaleString('ru'); } // useCurrentRole — текущая роль из window.CURRENT_USER (data_server_sync.jsx). // Подписан на 'current-user-changed' event'ы, чтобы CanWrite-обёртки сами // перерисовывались когда whoami приедет/изменится. const ROLE_ORDER = { anonymous: 0, viewer: 1, manager: 2, admin: 3 }; function useCurrentRole() { const [, bump] = React.useReducer(x => x + 1, 0); React.useEffect(() => { const h = () => bump(); window.addEventListener('current-user-changed', h); return () => window.removeEventListener('current-user-changed', h); }, []); const cu = window.CURRENT_USER || {}; return cu.role || 'viewer'; } // CanWrite — UI-гейт по ролям для write-кнопок. Если текущая роль ниже // требуемой — рендерит child как disabled (greyed-out + tooltip + click-block). // mode='hide' — полностью скрывает (для пунктов меню, где disabled не имеет // смысла). Поддерживает single React-элемент в children (button//