# Melhorias propostas



# Tela de listagem de 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;">MELHORIAS PROPOSTAS NA NFC-E</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>  
<span style="color: #000000;">TELA DE LISTAGEM DE NFC-E</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.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;">**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;">21/10/2025</span>

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

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

**Com o objetivo de melhorar a usabilidade, a clareza visual e a eficiência na navegintelação, foi realizada uma atualização no layout da tela de listagem de Notas Fiscais do Consumidor Eletrônicas (NFC-e). A nova interface traz uma experiência mais moderna e organizada, com foco na simplificação das ações mais utilizadas pelos usuários.**

##### <span style="color: #000000;">**2. Resumo dos novos componentes da Tela de Listagem de NFC-e**</span>

<div id="bkmrk-%C2%A0detalhamento-de-cam"> ***Detalhamento de campos:***</div><div id="bkmrk-"></div>- Botão Nova NFC-e
- Totalizadores por status
- Label indicador de ambiente
- Label indicador de certificado digital
- Campo Seletor de período - default "hoje"
- Campo de Busca Inteligente
- Filtro por status
- Grid de registros filtrados
- Botões de ações rápidas e ações em lote
- Ações individuais
- Rodapé com totalizador de itens por páginas e seletor de quantidade pré-definida de registros

***Observações***:

<div id="bkmrk-mudan%C3%A7as-apenas-de-d">Mudanças apenas de design, ou seja, fluxos complementares não sofrerão alteração.</div><div id="bkmrk-visualiza%C3%A7%C3%A3o-em-grad">Visualização em grade/card será feito como pós-mvp</div>#####  

#### **3. Especificação Funcional**

- - - - - -

##### ***Protótipo de Tela: [Listagem de NFC-e](https://www.figma.com/design/mN0I8GyW16Nio4YwGf82b1/Melhorias-Clarity?node-id=193-7513&t=TGg5NBQpEND87lkc-0)***

*<span style="color: #808080;">--- Tela inicial ---</span>*

*<span style="color: #808080;">[![Modelo 101.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-10/scaled-1680-/modelo-101.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-10/modelo-101.png)</span>*

*<span style="color: #808080;">---Opções de ações em lote e ações individuais ---</span>*

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

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

<span style="color: #808080;">*--- Filtros ---*</span>

<span style="color: #808080;">*[![Modelo 145.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-10/scaled-1680-/modelo-145.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-10/modelo-145.png)*</span>

<span style="color: #808080;">*--- Tela de listagem sem dados ---*</span>

<span style="color: #808080;">*[![Modelo 143.png](https://docs.softensistemas.com.br/uploads/images/gallery/2025-10/scaled-1680-/modelo-143.png)](https://docs.softensistemas.com.br/uploads/images/gallery/2025-10/modelo-143.png)*</span>

##### ***Descrição dos Componentes da Tela:***

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

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

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

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

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

</td><td style="width: 306.992px; border-style: solid; border-color: black;"><span style="color: #000000;">Campo Seletor de período</span>

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

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

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

</td><td style="width: 306.992px; border-style: solid; border-color: black;"><span style="color: #000000;">Campo de Busca Inteligente</span>

</td><td style="width: 380px; border-style: solid; border-color: black;"><span style="color: #000000;"><span style="background-color: #f8f8f8;">Busque por Número Fiscal, CPF/CNPJ ou nome do cliente</span></span>

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

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

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

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

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

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

</td><td style="width: 306.992px; border-style: solid; border-color: black;"><span style="color: #000000;">Rodapé de Seleção Dinâmica</span>

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

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

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

</td><td style="width: 306.992px; border-style: solid; border-color: black;">Toast Alert – Visualização em Grade/Card

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

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

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

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

<span style="color: #333333;">***1. Label imdicador do ambiente***</span>

<span style="color: #333333;">***1. Campo Seletor de Período:***</span>

***Descrição do comportamento:*** O campo "Seletor de Período" permite ao usuário definir um intervalo de tempo para consultar registros conforme datas específicas. Por padrão, a opção "Hoje" será selecionada automaticamente, exibindo os dados correspondentes à data atual sem necessidade de interação inicial.

**Comportamentos Esperados:**

1. 1. Ao clicar no campo, o painel se expande exibindo as opções pré-definidas à esquerda e os dois calendários à direita.
    2. A seleção de qualquer opção pré-definida automaticamente preenche as datas inicial e final.
    3. Caso o usuário altere manualmente as datas, a seleção muda para “Personalizado”.
    4. A Data Final **não pode ser anterior à Data Inicial** – nesse caso, deve ser exibida uma mensagem de erro amigável e a seleção impedida.
    5. Se nenhuma data for selecionada e o usuário tentar aplicar o filtro, o sistema deve assumir o valor default (“Hoje”).

**Cenários Negativos e Possíveis Erros:**

- - **Data Final anterior à Inicial:**
        
        
        - *Mensagem sugerida:* "A data final deve ser igual ou posterior à data inicial."
        - *Tratamento:* bloqueia aplicação do filtro até correção.
    - **Datas fora do intervalo permitido pelo sistema (ex: muito antigas ou futuras):**
        
        
        - *Mensagem sugerida:* "Selecione um período válido entre \[data mínima\] e \[data máxima\]."
    - **Erro ao carregar registros (ex: falha na API após seleção):**
        
        
        - *Mensagem sugerida:* "Não foi possível carregar os dados para o período selecionado. Tente novamente."
    - **Usuário esquece de confirmar o intervalo personalizado:**
        
        
        - *Tratamento sugerido:* manter botão de “Aplicar Filtro” visível e desabilitado até que um intervalo válido esteja completo.

***2. Campo de Busca Inteligente***

***Descrição do comportamento:*** Este campo tem a função de **localizar Notas Fiscais de Consumidor Eletrônicas (NFC-e)** com base em uma das seguintes chaves:

- - - **Número Fiscal**
        - **CPF/CNPJ**
        - **Nome do Cliente**

O campo possui o **placeholder padrão**: <span style="background-color: #f8f8f8;">“Busque por Número Fiscal, CPF/CNPJ ou nome do cliente”</span>

***Detecção automática***: Ao digitar qualquer valor, o sistema **identifica automaticamente o tipo de chave** com base no formato da entrada. Assim, **o seletor de filtro é atualizado automaticamente** (indicando se a busca foi interpretada como CPF, CNPJ, nome ou número fiscal), sem exigir que o usuário faça essa escolha manualmente.

***Casos inválidos:*** Se o valor digitado **não corresponder a nenhum formato válido reconhecido**, o sistema:

- - - **Não executa a busca**
        - Pode exibir uma **mensagem de alerta ou orientação** ao usuário (ex: “Formato inválido. Digite um CPF, CNPJ, número fiscal ou nome válido.”)

Esse comportamento evita buscas sem critério e garante que apenas dados válidos sejam processados.

***3.*** **Filtros**

***Descrição do comportamento:*** O componente de Filtros da tela de Nota Fiscal de Consumidor Eletrônica (NFC-e) é um painel flutuante e interativo, posicionado à direita da interface, que permite ao usuário refinar os dados exibidos na listagem. Ele é acessado por meio do botão com ícone de funil. Ao clicar, o painel de filtros se expande sobre a listagem, sem redirecionamento de tela.

***Campos Disponíveis***

1. 1. **Série**
        
        
        - Campo numérico para digitar o número da série da NFC-e.
    2. **Nº Fiscal**
        
        
        - Campo numérico para informar o número específico da nota fiscal.
    3. **Finalidade**
        
        
        - Campo do tipo dropdown (selecione uma opção), onde o usuário escolhe a finalidade da nota (ex: Normal, Devolução, Ajuste).
    4. **Cliente**
        
        
        - Campo do tipo dropdown com pesquisa para seleção do cliente associado à nota.
    5. **Status**
        
        
        - Grupo de botões seletivos (tipo toggle) com múltipla seleção possível:
            
            
            - Autorizado
            - Cancelado
            - Inutilizado
            - Erro
            - Não Enviado

***Comportamento***

- - - Os filtros são combináveis (ex: buscar por série e status ao mesmo tempo).
        - Ao aplicar um filtro, os totais no rodapé (autorizado, cancelado e total geral) são atualizados automaticamente com base nos dados retornados.
        - O painel pode ser reaberto a qualquer momento para ajuste dos critérios.

***4.*** **Rodapé de Seleção Dinâmica de NFC-e**

***Descrição do comportamento:*** Este campo é exibido de forma dinâmica, aparecendo somente quando o usuário ativa a opção **Selecionar Múltiplos** no topo da tela. Ao ativar esse modo, checkboxes surgem ao lado de cada NFC-e listada na grade. Cada vez que um registro é selecionado, seu número de identificação (ex: #12345) é automaticamente adicionado ao rodapé suspenso, separado por vírgulas. O rodapé também exibe a quantidade total de cupons selecionados e oferece ações em massa no canto direito.

Caso todos os itens sejam desmarcados, o rodapé é ocultado automaticamente, voltando a exibição padrão da tela.

Caso o usuário pressione o x no rodapé, todos as seleções devem ser desfeitas, o rodapé é ocultado automaticamente, voltando a exibição padrão da tela.

***5.*** **Toast Alert – Visualização em Grade/Card**<span style="color: #333333;">**"**</span>

<span style="color: #333333;">***Descrição do comportamento:***</span>

Para antecipar e preparar os usuários para uma futura funcionalidade, será exibido um *toast alert* informativo ao posicionar o cursor sobre o ícone ou campo de **visualização em grade/card**. Esse alerta trará a seguinte mensagem: "*Em breve".*

Esse *toast* terá caráter não intrusivo e informativo, sendo exibido por alguns segundos na parte inferior da tela, garantindo que o usuário seja avisado da funcionalidade futura sem prejudicar sua navegação atual. A intenção é criar expectativa e manter o usuário informado sobre as melhorias contínuas na plataforma.

##### ***Regra<span style="background-color: #ffff99;">s de Negócio:</span>***

1. <span style="background-color: #ffff99;">**Exibição de NFC-es com status e valores destacados:**</span>
    1. <span style="background-color: #ffff99;">A listagem de NFC-es deve exibir as notas fiscais com seus respectivos dados de forma clara e objetiva. O sistema deverá:</span>
        
        
        - <span style="background-color: #ffff99;">Exibir colunas com: número da nota, número fiscal, cliente, data de emissão, finalidade, valor total, status e menu de ações.</span>
        - <span style="background-color: #ffff99;">Destacar o **status da NFC-e** com cores específicas:</span>
            
            
            - <span style="background-color: #ffff99;">Verde: Autorizada</span>
            - <span style="background-color: #ffff99;">Vermelho: Rejeitada ou Cancelada</span>
            - <span style="background-color: #ffff99;">Cinza: Não enviada</span>
        - <span style="background-color: #ffff99;">Agrupar registros por data, com paginação.</span>
2. <span style="background-color: #ffff99;">**Totalizadores:**</span>  
    <span style="background-color: #ffff99;">Os totais exibidos no rodapé da tela devem apresentar a soma dos valores **autorizados**, **cancelados** e o **total geral**, com base nos itens listados (respeitando filtros aplicados).</span>
3. <span style="background-color: #ffff99;">**Ações de múltipla seleção:**</span>  
    <span style="background-color: #ffff99;">O usuário pode selecionar múltiplas notas fiscais para ações em massa, como **reenvio** ou **cancelamento** (de acordo com permissões e status da nota).</span>

##### ***4. 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>

##### ***5. Exclusões***

***1. Exibição em lista:*** Será priorizado o desenvolvimento da visão em lista; a exibição em grade/card será feita em um pós-mvp.

2\. Demais links de ação não detalhados neste documento serão mantidos com o mesmo comportamento atual

3\. ordenação nas colunas deverá ser mantida conforme comportamento atual

©SOFTEN SISTEMAS 2025

# 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