**Contas a Pagar** do módulo Financeiro foi redesenhado para melhorar a clareza das informações, reduzir tempo de operação, evitar frustrações comuns relatadas por usuários e garantir boas práticas do mercado.
#### **2. Impacto previsto:**
\#1 - Tela de listagem de despesas
\#2 - Tela de nova despesa
\#3 - Tela de visualização (apenas para despesa paga)
\#4 - Tela de edição
\#5 - Tela de pagamento
#### **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