Pular para o conteúdo
Componentes

Aplicações e produtividade · Exclusivo THM

Canteiro

Cronograma de barras que você arrasta para mudar datas, com setas entre as tarefas e o caminho crítico em vermelho.

Em resumo

Canteiro é um componente exclusivo do THM Componentes que mostra o cronograma de um projeto em barras arrastáveis: mover ou esticar uma tarefa encaixa nos dias úteis, empurra as tarefas que dependem dela e recalcula o caminho crítico, destacado em vermelho. Tem fases recolhíveis, marcos, linha de hoje, escala de dias a meses, desfazer e teclado completo.

Canteiro: Cronograma de barras que você arrasta para mudar datas, com setas entre as tarefas e o caminho crítico em vermelho.
Captura da demonstração no catálogo

Como ele é

À esquerda fica a lista de tarefas, agrupadas em fases que abrem e fecham, com a duração de cada uma; à direita, a linha do tempo com uma barra por tarefa. As barras são claras, com contorno na cor de destaque, e se preenchem conforme o progresso, com a porcentagem dentro e o responsável ao lado. Setas ligam o fim de uma tarefa ao começo da seguinte; se uma regra é quebrada, a seta fica vermelha e tracejada. Tarefas do caminho crítico ficam em vermelho, marcos aparecem como losangos e uma linha tracejada azul marca o dia de hoje.

Você pode estar procurando isto se pediu algo assim

  • cronograma de projeto com barras que eu arrasto para mudar a data
  • gráfico de Gantt no navegador, tipo MS Project, dentro do meu sistema
  • mostrar as etapas da implantação com prazos e dependências
  • quando uma tarefa atrasa, as seguintes andam junto sozinhas
  • ver o caminho crítico do projeto destacado na tela
  • linha do tempo de obra com fases, marcos e a data de hoje
  • cronograma que pula o fim de semana quando arrasto a tarefa

Também chamado de

  • gráfico de Gantt
  • Gantt chart
  • cronograma de projeto
  • project timeline
  • caminho crítico
  • critical path
  • linha do tempo de projeto

Quando usar

  • Implantações de sistemas, com fases, marcos e dependências entre equipes
  • Obras e projetos públicos que precisam mostrar prazos e caminho crítico
  • Planos de ação em ERPs e em painéis de gestão de projetos
  • Propostas e relatórios em que o cliente precisa ver o cronograma e mexer nele

Quando evitar

  • Calendários com feriados ou jornadas fora de segunda a sexta, que o encaixe por dia útil não considera
  • Listas de tarefas sem datas, em que um quadro kanban resolve melhor
  • Celular como tela principal, já que o cronograma precisa de largura para as barras

Como pedir para a sua IA

Pedido de exemplo
Adicione um gráfico de Gantt ao módulo de projetos do meu sistema: barras arrastáveis com encaixe em dias úteis, dependências fim-início em setas, reprogramação automática das tarefas seguintes, caminho crítico destacado, fases recolhíveis, desfazer e edição completa pelo teclado.

Com o THM Componentes, você cola o prompt completo do catálogo, que já traz o código-fonte deste componente, e a IA reproduz este efeito exato em vez de improvisar.

Perguntas sobre Canteiro

Canteiro recalcula as datas quando uma tarefa atrasa?

Sim. Com autoSchedule ligado, mover ou esticar uma tarefa em Canteiro empurra todas as sucessoras e impede que alguma comece antes do fim das predecessoras. O caminho crítico é recalculado nas datas novas, e o evento taskChange informa a tarefa alterada e a lista das que foram empurradas.

Dá para usar Canteiro só pelo teclado?

Dá. Em Canteiro, as setas percorrem a lista de tarefas e abrem ou fecham fases, Alt com as setas move a tarefa um dia útil, Alt e Shift com as setas mudam a duração, mais e menos trocam a escala e Ctrl+Z desfaz. Cada mudança é anunciada a leitores de tela.

Como ligo Canteiro às tarefas do meu sistema?

Pelo v-model: cada tarefa tem id, nome, início, fim, progresso, fase, marco, dependências e responsável. Canteiro corrige ids repetidos e datas inválidas, emite taskChange, taskClick, taskOpen e toggle, e expõe métodos como scrollToToday, getCriticalPath e getSlack para o seu código.

Aplicações e produtividade

Componentes relacionados

Deixe a sua IA com repertório de estúdio

268 componentes Vue e Nuxt, 115 exclusivos, prompt pronto em todos. Pagamento único, acesso vitalício e 7 dias de garantia.