Ir para o conteúdo principal

Tela de Formulário

Informações Gerais

Descrição: Essa tela tem como objetivo realizar o cadastro de Empresas de Transporte, através de filtros como: Tipo de Cadastro, CNPJ, Razão Social, entre outros que serão demonstrados nessa documentação.

URL: Tela de Formulário - Cadastro de Empresa

Card: EMI-42

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

Campos do Formulário

  • Tipo de Cadastro
    • Tipo: Radio Button;
    • Validações: Obrigatório, Valor padrão: "CNPJ";
    • Regras: Ao selecionar CNPJ, deverá exibir o campo CNPJ, Caso seja selecionado CPF, exibirá o campo CPF.
  • CPF
    • Tipo: Numérico;
    • Validações: Obrigatório, máscara (xxx.xxx.xxx-xx), ao digitar o CPF completo e tirar o foco do campo é feito uma validação, caso exista um CPF registrado, (Link da API da rota de verificação) será exibida uma modal com a mensagem "Essa empresa/pessoa já está cadastrada, deseja editar?" com os botões "Cancelar", que fecha a modal e limpa o campo "CPF" para evitar duplicidade, e "Editar" que abre o registro da pessoa para edição; 
    • Regra: Será visível de acordo com a opção selecionada no campo "Tipo de Cadastro";

image.png

Seção Endereço
  • CEP
    • Tipo: Numérico;
    • Validações: Obrigatório, Mín.: 8 caracteres, formato: xxxxx-xxx
    • Fonte de CombustívelDados: Link API; REVISAR
  • Estado
    • Tipo: Dropdown;
    • Validações:  Obrigatório, Seleção única; Preenchimento automático e bloqueio em caso de CEP válido;
    • Regras: Em caso de CEP inválido, Campo ficará habilitado para preenchimento manual.
    • Fonte de Dados: Link API;
  • Logradouro
    • Tipo: Alfanumérico;
    • Validações: Obrigatório, Máx;: 60 caracteres, Preenchimento automático e bloqueio em caso de CEP válido;
    • Regras: Em caso de CEP inválido, Campo ficará habilitado para preenchimento manual.
  • Número
    • Tipo: Numérico
    • Validações: Obrigatório, Máx.: 7 caracteres, Preenchimento manual;
  • Bairro
    • Tipo: Texto;
    • Validações: Obrigatório, Máx.: 60 caracteres, Preenchimento automático e bloqueio em caso de CEP válido;
    • Regras: Em caso de CEP inválido, Campo ficará habilitado para preenchimento manual.
  • Cidade
    • Tipo: Dropdown;
    • Validações: Obrigatório;rio, Seleção única, Preenchimento automático e bloqueio em caso de CEP válido
    • Regras: Em caso de CEP inválido, Campo ficará habilitado para preenchimento manual, as cidades serão listadas conforme a seleção do estado.
    • Fonte de DadosDados: :Link API;
  • Zona
  • CapacidadeComplemento
    • Tipo: NuméAlfanumérico;
    • Validações:   Obrigatório,Opcional, Máx.: 360 caracteres;
  • Tipo de VeículoLogradouro
    • Tipo: Dropdown;
    • Validações: Obrigatório;rio, Seleção única, Preenchimento automático e bloqueio em caso de CEP válido
    • Regras: Em caso de CEP inválido, Campo ficará habilitado para preenchimento manual;
    • Fonte de Dados:Dados: Link API (tipo="TIPO_VEICULO")API;;
Seção "Documentos do Veículo"
  • Anexos (Componente)
    • Texto descritivo: São permitidos arquivos com tamanho máximo de 10 MB, nas extensões: xls e xlsx (planilha), doc e docx (documento de texto), pptx e ppsx (documento de slideshow) e pdf, png, jpg, jpeg.

Ao final do formulário contém um botão "Salvar" com um ícone de "check", no qual ao clicar deverá realizar a validação do formulário, impedindo de prosseguir caso haja erro em algum campo, e quando estiver sem erros o registro será salvo (Link da API da rota de salvar) e o usuário será redirecionado para a tela de pesquisa.

Imagens da Tela