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á iniciar com o campo CNPJ , Caso seja selecionado CPF, será alterado o campo para o mesmo.
• 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";

• CNPJ
  • Tipo: Numérico;
  • Validações: Obrigatório, máscara (xx.xxx.xxx/xxxx-xx), ao digitar o CNPJ completo e tirar o foco do campo é feito uma validação, caso exista uma empresa registrada, (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 "Razão Social" para evitar duplicidade, e "Editar" que abre o registro da empresa para edição; 
• Razão Social
  • Tipo: Texto livre;
  • Validações: Obrigatório, Máx.: 200 caracteres; ao digitar uma Razão social que já se encontra vinculada a uma empresa, é feito uma validação, caso exista uma empresa com essa razão registrada, (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 "CNPJ" para evitar duplicidade, e "Editar" que abre o registro da empresa para edição; 
• Nome Fantasia
  • Tipo: Texto livre;
  • Validações: Obrigatório, Máx.: 200 caracteres;
• Telefone
  • Tipo: Numérico;
  • Validações: Obrigatório, Mín.: 10 caracteres, formato: (xx) xxxxx-xxxx;
• Contato
  • Tipo: Alfanumérico;
  • Validações:  Opcional, Máx. 60 caracteres;
• E-mail
  • Tipo: E-mail;
  • Validações: Opcional, Máx:. 60 caracteres;
• Aceita SMS
  • Tipo: Radio Button.
  • Validações: Opcional, Valor padrão "Sim";
• Whatsapp
  • Tipo: Radio Button
  • Validações: Opcional, Valor Padrão "Sim";

Seção Endereço

• CEP
  • Tipo: Numérico;
  • Validações: Obrigatório, Mín.: 8 caracteres, formato: xxxxx-xxx
  • Fonte de Dados: 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, 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 Dados: Link API;
• Zona
  • Tipo: Dropdown;
  • Validações: Obrigatório, Seleção única, Preenchimento manual, valor padrão: "URBANA";
  • Fonte de Dados: Link API (tipo="ZONA_RESIDENCIAL");
• Complemento
  • Tipo: Alfanumérico;
  • Validações: Opcional, Máx.: 60 caracteres;
• Tipo Logradouro
  • 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;

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 ---- revisar) e o usuário será redirecionado para a tela de pesquisa.

Imagens da Tela