庄锐波
5 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