Skip to content

A
Asistencia
Commit 49572ee0 by Billy Larru
Options

[EDIT detalleMontosAdministrativos, seteando datos personales]

parent e8a64c42
Showing with 136 additions and 95 deletions
src/main/webapp/css/general.css
...@@ -294,4 +294,4 @@ table.display tbody tr:hover td { ...@@ -294,4 +294,4 @@ table.display tbody tr:hover td {
height: 16px; height: 16px;
background: url(../img/icons/reemplazo.png); background: url(../img/icons/reemplazo.png);
background-size: 16px 16px; background-size: 16px 16px;
} }
\ No newline at end of file
src/main/webapp/js/pages/detalle_montos_administrativos.js
let personal;
let filtros;
function getColumns() { function getColumns() {
let columns = [ let columns = [
{ {
title: `N°`, title: `N°`,
data: `id`, data: `id`,
className: 'text-center' className: 'text-center'
}, },
{ {
title: "FECHA", title: "FECHA",
data: "fecha_asistencia", data: "fecha_asistencia",
className: "text-center" className: "text-center"
}, },
{ {
title: `HORA`, title: `HORA`,
data: `marcacion_entrada`, data: `marcacion_entrada`,
className: 'text-center' className: 'text-center'
}, },
{ {
title: `DESCUENTO<br>(S/.)`, title: `DESCUENTO<br>(S/.)`,
data: `descuento`, data: `descuento`,
className: 'text-center', className: 'text-center',
render: (data) => { render: (data) => {
return `<span class="text-danger">${data}.00</span>`; return `<span class="text-danger">${parseFloat(data).toFixed(2)}</span>`;
} }
}, },
{ {
title: `DESCRIPICON`, title: `DESCRIPICON`,
data: `descripcion`, data: `descripcion`,
className: 'text-center' className: 'text-center'
}, },
{ {
title: `SEDE<br>MARCACIÓN`, title: `SEDE<br>MARCACIÓN`,
data: `sede_marcacion`, data: `sede_marcacion`,
className: 'text-center' className: 'text-center'
}, },
{ {
title: `TIPO REGISTRO`, title: `TIPO REGISTRO`,
data: `tipo_registro`, data: `tipo_registro`,
className: 'text-center', className: 'text-center',
render: (data) => { render: (data) => {
let label = ""; let label = "";
let contenido = ""; let contenido = "";
if (data == 1) { if (data == 1) {
label = "label label-info" label = "label label-info"
contenido = "HUELLA" contenido = "HUELLA"
} else { } else {
label = "label label-warning" label = "label label-warning"
contenido = "MANUAL" contenido = "MANUAL"
} }
return `<span class="${label}">${contenido}</span>` return `<span class="${label}">${contenido}</span>`
} }
}, },
{ {
title: `ACCIONES`, title: `ACCIONES`,
data: null, data: null,
className: 'text-center', className: 'text-center',
render: (data) => { render: (data) => {
let acciones = ""; let acciones = "";
let registrar = ""; let registrar = "";
let verdetalle = ""; let verdetalle = "";
verdetalle = `<span data-toggle="tooltip" data-placement="left" title="Ver detalle" style="cursor: pointer"> <i class='verdetalle icon-list text-primary-700'></i>&nbsp;&nbsp; </span>`; verdetalle = `<span data-toggle="tooltip" data-placement="left" title="Ver detalle" style="cursor: pointer"> <i class='verdetalle icon-list text-primary-700'></i>&nbsp;&nbsp; </span>`;
acciones = verdetalle; acciones = verdetalle;
return acciones; return acciones;
} }
} }
]; ];
return columns; return columns;
} }
const listarAsistenciaMensual = (objParams = {}) => { const listarAsistenciaMensual = (objParams = {}) => {
ajaxWebService.get(URI_ADMINISTRATIVOS_DESCUENTO_MENSUAL_DETALLADO, objParams).then((response) => { ajaxWebService.get(URI_ADMINISTRATIVOS_DESCUENTO_MENSUAL_DETALLADO, objParams).then((response) => {
let columns = getColumns(); let columns = getColumns();
let wrapsNameDatatable = `divDatatable`; let wrapsNameDatatable = `divDatatable`;
let classNameForDatatable = `display table table-bordered`; let classNameForDatatable = `display table table-bordered`;
makeDatatable( makeDatatable(
wrapsNameDatatable, wrapsNameDatatable,
{ {
data: response.data, data: response.data,
columns, columns,
}, },
classNameForDatatable, classNameForDatatable,
).then((nodes) => { ).then((nodes) => {
$(".chkFirma, #chkFirmaTodo").uniform(); $(".chkFirma, #chkFirmaTodo").uniform();
nodes.container nodes.container
.off() .off()
// .on("click", ".verdetalle", function () { // .on("click", ".verdetalle", function () {
// let data = nodes.datatable.DataTable().row($(this).parents("tr")).data(); // let data = nodes.datatable.DataTable().row($(this).parents("tr")).data();
// mostrarModalVerDetalleDescuentoAsistencia(data); // mostrarModalVerDetalleDescuentoAsistencia(data);
// }) // })
}); });
}); });
}; };
const recibirData = () => {
let data = localStorage.getItem('data')
let filter = localStorage.getItem('filtros')
personal = data ? JSON.parse(data) : null;
filtros = filter ? JSON.parse(filter) : null;
// localStorage.removeItem('data')
// localStorage.removeItem('filtros')
}
const inicializarInputs = () => {
// $("#spanNombres").text(`${personal}`)
}
const mostrarDatosTrabajador = () => {
let id = personal.trabajador_id
ajaxWebService.get(`${URI_TRABAJADORES}/${id}`)
.then((response) => {
if (response.status) {
let trabajador = response.data;
$("#spanNombres").text(`${trabajador.apellidos} ${trabajador.nombres}`)
$("#spanCargo").text(`${trabajador.cargoLaboral_nombre}`)
$("#spanHorario").text(`${trabajador.horarioLV}`)
let costodia = trabajador.sueldo_planilla / 30
$("#spanCostoDia").text(parseFloat(costodia).toFixed(2))
}
})
}
$(document).ready(function () { $(document).ready(function () {
listarAsistenciaMensual() recibirData();
mostrarDatosTrabajador()
listarAsistenciaMensual()
}) })
\ No newline at end of file
src/main/webapp/js/pages/montos_administrativos.js
...@@ -2,7 +2,7 @@ function getColumns() { ...@@ -2,7 +2,7 @@ function getColumns() {
let columns = [ let columns = [
{ {
title: `N°`, title: `N°`,
data: `id`, data: `numero_orden`,
className: 'text-center' className: 'text-center'
}, },
{ {
...@@ -20,12 +20,12 @@ function getColumns() { ...@@ -20,12 +20,12 @@ function getColumns() {
}, },
{ {
title: "SEDE", title: "SEDE",
data: "sede_descripcion", data: "sede_nombre",
className: "text-center" className: "text-center"
}, },
{ {
title: `CARGO`, title: `CARGO`,
data: `puestolaboral_nombre`, data: `cargolaboral_nombre`,
className: 'text-center' className: 'text-center'
}, },
{ {
...@@ -145,6 +145,13 @@ const listarSedes = (selectorName) => { ...@@ -145,6 +145,13 @@ const listarSedes = (selectorName) => {
}; };
const mostrarModalVerDetalleDescuentoAsistencia = (data) => { const mostrarModalVerDetalleDescuentoAsistencia = (data) => {
let filtros = {
fecha_inicio: $("#dpFechaInicioFiltro").val(),
fecha_fin: $("#dpFechaFinFiltro").val(),
sede_id: $("#cboSedesFiltro").val()
}
localStorage.setItem('data', JSON.stringify(data))
localStorage.setItem('filtros', JSON.stringify(filtros))
location.href = `${baseURLModals}administrativos/montosAdministrativos/detalleMontosAdministrativos.jsp` location.href = `${baseURLModals}administrativos/montosAdministrativos/detalleMontosAdministrativos.jsp`
} }
...@@ -164,7 +171,6 @@ const listarDescuentoMensualAdministrativos = (objParams = {}) => { ...@@ -164,7 +171,6 @@ const listarDescuentoMensualAdministrativos = (objParams = {}) => {
}, },
classNameForDatatable, classNameForDatatable,
).then((nodes) => { ).then((nodes) => {
$(".chkFirma, #chkFirmaTodo").uniform();
nodes.container nodes.container
.off() .off()
.on("click", ".verdetalle", function () { .on("click", ".verdetalle", function () {
......
src/main/webapp/vistas/modals/administrativos/montosAdministrativos/detalleMontosAdministrativos.jsp
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<jsp:include page="/vistas/templates/header.jsp" /> <jsp:include page="/vistas/templates/header.jsp" />
<!--template-core--> <!--template-core-->
<!--css de la pagina--> <!--css de la pagina-->
<link href="../css/lib/sweetalert2.min.css" rel="stylesheet" type="text/css"/> <link href="${pageContext.request.contextPath}/css/lib/sweetalert2.min.css" rel="stylesheet" type="text/css"/>
<!--css--> <!--css-->
</head> </head>
<body> <body>
...@@ -22,22 +22,22 @@ ...@@ -22,22 +22,22 @@
<div class="row"> <div class="row">
<div class="col-md-6 form-group"> <div class="col-md-6 form-group">
<label>Personal</label> <label>Personal</label>
<span class="label label-left border-left border-left-primary label-striped form-control">GANGAS VASQUEZ LUIS ALBERTO</span> <span class="label label-left border-left border-left-primary label-striped form-control" id="spanNombres"></span>
</div> </div>
<div class="col-md-6 form-group"> <div class="col-md-6 form-group">
<label>Cargo</label> <label>Cargo</label>
<span class="label label-left border-left border-left-primary label-striped form-control">ANALISTA PROGRAMADOR</span> <span class="label label-left border-left border-left-primary label-striped form-control" id="spanCargo"></span>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-6 form-group"> <div class="col-md-6 form-group">
<label>Horario</label> <label>Horario</label>
<span class="label label-left border-left border-left-primary label-striped form-control">07:30 - 17:30</span> <span class="label label-left border-left border-left-primary label-striped form-control" id="spanHorario"></span>
</div> </div>
<div class="col-md-6 form-group"> <div class="col-md-6 form-group">
<label>Costo día</label> <label>Costo día</label>
<span class="label label-left border-left border-left-primary label-striped form-control">600.00</span> <span class="label label-left border-left border-left-primary label-striped form-control" id="spanCostoDia"></span>
</div> </div>
</div> </div>
</div> </div>
......
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