Commit 609138a8 by Billy Larru

modificando diseño del reporte de montos

parent 49a3d959
......@@ -61,6 +61,8 @@
</div>
<div class="col-md-12">
<div class="panel panel-primary card-3" style="margin-top: 30px">
<div class="panel-heading" style="padding: 8px 15px">
......@@ -72,29 +74,31 @@
<tr>
<th class="text-center"></th>
<th class="text-center">Sede</th>
<th class="text-center">Fecha de entrada base</th>
<th class="text-center">Fecha de salida base</th>
<th class="text-center">Horario</th>
<th class="text-center">Fecha de entrada</th>
<th class="text-center">Marcación de entrada</th>
<th class="text-center">Fecha de salida</th>
<th class="text-center">Marcación de salida</th>
<th class="text-center">Tipo de horario</th>
<th class="text-center">Costo hora(S/.)</th>
<th class="text-center">Tiempo laborado</th>
<th class="text-center">Monto(S/.)</th>
<th class="text-center">Tiempo extra</th>
<th class="text-center">Monto extra(S/.)</th>
<th class="text-center">Estado extra</th>
<th class="text-center">Monto extras(S/.)</th>
<th class="text-center">Estado extras</th>
<th class="text-center">Monto total(S/.)</th>
</tr>
</thead>
<tbody>
<tr>
<td class="text-center">1</td>
<td class="text-center">VILLA EL SALVADOR</td>
<td class="text-center">12/07/2018 07:00</td>
<td class="text-center">12/07/2018 17:00</td>
<td class="text-center">12/07/2018 07:00</td>
<td class="text-center">12/07/2018 17:00</td>
<td class="text-center">07:00 - 17:00</td>
<td class="text-center">12/07/2018</td>
<td class="text-center">07:21</td>
<td class="text-center">12/07/2018</td>
<td class="text-center">17:38</td>
<td class="text-center">
<span class="label bg-slate border-slate-700" title="REGULAR">REGULAR</span>
</td>
......@@ -107,15 +111,16 @@
<span class="label label-danger border-danger-700" title="ANULADO">DESAPROBADO</span>
</td>
<td class="text-center">85.00</td>
</tr>
<tr>
<td class="text-center">2</td>
<td class="text-center">LINCE</td>
<td class="text-center">12/07/2018 07:00</td>
<td class="text-center">12/07/2018 17:00</td>
<td class="text-center">12/07/2018 07:00</td>
<td class="text-center">12/07/2018 17:00</td>
<td class="text-center">07:00 - 07:00</td>
<td class="text-center">12/07/2018</td>
<td class="text-center">06:59</td>
<td class="text-center">13/07/2018</td>
<td class="text-center">07:13</td>
<td class="text-center">
<span class="label bg-teal border-teal-700" title="REGULAR">AMANECIDA 24H</span>
</td>
......@@ -128,15 +133,16 @@
<span class="label label-success border-success-700" title="ANULADO">APROBADO</span>
</td>
<td class="text-center">85.00</td>
</tr>
<tr>
<td class="text-center">3</td>
<td class="text-center">MONTESORI</td>
<td class="text-center">12/07/2018 07:00</td>
<td class="text-center">12/07/2018 17:00</td>
<td class="text-center">12/07/2018 07:00</td>
<td class="text-center">12/07/2018 17:00</td>
<td class="text-center">19:00 - 07:00</td>
<td class="text-center">12/07/2018</td>
<td class="text-center">07:00</td>
<td class="text-center">12/07/2018</td>
<td class="text-center">07:00</td>
<td class="text-center">
<span class="label bg-brown border-brown-700" title="AMANECIDA 24H">AMANECIDA 12H</span>
</td>
......@@ -149,9 +155,9 @@
<span class="label label-success border-success-700" title="APROBADO">APROBADO</span>
</td>
<td class="text-center">85.00</td>
</tr>
</tbody>
</table>
</div>
......@@ -164,7 +170,7 @@
<h6 class="panel-title" style="font-size: 15px; font-family: inherit"><i class="icon icon-user"></i>&nbsp;DELGADO ACEVEDO, JUAN JOSE</h6>
</div>
<div>
<table class="table dataTable table-striped table-hover table-sm table-bordered display" id="tblAsistenciaPolicias">
<table class="table dataTable table-striped table-hover table-sm table-bordered display" style="width: 1659px !important" id="tblAsistenciaPolicias">
<thead>
<tr>
<th class="text-center"></th>
......@@ -178,10 +184,10 @@
<th class="text-center">Tiempo laborado</th>
<th class="text-center">Monto(S/.)</th>
<th class="text-center">Tiempo extra</th>
<th class="text-center">Monto extra(S/.)</th>
<th class="text-center">Estado extra</th>
<th class="text-center">Monto extras(S/.)</th>
<th class="text-center">Estado extras</th>
<th class="text-center">Monto total(S/.)</th>
</tr>
</thead>
<tbody>
......@@ -204,7 +210,7 @@
<span class="label label-danger border-danger-700" title="ANULADO">DESAPROBADO</span>
</td>
<td class="text-center">85.00</td>
</tr>
<tr>
<td class="text-center">2</td>
......@@ -225,7 +231,7 @@
<span class="label label-success border-success-700" title="ANULADO">APROBADO</span>
</td>
<td class="text-center">85.00</td>
</tr>
<tr>
<td class="text-center">3</td>
......@@ -246,9 +252,9 @@
<span class="label label-success border-success-700" title="APROBADO">APROBADO</span>
</td>
<td class="text-center">85.00</td>
</tr>
</tbody>
</table>
</div>
......@@ -260,8 +266,62 @@
<!-- / content -->
<%@include file="templates/footer-body.jsp"%>
<script src="../plantilla/assets/js/plugins/tables/datatables/datatables.min.js" type="text/javascript"></script>
<!--js de la pagina-->
<script>
$('#tblAsistenciaPolicias').DataTable({
"language": {
"lengthMenu": "Mostrar: _MENU_",
"zeroRecords": "&nbsp;&nbsp;&nbsp; No se encontraron resultados",
"info": "&nbsp;&nbsp;&nbsp; Mostrando del _START_ al _END_ de un total de _TOTAL_ registros",
"infoEmpty": "&nbsp;&nbsp;&nbsp; Mostrando 0 de 0 registros",
"search": "Filtrar:",
"loadingRecords": "Cargando...",
"processing": '<span style="width:100%;"><img src="http://www.snacklocal.com/images/ajaxload.gif"></span>',
"paginate": {
"first": "First",
"last": "Last",
"next": "Siguiente",
"previous": "Anterior"
}
},
// dom: '<"datatable-scroll"t>r<"datatable-footers"ip>',
// "ajax": {
// type: 'POST',
// url: "../UsuarioServlet?accion=listarUsuarios",
// data: {
// json: JSON.stringify(json)
// }
// },
// "bSort": false,
"bFilter": false,
// "serverSide": true,
// "processing": true,
// "aaSorting": [],
"ordering": false,
"bLengthChange": false,
"bInfo": false,
"paging": false,
// "iDisplayLength": 20,
"columnDefs": [
{targets: 0, orderable: false, width: "3%", className: "text-center"},
{targets: 1, orderable: false, width: "15%", className: "text-center"},
{targets: 2, orderable: false, width: "8%", className: "text-center"},
{targets: 3, orderable: false, width: "8%", className: "text-center"},
{targets: 4, orderable: false, width: "8%", className: "text-center"},
{targets: 5, orderable: false, width: "10%", className: "text-center"},
{targets: 6, orderable: false, width: "5%", className: "text-center"},
{targets: 7, orderable: false, width: "5%", className: "text-center"},
{targets: 8, orderable: false, width: "5%", className: "text-center"},
{targets: 9, orderable: false, width: "5%", className: "text-center"},
{targets: 10, orderable: false, width: "5%", className: "text-center"},
{targets: 11, orderable: false, width: "5%", className: "text-center"},
{targets: 12, orderable: false, width: "10%", className: "text-center"},
{targets: 13, orderable: false, width: "10%", className: "text-center"},
{targets: 14, orderable: false, width: "5%", className: "text-center"}
]
});
</script>
<!--js-->
</body>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment