Actualizar Interfaz/reporte_ventas.html

This commit is contained in:
maria.ruiz 2025-03-13 04:14:51 +00:00
parent 252eaa7f0e
commit fbe8889b78
1 changed files with 42 additions and 43 deletions

View File

@ -1,44 +1,43 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="es"> <html lang="es">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Reporte de Ventas</title> <title>Reporte de Ventas</title>
<link rel="stylesheet" href="estilos/reporte_ventas.css"> <link rel="stylesheet" href="estilos/reporte_ventas.css">
<link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/bootstrap.min.css">
</head> </head>
<body style="background-color: #f9f7f4;"> <body style="background-color: #f9f7f4;">
<br> <br>
<div class="container"> <div class="container">
<h1>Reporte de Ventas</h1> <h1>Reporte de Ventas</h1>
<form id="formReporte"> <form id="formReporte">
<label for="fechaInicio">Fecha de Inicio:</label> <label for="fechaInicio">Fecha de Inicio:</label>
<input type="date" id="fechaInicio" name="fechaInicio" required> <input type="date" id="fechaInicio" name="fechaInicio" required>
<label for="fechaFin">Fecha de Fin:</label> <label for="fechaFin">Fecha de Fin:</label>
<input type="date" id="fechaFin" name="fechaFin" required> <input type="date" id="fechaFin" name="fechaFin" required>
<button type="submit">Generar Reporte</button> <button type="submit">Generar Reporte</button>
</form> </form>
<div id="resultadoReporte"> <div id="resultadoReporte">
<h2>Total de Boletos Vendidos: <span id="totalBoletos">0</span></h2> <h2>Total de Boletos Vendidos: <span id="totalBoletos">0</span></h2>
<table id="tablaVentas"> <table id="tablaVentas">
<thead> <thead>
<tr> <tr>
<th>Fecha de Venta</th> <th>Fecha de Venta</th>
<th>Número de Asiento</th> <th>Número de Asiento</th>
<th>Precio</th> <th>Precio</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<!-- Las filas se llenarán dinámicamente --> </tbody>
</tbody> </table>
</table> </div>
</div> </div>
</div>
<script src="scripts/reporte_ventas.js"></script>
<script src="scripts/reporte_ventas.js"></script> <script src="js/bootstrap.bundle.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script> </body>
</body>
</html> </html>