# Financeiro

# Contas a Receber



# Tela de listagem de receitas a receber

<table border="1" id="bkmrk-%C2%A0-projeto%2Fsistema%3Age" style="border-collapse: collapse; width: 100.123%; height: 68px;"><tbody><tr style="border-style: solid;"><td rowspan="3" style="width: 26.6667%; height: 68px; border-color: black; border-top-style: hidden; border-left-style: hidden; border-bottom-style: hidden;">  
 ![Softensistemas Logo](https://www.softensistemas.com.br/assets/img/logo.webp)

</td><td style="width: 49.9999%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Projeto/Sistema:**</span>  
[Evolução do Produto GA - Interno](https://docs.softensistemas.com.br/shelves/evolucao-do-produto-ga-interno)

</td><td class="align-center" style="width: 23.3333%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do *Template:***</span>  
<span style="color: #000000;">1.1</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Processo:**</span>  
Tela de listagem de receitas a receber</td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do Documento:**</span>  
<span style="color: #000000;">1.0</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Responsável(eis):** </span>  
Jalile Cornachioni</td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Data:** </span>

<span style="color: #000000;">08/08/2025</span>

</td></tr></tbody></table>

#### **1. Objetivo geral:** 

<div id="bkmrk-contas-a-receber-do-">Contas a Receber 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.</div><div id="bkmrk-"></div>#### **2. Impacto previsto:**

<div id="bkmrk-%231---tela-de-listage"><div><span style="color: #3366ff;">\#1 - Tela de listagem de receitas a receber</span></div><div>\#2 - Tela de nova receita</div><div>\#3 - Tela de visualização </div><div>\#4 - Tela de edição da receita</div><div>\#5 - Tela de recebimento</div><div>\#6 - Ação baixa por perda</div></div><div id="bkmrk--0"></div>#### **3. Descrição das alterações**

<span style="color: #3366ff;">**\#1. Tela de listagem de receitas a receber**</span>

- Tornar a experiência mais intuitiva e eficiente.
- Expor indicadores financeiros de forma clara e visual.
- Facilitar buscas com filtro dinâmico multi-coluna.
- Destacar acesso rápido a ações relevantes (recebimento, remessa, retorno).
- Reduzir o número de cliques para ações rotineiras.

<div id="bkmrk--1"></div>##### **3.1 Header:** 

Deve apresentar o título da tela, caminho acessado e botão de nova receita *\[funcionalidade existente - manter\]*

<div id="bkmrk--2"></div>##### **3.2 Cards com indicadores financeiros que servem de filtro** *\[funcionalidade nova\]*

*[![Modelo 68 (1).png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/scaled-1680-/modelo-68-1.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/modelo-68-1.png)*

<div id="bkmrk-descri%C3%A7%C3%A3o%3A-conjunto-">**Descrição**: Conjunto de quatro cards que apresentam indicadores financeiros do módulo Contas a Receber. Cada card exibe: Título (status financeiro), Valor total (formato monetário), Quantidade de contas (texto cinza, no formato “X contas”), com texto é alinhado à esquerda e os ícones ficam no canto superior direito.</div><div id="bkmrk-configura%C3%A7%C3%A3o-visual-">**Configuração visual e cores:**</div>- - - Vencidas – vermelho (#DB102B) – ícone de alerta.
        - A Vencer – amarelo (#FFB300) – ícone de relógio.
        - Recebidas – verde (#009966) – ícone de check.
        - Total Geral – azul (#044572) – ícone de cifrão.

<div id="bkmrk-obs.%3A-todos-os-%C3%ADcone">**OBS**.: todos os ícones estão dentro de um círculo de mesma cor com 10% de opacidade.</div><div id="bkmrk--4"></div><div id="bkmrk-fun%C3%A7%C3%A3o%3A-fornecer-ao-">**Função**: Fornecer ao usuário um resumo visual e quantitativo da situação financeira atual e servir como filtro interativo, permitindo que o usuário visualize apenas os registros da grid correspondentes ao(s) card(s) selecionado(s).</div><div id="bkmrk-comportamento%3A">**Comportamento**:</div>- - - Estado inicial (dependente da data de vencimento padrão)
        - O sistema deve considerar a data de vencimento vinda do filtro como referência (por padrão, data atual do sistema – today).
        - Se existirem registros para o período filtrado: 
            - Todos os cards correspondentes aos status encontrados são carregados selecionados e coloridos.
            - A grid exibe os registros de todos os cards selecionados.
        - Se não existirem registros para um status na data filtrada: 
            - O card é carregado desmarcado e exibido em cinza (estilo “desabilitado”).
            - A grid não exibe registros desse status.
            - Caso nenhum card tenha registros para a data filtrada (ex.: domingo sem títulos):
            - Todos os cards carregam em cinza/desabilitado.
            - A grid permanece vazia.

[![Modelo 78.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/scaled-1680-/modelo-78.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/modelo-78.png)

**Interação:** Cada card funciona como um checkbox visual:

- Selecionado: cor ativa e registros exibidos na grid.
- Desmarcado: cor cinza e registros ocultos.
- É possível selecionar ou desmarcar múltiplos cards simultaneamente para refinar a exibição.

<div id="bkmrk-atualiza%C3%A7%C3%A3o-din%C3%A2mica">**Atualização dinâmica**</div>- Ao alterar o período de vencimento no filtro e aplicar, O sistema recalcula quais cards têm registros.
- Aplica automaticamente o estado colorido/ativo ou cinza/inativo.
- Atualiza a grid em tempo real.

#####  

##### **3.3 Sessão de filtros** *\[funcionalidade existente - manter conforme protótipo\]*

<div id="bkmrk-descri%C3%A7%C3%A3o%3A-copmonent">**Descrição**: Copmonente de filtro apresentado dentro de um painel expansível, porém carregado aberto por padrão (default expanded). Os campos incluídos são: Tipo data, Período, Conta e Filtro de Informações.</div><div id="bkmrk-fun%C3%A7%C3%A3o%3A-agrupar-elem">**Função**: Agrupar elementos de formulário de filtros, permitir que o usuário restrinja ou amplie os resultados exibidos na listagem e Aplicar os critérios selecionados.</div><div id="bkmrk-comportamento%3A-estad">**Comportamento**: Estado inicial = Painel de filtros expandido (expanded) ao carregar a tela.</div><div id="bkmrk-campos-e-valores-pad">Campos e valores padrão:</div>- Tipo data = Vencimento
- Campo “Data inicial”: pré-preenchido com data atual do sistema (today).
- Campo “Data final”: pré-preenchido com data atual do sistema (today).
- Validação: data final não pode ser anterior à inicial.
- Conta (dropdown) - Valor padrão: “Todas”.
- Filtro de Informações: Campo de texto = vazio por padrão.
- Dropdown lateral: valor padrão “Cliente”.
- Botão de busca (ícone lupa) dispara aplicação dos filtros.

<div id="bkmrk-a%C3%A7%C3%B5es-do-usu%C3%A1rio">**Ações do usuário**</div><div id="bkmrk-alterar-qualquer-cam">Alterar qualquer campo e clicar no botão de busca para atualizar a listagem.</div><div id="bkmrk-contrair-o-painel-pa">Contrair o painel para ganhar espaço visual na tela (estado collapsed).</div><div id="bkmrk-reabrir-o-painel-par">Reabrir o painel para novos ajustes de filtros.</div><div id="bkmrk-persist%C3%AAncia%3A-caso-a">Persistência: Caso a tela seja recarregada, os filtros retornam aos valores padrão acima (não há persistência entre sessões).</div><div id="bkmrk--6"></div>##### **3.4 Grid de listagem de registros**

<div id="bkmrk-fun%C3%A7%C3%A3o%3A%C2%A0facilitar-o-">**Função**: Facilitar o acesso às operações mais utilizadas pelo usuário, reduzir o número de cliques necessários para executar ações recorrentes e centralizar as principais ferramentas de trabalho da tela.</div><div id="bkmrk-descri%C3%A7%C3%A3o-e-comporta">**Descrição e Comportamento**: A Grid devfe conter o título "Lista de COntas a Receber" e botões de acesso rápido:</div>- **Receber** – Ação para registrar recebimento de títulos. Estado inicial: desabilitado e habilita quando o usuário selecionar ao menos um título.
- **Remessa** – Geração de arquivo de remessa bancária. Estado inicial: desabilitado e habilita quando o usuário selecionar ao menos um título.
- **Retorno** – Importação de arquivo de retorno bancário. Abre dialog para importação de arquivo.
- **Relatórios** – Acesso rápido a relatórios financeiros. Abre dialog com lista de relatórios existentes.
- **Ações em Lote** – Dropdown com múltiplas ações aplicáveis aos registros selecionados. Estado inicial: desabilitado e habilita quando o usuário selecionar ao menos um título.
- **Filtros** – Botão para expandir/contrair painel de filtros. 
    - Estado inicial: todos os filtros selecionados, caso deseje, o usuário poderá desmarcar.
    - Filtros são combináveis entre si (ex.: “Com anexos” + “Registrados” + "Sem Registros).
- **Exibição** – Mostra quais colunas da grid o usuário pode exibir ou ocultar. 
    - Estado inicial: Colunas ocultas por padrão: "Juros/Receita", "Transferências" e "Categoria/Plano"
    - A ordem das opções deve seguir a ordem das colunas.

<div id="bkmrk--7"></div>##### **3.5 Coluna situações:** 

<div id="bkmrk-descri%C3%A7%C3%A3o%3A-coluna-ad">**Descrição**: Coluna adicionada à Lista de Contas a Receber, exibe até dois ícones representando atributos específicos de cada título, sendo Regsitrado e Anexo.</div><div id="bkmrk-fun%C3%A7%C3%A3o%3A-apresentar-d">**Função**: Apresentar de forma compacta e visual o estado de dois informações relevantes para cada título: Se o título está registrado em banco e se existem anexos vinculados.</div><div id="bkmrk-comportamento%3A%C2%A0">**Comportamento**: </div>- - Registros: opções Registrados (azul) / Não registrados (cinza)
    - Anexos: opções Com anexos (azul) / Sem anexos (cinza)

<div id="bkmrk-obs.%3A%C2%A0">OBS.: </div>- Todos os títulos devem possuir ambos ícones (papelzinho e clips) com o padrão de de cores azul para situação ativa e cinza para a negativa.
- Manter o comportamento de permitir apenas 1 anexo. Caso o usuário deseje importar outro anexo, o primeiro será sobrescrito.
- Ícones ativos possuem a cor correspondente e exibem tooltip ao passar o mouse (por exemplo: "Agendado", "Com anexos", "Registrado").

<div id="bkmrk--8"></div>##### **3.6 Footer**

**Descrição**: Localizado na parte inferior da tabela Lista de Contas a Receber. Deve exibir itens por página com opções pré-definidas 15, 50 e 100 registros, Paginação numérica para navegar entre as páginas. O valor 15 está definido como padrão de carregamento inicial.  
**Função**: Controlar quantos registros são exibidos simultaneamente na grid, permitir navegação entre páginas de forma sequencial ou direta (selecionando um número da paginação), otimizar o carregamento e a performance da tela, evitando que todos os registros sejam carregados de uma só vez.  
**Comportamento**:

- Quantidade de registros
    
    
    - Por padrão, a grid carrega 15 registros por página.
    - Ao selecionar 50 ou 100, o sistema recarrega a grid exibindo mais linhas sem alterar o estado dos filtros ou dos cards.
- Rolagem da tela inteira
    
    
    - A grid não possui scroll interno; a rolagem é aplicada à tela inteira.
    - Isso significa que, ao rolar para baixo, o usuário perde de vista o header com os filtros e os cards, dificultando a referência visual.

<div id="bkmrk--9"></div>#### 4. Link do Protótipo 

<div id="bkmrk-listagem-de-contas-a">[Listagem de contas a receber](https://www.figma.com/design/mN0I8GyW16Nio4YwGf82b1/Melhorias-Clarity?node-id=1228-7753&t=RBp8ymjuXrcElwls-0)</div>#### 5. Telas

<div id="bkmrk--10"></div>[![Modelo 72 (2).png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/scaled-1680-/modelo-72-2.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/modelo-72-2.png)

[![Modelo 70.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/scaled-1680-/modelo-70.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/modelo-70.png)

[![Modelo 69.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/scaled-1680-/modelo-69.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/modelo-69.png)

[![Modelo 71.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/scaled-1680-/modelo-71.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/modelo-71.png)

<div id="bkmrk--15"></div>©SOFTEN SISTEMAS 2025

<div id="bkmrk--16"><div><div></div></div></div>

# Tela nova receita

<table border="1" id="bkmrk-%C2%A0-projeto%2Fsistema%3Age" style="border-collapse: collapse; width: 100.123%; height: 68px;"><tbody><tr style="border-style: solid;"><td rowspan="3" style="width: 26.6667%; height: 68px; border-color: black; border-top-style: hidden; border-left-style: hidden; border-bottom-style: hidden;">  
 ![Softensistemas Logo](https://www.softensistemas.com.br/assets/img/logo.webp)

</td><td style="width: 49.9999%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Projeto/Sistema:**</span>  
[Evolução do Produto GA - Interno](https://docs.softensistemas.com.br/shelves/evolucao-do-produto-ga-interno)

</td><td class="align-center" style="width: 23.3333%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do *Template:***</span>  
<span style="color: #000000;">1.1</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Processo:**</span>  
<span style="color: #000000;">Tela nova receita</span></td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do Documento:**</span>  
<span style="color: #000000;">1.0</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Responsável(eis):** </span>  
<span style="color: #000000;">Jalile Cornachioni</span></td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Data:** </span>

<span style="color: #000000;">14/08/2025</span>

</td></tr></tbody></table>

#### **1. Objetivo geral:**

<div id="bkmrk-contas-a-receber-do-">Contas a Receber 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.</div><div id="bkmrk-"></div>#### **2. Impacto previsto:**

<div id="bkmrk-%231---tela-de-listage"><div>\#1 - Tela de listagem de receitas a receber</div><div><span style="color: #3366ff;">\#2 - Tela de nova receita</span></div><div>\#3 - Tela de visualização </div><div>\#4 - Tela de edição da receita</div><div>\#5 - Tela de recebimento</div><div>\#6 - Ação baixa por perda</div></div><div id="bkmrk--0"></div>#### **3. Descrição das alterações**

**<span style="color: #3366ff;">\#2 - Tela de nova receita</span>**

<span style="color: #333333;">A tela de Nova Receita tem como objetivo permitir que o usuário cadastre rapidamente um novo lançamento no Contas a Receber, informando os dados essenciais. Reposicionamos os campos obrigatórios e mais utilizados para o topo da tela, facilitando o acesso e acelerando o preenchimento. Embora a funcionalidade em si não tenha mudado, o layout foi modernizado para melhorar a experiência do usuário e reduzir o tempo de operação.</span>

<span style="color: #333333;">3.1 </span>**Header – Informações da Receita**

- **Título:** Nova Receita - Identificação visual da área de cadastro da receita.
- **Campos obrigatórios e prioritários**: Cliente, Número do Documento, Descrição, Conta, Categoria, Data de Vencimento, Forma de Pagamento e Valor da Receita.
- **Valores default**: Conta = "Caixa Fìsico" e Forma de Pagamento = "Dinheiro".
- **Indicador de status**: Selo “A Vencer” posicionado no topo direito, em amarelo (#FFB300).

**3.2. Grid – Repetição de Lançamentos**

- **Campos de configuração**: Quantidade de lançamentos e período de repetição (ex.: mensal).
- **Tabela de parcelas**: Lista com número da parcela e respectiva data de lançamento.
- **Controles de expansão/retração**: Permitem ocultar ou exibir detalhes dessa seção.

**3.3. Rodapé – Informações Adicionais e Ações**

- **Campo de observação**: Área livre para comentários e detalhes adicionais.
- **Upload de comprovante**: Botão “Adicionar Comprovante” com instruções de formato e tamanho de arquivo.
- **Botões de ação**: “Salvar e Fechar” e “Salvar e Receber”, posicionados para finalização rápida da operação.

**<span style="color: #333333;">3.4 Comportamento geral da tela:</span>**

<span style="color: #333333;">No estado inicial, a sessão "informações da receita" deve estar no estado **expanded** (aberto) e os demais accordions renderizados em estado **collapsed** (fechados), exibindo apenas o header de cada seção. O usuário pode expandir ou retrair cada accordion de forma independente, conforme sua necessidade.</span>

#### 4. Link do Protótipo 

<div id="bkmrk-listagem-de-contas-a">[Listagem de contas a receber](https://www.figma.com/design/mN0I8GyW16Nio4YwGf82b1/Melhorias-Clarity?node-id=1237-11958&t=HeIk5uatZMUwchFe-0)</div>#### 5. Telas

[![Modelo 74.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/scaled-1680-/modelo-74.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/modelo-74.png)

[![Modelo 84 (1).png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/scaled-1680-/modelo-84-1.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/modelo-84-1.png)

[![Modelo 85 (1).png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/scaled-1680-/modelo-85-1.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/modelo-85-1.png)

©SOFTEN SISTEMAS 2025

# Tela de visualização da receita

<table border="1" id="bkmrk-%C2%A0-projeto%2Fsistema%3Age" style="border-collapse: collapse; width: 100.123%; height: 68px;"><tbody><tr style="border-style: solid;"><td rowspan="3" style="width: 26.6667%; height: 68px; border-color: black; border-top-style: hidden; border-left-style: hidden; border-bottom-style: hidden;">  
 ![Softensistemas Logo](https://www.softensistemas.com.br/assets/img/logo.webp)

</td><td style="width: 49.9999%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Projeto/Sistema:**</span>  
[Evolução do Produto GA - Interno](https://docs.softensistemas.com.br/shelves/evolucao-do-produto-ga-interno)

</td><td class="align-center" style="width: 23.3333%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do *Template:***</span>  
<span style="color: #000000;">1.1</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Processo:**</span>  
Tela de visualização da receita</td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do Documento:**</span>  
<span style="color: #000000;">1.0</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Responsável(eis):** </span>  
<span style="color: #000000;">Jalile Cornachioni</span></td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Data:** </span>

<span style="color: #000000;">08/08/2025</span>

</td></tr></tbody></table>

#### **1. Objetivo geral:**

<div id="bkmrk-contas-a-receber-do-">Contas a Receber 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.</div>#### **2. Impacto previsto:**

<div id="bkmrk-%231---tela-de-listage"><div>\#1 - Tela de listagem de receitas a receber</div><div>\#2 - Tela de nova receita</div><div><span style="color: #3366ff;">\#3 - Tela de visualização </span></div><div>\#4 - Tela de edição da receita</div><div>\#5 - Tela de recebimento</div><div>\#6 - Ação baixa por perda</div></div><div id="bkmrk-"></div>#### **3. Descrição das alterações**

<span style="color: #3366ff;">**\#3. Tela de visualização da receita**</span>

O objetivo da criação desta nova tela de detalhes da receita é centralizar a visualização completa das informações de um título no Contas a Receber 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 recebimento, 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: "Receita \[Número da Receita\]" (ex.: Receita 12345-1/3)
- **Ícone** **indicando registro e anexo:** Icon de boletinho para indicar registro e clips para títulos com anexo.
- **Status do título:** Label: "À vencer", "Vencido", "Recebido"
- **Informações de criação**: Label: "Criado em \[Data\] por \[Usuário\]"
- **Botões de ação:** Editar (ícone de lápis), Receber (ícone de confirmação/pagamento),
- **Ações:** (menu dropdown com opções adicionais.)  
    ***Obs.:*** *O botão "**receber**" muda para "**estornar**" quando o **status** do título for "**recebido**".*  
     *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 receita de forma organizada em blocos de informação.

Bloco 1:

- **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 receita (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 Receita**: Label: "Valor da Receita" – valor em moeda  
    **OBS**.: em alguns casos exibir o campo: "Juros adicional do boleto", de acordo com a configuração da conta selecionada.

Bloco 2

- 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 3 e 4

- **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 receita deve ser exibida em modal sempre que o usuário clicar em qualquer registro da listagem do contas a receber.

Todos os botões devem estar habilitados para interação, independente do status do título.

Esta tela não deve permitir edição, a não ser que o usuário clique no botão "editar". Ao clicar em "**editar**" deve-se aplicar regras conforme os seguintes cenários:

<span style="color: #000000;">**Regras mandatórias:**</span>

- Usuário super\_admin:
- Permissão de usuário "Financeiro &gt; Contas a Receber":
- Permissão de usuário "Financeiro &gt; Alterar Contas A Receber":
- Permissão de usuário "Financeiro &gt; Alterar Valor A Receber":

<span style="color: #333333;">**Cenário 1 – Títulos vencidos e a vencer :**</span> Abrir diretamente no **modo edição.**

<span style="color: #333333;">**Cenário 2 – Títulos abertos, porém registrados:** Abrir tela de</span> visualização e executar as seguintes validações:

- 1. **Se usuário Admin** → edição completa, sem restrições.
    2. **Se usuário Não-admin com todas as permissões** → edição de tudo, exceto valores.
    3. **Se usuário Não-admin com permissões parciais** → respeitar restrições de acordo com o módulo financeiro.
    4. **Se usuário Sem permissão** → exibir mensagem de bloqueio: "<span style="background-color: #f8f8f8;">Este título já está registrado. Caso precise modificar informações bloqueadas, entre em contato com um administrador."</span>

<span style="color: #333333;">**Cenário 3 – Títulos recebidos:** </span>

[![Modelo 97.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/scaled-1680-/modelo-97.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/modelo-97.png)

- Permitir apenas visualização;
- Sessão: Informações do recebimento 
    - Valor recebido, Data de pagamento, Juros, Multa.
- ao clicar em "**editar"**, o sistema deve exibir aviso sobre necessidade de estorno: <span style="background-color: #f8f8f8;">"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."</span>

##### 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 

<div id="bkmrk-listagem-de-contas-a">[Listagem de contas a receber](https://www.figma.com/design/mN0I8GyW16Nio4YwGf82b1/Melhorias-Clarity?node-id=1179-14456&t=PhzbfGCD7RnbTIyN-0)</div>#### 5. Telas

[![Modelo 61.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/scaled-1680-/j1Emodelo-61.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/j1Emodelo-61.png)

[![Modelo 76.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/scaled-1680-/w15modelo-76.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/w15modelo-76.png)

[![Modelo 63.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/scaled-1680-/4jnmodelo-63.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/4jnmodelo-63.png)

[![Modelo 80.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/scaled-1680-/UlVmodelo-80.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/UlVmodelo-80.png)

©SOFTEN SISTEMAS 2025

# Tela de edição da receita

<table border="1" id="bkmrk-%C2%A0-projeto%2Fsistema%3Age" style="border-collapse: collapse; width: 100.123%; height: 68px;"><tbody><tr style="border-style: solid;"><td rowspan="3" style="width: 26.6667%; height: 68px; border-color: black; border-top-style: hidden; border-left-style: hidden; border-bottom-style: hidden;">  
 ![Softensistemas Logo](https://www.softensistemas.com.br/assets/img/logo.webp)

</td><td style="width: 49.9999%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Projeto/Sistema:**</span>  
<span style="color: #000000;">GERENCIAMENTO DE PROJETOS</span></td><td class="align-center" style="width: 23.3333%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do *Template:***</span>  
<span style="color: #000000;">1.1</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Processo:**</span>  
Tela de edição da receita</td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do Documento:**</span>  
<span style="color: #000000;">1.1</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Responsável(eis):** </span>  
Jalile Cornachioni</td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Data:** </span>

<span style="color: #000000;">20/08/2025</span>

</td></tr></tbody></table>

#### **1. Objetivo geral:**

<div id="bkmrk-contas-a-receber-do-">Contas a Receber 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.</div><div id="bkmrk-"></div>#### **2. Impacto previsto:**

<div id="bkmrk-%231---tela-de-listage"><div>\#1 - Tela de listagem de receitas a receber</div><div>\#2 - Tela de nova receita</div><div>\#3 - Tela de visualização </div><div><span style="color: #3366ff;">\#4 - Tela de edição da receita</span></div><div>\#5 - Tela de recebimento</div><div>\#6 - Ação baixa por perda</div></div><div id="bkmrk--0"></div>#### **3. Descrição das alterações**

<span style="color: #3366ff;">**\#4 - Tela de edição da receita**</span>

O objetivo da nova tela de edição da receita é restringir a alteração de campos sensíveis, garantindo maior segurança dos dados financeiros e evitando inconsistências em relatórios. Diferente do modelo atual, que permite editar todas as informações, a edição passa a respeitar o status do título (à vencer, vencido, recebido e perdido) e as permissões do usuário, permitindo apenas ajustes realmente necessários, como observações, comprovantes ou variações de valores autorizadas. Essa mudança fortalece a confiabilidade do sistema e cria a base para o novo fluxo de **baixa por perda**, assegurando rastreabilidade entre títulos recebidos, em aberto e insolventes.

##### 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:** *Editar Receita* \[Número da Receita\]" (ex.: Receita 12345-1/3)
- **Ícone** **indicando registro e anexo:** Icon de boletinho para indicar registro e clips para títulos com anexo.
- **Status do título:** Label: "À vencer", "Vencido", "Recebido"
- **Informações de criação**: Label: "Criado em \[Data\] por \[Usuário\]"

**3.1.2 Informações da Receita**

- **Cliente** (campo bloqueado, apenas visualização).
- **Número do Documento** e **Descrição**.
- **Conta**, **Categoria**, **Forma de Pagamento**.
- **Data de Vencimento**.
- **Valor da Receita** (com validações de edição).
- **Acréscimo de boleto** (respeitando a configuração da conta seleiconada"

**3.1.3 Alterações de valores**

- **Valor Original** (bloqueado).
- **Juros/Multa** (editável conforme status).
- **Desconto** (editável conforme status).
- **Valor da Receita final** (cálculo automático com destaque).

**3.1.4 Informações adicionais**

- **Observação** (texto livre).
- **Comprovantes**: upload de arquivos (limite de tamanho, extensões permitidas, múltiplos anexos).

**3.1.5 Botões de ação:**

- **Salvar e Fechar:** Salva alterações e fecha a tela voltando para a tela de listagem de receitas
- **Salvar e Receber:** Salva alterações e abre tela de recebimento

#### 4. Link do Protótipo 

<div id="bkmrk-listagem-de-contas-a">[Listagem de contas a receber](https://www.figma.com/design/mN0I8GyW16Nio4YwGf82b1/Melhorias-Clarity?node-id=1419-155690&t=XX8Nhdwwthgoc6e0-0)</div>#### 5. Telas

[![Modelo 81.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/scaled-1680-/modelo-81.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/modelo-81.png)

©SOFTEN SISTEMAS 2025

<div id="bkmrk--2"><div><div></div></div></div>

# Tela de recebimento

<table border="1" id="bkmrk-%C2%A0-projeto%2Fsistema%3Age" style="border-collapse: collapse; width: 100.123%; height: 68px;"><tbody><tr style="border-style: solid;"><td rowspan="3" style="width: 26.6667%; height: 68px; border-color: black; border-top-style: hidden; border-left-style: hidden; border-bottom-style: hidden;">  
 ![Softensistemas Logo](https://www.softensistemas.com.br/assets/img/logo.webp)

</td><td style="width: 49.9999%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Projeto/Sistema:**</span>  
[Evolução do Produto GA - Interno](https://docs.softensistemas.com.br/shelves/evolucao-do-produto-ga-interno)

</td><td class="align-center" style="width: 23.3333%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do *Template:***</span>  
<span style="color: #000000;">1.1</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Processo:**</span>  
Recebimento</td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do Documento:**</span>  
<span style="color: #000000;">1.0</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Responsável(eis):** </span>  
<span style="color: #000000;">Jalile Cornachioni</span></td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Data:** </span>

<span style="color: #000000;">20/08/2025</span>

</td></tr></tbody></table>

#### **1. Objetivo geral:**

<div id="bkmrk-contas-a-receber-do-">Contas a Receber 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.</div><div id="bkmrk-"></div>#### **2. Impacto previsto:**

<div id="bkmrk-%231---tela-de-listage"><div>\#1 - Tela de listagem de receitas a receber</div><div>\#2 - Tela de nova receita</div><div>\#3 - Tela de visualização </div><div>\#4 - Tela de edição da receita</div><div><span style="color: #3366ff;">\#5 - Tela de recebimento</span></div><div>\#6 - Ação baixa por perda</div></div><div id="bkmrk--0"></div>#### **3. Descrição das alterações**

<div id="bkmrk-%235---tela-de-recebim">**<span style="color: #3366ff;">\#5 - Tela de recebimento</span>**</div><div id="bkmrk-a-tela-de-recebiment">A tela de **Recebimento de Receita** foi modernizada para oferecer uma experiência mais clara e eficiente no processo de baixa de títulos, permitindo tanto o recebimento unitário quanto múltiplo. A nova interface organiza informações essenciais (valor original, multa, juros, desconto, acréscimos e valor final a receber) de forma intuitiva</div><div id="bkmrk--1"></div>##### 3.1 Detalhes da tela

**3.1.1 Header (Cabeçalho)**

- **Título**: “Receber Conta”

**3.1.2. Dados de Recebimento**

- **Data Recebimento** (campo obrigatório): campo de data com calendário para seleção.
- **Conta**: lista suspensa para escolha da conta de destino (ex.: Caixa, Banco).
- **Categoria**: campo de seleção para classificação do recebimento (vinculado ao plano de contas).

**3.1.3. Referente a estes pagamentos (Tabela de Títulos)**

- Tabela listando os títulos selecionados para recebimento, com as seguintes colunas:
- **Desc./Cliente**: identificação do cliente ou descrição da receita.
- **Nº Documento:** número do título/documento.
- **Vencimento**: data de vencimento do título.
- **Valor Original:** valor principal do título.
- **Multa:** campo editável para inserção de multa.
- **Juros**: campo editável para juros aplicados.
- **Desconto**: campo editável para descontos concedidos.
- **Acréscimo**: campo editável para acréscimos manuais.
- **Valor a Receber:** cálculo automático do valor final considerando os ajustes.

**3.1.4. Ações do Rodapé**

- **Cancelar**: retorna para a tela anterior sem efetivar o recebimento.
- **Receber**: confirma a operação de baixa, aplicando os valores informados.

##### 3.2 Comportamento geral da tela:

A tela deve abrir em modo edição com os campos:

- **Data recebimento** deve ser atribuído data atual e respeitar a configuração FInanceiro &gt; **Proibir lançamentos com data retroativa**", ou seja, habilitar somente se este campo estiver desmarcado na configuração adicional do sistema.
- Todos os **demais campos** dever estar habilitados para edição, respeitando as configurações de usuário.
- Ao imputar valor nos campos de acréscimo, juros/multa e/ou desconto o sistema deve recalcular o valor no campo "Valor a receber" (manter o funcionamento atual)

#### 4. Link do Protótipo 

<div id="bkmrk-listagem-de-contas-a">[Listagem de contas a receber](https://www.figma.com/design/mN0I8GyW16Nio4YwGf82b1/Melhorias-Clarity?node-id=1071-9524&t=Eo7tNRbyUowwOwTA-0)</div><div id="bkmrk--2"></div>#### 5. Telas

[![Modelo 65 (1).png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/scaled-1680-/modelo-65-1.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/modelo-65-1.png)

<div id="bkmrk--4"></div><div id="bkmrk-%C2%A9soften-sistemas-202">©SOFTEN SISTEMAS 2025</div><div id="bkmrk--5"><div><button class="button outline icon" data-clipboard-target="#pointer-url" title="Copiar Link" type="button"><svg class="svg-icon" data-icon="copy" role="presentation" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"></svg></button></div>[<svg class="svg-icon" data-icon="edit" role="presentation" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"></svg>](https://docs.softensistemas.com.br/books/financeiro/page/tela-nova-receita/edit?content-id=bkmrk-5.-telas&content-text=5.%20Telas "Editar Conteúdo")</div>

# Nova ação: Cancelar Receita

<table border="1" id="bkmrk-%C2%A0-projeto%2Fsistema%3Age" style="border-collapse: collapse; width: 100.123%; height: 68px;"><tbody><tr style="border-style: solid;"><td rowspan="3" style="width: 26.6667%; height: 68px; border-color: black; border-top-style: hidden; border-left-style: hidden; border-bottom-style: hidden;">  
 ![Softensistemas Logo](https://www.softensistemas.com.br/assets/img/logo.webp)

</td><td style="width: 49.9999%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Projeto/Sistema:**</span>  
[Evolução do Produto GA - Interno](https://docs.softensistemas.com.br/shelves/evolucao-do-produto-ga-interno)</td><td class="align-center" style="width: 23.3333%; height: 10px; border-color: black; border-style: solid;">**Versão do *Template:***

*1.1*

</td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Processo:**</span>  
<span style="color: #000000;">Nova ação: Cancelar Receita</span></td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do Documento:**</span>  
<span style="color: #000000;">1.1</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Responsável(eis):** </span>  
<span style="color: #000000;">Jalile Cornachioni</span></td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Data:** </span>

<span style="color: #000000;">20/082/2025</span>

</td></tr></tbody></table>

##### <span style="color: #000000;">**1. Introdução**</span>

A funcionalidade de **<span style="color: #000000;">Receita Cancelada</span>** tem como objetivo permitir que títulos inadimplentes/insolventes sejam removidos da visão do cliente, sem exclusão, preservando o histórico para auditoria. A ação pode ser aplicada de forma **individual ou em lote**, sempre de forma controlada por permissões.

##### <span style="color: #000000;">**2. Processo**</span>

[![fluxograma_cancelamento_receita.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/scaled-1680-/fluxograma-cancelamento-receita.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/fluxograma-cancelamento-receita.png)

- Usuário acessa um título registrado.
- Clica em **Cancelar Receita**.
- Sistema abre modal de confirmação (informativo + detalhes do título).
- Usuário preenche o campo **Justificativa** informando o **Motivo do Cancelamento** (obrigatório).
- Confirma ação clicando em **Cancelar Título**.
- Sistema:
    
    
    - Zera valor da receita.
    - Mantém data de vencimento e demais informações originais.
    - Registra log/auditoria da ação.
- Exibe mensagem de sucesso:  
    **“Cancelamento registrado com sucesso.”**

#### **Especificação Funcional**

- - - - - -

#### ***Protótipo de Tela:***

[![image-1755890591539.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/scaled-1680-/image-1755890591539.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/image-1755890591539.png)

##### ***Descrição dos Campos:***

- - **Título da tela:** Cancelar Receita.
    - **Dados exibidos (somente leitura):** Cliente, Número do Documento, Conta, Forma de Pagamento, Data de Vencimento, Descrição, Categoria, Valor da Receita.
    - **Data do cancelamento:** preenchida automaticamente com a data atual do sistema (não editável).
    - **Usuário responsável:** preenchido automaticamente com o usuário logado (não editável).
    - **Campo Justificativa (obrigatório):**
        
        
        - Tipo: Texto.
        - Limite sugerido: **500 caracteres**.
        - Validação: não permitir salvar sem preenchimento.

##### ***Regras de Interface:***

- Mensagem exibida no modal, antes do botão confirmar:
    
    > Atenção: esta ação irá zerar o valor do título. Esta operação não poderá ser desfeita.

- **<span style="background-color: #ffffff;">Botões</span>**
    - **Cancelar Título** (ação positiva, cor destacada). Fechar modal e exibir mensagem de sucesso: **“Cancelamento registrado com sucesso.”**
    - **Cancelar** (fecha modal sem alterações).

##### ***Regras de Negócio:***

- **Cancelar Receita**  
    
    - Ao clicar em **"Cancelar Receita"**, o sistema deve: 
        - Alterar o **valor do título** para `0,00`.
        - Solicitar o **motivo do cancelamento** em campo de texto aberto (obrigatório).
- **Relatórios e consultas**
    - Não entram em relatórios de valores em aberto/recebidos por padrão.
    - Verificar possibilidade de Filtro adicional: **Incluir títulos cancelados (zerados)**.

- **Log/Auditoria**
    
    
    - Registrar:
        
        
        - Data/hora da ação.
        - Usuário responsável.
        - Ação: “Cancelamento de título”.
        - Motivo informado.

##### ***Questões Técnicas:***

- **Criar o processo de cancelamento de receita** para atualizar campos:
    
    
    - `valor = 0.00`
- **Criar entrada em log** (pode ser tabela existente ou nova tabela de auditoria).
- **Ajustar relatórios/dashboards** para:
    
    
    - Excluir títulos com valor `0,00` por padrão.
    - Disponibilizar filtro “Incluir títulos cancelados (zerados)”.
- **Permissões de Usuário**
    
    
    - Nova permissão: **Permite cancelar título**.
    - Local: Configurações &gt; Usuários e permissões &gt; Financeiro.
    - Default: desmarcado.
- **Relatório de Títulos Cancelados (verificar possibilidade de crair)**
    
    
    - Acesso restrito a usuários com permissão contábil/financeira.
    - Exibir sempre valor zerado e vencimento original.
    - Não alterar dados originais no banco (apenas zerar valor).
    - Disponibilizar exportação (CSV, XLSX, PDF).

©SOFTEN SISTEMAS 2025

# Contas a Pagar



# Tela de listagem de contas a pagar

<table border="1" id="bkmrk-%C2%A0-projeto%2Fsistema%3Age" style="border-collapse: collapse; width: 100.123%; height: 68px;"><tbody><tr style="border-style: solid;"><td rowspan="3" style="width: 26.6667%; height: 68px; border-color: black; border-top-style: hidden; border-left-style: hidden; border-bottom-style: hidden;">  
 ![Softensistemas Logo](https://www.softensistemas.com.br/assets/img/logo.webp)

</td><td style="width: 49.9999%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Projeto/Sistema:**</span>  
<span style="color: #000000;">EVOLUÇÃO DO PRODUTO GA</span></td><td class="align-center" style="width: 23.3333%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do *Template:***</span>  
<span style="color: #000000;">1.2</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Processo:**</span>  
<span style="color: #000000;">Tela de listagem de contas a pagar</span></td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do Documento:**</span>  
<span style="color: #000000;">1.0</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Responsável(eis):** </span>  
<span style="color: #000000;">Jalile Cornachioni</span></td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Data:** </span>

<span style="color: #000000;">25/08/2025</span>

</td></tr></tbody></table>

#### **1. Objetivo geral:**

<div id="bkmrk-contas-a-pagar-do-m%C3%B3">**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.</div><div id="bkmrk-"></div>#### **2. Impacto previsto:**

<div id="bkmrk-%231---tela-de-listage"><div><span style="color: #3366ff;">\#1 - Tela de listagem de despesas</span></div><div>\#2 - Tela de nova despesa</div><div>\#3 - Tela de visualização (apenas para despesa paga)</div><div>\#4 - Tela de edição</div><div>\#5 - Tela de pagamento</div></div><div id="bkmrk--0"></div>#### **3. Descrição das alterações**

<span style="color: #3366ff;">**\#1 - Tela de listagem de despesas**</span>

- Tornar a experiência mais intuitiva e eficiente.
- Expor indicadores financeiros de forma clara e visual.
- Facilitar buscas com filtro dinâmico multi-coluna.
- Destacar acesso rápido a ações relevantes (recebimento, remessa, retorno).
- Reduzir o número de cliques para ações rotineiras.

<div id="bkmrk--1"></div>##### **3.1 Header:**

Deve apresentar o título da tela, caminho acessado e botão de nova despesa *\[funcionalidade existente - manter\]*

<div id="bkmrk--2"></div>##### **3.2 Cards com indicadores financeiros que servem de filtro** *\[funcionalidade nova\]*

[![Modelo 68 (2).png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/scaled-1680-/modelo-68-2.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/modelo-68-2.png)

<div id="bkmrk-configura%C3%A7%C3%A3o-visual-">**Configuração visual e cores:**</div>- - - Vencidas – vermelho (#DB102B) – ícone de alerta.
        - A Vencer – amarelo (#FFB300) – ícone de relógio.
        - A Pagar - azul claro (#044572) - icóne de relógio. - este valor é a soma dos titulos Vencidos e À Vencer
        - Pagos– verde (#009966) – ícone de check.
        - Total Geral – azul (#044572) – ícone de cifrão.

<div id="bkmrk-obs.%3A-todos-os-%C3%ADcone">**OBS**.: todos os ícones estão dentro de um círculo de mesma cor com 10% de opacidade.</div><div id="bkmrk--4"></div><div id="bkmrk--5"></div><div id="bkmrk-comportamento%3A">**Comportamento**:</div>- Os Cards **"A Pagar" e o "Total Geral"** **não devem** se comportar como **filtro**. 
    - - Estado inicial (dependente da data de vencimento padrão)
        - O sistema deve considerar a data de vencimento vinda do filtro como referência (por padrão, data atual do sistema – today).
        - Se existirem registros para o período filtrado: 
            - Todos os cards correspondentes aos status encontrados são carregados selecionados e coloridos.
            - A grid exibe os registros de todos os cards selecionados.
        - Se não existirem registros para um status na data filtrada: 
            - O card é carregado desmarcado e exibido em cinza (estilo “desabilitado”).
            - A grid não exibe registros desse status.
            - Caso nenhum card tenha registros para a data filtrada (ex.: domingo sem títulos):
            - Todos os cards carregam em cinza/desabilitado.
            - A grid permanece vazia.

[![Modelo 78.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/scaled-1680-/toUmodelo-78.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/toUmodelo-78.png)

##### **3.3 Sessão de filtros** *\[funcionalidade existente - manter conforme protótipo\]*

<div id="bkmrk-comportamento%3A-estad">**Comportamento**: Estado inicial = Painel de filtros expandido (expanded) ao carregar a tela.</div><div id="bkmrk-campos-e-valores-pad">Campos e valores padrão:</div>- Tipo data = Vencimento
- Campo “Data inicial”: pré-preenchido com data atual do sistema (today).
- Campo “Data final”: pré-preenchido com data atual do sistema (today).
- Validação: data final não pode ser anterior à inicial.
- Conta (dropdown) - Valor padrão: “Todas”.
- Filtro de Informações: Campo de texto = vazio por padrão.
- Dropdown lateral: valor padrão “Cliente”.
- Botão de busca (ícone lupa) dispara aplicação dos filtros.

##### **3.4 Grid de listagem de registros**

<div id="bkmrk-descri%C3%A7%C3%A3o-e-comporta">**Descrição e Comportamento**: A Grid deve conter o título "Lista de Contas a Pagar" e botões de acesso rápido:</div>- **Pagar**– Ação para registrar pagamento de títulos. Estado inicial: desabilitado e habilita quando o usuário selecionar ao menos um título.
- **Importar cnab240**– Importação de arquivos de pagamentos; sempre habilitado, e não depende de seleção de registros na grid.
- **Relatórios** - Acesso rápido a relatórios financeiros do contas a pagar.
- **Ações em Lote** – Dropdown com múltiplas ações aplicáveis aos registros selecionados. Estado inicial: desabilitado e habilita quando o usuário selecionar ao menos um título.
- **Filtros** – Botão para expandir/contrair painel de filtros. 
    - Estado inicial: todos os filtros selecionados, caso deseje, o usuário poderá desmarcar.
    - Filtros são combináveis entre si (ex.: “Com anexos” + “Registrados” + "Sem Registros).
- **Exibição** – Mostra quais colunas da grid o usuário pode exibir ou ocultar. 
    - Estado inicial: Colunas **ocultas** por padrão: "**Transferências**".
    - A ordem das opções deve seguir a ordem das colunas.

<div id="bkmrk--7"></div>##### **3.5 Coluna situações:** 

<div id="bkmrk-descri%C3%A7%C3%A3o%3A-coluna-ad">**Descrição**: Coluna adicionada à Lista de Contas a Pagar, exibe três ícones representando atributos específicos de cada título, sendo Regsitrado, Agendado e Anexo.</div><div id="bkmrk--8"></div><div id="bkmrk-comportamento%3A%C2%A0">**Comportamento**: </div>- - Registros: títulos Registrados (azul) / Não registrados (cinza)
    - Agendado: títulos agendados (azul), Não agendados (cinza)
    - Anexos: títulos Com anexos (azul) / Sem anexos (cinza)

<div id="bkmrk-obs.%3A%C2%A0">OBS.: </div>- Todos os títulos devem possuir ambos ícones (papelzinho, relógioe clips) com o padrão de de cores azul para situação ativa e cinza para a negativa.
- O sistema passará aceitar 2 anexos para o contas a pagar e deve validar o campo novo "fatura\_boleto" na tb"despesa" para marcar o ícone de agendamento como azul.
- Ícones ativos possuem a cor correspondente e exibem tooltip ao passar o mouse (por exemplo: "Agendado", "Com anexos", "Registrado").

<div id="bkmrk--9"></div>##### **3.6 Footer**

**Comportamento**:

- Quantidade de registros
    
    
    - Por padrão, a grid carrega 15 registros por página.
    - Ao selecionar 50 ou 100, o sistema recarrega a grid exibindo mais linhas sem alterar o estado dos filtros ou dos cards.
- Rolagem da tela inteira
    
    
    - A grid não possui scroll interno; a rolagem é aplicada à tela inteira.
    - Isso significa que, ao rolar para baixo, o usuário perde de vista o header com os filtros e os cards, dificultando a referência visual.

<div id="bkmrk--10"></div>#### 4. Link do Protótipo / Telas

<div id="bkmrk-listagem-de-contas-a">[Listagem de contas a pagar](https://www.figma.com/design/mN0I8GyW16Nio4YwGf82b1/Melhorias-Clarity?node-id=1394-140266&t=Wg3NsYpjUtd9g1Ng-0)</div>####  

©SOFTEN SISTEMAS 2025

# Tela Nova Despesa

<table border="1" id="bkmrk-%C2%A0-projeto%2Fsistema%3Age" style="border-collapse: collapse; width: 100.123%; height: 68px;"><tbody><tr style="border-style: solid;"><td rowspan="3" style="width: 26.6667%; height: 68px; border-color: black; border-top-style: hidden; border-left-style: hidden; border-bottom-style: hidden;">  
 ![Softensistemas Logo](https://www.softensistemas.com.br/assets/img/logo.webp)

</td><td style="width: 36.6667%;">**Projeto/Sistema:**  
[Evolução do Produto GA - Interno](https://docs.softensistemas.com.br/shelves/evolucao-do-produto-ga-interno)

</td><td class="align-center" style="width: 36.6667%;">**Versão do *Template:***  
1.1</td></tr><tr><td style="width: 36.6667%;">**Processo:**  
Tela nova despesa</td><td class="align-center" style="width: 36.6667%;">**Versão do Documento:**  
1.0</td></tr><tr><td style="width: 36.6667%;">**Responsável(eis):**   
Jalile Cornachioni</td><td class="align-center" style="width: 36.6667%;">**Data:**

25/08/2025

</td></tr></tbody></table>

#### **1. Objetivo geral:**

<div id="bkmrk-contas-a-pagar%C2%A0do-m%C3%B3">**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.</div><div id="bkmrk-"></div>#### **2. Impacto previsto:**

<div id="bkmrk-%231---tela-de-listage"><div>\#1 - Tela de listagem de despesas</div><div><span style="color: #3366ff;">\#2 - Tela de nova despesa</span></div><div>\#3 - Tela de visualização (apenas para despesa paga)</div><div>\#4 - Tela de edição</div><div>\#5 - Tela de pagamento</div></div><div id="bkmrk--0"></div>#### **3. Descrição das alterações**

<span style="color: #3366ff;">**\#2 - Tela de nova despesa**</span>

A tela de Nova Despesa tem como objetivo permitir que o usuário cadastre rapidamente um novo lançamento no Contas a Pagar, informando os dados essenciais. Reposicionamos os campos obrigatórios e mais utilizados para o topo da tela, facilitando o acesso e acelerando o preenchimento. Embora a funcionalidade em si não tenha mudado, o layout foi modernizado para melhorar a experiência do usuário e reduzir o tempo de operação.

3.1 **Header – Informações da Despesa**

- **Título:** Nova Despesa - Identificação visual da área de cadastro da despesa.
- **Preenchimento Automático via IA** - Área para importação de arquivo para preenchimento da despesa de forma automatizada, deita por IA.
- **Campos obrigatórios e prioritários**: Fornecedor, Número do Documento, Descrição, Conta, Categoria, Forma de Pagamento, Data de Vencimento, e Valor da Despesa.
- **Pagamento Agendado**: Toggle Switch para marcar o título como agendado ou não.
- Linha digitável: Campo texto reservado para linha digitável do boleto.
- **Valores default**: Conta = "Caixa Fìsico" e Forma de Pagamento = "Dinheiro".
- **Indicador de status**: Selo “A Vencer” posicionado no topo direito, em amarelo (#FFB300).


**3.2. Grid – Repetição de Lançamentos**

- **Campos de configuração**: Quantidade de lançamentos e período de repetição (ex.: mensal).
- **Tabela de parcelas**: Lista com número da parcela e respectiva data de lançamento.
- **Controles de expansão/retração**: Permitem ocultar ou exibir detalhes dessa seção.

**3.3. Rodapé – Informações Adicionais e Ações**

- **Campo de observação**: Área livre para comentários e detalhes adicionais.
- **Upload de fatura/boleto**: Deve ser utilizado para anexar uma cópia da fatura.
- **Upload de comprovante**: Botão “Adicionar Comprovante” com instruções de formato e tamanho de arquivo.
- **Botões de ação**: “Salvar e Fechar” e “Salvar e Pagar”, posicionados para finalização rápida da operação.

[![image-1756133290280.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/scaled-1680-/image-1756133290280.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/image-1756133290280.png)

**3.4 Comportamento geral da tela:**

No estado inicial, a sessão "informações da Despesa" deve estar no estado **expanded** (aberto) e os demais accordions renderizados em estado **collapsed** (fechados), exibindo apenas o header de cada seção. O usuário pode expandir ou retrair cada accordion de forma independente, conforme sua necessidade.

#### 4. Link do Protótipo / Telas

<div id="bkmrk-nova-receita">[Nova Receita](https://www.figma.com/design/mN0I8GyW16Nio4YwGf82b1/Melhorias-Clarity?node-id=1611-7588&t=Wg3NsYpjUtd9g1Ng-0)</div><div id="bkmrk--1"><div><button class="button outline icon" data-clipboard-target="#pointer-url" title="Copiar Link" type="button"><svg class="svg-icon" data-icon="copy" role="presentation" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"></svg></button></div>[<svg class="svg-icon" data-icon="edit" role="presentation" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"></svg>](https://docs.softensistemas.com.br/books/financeiro/page/tela-nova-receita/edit?content-id=bkmrk-5.-telas&content-text=5.%20Telas "Editar Conteúdo")</div>©SOFTEN SISTEMAS 2025

<div id="bkmrk--3"><div><div></div></div></div>

# Tela de visualização da despesa

<table border="1" id="bkmrk-%C2%A0-projeto%2Fsistema%3Age" style="border-collapse: collapse; width: 100.123%; height: 68px;"><tbody><tr style="border-style: solid;"><td rowspan="3" style="width: 26.6667%; height: 68px; border-color: black; border-top-style: hidden; border-left-style: hidden; border-bottom-style: hidden;">  
 ![Softensistemas Logo](https://www.softensistemas.com.br/assets/img/logo.webp)

</td><td style="width: 49.9999%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Projeto/Sistema:**</span>  
<span style="color: #000000;">GERENCIAMENTO DE PROJETOS</span></td><td class="align-center" style="width: 23.3333%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do *Template:***</span>  
<span style="color: #000000;">1.2</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Processo:**</span>  
<span style="color: #000000;">Tela de visualização da despesa</span></td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do Documento:**</span>  
<span style="color: #000000;">1.0</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Responsável(eis):** </span>  
<span style="color: #000000;">Jalile Cornachioni</span></td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Data:** </span>

<span style="color: #000000;">18/08/2025</span>

</td></tr></tbody></table>

#### **1. Objetivo geral:**

<div id="bkmrk-contas-a-pagar-do-m%C3%B3">**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.</div><div id="bkmrk-"></div>#### **2. Impacto previsto:**

<div id="bkmrk-%231---tela-de-listage"><div>\#1 - Tela de listagem de despesas</div><div>\#2 - Tela de nova despesa</div><div><span style="color: #3366ff;">\#3 - Tela de visualização (apenas para despesa paga)</span></div><div>\#4 - Tela de edição</div><div>\#5 - Tela de pagamento</div></div>#### **3. Descrição das alterações**

<span style="color: #3366ff;">**\#3. Tela de visualização da despesa**</span>

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: <span style="color: #000000;">"*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."*</span>
- 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 &gt; Contas a Pagar"**
- **Permissão de usuário "Financeiro &gt; 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 

<div id="bkmrk-prot%C3%B3tipo">[Protótipo](https://www.figma.com/design/mN0I8GyW16Nio4YwGf82b1/Melhorias-Clarity?node-id=1611-3682&t=Wg3NsYpjUtd9g1Ng-0)</div><div id="bkmrk--2"><svg class="svg-icon" data-icon="link" role="presentation" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"></svg>[![Modelo 97.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/scaled-1680-/modelo-97.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/modelo-97.png)<div></div></div>©SOFTEN SISTEMAS 2025

# Tela de edição da despesa

<table border="1" id="bkmrk-%C2%A0-projeto%2Fsistema%3Age" style="border-collapse: collapse; width: 100.123%; height: 68px;"><tbody><tr style="border-style: solid;"><td rowspan="3" style="width: 26.6667%; height: 68px; border-color: black; border-top-style: hidden; border-left-style: hidden; border-bottom-style: hidden;">  
 ![Softensistemas Logo](https://www.softensistemas.com.br/assets/img/logo.webp)

</td><td style="width: 49.9999%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Projeto/Sistema:**</span>  
<span style="color: #000000;">GERENCIAMENTO DE PROJETOS</span></td><td class="align-center" style="width: 23.3333%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do *Template:***</span>  
<span style="color: #000000;">1.2</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Processo:**</span>  
<span style="color: #000000;">Tela de edição da despesa</span></td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do Documento:**</span>  
<span style="color: #000000;">1.0</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Responsável(eis):** </span>  
<span style="color: #000000;">Jalile Cornachioni</span></td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Data:** </span>

<span style="color: #000000;">25/08/2025</span>

</td></tr></tbody></table>

#### **1. Objetivo geral:**

<div id="bkmrk-contas-a-pagar-do-m%C3%B3">**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.</div><div id="bkmrk-"></div>#### **2. Impacto previsto:**

<div id="bkmrk-%231---tela-de-listage"><div>\#1 - Tela de listagem de despesas</div><div>\#2 - Tela de nova despesa</div><div>\#3 - Tela de visualização (apenas para despesa paga)</div><div><span style="color: #3366ff;">\#4 - Tela de edição</span></div><div>\#5 - Tela de pagamento</div></div>#### **3. Descrição das alterações**

<span style="color: #3366ff;">**\#4 - Tela de edição da despesa**</span>

O objetivo da mudança é **modernizar o layout da tela de edição de despesa**, tornando a experiência do usuário mais clara, intuitiva e alinhada ao padrão visual atualizado do sistema.

##### 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:** *Editar despesa*  \[Número da despesa\]" (ex.: despesa 12345-1/3)
- **Ícone** **indicando registro e anexo:** Icon de relógio para indicar agendado e clips para títulos com anexo.
- **Status do título:** Label: "À vencer", "Vencido"
- **Informações de criação**: Label: "Criado em \[Data\] por \[Usuário\]"

**3.1.2 Informações da Despesa**

- **Fornecedor**(campo bloqueado, apenas visualização).
- **Número do Documento** e **Descrição**.
- **Conta**, **Categoria**, **Forma de Pagamento**.
- **Data de Vencimento**.
- **Valor da Despesa**(com validações de edição).
- **Pagamento Agendado**
- **Linha digitável**

**3.1.3 Alterações de valores**

- **Valor Original** (bloqueado).
- **Juros/Multa** (editável conforme status).
- **Desconto** (editável conforme status).
- **Valor da Despesa final** (cálculo automático com destaque).

**3.1.4 Informações adicionais**

- **Observação** (texto livre).
- **Comprovantes**: upload de arquivos (limite de tamanho, extensões permitidas, múltiplos anexos).

**3.1.5 Botões de ação:**

- **Salvar e Fechar:** Salva alterações e fecha a tela voltando para a tela de listagem de despesas
- **Salvar e Pagar :** Salva alterações e abre tela de pagamento

#### 4. Link do Protótipo 

<div id="bkmrk-edi%C3%A7%C3%A3o-da-despesa">[Edição da despesa](https://www.figma.com/design/mN0I8GyW16Nio4YwGf82b1/Melhorias-Clarity?node-id=1611-4799&t=Wg3NsYpjUtd9g1Ng-0)</div>#### 5. Telas

[![Modelo 81 (2).png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/scaled-1680-/modelo-81-2.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/modelo-81-2.png)

©SOFTEN SISTEMAS 2025

# Tela de pagamento

<table border="1" id="bkmrk-%C2%A0-projeto%2Fsistema%3Age" style="border-collapse: collapse; width: 100.123%; height: 68px;"><tbody><tr style="border-style: solid;"><td rowspan="3" style="width: 26.6667%; height: 68px; border-color: black; border-top-style: hidden; border-left-style: hidden; border-bottom-style: hidden;">  
 ![Softensistemas Logo](https://www.softensistemas.com.br/assets/img/logo.webp)

</td><td style="width: 49.9999%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Projeto/Sistema:**</span>  
[Evolução do Produto GA - Interno](https://docs.softensistemas.com.br/shelves/evolucao-do-produto-ga-interno)

</td><td class="align-center" style="width: 23.3333%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do *Template:***</span>  
<span style="color: #000000;">1.1</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Processo:**</span>  
Pagamento da despesa</td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do Documento:**</span>  
<span style="color: #000000;">1.0</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Responsável(eis):** </span>  
<span style="color: #000000;">Jalile Cornachioni</span></td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Data:** </span>

<span style="color: #000000;">25/08/2025</span>

</td></tr></tbody></table>

#### **1. Objetivo geral:**

<div id="bkmrk-contas-a-pagar-do-m%C3%B3">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.</div><div id="bkmrk-"></div>#### **2. Impacto previsto:**

<div id="bkmrk-%231---tela-de-listage"><div><div>\#1 - Tela de listagem de despesas</div><div>\#2 - Tela de nova despesa</div><div>\#3 - Tela de visualização (apenas para despesa paga)</div><div>\#4 - Tela de edição</div><div><span style="color: #3366ff;">\#5 - Tela de pagamento</span></div></div></div>#### **3. Descrição das alterações**

<div id="bkmrk-%235---tela-de-pagamen">**<span style="color: #3366ff;">\#5 - Tela de pagamento</span>**</div><div id="bkmrk-a-tela-de-pagamento-">A tela de **Pagamento de Despesa** foi modernizada para oferecer uma experiência mais clara e eficiente no processo de baixa de títulos, permitindo tanto o pagamento unitário quanto múltiplo. A nova interface organiza informações essenciais (valor original, multa, juros, desconto, acréscimos e valor final a pagar) de forma intuitiva</div><div id="bkmrk--0"></div>##### 3.1 Detalhes da tela

**3.1.1 Header (Cabeçalho)**

- **Título**: “Pagamento Conta”

**3.1.2. Dados de Recebimento**

- **Data pagamento** (campo obrigatório): campo de data com calendário para seleção.
- **Conta**: lista suspensa para escolha da conta de destino (ex.: Caixa, Banco).
- **Total a pagar:** Valor fixo baseado na soma do valor original dos títulos selecionados.
- **Total pago:** Valor a pagar, considerando juros e acréscimos.

**3.1.3. Referente a estes pagamentos (Tabela de Títulos)**

- Tabela listando os títulos selecionados para recebimento, com as seguintes colunas:
- **Desc./Fornecedor**: identificação do cliente ou descrição da despesa.
- **Nº Documento:** número do título/documento.
- **Vencimento**: data de vencimento do título.
- **Valor Original:** valor principal do título.
- **Multa:** campo editável para inserção de multa.
- **Juros**: campo editável para juros aplicados.
- **Desconto**: campo editável para descontos concedidos.
- **Acréscimo**: campo editável para acréscimos manuais.
- **Valor a Pagmento:** cálculo automático do valor final considerando os ajustes.

**3.1.4. Ações do Rodapé**

- **Cancelar**: retorna para a tela anterior sem efetivar o recebimento.
- **Pagar**: confirma a operação de baixa, aplicando os valores informados.

##### 3.2 Comportamento geral da tela:

A tela deve abrir em modo edição com os campos:

- **Data pagamento** deve ser atribuído data atual e respeitar a configuração FInanceiro &gt; **Proibir lançamentos com data retroativa**", ou seja, habilitar somente se este campo estiver desmarcado na configuração adicional do sistema.
- Todos os **demais campos** dever estar habilitados para edição, respeitando as configurações de usuário.
- Ao imputar valor nos campos de acréscimo, juros/multa e/ou desconto o sistema deve recalcular o valor no campo "Valor pagamento" (manter o funcionamento atual)

#### 4. Link do Protótipo 

<div id="bkmrk-pagamento-de-despesa">[Pagamento de despesa](https://www.figma.com/design/mN0I8GyW16Nio4YwGf82b1/Melhorias-Clarity?node-id=1611-2812&t=Wg3NsYpjUtd9g1Ng-0)</div><div id="bkmrk--1"></div>#### 5. Telas

[![Modelo 65 (2).png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/scaled-1680-/modelo-65-2.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-08/modelo-65-2.png)

<div id="bkmrk--3"></div><div id="bkmrk-%C2%A9soften-sistemas-202">©SOFTEN SISTEMAS 2025</div><div id="bkmrk--4"></div>

# Pagamento Unificado



# Pagamento Unificado

<table border="1" id="bkmrk-%C2%A0-projeto%2Fsistema%3Age" style="border-collapse: collapse; width: 100.123%; height: 68px;"><tbody><tr style="border-style: solid;"><td rowspan="3" style="width: 26.6667%; height: 68px; border-color: black; border-top-style: hidden; border-left-style: hidden; border-bottom-style: hidden;">  
[![image-1762776253666.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/scaled-1680-/1ycimage-1762776253666.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/1ycimage-1762776253666.png)

</td><td style="width: 49.9999%; height: 10px; border-color: black; border-style: solid; text-align: justify;"><span style="color: #000000;">**Projeto/Sistema:**</span>  
<span style="color: #000000;">GERENCIAMENTO DE PROJETOS</span></td><td style="width: 23.3333%; height: 10px; border-color: black; border-style: solid; text-align: justify;"><span style="color: #000000;">**Versão do *Template:***</span>  
<span style="color: #000000;">1.2</span></td></tr><tr style="border-style: solid; text-align: justify;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Processo:**</span>  
Pagamento Unificado – GA (GerencieAqui)

</td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do Documento:**</span>  
<span style="color: #000000;">2,0</span></td></tr><tr style="border-style: solid; text-align: justify;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Responsável(eis):** </span>  
<span style="color: #000000;">Jalile Cornachioni</span></td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Data:** </span>

<span style="color: #000000;">10/11/2025</span>

</td></tr></tbody></table>

##### <span style="color: #000000;">**1. Introdução**</span>

Atualmente, o GA possui múltiplos módulos que geram pagamentos (ex.: emissão de nota fiscal, ordem de serviço, pedido de venda, NF-e, NFC-e etc). Cada módulo trata pagamentos de forma isolada, o que gera duplicidade de lógica, inconsistência na experiência do usuário e maior dificuldade de manutenção.

Hoje, todos pagamentos são registrados diretamente nas telas de cada módulo, criando títulos ou parcelas futuras no financeiro, que só são baixados após vencimento ou conciliação. Os pagamentos imediatos (**dinheiro, cartão, PIX**) também seguem fluxos individuais em cada módulo.

O Pagamento Unificado centraliza, em um único modal, o registro de pagamentos imediatos e parcelados utilizados em diversos módulos do GerencieAqui.  
Atualmente, cada módulo (NF-e, Pedido de Venda, Ordem de Serviço etc.) possui lógica própria de pagamento, o que gera inconsistências, retrabalho e manutenção complexa.

O objetivo é padronizar o fluxo garantindo:

- coerência fiscal e financeira
- interface única
- menor carga de suporte
- integração facilitada com TEF, SmartPOS e PIX
- redução de divergências entre módulos

O modal deve ser aberto a partir de qualquer tela que necessite registrar pagamentos<span style="background-color: #ffff99;"> **exceto**: caixa, PDV, restaurante e venda garçom (verificar se essa regra será mantida em todas as UF e módulos?)</span>

- - - - - -

##### <span style="color: #000000;">**2. Fluxograma Geral**</span>

[![pagamento unificadoV2.jpg](https://docs.softensistemas.com.br/uploads/images/gallery/2025-09/scaled-1680-/Hm2pagamento-unificadov2.jpg)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-09/Hm2pagamento-unificadov2.jpg)

*--- Fluxograma de abertura do modal de pagamento unificado ---*

[![image-1758910084512.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-09/scaled-1680-/image-1758910084512.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-09/image-1758910084512.png)

 *---Exemplo do fluxo completo ---*

- - - - - -

#### **Processos Relacionados**

<table cellpadding="9" cellspacing="0" id="bkmrk-processo-envolvidos-" style="width: 98.1481%; height: 718px;" width="100%"><tbody><tr style="height: 35px;" valign="top"><td bgcolor="#acb9ca" style="border-style: solid; border-color: black; width: 31.4421%; height: 35px;" width="27%"><span style="font-size: small; color: #000000;">**Processo**</span>

</td><td bgcolor="#acb9ca" style="border-style: solid; border-color: black; width: 17.9402%; height: 35px;" width="19%"><span style="font-size: small; color: #000000;">**Envolvidos**</span>

</td><td bgcolor="#acb9ca" style="border-style: solid; border-color: black; width: 21.6051%; height: 35px;" width="27%"><span style="font-size: small; color: #000000;">**Dados de Entrada**</span>

</td><td bgcolor="#acb9ca" style="border-style: solid; border-color: black; width: 32.3459%; height: 35px;" width="27%"><span style="font-size: small; color: #000000;">**Dados de Saída**</span>

</td></tr><tr style="height: 80px;"><td style="width: 31.4421%; height: 80px;">PROC001 -Aplicar desconto/acréscimo</td><td style="width: 17.9402%; height: 80px;">Operador do caixa</td><td style="width: 21.6051%; height: 80px;">Valor do desconto ou acréscimo</td><td style="width: 32.3459%; height: 80px;">Total líquido recalculado e resumo atualizado</td></tr><tr style="height: 46px;"><td style="width: 31.4421%; height: 46px;">PROC002 - Registro de Pagamento em Dinheiro</td><td style="width: 17.9402%; height: 46px;">Operador do caixa</td><td style="width: 21.6051%; height: 46px;">Valor recebido</td><td style="width: 32.3459%; height: 46px;">Troco calculado, valor quitado e parcela registrada</td></tr><tr style="height: 63px;"><td style="width: 31.4421%; height: 63px;">PROC003 -Registro de Pagamento em Cartão de Crédito</td><td style="width: 17.9402%; height: 63px;">Operador do caixa, Cliente</td><td style="width: 21.6051%; height: 63px;">Valor, quantidade de parcelas, bandeira, CNPJ da credenciadora, código de autorização</td><td style="width: 32.3459%; height: 63px;">Pagamento parcelado registrado e transação gerada (quando integrado ao TEF/API)</td></tr><tr style="height: 63px;"><td style="width: 31.4421%; height: 63px;">PROC004 - Registro de Pagamento em Cartão de Débito</td><td style="width: 17.9402%; height: 63px;">Operador do caixa, Cliente</td><td style="width: 21.6051%; height: 63px;">Valor, bandeira, CNPJ da credenciadora, código de autorização</td><td style="width: 32.3459%; height: 63px;">Pagamento registrado e transação gerada (quando integrado ao TEF/API)</td></tr><tr style="height: 46px;"><td style="width: 31.4421%; height: 46px;">PROC005 - Registro de Pagamento em Boleto</td><td style="width: 17.9402%; height: 46px;">Operador do caixa, Cliente</td><td style="width: 21.6051%; height: 46px;">Valor, Data de vencimento</td><td style="width: 32.3459%; height: 46px;">Boleto gerado e título criado com status pendente</td></tr><tr style="height: 63px;"><td style="width: 31.4421%; height: 63px;">PROC006 - Registro de Pagamento via PIX</td><td style="width: 17.9402%; height: 63px;">Operador do caixa, Cliente</td><td style="width: 21.6051%; height: 63px;">Valor (manual ou auto-preenchido), chave PIX/QR Code</td><td style="width: 32.3459%; height: 63px;">Status do pagamento (Aguardando, Pago, Expirado) e registro do pagamento</td></tr><tr style="height: 80px;"><td style="width: 31.4421%; height: 80px;">PROC007 - Registro de Pagamento em Outros Métodos</td><td style="width: 17.9402%; height: 80px;">Operador do caixa, Cliente</td><td style="width: 21.6051%; height: 80px;">Tipo de pagamento (vale, ticket, fidelidade), Valor, Código de autorização (opcional)</td><td style="width: 32.3459%; height: 80px;">Registro da transação alternativa</td></tr><tr style="height: 46px;"><td style="width: 31.4421%; height: 46px;">PROC008 - Adicionar múltiplas formas de pagamento</td><td style="width: 17.9402%; height: 46px;">Operador do caixa</td><td style="width: 21.6051%; height: 46px;">Lista de pagamentos inseridos</td><td style="width: 32.3459%; height: 46px;">Pagamentos registrados, saldo recalculado e acordeons atualizados</td></tr><tr style="height: 63px;"><td style="width: 31.4421%; height: 63px;">PROC009 - Editar pagamento já lançado</td><td style="width: 17.9402%; height: 63px;">Operador do caixa</td><td style="width: 21.6051%; height: 63px;">Dados do pagamento selecionado (valor, vencimento, parcelas etc.)</td><td style="width: 32.3459%; height: 63px;">Pagamento atualizado e saldo recalculado</td></tr><tr style="height: 46px;"><td style="width: 31.4421%; height: 46px;">PROC010- Excluir pagamento já lançado</td><td style="width: 17.9402%; height: 46px;">Operador do caixa</td><td style="width: 21.6051%; height: 46px;">Identificação do pagamento selecionado</td><td style="width: 32.3459%; height: 46px;">Pagamento removido e saldo recalculado</td></tr><tr style="height: 29px;"><td style="width: 31.4421%; height: 29px;">PROC011 - Quitar Restante</td><td style="width: 17.9402%; height: 29px;">Operador do caixa</td><td style="width: 21.6051%; height: 29px;">Saldo pendente e forma de pagamento selecionada</td><td style="width: 32.3459%; height: 29px;">Campo preenchido automaticamente com o valor restante</td></tr><tr style="height: 29px;"><td style="width: 31.4421%; height: 29px;">PROC012 - Finalizar Pagamento</td><td style="width: 17.9402%; height: 29px;">Operador do caixa</td><td style="width: 21.6051%; height: 29px;">Todos os pagamentos registrados e saldo zerado</td><td style="width: 32.3459%; height: 29px;">Venda concluída e registros financeiros emitidos</td></tr><tr style="height: 29px;"><td style="width: 31.4421%; height: 29px;">PROC013 - Cancelar</td><td style="width: 17.9402%; height: 29px;">Operador do caixa</td><td style="width: 21.6051%; height: 29px;">Ação do usuário</td><td style="width: 32.3459%; height: 29px;">Modal fechado sem registrar alterações</td></tr></tbody></table>

- [PROC001 – Aplicar desconto/acréscimo](https://docs.softensistemas.com.br/books/financeiro/page/proc001-aplicar-descontoacrescimo)
- [PROC002 – Registro de Pagamento em Dinheiro](https://docs.softensistemas.com.br/books/financeiro/page/proc002-registro-de-pagamento-em-dinheiro)
- [PROC003 – Registro de Pagamento em Cartão de Crédito](https://docs.softensistemas.com.br/books/financeiro/page/proc003-registro-de-pagamento-em-cartao-de-credito)
- [PROC004 – Registro de Pagamento em Cartão de Débito](https://docs.softensistemas.com.br/books/financeiro/page/proc004-registro-de-pagamento-em-cartao-de-debito)
- [PROC005 – Registro de Pagamento em Boleto](https://docs.softensistemas.com.br/books/financeiro/page/proc005-registro-de-pagamento-em-boleto)
- [PROC006 – Registro de Pagamento via PIX](https://docs.softensistemas.com.br/books/financeiro/page/proc006-registro-de-pagamento-via-pix)
- [PROC007 – Registro de Pagamento em Outros Métodos](https://docs.softensistemas.com.br/books/financeiro/page/proc007-registro-de-pagamento-em-outros-metodos)
- [PROC008 – Adicionar múltiplas formas de pagamento](https://docs.softensistemas.com.br/books/financeiro/page/proc008-adicionar-multiplas-formas-de-pagamento)
- [PROC012 – Finalizar Pagamento](https://docs.softensistemas.com.br/books/financeiro/page/proc012-finalizar-pagamento)

- - - - - -

***Descrição dos Campos:***

##### **Cabeçalho**

[![Modelo 151.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/scaled-1680-/modelo-151.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/modelo-151.png)

- **Registrar Pagamento** → título da tela.
- **Data da venda**→ indica a data e horário em que a venda foi realizada.

- - - - - -

##### **Resumo da Venda (lado esquerdo)**

[![image-1761179732045.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-10/scaled-1680-/image-1761179732045.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-10/image-1761179732045.png)

- **Total da Compra:** → valor bruto da venda antes de descontos ou acréscimos.
- **Descontos: - R$ 0,00** → abatimento aplicado ao pedido.
- **Acréscimos: + R$ 0,00** → juros, taxas ou adicionais aplicados.
- **Total Líquido da venda:** → valor final a ser pago, já considerando descontos e acréscimos.
- O valor deve se atualizar automaticamente conforme os pagamentos são inseridos ou editados.

- - - - - -

##### **Pagamentos Adicionados (lado esquerdo)**

[![image-1761179753260.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-10/scaled-1680-/image-1761179753260.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-10/image-1761179753260.png)

Tabela com os pagamentos já registrados pelo usuário:

- **Nº Parcela** → número sequencial da parcela.
- **Parcelas** → quantidade total de parcelas.
- **Forma Pgtº** → método escolhido (ex: cartão de crédito, boleto, etc.).
- **Valor** → valor de cada parcela ou lançamento.
- **Data Vencimento** → quando a parcela deve ser paga.
- **Ações** → botões para excluir ou editar o pagamento.

- - - - - -

##### **Resumo de Pagamentos (lado esquerdo – rodapé)**

[![image-1761179779525.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-10/scaled-1680-/image-1761179779525.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-10/image-1761179779525.png)

- **Devedor:** → valor que ainda não foi quitado.
- **Pago:** → valor já registrado como pago.
- **Saldo a Pagar:** → diferença pendente para concluir o pagamento.
- **Recebido:** → valor efetivamente recebido em caixa.
- **Troco:**  → valor a devolver ao cliente, se pago em dinheiro com valor maior.

- - - - - -

##### **Forma de Pagamento (lado direito)**

[![image-1761179804555.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-10/scaled-1680-/image-1761179804555.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-10/image-1761179804555.png)

Opções para escolha do método de pagamento:

- **Dinheiro**
- **Crédito**
- **Débito**
- **Boleto**
- **PIX**
- **Outros (vale, ticket, fidelidade etc.)**

- - - - - -

##### **Campos Variáveis por Forma de Pagamento**

##### Dinheiro

- Valor recebido (input)
- Troco (calculado)

##### Cartão de Crédito

- Valor
- Quantidade de parcelas
- Bandeira
- CNPJ da credenciadora
- Código de autorização

<span style="background-color: #ffff99;">GAP: confirmar se o código de autorização é obrigatório em todas integrações TEF e todas UF (?)</span>

##### Cartão de Débito

- Valor
- Bandeira
- CNPJ da credenciadora
- Código de autorização

##### Boleto

- Valor
- Data de vencimento
- Botão “Gerar Boleto”  
    <span style="background-color: #ffff99;">GAP: boleto será gerado internamente ou via integração futura (?)</span>

##### PIX

- Valor
- QR Code / chave PIX
- Status: Aguardando, Pago ou Expirado
- Botão “Copiar chave PIX”

<span style="background-color: #ffff99;">GAP: pagamento pode ser finalizado antes da confirmação do PIX? (?)</span>

##### Outros

- Tipo de pagamento
- Valor
- Código de autorização (opcional)

- - - - - -

##### **Ações Principais**


[![image-1761179862711.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-10/scaled-1680-/image-1761179862711.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-10/image-1761179862711.png)

- **Quitar Restante** → ajusta o pagamento para liquidar o saldo total da venda automaticamente.
- **Adicionar Pagamento** → insere o pagamento configurado na lista de "Pagamentos Adicionados".
- <span style="background-color: #ffff99;">**Finalizar Pagamento** → conclui a operação e fecha a venda.</span>
- **Cancelar** → interrompe o processo sem salvar.

- - - - - -

#### **Especificação Funcional**

##### ***Regras de Interface:***

##### <span style="color: #333333;">1. Estrutura Geral</span>

- A tela é dividida em dois grandes blocos:  
    **lado esquerdo** (resumo e pagamentos adicionados) e **lado direito** (formas de pagamento e campos dinâmicos).
- O layout deve ser responsivo e manter proporcionalidade entre colunas.

##### 2. Resumo da Venda

- Sempre visível no topo do lado esquerdo.
- Valores devem se recalcular automaticamente ao adicionar, editar ou excluir pagamentos.
- Total Líquido deve refletir descontos e acréscimos em tempo real.

##### 3. Pagamentos Adicionados

- Todos os pagamentos registrados devem ser exibidos em uma grid única, onde cada linha representa um lançamento individual — seja pagamento à vista, parcelado ou de qualquer forma de pagamento disponível.
- A grid deve conter as colunas fixas:
    
    
    - Nº Parcela
    - Forma Pgtº
    - Valor
    - Data de Vencimento
    - Ações (Editar / Excluir)
- Pagamentos parcelados (ex.: cartão de crédito) devem gerar uma linha por parcela, numeradas corretamente.
- Pagamentos à vista devem gerar uma única linha.
- Os ícones de edição e exclusão devem permanecer alinhados à direita da grid.
- A grid deve recalcular os indicadores (Devedor, Pago, Saldo a Pagar) sempre que:
    
    
    - um pagamento for adicionado
    - editado
    - excluído
- A ordenação da grid deve respeitar a ordem de inserção dos pagamentos.

##### 4. Indicadores Financeiros

- Devedor, Pago, Saldo a Pagar, Recebido e Troco aparecem no footer do lado esquerdo.
- Valores mudam conforme o usuário interage com a tela.
- Troco só aparece quando a forma de pagamento ativa for "Dinheiro".

##### 5. Formas de Pagamento (painel direito)

- Botões de seleção devem ter estado ativo/inativo bem definido.
- Ao clicar em uma forma, exibem-se apenas os campos pertencentes àquela forma.
- Mudança de forma limpa os campos preenchidos anteriormente (?)

##### 6. Campos Dinâmicos

- Inputs numéricos devem aceitar apenas números válidos.
- Data picker para vencimento deve respeitar bloqueios de datas inválidas (ex.: datas passadas?) (?)
- Combobox/bandeiras carregados conforme cadastro prévio no sistema.

##### 7. Ações Principais

- **Adicionar Pagamento**: sempre habilitado quando houver valores válidos preenchidos.
- **Quitar Restante**: sugere automaticamente o valor faltante com a forma selecionada.
- **Finalizar Pagamento**: habilitado somente quando **Saldo a Pagar = 0**.
- **Cancelar**: fecha modal sem salvar.

##### 8. Mensagens e Validações

- Alertas de erro devem aparecer inline abaixo do campo correspondente.
- O sistema não deve permitir:
    
    
    - valores zero
    - valores negativos
    - parcelas sem valor
    - vencimentos inválidos
- Quando o TEF/PIX estiver pendente, status deve aparecer destacado.

##### 9. Responsividade

- O layout deve se adaptar para uso em telas menores, mantendo o agrupamento por colunas.
- Acordeons devem se comportar como listas empilhadas no mobile.

##### 10. Comportamento do Modal

- - - Modal deve bloquear ações externas enquanto ativo.
        - Fechamento por “X” ou “Cancelar” sempre descarta alterações.
        - Modal deve ser centralizado e com largura máxima definida para evitar poluição visual.

##### ***Regras de Negócio:***

1. Não é permitido finalizar pagamento se houver saldo pendente.
2. Pagamentos parciais podem ser feitos com diferentes formas de pagamento.
3. O sistema deve validar valores inseridos (não permitir valor 0 ou negativo).
4. No caso de PIX e boleto, o sistema deve aguardar confirmação do pagamento antes de marcar como quitado (quando integrado com gateway/banco).
5. Para cartões de crédito/débito, deve ser gerada transação vinculada a TEF/API de pagamento quando disponível.
6. O usuário deve conseguir registrar pagamentos múltiplos em diferentes formas.
7. O sistema deve calcular automaticamente o saldo restante.
8. Botão Finalizar Pagamento deve ficar disponível apenas quando o saldo for quitado.
9. Tela deve estar responsiva e com boa usabilidade.

##### Regras para o modal de pagamento unificado baseado nos formulários de telas origem

- O sistema não deve exibir campos de Frete e Impostos no modal do Pagamento Unificado.
- O sistema deve considerar Frete e Impostos no cálculo do Total da Compra somente se esses valores já fizerem parte do total enviado pela tela de origem.
- O sistema não deve tentar carregar, exibir ou permitir edição de Frete ou Impostos dentro do modal.
- Caso o usuário precise alterar Frete ou Impostos, ele deve cancelar o Pagamento Unificado, ajustar esses valores na tela de origem e, só então, reabrir o modal.
- Ao reabrir o Pagamento Unificado, o sistema deve receber o total já recalculado na origem, incluindo Frete e Impostos quando aplicável.
- Nenhum comportamento de UI referente a Frete ou Impostos será implementado no modal. Total Líquido será calculado apenas em cima do valor total recebido da origem, Descontos e Acréscimos.

<span style="background-color: #ffff99;">GAP: definir se a recusa do TEF cancela automaticamente o item no modal (?)</span>

##### ***Questões Técnicas:***

<span style="background-color: #ffff99;">***1. Descrição de mudanças na base de dados, ou integração de API, ou arquivo que deva ser gerado.***</span>

####  

#### **Fluxos que Disparam o Pagamento Unificado**

- - - - - -

**Comercial**

- **Orçamento** → Permite registrar intenção de venda; caso seja convertido em venda com pagamento imediato, chamará o modal.
- **Pedido de Venda** → Passa a acionar o modal para pagamentos à vista (dinheiro, cartão, PIX).
- **Ordem de Serviço** → Chamará o modal quando o cliente pagar serviços à vista; mantém fluxo próprio em caso de parcelamento/boleto.
- <span style="background-color: #ffff99;">**Pré-venda (?)** → Deve ser avaliado se há necessidade de registrar pagamentos; se sim, pode usar o modal.</span>
- <span style="background-color: #ffff99;">**Venda Touch (?)** → Se trabalhar com pagamento imediato no ponto de venda, integrará diretamente com o modal.</span>

**Fiscal**

- **NF-e** → Ao registrar pagamento, deve indicar se é à vista ou a prazo; pagamentos à vista chamam o modal.
- **NFC-e** → Funciona como frente de caixa; sempre que houver pagamento à vista, chamará o modal.
- **SAT (?)** → Se integrado como emissão fiscal no PDV, deve acionar o modal para pagamentos imediatos.
- **NFS-e** → Emissão de nota de serviço, chamará o modal quando o cliente pagar à vista.
- **CT-e** → Precisa indicar se é à vista ou a prazo; pagamentos imediatos usam o modal.
- <span style="background-color: #ffff99;">**Frente de Caixa (?)** → Funcionalidade de vendas rápidas; integrará diretamente com o modal para dinheiro, cartão e PIX.</span>

**Financeiro**

- - **Contas a Receber (receber)** → Recebe os lançamentos originados dos pagamentos processados no modal (baixa imediata) e dos boletos/parcelamentos (baixa futura).
    - **Contas a Pagar (pagar)** → Embora não envolva o modal, deve ser avaliado para manter consistência no fluxo de caixa.
    - **Movimento Financeiro (novo lançamento)** → Atualizado automaticamente com registros vindos do modal de Pagamento Unificado, garantindo conciliação.

- - - - - -

##### **Implementações de gatilho nos outros módulos**

1. **Substituir as labels de pagamento em cada tela por Botão único de “<span style="background-color: #ffff99;">Registrar Pagamento</span>”**:
    
    
    - Ao clicar, o sistema verifica a forma de pagamento selecionada.
    - Caso seja imediato, abre o modal.
    - <span style="background-color: #ffff99;">Caso seja a prazo, carrega os campos da própria tela.</span>
2. **Manter as labels e, na escolha da forma de pagamento** o usuário já dá o gatilho.
    
    
    - - Se selecionar **Dinheiro, Cartão ou PIX** → o sistema automaticamente abre o **modal de Pagamento Unificado**.
        - Se selecionar **Boleto ou Parcelamento** → o sistema mantém a tela atual e habilita os **campos próprios do módulo**.

- - - - - -

##### **Protótipo*****:*** 

[***Receber pagamento***](https://www.figma.com/design/mN0I8GyW16Nio4YwGf82b1/Melhorias-Clarity?node-id=1962-26216&t=sbdN9riRZz8A6niw-0)

©SOFTEN SISTEMAS 2025

# PROC001 – Aplicar desconto/acréscimo

<table border="1" id="bkmrk-%C2%A0-projeto%2Fsistema%3Age" style="border-collapse: collapse; width: 100.123%; height: 68px;"><tbody><tr style="border-style: solid;"><td rowspan="3" style="width: 26.6667%; height: 68px; border-color: black; border-top-style: hidden; border-left-style: hidden; border-bottom-style: hidden;">  
[![image-1762776253666.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/scaled-1680-/image-1762776253666.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/image-1762776253666.png)

</td><td style="width: 49.9999%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Projeto/Sistema:**</span>  
<span style="color: #000000;">GERENCIAMENTO DE PROJETOS</span></td><td class="align-center" style="width: 23.3333%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do *Template:***</span>  
<span style="color: #000000;">1.2</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Processo:**</span>  
PROC001 – Aplicar desconto/acréscimo</td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do Documento:**</span>  
<span style="color: #000000;">1.0</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Responsável(eis):** </span>  
<span style="color: #000000;">Jalile Cornachioni</span></td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Data:** </span>

<span style="color: #000000;">10/11/2025</span>

</td></tr></tbody></table>

##### <span style="color: #000000;">**1. Introdução**</span>

Definir o comportamento padrão para aplicação de desconto ou acréscimo durante o fluxo de pagamento unificado, considerando regras de interface, regras de negócio e impactos técnicos.

##### <span style="color: #000000;">**2. Processo (adicionar fluxograma exemplo)**</span>

[![image-1762870559701.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/scaled-1680-/image-1762870559701.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/image-1762870559701.png)

<span style="color: #808080;">-- Fluxograma PROC001 - Aplicar desconto/acréscimo --</span>

<table cellpadding="9" cellspacing="0" id="bkmrk-processo-envolvidos-" style="width: 100%;" width="100%"><tbody><tr valign="top"><td bgcolor="#acb9ca" style="border-style: solid; border-color: black; width: 27%;" width="27%"><span style="font-size: small; color: #000000;">**Processo**</span>

</td><td bgcolor="#acb9ca" style="border-style: solid; border-color: black; width: 19%;" width="19%"><span style="font-size: small; color: #000000;">**Envolvidos**</span>

</td><td bgcolor="#acb9ca" style="border-style: solid; border-color: black; width: 27%;" width="27%"><span style="font-size: small; color: #000000;">**Dados de Entrada**</span>

</td><td bgcolor="#acb9ca" style="border-style: solid; border-color: black; width: 27%;" width="27%"><span style="font-size: small; color: #000000;">**Dados de Saída**</span>

</td></tr><tr valign="top"><td style="border-style: solid; border-color: black; width: 27%;" width="27%">PROC001 - Aplicar desconto/acréscimo</td><td style="border-style: solid; border-color: black; width: 19%;" width="19%">Frente de caixa / API Pagamento Unificado

</td><td style="border-style: solid; border-color: black; width: 27%;" width="27%">Valor total, tipo de ajuste, origem da ação

</td><td style="border-style: solid; border-color: black; width: 27%;" width="27%">Valor ajustado, log de alteração

</td></tr><tr><td style="width: 27%;">PROC010- Excluir pagamento já lançado</td><td style="width: 19%;">Operador do caixa</td><td style="width: 27%;">Identificação do pagamento selecionado</td><td style="width: 27%;">Pagamento removido e saldo recalculado</td></tr><tr><td style="width: 27%;">PROC011 - Quitar Restante</td><td style="width: 19%;">Operador do caixa</td><td style="width: 27%;">Saldo pendente e forma de pagamento selecionada</td><td style="width: 27%;">Campo preenchido automaticamente com o valor restante</td></tr><tr><td style="width: 27%;">PROC012 - Finalizar Pagamento</td><td style="width: 19%;">Operador do caixa</td><td style="width: 27%;">Todos os pagamentos registrados e saldo zerado</td><td style="width: 27%;">Venda concluída e registros financeiros emitidos</td></tr><tr><td style="width: 27%;">PROC013 - Cancelar</td><td style="width: 19%;">Operador do caixa</td><td style="width: 27%;">Ação do usuário</td><td style="width: 27%;">Modal fechado sem registrar alterações</td></tr></tbody></table>

- - - - - -

#### **Processos Relacionados** 

- [Pagamento Unificado](https://docs.softensistemas.com.br/books/financeiro/page/pagamento-unificado)
- [PROC001 – Aplicar desconto/acréscimo](https://docs.softensistemas.com.br/books/financeiro/page/proc001-aplicar-descontoacrescimo)
- [PROC002 – Registro de Pagamento em Dinheiro](https://docs.softensistemas.com.br/books/financeiro/page/proc002-registro-de-pagamento-em-dinheiro)
- [PROC003 – Registro de Pagamento em Cartão de Crédito](https://docs.softensistemas.com.br/books/financeiro/page/proc003-registro-de-pagamento-em-cartao-de-credito)
- [PROC004 – Registro de Pagamento em Cartão de Débito](https://docs.softensistemas.com.br/books/financeiro/page/proc004-registro-de-pagamento-em-cartao-de-debito)
- [PROC005 – Registro de Pagamento em Boleto](https://docs.softensistemas.com.br/books/financeiro/page/proc005-registro-de-pagamento-em-boleto)
- [PROC006 – Registro de Pagamento via PIX](https://docs.softensistemas.com.br/books/financeiro/page/proc006-registro-de-pagamento-via-pix)
- [PROC007 – Registro de Pagamento em Outros Métodos](https://docs.softensistemas.com.br/books/financeiro/page/proc007-registro-de-pagamento-em-outros-metodos)
- [PROC008 – Adicionar múltiplas formas de pagamento](https://docs.softensistemas.com.br/books/financeiro/page/proc008-adicionar-multiplas-formas-de-pagamento)
- [PROC012 – Finalizar Pagamento](https://docs.softensistemas.com.br/books/financeiro/page/proc012-finalizar-pagamento)

#### **Especificação Funcional**

- - - - - -

#### **PROC001 EXEMPLO:**

##### ***Protótipo de Tela:***

[![image-1762865283438.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/scaled-1680-/image-1762865283438.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/image-1762865283438.png)

##### ***Descrição dos Campos:***

<table border="1" cellpadding="7" cellspacing="0" id="bkmrk-campo-tipo-tamanho-o" style="width: 843px;"><tbody><tr valign="top"><td bgcolor="#acb9ca" style="width: 168px; border-style: solid; border-color: black;"><span style="color: #000000;">**Campo**</span>

</td><td bgcolor="#acb9ca" style="width: 102px; border-style: solid; border-color: black;"><span style="color: #000000;">**Tipo**</span>

</td><td bgcolor="#acb9ca" style="width: 88px; border-style: solid; border-color: black;"><span style="color: #000000;">**Tamanho**</span>

</td><td bgcolor="#acb9ca" style="width: 165px; border-style: solid; border-color: black;"><span style="color: #000000;">**Obrig. ?**</span>

</td><td bgcolor="#acb9ca" style="width: 119px; border-style: solid; border-color: black;"><span style="color: #000000;">**Máscara**</span>

</td><td bgcolor="#acb9ca" style="width: 201px; border-style: solid; border-color: black;"><span style="color: #000000;">**Observações**</span>

</td></tr><tr><td style="width: 168px; border-style: solid; border-color: black;">Total da Compra

</td><td style="width: 102px; border-style: solid; border-color: black;">Numérico

</td><td style="width: 88px; border-style: solid; border-color: black;">10,2

</td><td style="width: 165px; border-style: solid; border-color: black;"><span style="color: #000000;">Sim</span>

</td><td style="width: 119px; border-style: solid; border-color: black;">R$

</td><td style="width: 201px; border-style: solid; border-color: black;">Herdado da tela de origem. Não inclui frete, impostos, descontos e acréscimos. Valor confiável enviado pela origem. Somente leitura.

</td></tr><tr><td style="width: 168px; border-style: solid; border-color: black;"><span style="color: #000000;">Descontos</span>

</td><td style="width: 102px; border-style: solid; border-color: black;"><span style="color: #000000;">Numérico</span>

</td><td style="width: 88px; border-style: solid; border-color: black;"><span style="color: #000000;">10,2</span>

</td><td style="width: 165px; border-style: solid; border-color: black;"><span style="color: #000000;">Não</span>

</td><td style="width: 119px; border-style: solid; border-color: black;">R$

</td><td style="width: 201px; border-style: solid; border-color: black;">Valor monetário. Campo editável. Não aceita sinal + ou -. Não pode exceder o Total da Compra. Pode zerar o total líquido.

</td></tr><tr><td style="width: 168px; border-style: solid; border-color: black;"><span style="color: #000000;">Acréscimos</span>

</td><td style="width: 102px; border-style: solid; border-color: black;"><span style="color: #000000;">Numérico</span>

</td><td style="width: 88px; border-style: solid; border-color: black;"><span style="color: #000000;">10,2</span>

</td><td style="width: 165px; border-style: solid; border-color: black;"><span style="color: #000000;">Não</span>

</td><td style="width: 119px; border-style: solid; border-color: black;">R$

</td><td style="width: 201px; border-style: solid; border-color: black;">Valor monetário. Campo editável. Não aceita sinal + ou -. Respeita limite máximo configurado, se existir.

</td></tr><tr><td style="width: 168px; border-style: solid; border-color: black;"><span style="color: #000000;">Total Líquido da Venda</span>

</td><td style="width: 102px; border-style: solid; border-color: black;"><span style="color: #000000;">Numérico</span>

</td><td style="width: 88px; border-style: solid; border-color: black;"><span style="color: #000000;">10,2</span>

</td><td style="width: 165px; border-style: solid; border-color: black;"><span style="color: #000000;">Sim</span>

</td><td style="width: 119px; border-style: solid; border-color: black;">R$

</td><td style="width: 201px; border-style: solid; border-color: black;">Calculado: Total da Compra - Desconto + Acréscimo. Somente leitura.

</td></tr></tbody></table>

##### ***Regras de Interface:***

- O sistema deve exibir Total da Compra e Total Líquido como somente leitura.
- O sistema deve apresentar Desconto e Acréscimo como campos monetários sempre habilitados para digitação.
- O sistema não deve permitir caracteres inválidos, letras, símbolos, ou sinais negativo/positivo.
- O sistema deve recalcular automaticamente o Total Líquido a cada alteração de Desconto ou Acréscimo.
- O sistema deve aceitar valor zero em qualquer um dos campos.
- O sistema deve impedir que Desconto seja maior que o Total da Compra.
- O sistema deve impedir que Acréscimo ultrapasse o valor máximo configurado, quando existir.
- O sistema deve seguir a regra global de arredondamento vigente no sistema (quando configurada).
- O sistema não deve exibir frete, impostos ou outros totais no modal.

##### ***Regras de Negócio:***

- O sistema deve receber Total da Compra, Desconto e Acréscimo da tela de origem.
- O sistema deve confiar integralmente nos valores enviados pela origem sem recálculo interno desses componentes.
- O sistema deve considerar que o campo Desconto exibido no Pagamento Unificado representa somente o valor monetário de desconto enviado pela tela de origem, não deve carregar valores percentuais.
- O sistema deve considerar que o campo Acréscimo exibido no Pagamento Unificado representa o valor monetário de acréscimos enviado pela origem, incluindo acréscimos derivados de frete, seguro, impostos ou outros itens adicionais.
- O sistema deve assumir que qualquer valor de frete, seguro, impostos ou taxas já foi previamente aplicado e consolidado no Total da Compra ou permanecerá restrito à tela origem conforme regra dessa tela.
- O sistema não deve recalcular nem agregar frete, impostos, seguros, taxas ou outros valores ao Desconto ou ao Acréscimo dentro do modal.
- Caso o usuário precise alterar Frete ou Impostos, ele deve cancelar o Pagamento Unificado, ajustar esses valores na tela de origem e, só então, reabrir o modal.
- O sistema não deve permitir que os campos de desconto e acréscimo sejam carregados com valores nulos ou zerados quando a tela anterior já possuir totais definidos.
- O sistema deve permitir que o usuário altere Descontos e Acréscimos diretamente na tela de pagamento.
- O sistema deve validar que Desconto não excede o Total da Compra.
- O sistema deve validar Acréscimo conforme configuração de limite máximo.
- O sistema deve impedir Total Líquido negativo.
- O sistema deve recalcular exclusivamente o Total Líquido, usando apenas: Total Líquido = Total da Compra - Desconto + Acréscimo.
- Se o pagamento for finalizado, os valores atualizados de Desconto e Acréscimo devem retornar à tela de origem.
- Se o pagamento for cancelado, nenhum valor deve retornar; a tela de origem deve permanecer inalterada.
- O sistema não deve permitir divergência entre o valor final exibido no pagamento unificado e o valor final exibido na tela anterior após retorno.
- O sistema deve registrar log seguindo o padrão global já existente, incluindo: usuário, horário, valores antes/depois e origem da ação.

##### Regras para mensagens e validações

- Desconto maior que o total → "O desconto não pode exceder o valor da venda." Bloquear salvamento.
- Acréscimo acima do limite → "O acréscimo informado ultrapassa o limite permitido." Impedir continuação.
- Valor não numérico → "Digite apenas valores numéricos." Limpar entrada e manter foco.
- Total Líquido negativo → "O valor final não pode ser negativo." Reverter último valor digitado.

##### ***Questões Técnicas:***

- **Composição de valores**
    
    
    - `total_compra`: vem **100% da origem**. Não inclui frete, impostos, seguros, descontos, acréscimos.
    - `desconto` e `acrescimo`: **monetários**. Sem sinal. Percentual não existe no modal.
    - `total_liquido = total_compra - desconto + acrescimo`.
- **Limites**
    
    
    - `desconto ≤ total_compra`. Pode zerar. Não pode exceder.
    - `acrescimo ≤ acrescimo_maximo` quando existir.
    - `total_liquido ≥ 0`.

©SOFTEN SISTEMAS 2025

# PROC002 – Registro de Pagamento em Dinheiro

<table border="1" id="bkmrk-%C2%A0-projeto%2Fsistema%3Age" style="border-collapse: collapse; width: 100.123%; height: 68px;"><tbody><tr style="border-style: solid;"><td rowspan="3" style="width: 26.6667%; height: 68px; border-color: black; border-top-style: hidden; border-left-style: hidden; border-bottom-style: hidden;">  
[![image-1762776253666.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/scaled-1680-/image-1762776253666.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/image-1762776253666.png)

</td><td style="width: 49.9999%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Projeto/Sistema:**</span>  
<span style="color: #000000;">GERENCIAMENTO DE PROJETOS</span></td><td class="align-center" style="width: 23.3333%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do *Template:***</span>  
<span style="color: #000000;">1.2</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Processo:**</span>  
PROC002 – Registro de Pagamento em Dinheiro</td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do Documento:**</span>  
<span style="color: #000000;">1.0</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Responsável(eis):** </span>  
<span style="color: #000000;">Jalile Cornachioni</span></td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Data:** </span>

<span style="color: #000000;">11/11/2025</span>

</td></tr></tbody></table>

##### <span style="color: #000000;">**1. Introdução**</span>

Este documento especifica o comportamento da tela Registrar Pagamento quando a Forma de Pagamento for Dinheiro. Define campos, fluxo, regras de interface, regras de negócio e questões técnicas. Dinheiro é a forma default e o modal não pode abrir sem uma forma selecionada.

##### <span style="color: #000000;">**2. Processo (adicionar fluxograma exemplo)**</span>

[![image-1762881221265.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/scaled-1680-/image-1762881221265.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/image-1762881221265.png)

\-- Fluxograma PROC002 – Registro de Pagamento em Dinheiro --

<table cellpadding="9" cellspacing="0" id="bkmrk-processo-envolvidos-" style="width: 100%;" width="100%"><tbody><tr valign="top"><td bgcolor="#acb9ca" style="border-style: solid; border-color: black; width: 27%;" width="27%"><span style="font-size: small; color: #000000;">**Processo**</span>

</td><td bgcolor="#acb9ca" style="border-style: solid; border-color: black; width: 19%;" width="19%"><span style="font-size: small; color: #000000;">**Envolvidos**</span>

</td><td bgcolor="#acb9ca" style="border-style: solid; border-color: black; width: 27%;" width="27%"><span style="font-size: small; color: #000000;">**Dados de Entrada**</span>

</td><td bgcolor="#acb9ca" style="border-style: solid; border-color: black; width: 27%;" width="27%"><span style="font-size: small; color: #000000;">**Dados de Saída**</span>

</td></tr><tr><td style="width: 27%;">PROC002 - Registro de Pagamento em Dinheiro</td><td style="width: 19%;">Operador do caixa</td><td style="width: 27%;">Valor recebido</td><td style="width: 27%;">Troco calculado, valor quitado e parcela registrada</td></tr><tr><td style="width: 27%;">PROC001 -Aplicar desconto/acréscimo</td><td style="width: 19%;">Operador do caixa</td><td style="width: 27%;">Valor do desconto ou acréscimo</td><td style="width: 27%;">Total líquido recalculado e resumo atualizado</td></tr><tr><td style="width: 27%;">PROC010- Excluir pagamento já lançado</td><td style="width: 19%;">Operador do caixa</td><td style="width: 27%;">Identificação do pagamento selecionado</td><td style="width: 27%;">Pagamento removido e saldo recalculado</td></tr><tr><td style="width: 27%;">PROC011 - Quitar Restante</td><td style="width: 19%;">Operador do caixa</td><td style="width: 27%;">Saldo pendente e forma de pagamento selecionada</td><td style="width: 27%;">Campo preenchido automaticamente com o valor restante</td></tr><tr><td style="width: 27%;">PROC012 - Finalizar Pagamento</td><td style="width: 19%;">Operador do caixa</td><td style="width: 27%;">Todos os pagamentos registrados e saldo zerado</td><td style="width: 27%;">Venda concluída e registros financeiros emitidos</td></tr><tr><td style="width: 27%;">PROC013 - Cancelar</td><td style="width: 19%;">Operador do caixa</td><td style="width: 27%;">Ação do usuário</td><td style="width: 27%;">Modal fechado sem registrar alterações</td></tr></tbody></table>

#### **Processos Relacionados** 

- - - - - -

- [Pagamento Unificado](https://docs.softensistemas.com.br/books/financeiro/page/pagamento-unificado)
- [PROC001 – Aplicar desconto/acréscimo](https://docs.softensistemas.com.br/books/financeiro/page/proc001-aplicar-descontoacrescimo)
- [PROC002 – Registro de Pagamento em Dinheiro](https://docs.softensistemas.com.br/books/financeiro/page/proc002-registro-de-pagamento-em-dinheiro)
- [PROC003 – Registro de Pagamento em Cartão de Crédito](https://docs.softensistemas.com.br/books/financeiro/page/proc003-registro-de-pagamento-em-cartao-de-credito)
- [PROC004 – Registro de Pagamento em Cartão de Débito](https://docs.softensistemas.com.br/books/financeiro/page/proc004-registro-de-pagamento-em-cartao-de-debito)
- [PROC005 – Registro de Pagamento em Boleto](https://docs.softensistemas.com.br/books/financeiro/page/proc005-registro-de-pagamento-em-boleto)
- [PROC006 – Registro de Pagamento via PIX](https://docs.softensistemas.com.br/books/financeiro/page/proc006-registro-de-pagamento-via-pix)
- [PROC007 – Registro de Pagamento em Outros Métodos](https://docs.softensistemas.com.br/books/financeiro/page/proc007-registro-de-pagamento-em-outros-metodos)
- [PROC008 – Adicionar múltiplas formas de pagamento](https://docs.softensistemas.com.br/books/financeiro/page/proc008-adicionar-multiplas-formas-de-pagamento)
- [PROC012 – Finalizar Pagamento](https://docs.softensistemas.com.br/books/financeiro/page/proc012-finalizar-pagamento)

#### **Especificação Funcional**

- - - - - -

#### **PROC001 EXEMPLO:**

##### ***Protótipo de Tela:***

[![image-1762879023922.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/scaled-1680-/image-1762879023922.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/image-1762879023922.png)

##### ***Descrição dos Campos:***

<table border="1" cellpadding="7" cellspacing="0" id="bkmrk-campo-tipo-tamanho-o" style="width: 843px; height: 70px;"><tbody><tr style="height: 35px;" valign="top"><td bgcolor="#acb9ca" style="width: 167.988px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">**Campo**</span>

</td><td bgcolor="#acb9ca" style="width: 101.992px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">**Tipo**</span>

</td><td bgcolor="#acb9ca" style="width: 87.9883px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">**Tamanho**</span>

</td><td bgcolor="#acb9ca" style="width: 165px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">**Obrig. ?**</span>

</td><td bgcolor="#acb9ca" style="width: 118.984px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">**Máscara**</span>

</td><td bgcolor="#acb9ca" style="width: 200.996px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">**Observações**</span>

</td></tr><tr style="height: 35px;"><td style="width: 167.988px; border-style: solid; border-color: black; height: 35px;">Forma de Pagamento

</td><td style="width: 101.992px; border-style: solid; border-color: black; height: 35px;">Enum (Dinheiro, Crédito, Débito, Boleto, PIX, Outros

</td><td style="width: 87.9883px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">100</span>

</td><td style="width: 165px; border-style: solid; border-color: black; height: 35px;"><span style="color: #000000;">Sim</span>

</td><td style="width: 118.984px; border-style: solid; border-color: black; height: 35px;">-

</td><td style="width: 200.996px; border-style: solid; border-color: black; height: 35px;">Default obrigatório: Dinheiro

</td></tr><tr><td style="width: 167.988px; border-style: solid; border-color: black;"><span style="color: #000000;">Valor Recebido</span>

</td><td style="width: 101.992px; border-style: solid; border-color: black;"><span style="color: #000000;">Moeda (2 casas, ≥0)</span>

</td><td style="width: 87.9883px; border-style: solid; border-color: black;"><span style="color: #000000;"> </span>

</td><td style="width: 165px; border-style: solid; border-color: black;"><span style="color: #000000;">Sim</span>

</td><td style="width: 118.984px; border-style: solid; border-color: black;"></td><td style="width: 200.996px; border-style: solid; border-color: black;">Valor a ser pago, atribuir o valor total, foco inicia neste campo, usuário pode editar para realizar pagamento parcial

</td></tr><tr><td style="width: 167.988px; border-style: solid; border-color: black;"><span style="color: #000000;">Troco</span>

</td><td style="width: 101.992px; border-style: solid; border-color: black;"><span style="color: #000000;">Moeda (2 casas)</span>

</td><td style="width: 87.9883px; border-style: solid; border-color: black;"><span style="color: #000000;"> </span>

</td><td style="width: 165px; border-style: solid; border-color: black;"><span style="color: #000000;">Não</span>

</td><td style="width: 118.984px; border-style: solid; border-color: black;"></td><td style="width: 200.996px; border-style: solid; border-color: black;">Somente leitura. Calculado em tempo real

</td></tr><tr><td style="width: 167.988px; border-style: solid; border-color: black;"><span style="color: #000000;">Total Líquido da Venda</span>

</td><td style="width: 101.992px; border-style: solid; border-color: black;"><span style="color: #000000;">Moeda</span>

</td><td style="width: 87.9883px; border-style: solid; border-color: black;"><span style="color: #000000;"> </span>

</td><td style="width: 165px; border-style: solid; border-color: black;"><span style="color: #000000;"> - </span>

</td><td style="width: 118.984px; border-style: solid; border-color: black;"></td><td style="width: 200.996px; border-style: solid; border-color: black;">Valor base da venda

</td></tr><tr><td style="width: 167.988px; border-style: solid; border-color: black;"><span style="color: #000000;">Resumo de Pagamentos (Total a Pagar, Saldo a Pagar, Pago, Troco)</span>

</td><td style="width: 101.992px; border-style: solid; border-color: black;"><span style="color: #000000;">Moeda</span>

</td><td style="width: 87.9883px; border-style: solid; border-color: black;"><span style="color: #000000;"> </span>

</td><td style="width: 165px; border-style: solid; border-color: black;"><span style="color: #000000;"> - </span>

</td><td style="width: 118.984px; border-style: solid; border-color: black;"></td><td style="width: 200.996px; border-style: solid; border-color: black;">Soma dos valores imputados

</td></tr><tr><td style="width: 167.988px; border-style: solid; border-color: black;">Vencimento <span style="color: #000000;"> </span>

</td><td style="width: 101.992px; border-style: solid; border-color: black;"><span style="color: #000000;">Data</span>

</td><td style="width: 87.9883px; border-style: solid; border-color: black;"><span style="color: #000000;"> </span>

</td><td style="width: 165px; border-style: solid; border-color: black;"><span style="color: #000000;">Sim</span>

</td><td style="width: 118.984px; border-style: solid; border-color: black;"></td><td style="width: 200.996px; border-style: solid; border-color: black;"></td></tr></tbody></table>

##### ***Regras de Interface:***

- O sistema deve abrir o modal com Dinheiro já selecionado.
- O sistema deve posicionar o foco em Valor Recebido ao abrir.
- O sistema deve renderizar a seção condicional quando Dinheiro estiver selecionado, exibindo Valor Recebido e Troco.
- O sistema deve habilitar o botão Adicionar Pagamento somente quando Valor Recebido &gt; 0.
- O sistema deve habilitar o botão Finalizar Pagamento somente quando Saldo a Pagar = 0.
- O sistema deve exibir Vencimento preenchido com data atual.
- O sistema não deve permitir abrir o modal sem uma forma de pagamento selecionada.

##### ***Regras de Negócio:***

- O sistema deve calcular o troco em tempo real.
- O sistema deve atualizar o Saldo a Pagar e o Resumo de Pagamentos após cada inclusão/edição/exclusão.
- O sistema deve espelhar o troco do lancamento ao Troco exibido no resumo.
- O sistema deve aceitar múltiplos lançamentos de Dinheiro na mesma venda.
- O sistema não deve aceitar Valor Recebido ≤ 0.
- O sistema não deve permitir alterar a data de vencimento.
- O sistema não deve permitir valores negativos.
- O sistema deve rejeitar caracteres não numéricos, exceto separadores válidos.
- O sistema deve impedir finalização com saldo pendente.
- O sistema deve considerar possíveis falhas e retornar mensagem tratada ao usuário:  
    
    - “Existem valores pendentes. Finalize somente após quitar o saldo.”
    - “Valor inválido. O valor não pode ser negativo.”
    - “Falha ao registrar o pagamento. Tente novamente.”

##### ***Questões Técnicas:***

***1. Descrição de mudanças na base de dados, ou integração de API, ou arquivo que deva ser gerado.***

©SOFTEN SISTEMAS 2025

# PROC003 – Registro de Pagamento em Cartão de Crédito

<table border="1" id="bkmrk-%C2%A0-projeto%2Fsistema%3Age" style="border-collapse: collapse; width: 100.123%; height: 68px;"><tbody><tr style="border-style: solid;"><td rowspan="3" style="width: 26.6667%; height: 68px; border-color: black; border-top-style: hidden; border-left-style: hidden; border-bottom-style: hidden;">  
[![image-1762776253666.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/scaled-1680-/1ycimage-1762776253666.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/1ycimage-1762776253666.png)

</td><td style="width: 49.9999%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Projeto/Sistema:**</span>  
<span style="color: #000000;">GERENCIAMENTO DE PROJETOS</span></td><td class="align-center" style="width: 23.3333%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do *Template:***</span>  
<span style="color: #000000;">1.2</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Processo:**</span>  
PROC003 – Registro de Pagamento em Cartão de Crédito</td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do Documento:**</span>  
<span style="color: #000000;">1.0</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Responsável(eis):** </span>  
<span style="color: #000000;">Jalile Cornachioni</span></td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Data:** </span>

<span style="color: #000000;">11/11/2025</span>

</td></tr></tbody></table>

##### <span style="color: #000000;">**1. Introdução**</span>

Este documento tem como objetivo detalhar o comportamento da interface e as regras de negócio referentes ao processo de Recebimento via Cartão de Crédito dentro do fluxo de Pagamento Unificado detalhando, confirmação da transação e registro do recebimento.

##### <span style="color: #000000;">**2. Processo (adicionar fluxograma exemplo)**</span>

[![image-1762891289199.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/scaled-1680-/image-1762891289199.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/image-1762891289199.png)

\-- Fluxograma PROC003 – Registro de Pagamento em Cartão de Crédito --

1. Usuário acessa a tela Registrar Pagamento.
2. Seleciona Crédito como forma de pagamento.
3. O sistema renderiza os campos condicionais de Crédito.
4. Usuário preenche valor, parcelas, vencimento, bandeira, código de autorização (quando manual) e CNPJ da credenciadora.
5. Se o ambiente estiver integrado ao TEF:
    
    
    - O sistema envia a solicitação ao terminal.
    - Se aprovado, retorna dados da transação e pré-preenche o código de autorização.
    - Se recusado, o sistema bloqueia a inclusão.
    - Se falhar a comunicação, o sistema exibe o modal:  
        “Falha na comunicação com o terminal. Deseja registrar manualmente?”
    - Se o usuário optar por registro manual, segue para o passo 6.
6. Usuário confirma Adicionar Pagamento.
7. O sistema valida regras de negócio e gera uma linha por parcela em “Pagamentos Adicionados”.
8. Usuário pode editar ou excluir parcelas individualmente.
9. Se houver pagamento em Dinheiro, o sistema renderiza o campo Troco, permitindo sua edição e atualização conforme diferença.
10. Usuário pode repetir o processo para adicionar outros cartões ou demais formas de pagamento.
11. Ao finalizar, o sistema valida soma total e libera a conclusão da operação.

<table cellpadding="9" cellspacing="0" id="bkmrk-processo-envolvidos-" style="width: 100%;" width="100%"><tbody><tr valign="top"><td bgcolor="#acb9ca" style="border-style: solid; border-color: black; width: 27%;" width="27%"><span style="font-size: small; color: #000000;">**Processo**</span>

</td><td bgcolor="#acb9ca" style="border-style: solid; border-color: black; width: 19%;" width="19%"><span style="font-size: small; color: #000000;">**Envolvidos**</span>

</td><td bgcolor="#acb9ca" style="border-style: solid; border-color: black; width: 27%;" width="27%"><span style="font-size: small; color: #000000;">**Dados de Entrada**</span>

</td><td bgcolor="#acb9ca" style="border-style: solid; border-color: black; width: 27%;" width="27%"><span style="font-size: small; color: #000000;">**Dados de Saída**</span>

</td></tr><tr valign="top"><td style="border-style: solid; border-color: black; width: 27%;" width="27%">PROC001 - Aplicar desconto/acréscimo</td><td style="border-style: solid; border-color: black; width: 19%;" width="19%">Frente de caixa / API Pagamento Unificado

</td><td style="border-style: solid; border-color: black; width: 27%;" width="27%">Valor total, tipo de ajuste, origem da ação

</td><td style="border-style: solid; border-color: black; width: 27%;" width="27%">Valor ajustado, log de alteração

</td></tr><tr><td style="width: 27%;">PROC010- Excluir pagamento já lançado</td><td style="width: 19%;">Operador do caixa</td><td style="width: 27%;">Identificação do pagamento selecionado</td><td style="width: 27%;">Pagamento removido e saldo recalculado</td></tr><tr><td style="width: 27%;">PROC011 - Quitar Restante</td><td style="width: 19%;">Operador do caixa</td><td style="width: 27%;">Saldo pendente e forma de pagamento selecionada</td><td style="width: 27%;">Campo preenchido automaticamente com o valor restante</td></tr><tr><td style="width: 27%;">PROC012 - Finalizar Pagamento</td><td style="width: 19%;">Operador do caixa</td><td style="width: 27%;">Todos os pagamentos registrados e saldo zerado</td><td style="width: 27%;">Venda concluída e registros financeiros emitidos</td></tr><tr><td style="width: 27%;">PROC013 - Cancelar</td><td style="width: 19%;">Operador do caixa</td><td style="width: 27%;">Ação do usuário</td><td style="width: 27%;">Modal fechado sem registrar alterações</td></tr></tbody></table>

#### **Processos Relacionados** 

- - - - - -

- - [Pagamento Unificado](https://docs.softensistemas.com.br/books/financeiro/page/pagamento-unificado)
    - [PROC001 – Aplicar desconto/acréscimo](https://docs.softensistemas.com.br/books/financeiro/page/proc001-aplicar-descontoacrescimo)
    - [PROC002 – Registro de Pagamento em Dinheiro](https://docs.softensistemas.com.br/books/financeiro/page/proc002-registro-de-pagamento-em-dinheiro)
    - [PROC003 – Registro de Pagamento em Cartão de Crédito](https://docs.softensistemas.com.br/books/financeiro/page/proc003-registro-de-pagamento-em-cartao-de-credito)
    - [PROC004 – Registro de Pagamento em Cartão de Débito](https://docs.softensistemas.com.br/books/financeiro/page/proc004-registro-de-pagamento-em-cartao-de-debito)
    - [PROC005 – Registro de Pagamento em Boleto](https://docs.softensistemas.com.br/books/financeiro/page/proc005-registro-de-pagamento-em-boleto)
    - [PROC006 – Registro de Pagamento via PIX](https://docs.softensistemas.com.br/books/financeiro/page/proc006-registro-de-pagamento-via-pix)
    - [PROC007 – Registro de Pagamento em Outros Métodos](https://docs.softensistemas.com.br/books/financeiro/page/proc007-registro-de-pagamento-em-outros-metodos)
    - [PROC008 – Adicionar múltiplas formas de pagamento](https://docs.softensistemas.com.br/books/financeiro/page/proc008-adicionar-multiplas-formas-de-pagamento)
    - [PROC012 – Finalizar Pagamento](https://docs.softensistemas.com.br/books/financeiro/page/proc012-finalizar-pagamento)

#### **Especificação Funcional**

- - - - - -

#### **PROC001 EXEMPLO:**

##### ***Protótipo de Tela:***

[![image-1762883267585.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/scaled-1680-/image-1762883267585.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/image-1762883267585.png)

##### ***Descrição dos Campos:***

<table border="1" cellpadding="7" cellspacing="0" id="bkmrk-campo-tipo-tamanho-o" style="width: 843px;"><tbody><tr valign="top"><td bgcolor="#acb9ca" style="width: 168px; border-style: solid; border-color: black;"><span style="color: #000000;">**Campo**</span>

</td><td bgcolor="#acb9ca" style="width: 102px; border-style: solid; border-color: black;"><span style="color: #000000;">**Tipo**</span>

</td><td bgcolor="#acb9ca" style="width: 88px; border-style: solid; border-color: black;"><span style="color: #000000;">**Tamanho**</span>

</td><td bgcolor="#acb9ca" style="width: 165px; border-style: solid; border-color: black;"><span style="color: #000000;">**Obrig. ?**</span>

</td><td bgcolor="#acb9ca" style="width: 119px; border-style: solid; border-color: black;"><span style="color: #000000;">**Máscara**</span>

</td><td bgcolor="#acb9ca" style="width: 201px; border-style: solid; border-color: black;"><span style="color: #000000;">**Observações**</span>

</td></tr><tr><td style="width: 168px;">Forma de Pagamento (personalizado)</td><td style="width: 102px;">Texto / Seleção</td><td style="width: 88px;"> - </td><td style="width: 165px;">Sim</td><td style="width: 119px;">—</td><td style="width: 201px;">Renderizado apenas quando “Crédito” é selecionado.</td></tr><tr><td style="width: 168px;">Valor</td><td style="width: 102px;">Numérico</td><td style="width: 88px;">- </td><td style="width: 165px;">Sim</td><td style="width: 119px;">R$ 0.000,00</td><td style="width: 201px;">&gt; 0. Aceita decimal. Pode vir pré-preenchido com saldo.</td></tr><tr><td style="width: 168px;">Parcelas</td><td style="width: 102px;">Inteiro</td><td style="width: 88px;">-</td><td style="width: 165px;">Sim</td><td style="width: 119px;">-</td><td style="width: 201px;">≥ 1. Sem limite, a menos que exista política global.</td></tr><tr><td style="width: 168px;">1º Vencimento</td><td style="width: 102px;">Data</td><td style="width: 88px;">-</td><td style="width: 165px;">Sim</td><td style="width: 119px;">DD/MM/AAAA</td><td style="width: 201px;">Default = hoje. Retroativo conforme configuração global.</td></tr><tr><td style="width: 168px;">Bandeira</td><td style="width: 102px;">Seleção</td><td style="width: 88px;">-</td><td style="width: 165px;">Sim</td><td style="width: 119px;">-</td><td style="width: 201px;">Lista carregada da tabela `bandeira_cartao`.</td></tr><tr><td style="width: 168px;">Código de Autorização</td><td style="width: 102px;">Texto</td><td style="width: 88px;">-</td><td style="width: 165px;">Sim (manual)</td><td style="width: 119px;">-</td><td style="width: 201px;">Obrigatório quando não houver TEF. Identificador da transação.</td></tr><tr><td style="width: 168px;">CNPJ Credenciadora</td><td style="width: 102px;">Texto</td><td style="width: 88px;">14</td><td style="width: 165px;">Sim</td><td style="width: 119px;">99.999.999/9999-99</td><td style="width: 201px;">Validação de CNPJ. Usado quando a captura exige conciliação/envio fiscal.</td></tr></tbody></table>

##### ***Regras de Interface:***

**O sistema deve:**

- Renderizar todos os campos condicionais ao selecionar Crédito, ou seja, parcelas, primeiro vencimento, bandeira, cod. autorização e CNPJ da credenciadora.
- O campo bandeira deve oferecer uma lista das bandeiras mais utilizadas no país.
- Habilitar o botão Adicionar Pagamento somente quando todos os campos obrigatórios estiverem preenchidos.
- Criar uma linha por parcela na seção “Pagamentos Adicionados”.
- Permitir edição e exclusão individual de cada parcela.
- Renderizar o campo Troco somente quando existir pelo menos um pagamento em Dinheiro adicionado.
- Permitir edição do valor de Troco apenas quando houver pagamento em Dinheiro.
- Atualizar o Troco conforme a diferença entre o valor pago em Dinheiro e o saldo da venda.
- Permitir inclusão de múltiplos cartões na mesma venda (multi-cartão).
- Aplicar máscaras de valor, data e CNPJ conforme o padrão da aplicação.
- Exibir aviso de duplicidade quando detectar combinação idêntica de valor + parcelas + vencimento + bandeira.
- Exibir modal de contingência em caso de falha TEF:  
    “Falha na comunicação com o terminal. Deseja registrar manualmente?”.

**O sistema não deve:**

- Permitir clique em Adicionar Pagamento com campos obrigatórios vazios.
- Exibir o campo Troco quando não existir pagamento em Dinheiro.
- Bloquear inclusão de múltiplos cartões em uma mesma venda.
- Permitir finalização caso a soma dos pagamentos ultrapasse o valor total da venda.

.

##### ***Regras de Negócio:***

- O sistema deve validar que o Valor informado seja numérico e maior que zero.
- Validar que Parcelas seja inteiro ≥ 1, respeitando limite configurado (se existir).
- Definir 1º Vencimento como a data atual por padrão.
- Permitir vencimento retroativo apenas se a configuração e permissões de usuário correspondente estiver ativa.
- Garantir que o somatório das parcelas feche exatamente o valor total calculado.
- O sistema deve recuperar o código da autorização da transação do TEF e vincular ao pedido quando o TEF retornar status Aprovado.
- Exigir Código de Autorização quando o pagamento for registrado manualmente (sem TEF).
- O sistema não deve aceitar pagamento manual sem Código de Autorização.
- Em caso de Recusado, o sistema não deve permitir o fechamento do caixa com aquele lançamento.
- Após confirmação, o botão Finalizar Pagamento deve ser exibido para conclusão do fluxo de pagamento.
- Validar formato do CNPJ da Credenciadora.
- O sistema não deve finalizar a venda quando houver inconsistências de soma, bandeira inválida ou CNPJ inválido
- Permitir múltiplas inclusões de pagamentos em crédito (multi-cartão).
- Bloquear finalização caso a soma dos pagamentos ultrapasse o valor da venda..

##### ***Questões Técnicas:***

1. Integração com módulo TEF (API externa).
2. Logar toda tentativa, inclusive timeouts de comunicação TEF.
3. Em ambiente offline, bloquear operação com TEF.
4. O sistema deve criar uma tabela para armazenar as bandeiras de cartão, contendo apenas os campos `id` e `descricao`, seguindo o modelo abaixo:

CREATE TABLE bandeira\_cartao (  
id INT PRIMARY KEY,  
descricao VARCHAR(60) NOT NULL  
);

INSERT INTO bandeira\_cartao (id, descricao) VALUES  
(1, 'Visa'),  
(2, 'Mastercard'),  
(3, 'American Express'),  
(4, 'Hipercard'),  
(5, 'Elo');

©SOFTEN SISTEMAS 2025

# PROC004 – Registro de Pagamento em Cartão de Débito

<table border="1" id="bkmrk-%C2%A0-projeto%2Fsistema%3Age" style="border-collapse: collapse; width: 100.123%; height: 68px;"><tbody><tr style="border-style: solid;"><td rowspan="3" style="width: 26.6667%; height: 68px; border-color: black; border-top-style: hidden; border-left-style: hidden; border-bottom-style: hidden;">  
[![image-1762776253666.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/scaled-1680-/image-1762776253666.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/image-1762776253666.png)

</td><td style="width: 49.9999%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Projeto/Sistema:**</span>  
<span style="color: #000000;">GERENCIAMENTO DE PROJETOS</span></td><td class="align-center" style="width: 23.3333%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do *Template:***</span>  
<span style="color: #000000;">1.2</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Processo:**</span>  
PROC004 – Registro de Pagamento em Cartão de Débito</td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do Documento:**</span>  
<span style="color: #000000;">1.0</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Responsável(eis):** </span>  
<span style="color: #000000;">Jalile Cornachioni</span></td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Data:** </span>

<span style="color: #000000;">10/11/2025</span>

</td></tr></tbody></table>

##### <span style="color: #000000;">**1. Introdução**</span>

<span style="color: #000000;">**Este processo visa exemplificar a documentação padrão**</span>

##### <span style="color: #000000;">**2. Processo (adicionar fluxograma exemplo)**</span>

[![image-1724162109370.png](https://docs.softensistemas.com.br/uploads/images/gallery/2024-08/scaled-1680-/image-1724162109370.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-08/image-1724162109370.png)

I - Fluxograma Exemplo

<table cellpadding="9" cellspacing="0" id="bkmrk-processo-envolvidos-" width="100%"><tbody><tr valign="top"><td bgcolor="#acb9ca" style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">**Processo**</span>

</td><td bgcolor="#acb9ca" style="border-style: solid; border-color: black;" width="19%"><span style="font-size: small; color: #000000;">**Envolvidos**</span>

</td><td bgcolor="#acb9ca" style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">**Dados de Entrada**</span>

</td><td bgcolor="#acb9ca" style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">**Dados de Saída**</span>

</td></tr><tr valign="top"><td style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">Processo</span>

</td><td style="border-style: solid; border-color: black;" width="19%"><span style="font-size: small; color: #000000;">N/A</span>

</td><td style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">N/A</span>

</td><td style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">N/A</span>

</td></tr></tbody></table>

#### **Processos Relacionados** 

- - - - - -

Documentação Exemplo 1   
  
Documentação Exemplo 2

#### **Especificação Funcional**

- - - - - -

#### **PROC001 EXEMPLO:**

##### ***Protótipo de Tela:***

##### ***Descrição dos Campos:***

<table border="1" cellpadding="7" cellspacing="0" id="bkmrk-campo-tipo-tamanho-o" style="width: 843px;"><tbody><tr valign="top"><td bgcolor="#acb9ca" style="width: 168px; border-style: solid; border-color: black;"><span style="color: #000000;">**Campo**</span>

</td><td bgcolor="#acb9ca" style="width: 102px; border-style: solid; border-color: black;"><span style="color: #000000;">**Tipo**</span>

</td><td bgcolor="#acb9ca" style="width: 88px; border-style: solid; border-color: black;"><span style="color: #000000;">**Tamanho**</span>

</td><td bgcolor="#acb9ca" style="width: 165px; border-style: solid; border-color: black;"><span style="color: #000000;">**Obrig. ?**</span>

</td><td bgcolor="#acb9ca" style="width: 119px; border-style: solid; border-color: black;"><span style="color: #000000;">**Máscara**</span>

</td><td bgcolor="#acb9ca" style="width: 201px; border-style: solid; border-color: black;"><span style="color: #000000;">**Observações**</span>

</td></tr><tr><td style="width: 168px; border-style: solid; border-color: black;"><span style="color: #000000;">Campo</span>

</td><td style="width: 102px; border-style: solid; border-color: black;"><span style="color: #000000;">Texto</span>

</td><td style="width: 88px; border-style: solid; border-color: black;"><span style="color: #000000;">100</span>

</td><td style="width: 165px; border-style: solid; border-color: black;"><span style="color: #000000;">Sim</span>

</td><td style="width: 119px; border-style: solid; border-color: black;">-

</td><td style="width: 201px; border-style: solid; border-color: black;">-

</td></tr></tbody></table>

##### ***Regras de Interface:***

***1. Exemplo de regras do campo:*** Descrição das regras de interface ou de tela. Eventos em campos ou botões, bloqueios ou desbloqueios e outras alterações.

##### ***Regras de Negócio:***

***1. Exemplo de regras de negócio (Exemplo de calculo imposto):***  
Descrição das regras de negócio envolvendo o processo, como cálculos, ações em botões e outras regras envolvendo a lógica por trás do processo.

##### ***Questões Técnicas:***

***1. Descrição de mudanças na base de dados, ou integração de API, ou arquivo que deva ser gerado.***

©SOFTEN SISTEMAS 2025

# PROC005 – Registro de Pagamento em Boleto

<table border="1" id="bkmrk-%C2%A0-projeto%2Fsistema%3Age" style="border-collapse: collapse; width: 100.123%; height: 68px;"><tbody><tr style="border-style: solid;"><td rowspan="3" style="width: 26.6667%; height: 68px; border-color: black; border-top-style: hidden; border-left-style: hidden; border-bottom-style: hidden;">  
[![image-1762776253666.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/scaled-1680-/image-1762776253666.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/image-1762776253666.png)

</td><td style="width: 49.9999%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Projeto/Sistema:**</span>  
<span style="color: #000000;">GERENCIAMENTO DE PROJETOS</span></td><td class="align-center" style="width: 23.3333%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do *Template:***</span>  
<span style="color: #000000;">1.2</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Processo:**</span>  
<span style="color: #000000;">Descrição Processo</span></td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do Documento:**</span>  
<span style="color: #000000;">1.0</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Responsável(eis):** </span>  
<span style="color: #000000;">Jalile Cornachioni</span></td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Data:** </span>

<span style="color: #000000;">10/11/2025</span>

</td></tr></tbody></table>

##### <span style="color: #000000;">**1. Introdução**</span>

<span style="color: #000000;">**Este processo visa exemplificar a documentação padrão**</span>

##### <span style="color: #000000;">**2. Processo (adicionar fluxograma exemplo)**</span>

[![image-1724162109370.png](https://docs.softensistemas.com.br/uploads/images/gallery/2024-08/scaled-1680-/image-1724162109370.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-08/image-1724162109370.png)

I - Fluxograma Exemplo

<table cellpadding="9" cellspacing="0" id="bkmrk-processo-envolvidos-" width="100%"><tbody><tr valign="top"><td bgcolor="#acb9ca" style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">**Processo**</span>

</td><td bgcolor="#acb9ca" style="border-style: solid; border-color: black;" width="19%"><span style="font-size: small; color: #000000;">**Envolvidos**</span>

</td><td bgcolor="#acb9ca" style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">**Dados de Entrada**</span>

</td><td bgcolor="#acb9ca" style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">**Dados de Saída**</span>

</td></tr><tr valign="top"><td style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">Processo</span>

</td><td style="border-style: solid; border-color: black;" width="19%"><span style="font-size: small; color: #000000;">N/A</span>

</td><td style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">N/A</span>

</td><td style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">N/A</span>

</td></tr></tbody></table>

#### **Processos Relacionados** 

- - - - - -

Documentação Exemplo 1   
  
Documentação Exemplo 2

#### **Especificação Funcional**

- - - - - -

#### **PROC001 EXEMPLO:**

##### ***Protótipo de Tela:***

##### ***Descrição dos Campos:***

<table border="1" cellpadding="7" cellspacing="0" id="bkmrk-campo-tipo-tamanho-o" style="width: 843px;"><tbody><tr valign="top"><td bgcolor="#acb9ca" style="width: 168px; border-style: solid; border-color: black;"><span style="color: #000000;">**Campo**</span>

</td><td bgcolor="#acb9ca" style="width: 102px; border-style: solid; border-color: black;"><span style="color: #000000;">**Tipo**</span>

</td><td bgcolor="#acb9ca" style="width: 88px; border-style: solid; border-color: black;"><span style="color: #000000;">**Tamanho**</span>

</td><td bgcolor="#acb9ca" style="width: 165px; border-style: solid; border-color: black;"><span style="color: #000000;">**Obrig. ?**</span>

</td><td bgcolor="#acb9ca" style="width: 119px; border-style: solid; border-color: black;"><span style="color: #000000;">**Máscara**</span>

</td><td bgcolor="#acb9ca" style="width: 201px; border-style: solid; border-color: black;"><span style="color: #000000;">**Observações**</span>

</td></tr><tr><td style="width: 168px; border-style: solid; border-color: black;"><span style="color: #000000;">Campo</span>

</td><td style="width: 102px; border-style: solid; border-color: black;"><span style="color: #000000;">Texto</span>

</td><td style="width: 88px; border-style: solid; border-color: black;"><span style="color: #000000;">100</span>

</td><td style="width: 165px; border-style: solid; border-color: black;"><span style="color: #000000;">Sim</span>

</td><td style="width: 119px; border-style: solid; border-color: black;">-

</td><td style="width: 201px; border-style: solid; border-color: black;">-

</td></tr></tbody></table>

##### ***Regras de Interface:***

***1. Exemplo de regras do campo:*** Descrição das regras de interface ou de tela. Eventos em campos ou botões, bloqueios ou desbloqueios e outras alterações.

##### ***Regras de Negócio:***

***1. Exemplo de regras de negócio (Exemplo de calculo imposto):***  
Descrição das regras de negócio envolvendo o processo, como cálculos, ações em botões e outras regras envolvendo a lógica por trás do processo.

##### ***Questões Técnicas:***

***1. Descrição de mudanças na base de dados, ou integração de API, ou arquivo que deva ser gerado.***

©SOFTEN SISTEMAS 2025

# PROC006 – Registro de Pagamento via PIX

<table border="1" id="bkmrk-%C2%A0-projeto%2Fsistema%3Age" style="border-collapse: collapse; width: 100.123%; height: 68px;"><tbody><tr style="border-style: solid;"><td rowspan="3" style="width: 26.6667%; height: 68px; border-color: black; border-top-style: hidden; border-left-style: hidden; border-bottom-style: hidden;">  
[![image-1762776253666.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/scaled-1680-/image-1762776253666.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/image-1762776253666.png)

</td><td style="width: 49.9999%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Projeto/Sistema:**</span>  
<span style="color: #000000;">GERENCIAMENTO DE PROJETOS</span></td><td class="align-center" style="width: 23.3333%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do *Template:***</span>  
<span style="color: #000000;">1.2</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Processo:**</span>  
<span style="color: #000000;">Descrição Processo</span></td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do Documento:**</span>  
<span style="color: #000000;">1.0</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Responsável(eis):** </span>  
<span style="color: #000000;">Jalile Cornachioni</span></td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Data:** </span>

<span style="color: #000000;">10/11/2025</span>

</td></tr></tbody></table>

##### <span style="color: #000000;">**1. Introdução**</span>

<span style="color: #000000;">**Este processo visa exemplificar a documentação padrão**</span>

##### <span style="color: #000000;">**2. Processo (adicionar fluxograma exemplo)**</span>

[![image-1724162109370.png](https://docs.softensistemas.com.br/uploads/images/gallery/2024-08/scaled-1680-/image-1724162109370.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-08/image-1724162109370.png)

I - Fluxograma Exemplo

<table cellpadding="9" cellspacing="0" id="bkmrk-processo-envolvidos-" width="100%"><tbody><tr valign="top"><td bgcolor="#acb9ca" style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">**Processo**</span>

</td><td bgcolor="#acb9ca" style="border-style: solid; border-color: black;" width="19%"><span style="font-size: small; color: #000000;">**Envolvidos**</span>

</td><td bgcolor="#acb9ca" style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">**Dados de Entrada**</span>

</td><td bgcolor="#acb9ca" style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">**Dados de Saída**</span>

</td></tr><tr valign="top"><td style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">Processo</span>

</td><td style="border-style: solid; border-color: black;" width="19%"><span style="font-size: small; color: #000000;">N/A</span>

</td><td style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">N/A</span>

</td><td style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">N/A</span>

</td></tr></tbody></table>

#### **Processos Relacionados** 

- - - - - -

Documentação Exemplo 1   
  
Documentação Exemplo 2

#### **Especificação Funcional**

- - - - - -

#### **PROC001 EXEMPLO:**

##### ***Protótipo de Tela:***

##### ***Descrição dos Campos:***

<table border="1" cellpadding="7" cellspacing="0" id="bkmrk-campo-tipo-tamanho-o" style="width: 843px;"><tbody><tr valign="top"><td bgcolor="#acb9ca" style="width: 168px; border-style: solid; border-color: black;"><span style="color: #000000;">**Campo**</span>

</td><td bgcolor="#acb9ca" style="width: 102px; border-style: solid; border-color: black;"><span style="color: #000000;">**Tipo**</span>

</td><td bgcolor="#acb9ca" style="width: 88px; border-style: solid; border-color: black;"><span style="color: #000000;">**Tamanho**</span>

</td><td bgcolor="#acb9ca" style="width: 165px; border-style: solid; border-color: black;"><span style="color: #000000;">**Obrig. ?**</span>

</td><td bgcolor="#acb9ca" style="width: 119px; border-style: solid; border-color: black;"><span style="color: #000000;">**Máscara**</span>

</td><td bgcolor="#acb9ca" style="width: 201px; border-style: solid; border-color: black;"><span style="color: #000000;">**Observações**</span>

</td></tr><tr><td style="width: 168px; border-style: solid; border-color: black;"><span style="color: #000000;">Campo</span>

</td><td style="width: 102px; border-style: solid; border-color: black;"><span style="color: #000000;">Texto</span>

</td><td style="width: 88px; border-style: solid; border-color: black;"><span style="color: #000000;">100</span>

</td><td style="width: 165px; border-style: solid; border-color: black;"><span style="color: #000000;">Sim</span>

</td><td style="width: 119px; border-style: solid; border-color: black;">-

</td><td style="width: 201px; border-style: solid; border-color: black;">-

</td></tr></tbody></table>

##### ***Regras de Interface:***

***1. Exemplo de regras do campo:*** Descrição das regras de interface ou de tela. Eventos em campos ou botões, bloqueios ou desbloqueios e outras alterações.

##### ***Regras de Negócio:***

***1. Exemplo de regras de negócio (Exemplo de calculo imposto):***  
Descrição das regras de negócio envolvendo o processo, como cálculos, ações em botões e outras regras envolvendo a lógica por trás do processo.

##### ***Questões Técnicas:***

***1. Descrição de mudanças na base de dados, ou integração de API, ou arquivo que deva ser gerado.***

©SOFTEN SISTEMAS 2025

# PROC007 – Registro de Pagamento em Outros Métodos

<table border="1" id="bkmrk-%C2%A0-projeto%2Fsistema%3Age" style="border-collapse: collapse; width: 100.123%; height: 68px;"><tbody><tr style="border-style: solid;"><td rowspan="3" style="width: 26.6667%; height: 68px; border-color: black; border-top-style: hidden; border-left-style: hidden; border-bottom-style: hidden;">  
[![image-1762776253666.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/scaled-1680-/image-1762776253666.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/image-1762776253666.png)

</td><td style="width: 49.9999%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Projeto/Sistema:**</span>  
<span style="color: #000000;">GERENCIAMENTO DE PROJETOS</span></td><td class="align-center" style="width: 23.3333%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do *Template:***</span>  
<span style="color: #000000;">1.2</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Processo:**</span>  
PROC007 – Registro de Pagamento em Outros Métodos</td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do Documento:**</span>  
<span style="color: #000000;">1.0</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Responsável(eis):** </span>  
<span style="color: #000000;">Jalile Cornachioni</span></td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Data:** </span>

<span style="color: #000000;">10/11/2025</span>

</td></tr></tbody></table>

##### <span style="color: #000000;">**1. Introdução**</span>

<span style="color: #000000;">**Este processo visa exemplificar a documentação padrão**</span>

##### <span style="color: #000000;">**2. Processo (adicionar fluxograma exemplo)**</span>

[![image-1724162109370.png](https://docs.softensistemas.com.br/uploads/images/gallery/2024-08/scaled-1680-/image-1724162109370.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-08/image-1724162109370.png)

I - Fluxograma Exemplo

<table cellpadding="9" cellspacing="0" id="bkmrk-processo-envolvidos-" width="100%"><tbody><tr valign="top"><td bgcolor="#acb9ca" style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">**Processo**</span>

</td><td bgcolor="#acb9ca" style="border-style: solid; border-color: black;" width="19%"><span style="font-size: small; color: #000000;">**Envolvidos**</span>

</td><td bgcolor="#acb9ca" style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">**Dados de Entrada**</span>

</td><td bgcolor="#acb9ca" style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">**Dados de Saída**</span>

</td></tr><tr valign="top"><td style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">Processo</span>

</td><td style="border-style: solid; border-color: black;" width="19%"><span style="font-size: small; color: #000000;">N/A</span>

</td><td style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">N/A</span>

</td><td style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">N/A</span>

</td></tr></tbody></table>

#### **Processos Relacionados** 

- - - - - -

Documentação Exemplo 1   
  
Documentação Exemplo 2

#### **Especificação Funcional**

- - - - - -

#### **PROC001 EXEMPLO:**

##### ***Protótipo de Tela:***

##### ***Descrição dos Campos:***

<table border="1" cellpadding="7" cellspacing="0" id="bkmrk-campo-tipo-tamanho-o" style="width: 843px;"><tbody><tr valign="top"><td bgcolor="#acb9ca" style="width: 168px; border-style: solid; border-color: black;"><span style="color: #000000;">**Campo**</span>

</td><td bgcolor="#acb9ca" style="width: 102px; border-style: solid; border-color: black;"><span style="color: #000000;">**Tipo**</span>

</td><td bgcolor="#acb9ca" style="width: 88px; border-style: solid; border-color: black;"><span style="color: #000000;">**Tamanho**</span>

</td><td bgcolor="#acb9ca" style="width: 165px; border-style: solid; border-color: black;"><span style="color: #000000;">**Obrig. ?**</span>

</td><td bgcolor="#acb9ca" style="width: 119px; border-style: solid; border-color: black;"><span style="color: #000000;">**Máscara**</span>

</td><td bgcolor="#acb9ca" style="width: 201px; border-style: solid; border-color: black;"><span style="color: #000000;">**Observações**</span>

</td></tr><tr><td style="width: 168px; border-style: solid; border-color: black;"><span style="color: #000000;">Campo</span>

</td><td style="width: 102px; border-style: solid; border-color: black;"><span style="color: #000000;">Texto</span>

</td><td style="width: 88px; border-style: solid; border-color: black;"><span style="color: #000000;">100</span>

</td><td style="width: 165px; border-style: solid; border-color: black;"><span style="color: #000000;">Sim</span>

</td><td style="width: 119px; border-style: solid; border-color: black;">-

</td><td style="width: 201px; border-style: solid; border-color: black;">-

</td></tr></tbody></table>

##### ***Regras de Interface:***

***1. Exemplo de regras do campo:*** Descrição das regras de interface ou de tela. Eventos em campos ou botões, bloqueios ou desbloqueios e outras alterações.

##### ***Regras de Negócio:***

***1. Exemplo de regras de negócio (Exemplo de calculo imposto):***  
Descrição das regras de negócio envolvendo o processo, como cálculos, ações em botões e outras regras envolvendo a lógica por trás do processo.

##### ***Questões Técnicas:***

***1. Descrição de mudanças na base de dados, ou integração de API, ou arquivo que deva ser gerado.***

©SOFTEN SISTEMAS 2025

# PROC008 – Adicionar múltiplas formas de pagamento

<table border="1" id="bkmrk-%C2%A0-projeto%2Fsistema%3Age" style="border-collapse: collapse; width: 100.123%; height: 68px;"><tbody><tr style="border-style: solid;"><td rowspan="3" style="width: 26.6667%; height: 68px; border-color: black; border-top-style: hidden; border-left-style: hidden; border-bottom-style: hidden;">  
[![image-1762776253666.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/scaled-1680-/image-1762776253666.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/image-1762776253666.png)

</td><td style="width: 49.9999%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Projeto/Sistema:**</span>  
<span style="color: #000000;">GERENCIAMENTO DE PROJETOS</span></td><td class="align-center" style="width: 23.3333%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do *Template:***</span>  
<span style="color: #000000;">1.2</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Processo:**</span>  
PROC008 – Adicionar múltiplas formas de pagamento</td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do Documento:**</span>  
<span style="color: #000000;">1.0</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Responsável(eis):** </span>  
<span style="color: #000000;">Jalile Cornachioni</span></td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Data:** </span>

<span style="color: #000000;">10/11/2025</span>

</td></tr></tbody></table>

##### <span style="color: #000000;">**1. Introdução**</span>

<span style="color: #000000;">**Este processo visa exemplificar a documentação padrão**</span>

##### <span style="color: #000000;">**2. Processo (adicionar fluxograma exemplo)**</span>

[![image-1724162109370.png](https://docs.softensistemas.com.br/uploads/images/gallery/2024-08/scaled-1680-/image-1724162109370.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-08/image-1724162109370.png)

I - Fluxograma Exemplo

<table cellpadding="9" cellspacing="0" id="bkmrk-processo-envolvidos-" width="100%"><tbody><tr valign="top"><td bgcolor="#acb9ca" style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">**Processo**</span>

</td><td bgcolor="#acb9ca" style="border-style: solid; border-color: black;" width="19%"><span style="font-size: small; color: #000000;">**Envolvidos**</span>

</td><td bgcolor="#acb9ca" style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">**Dados de Entrada**</span>

</td><td bgcolor="#acb9ca" style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">**Dados de Saída**</span>

</td></tr><tr valign="top"><td style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">Processo</span>

</td><td style="border-style: solid; border-color: black;" width="19%"><span style="font-size: small; color: #000000;">N/A</span>

</td><td style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">N/A</span>

</td><td style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">N/A</span>

</td></tr></tbody></table>

#### **Processos Relacionados** 

- - - - - -

Documentação Exemplo 1   
  
Documentação Exemplo 2

#### **Especificação Funcional**

- - - - - -

#### **PROC001 EXEMPLO:**

##### ***Protótipo de Tela:***

##### ***Descrição dos Campos:***

<table border="1" cellpadding="7" cellspacing="0" id="bkmrk-campo-tipo-tamanho-o" style="width: 843px;"><tbody><tr valign="top"><td bgcolor="#acb9ca" style="width: 168px; border-style: solid; border-color: black;"><span style="color: #000000;">**Campo**</span>

</td><td bgcolor="#acb9ca" style="width: 102px; border-style: solid; border-color: black;"><span style="color: #000000;">**Tipo**</span>

</td><td bgcolor="#acb9ca" style="width: 88px; border-style: solid; border-color: black;"><span style="color: #000000;">**Tamanho**</span>

</td><td bgcolor="#acb9ca" style="width: 165px; border-style: solid; border-color: black;"><span style="color: #000000;">**Obrig. ?**</span>

</td><td bgcolor="#acb9ca" style="width: 119px; border-style: solid; border-color: black;"><span style="color: #000000;">**Máscara**</span>

</td><td bgcolor="#acb9ca" style="width: 201px; border-style: solid; border-color: black;"><span style="color: #000000;">**Observações**</span>

</td></tr><tr><td style="width: 168px; border-style: solid; border-color: black;"><span style="color: #000000;">Campo</span>

</td><td style="width: 102px; border-style: solid; border-color: black;"><span style="color: #000000;">Texto</span>

</td><td style="width: 88px; border-style: solid; border-color: black;"><span style="color: #000000;">100</span>

</td><td style="width: 165px; border-style: solid; border-color: black;"><span style="color: #000000;">Sim</span>

</td><td style="width: 119px; border-style: solid; border-color: black;">-

</td><td style="width: 201px; border-style: solid; border-color: black;">-

</td></tr></tbody></table>

##### ***Regras de Interface:***

***1. Exemplo de regras do campo:*** Descrição das regras de interface ou de tela. Eventos em campos ou botões, bloqueios ou desbloqueios e outras alterações.

##### ***Regras de Negócio:***

***1. Exemplo de regras de negócio (Exemplo de calculo imposto):***  
Descrição das regras de negócio envolvendo o processo, como cálculos, ações em botões e outras regras envolvendo a lógica por trás do processo.

##### ***Questões Técnicas:***

***1. Descrição de mudanças na base de dados, ou integração de API, ou arquivo que deva ser gerado.***

©SOFTEN SISTEMAS 2025

# PROC012 – Finalizar Pagamento

<table border="1" id="bkmrk-%C2%A0-projeto%2Fsistema%3Age" style="border-collapse: collapse; width: 100.123%; height: 68px;"><tbody><tr style="border-style: solid;"><td rowspan="3" style="width: 26.6667%; height: 68px; border-color: black; border-top-style: hidden; border-left-style: hidden; border-bottom-style: hidden;">  
[![image-1762776253666.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/scaled-1680-/image-1762776253666.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-11/image-1762776253666.png)

</td><td style="width: 49.9999%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Projeto/Sistema:**</span>  
<span style="color: #000000;">GERENCIAMENTO DE PROJETOS</span></td><td class="align-center" style="width: 23.3333%; height: 10px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do *Template:***</span>  
<span style="color: #000000;">1.2</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Processo:**</span>  
PROC012 – Finalizar Pagamento

</td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Versão do Documento:**</span>  
<span style="color: #000000;">1.0</span></td></tr><tr style="border-style: solid;"><td style="width: 49.9999%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Responsável(eis):** </span>  
<span style="color: #000000;">Jalile Cornachioni</span></td><td class="align-center" style="width: 23.3333%; height: 29px; border-color: black; border-style: solid;"><span style="color: #000000;">**Data:** </span>

<span style="color: #000000;">10/11/2025</span>

</td></tr></tbody></table>

##### <span style="color: #000000;">**1. Introdução**</span>

<span style="color: #000000;">**Este processo visa exemplificar a documentação padrão**</span>

##### <span style="color: #000000;">**2. Processo (adicionar fluxograma exemplo)**</span>

[![image-1724162109370.png](https://docs.softensistemas.com.br/uploads/images/gallery/2024-08/scaled-1680-/image-1724162109370.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2024-08/image-1724162109370.png)

I - Fluxograma Exemplo

<table cellpadding="9" cellspacing="0" id="bkmrk-processo-envolvidos-" width="100%"><tbody><tr valign="top"><td bgcolor="#acb9ca" style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">**Processo**</span>

</td><td bgcolor="#acb9ca" style="border-style: solid; border-color: black;" width="19%"><span style="font-size: small; color: #000000;">**Envolvidos**</span>

</td><td bgcolor="#acb9ca" style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">**Dados de Entrada**</span>

</td><td bgcolor="#acb9ca" style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">**Dados de Saída**</span>

</td></tr><tr valign="top"><td style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">Processo</span>

</td><td style="border-style: solid; border-color: black;" width="19%"><span style="font-size: small; color: #000000;">N/A</span>

</td><td style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">N/A</span>

</td><td style="border-style: solid; border-color: black;" width="27%"><span style="font-size: small; color: #000000;">N/A</span>

</td></tr></tbody></table>

#### **Processos Relacionados** 

- - - - - -

Documentação Exemplo 1   
  
Documentação Exemplo 2

#### **Especificação Funcional**

- - - - - -

#### **PROC001 EXEMPLO:**

##### ***Protótipo de Tela:***

##### ***Descrição dos Campos:***

<table border="1" cellpadding="7" cellspacing="0" id="bkmrk-campo-tipo-tamanho-o" style="width: 843px;"><tbody><tr valign="top"><td bgcolor="#acb9ca" style="width: 168px; border-style: solid; border-color: black;"><span style="color: #000000;">**Campo**</span>

</td><td bgcolor="#acb9ca" style="width: 102px; border-style: solid; border-color: black;"><span style="color: #000000;">**Tipo**</span>

</td><td bgcolor="#acb9ca" style="width: 88px; border-style: solid; border-color: black;"><span style="color: #000000;">**Tamanho**</span>

</td><td bgcolor="#acb9ca" style="width: 165px; border-style: solid; border-color: black;"><span style="color: #000000;">**Obrig. ?**</span>

</td><td bgcolor="#acb9ca" style="width: 119px; border-style: solid; border-color: black;"><span style="color: #000000;">**Máscara**</span>

</td><td bgcolor="#acb9ca" style="width: 201px; border-style: solid; border-color: black;"><span style="color: #000000;">**Observações**</span>

</td></tr><tr><td style="width: 168px; border-style: solid; border-color: black;"><span style="color: #000000;">Campo</span>

</td><td style="width: 102px; border-style: solid; border-color: black;"><span style="color: #000000;">Texto</span>

</td><td style="width: 88px; border-style: solid; border-color: black;"><span style="color: #000000;">100</span>

</td><td style="width: 165px; border-style: solid; border-color: black;"><span style="color: #000000;">Sim</span>

</td><td style="width: 119px; border-style: solid; border-color: black;">-

</td><td style="width: 201px; border-style: solid; border-color: black;">-

</td></tr></tbody></table>

##### ***Regras de Interface:***

***1. Exemplo de regras do campo:*** Descrição das regras de interface ou de tela. Eventos em campos ou botões, bloqueios ou desbloqueios e outras alterações.

##### ***Regras de Negócio:***

***1. Exemplo de regras de negócio (Exemplo de calculo imposto):***  
Descrição das regras de negócio envolvendo o processo, como cálculos, ações em botões e outras regras envolvendo a lógica por trás do processo.

##### ***Questões Técnicas:***

***1. Descrição de mudanças na base de dados, ou integração de API, ou arquivo que deva ser gerado.***

©SOFTEN SISTEMAS 2025

# Contas a Pagar