Tela de Formulário

Informações Gerais

Descrição: Essa tela tem como objetivo realizar o cadastro de Rotas, através dos seguintes filtros como: Ano, Cor, Escola | Instituição, entre outros que serão demonstrados nessa documentação.

URL: Tela de Formulário - Cadastro de Rota

Caminho para a tela: Transporte > Cadastros > Rota

Filtros

• Ano
  • Tipo: Numérico;
    
  • Valor Padrão: Ano atual
  • Validações: Obrigatório, Máx. 4 caracteres e ano deve ser maior que 1970;
    
• Descrição
  • Tipo: Alfanumérico;
  • Validações: Obrigatório.
    
• Escola | Instituição
  • Tipo: Dropdown;
  • Validações:  Obrigatório, Múltipla escolha ,selecionar entre diversas opções de escola
    
  • Fonte de dados: Link API;
• Tipo de Transporte
  • Tipo: Dropdown;
  • Validações: Obrigatório, selecionar entre "Frete" ou "Frota Própria";
  • Fonte de dados: Link API;
• Cor
  • Tipo: Color picker (seletor de cores);
  • Validações: Cor escolhida automaticamente de forma aleatória ao entrar na tela, com opção do usuário alterar.";

Seção "Rota Inicial"

• UF
  • Tipo: Dropdown;

  • Validações: Opcional, selecionar entre as diversas opções de Unidades Federais listadas;

  • Fonte de dados: Link API; 
• Cidade
  • Tipo: Dropdown;
  • Validações: Opcional, selecionar entre as diversas opções de cidades listadas conforme a UF escolhida;
  • Fonte de dados: Link API;
• Bairro
  • Tipo: Dropdown;
  • Validações: Opcional, selecionar entre as diversas opções de bairros listados conforme a cidade escolhida;
  • Fonte de dados: Link API;

Seção "Rota Final"

• UF
  • Tipo: Dropdown;
  • Validações: Obrigatório, selecionar entre as diversas opções de Unidades Federais listadas;
  • Fonte de dados: Link API; 
• Cidade
  • Tipo: Dropdown;
  • Validações: Opcional, selecionar entre as diversas opções de cidades listadas conforme a UF escolhida;
  • Fonte de dados: Link API;
• Bairro
  • Tipo: Dropdown;
  • Validações: Opcional, selecionar entre as diversas opções de bairros listados conforme a cidade escolhida;
  • Fonte de dados:  Link API;
• Distância Ida
  • Tipo: Numérico decimal;
  • Validações: Opcional, somente números;
  • Formatação: 1.23
• Distância Volta
  • Tipo: Numérico decimal;
  • Validações:  Opcional, somente números;
  • Formatação: 1.23
• Distância Ociosa
  • Tipo: Numérico decimal;
  • Validações: Opcional, somente números;
  • Formatação: 1.23

Botão

• Botão "Salvar, com ícone de 'done' no canto esquerdo". 
  • Rota de salvar: Link API -- revisar;

Imagens da Tela