Detalle de pedido en móvil

En pantallas estrechas (típicamente menos de 768 px de ancho), el detalle de un pedido se muestra en una sola columna, con la misma información y permisos que en escritorio, pero organizada para leer y tocar con comodidad.

⏱️ 6 minutos de lectura 🟢 Nivel: Básico Vendedor Logística Facturación Admin
ℹ️ Escritorio sin cambios de reglas

En monitor ancho sigue aplicando el diseño de detalle en dos columnas (historial y paneles amplios). Esta guía describe solo la vista móvil del mismo detalle.

1. Cómo abrir el detalle

  1. Entra a Pedidos.
  2. Toca el código del pedido (por ejemplo #78bd8e9) o el ícono para ver el detalle.

Los mismos pasos sirven para revisar un pedido antes de cambiar estado o editar cantidades, según tu rol.

2. Estado del pedido y acciones

Arriba del contenido verás, en este orden:

  • Un bloque con el estado actual del pedido (badge compacto).
  • Justo debajo, una fila de botones: Volver al listado; Editar o Eliminar solo si tu rol y el estado del pedido lo permiten (por ejemplo, edición en Pendiente de Armado).
Detalle de pedido en móvil: estado del pedido arriba y fila de acciones Volver, Editar y Eliminar debajo
Vista aproximada 390×844 px: estado visible primero, luego acciones.

3. Cliente y líneas del pedido

El bloque del cliente puede mostrarse colapsado al entrar; tocá el encabezado para expandir u ocultar datos de contacto. Cada producto aparece en su propia tarjeta: nombre, cantidad y, si corresponde, peso para artículos por KG, siempre en la misma tarjeta. Podés ajustar cantidad (y peso cuando aplique) según las mismas reglas que en escritorio.

4. Botón Volver fijo al desplazarte

Si bajás con el dedo y la fila de acciones deja de verse, puede aparecer un botón Volver fijo bajo la barra superior para volver al listado sin tener que subir hasta arriba.

Detalle de pedido en móvil con botón Volver fijo visible tras hacer scroll
Ejemplo con Volver fijo cuando la fila de acciones ya no está a la vista.

5. Resumen, total final y barra inferior

Al final del listado verás el resumen y el total final. Hay espacio reservado debajo para que el importe no quede tapado por los botones fijos de acción del pedido (por ejemplo guardar cambios), cuando corresponda.

Zona de resumen y total final del pedido visible sobre la barra de acciones inferior en móvil
Desplazate hasta el final del contenido para leer totales con claridad.

6. Cambiar estado, pesos y checkboxes

El selector de estado, el modal de pesos y los checkboxes Log. / Fact. / Admin siguen las mismas reglas que en escritorio. Para el flujo paso a paso (facturación, tránsito, entregado, etc.) usá la guía Cambiar estado de pedido.

💡 Tip: En móvil no se muestra el historial de cambios del pedido en esta vista; el foco está en operar el pedido con rapidez. En escritorio podés consultar el historial en el panel correspondiente.

7. Vista de escritorio (referencia)

En pantalla ancha el detalle conserva la experiencia de tabla y paneles amplios, sin regresiones respecto al diseño actual.

Detalle de pedido en escritorio con tabla de líneas
Referencia 1280×800 px: detalle en formato ancho (no es la vista móvil).

Siguientes pasos