Histórico da Página

...

02. EXEMPLO DE UTILIZAÇÃO

Image Added

Para localizar títulos específicos ou refinar a listagem, o topo da tela oferece:

...

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:

Image Added

...

Colunas: Beneficiário, Descrição do Serviço, Competência, Tipo (Débito/Crédito) e Valor.

...

Ao selecionar "Pagar Fatura", um modal simplificado é exibido:

Image Added

Copiar Código: Botão principal para copiar a linha digitável com um clique (com feedback visual de "Copiado!").
Baixar Boleto: Opção secundária para download do PDF.
Seleção de Método: Alternância entre Boleto e PIX (quando disponível).

...

Outras Ações / Ações relacionadas

...