Ir para o conteúdo principal

Tela de Pesquisa

Informações Gerais

Descrição: Essa tela tem como objetivo realizar a pesquisa das empresas de transporte cadastrados no sistema, através de filtros como: Situação do Cadastro, CPF / CNPJ, Nome Fantasia, entre outros que serão demonstrados nessa documentação.

URL: Tela de Pesquisa - Empresa de Transporte

Caminho para a tela: Transporte > Cadastros > Empresa de Transporte

Filtros

  • Situação do Cadastro
    • Tipo: Dropdown;
    • Validações: Opcional, Seleção única;
    • Fonte de Dados: Fixo no código do frontend as opções "Ativo" e "Inativo";
  • CPF / CNPJ
    • Tipo: Numérico;
    • Validações: Não obrigatório, Inicialmente a formatação é compatível com CPF xxx.xxx.xxx-xx, ao ultrapassar 11 caracteres, é aplicado a máscara de CNPJ xx.xxx.xxx/xxxx-xx
  • Nome Fantasia
    • Tipo: Texto livre;
    • Validações: Opcional, Max.: 200 caracteres, permite letras, número e caracteres especiais;
  • Razão Social
    • Tipo: Texto livre;
    • Validações: Opcional, Max.: 200 caracteres, permite letras, número e caracteres especiais;
  • Nome
    • Tipo: Texto livre;
    • Validações: Opcional, Max.: 200 caracteres, permite letras, número e caracteres especiais;
    • Regra: Campo inicialmente oculto, irá ser visível ao digitar um CPF e mudar o foco do campo onBlur. 

Botões

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

Tabela de Resultados

  • Nome Fantasia
  • Razão Social/Nome
  • CPF/CNPJ
  • Telefone
  • Situação
  • Ações
    • Editar; 
    • 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

image.png

 

image.png

 

image.png