Ir para o conteúdo principal

Tela de Pesquisa

Informações Gerais

Descrição: Essa tela tem como objetivo realizar a pesquisa dos veículos cadastrados no sistema, através de filtros como: Situação do Cadastro, Placa, Marca, entre outros que serão demonstrados nessa documentação.

URL: Tela de Pesquisa - Veículos

Caminho para a tela: Transporte > Cadastros > Veículos

Filtros

  • Situação do Cadastro
    • Tipo: Dropdown;
    • Validações: Não obrigatório;
    • Fonte de Dados: Fixo no código do front-end as opções "Ativo" e "Inativo";
  • Placa
    • Tipo: Alfanumérico;
    • Validações: Não obrigatório, máx. 7 caracteres com máscara para veículos (três primeiros caracteres devem permitir apenas letras, o 5° caractere deve permitir letras e números, e os demais apenas números, e se o 5° caractere for um número deverá inserir um traço (-) entre o 3° e o 4° caractere);
  • Marca
    • Tipo: Dropdown;
    • Validações: Não obrigatório;
    • Fonte de Dados: Link API
  • Modelo
    • Tipo: Alfanumérico;
    • Validações:  Não obrigatório, Máx. 200 caracteres;
  • Tipo de Frota
    • Tipo: Dropdown;
  • Combustível

Botões

  • Botão "+ Novo Cadastro";
  • Botão "Buscar" com ícone de lupa no canto esquerdo;

Tabela de Resultados

  • Placa
  • Marca | Modelo
  • Ano de Fabricação
  • Frota
  • Tipo de Combustível
  • Situação
  • Ações
    • Editar;
    • Excluir;
      • Regras: Ao clicar no botão, será exibido um popup de confirmação com a mensagem "Você realmente deseja excluir esse registro?", e só irá excluir ao clicar em "Sim":
      • image.png
    • Ativar/Inativar registro;
      • Regras: Quando o status do registro for "Ativo", o ícone a ser exibido deve ser o do cadeado trancado com fundo vermelho, e quando for "Inativo" será o do cadeado destrancado com fundo verde, representando a ação a ser realizada. Ao clicar no botão, será exibido um popup de confirmação com a mensagem "Você realmente deseja bloquear (ou desbloquear, dependendo do status) este registro?", e ao clicar em "Sim" o popup será ocultado e irá realizar a ação informada:
      • image.png
      • image.png

Imagens da Tela

123.png

12345.png