Documento
Template da tela de um registro — Forehead, abas e corpo, com ações por status.
Tela de visualização/edição de um registro (cotação, pedido, contrato). As ações primárias dependem do status. Anatomia completa em Estrutura de documento.
Pedido
ME_4600068466
Flavio Cabral
(11) 983857412
flavio.cabral@me.com.br
Entrega
COD_LOCAL_XX — Filial São Paulo
Av. das Indústrias, 1200 — Centro
CEP 04001-000
CNPJ 12.345.678/0001-90
Faturamento
Mercado Eletrônico SA — Matriz
Av. Paulista, 1000 — Bela Vista
CEP 01310-100
CNPJ 07.418.787/0001-55
Cobrança
Mercado Eletrônico SA — Financeiro
R. Funchal, 200 — Vila Olímpia
CEP 04551-060
contato@me.com.br
Comprador
Nº do pedido
PED-0033
Fornecedor
Valor total
R$ 156.000,00
Condição de pagamento
28 DDL
Previsão de entrega
02/09/2026
Anexos
Histórico de aprovações
19/08/2026 09:12 · Marina Lopes
Requisição criada.
20/08/2026 14:38 · Carlos Dias
Enviada para aprovação.
21/08/2026 10:05 · Administrador FAST1
Aprovada — liberada para cotação.
Quando usar
- Abrir um registro para ler, editar ou agir sobre ele.
- Quando o conteúdo se divide em seções do mesmo registro (resumo, itens, histórico).
Componentes da tela
Cada zona é um componente oficial — priorize o EletroDS; o Nuxt UI é o fallback.
| Zona | Componente | Papel na tela |
|---|---|---|
| Cabeçalho do registro | Forehead | Identidade, status e ações do documento. |
| Status | Badge | Estado atual do registro, com cor semântica. |
| Seções do registro | Tabs | Divide o mesmo registro (informações, itens, histórico). |
| Ações por status | Button bar | Ações primárias dependem do status (Aprovar, Recusar…). |
| Preenchimento | Progress | Mostra o avanço do documento quando aplicável. |
Anatomia e comportamento completos (estados, ações por status, reversibilidade): Estrutura de documento.