https://pastein.ru/t/g80
Загрузка данных
<!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 session="true" language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<html lang="ru">
<jsp:include page="head.jsp"/>
<jsp:useBean id="currentDate" class="java.util.Date"/>
<body>
<script type="text/javascript" src="<c:url value='/js/${version}/queryAction.js'/>"></script>
<script type="text/javascript" src="<c:url value='/js/${version}/queryValidator.js'/>"></script>
<script type="text/javascript" src="<c:url value='/js/${version}/queryTable.js'/>"></script>
<script type="text/javascript" src="<c:url value='/js/${version}/back-office/autoNumeric.js'/>"></script>
<script type="text/javascript">
$(function () {
let id_rec = ${id_r} ? ${id_r} : -1;
$("#opsTransferType").select2();
$("#transferRecipient").select2();
var registerTable = new QueryTable("26TSGxA0", {
onRowSelect: function (data, index) {
contractTable.reload();
},
onRowDeselect: function (data, index) {
contractTable.reload();
$("#newInsurerSelect").select2("val", "");
id_rec = -1;
registerTable.reload();
},
drawCallback: function (settings) {
contractTable.reload();
$("#newInsurerSelect").select2("val", "");
}
},
function () {
let data = {};
data.id_r = id_rec;
return data;
});
// Таблица договоров
var contractTable = new QueryTable("QATlpkC5", null,
function () {
var data = {};
var register = registerTable.data();
data.registerId = (register ? register.id : -1);
data.transferRecipient = $("#transferRecipient").val();
data.newInsurerInn = $("#newInsurerInn").val();
return data;
},{multiselect: true });
/*$('#transferRecipient').on("change", function (e) {
if ($("#transferRecipient").val() == 'PFR') {
$("#newInsurerSelect").select2("val", "");
$("#newInsurerSelect").select2('readonly', true);
$("#newInsurerInn").val("");
} else {
$("#newInsurerSelect").select2('readonly', false);
}
contractTable.reload();
});
//Лукап для выбора нового стрховщика
$("#newInsurerSelect").select2({
placeholder: "Новый страховщик",
allowClear: true,
minimumInputLength: 0,
id: function (e) {
return e.inn;
},
ajax: {
url: "queryModel?queryModelCode=bj2ll9un",
dataType: 'json',
data: function (term, page) {
var appData = registerTable.data();
return {
term: term,
maxResults: 10,
registerId: (appData ? appData.id : -1)
};
},
results: function (data, page) {
return {
results: data.list
};
}
},
formatResult: formatInsurerResult,
formatSelection: formatInsurerSelection
}
).on("change", function (e) {
$("#newInsurerInn").attr("value", e.val);
contractTable.reload();
});*/
function formatInsurerResult(data) {
return '<div>' + data.name + '</div>';
}
function formatInsurerSelection(data) {
return data.name;
}
// Операция создания реестра
var operationAction = new QueryAction("MCfXKCkc", {
initComplete: function (data) {
$('#queryActionButton_MCfXKCkc').text('Сформировать');
operationAction.enable();
},
actionComplete: function (data) {
operationAction.disable();
contractTable.reload();
}
}, data);
operationAction.button().addClass("btn-lg");
//FUNCTIONS
function data() {
var data = {};
$("#transactionDateForm").serializeArray().map(function (x) {
data[x.name] = x.value;
});
var register = registerTable.data();
data.smevRegisterId = (register ? register.id : "");
return data;
}
});
</script>
<jsp:include page="header.jsp"/>
<jsp:include page="navbar.jsp"/>
<div class="container" id="mainContainer">
<div class="page-header">
<h1>Новый трансферт</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/30786/"/>
<div class="row">
<h3 class="col-sm-12">Шаг №1. Выберите реестр УИЕР</h3>
<div class="col-sm-12">
<jsp:include page="queryTable.jsp">
<jsp:param name="queryTableCode" value="26TSGxA0"/>
<jsp:param name="queryTableStyle" value="white-space:nowrap;"/>
</jsp:include>
</div>
</div>
<hr>
<div class="row">
<h3 class="col-sm-12">Шаг №2. Укажите параметры трансферта</h3>
<div class="col-sm-12">
<form class="form-vertical" id="transactionDateForm">
<input type="hidden" name="newInsurerInn" id="newInsurerInn"/>
<div class="row">
<!--div class="col-sm-2">
<div class="form-group">
<label for="transferRecipient">Получатель трансферта</label>
<p><select name="transferRecipient" id="transferRecipient" class="form-control" size="1">
<option selected value="NPF">НПФ</option>
<option value="PFR">СФР</option>
</select>
<p class="help-block">Получатель трансферта</p>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label for="newInsurerSelect">Наименование нового страховщика</label>
<div class="form-control" id="newInsurerSelect"></div>
<p class="help-block">Наименование нового страховщика</p>
</div>
</div-->
<div class="col-sm-2">
<div class="form-group">
<label for="registerDate">Дата реестра</label>
<input type="text" class="form-control date-picker-on"
id="registerDate"
name="registerDate" placeholder="Дата">
<p class="help-block">Дата реестра</p>
</div>
</div>
<div class="col-sm-10">
<div class="form-group">
<label for="transactionComment">Комментарий</label>
<input type="text" class="form-control" id="transactionComment" name="comment"
placeholder="Текст">
<p class="help-block">Укажите комментарий</p>
</div>
</div>
</div>
<div class="row">
</div>
</form>
</div>
</div>
<div class="row">
<h3 class="col-sm-12">Шаг №3. Выберите договоры ОПС для включения в трансферт</h3>
<div class="col-sm-12">
<jsp:include page="queryTable.jsp">
<jsp:param name="queryTableCode" value="QATlpkC5"/>
<jsp:param name="queryTableStyle" value="white-space:nowrap;"/>
</jsp:include>
</div>
</div>
<hr>
<div class="row">
<h3 class="col-sm-12">Шаг №4. Создайте новый трансферт</h3>
<div class="btn-group col-sm-12">
<jsp:include page="queryAction.jsp">
<jsp:param name="queryActionCode" value="MCfXKCkc"/>
</jsp:include>
</div>
</div>
</div>
</div>
</div>
</div>
<jsp:include page="footer.jsp"/>
</body>
</html>