Pastein: <!DOCTYPE html> <%@ taglib prefix="tags" tagdir="/WEB-INF/tags" %> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"

Загрузка данных
<!DOCTYPE html>
<%@ taglib prefix="tags" tagdir="/WEB-INF/tags" %>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="s" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>

<html lang="ru">

<jsp:include page="head.jsp"/>

<body>

<script type="text/javascript" src="<c:url value='/js/${version}/queryAction.js'/>"></script>
<script type="text/javascript" src="<c:url value='/js/${version}/queryTable.js'/>"></script>
	<style>
  #registerFilterBlock {
    margin-bottom: 15px;
  }

  #registerFilterBlock .filter-field {
    margin-bottom: 10px;
  }

  #registerFilterBlock .register-filter-buttons {
    margin-top: 8px;
    margin-bottom: 18px;
    padding-left: 15px;
    white-space: nowrap;
  }

  #registerFilterBlock .register-filter-buttons .btn {
    margin-right: 8px;
  }

  #registerTableBlock {
    clear: both;
    margin-top: 10px;
  }

  #filter_status {
    width: 100%;
  }

  #registerFilterBlock .select2-container {
    width: 100% !important;
  }
</style>
<script type="text/javascript">
	
	var skip_url_app = false;
	const urlParams = new URLSearchParams(window.location.search);
	
	// Идентификатор реестра из параметров запуска
	function application() {
		var smevRegId = urlParams.get('id');
		if(smevRegId !== null){
			return {
				id: smevRegId
			}
		}else{
			return {
				id: null
			}					
		}
	};
	
	function clickSecondaryTable() {									
						var sid = urlParams.get('sid');
						if (sid && application().id != -1) {
							$('#queryTable_LKJ5SIW3 td').filter(function() {
								return $(this).text().trim().toLowerCase().includes(sid);
							}).click();
						}
					}
	
	$(function () {

		var registerTable = new QueryTable("7MOOOUyv", {

			initComplete: function (settings, json) {
				registerTable.addActionButton("addNewRegister", "Создать", addNewRegister, "btn-success", false);
				registerTable.addActionButton("exportRegister", "Сформировать xml c проверкой", exportRegister, "btn-primary", true);
				registerTable.addActionButton("uploadRegister", "Отправить в СФР", uploadRegister, "btn-primary", true);			
				registerTable.addActionButton("deleteRegister", "Удалить", deleteRegister, "btn-danger", true); 	
				$('#queryTableActionContainer_7MOOOUyv').append($('#printDocDropDown'));

			},

			onRowSelect: function (data, index) {
				dataTable.reload();
				$('#printDoc').prop('disabled', false);

			},
			onRowDeselect: function (data, index) {
				dataTable.reload();
				$('#printDoc').prop('disabled', true);
			},
			drawCallback: function (settings) {
				skip_url_app = (settings.oAjaxData.queryTableFilter.size != 0);	
				dataTable.reload();
				$('#printDoc').prop('disabled', true);
			}
		},
		function () {
			var appData = registerTable.data();
			var data = {};
			data.registerType ="УНПФ";
			let id_register = application().id;
			if(skip_url_app) {
				data.id = -1;
			}else{
				data.id = id_register;
			}	
			var filter_status = $("#filter_status").val();
  var filter_date_from = $("#filter\\.created_at_from").val();
  var filter_date_to = $("#filter\\.created_at_to").val();
  var filter_number = $("#filter\\.register_number").val();

  data.filter_status = filter_status;
  data.filter_date_from = filter_date_from;
  data.filter_date_to = filter_date_to;
  data.filter_number = filter_number;
			return data;
		}, {selectFirstRow: true});	

		var dataTable = new QueryTable("LKJ5SIW3",{
			drawCallback: function(settings) {
				clickSecondaryTable();
			}
		},																					
		function () {
			var appData = registerTable.data();
			var data = {};
			data.registerId = (appData ? appData.id : -1);
			var sid = urlParams.get('sid');
			data.id = (sid ? sid : -1);
			return data;
		}, {selectFirstRow: true});	
		
 $('#filter\\.search').click(function () {
  var filterStatus = $('#filter_status').val();
  var filterFrom   = $('#filter\\.created_at_from').val();
  var filterTo     = $('#filter\\.created_at_to').val();
  var filterNumber = $('#filter\\.register_number').val();

  var hasFilter = filterStatus || filterFrom || filterTo || filterNumber;

  if (!hasFilter) {
    showMessages([{ messageType: 'info', message: 'Задайте хотя бы один фильтр для поиска' }]);
    return;
  }

  skip_url_app = true;
  registerTable.reload();
});


$('#filter\\.cleanFilter').click(function () {
  $('#filter_status').select2('val', '');
  $('#filter\\.created_at_from').val('');
  $('#filter\\.created_at_to').val('');
  $('#filter\\.register_number').val('');

  skip_url_app = false;
  registerTable.reload();
});


 $("#filter_status").select2({
                    placeholder:  "Статус",
                    allowClear: true,
                    minimumInputLength: 0,
                    id: function (e) {
											return e.id;
										},
			 data: {results: [
				 {id: 1, text: 'Сформирован'},
				 {id: 2, text: 'Проверяется'},
				 {id: 3, text: 'ФЛК пройден'},
				 {id: 4, text: 'Ошибка ФЛК'},
				 {id: 5, text: 'Отправлен'}
			 ]},
		 });

		
		function addNewRegister(){
		openNewWindow("view?viewCode=N7SZ6zqx"); 	
		}
    
			$("#printInventoryButton").bind("click", printInventory);
			$("#printListButton").bind("click", printList);
		
			function printReport(code) {
				var data = registerTable.data();
				var registerId = (data ? data.id : "");
				var report = new QueryReport(code, null, {
					register_id: registerId,					
				});
				report.run();
			}
		 
			function printInventory() {
				printReport('WmW5b8gQ')
			}

			function printList() {
				printReport('kCFTiRpg')
			}

		function exportRegister(){
			var data = registerTable.data();
			var registerId = (data ? data.id : -1);
			var param ='registerId=' + registerId + '&'; 
			param = param + "id=" + registerId;
			window.open("queryModel/file?queryModelCode=PyyK8YWS&queryModelCharset=UTF-8&viewCode=MSKrGneX&"+param, '_blank');
		}
		
		function uploadRegister(){
			var validationResult = [];
			var mes = {};
			var message_level = 'info';
			
			var appData = registerTable.data();
			 if (!appData) {
        showMessages([{
            messageType: 'info',
            message: 'Не выбрана опись для создания УНПФ'
        }]);
        return;
    }
			
			if(appData.verified_file_id == '' || appData.verified_file_id == null ){
				mes = {messageType: message_level, message: 'Отсутствует документ в СФР'};
				validationResult.push(mes);
				showMessages(validationResult);
				return;
			}
			if(!appData.ready_to_upload){
				mes = {messageType: message_level, message: 'Документ в СФР не прошёл форматно-логический контроль'};
				validationResult.push(mes);
				showMessages(validationResult);
				return;
			}
			// remove the extension from the file name (as we constructing archive name)
			var archiveName = appData.sfr_file_name;
			var dotPosition = (archiveName).lastIndexOf('.');
			if(dotPosition != -1){
				archiveName = archiveName.slice(0, dotPosition);
			}
			archiveName = archiveName + '.tar.gz';
			$.ajax({
				url: "queryAction/action",
				type: "POST",
				async: false,
				data: {
					viewCode: 'MSKrGneX',
					queryActionCode: 'DaizGytc',
					record_id: appData.v_file_id,
					unload_mode: 1,  
					unload_format: 'gzp',
					unload_archive_name: archiveName 
				},
				dataType: "json",
				success: function (data) {
					if(data){
						if(data.data == 0){	
							mes = {messageType: message_level, message: 'Файл выгружен.'};
							validationResult.push(mes);
						}
						if(data.data == 1){
							mes = {messageType: message_level, message: 'Файл с таким именем уже существует во внешнем хранилище.'};
							validationResult.push(mes);
						}
						if(data.data != 0 && data.data != 1){
								mes = {messageType: message_level, message: 'Ошибка: код процесса выгрузки ' + data};
								validationResult.push(mes);
						}
						showMessages(validationResult);
					}
				}
			});
		}
		
		function deleteRegister(){
			var result = confirm("Вы хотите удалить реестр?");
			if(!result){
				return;
			}
			var appData = registerTable.data();
			
			$.ajax({
				url: "queryAction/action",
				type: "POST",
				async: false,
				data: { 
					viewCode: 'MSKrGneX',
					queryActionCode: 'nKPzlHdd',
					id: appData.id,
				},
				dataType: "json",
				success: function (data) {
					if(data){
						if(data.messages){
							showMessages(data.messages);
						}
					}
					registerTable.reload();
				}
			});
		}

		
		function uuid() {
			function randomDigit() {
				if (crypto && crypto.getRandomValues) {
					var rands = new Uint8Array(1);
					crypto.getRandomValues(rands);
					return (rands[0] % 16).toString(16);
				} else {
					return ((Math.random() * 16) | 0).toString(16);
				}
			}
			var crypto = window.crypto || window.msCrypto;
			return 'xxxxxxxx-xxxx-4xxx-xxxx-xxxxxxxxxxxx'.replace(/x/g, randomDigit);
		}					

	});

</script>

<jsp:include page="header.jsp"/>
<jsp:include page="navbar.jsp"/>

<div class="container" id="mainContainer">

    <div class="page-header">
       <h1>${view.name}</h1>
    </div>

	<div class="container-fluid">
		<div class="row row-main">
			<jsp:include page="sidebar.jsp"/>
			<div class="col-sm-10">
				<tags:breadcrumbs path="https://portal.futurenpf.ru/knowledgebase/category/29339/"/>
	
				<div class="row">
					<h4 class="col-sm-12">Уведомление о вновь заключенных договорах</h4>
					<div id="registerFilterBlock">

    <div class="col-sm-3 filter-field">
      <label class="control-label">Статус</label>
      <input type="text" class="form-control" id="filter_status" name="filter_status"/>
    </div>

    <div class="col-sm-3 filter-field">
      <label for="filter.created_at_from">Дата реестра с</label>
      <input type="date" id="filter.created_at_from" name="filter.created_at_from" class="form-control">
    </div>

    <div class="col-sm-3 filter-field">
      <label for="filter.created_at_to">Дата реестра по</label>
      <input type="date" id="filter.created_at_to" name="filter.created_at_to" class="form-control">
    </div>

    <div class="col-sm-3 filter-field">
      <label for="filter.register_number">Номер реестра</label>
      <input type="text" id="filter.register_number" name="filter.register_number" class="form-control" placeholder="Номер реестра">
    </div>

    <div class="clearfix"></div>

    <div class="col-sm-12 register-filter-buttons">
      <button id="filter.search" name="filter.search" type="button" class="btn btn-success">
        <span class="glyphicon glyphicon-search" aria-hidden="true"></span> Найти
      </button>

      <button id="filter.cleanFilter" name="filter.cleanFilter" type="button" class="btn btn-warning">
        <span class="glyphicon glyphicon-trash" aria-hidden="true"></span> Сбросить
      </button>
    </div>

    <div class="clearfix"></div>

  </div>
					<div class="col-sm-12">
						<form class="form-vertical" id="paramForm">
							<input type="hidden" name="registerId" id="registerId">
							<div class="hidden">
								<div id="printDocDropDown" class="btn-group" role="group">
									<button id="printDoc" name="printDoc" class="btn btn-info dropdown-toggle"
													type="button"
													data-toggle="dropdown">Печать
										<span class="caret"></span></button>
									<ul class="dropdown-menu">
										<li><a id="printInventoryButton" href="javascript:void(0);">Опись</a></li>
										<li><a id="printListButton" href="javascript:void(0);">Уведомление</a></li>
									</ul>
								</div>
							</div>	
							<jsp:include page="queryTable.jsp">
								<jsp:param name="queryTableCode" value="7MOOOUyv"/>
								<jsp:param name="queryTableStyle" value="white-space:nowrap;"/>
							</jsp:include>
						</form>
					</div>
				</div>			
				<hr>
				<div class="row">
					<div class="col-sm-12">
						<jsp:include page="queryTable.jsp">				
								<jsp:param name="queryTableCode" value="LKJ5SIW3"/>
								<jsp:param name="queryTableStyle" value="white-space:nowrap;"/>
						</jsp:include>
					</div>
				</div>				
			</div>
		</div>
	</div>
	</div>
<jsp:include page="footer.jsp"/>

</body>
</html>
Больше возможностей при регистрации:
