Árvore de páginas

Versões comparadas

Chave

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

...

Totvs custom tabs box
tabsImplementação,Grid, Modal de Confirmação, Alerta de Status
idsgrid_implementacao,grid_imagem,grid_modal,grid_alert
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

04. MOVIMENTAÇÕES FINANCEIRAS - ENTRADAS E SAÍDAS

Saúde financeira da carteira e lista de títulos.

Disponível a opção de filtros e exportação dos títulos para planilha.

SAÚDE DA CARTEIRA

Totvs custom tabs box
tabsConceito,Imagens
idsentradassaidas_conceito,entradassaidas_imagens
Totvs custom tabs box items
defaultyes
referenciaentradassaidas_conceito

Apresenta o total da carteira em gráfico separado em vencidos e a vencer.

São apresentados os valores aglutinados em períodos para para facilitar a visualização.

Para cada gráfico será apresentado o seu percentual sobre o valor total da carteira.

Totvs custom tabs box items
defaultno
referenciaentradassaidas_imagens

Image Removed

LISTA DE TÍTULOS

Totvs custom tabs box
tabsConceito,Imagens lista,Imagens filtro
idstitulos_conceito,titulos_imagens,titulos_imagens_filtro
Totvs custom tabs box items
defaultyes
referenciatitulos_conceito

Lista de títulos da carteira.

Busca avançada com os principais campos e por status.

Exportação para planilha dos títulos listados com as opções:

  • Dados completos: exporta todos os títulos correspondentes ao filtro aplicado.
  • Somente dados apresentados: exporta os títulos carregados em tela.
Totvs custom tabs box items
defaultno
referenciatitulos_imagens

Image Removed

Totvs custom tabs box items
defaultno
referenciatitulos_imagens_filtro

Image Removed

05. MOVIMENTAÇÕES FINANCEIRAS - SIMULAÇÃO

Simulação de movimentos para avaliar a saúde financeira em períodos.

Possibilita a inclusão de movimentos para simular saldos futuros.

Totvs custom tabs box
tabsConceito,Imagens
idssimulacao_conceito,simulacao_imagens
Totvs custom tabs box items
defaultyes
referenciasimulacao_conceito

Possibilita a inclusão de movimentos e edição para criar saldos futuros para uma rápida análise

Totvs custom tabs box items
defaultno
referenciasimulacao_imagens

Image Removed

HTML
<!-- esconder o menu --> 


<style>
div.theme-default .ia-splitter #main {
    margin-left: 0px;
}
.ia-fixed-sidebar, .ia-splitter-left {
    display: none;
}
#main {
    padding-left: 10px;
    padding-right: 10px;
    overflow-x: hidden;
}

.aui-header-primary .aui-nav,  .aui-page-panel {
    margin-left: 0px !important;
}
.aui-header-primary .aui-nav {
    margin-left: 0px !important;
}
</style>