mostrando reporte de montos puro texto

src/main/webapp/js/general.js

@@ -20,6 +20,7 @@ const URI_ROL_POLICIA = "http://172.16.2.91:666/rolesPolicias";
 const URI_POLICIAS_ASISTENCIA = "http://sistem16:666/asistenciaPolicias";
 const URI_POLICIA_MONTOS_AMANECIDAS = "http://sistem16:666/montoAmanecidas";
 const URI_POLICIA_CONCEPTOSEDES = "http://sistem16:666/conceptoSedes";
+const URI_POLICIA_REPORTE_MONTOS = "http://sistem16:666/reporteMontosPolicias";
 //</editor-fold>
 
 

src/main/webapp/js/pages/monto_policias.js

+function getColumns() {
+    let columns = [
+        {
+            title: `N°`,
+            data: `id`,
+            className: 'text-center'
+        },
+        {
+            title: `POLICIA`,
+            data: `policia_nombres`,
+            className: `text-center`,
+        },
+        {
+            title: `SEDE`,
+            data: `sede_descripcion`,
+            className: `text-center`,
+        },
+        {
+            title: `HORARIO`,
+            data: `horario`,
+            className: 'text-center'
+        },
+        {
+            title: `FECHA ENTRADA`,
+            data: `fecha_entrada`,
+            className: 'text-center'
+        },
+        {
+            title: `MARC. ENTRADA`,
+            data: `marcacion_entrada`,
+            className: 'text-center'
+        },
+        {
+            title: `MARC. SALIDA`,
+            data: `marcacion_salida`,
+            className: 'text-center'
+        },
+        {
+            title: `FECHA SALIDA`,
+            data: `fecha_salida`,
+            className: 'text-center'
+        },
+        {
+            title: `ROL`,
+            data: `tiporol_descripcion`,
+            className: 'text-center'
+        },
+        {
+            title: `COSTO HORA`,
+            data: `costo_hora`,
+            className: 'text-center'
+        },
+        {
+            title: `TIEMPO LABORADO`,
+            data: `tiempo_laborado`,
+            className: 'text-center'
+        },
+        {
+            title: `MONTO`,
+            data: `monto`,
+            className: 'text-center'
+        },
+        {
+            title: `DCTO POR NO MARCAR`,
+            data: `descuento_no_marco`,
+            className: 'text-center'
+        },
+        {
+            title: `TIEMPO EXTRA`,
+            data: `tiempo_extra`,
+            className: 'text-center'
+        },
+        {
+            title: `MONTO EXTRAS`,
+            data: `monto_extras`,
+            className: 'text-center'
+        },
+        {
+            title: `ESTADO EXTRAS`,
+            data: `estado_extras`,
+            className: 'text-center'
+        },
+        {
+            title: `MONTO TOTAL`,
+            data: `monto_total`,
+            className: 'text-center'
+        },
+    ];
+
+    return columns;
+}
+
+function getColumnDefs() {
+    let columnDefs = [
+        {orderable: false, width: '3%', targets: 0, className: "text-center"},
+        {orderable: false, width: '10%', targets: 1, className: "text-center"},
+        {orderable: false, width: '30%', targets: 2, className: "text-center"},
+        {orderable: false, width: '7%', targets: 3, className: "text-center"},
+        {orderable: false, width: '7%', targets: 4, className: "text-center"},
+        {orderable: false, width: '3%', targets: 5, className: "text-center"},
+        {orderable: false, width: '10%', targets: 6, className: "text-center"},
+        {orderable: false, width: '30%', targets: 7, className: "text-center"},
+        {orderable: false, width: '7%', targets: 8, className: "text-center"},
+        {orderable: false, width: '7%', targets: 9, className: "text-center"},
+        {orderable: false, width: '3%', targets: 10, className: "text-center"},
+        {orderable: false, width: '10%', targets: 11, className: "text-center"},
+        {orderable: false, width: '30%', targets: 12, className: "text-center"},
+        {orderable: false, width: '7%', targets: 13, className: "text-center"},
+        {orderable: false, width: '7%', targets: 14, className: "text-center"},
+        {orderable: false, width: '7%', targets: 15, className: "text-center"},
+        {orderable: false, width: '7%', targets: 16, className: "text-center"},
+        {orderable: false, width: '7%', targets: 17, className: "text-center"},
+    ];
+    return columnDefs;
+}
+
 function listarPolicias(selectorName) {
     axios.get(URI_POLICIAS).then((result) => {
         let policias = result.data;
@@ -64,9 +180,35 @@ function defaultConfigDateRangePicker(selectorName) {
     $(selectorName).datepicker('setDate', 'now');
 }
 
+
+function mostrarReporte(objParams = {}) {
+    axios.get(URI_POLICIA_REPORTE_MONTOS, objParams).then((response) => {
+        response.data = formatResponse(response);
+        let columns = getColumns();
+        let columnDefs = getColumnDefs();
+
+        let wrapsNameDatatable = `divDatatable`;
+        let classNameForDatatable = `display table table-bordered`;
+        let footer = false;
+
+        makeDatatable(
+                {
+                    data: response.data.data,
+                    columns,
+                    columnDefs,
+                    wrapsNameDatatable,
+                    classNameForDatatable,
+                    footer
+                }
+        );
+    });
+}
+
+
 $().ready(function () {
     defaultConfigDataTable();
     listarPolicias("#cboPoliciasFiltro");
     listarSedes("#cboSedesFiltro");
-    defaultConfigDateRangePicker("#dpRangoFechas")
+    defaultConfigDateRangePicker("#dpRangoFechas");
+    $("#btnVerTodos").click(mostrarReporte);
 });
\ No newline at end of file

src/main/webapp/vistas/montoPolicias.jsp

@@ -51,6 +51,22 @@
                 </div>
             </div>
         </div>
+
+
+
+        <div class="row">
+            <div class="col-md-12">
+                <div class="panel panel-primary card-3" style="margin-top: 30px"> 
+                    <div class="panel-heading" style="padding: 8px 15px">
+                        <h6 class="panel-title" style="font-size: 15px; font-family: inherit"><i class="icon icon-search4"></i>&nbsp; LISTADO</h6>
+                    </div>
+                    <div id="divDatatable"></div>
+
+                </div>
+            </div>
+        </div>
+
+
         <!-- / content -->
 
         <%@include file="templates/footer-body.jsp"%>