O guia rápido “Redesign e refatoração de tabelas – Contas a pagar e Contas a receber” está dividido nas seguintes seções:
O que mudou nas telas de contas a pagar e contas a receber?
As telas de Contas a pagar e Contas a receber passaram por melhorias visuais e de organização.
As principais mudanças são:
- a tabela ficou mais organizada;
- algumas informações importantes ganharam mais destaque;
- os valores totais agora aparecem em cards acima da tabela;
- o usuário pode escolher quais colunas deseja visualizar;
- as preferências de colunas ficam salvas no navegador;
- os ícones foram padronizados;
- os status passaram a usar cores e formatos diferentes;
- a exportação considera somente as colunas visíveis;
- o menu de ações foi reorganizado;
- a visualização em telas menores ficou mais adequada.
Essas mudanças ajudam o usuário a encontrar informações com mais facilidade e tornam a tela mais agradável para o uso no dia a dia.
Veja abaixo uma imagem da tela de contas a receber:
Como funcionam as abas da listagem?
As telas continuam organizadas por abas de status.
As principais abas são:
- Todas
- Pendentes
- Em dia
- Atrasadas
- Reprogramadas
- Baixadas
Cada aba mostra as contas de acordo com sua situação.
Por exemplo:
- a aba Pendentes mostra contas que ainda possuem saldo em aberto;
- a aba Baixadas mostra contas que já foram finalizadas;
- a aba Atrasadas mostra contas vencidas;
- a aba Reprogramadas mostra contas vencidas que possuem uma nova data de agendamento.
A ordenação das contas também muda conforme a aba selecionada.
Nas abas de contas em aberto, o sistema prioriza a data de vencimento ou agendamento. Já na aba de contas baixadas, o sistema prioriza a data da baixa.
Veja abaixo uma imagem com as abas em destaque na tela de contas a receber:
Como funcionam os cards de valores totais?
Uma das principais mudanças é a exibição dos valores totais em formato de cards.
Antes, os totais eram exibidos em uma linha da própria tabela. Agora, eles aparecem acima da listagem, facilitando a leitura.
Na tela de "Contas a pagar", os cards exibem:
- Valor a pagar
- Valor a pagar agendado
- Valor pago
- Saldo a pagar
Na tela de "Contas a receber", os cards exibem:
- Valor a receber
- Valor a receber agendado
- Valor recebido
- Saldo a receber
Veja um exemplo de cards na tela de Contas a pagar:
- Valor a pagar: R$ 10.948.823,52
- Valor a pagar agendado: R$ 10.948.823,52
- Valor pago: R$ 830.009,54
- Saldo a pagar: R$ 8.951.491,34
Veja abaixo uma imagem dos cards em destaque na tela de contas a pagar:
Quando os valores dos cards são atualizados?
Os valores dos cards são atualizados automaticamente conforme o usuário interage com a tela.
Eles mudam quando o usuário:
- aplica filtros
- troca de aba
- marca contas usando as caixas de seleção
- remove filtros
- atualiza a listagem
Por exemplo, se o usuário filtrar apenas contas de um determinado fornecedor, os cards passam a mostrar os totais apenas das contas desse fornecedor.
Se depois disso o usuário marcar duas contas específicas na tabela, os cards passam a mostrar os valores apenas dessas contas selecionadas.
Isso ajuda o usuário a acompanhar os totais de forma mais clara, sem precisar calcular manualmente.
Veja abaixo uma imagem da tela de contas a pagar com filtros aplicados:
Os cards aparecem mesmo se eu ocultar colunas?
Sim.
Os cards de valores totais não dependem das colunas visíveis na tabela.
Mesmo que o usuário oculte colunas como Valor pago, Valor recebido, Saldo a pagar ou Saldo a receber, os cards continuam aparecendo e sendo atualizados normalmente.
Veja abaixo uma imagem da tela contas a pagar com todas as colunas opcionais ocultadas:
Como personalizar as colunas da tabela?
As novas telas permitem que o usuário escolha quais colunas deseja visualizar.
Para isso, é exibido o botão "Exibição de colunas" na própria tela.
Veja uma imagem do botão "Exibição de colunas" em destaque:
Ao clicar nesse botão, o usuário pode ativar ou desativar algumas colunas da listagem.
Essa escolha fica salva no navegador. Assim, quando o usuário acessar a tela novamente no mesmo computador e navegador, o sistema mantém a configuração escolhida.
Importante: algumas colunas são consideradas essenciais e não podem ser ocultadas.
Veja abaixo uma imagem da tela contas a pagar com todas as colunas opcionais ocultadas:
Quais colunas não podem ser ocultadas?
Algumas informações são fundamentais para identificar e acompanhar uma conta. Por isso, elas permanecem sempre visíveis.
Na tela de "Contas a pagar", não podem ser ocultadas:
- Código;
- Valor a pagar;
- Vencimento;
- Status;
- Pessoa;
- Descrição do lançamento;
- ícone de anexo;
- ícone de mapa de relações;
- status da aprovação de pagamento, quando essa funcionalidade estiver ativa.
Na tela de "Contas a receber", não podem ser ocultadas:
- Código;
- Valor a receber;
- Vencimento;
- Status;
- Pessoa;
- Descrição do lançamento;
- ícone de anexo;
- ícone de mapa de relações.
Quais colunas aparecem na tela de Contas a pagar?
A tela de "Contas a pagar" o sistema pode exibir as seguintes informações:
- Código
- Tipo
- Classificação
- Centro de custo
- Valor a pagar
- Valor contábil
- Vencimento
- Empresa
- Conta bancária
- Forma de pagamento
- Status
- Status da aprovação de pagamento
- Pessoa
- Descrição do lançamento
- NF-e de origem
- Competência
- Valor agendado
- Data de agendamento
- Valor pago
- Pagamentos
- Status do pagamento via EDI
- Saldo a pagar
- Data da baixa
- Comentários
- Pedido de compra
- Projetos
- Anexos
- Mapa de relações
Nem todas essas colunas aparecem por padrão. Algumas ficam ocultas inicialmente para manter a tela mais limpa, mas podem ser ativadas pelo usuário no botão "Exibição de colunas".
Quais colunas aparecem na tela de Contas a receber?
A tela de "Contas a receber" o sistema pode exibir as seguintes informações:
- Código
- Tipo
- Classificação
- Centro de custo
- Valor a receber
- Valor contábil
- Vencimento
- Empresa
- Conta bancária
- Forma de pagamento
- Status
- Pessoa
- Descrição do lançamento
- Competência
- NF-e de origem
- Duplicatas
- Valor agendado
- Data de agendamento
- Valor recebido
- Recebimentos
- Saldo a receber
- Data da baixa
- Comentários
- Nosso número sequencial
- Nosso número do boleto bancário
- Projetos
- Anexos
- Mapa de relações
Assim como em Contas a pagar, algumas colunas ficam ocultas por padrão e podem ser ativadas pelo usuário quando necessário.
Como funciona a exportação de dados?
As telas permitem exportar os dados da listagem nos seguintes formatos:
- CSV
- Excel
A exportação considera somente as colunas que estiverem visíveis na tela.
Por exemplo, se o usuário ocultar a coluna "Comentários", essa coluna não é enviada para o arquivo exportado.
Os botões de exportação ficam na parte superior da tabela, ao lado do botão "Exibição de colunas".
Veja abaixo uma imagem da tela de contas a pagar com o ícone de exportação em destaque:
Qual é o nome dos arquivos exportados?
Na tela de "Contas a pagar", os arquivos exportados seguem o padrão "Contas a Pagar - dia-mês-ano hora-minuto".
Por exemplo: Contas a Pagar - 24-06-2026 15-30.xlsx
Na tela de "Contas a receber", os arquivos exportados seguem o padrão "Contas a Receber - dia-mês-ano hora-minuto".
Por exemplo: Contas a Receber - 24-06-2026 15-30.pdf
Veja abaixo uma imagem de um arquivo exportado da tela contas a pagar:
Como funcionam os novos ícones e cores?
As telas receberam melhorias nos ícones e nas cores para facilitar a identificação das informações.
Além de deixar a tela mais moderna, essa mudança melhora a acessibilidade, porque os status não são diferenciados apenas por cor.
Agora, os status usam cores e formatos diferentes.
Status das contas
As contas podem aparecer com os seguintes indicadores:
| Status | Como será identificado |
|---|---|
| Em dia | ícone quadrado verde |
| Atrasada | ícone em formato de losango vermelho |
| Reprogramada | ícone em formato de triângulo amarelo |
| Baixada | ícone circular azul |
Esses mesmos ícones também aparecem nas abas, ajudando o usuário a entender o significado de cada status.
Veja abaixo uma imagem da tela contas a pagar com o ícone referente a um status em destauqe:
Como funciona a cor do vencimento?
A coluna "Vencimento" passa a exibir a data em uma etiqueta colorida.
A cor indica a situação da conta em relação ao vencimento.
| Situação | Cor da etiqueta |
|---|---|
| Conta baixada | Cinza |
| Conta em dia | Verde |
| Conta próxima do vencimento | Amarela |
| Conta vencendo hoje | Laranja |
| Conta atrasada | Vermelha |
| Conta reprogramada | Roxa |
Ao passar o mouse sobre a etiqueta, o sistema mostra uma explicação sobre aquela situação.
Por exemplo, uma conta com vencimento hoje pode exibir a etiqueta laranja com a informação “Vence hoje”.
Veja abaixo uma imagem de uma etiqueta ao passar o mouse sobre a coluna "Vencimento":
O que muda na coluna de anexos?
A coluna de anexos continua existindo e não pode ser removida da tela.
Ela permite identificar e acessar arquivos vinculados à conta.
O ícone foi atualizado para seguir o mesmo padrão visual dos demais ícones do sistema.
Veja abaixo uma imagem da coluna de anexos em destaque:
O que é o mapa de relações?
O mapa de relações permite acessar a linha do tempo de vínculos da conta dentro do sistema.
Essa opção fica em uma coluna própria, com um ícone específico.
Com isso, o usuário consegue acessar as relações da conta de forma mais rápida e organizada.
Veja abaixo uma imagem da coluna de mapa de relações em destaque:
O que muda na NF-e de origem?
A coluna "NF-e de origem" ficou mais limpa.
Antes, a coluna podia exibir mais de um ícone. Agora, o sistema reduz a quantidade de ícones para facilitar a leitura.
O status da NF-e continua aparecendo em texto, quando existir.
O ícone principal da coluna é usado para abrir ou consultar a NF-e de origem.
Veja abaixo uma imagem da coluna de NF-e em destaque:
O que muda em Classificação e Centro de custo?
Quando uma conta possuir mais de uma classificação ou mais de um centro de custo, o sistema exibe um ícone ao lado da informação.
Ao passar o mouse sobre esse ícone, o usuário consegue ver o detalhamento do rateio, com as classificações e seus respectivos valores.
Isso facilita a conferência de contas que foram distribuídas entre mais de uma classificação financeira ou centro de custo.
Veja abaixo uma imagem de uma conta a receber com múltiplas classificações e centros de custo:
O que é o procedimento de pagamento?
Em "Contas a pagar", algumas classificações financeiras podem ter orientações específicas para pagamento.
Quando existir um procedimento cadastrado para a classificação, o sistema exibe um ícone informativo.
Ao passar o mouse sobre esse ícone, o usuário pode consultar a orientação de pagamento.
Se não houver procedimento cadastrado, o ícone não é exibido.
Isso evita informações desnecessárias na tela e destaca apenas as contas que realmente precisam de atenção especial.
Veja abaixo uma imagem de uma conta a pagar com procedimento de pagamento em destaque:
O que muda na aprovação de pagamento?
Quando a empresa utiliza aprovação de pagamento em "Contas a pagar", a tela passa a exibir uma coluna própria para essa informação.
Essa coluna pode mostrar, por exemplo:
- Aguardando aprovação
- Aprovado
- Conta renegociada
Essa informação fica separada do status da conta.
Assim, o usuário consegue diferenciar melhor duas situações:
- o status financeiro da conta, como pendente, atrasada ou baixada;
- o status da aprovação do pagamento.
Quando a aprovação de pagamento não estiver habilitada, essa coluna não aparece.
Veja abaixo uma imagem da coluna "Status da aprovação" em destaque:
O que muda na coluna Duplicatas em Contas a receber?
Na tela de "Contas a receber", a informação de duplicatas passa a ter uma coluna própria.
Essa coluna indica a situação da duplicata vinculada à conta.
Os possíveis indicadores são:
| Situação | Significado |
|---|---|
| Em cobrança | duplicata em processo de cobrança |
| Aguardando confirmação | duplicata aguardando confirmação |
| Liquidado | duplicata liquidada |
Ao passar o mouse sobre o ícone, o sistema mostra a explicação da situação.
Veja abaixo uma imagem da coluna "duplicata" em destaque:
O que é o status do pagamento via EDI em Contas a pagar?
Na tela de "Contas a pagar", existe uma nova coluna para indicar o status do pagamento via EDI.
Essa informação é útil para empresas que utilizam integração bancária para envio de pagamentos.
A coluna pode indicar situações como:
- Aguardando envio para o banco
- Enviado para o banco
- Pagamento agendado no banco
- Pagamento recusado
- Pagamento confirmado
Essa coluna fica oculta por padrão, mas pode ser ativada pelo usuário em "Exibição de colunas".
Veja abaixo uma imagem da coluna "Status do pagamento via EDI" em destaque:
Quais informações aparecem em destaque?
Algumas informações importantes passam a aparecer em negrito para facilitar a leitura.
Na tela de "Contas a pagar", aparecem em destaque:
- Valor a pagar
- Pessoa
Na tela de "Contas a receber", aparecem em destaque:
- Valor a receber
- Pessoa
Esses dados foram destacados porque ajudam o usuário a identificar rapidamente o valor da conta e a pessoa relacionada.
Veja abaixo uma imagem da tela "Contas a pagar" com as colunas "Valor a pagar" e "Pessoas" em destaque:
Como funciona o menu de ações das contas?
O menu de ações foi reorganizado para facilitar o uso.
As opções exibidas podem variar conforme:
- o tipo da conta
- se a conta está pendente ou baixada
- se a conta possui boleto
- se a conta possui aprovação de pagamento
- se a conta é um adiantamento
- se a conta já foi recebida ou paga
Por isso, nem todas as contas tem exatamente as mesmas opções no menu.
Veja abaixo uma imagem do submenu de uma conta a pagar em destaque:
Exemplos de ações em Contas a pagar
Em uma conta a pagar, o menu pode exibir opções como:
- Editar
- Acessar
- Anexar arquivo
- Clonar conta a pagar
- Pagar
- Baixa sem numerário
- Forçar baixa
- Reabrir
- Renegociar conta a pagar
- Aprovar pagamento
- Reprovar pagamento
- Estornar aprovação
- Excluir
As opções variam de acordo com a situação da conta.
Por exemplo, uma conta já baixada não precisa exibir a opção "Pagar", mas pode exibir a opção "Reabrir".
Exemplos de ações em Contas a receber
Em uma conta a receber, o menu pode exibir opções como:
- Editar
- Acessar
- Anexar arquivo
- Clonar conta a receber
- Gerar boleto bancário
- Ver boleto bancário
- Enviar boleto bancário por e-mail
- Enviar NF-e por e-mail
- Receber
- Baixa sem numerário
- Forçar baixa
- Reabrir
- Renegociar conta a receber
- Gerar duplicata em PDF
- Excluir
As opções também variam conforme a situação da conta.
Por exemplo, uma conta que já possui boleto pode exibir as opções "Ver boleto bancário" e "Enviar boleto bancário por e-mail".
Como ocultar os cards de valores totais?
Os cards de valores totais ficam ativados por padrão.
Caso a empresa não queira exibir esses cards, é possível desativá-los em uma configuração geral.
Acesse: Configuração geral > Financeiro > Geral
Busque pela configuração geral "Exibir cards de valores totais nas telas do módulo financeiro".
Essa configuração tem as seguintes opções:
- Sim
- Não
Quando essa configuração estiver marcada como Não, os cards deixam de aparecer nas telas financeiras que utilizam o novo modelo de tabela.
Importante: essa configuração afeta somente as telas do módulo financeiro que já utilizam o novo padrão. Telas antigas continuam exibindo os totais no formato anterior.
Quantidade de registros por página
No canto esquerdo da paginação, existe um campo onde o usuário escolhe quantos registros deseja visualizar por página.
As opções disponíveis são:
- 1
- 2
- 5
- 10
- 15
- 20
- 50
- 100
Veja abaixo uma imagem da tela de contas a pagar com o campo de paginação em destaque:
No exemplo da imagem, está selecionada a opção 100.
Isso significa que a tabela está exibindo até 100 contas por página.
Ao lado do seletor de quantidade, o sistema mostra a seguinte informação 101-200 de 496 registros
Isso quer dizer que:
- existem 496 registros no total;
- a tela está mostrando os registros de número 101 até 200;
- esses registros fazem parte da segunda página da listagem.
Se o usuário estivesse na página 1, o sistema mostraria os registros de 1 a 100.
Na página 3, mostraria os registros de 201 a 300, e assim por diante.
A paginação também possui botões para navegar entre as páginas.
O usuário pode:
- clicar no número de uma página específica
- avançar para a próxima página
- voltar para a página anterior
- ir para páginas mais distantes usando os botões de avanço
No exemplo da imagem, a página 2 está destacada, indicando que ela é a página atual.
Pontos importantes
A nova tela foi criada para melhorar a experiência do usuário e facilitar a análise das contas.
Com ela, o usuário ganha:
- mais clareza na visualização dos valores;
- mais liberdade para escolher as colunas;
- melhor leitura dos status;
- mais facilidade para exportar informações;
- melhor organização das ações disponíveis;
- visual mais moderno e consistente.
As mudanças não alteram a forma como as contas são criadas, pagas, recebidas ou baixadas. Elas melhoram principalmente a forma de consultar, acompanhar e visualizar as informações financeiras.
#VamosEmFrente
Comentários
0 comentário
Por favor, entre para comentar.