Mockup — Editor de Plantillas de Libro

Mockup — Editor Plantillas

Nuevo / mejorado

Reubicado

Eliminado

Hover sobre elementos para ver notas

Plantillas de Libro · Remuneraciones

Libro Compacto Previred

compacto excel horizontal ● Activa

Columnas 3

Filtros 1

Origen empresa

Permite edición Sí

ID Plantilla #42

Guarda primero la plantilla para habilitar columnas y filtros.

Configuración general

Define la base de la plantilla antes de agregar columnas del catálogo.

mejorado

Código

Nombre *

Estado

Orden

Descripción

Tipo

Origen

Orientación

Formato salida

Empresa

ID Plantilla

Comportamiento de la plantilla

Mostrar encabezado Título y cabecera del libro.

Mostrar totales Totales al pie de columnas.

Mostrar filtros Expone filtros aplicados.

Permite edición Plantilla puede modificarse.

Columnas de la plantilla

Elige del catálogo y ordénalas; usa "Detalles" para ajustar ancho, alineación y comportamiento.

3 columnas mejorado

Columna del catálogo

Título en columna

Orden

Detalles avanzados de columna · Clave, grupo, tipo, ancho, alineación, formato, flags

Orden	Clave	Título	Grupo	Tipo	Ancho	Flags
1	`rut`	RUT	identificación	string	80	Visible Sin total
2	`nombre_completo`	Nombre completo	identificación	string	180	Visible Sin total Filtrable
3	`liquido_pagar`	Líquido a pagar	totales	decimal	120	Visible Totaliza

Filtros asociados

Condiciones fijas que se aplicarán cada vez que se genere este libro.

1 filtro mejorado

Campo

Operador

Valor

Estado

Tip Para operadores en lista separa valores con coma. Para entre aparecerá un segundo campo de valor final.

Orden	Campo	Operador	Valor	Hasta	Estado	Acciones
1	Estado Contrato	Igual a	`1`	—	Activo

Resumen de cambios respecto al diseño actual

Comparativa entre el diseño actual y el mockup optimizado

Elemento	Antes	Ahora	Razón
Hero	Gradiente #1d4ed8/#0284c7, muy alto	mejorado Gradiente #0652a6/#0b78d1 + compacto (1 fila)	Colores correctos del sistema; menos espacio desperdiciado
Card "Resumen rápido"	Card lateral 4 columnas (col-4) con stats + helper + toggles	eliminado Reemplazado por strip horizontal	Ocupaba 33% del ancho con información secundaria; el strip usa una sola fila
Toggles de comportamiento	En la card "Resumen rápido" (col-4)	reubicado Al pie de "Configuración general"	Son datos de la plantilla, no un resumen; agrupación lógica correcta
Config. general	col-8 limitado, algunos campos en filas de 4	mejorado Full width, 4 cols por fila, empresa/ID claramente disabled	Mejor aprovechamiento del ancho; jerarquía visual más clara
Border-radius inputs	0.95rem (muy redondeados, estilo diferente)	corregido 0.5rem (estándar EmpaqueForm)	Consistencia con el sistema de diseño del proyecto
Sección "Agregar columna"	Grid plano de 12 campos + 4 checkboxes inline	mejorado Fila de 3 campos esenciales + accordion "Detalles avanzados"	Progressive disclosure: el 90% solo necesita seleccionar del catálogo + orden
Sección "Agregar filtro"	Grid mezclado con mini-help, 2 filas, pills confusos	mejorado Barra inline de 5 campos + tip contextual separado	Flujo lineal: campo → operador → valor → estado → agregar
Tabla columnas	Solo botón "eliminar"	mejorado Drag handle + flags como pills compact + eliminar	Affordance visual para reordenar; estado de flags más legible
Footer de acciones	Duplicaba los botones del hero al pie	eliminado Reemplazado por sticky bottom bar compacta	Sin duplicación; siempre visible sin necesitar scroll al hero
Cards columnas + filtros	Divididas col-7/col-5 en la misma fila	mejorado Cards separadas, full width, jerarquía propia	Cada sección merece su propio espacio; tablas más legibles en ancho completo