Tela de Formulário

Informações Gerais

Descrição: Essa tela tem como objetivo realizar o cadastro de Rotas, através dos seguintesfiltrosseguintes 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, selecionar entre "Frete" ou "Frete Própria";
    
• Tipo de Transporte
  • Tipo: Dropdown;
  • Validações:  Obrigatório, Máx. 4 caracteres e ano deve ser maior que 1970;
  • 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: Obrigatório, selecionar entre as diversas opções de combustíveis listados;
• Distância Volta
  • Tipo: Numérico decimal;
  • Validações:  Obrigatório, Máx. 3 caracteres;
• Distância Ociosa
  • Tipo: Numérico decimal;
  • Validações: Obrigatório, selecionar entre "Automóvel", "Micro-ônibus", "Ônibus" ou "Van";

Botão

• Botão "Salvar, com ícone de 'done' no canto esquerdo". 

Imagens da Tela