// ============================================================ // Enba Recycling — Üretim Hattı Yönetimi (Industrial Tech Edition) // ============================================================ function ProductionLineModule() { const [lines, setLines] = React.useState(() => { const saved = localStorage.getItem('enba_production_lines'); return saved ? JSON.parse(saved) : []; }); const [makinalar] = React.useState(() => { const k = localStorage.getItem('enba_makinalar_v2'); return k ? JSON.parse(k) : []; }); const [activeLineId, setActiveLineId] = React.useState(null); const [lineName, setLineName] = React.useState(''); // Persistence React.useEffect(() => { localStorage.setItem('enba_production_lines', JSON.stringify(lines)); }, [lines]); const activeLine = lines.find(l => l.id === activeLineId); // --- Industrial Theme Palette --- const THEME = { primary: '#2C3E50', // Deep Industrial Blue secondary: '#7F8C8D', // Steel Gray accent: '#3498DB', // Tech Blue danger: '#E74C3C', // Bottleneck Red surface: '#ECF0F1' // Metallic Light Gray }; // --- Hierarchical Size Engine --- const getMachineTier = (m) => { if (!m) return { id: 'medium', width: '200px', icon: '36px', scale: 1 }; // 1. Priority: Manual Selection from Catalog if (m.boyut === 'Büyük') return { id: 'large', width: '240px', icon: '48px', scale: 1.05 }; if (m.boyut === 'Orta') return { id: 'medium', width: '200px', icon: '36px', scale: 1 }; if (m.boyut === 'Küçük') return { id: 'small', width: '160px', icon: '28px', scale: 0.85 }; // 2. Fallback: Smart Keyword Engine const n = (m.adi || '').toLowerCase(); const c = (m.kategori || '').toLowerCase(); if (n.includes('kırma') || n.includes('shredder') || n.includes('ekstrüder') || n.includes('eritm') || n.includes('wash') || n.includes('yıkama') || n.includes('değirmen')) { return { id: 'large', width: '240px', icon: '48px', scale: 1.05 }; } if (n.includes('silo') || n.includes('paket') || n.includes('press') || n.includes('sort') || n.includes('ayrıştırma')) { return { id: 'medium', width: '200px', icon: '36px', scale: 0.95 }; } if (n.includes('bant') || n.includes('conveyor') || c.includes('konveyör') || n.includes('motor') || n.includes('pompa')) { return { id: 'small', width: '160px', icon: '28px', scale: 0.85 }; } return { id: 'medium', width: '200px', icon: '36px', scale: 1 }; }; // --- Smart Icon Engine --- const getMachineIcon = (name, category) => { const n = (name || '').toLowerCase(); const c = (category || '').toLowerCase(); if (n.includes('kırma') || n.includes('shredder')) return '⚡'; if (n.includes('yıkama') || n.includes('wash')) return '⚡ '; if (n.includes('ekstrüder') || n.includes('extruder') || n.includes('eritm')) return '⚡ '; if (n.includes('bant') || n.includes('conveyor') || c.includes('konveyör')) return '⚡'; if (n.includes('silo')) return '⚡ '; if (n.includes('paket') || n.includes('press')) return '⚡ '; if (n.includes('ayrıştırma') || n.includes('sort')) return '⚡ '; if (n.includes('değirmen')) return '⚡ '; return '⚙️'; // Default }; // --- Actions --- const handleAddLine = () => { if (!lineName) return; const newLine = { id: 'line_' + Date.now(), name: lineName, machines: [] }; setLines([...lines, newLine]); setActiveLineId(newLine.id); setLineName(''); }; const addMachineToLine = (machine) => { if (!activeLineId) return; setLines(lines.map(l => { if (l.id === activeLineId) { return { ...l, machines: [...l.machines, { ...machine, instanceId: Date.now() + Math.random() }] }; } return l; })); }; const removeMachineFromLine = (instanceId) => { setLines(lines.map(l => (l.id === activeLineId ? { ...l, machines: l.machines.filter(m => m.instanceId !== instanceId) } : l))); }; const moveMachine = (index, direction) => { if (!activeLineId) return; const active = lines.find(l => l.id === activeLineId); const newMachines = [...active.machines]; const targetIndex = index + direction; if (targetIndex < 0 || targetIndex >= newMachines.length) return; [newMachines[index], newMachines[targetIndex]] = [newMachines[targetIndex], newMachines[index]]; setLines(lines.map(l => (l.id === activeLineId ? { ...l, machines: newMachines } : l))); }; // --- Analytics Logic --- const getAnalytics = (machines) => { if (!machines || machines.length === 0) return { power: 0, speed: 0, bottleneck: null }; const totalPower = machines.reduce((sum, m) => sum + (m.motorGucu || 0), 0); const capacities = machines.map(m => m.kapasite || 0).filter(c => c > 0); const lineSpeed = capacities.length > 0 ? Math.min(...capacities) : 0; const bottleneck = lineSpeed > 0 ? machines.find(m => m.kapasite === lineSpeed) : null; return { power: totalPower, speed: lineSpeed, bottleneck }; }; const analytics = activeLine ? getAnalytics(activeLine.machines) : { power: 0, speed: 0, bottleneck: null }; // --- Render Components --- const MachineCard = ({ machine, index, isBottleneck }) => { const tier = getMachineTier(machine); return (
{isBottleneck && (
DARBOĞAZ
)}
{getMachineIcon(machine.adi, machine.kategori)}
{machine.adi}
KAPASİTE
{machine.kapasite} t/h
GÜÇ
{machine.motorGucu} kW
); }; return (

Üretim Hattı Tasarımcısı

{activeLine ? `Düzenlenen Hat: ${activeLine.name}` : 'Tesis mimarinizi görselleştirin ve verimliliği analiz edin.'}

{!activeLineId ? (
setLineName(e.target.value)} />
) : ( )}
{!activeLineId ? (
{lines.map(line => (
setActiveLineId(line.id)} style={{ padding: '32px', background: '#fff', borderRadius: '2rem', border: '1px solid rgba(0,0,0,0.06)', boxShadow: '0 10px 30px rgba(0,0,0,0.03)', cursor: 'pointer', transition: 'all 0.3s' }} onMouseOver={e => { e.currentTarget.style.borderColor = THEME.accent; e.currentTarget.style.transform = 'translateY(-5px)'; }} onMouseOut={e => { e.currentTarget.style.borderColor = 'rgba(0,0,0,0.06)'; e.currentTarget.style.transform = 'translateY(0)'; }}>
⚡
MAKİNE SAYISI
{line.machines ? line.machines.length : 0} Adet

{line.name}

Son Güncelleme: {new Date().toLocaleDateString('tr-TR')}
))}
) : (
{/* Sidebar: Available Tech */} {/* Designer Canvas */}
{[ { label: 'HAT GÜCÜ', val: analytics.power + ' kW', color: THEME.primary, icon: '⚡' }, { label: 'HAT KAPASİTESİ', val: analytics.speed + ' t/h', color: THEME.accent, icon: '⚡ ' }, { label: 'DARBOĞAZ', val: analytics.bottleneck ? analytics.bottleneck.adi : 'YOK', color: THEME.danger, icon: '⚡ ' }, ].map(stat => (
{stat.icon}
{stat.label}
{stat.val}
))}
{/* Interactive Blueprint Canvas */}
{!activeLine || !activeLine.machines || activeLine.machines.length === 0 ? (
⚡
TASARIM ALANI BOŞ
Makineleri soldan sürükleyin veya tıklayarak hatta ekleyin.
) : ( <> {activeLine.machines.map((m, idx) => { const isBottleneck = analytics.bottleneck && m.instanceId === analytics.bottleneck.instanceId; return (
{/* Compact Directional Arrow (Localized) */} {idx < activeLine.machines.length - 1 && (
→
)}
); })} )}
Tüm değişiklikler otomatik olarak kaydedilir.
)}
); } window.ProductionLineModule = ProductionLineModule;