Commit 679736b2 by Billy Larru

[ADD montos docentes, listando montos de docentes]

parent 3b33e2d0
......@@ -57,6 +57,8 @@ const URI_MESESCIERRE = "mesesCierre"
const URI_PERIODOCIERRE = "periodoCierreAsistencia"
const URI_PERIODOCIERRE_SEDES = "periodoSedes"
const URI_JUSTIFICACION_ASISTENCIAS = "asistenciaJustificacion"
const URI_DOCENTES_MONTOS = "montosDocentes"
const URI_TIPOPLANILLAS = "tipoPlanilla"
//</editor-fold>
const swalWithBootstrapButtons = swal.mixin({
......
function getColumns() {
let columns = [
{
title: `N°`,
data: `id`,
className: 'text-center'
},
{
title: `APELLIDOS Y NOMBRES`,
data: null,
render: (data) => {
let nombresCompletos;
let nombres = data.trabajador_nombres;
let apellidos = data.trabajador_apellidos;
nombresCompletos = `${apellidos} ${nombres}`;
return nombresCompletos;
}
},
{
title: "TIPO PLANILLA",
data: "tipoplanilla_descripcion",
className: "text-center"
},
{
title: `MONTO MENSUAL`,
data: `montomensual`,
className: 'text-center',
render: (data) => {
return `<span class="text-primary">${parseFloat(data).toFixed(2)}</span>`
}
},
{
title: `DESCUENTO<br>(S/.)`,
data: `descuento`,
className: 'text-center',
render: (data) => {
return `<span class="text-danger">${data}.00</span>`;
}
},
{
title: "TOTAL",
data: "total",
className: 'text-center',
render: (data) => {
return `<span class="text-success">${parseFloat(data).toFixed(2)}</span>`
}
},
{
title: `ACCIONES`,
data: null,
className: 'text-center',
render: (data) => {
let acciones = "";
let registrar = "";
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>`;
acciones = verdetalle;
return acciones;
}
}
];
return columns;
}
function listarMontosDocentes(objParams = {}){
ajaxWebService.get(URI_DOCENTES_MONTOS, objParams).then((response) => {
let columns = getColumns();
let wrapsNameDatatable = `divDatatable`;
let classNameForDatatable = `display table table-bordered`;
makeDatatable(
wrapsNameDatatable,
{
data: response.data,
columns,
},
classNameForDatatable,
).then((nodes) => {
nodes.container
.off()
.on("click", ".verdetalle", function () {
let data = nodes.datatable.DataTable().row($(this).parents("tr")).data();
// mostrarModalVerDetalleDescuentoAsistencia(data);
})
});
});
}
const aplicarFiltro = () => {
}
const listarTipoPlanillas = () => {
ajaxWebService.get(URI_TIPOPLANILLAS).then((response) => {
let tipoplanillas = response.data
})
}
const formControls = {
init() {
},
initTipoPlanillas() {
}
}
$(document).ready(function () {
$("#btnMostrarTodo").click(listarMontosDocentes)
$("#btnAplicarFiltro").click(aplicarFiltro)
})
\ No newline at end of file
......@@ -12,12 +12,55 @@
<body>
<jsp:include page="/vistas/templates/header-body.jsp" />
<!-- content -->
<div class="col-md-6 col-md-offset-3">
<div class="panel panel-primary">
<div class="panel-heading">
<h5 class="panel-title">Búsqueda</h5>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-8 form-group">
<label>TIPO PLANILLA</label>
<select class="select-search form-control" id="cboTipoPlanilla" >
</select>
</div>
<div class="col-md-4 form-group">
<label>MES</label>
<select class="form-control" id="cboPeriodoFiltro">
</select>
</div>
</div>
</div>
<div class="panel-footer">
<div class="text-center">
<button class="btn btn-primary" id="btnAplicarFiltro"><i class="fa fa-search"></i> Aplicar filtro</button>&nbsp;
<button class="btn btn-primary" id="btnMostrarTodo"><i class="icon-eye4"></i> Mostrar Todo</button>&nbsp;
</div>
</div>
</div>
</div>
<div class="col-md-10 col-md-offset-1">
<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">LISTADO DE MONTOS POR PERSONAL</h6>
</div>
<div id="divDatatable"></div>
</div>
</div>
<!-- / content -->
<jsp:include page="/vistas/templates/footer-body.jsp" />
<!--js de la pagina-->
<script src="../plantilla/assets/js/core/libraries/jquery_ui/widgets.min.js" type="text/javascript"></script>
<script src="../plantilla/assets/js/plugins/ui/moment/moment.min.js" type="text/javascript"></script>
<script src="../plantilla/assets/js/plugins/pickers/datepicker.js" type="text/javascript"></script>
<script src="../js/lib/bootstrap-select.min.js" type="text/javascript"></script>
<script src="../plantilla/assets/js/plugins/forms/selects/select2.min.js"></script>
<script src="../js/lib/lodash.js" type="text/javascript"></script>
<script src="../js/pages/montos_docentes.js" type="text/javascript"></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