Histórico da Página
...
Filtros de Período: O usuário seleciona o intervalo desejado (ex: "Este Ano", "Próximos 90 dias") para focar sua análise.
Dashboard (K-Cards): O usuário clica nos cards de resumo (ex: "Faturas Vencidas") para filtrar a lista automaticamente e ver apenas o que requer atenção.
Ação Rápida: Na listagem, identifica faturas críticas pelo status colorido (Vermelho para Vencida, Azul para Pendente) e utiliza o menu de ações (
...) para pagar sem sair da tela.
| Dica | ||
|---|---|---|
| ||
Esta funcionalidade foi desenvolvida com Design Responsivo. Ao acessar pelo celular, a interface se adapta automaticamente: as tabelas se transformam em cards, garantindo que você consiga visualizar detalhes e realizar pagamentos com a mesma eficiência do desktop. |
02. EXEMPLO DE UTILIZAÇÃO
...
Status (Situação): Indicador visual colorido para rápida identificação do estado da fatura:
🔴 Vencida: Atenção imediata.
🟠 Pago Parcial: Requer conferência.
🔵 Pendente: No prazo (ícone de relógio).
🟢 Pago: Concluído.
🔘 Em Processamento: Aguardando registro bancário (ícone de ampulheta).
Nº Fatura: Número único de identificação do título financeiro.
Cliente: Nova coluna exibindo Código - Nome do cliente para fácil identificação da origem.
Competência: Mês e Ano de referência da cobrança (ex: 08/2025).
Vencimento: Data limite para o pagamento do título.
Valor: Valor total original da fatura.
Saldo: Valor restante a ser pago (destaca valores pendentes em casos de pagamento parcial).
Menu de Ações (
...): Acesso rápido para "Pagamento" (abrir modal) ou "Baixar Boleto".
...
Ao clicar em uma fatura na listagem, o usuário acessa uma visão detalhada estruturada em dois blocos principais:
Resumo da Fatura (Hero Card)
...
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas