[EDIT realizando filtros y renombrando a periodo cierre de asistencia]

src/main/webapp/js/pages/registro_periodo_cierre.js → src/main/webapp/js/pages/periodo_cierre_asistencia.js

@@ -441,6 +441,24 @@ const mostrarModalCierrePeriodo = (data) => {
 	});
 }
 const aplicarFiltro = () => {
+	let tipopersonal_id = $("#cboTipoPersonalFiltro").val()
+	let tipopersonal_descripcion = $("#cboTipoPersonalFiltro option:selected").text()
+	let periodo_id = $("#cboPeriodoFiltro").val()
+	let periodo_descripcion = $("#cboPeriodoFiltro option:selected").text() === "[TODOS]" ? "": $("#cboPeriodoFiltro option:selected").text()
+	let fecha_inicio = $("#dpFechaInicioFiltro").val()
+	let fecha_fin = $("#dpFechaFinFiltro").val()
+	let rango_fechas = generarFechas(fecha_inicio, fecha_fin)
+	let estado = $("#cboEstadoPeriodoCierreFiltro").val()
+	
+	debugger
+	let params = cleanQueryParams({
+		tipopersonal_id,
+		mescierre_descripcion: periodo_descripcion,
+		fecha_inicio: rango_fechas,
+		estado
+	})
+
+	listarPeriodosCierre({params})
 
 }
 const formControls = {
@@ -463,6 +481,8 @@ const formControls = {
 	},
 	initPickers() {
 		initDatePicker("#dpFechaInicioFiltro", "#dpFechaFinFiltro")
+		$("#dpFechaInicioFiltro").val("")
+		$("#dpFechaFinFiltro").val("")
 	}
 }
 $(document).ready(function () {

src/main/webapp/vistas/registroPeriodoCierre.jsp → src/main/webapp/vistas/periodoCierreAsistencia.jsp

@@ -20,12 +20,12 @@
 
 				<div class="panel-body">
 					<div class="row">
-						<div class="col-md-6 form-group">
+						<div class="col-md-8 form-group">
 							<label>Tipo de Cierre</label>
 							<select class="select-search form-control" id="cboTipoPersonalFiltro" >
 							</select>
 						</div>
-						<div class="col-md-6 form-group">
+						<div class="col-md-4 form-group">
 							<label>Periodo</label>
 							<select class="form-control" id="cboPeriodoFiltro">
 							</select>
@@ -48,7 +48,10 @@
 						</div>
 						<div class="col-md-4 form-group">
 							<label>Estado</label>
-							<select class="form-control selectpicker" id="cboEstadoJustificacionFiltro" multiple>
+							<select class="form-control" id="cboEstadoPeriodoCierreFiltro">
+								<option value="">[TODOS]</option>
+								<option value="0">CERRADO</option>
+								<option value="1">ABIERTO</option>
 							</select>
 						</div>
 					</div>
@@ -84,7 +87,7 @@
 		<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/registro_periodo_cierre.js" type="text/javascript"></script>
+		<script src="../js/pages/periodo_cierre_asistencia.js" type="text/javascript"></script>
 		<!--js-->   
 
 	</body>