98 – GENERAR MODELO DE LA FACTURA PARA EL CLIENTE en sistema con BD y GITHUB(👨💻PHP y MYSQL💻 parte 3)

Duración: 8 min
Módulo: Generación del Modelo de Facturación Lección 3 de 5

Descripción

🎓 Lección 98: Generar Modelo de la Factura para el Cliente (PHP & MySQL, Parte 3)

Esta lección es la continuación del diseño del modelo de la factura (facturacion/modelo_factura.php) y se enfoca en añadir los últimos detalles informativos y la tabla de desglose del servicio, que contendrá los cálculos de tiempo y monto.

🕒 Desglose de Tiempos de Servicio

Se completan los campos relacionados con el tiempo de servicio para informar al cliente:

  • Tiempo de Permanencia: Se añade un campo debajo de la hora de ingreso y salida para mostrar el tiempo total calculado que el vehículo estuvo en el parqueo (ejemplo: "2 horas") [00:26].
  • Controlador Futuro: Se explica que un controlador posterior se encargará de calcular la diferencia entre la hora de ingreso y la hora de salida para generar este dato automáticamente [00:57].

📊 Estructura de la Tabla de Desglose

Se inserta una tabla HTML dentro del documento PDF (generado con TCPDF) para desglosar el costo:

  1. Versión Inicial: Se inició con tres columnas: Detalle, Precio y Total [02:14].
  2. Corrección a Estándar: La tabla se corrigió para reflejar la estructura estándar de una factura, que requiere cuatro columnas [05:34]:
    • Detalle: Descripción del servicio.
    • Precio: Precio unitario.
    • Cantidad: Número de unidades (en este caso, siempre "1" vehículo).
    • Total: El monto final del servicio.
  3. Contenido de Ejemplo: Se utilizan datos simulados para completar la tabla [03:36]:
    • Detalle: "Servicio de parqueo de dos horas".
    • Precio/Total: Se simula un monto de 10 Bolivianos (Bs), basado en un costo de 5 Bs por hora para dos horas de servicio [04:38].

🎨 Ajustes de Diseño (Layout)

Para que la tabla se ajuste correctamente a las dimensiones de la impresora de tickets (79 mm de ancho), se realizaron ajustes de estilo manuales [06:20]:

  • Anchos de Columna: Se ajustó el ancho de cada columna (width) en píxeles para distribuir el espacio uniformemente. La columna de Detalle se hizo más ancha (ejemplo: 113 píxeles) y las otras columnas (Precio, Cantidad, Total) se hicieron más estrechas (ejemplo: 40 píxeles) [07:21].
  • Alineación: Se agregó un estilo para centrar el contenido de la tabla [08:00].