Tela de visualização da despesa

1. Objetivo geral:

2. Impacto previsto:

3. Descrição das alterações

#3. Tela de visualização da despesa

O objetivo da criação desta nova tela de detalhes da Despesa é centralizar a visualização completa das informações de um título pago no Contas a Pagar em um formato não editável por padrão, garantindo mais segurança contra alterações acidentais, padronizando o fluxo de consulta e edição conforme o status do título e as permissões do usuário.
Além disso, ela permite acesso rápido a anexos, histórico e dados complementares, servindo como um ponto único de consulta antes de qualquer ação de edição ou pagamento, reduzindo erros operacionais e aumentando a rastreabilidade das mudanças.

3.1 Detalhes da tela

3.1.1 Header (Cabeçalho)

Objetivo: Apresentar de forma clara a identificação do título, status e ações principais.

• Título da página: Label: "Despesa [Número da Despesa ]" (ex.: Despesa 12345-1/3)
• Ícone indicando registro e anexo: Icon de reloginho para indicar título agendado e clips para títulos com anexo.
• Status do título: Label: ""Pago" (em verde #009966)
• Informações de criação: Label: "Criado em [Data] por [Usuário]" 
• Botões de ação: Editar (ícone de lápis), Pagar(ícone de confirmação/pagamento),
• Ações: (menu dropdown com opções adicionais.)
  Obs.: O botão "Pagar" muda para "estornar" quando o status do título for "Pago".
           O dropdown deve oferecer ações de acordo com a regras de status já existentes, adicionar ação de "excluir" e "baixa como perda" - estes status devem estar ativos/inativos conforme permissão do usuário.

3.2.2. Grid (Corpo da tela)
Objetivo: Exibir todos os dados da despesa de forma organizada em blocos de informação.

Bloco 1: Informações do pagamento

• Valor pago
• Data do pagamento
• Juros
• Multa

Bloco 2: Informações da despesa

• Cliente: Label: "Cliente" – valor: nome do cliente
• Número Documento: Label: "Número Documento" – código ou número de referência
• Descrição:
• Conta: Label: "Conta" – conta bancária vinculada
• Categoria: Label: "Categoria" – categoria da despesa (ex.: Alimentício)
• Forma de Pagamento: Label: "Forma de Pagamento" – ex.: Dinheiro, Pix, Cartão etc.
• Data de Vencimento: Label: "Data de Vencimento" – valor formatado (DD/MM/AAAA)
• Valor da Despesa: Label: "Valor da Despesa" – valor em moeda
  OBS.: em alguns casos exibir o campo: "Juros adicional do boleto", de acordo com a configuração da conta selecionada.

Bloco 3: Alterações de valores

• Alterações de Valores: área de texto exibindo campos que alteram o valor, seja por juros, desconto, etc.
  • Valor Original; Juros/Multa; Desconto; Valor

Bloco 4 e 5: Observações e anexos

• Informações Adicionais: área de texto exibindo a descrição ou observações complementares
• Anexos: Miniatura/listagem de anexos: com botão "Abrir anexo"

3.2 Comportamento geral e regras da tela

• A tela de visualização de despesa deve ser exibida em modal sempre que o usuário clicar em títulos pagos
• Todos os botões devem estar habilitados para interação, independente do status do título.
• ao clicar em "editar", o sistema deve exibir aviso sobre necessidade de estorno: "Não é possível alterar o vencimento ou valor de um título já recebido. Para prosseguir, realize o estorno do recebimento e tente novamente."
• Esta tela não deve permitir edição apenas para títulos pagos, a não ser que o usuário clique no botão "editar". Ao clicar em "editar" deve-se aplicar regras conforme abaixo:

Regras mandatórias:

• Usuário super_admin
• Permissão de usuário "Financeiro > Contas a Pagar"
• Permissão de usuário "Financeiro > Alterar Contas A Pagar"

3.3 Registro em Log

Para garantir rastreabilidade e auditoria das ações realizadas no sistema, toda operação de alteração em títulos deve gerar um registro em log contendo, no mínimo, os seguintes campos:

• Data/Hora da ação – momento exato em que a alteração foi realizada.

• Usuário – identificação única do usuário (ID) e nome completo responsável pela ação.

• Status anterior e novo do título – somente quando houver alteração de status.

• Lista de campos alterados – exibição dos campos modificados com seus respectivos valores antes e depois da edição.

4. Link do Protótipo 

©SOFTEN SISTEMAS 2025