庄锐波
6 months ago
6 changed files with 437 additions and 0 deletions
@ -0,0 +1,248 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"> |
||||
|
<head> |
||||
|
<th:block th:include="zdxtInclude :: header('送码入企信息查询')" /> |
||||
|
</head> |
||||
|
<body class="gray-bg"> |
||||
|
<div class="container-div"> |
||||
|
<div class="row"> |
||||
|
<div class="col-sm-12 search-collapse"> |
||||
|
<form id="formId"> |
||||
|
<div class="select-list"> |
||||
|
<ul> |
||||
|
<li> |
||||
|
<p>企业名称：</p> |
||||
|
<input type="text" name="enterpriseName"/> |
||||
|
</li> |
||||
|
<li> |
||||
|
<p>统一社会信用代码：</p> |
||||
|
<input type="text" name="enterpriseNumber"/> |
||||
|
</li> |
||||
|
<li> |
||||
|
<p>所属区域：</p> |
||||
|
<select name="areaId" id="areaSelect"> |
||||
|
<option value="">全部</option> |
||||
|
</select> |
||||
|
</li> |
||||
|
<li> |
||||
|
<p>所属街道：</p> |
||||
|
<select name="streetId" id="streetSelect"> |
||||
|
<option value="">全部</option> |
||||
|
</select> |
||||
|
</li> |
||||
|
<li> |
||||
|
<p>匹配状态：</p> |
||||
|
<select name="matchingStatus"> |
||||
|
<option value="">全部</option> |
||||
|
<option value="未匹配">未匹配</option> |
||||
|
<option value="已匹配">已匹配</option> |
||||
|
<option value="强制匹配">强制匹配</option> |
||||
|
<option value="匹配失败">匹配失败</option> |
||||
|
</select> |
||||
|
</li> |
||||
|
<li> |
||||
|
<p>下载情况：</p> |
||||
|
<select name="downloadStatus"> |
||||
|
<option value="">全部</option> |
||||
|
<option value="未下载">未下载</option> |
||||
|
<option value="已下载">已下载</option> |
||||
|
</select> |
||||
|
</li> |
||||
|
<li> |
||||
|
<p>上传人：</p> |
||||
|
<input type="text" name="userName"/> |
||||
|
</li> |
||||
|
<li> |
||||
|
<p>上传单位：</p> |
||||
|
<input type="text" name="deptName"/> |
||||
|
</li> |
||||
|
<li> |
||||
|
<a class="btn btn-success btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i> 搜索</a> |
||||
|
<a class="btn btn-reset btn-sm" onclick="resetQueryForm()"><i class="fa fa-refresh"></i> 重置</a> |
||||
|
</li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
</form> |
||||
|
</div> |
||||
|
|
||||
|
<div class="btn-group-sm" id="toolbar" role="group"> |
||||
|
<a class="btn btn-primary" onclick="downloadData()"> |
||||
|
<i class="fa fa-download"></i> 下载 |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="col-sm-12 select-table table-bordered"> |
||||
|
<table id="bootstrap-table"></table> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<th:block th:include="zdxtInclude :: footer" /> |
||||
|
<script th:inline="javascript"> |
||||
|
var prefix = ctx + "code/enterprisePubQrcode"; |
||||
|
|
||||
|
$(function() { |
||||
|
loadAreaDict(); |
||||
|
|
||||
|
var options = { |
||||
|
url: prefix + "/queryPageList", |
||||
|
modalName: "送码入企信息查询", |
||||
|
showHeader: false, |
||||
|
showFooter: false, |
||||
|
showColumns: false, |
||||
|
showRefresh: false, |
||||
|
showToggle: false, |
||||
|
pageSize: 20, |
||||
|
columns: [ |
||||
|
{ |
||||
|
checkbox: true |
||||
|
}, |
||||
|
{ |
||||
|
field : 'id', |
||||
|
title : '主键ID', |
||||
|
visible: false |
||||
|
}, |
||||
|
{ |
||||
|
field : 'importRowNum', |
||||
|
title : '导入序号' |
||||
|
}, |
||||
|
{ |
||||
|
field : 'enterpriseName', |
||||
|
title : '企业名称' |
||||
|
}, |
||||
|
{ |
||||
|
field : 'enterpriseNumber', |
||||
|
title : '统一社会信用代码' |
||||
|
}, |
||||
|
{ |
||||
|
field : 'areaName', |
||||
|
title : '所属区域' |
||||
|
}, |
||||
|
{ |
||||
|
field : 'streetName', |
||||
|
title : '所属街道' |
||||
|
}, |
||||
|
{ |
||||
|
field : 'matchingStatus', |
||||
|
title : '匹配状态', |
||||
|
formatter: function(value, row, index) { |
||||
|
if (value == '匹配失败') { |
||||
|
return '<span style="color:red;text-decoration:underline;cursor:pointer;" title="' + (row.matchingMessage || '') + '">' + value + '</span>'; |
||||
|
} |
||||
|
if ((value == '已匹配' || value == '强制匹配') && row.matchingMessage) { |
||||
|
return '<span style="color:blue;text-decoration:underline;cursor:pointer;" title="' + row.matchingMessage + '">' + value + '</span>'; |
||||
|
} |
||||
|
return value; |
||||
|
} |
||||
|
}, |
||||
|
{ |
||||
|
field : 'downloadStatus', |
||||
|
title : '下载情况' |
||||
|
}, |
||||
|
{ |
||||
|
field : 'userName', |
||||
|
title : '上传人' |
||||
|
}, |
||||
|
{ |
||||
|
field : 'deptName', |
||||
|
title : '上传单位' |
||||
|
}, |
||||
|
{ |
||||
|
field : 'remark', |
||||
|
title : '备注' |
||||
|
}] |
||||
|
}; |
||||
|
$.table.init(options); |
||||
|
}); |
||||
|
|
||||
|
/** 加载区域字典数据 */ |
||||
|
function loadAreaDict() { |
||||
|
$.ajax({ |
||||
|
url: prefix + "/dictAreaList", |
||||
|
type: "get", |
||||
|
dataType: "json", |
||||
|
success: function(result) { |
||||
|
if (result.success && result.data) { |
||||
|
var $areaSelect = $('#areaSelect'); |
||||
|
$.each(result.data, function(i, item) { |
||||
|
$areaSelect.append('<option value="' + item.dictValue + '">' + item.dictLabel + '</option>'); |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
/** 区域变更时加载街道字典数据 */ |
||||
|
$('#areaSelect').change(function() { |
||||
|
var areaId = $(this).val(); |
||||
|
var $streetSelect = $('#streetSelect'); |
||||
|
$streetSelect.html('<option value="">全部</option>'); |
||||
|
if (areaId) { |
||||
|
$.ajax({ |
||||
|
url: prefix + "/dictStreetList", |
||||
|
type: "get", |
||||
|
data: { areaId: areaId }, |
||||
|
dataType: "json", |
||||
|
success: function(result) { |
||||
|
if (result.success && result.data) { |
||||
|
$.each(result.data, function(i, item) { |
||||
|
$streetSelect.append('<option value="' + item.dictValue + '">' + item.dictLabel + '</option>'); |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
/** 重置查询表单 */ |
||||
|
function resetQueryForm() { |
||||
|
$.form.reset(); |
||||
|
$('#streetSelect').html('<option value="">全部</option>'); |
||||
|
} |
||||
|
|
||||
|
/** 批量下载 */ |
||||
|
function downloadData() { |
||||
|
var rows = $.table.selectColumns("id"); |
||||
|
if (rows.length == 0) { |
||||
|
$.modal.alertWarning("请至少选择一条记录"); |
||||
|
return; |
||||
|
} |
||||
|
var loadIndex = layer.msg('PDF生成中，请稍候...', {icon: 16, shade: [0.3, '#000'], time: 0}); |
||||
|
$.ajax({ |
||||
|
url: prefix + "/generatePdf", |
||||
|
type: "post", |
||||
|
data: { "ids": rows.join(",") }, |
||||
|
dataType: "json", |
||||
|
success: function(result) { |
||||
|
layer.close(loadIndex); |
||||
|
if (result.success) { |
||||
|
layer.open({ |
||||
|
type: 1, |
||||
|
title: '生成完成', |
||||
|
area: ['380px', '200px'], |
||||
|
shade: 0.3, |
||||
|
shadeClose: true, |
||||
|
content: '<div style="padding:30px;text-align:center;">' + |
||||
|
'<p style="margin-bottom:20px;font-size:14px;"><i class="fa fa-check-circle" style="color:#5cb85c;margin-right:6px;"></i>PDF文件已生成完成</p>' + |
||||
|
'<a href="' + result.data + '" class="btn btn-primary" target="_blank">' + |
||||
|
'<i class="fa fa-download"></i> 点击下载</a></div>', |
||||
|
btn: ['关闭'], |
||||
|
btn1: function(index) { |
||||
|
layer.close(index); |
||||
|
$.table.refresh(); |
||||
|
}, |
||||
|
cancel: function() { |
||||
|
$.table.refresh(); |
||||
|
} |
||||
|
}); |
||||
|
} else { |
||||
|
$.modal.alertError(result.message); |
||||
|
} |
||||
|
}, |
||||
|
error: function() { |
||||
|
layer.close(loadIndex); |
||||
|
$.modal.alertError("生成失败，请联系管理员！"); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
</body> |
||||
|
</html> |
||||
Loading…
Reference in new issue