Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

CONTEÚDO

  1. Visão Geral
  2. Exemplo de utilização

01. VISÃO GERAL

As aplicações de cadastro elas irão seguir um padrão para todas as telas, podendo tem mínimas variações de uma pra outra de acordo com recursos que são implementados na tela e devido a complexidade do cadastramento das informações. Caso alguma pagina tenha algum recurso a ser explorado que foge do básico que todas as telas de cadastro terão, estaremos tratando essas peculiaridades na pagina de cada cadastro.

02. EXEMPLO DE UTILIZAÇÃO

As telas de cadastro em sua aba inicial contarão com os seguintes recursos:

  1. Busca rápida
  2. Busca Avançada
  3. Edição de registros
  4. Duplicação de registro
  5. Ordenação de colunas da grid
  6. Movimentação de colunas da grid
  7. Quantidade de registros em base
  8. Botão de cadastro
  9. Carregar mais resultados

No exemplo a seguir podemos ver o esquema geral das telas de cadastro na tela de cadastro de checkouts.

Image Added


Busca Avançada: Este recurso se encontra no canto superior direito da grid com as informações e serve para buscas mais detalhadas e com um nível de assertividade mais refinado, o clicar no busca avançada da tela acima teremos o seguinte resultadoImage Added

Aqui a pesquisa ela consegue filtrar melhor as possibilidades de pesquisa de determinado registro, onde uma vez selecionado os dados basta clicar em pesquisar e os filtros serão aplicados.

Image Added

Os filtros que estão sendo aplicados na tela aparecerão logo acima da grid como na imagem acima e para remover algum filtro basca clicar no X que se encontra em frente ao nome do filtro, no caso do exemplo Nº PDV: 33.


Busca rápida: Assim como o filtro avançado seu objetivo é o de filtrar as informações, porem com menos especificidade. O filtro de busca rápida ele realiza o filtro por parte da informação que se deseja pesquisar, no caso da tela de exemplo caso desejamos buscar por um numero de pdv como no exemplo 33 além de nos trazer os dados do PDV 33 irá trazer tbm todo registro cujo parte da informação receba o numero 33, ou seja caso o campo IP tiver algum IP com parte dele igual a 33 ele irá trazer esta informação.


Edição e Duplicação de registros: A edição de um registro ou a sua duplicação ela é feita diretamente através da gris e para isso bastará selecionar o registro que deseja editar ou duplicar e no canto esquerdo da linha do registro basta clicar nos 3 pontinhos como imagem abaixo:

Image Added

Ao selecionar uma das duas opções uma tela de manutenção do registro será aberta e com isso será possível fazer a edição e ou a duplicação dos registros desejados.


Ordenação de colunas da grid: Para facilitar a ordenação dos dados em tela ao clicarmos no nome da coluna da grid na tela principal do cadastro teremos a possibilidade de ordenar os dados em tela.


Movimentação de colunas da grid: Existe a possibilidade de mudarmos a ordenação das colunas que são apresentadas na grid e para isso basta clicar na engrenagem no canto superior direto da mesma e será apresentada a seguinte opção.

Image Added

este é um recurso que esta presente no po-ui, nosso framework de desenvolvimento.


Quantidade de registros em base : Ao abrirmos a tela ela ira nos apresentar no canto esquerdo da tela no alto, o nome da tela e a quantidade de registros totais encontrados no banco de dados que correspondem a aqueles cadastros

Image Added



Botão de cadastro: O botão de cadastrar como seu próprio nome já evoca ele abre a tela de manutenção do registro na opção de cadastrar um novo dado.


Carregar mais resultados: Logo abaixo da grid temos um grande botão que esta escrito "Carregar mais resultados", por padrão nos carregamos apenas 10 registros por vez em tela, isso para que possamos ter uma melhor performance ao montar o componente da grid em tela, e toda vez que a ação de click dele for disparada ele irá carregar mais 10 registros ate que chegue ao fim dos registros.


Já na tela de manutenção do cadastro teremos as opções:

  1. Salvar
  2. Salvar e novo
  3. Cancelar

O seu visual segue um padrão assim como a tela de visualização de registros que é o seguinte:

Image Added

A única coisa que irá mudar de uma tela de cadastro para a outra são os campos que nela estarão presentes e caso tenha algum cadastro complementar como no caso do cadastro de regras de incentivo, teremos um documento só para dissertar sobre esses casos.

As opções que essa tela tem de opção estão presentes na forma de botões no canto superior direito da tela. suas funções são bem explicitas como o nome do botão que estão vinculadas:

Cancelar: Em casos de cadastro, edição ou duplicação de registro, é possível cancelar essas ações clicando no botão de cancelar, retornando assim para a tela de listagem dos registros.

Salvar e Novo: Esse botão é habilitado após todos os campos que são obrigatório forem preenchidos e da a possibilidade de se criar cadastros sequenciais, como na hipótese de se ter de cadastrar mais de um checkout isso pode ser feito apenas preenchendo do dados e clicando no Salvar e novo que em vez de ser redirecionado pra tela de listagem dos registros será redirecionado novamente pra tela de manutenção de cadastros.

Salvar: Esse botão após os dados preenchido tem como função salvar os dados do registro pra ações de edição, cadastro de novo e duplicação e retornar para a tela de listagem.