Dashboard de Logística
O Dashboard de Logística é uma visão de tela cheia projetada para quem precisa monitorar muitas entregas ao mesmo tempo. Diferente do Rastreamento padrão, o mapa ocupa a maior parte da tela e o painel lateral mostra os pedidos de forma resumida com o ETA em destaque.
Onde encontrar
Menu lateral → Operações → Logística (ícone de rota).
Visão geral da tela
┌──────────────────────────────┬──────────────────────┐
│ │ [● Ao Vivo][▶ Demo] │
│ │ 10 entregas ativas │
│ │ │
│ MAPA (70%) │ 📍 #0001 Rafael │
│ │ Perdizes ~12min │
│ │ [● Em Entrega] │
│ │ │
│ │ ▼ FILIAIS (3) │
│ │ ★ Pinheiros HQ │
└──────────────────────────────┴──────────────────────┘- Mapa (esquerda, 70%) — mapa completo com filiais agrupadas e entregadores em movimento.
- Painel (direita, 30%) — toggle de modo, lista de pedidos com ETA, lista de filiais recolhível.
Filiais no mapa
Suas filiais aparecem como marcadores dourados com ícone de casa:
- Quando estão próximas, são agrupadas em um círculo com o número de filiais dentro.
- Clique no grupo para aproximar e ver cada filial separada.
- Passe o mouse sobre uma filial para ver o nome.
- A filial HQ tem um
★no marcador.
O mapa centraliza automaticamente na sua filial principal ao abrir.
Entregadores no mapa
Cada entregador ativo aparece como um ponto dourado com seta. A seta aponta na direção que o entregador está se movendo.
Os pontos se movem suavemente — o sistema filtra "saltos" de GPS em áreas urbanas para evitar que os marcadores fiquem pulando.
Ver a rota de um pedido
Por padrão, nenhuma rota é desenhada para não poluir o mapa com muitas linhas.
Para ver a rota:
- Clique em um card de pedido no painel lateral.
- A rota aparece no mapa ligando a filial de origem até o endereço do cliente.
- Um popup aparece sobre o entregador com o ETA atualizado.
Clique novamente no card para deselecionar e limpar a rota.
Cards de pedido
Cada pedido no painel lateral mostra:
| Campo | Descrição |
|---|---|
| #Número | Número do pedido (ex: #20260427-0001) |
| Origem | Plataforma (iFood, UberEats, Rappi, interno) |
| Nome | Cliente / entregador |
| Bairro | Destino da entrega |
| Status | Badge colorido |
| ETA | Tempo estimado em minutos (ex: ~12 min) |
O ETA usa a cor do status:
- 🟡 Dourado → em trânsito
- 🟢 Verde → chegando
- 🔴 Vermelho → atrasado
Toggle Ao Vivo / Demo
No topo do painel lateral:
● Ao Vivo — dados reais dos seus entregadores em tempo real.
▶ Demo — ativa 10 entregas simuladas que partem das suas filiais cadastradas. Ideal para:
- Mostrar o sistema para novos colaboradores
- Demonstrar para franqueados
- Testar o visual sem precisar de entregas ativas
No modo Demo, os pedidos "atrasados" ficam quase parados, os "próximos ao destino" aceleram — o comportamento é realista.
Diferença entre Logística e Rastreamento
| Logística | Rastreamento | |
|---|---|---|
| Layout | Tela cheia, mapa grande | Layout padrão com cabeçalho |
| Ideal para | Acompanhamento ao vivo sem distrações | Análise com filtros detalhados |
| Sidebar | Cards compactos com ETA | Tabela com colunas |
| Filtro de status | Dentro do painel lateral | Chips no cabeçalho |
Use o Logística quando precisar de visibilidade máxima do mapa. Use o Rastreamento quando precisar filtrar pedidos por status ou ver detalhes tabulares.
Dúvidas frequentes
O mapa abre em São Paulo, mas meu restaurante é em outra cidade. Cadastre as coordenadas GPS da sua filial em Filiais & Terminais → editar filial. O mapa centralizará automaticamente.
Os entregadores não aparecem no mapa. Verifique se o entregador está usando o app com rastreamento ativo e se o pedido está com status "Em Entrega".
A rota não aparece ao clicar no pedido. A rota requer conexão com a Mapbox. Se VITE_MAPBOX_TOKEN não estiver configurado, apenas os pontos dos entregadores serão exibidos.