Config gerais
Template da tela de configurações — menu lateral de configurações + conteúdo da seção (ex.: Automação).
Tela de configurações do sistema: um menu lateral de configurações (grupos aninhados + busca) à esquerda e a área de conteúdo da seção escolhida à direita — aqui, uma listagem ("Automação"). Usa o chassi MeLayout com o left-area como menu de configuração.
Pré-visualização 1:1
Dashboard
Transações
Fornecedores
Catálogos
Usuários
Mais
Automação
Gerencie e edite os fluxos de automação
Nova automaçãoImportarExportar
Placeholder
Documento
Descrição
Criado por
Criado em
Editado por
Última edição
Versão
Status
Requisição de compraFluxo de aprovaçãoAna Silva15/01/2024Carlos Santos20/02/20242.1
Ativo
Relatório AnualAnálise de dadosBruno Oliveira10/01/2024Maria Ferreira12/02/20241.0
Inativo
Projeto de DadosDesenvolvimentoJoão Almeida20/12/2023Patrícia Lima25/01/20241.5
Ativo
Análise de DadosRelatório de BIFernanda Matos15/02/2024Ricardo Pinto28/02/20242.0
Inativo
Exibindo 17–20 de 20
Quando usar
- Áreas de configuração / administração do app (Sistema e Operações, Usuários e Acessos, Processos…).
- Quando há um menu de seções à esquerda e cada seção abre o próprio conteúdo (tabela, formulário, etc.).
Componentes da tela
Cada zona é um componente oficial — priorize o EletroDS; o Nuxt UI é o fallback.
| Zona | Componente | Papel na tela |
|---|---|---|
| Chassi | Layout | Header + left-area (menu de config) + conteúdo. |
| Menu de configurações | Nav lateral (left-area) | Grupos aninhados + busca ("Busque neste menu"); a seção ativa fica destacada. |
| Cabeçalho da seção | Título + descrição | Nome da seção (ex.: "Automação") e uma linha de contexto. |
| Toolbar | Button bar | Ação primária (Nova automação) + secundárias (Importar/Exportar) + busca. |
| Conteúdo | Table view | Listagem da seção com paginação. |
A escrita de rótulos e mensagens segue Voz e conteúdo.