Linha Microsiga Protheus

Árvore de páginas

Versões comparadas

Versão antiga 7

changes.mady.by.user Joao Victor Pires Almeida Campos

Gravado em

comparado com

Nova versão 8

changes.mady.by.user Joao Victor Pires Almeida Campos

Gravado em

Chave

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

...

Solução que possibilita o usuário filtrar os resultados dos registros apresentados na lista de lançamentos contábeis/lançamentos de origem. 

Totvs custom tabs box
tabsImplementação,Imagens
idsfiltros_implementacao,filtros_imagens
Totvs custom tabs box items
defaultyes
referenciafiltros_implementacao
Totvs custom tabs box items
defaultyes
referenciafiltros_implementacao

Front-End:

Os campos do filtro serão construídos com o componente DynamicForm do PO UI. Será necessário chamar duas APIs no momento do carregamento da tela: a API que salva os filtros do usuário e uma outra API que recupera os filtros já salvos.

Back-End:

Será necessário uma API para salvar os filtros do usuário e uma outra API para recuperar o filtro já salvo.

Para que o filtro que o usuário realizou reflita nos grids, o front vai chamar as APIs que trazem as informações dos grids passando os valores dos filtros como query strings, assim a API vai saber o que filtrar na hora de trazer o resultado.

Totvs custom tabs box items
defaultno
referenciafiltros_imagens

...

Totvs custom tabs box
tabsImplementação,Grid, Modal de Confirmação, Alerta de Status
idsgrid_implementacao,grid_imagem,grid_modal,grid_alert
Apresenta os lançamentos contábeis e os lançamentos da origem baseados nos filtros que o cliente selecionou.Apresenta os lançamentos contábeis e os lançamentos da origem baseados nos filtros que o cliente selecionou.
Totvs custom tabs box items
defaultyes
referenciagrid_implementacao

Front-end:

A tabela será construída com o componente Table do PO UI. Na aba Exemplos já existe um exemplo de como construir a tabela no mesmo modelo que o especificado.

Como citado na seção de filtros, é necessário o front passar uma query string com os filtros selecionados na chamada desses endpoints para que eles realizem o filtro de registros ao buscar no banco de dados.

No final de cada linha, teremos um botão "..." que conterá mais ações que o usuário poderá realizar com o registro selecionado, como Edição, Exclusão, Impressão, etc (as ações citadas estão pendentes de um protótipo de alta fidelidade no Figma com as telas das ações).

Após clicar no botão "Conciliar", um modal (aba 3) será exibido para que o usuário confirme sua ação. O modal será construído com o componente Modal do PO UI. Depois da confirmação do usuário, o sistema irá exibir um alerta para o usuário informando o usuário sobre o resultado da ação (aba 4). O alerta será construído com o Interceptor do PO UI, em conjunto com o back-end.

Back-end:

Serão necessárias cinco APIs:

  • API que traz os lançamentos da contabilidade
  • API que traz os lançamentos da conta bancária.
  • API que efetua a exclusão de registros contábeis.
  • API que edita os registros contábeis.
  • API que salva a conciliação dos registros.

Também é necessário que o back-end retorne a propriedade _messages no objeto de retorno nas APIs de exclusão, edição e salvamento da conciliação de registros, como explicado detalhadamente nesta página do PO UI. Resumindo, essa propriedade serve para que o front-end exiba as mensagens de alerta conforme o status da requisição.

Totvs custom tabs box items
defaultno
referenciagrid_imagem

Totvs custom tabs box items
defaultno
referenciagrid_modal

Totvs custom tabs box items
defaultno
referenciagrid_alert

...