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últiplas escolhas ,selecionar entre "Frete"diversas ouopções "Fretede Própria";escola
    
  • Fonte de dados: Link API;
• Tipo de Transporte
  • Tipo: Dropdown;
  • Validações:  Obrigatório, Máx.selecionar 4entre caracteres"Frete" eou ano"Frota deve ser maior que 1970;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: Obrigatório,Opcional, selecionarsomente entrenúmeros;
  as
  • Formatação: diversas opções de combustíveis listados;1.23
• Distância Volta
  • Tipo: Numérico decimal;
  • Validações:  Obrigatório,Opcional, Máx.somente 3números;
  caracteres;
  • Formatação: 1.23
• Distância Ociosa
  • Tipo: Numérico decimal;
  • Validações: Obrigatório,Opcional, selecionarsomente entrenúmeros;
  "Automóvel",
  • Formatação: "Micro-ônibus", "Ônibus" ou "Van";1.23

Botão

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

Imagens da Tela