# Reformulação NFC-e

<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>  
Reformulação NFC-e

</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;">24/09/2025</span>

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

### Reformulação NFC-e

#### 1. Informações Gerais

- **Nome do Projeto/Produto:** Reformulação da listagem e emissão de NFC-e
- **Objetivo principal do projeto:** remodelagem das telas de listagem e emissão de NFC-e no sistema GerencieAqui, com o objetivo de melhorar a usabilidade, eficiência e a experiência do usuário a partir do levantamento das dificuldades enfrentadas pelos clientes e das limitações atuais da interface, bem como adaptação ao re-design padrão do sistema.

#### 2. Contexto e Justificativa

- **Problema ou necessidade que originou o projeto**
- **Impactos de não resolver esse problema**
- **Oportunidades identificadas:** adaptar a tela ao redesign do sistema e resolver problemas de usabilidade trazendo evidência aos campos obrigatórios e mais utilizados.

#### 3. Escopo

##### <span style="color: #333333;">**O que está dentro do escopo (incluído):**</span>

- Alteração no design geral das telas que envolvem o processo de emissão de NFC-e;
- **Tela de listagem:**
    
    
    1. Reposicionamento de campos
    2. Reposicionamento de totalizadores e inclusão da filtragem por totalizador
    3. Agrupamento das ações em lote
    4. Ocultar coluna “finalidade”
    5. Incluir filtro adicional por tipo de lançamentos
    6. Possibilidade de exibir/ocultar colunas da grid
    7. Incluir indicador do modelo do certificado digital do cliente
- **Tela de nova NFC-e:**
    
    
    1. Agrupamento de campos em abas
    2. **Aba “Itens”:** aba reservada para inclusão de produto; posicionar campos conforme protótipo
        
        
        - Manter ações: “editar” que abre a tela de informações fiscais e “excluir”
    3. **Aba “Identificação”:** inclusão de cliente e informações da emissão, conforme protótipo.
        
        
        - Deve manter os valores padrão para os campos, em acordo com o comportamento atual na v5.0.18d
    4. **Aba “Pagamentos”:** cadastro de formas de pagamentos da NFC-e
        
        
        - Campos devem ser mantidos conforme protótipo
        - Exibir dados em **grid** em listagem, não em cards
        - Cálculo mantido conforme comportamento atual do sistema
        - Edição das parcelas possível dentro da própria grid
    5. **Aba “Totais”:** área para conferência dos valores e impostos
        
        
        - Deve manter os totalizadores em linha e padrão de cores, conforme protótipo
        - Ocultar totalizadores: frete e seguro
        - Deve conter tabelas colapsáveis para cada tipo de imposto (ICMS, PIS, COFINS)
            
            
            - Comportamento inicial: **acordeon recolhido**

##### <span style="color: #333333;">**O que está fora do escopo (excluído):**</span>

- Este requisito não altera o comportamento atual das ações individuais ou em lote
- Não cria processos novos
- Não exclui processos
- Não inclui ações individuais ou em lote
- Não altera comportamento de tela
- Não impacta relatórios

##### <span style="color: #333333;">**Principais entregas esperadas:**</span>

- Nova tela de listagem de NFC-e com filtros aprimorados, agrupamento e opções de personalização da grid
- Nova tela de emissão de NFC-e com estrutura em abas, mantendo consistência visual com o redesign
- Indicadores visuais mais claros para campos obrigatórios e totalizadores
- Inclusão de acordeons colapsados para detalhamento de impostos
- Consistência visual com demais módulos reformulados do sistema

#### 4. Público-Alvo / Usuários

- **Quem vai utilizar:** Perfis principais: operador de caixa, administrativo/faturista e, em alguns casos, gestor/administrador do sistema.
- **Principais dores e expectativas desses usuários:**
    
    
    - Reduzir erros de preenchimento na emissão
    - Ter telas mais limpas e objetivas, com foco nos campos realmente necessários
    - Agilidade para localizar documentos emitidos e aplicar filtros de busca
    - Consistência visual com demais módulos do sistema

#### 5. Requisitos

##### **Requisitos Funcionais**

- Listagem de NFC-e com filtros adicionais (totalizadores, tipo de lançamento)
- Possibilidade de exibir/ocultar colunas da grid
- Inclusão de indicador do certificado digital
- Tela de emissão com estrutura em abas (Itens, Identificação, Pagamentos, Totais)
- Inclusão, edição e exclusão de itens conforme protótipo
- Grid para formas de pagamento, com possibilidade de edição direta
- Totalizadores visíveis e padronizados em cores
- Acordeons colapsados para detalhamento de impostos

##### **Requisitos Não Funcionais**

- **Usabilidade:** telas alinhadas ao redesign do sistema, campos obrigatórios destacados, consistência visual e interação intuitiva
- **Performance:** carregamento de listagem e emissão em até 3 segundos em condições normais
- **Compatibilidade:** manter compatibilidade com navegadores homologados (Chrome e Edge)
- **Segurança:** respeitar regras fiscais e validações obrigatórias para emissão de NFC-e
- **Escalabilidade:** estrutura preparada para inclusão futura de novos filtros e abas

#### 6. Fluxos / Processos

##### **Passo a passo esperado do funcionamento:**

- **Fluxo de emissão:** usuário acessa *“Nova NFC-e”* → preenche abas (Identificação → Itens → Pagamentos → Totais) → valida informações → emite NFC-e
- **Fluxo de listagem:** usuário acessa *“Listagem NFC-e”* → aplica filtros (tipo de lançamento, totalizadores, colunas personalizadas) → visualiza e gerencia resultados → executa ações em lote

##### **Casos de uso:**

- Inclusão de uma NFC-e simples com pagamento em dinheiro
- Inclusão de NFC-e parcelada com cartão, editando parcelas diretamente na grid
- Consulta de NFC-e emitida por período, filtrando por tipo de lançamento

#### Listagem dos campos da tela de listagem:

**Cabeçalho**

- Nome da empresa/usuário logado: `"LAB4DEV TECHNOLOGY"`
- Título da tela: `"Nota Fiscal do Consumidor Eletrônica"`
- Tag com o tipo de certificado: **A1 ou A3** (em destaque azul)
- Breadcrumb: `"Fiscal > Nota Fiscal do Consumidor Eletrônica"`
- Botão de ação primária: **“Nova NFC-e”** (azul, canto superior direito)

**Cards Resumo (Status Financeiro das Notas)**

- Autorizado: valor em verde (R$ 652,00)
- Pendente: valor em laranja (R$ 1.205,89)
- Cancelada: valor em vermelho (R$ 108,00)
- Total: valor em azul (R$ 1.965,89)

**Filtros e Busca**

- Botão Filtros (com ícone de funil, expansível)
- Período de Emissão:
    
    
    - Campo de data inicial (today)
    - Campo de data final (today)
- Busca:
    
    
    - Campo de texto com placeholder “Procure por Número Fiscal”
    - Dropdown/selector à direita com label “Número Fiscal”
    - Botão de busca (ícone de lupa azul)

**Barra de Ações Secundárias**

- Botões:
    
    
    - Relatórios
    - Inutilizar
    - Transações TEF
    - Ações em Lote
        
        
        - Exportar XML
        - Enviar por E-mail
        - Enviar ao Governo
        - Enviar Backup
- Mais opções de filtros:
    
    
    - **Estoque**
        
        
        - Gerado → exibe apenas NFC-e que já tiveram movimentação/baixa de estoque registrada
        - Não Gerado → exibe NFC-e que não geraram movimentação de estoque
    - **Contas a Receber**
        
        
        - Gerados → mostra notas que já geraram títulos no módulo de Contas a Receber
        - Não Gerados → mostra notas que ainda não foram vinculadas
    - **Origem da Conta**
        
        
        - Venda Touch → filtra NFC-e originadas no módulo “Venda Touch”
        - Venda → filtra NFC-e originadas pelo fluxo normal de “Venda” no sistema
        - Incluir mais origens de venda quando houver
- Opções de ocultar/exibir colunas da grid:
    
    
    - Série
    - N° Fiscal
    - Cliente
    - Data Emissão
    - Total
    - Status
    - Lançamentos

**Tabela NFC-e**

- Colunas:
    
    
    - Série
    - N° Fiscal
    - Cliente
    - Data Emissão
    - Total
    - Status
    - Lançamentos
    - Ações
- Botão de ações:
    
    
    - Exibir PDF
    - Baixar XML
    - Enviar ao Governo
    - Cancelar
    - Duplicar
    - Estornar Financeiro
    - Obs.: manter as opções de acordo com cada status da NFC-e

**Rodapé da Tabela**

- Itens por página: dropdown (15, 50, 100)
- Paginação: navegação com botões (1, 2, 3, … última página)

**Obs.:** Caso o filtro de data não retorne resultados, a tela deve ser apresentada em tons de cinza, exibindo os totalizadores com valores zerados e a mensagem padrão:

> “Não foram encontrados registros de Cupons Fiscais”

#### Tela de Nova NFC-e

##### Estrutura geral da tela

- Cabeçalho superior
    
    
    - Nome da empresa/sistema
    - Data e hora da emissão do cupom
- Breadcrumb: `Nota Fiscal do Consumidor Eletrônica > Nova`
- Abas de navegação: **Itens, Identificação, Pagamentos, Totais**

##### **Aba Itens**

**Seção Adicionar Produto**

- Campos: Cód. Barra, Produto, Quantidade, CFOP, Grade, Valor Unitário, Valor Total
- Botão: **Adicionar Produto** (azul, largura total)

**Seção Itens do Cupom**

- Colunas: Código, Produto, CFOP, Quantidade, Valor Unitário, Valor Total, Ações
- Ações: Editar (lápis), Excluir (lixeira)

##### **Aba Identificação**

**Seção: Informações do Comprador**

- CPF/CNPJ
- Cliente
- Vendedor
- Data Emissão

**Seção: Emissão da NFC-e**

- Tipo de Emissão
- Formato do DANFCE
- Presença do Consumidor
- Intermediador
- Observação (244 caracteres restantes)

##### **Aba Pagamentos**

**Seção: Adicionar Pagamento**

- Forma de Pagamento, Valor, Data de Vencimento, Parcelas, Período
- Botão: **Adicionar Pagamento**

**Seção: Tabela de Pagamentos**

- Colunas: Nº Parcela, Parcelas, Forma Pgto, Valor, Data Vencimento, Ações
- Ações: Excluir (lixeira vermelha)

##### **Aba Totais**

**Seção: Impostos e Totais**

- Acréscimo (verde, ícone +)
- Desconto (vermelho, ícone -)
- Produtos (roxo, ícone caixa)
- Pagamentos (turquesa, ícone moeda)
- Troco (azul claro, ícone moeda)
- Total (cinza escuro/azul, ícone cifrão)

**Seção: Detalhamento de Impostos**

- ICMS
- PIS
- COFINS
- Cada cartão com expansão/colapso (estado inicial: recolhido)

#### 7. Integrações

- Mantém integração atual com SEFAZ para emissão e validação de NFC-e
- Não há novas integrações externas previstas

#### 8. Restrições

- Utilizar exclusivamente o redesign padrão do GerencieAqui
- Não modificar o backend fiscal ou regras de integração com a SEFAZ
- Não alterar relatórios ou processos já existentes

#### 9. Critérios de Sucesso

- Usuários conseguirem emitir NFC-e sem dúvidas adicionais em até 3 tentativas (testes de usabilidade)
- Adesão visual e funcional completa ao redesign do sistema
- Feedback positivo de clientes em pesquisa de satisfação interna

#### 10. Anexos / Referências

- Protótipos de tela ([figma](https://www.figma.com/design/mN0I8GyW16Nio4YwGf82b1/Melhorias-Clarity?node-id=3589-20713&t=pwiZOeSyelxbM2TN-0))
- Padrões de redesign definidos pela equipe de produto

©SOFTEN SISTEMAS 2025