[ADD detalleperiodo.jspf]

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

@@ -183,8 +183,73 @@ function listarPeriodosCierre(objParams = {}){
 				.off()
 				.on("click", ".editar", (e) => mostrarModalEditarPeriodoCierre(getDataRow(nodes.datatable, e)))
 				.on("click", ".cierre-periodo", (e) => mostrarModalCierrePeriodo(getDataRow(nodes.datatable, e)))
-				.on("click", ".cierre-periodo", (e) => mostrarModalCierrePeriodo(getDataRow(nodes.datatable, e)))
+				.on("click", ".ver-detalle", (e) => mostrarModalVerDetalle(getDataRow(nodes.datatable, e)))
+
+		});
+	});
+}
+
+const mostrarModalVerDetalle = (data) => {
+	ajaxModal.get("periodoscierre/detalleperiodo.jspf").then((response) => {
+		swalWithBootstrapButtons({
+			title: '<strong>Detalle</strong>',
+			html: response.data,
+			showCloseButton: true,
+			focusConfirm: false,
+			confirmButtonText: '<i class="icon-checkmark2"></i> OK',
+			width: '30%',
+			customClass: 'swal2-overflow',
+			onOpen: () => {
+				let columns = [
+					{
+						title: 'N°',
+						data: 'id',
+						className: 'text-center'
+					},
+					{
+						title: 'Sede',
+						data: 'sede_descripcion',
+						className: 'text-center'
+					},
+					{
+						title: 'ESTADO',
+						data: 'estado',
+						className: 'text-center'
+					},
+					{
+						title: 'ACCIONES',
+						data: null,
+						className: 'text-center',
+						render: (data) => {
+							return ``
+						}
+					}
+				]
+
+				let wrapsNameDatatable = `dtPeriodoSedes`;
+				let classNameForDatatable = `display table table-bordered`;
+
+				makeDatatable(
+					wrapsNameDatatable,
+					{
+						data: response.data,
+						columns,
+					},
+					classNameForDatatable,
+					).then((nodes) => {
+					nodes.container
+						.off()
+//						.on("click", ".editar", (e) => mostrarModalEditarPeriodoCierre(getDataRow(nodes.datatable, e)))
+//						.on("click", ".cierre-periodo", (e) => mostrarModalCierrePeriodo(getDataRow(nodes.datatable, e)))
+//						.on("click", ".ver-detalle", (e) => mostrarModalVerDetalle(getDataRow(nodes.datatable, e)))
+
+				});
 
+			}
+		}).then((result) => {
+			if (result.value) {
+
+			}
 		});
 	});
 }

src/main/webapp/vistas/modals/periodoscierre/detalleperiodo.jspf

+<div class="panel-body">
+	<form id="frm" onsubmit="return false;" autocomplete="off">
+		<div class="row">
+			<div id="dtPeriodoSedes"></div>
+		</div>
+	</form>
+</div>
\ No newline at end of file