/* ===== Rastreamento da frota — SIMULADO (na versão real, posições vêm do rastreador do caminhão) ===== */ navItems.splice(navItems.findIndex(i=>i.id==='frota')+1,0,{id:'rastreamento',label:'Rastreamento',short:'Rastreio',icon:'◎',tag:'simulado'}); const LIMITE_VEL=80; // km/h, alerta de excesso (hipótese) const PEDAGIO_KM=0.32; // R$ por km em trecho pedagiado (fictício) /* Estrada aproximada: linha com uma curva no meio, sempre a mesma nos dois sentidos */ function legPoly(a,b){ const [p,q]=[a,b].sort(); const [la1,lo1]=cities[p],[la2,lo2]=cities[q]; const h=[...(p+q)].reduce((s,c)=>s+c.charCodeAt(0),0); const s=h%2?1:-1, k=0.14; const mid=[(la1+la2)/2+s*(lo2-lo1)*k,(lo1+lo2)/2-s*(la2-la1)*k]; const poly=[[la1,lo1],mid,[la2,lo2]]; return p===a?poly:poly.slice().reverse(); } function pointAt(poly,f){ const segs=[]; let tot=0; for(let i=0;i{ const km=dist(leg.from,leg.to), full=km/def.speed*60; let f=0; for(const s of (leg.stops||[])){ segs.push({type:'move',li,f0:f,f1:s.f,dur:full*(s.f-f),km:km*(s.f-f)}); segs.push({type:'stop',li,f:s.f,dur:s.dur,label:s.label}); f=s.f; } segs.push({type:'move',li,f0:f,f1:1,dur:full*(1-f),km:km*(1-f)}); if(leg.dwell) segs.push({type:'dwell',li,city:leg.to,dur:leg.dwell,label:leg.label}); }); return {...def,segs,total:segs.reduce((s,x)=>s+x.dur,0),polys:def.legs.map(l=>legPoly(l.from,l.to))}; } const SIM_PLANS=SIM_DEFS.map(buildPlan); function simState(plan,t,idx){ let tt=t-plan.t0; if(tt<0) return {phase:'wait',pos:cities[plan.legs[0].from],label:plan.wait,key:'wait',speed:0,kmToday:0}; let cycle=0; if(plan.loop){cycle=Math.floor(tt/plan.total); tt=tt%plan.total;} else if(tt>=plan.total){const last=plan.legs[plan.legs.length-1];return {phase:'done',pos:cities[last.to],label:'Na base',key:'done',speed:0,kmToday:plan.segs.reduce((s,x)=>s+(x.km||0),0)};} let km=0; for(let i=0;i{ if(!rate) return; const id=setInterval(()=>setSim(s=>s+rate/60),1000); return ()=>clearInterval(id); },[rate]); const states=useMemo(()=>{ const m={}; SIM_PLANS.forEach((p,i)=>{m[p.id]=simState(p,sim,i);}); fleet.forEach(t=>{ if(!m[t.id]) m[t.id]={phase:t.status==='manutencao'?'manutencao':'base',pos:cities[t.pos]||cities['Barretos'],label:t.status==='manutencao'?t.note:'Na base',speed:0,kmToday:0}; }); return m; },[sim,fleet]); useEffect(()=>{ const ev=[]; SIM_PLANS.forEach(p=>{ const s=states[p.id], old=prev.current[p.id]; if(old&&old!==s.key){ if(s.phase==='dwell') ev.push({t:sim,tone:'info',text:`${p.id} chegou em ${s.leg.to} · ${s.label}`}); if(s.phase==='move'&&s.f<0.05) ev.push({t:sim,tone:'info',text:`${p.id} saiu de ${s.leg.from} rumo a ${s.leg.to}`}); if(s.phase==='stop') ev.push({t:sim,tone:'bad',text:`${p.id} parou fora do previsto entre ${s.leg.from} e ${s.leg.to}`}); if(s.phase==='done') ev.push({t:sim,tone:'info',text:`${p.id} chegou à base`}); } if(s.phase==='move'&&s.speed>LIMITE_VEL&&(lastSpeed.current[p.id]==null||sim-lastSpeed.current[p.id]>30)){ lastSpeed.current[p.id]=sim; ev.push({t:sim,tone:'warn',text:`${p.id} a ${s.speed} km/h entre ${s.leg.from} e ${s.leg.to} (limite ${LIMITE_VEL})`}); } prev.current[p.id]=s.key; }); if(ev.length) setEvents(list=>[...ev.reverse(),...list].slice(0,40)); },[states]); const ids=fleet.map(t=>t.id); const count=(ph)=>ids.filter(id=>ph.includes(states[id].phase)).length; const alerts=events.filter(e=>e.tone!=='info').length; const t=fleet.find(x=>x.id===sel)||fleet[0]; const st=states[t.id]; const plan=SIM_PLANS.find(p=>p.id===t.id); const garage=(bases.find(b=>b.garage)||{city:'Barretos'}).city; let routes=null; if(st&&st.leg){ const km=dist(st.leg.from,st.leg.to); const a={km,min:Math.round(km/62*60),toll:km*PEDAGIO_KM}; const b={km:Math.round(km*1.12),min:Math.round(km*1.12/55*60),toll:0}; a.cost=a.km*CUSTO_KM+a.toll; b.cost=b.km*CUSTO_KM; routes={a,b,best:a.cost<=b.cost?'a':'b'}; } return

FROTA · TEMPO REAL

Rastreamento

Onde cada caminhão está agora, para onde vai e o que foge do previsto.
Relógio simulado {clock(sim/60)}
{[[0,'Pausar'],[1,'Tempo real'],[60,'60×'],[300,'300×']].map(([r,l])=>)}
Simulação. Os caminhões andam por rotas de exemplo, em velocidade acelerada. Na versão real (opção A combinada), as posições virão do rastreador que os caminhões já têm, e esta mesma tela passa a mostrar os dados verdadeiros.
Em movimento{count(['move'])}com sinal ativo
Parados em cliente ou base{count(['dwell','wait'])}entregando ou carregando
Na garagem{count(['base','done'])}+ {count(['manutencao'])} na oficina
Alertas{alerts}velocidade e paradas

Mapa da frota

Clique num caminhão · linha tracejada = trecho em andamento

{[...new Set(SIM_PLANS.flatMap(p=>p.legs.map(l=>[l.from,l.to].sort().join('|'))))].map(k=>{const [a,b]=k.split('|');const pl=legPoly(a,b);return `${MAP_X(lo)},${MAP_Y(la)}`).join(' ')} fill="none" stroke="#d5dce6" strokeWidth="3" strokeLinecap="round"/>;})} {Object.entries(cities).map(([n,[la,lo]])=>560?MAP_X(lo)-6:MAP_X(lo)+6} y={MAP_Y(la)-6} fontSize="11" fill="#7a8597" textAnchor={MAP_X(lo)>560?'end':'start'}>{n})} {bases.map((b,i)=>{const [la,lo]=cities[b.city];const same=bases.filter((x,j)=>j{b.name}{baseLetter[b.kind]||'B'};})} {SIM_PLANS.map(p=>{const s=states[p.id];if(!s.leg||s.phase==='done')return null;const pl=p.polys[p.legs.indexOf(s.leg)];return `${MAP_X(lo)},${MAP_Y(la)}`).join(' ')} fill="none" stroke={phaseColor[s.phase]} strokeOpacity={sel===p.id?0.9:0.35} strokeWidth={sel===p.id?3:2} strokeDasharray="6 5"/>;})} {(()=>{const seen={};return fleet.filter(x=>states[x.id].phase!=='base'&&states[x.id].phase!=='manutencao'||x.id===sel).map(x=>{const s=states[x.id];const [la,lo]=s.pos;const key=`${Math.round(MAP_X(lo))},${Math.round(MAP_Y(la))}`;const k=seen[key]=(seen[key]||0)+1;const cx=MAP_X(lo)+(k-1)*16,cy=MAP_Y(la)+(s.phase==='move'?0:18);const on=sel===x.id;return setSel(x.id)} role="button" tabIndex={0} aria-label={`${x.id}: ${phaseText[s.phase]}`} onKeyDown={e=>{if(e.key==='Enter')setSel(x.id);}}>{`${x.id} · ${phaseText[s.phase]}${s.speed?` · ${s.speed} km/h`:''}`}{on&&}{x.id.replace('TRK-','')};});})()} {[['move','Em movimento',0],['dwell','Parado no cliente/base',112],['stop','Parada não prevista',262],['wait','Aguardando saída',400]].map(([k,l,x])=>{l})}

{t.id} · {t.plate}

{t.driver} · {fmt(t.cap)} L

{phaseText[st.phase]}

VelocidadeLIMITE_VEL?'bad-num':''}>{st.speed} km/h

{st.phase==='move'?'Próximo destino':'Local'}{st.leg?(st.phase==='move'?st.leg.to:(st.phase==='stop'?`Entre ${st.leg.from} e ${st.leg.to}`:st.leg.to)):(t.pos||garage)}

{st.phase==='move'?'Chegada prevista':'Situação'}{st.phase==='move'?clock(st.eta/60):(st.left?`mais ~${Math.round(st.left)} min`:st.label||'—')}

Km rodados hoje{fmt(Math.round(st.kmToday||0))} km

{st.label}{st.phase==='move'?` · faltam ${Math.round(st.kmLeft)} km`:''}

Sinal GPS simulado · última posição {clock(sim/60)}

{routes&&

Rota sugerida para este trecho

{[['a','Mais rápida (com pedágio)',routes.a],['b','Sem pedágio',routes.b]].map(([k,l,r])=>
{l}{routes.best===k&&Recomendada}

{r.km} km · {r.min} min · pedágio {r.toll?brl2(r.toll):'R$ 0'}

Custo do trecho: {brl(r.cost)}
)}

Simulação: {routes.best==='a'?'neste trecho, desviar do pedágio roda mais km e sai mais caro':'neste trecho, evitar o pedágio compensa'}. Na versão real, rotas, pedágios, trânsito e obras virão de um serviço de mapas (ex.: Google Routes, que é pago por uso).

} {!plan&&

Caminhão sem viagem simulada agora.

}

Ocorrências

Geradas automaticamente pelo rastreamento

    {events.map((e,i)=>
  • {clock(e.t/60)}

    {e.text}

    • )}

Aprendizado por trecho

Tempo planejado × tempo real médio · histórico fictício

{TRECHOS.map(r=>{const plan=Math.round(dist(r.a,r.b)/VEL_MEDIA*60);const d=r.real-plan;const max=80;return
{r.a} → {r.b}{r.n} viagens
{plan} min planejado
5?'late':'ok'} style={{width:`${r.real/max*100}%`}}/>{r.real} min real
5?'bad-num':'ok-num'}>{d>0?'+':''}{d} min
;})}

Com o rastreador real, esta tabela se monta sozinha a cada viagem. A sugestão de caminhão passa a usar o tempo real de cada trecho em vez da média de {VEL_MEDIA} km/h.

; }