Tenlion/btxtgxq-system-population
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
ae27c7e031
btxtgxq-system-population/src/main/resources/templates/populationinfo/list-bigdata.html

471 lines
22 KiB
HTML
Raw Normal View History

人口基本信息- 增加了条件查询跳转页
2023-11-24 11:46:34 +08:00
<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<base th:href="${#request.getContextPath() + '/'}">
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" href="assets/fonts/font-awesome/css/font-awesome.css"/>
<link rel="stylesheet" href="assets/layuiadmin/layui/css/layui.css" media="all">
<link rel="stylesheet" href="assets/layuiadmin/style/admin.css" media="all">
<style>
.layui-form-select{
min-width:200px!important;
}
.layui-select-title{
min-width:200px!important;
}
.layui-select-title input{
min-width:200px!important;
}
</style>
</head>
<body>
人口基本信息- 增加了地区属选择功能 人口基本信息- 增加了关系图查询封装功能 人口基本信息- 修改了生日与年龄不显示Bug
2023-11-28 18:13:19 +08:00
<div class="layui-fluid layui-anim layui-anim-fadein">
<div class="layui-row layui-col-space10">
<div class="layui-col-xs3">
<div class="layui-card">
<form class="layui-form layui-form-pane" lay-filter="dataForm">
<div class="layui-form-item">
<label class="layui-form-label">所在街道<span style="color: red;vertical-align: middle;">*</span></label>
<input type="hidden" id="creatorArea1" name="creatorArea1" class="layui-input" value="" maxlength="36">
<div class="layui-input-block layui-form" id="streetNameSelectTemplateBox" lay-filter="streetNameSelectTemplateBox"></div>
<script id="streetNameSelectTemplate" type="text/html">
<select id="street" name="street" lay-filter="street" lay-verify="required" lay-search>
<option value="">请选择街道</option>
{{# for(var i = 0, item; item = d[i++];) { }}
<option value="{{item.id}}">{{item.name}}</option>
{{# } }}
</select>
</script>
</div>
<div class="layui-form-item">
<label class="layui-form-label">所在社区<span style="color: red;vertical-align: middle;">*</span></label>
<input type="hidden" id="creatorArea2" name="creatorArea2" class="layui-input" value="" maxlength="36">
<div class="layui-input-block layui-form" id="communityNameSelectTemplateBox" lay-filter="communityNameSelectTemplateBox"></div>
<script id="communityNameSelectTemplate" type="text/html">
<select id="community" name="community" lay-filter="community" lay-verify="required" lay-search>
<option value="">请选择社区</option>
{{# for(var i = 0, item; item = d[i++];) { }}
<option value="{{item.communityId}}">{{item.communityName}}</option>
{{# } }}
</select>
</script>
</div>
<div class="layui-form-item">
<label class="layui-form-label">所在小区<span style="color: red;vertical-align: middle;">*</span></label>
<input type="hidden" id="residential" name="residential" class="layui-input" maxlength="36">
<div class="layui-input-block layui-form" id="residentialNameSelectTemplateBox" lay-filter="residentialNameSelectTemplateBox"></div>
<script id="residentialNameSelectTemplate" type="text/html">
<select id="residentialId" name="residentialId" lay-filter="residentialId" lay-verify="required" lay-search>
<option value="">请选择小区</option>
{{# for(var i = 0, item; item = d[i++];) { }}
<option value="{{item.residentialId}}">{{item.name}}</option>
{{# } }}
</select>
</script>
</div>
<div class="layui-form-item">
<label class="layui-form-label">所在楼/排<span style="color: red;vertical-align: middle;">*</span></label>
<input type="hidden" id="building" name="building" class="layui-input" value="" maxlength="36">
<div class="layui-input-block layui-form" id="buildingNameSelectTemplateBox" lay-filter="buildingNameSelectTemplateBox"></div>
<script id="buildingNameSelectTemplate" type="text/html">
<select id="buildingId" name="buildingId" lay-filter="buildingId" lay-verify="required" lay-search>
<option value="">请选择楼/排</option>
{{# for(var i = 0, item; item = d[i++];) { }}
<option value="{{item.buildingId}}_{{item.unitNum}}_{{item.floorsNum}}">{{item.name}}</option>
{{# } }}
</select>
</script>
</div>
<div class="layui-form-item">
<label class="layui-form-label">所在单元/列<span style="color: red;vertical-align: middle;">*</span></label>
<input type="hidden" id="unit" name="unit" class="layui-input" value="" maxlength="36">
<div class="layui-input-block layui-form" id="unitNameSelectTemplateBox" lay-filter="unitNameSelectTemplateBox"></div>
<script id="unitNameSelectTemplate" type="text/html">
<select id="unitId" name="unitId" lay-filter="buildingId" lay-verify="required" lay-search>
<option value="">请选择单元/列</option>
{{# for(var i = 0, item; item = d[i++];) { }}
<option value="{{item.unitId}}_{{item.unitNum}}_{{item.floorsNum}}">{{item.name}}</option>
{{# } }}
</select>
</script>
</div>
</form>
</div>
</div>
<div class="layui-col-xs9">
人口基本信息- 增加了条件查询跳转页
2023-11-24 11:46:34 +08:00
<div class="layui-card">
<div class="layui-card-body">
<div class="test-table-reload-btn" style="margin-bottom: 10px;">
<div class="layui-inline">
<input type="text" id="name" class="layui-input search-item" placeholder="请输入姓名">
</div>
<div class="layui-inline layui-form search-item" id="idcardTypeSelectTemplateBox" lay-filter="idcardTypeSelectTemplateBox"></div>
<div class="layui-inline">
<input type="text" id="idcard" class="layui-input search-item" placeholder="请输入证件号">
</div>
<button type="button" id="search" class="layui-btn layui-btn-sm">
<i class="fa fa-lg fa-search"></i> 搜索
</button>
</div>
<table class="layui-hide" id="dataTable" lay-filter="dataTable"></table>
<!-- 表头按钮组 -->
<script type="text/html" id="headerToolBar">
<div class="layui-btn-group">
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" lay-event="updateEvent">
人口基本信息- 增加了人口查询跳转页面 人口基本信息- 增加了creator_area1字段(创建人所在街道) 人口基本信息- 增加了查看人员卡片按钮页面跳转
2023-11-25 13:47:05 +08:00
<i class="fa fa-lg fa-edit"></i> 查看
人口基本信息- 增加了条件查询跳转页
2023-11-24 11:46:34 +08:00
</button>
</div>
</script>
</div>
</div>
</div>
</div>
</div>
<script id="idcardTypeSelectTemplate" type="text/html" lay-search>
<select id="idcardType" name="idcardType">
<option value="">请选择证件类型</option>
{{# for(var i = 0, item; item = d[i++];) { }}
<option value="{{item.dictionaryName}}">{{item.dictionaryName}}</option>
{{# } }}
</select>
</script>
<script src="assets/layuiadmin/layui/layui.js"></script>
<script src="assets/js/vendor/viewer/viewer.min.js"></script>
<script>
layui.config({
base: 'assets/layuiadmin/'
}).extend({
index: 'lib/index'
}).use(['index', 'table', 'form', 'laytpl', 'laydate', 'common'], function() {
var $ = layui.$;
var $win = $(window);
var table = layui.table;
var admin = layui.admin;
var laydate = layui.laydate;
var form = layui.form;
var laytpl = layui.laytpl;
var common = layui.common;
var resizeTimeout = null;
var tableUrl = 'api/populationinfo/listpage?[[${params}]]';
人口基本信息- 增加了地区属选择功能 人口基本信息- 增加了关系图查询封装功能 人口基本信息- 修改了生日与年龄不显示Bug
2023-11-28 18:13:19 +08:00
// 初始化街道下拉选择
function initStreetNameSelect(selectedValue) {
$.ajax({
url: 'api/residential/getStreetList',
type: 'get',
dataType: 'json',
success: function (data) {
laytpl(document.getElementById('streetNameSelectTemplate').innerHTML).render(data, function(html) {
document.getElementById('streetNameSelectTemplateBox').innerHTML = html;
});
form.render('select', 'streetNameSelectTemplateBox');
if(selectedValue) {
var selectObj = {};
selectObj['street'] = selectedValue;
form.val('dataForm', selectObj);
}
}
});
}
// 初始化街道下拉选择
initStreetNameSelect();
// 初始化街道变化
form.on('select(street)', function(data){
var selectedText = data.elem[data.elem.selectedIndex].text;
$("#creatorArea1").val(selectedText);
if(data.value) {
initCommunityNameSelect(data.value);
}else {
initCommunityNameSelect('9999');
}
reloadTable();
});
// 初始化社区变化
form.on('select(community)', function(data){
var streetValue = $("#street").val();
var selectedText = data.elem[data.elem.selectedIndex].text;
$("#creatorArea2").val(selectedText);
if(data.value) {
initResidentialNameSelect(streetValue, data.value);
}else {
initResidentialNameSelect(streetValue, '');
}
reloadTable();
});
// 初始化小区变化
form.on('select(residentialId)', function(data){
$("#residential").val(data.value);
if(data.value) {
initBuildingNameSelect(data.value);
}else {
initBuildingNameSelect('9999');
}
reloadTable();
});
// 初始化小区下拉选择
initResidentialNameSelect('9999', '9999');
function initResidentialNameSelect(street, community, selectedValue) {
$.ajax({
url: 'api/residential/list?street=' + street + '&community=' + community,
type: 'get',
dataType: 'json',
success: function (data) {
laytpl(document.getElementById('residentialNameSelectTemplate').innerHTML).render(data, function(html) {
document.getElementById('residentialNameSelectTemplateBox').innerHTML = html;
});
form.render('select', 'residentialNameSelectTemplateBox');
if(selectedValue) {
var selectObj = {};
selectObj['residentialId'] = selectedValue;
form.val('dataForm', selectObj);
}
}
});
}
// 初始化社区下拉选择
initCommunityNameSelect('9999');
function initCommunityNameSelect(areaId, selectedValue) {
$.ajax({
url: 'api/residential/getCommunityList?areaId=' + areaId,
type: 'get',
dataType: 'json',
success: function (data) {
laytpl(document.getElementById('communityNameSelectTemplate').innerHTML).render(data, function(html) {
document.getElementById('communityNameSelectTemplateBox').innerHTML = html;
});
form.render('select', 'communityNameSelectTemplateBox');
if(selectedValue) {
var selectObj = {};
selectObj['community'] = selectedValue;
form.val('dataForm', selectObj);
}
}
});
}
// 初始化小区变化
form.on('select(buildingId)', function(data){
$("#building").val(data.value);
reloadTable();
});
// 初始化楼/排下拉选择
initBuildingNameSelect("9999");
function initBuildingNameSelect(residentialId, selectedValue) {
$.ajax({
url: 'api/building/list?residentialId=' + residentialId,
type: 'get',
dataType: 'json',
success: function (data) {
laytpl(document.getElementById('buildingNameSelectTemplate').innerHTML).render(data, function(html) {
document.getElementById('buildingNameSelectTemplateBox').innerHTML = html;
});
form.render('select', 'buildingNameSelectTemplateBox');
if(selectedValue) {
var selectObj = {};
selectObj['buildingId'] = selectedValue;
form.val('dataForm', selectObj);
}
}
});
}
人口基本信息- 增加了条件查询跳转页
2023-11-24 11:46:34 +08:00
// 初始化证件类型下拉选择
function initIdcardTypeSelect() {
人口基本信息- 增加了人口查询跳转页面 人口基本信息- 增加了creator_area1字段(创建人所在街道) 人口基本信息- 增加了查看人员卡片按钮页面跳转
2023-11-26 00:11:32 +08:00
$.ajax({
url: 'api/datadictionary/listdictionarybyparentid/76c5044f-805a-4313-b1e8-79e966b97c0d',
type: 'get',
dataType: 'json',
success: function (data) {
laytpl(document.getElementById('idcardTypeSelectTemplate').innerHTML).render(data, function(html) {
document.getElementById('idcardTypeSelectTemplateBox').innerHTML = html;
});
form.render('select', 'idcardTypeSelectTemplateBox');
}
人口基本信息- 增加了条件查询跳转页
2023-11-24 11:46:34 +08:00
});
}
initIdcardTypeSelect();
// 初始化表格
function initTable() {
table.render({
elem: '#dataTable',
id: 'dataTable',
人口基本信息- 增加了人口查询跳转页面 人口基本信息- 增加了creator_area1字段(创建人所在街道) 人口基本信息- 增加了查看人员卡片按钮页面跳转
2023-11-26 00:11:32 +08:00
url: tableUrl,
人口基本信息- 增加了条件查询跳转页
2023-11-24 11:46:34 +08:00
width: admin.screen() > 1 ? '100%' : '',
调整大数据列表页面，增加人口分析看板，人房关系
2023-11-26 12:17:42 +08:00
height: $win.height() - 60,
人口基本信息- 增加了人口查询跳转页面 人口基本信息- 增加了creator_area1字段(创建人所在街道) 人口基本信息- 增加了查看人员卡片按钮页面跳转
2023-11-26 00:11:32 +08:00
defaultToolbar: [],
人口基本信息- 增加了条件查询跳转页
2023-11-24 11:46:34 +08:00
limit: 20,
limits: [20, 40, 60, 80, 100, 200],
toolbar: '#headerToolBar',
request: {
pageName: 'page',
limitName: 'rows'
},
cols: [
[
{type:'checkbox', fixed: 'left'},
{field:'rowNum', width:80, title: '序号', fixed: 'left', align:'center', templet: '<span>{{d.LAY_INDEX}}</span>'},
{field: 'name', width: 130, title: '姓名', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData == '') {
return '-';
}
return rowData;
}
},
{field: 'idcardType', width: 130, title: '证件类型', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData == '') {
return '-';
}
return rowData;
}
},
{field: 'idcard', width: 180, title: '证件号码', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData == '') {
return '-';
}
return rowData;
}
},
{field: 'birthday', width: 130, title: '出生日期', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData == '') {
return '-';
}
return rowData;
}
},
{field: 'sex', width: 130, title: '性别', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData == '') {
return '-';
}
return rowData;
}
},
{field: 'nation', width: 130, title: '民族', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData == '') {
return '-';
}
return rowData;
}
},
{field: 'label', width: 380, title: '标签', align:'center',
templet: function(row) {
var rowData = row['labelList'];
if(typeof(rowData) === 'undefined' || rowData == null || rowData == '') {
return '-';
}
var b = "";
for(var i = 0 ; i < rowData.length; i++) {
b = b + '<button type="button" class="layui-btn layui-btn-xs" style="background-color: ' + rowData[i].color + ';">' + rowData[i].name + '</button>';
}
return b;
}
},
{field: 'creatorName', width: 120, title: '当前认领人', align:'center',
templet: function(row) {
var rowData = row[this.field];
if(typeof(rowData) === 'undefined' || rowData == null || rowData == '') {
return '-';
}
return rowData;
}
}
]
],
page: true,
parseData: function(data) {
return {
'code': 0,
'msg': '',
'count': data.total,
'data': data.rows
};
}
});
}
// 重载表格
function reloadTable(currentPage) {
table.reload('dataTable', {
人口基本信息- 增加了人口查询跳转页面 人口基本信息- 增加了creator_area1字段(创建人所在街道) 人口基本信息- 增加了查看人员卡片按钮页面跳转
2023-11-26 00:11:32 +08:00
url: tableUrl,
人口基本信息- 增加了条件查询跳转页
2023-11-24 11:46:34 +08:00
where: {
name: $('#name').val(),
idcardType: $('#idcardType').val(),
人口基本信息- 增加了地区属选择功能 人口基本信息- 增加了关系图查询封装功能 人口基本信息- 修改了生日与年龄不显示Bug
2023-11-28 18:13:19 +08:00
idcard: $('#idcard').val(),
creatorArea1: $("#creatorArea1").val() == undefined || $("#creatorArea1").val() == "" ? "" : $("#creatorArea1").val(),
creatorArea2: $("#creatorArea2").val() == undefined || $("#creatorArea2").val() == "" ? "" : $("#creatorArea2").val(),
residential: $("#residential").val() == undefined || $("#residential").val() == "" ? "" : $("#residential").val(),
人口基本信息- 增加了条件查询跳转页
2023-11-24 11:46:34 +08:00
},
page: {
curr: currentPage
},
调整大数据列表页面，增加人口分析看板，人房关系
2023-11-26 12:17:42 +08:00
height: $win.height() - 60,
人口基本信息- 增加了条件查询跳转页
2023-11-24 11:46:34 +08:00
});
}
initTable();
// 事件 - 页面变化
$win.on('resize', function() {
clearTimeout(resizeTimeout);
resizeTimeout = setTimeout(function() {
reloadTable();
}, 500);
});
// 事件 - 搜索
$(document).on('click', '#search', function() {
reloadTable(1);
});
// 事件 - 增删改
table.on('toolbar(dataTable)', function(obj) {
var layEvent = obj.event;
var checkStatus = table.checkStatus('dataTable');
var checkDatas = checkStatus.data;
人口基本信息- 增加了人口查询跳转页面 人口基本信息- 增加了creator_area1字段(创建人所在街道) 人口基本信息- 增加了查看人员卡片按钮页面跳转
2023-11-26 00:11:32 +08:00
if(layEvent === 'updateEvent') {
人口基本信息- 增加了条件查询跳转页
2023-11-24 11:46:34 +08:00
if(checkDatas.length === 0) {
调整大数据列表页面，增加人口分析看板，人房关系
2023-11-26 12:17:42 +08:00
layer.msg("至少选择一个人员");
人口基本信息- 增加了条件查询跳转页
2023-11-24 11:46:34 +08:00
} else if(checkDatas.length > 1) {
调整大数据列表页面，增加人口分析看板，人房关系
2023-11-26 12:17:42 +08:00
layer.msg("只能选择一个人员");
人口基本信息- 增加了条件查询跳转页
2023-11-24 11:46:34 +08:00
} else {
人口基本信息- 增加了人口查询跳转页面 人口基本信息- 增加了creator_area1字段(创建人所在街道) 人口基本信息- 增加了查看人员卡片按钮页面跳转
2023-11-26 23:04:31 +08:00
layer.open({
人口基本信息- 增加了条件查询跳转页
2023-11-24 11:46:34 +08:00
type: 2,
人口基本信息- 增加了人口查询跳转页面 人口基本信息- 增加了creator_area1字段(创建人所在街道) 人口基本信息- 增加了查看人员卡片按钮页面跳转
2023-11-26 00:11:32 +08:00
title: '个人信息卡片',
人口基本信息- 增加了条件查询跳转页
2023-11-24 11:46:34 +08:00
closeBtn: 1,
人口基本信息- 增加了人口查询跳转页面 人口基本信息- 增加了creator_area1字段(创建人所在街道) 人口基本信息- 增加了查看人员卡片按钮页面跳转
2023-11-26 00:11:32 +08:00
area: ['80%', '80%'],
shadeClose: false,
人口基本信息- 增加了条件查询跳转页
2023-11-24 11:46:34 +08:00
anim: 2,
人口基本信息- 增加了人口查询跳转页面 人口基本信息- 增加了creator_area1字段(创建人所在街道) 人口基本信息- 增加了查看人员卡片按钮页面跳转
2023-11-26 00:11:32 +08:00
content: 'pages/housepopulation/index.html#/population-info?populationInfoId=' + checkDatas[0].populationInfoId,
人口基本信息- 增加了条件查询跳转页
2023-11-24 11:46:34 +08:00
end: function() {
reloadTable();
}
});
}
}
});
});
</script>
</body>
</html>
Reference in New Issue Copy Permalink