You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

145 lines
7.1 KiB
HTML

<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
<th:block th:include="include :: 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>
<label class="required">产品码:</label>
<input type="text" name="semiBarcode" id="semiBarcode" required/>
</li>
<li>
<a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
<!-- <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i>&nbsp;查询全部</a>-->
<a class="btn btn-info btn-rounded btn-sm" onclick="celexport()" shiro:hasPermission="nanjing:ProRpList:export"><i class="fa fa-download"></i> 导出</a>
</li>
</ul>
</div>
</form>
</div>
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table1"></table>
</div>
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table2"></table>
</div>
</div>
</div>
<th:block th:include="include :: footer" />
<script th:inline="javascript">
var prefix = ctx + "nanjing/selectParaAll";
$(function() {
var formData = new FormData();
formData.append("semiBarcode",$("#semiBarcode").val());
$.ajax({
type: "post",
url: prefix + "/paraAllShow",
data: formData,
contentType: "application/json;charset=utf-8",
dataType: "json",
json: 'callback',
processData: false,
contentType: false,
success: function (json) {
var columnsArray2 = [];
columnsArray2.push({field : "state", title : "产品码",colspan: 1,rowspan: 2});
columnsArray2.push({field : "monitorName",title : "部件码",colspan: 1,rowspan: 2});
columnsArray2.push({field : "monitorType",title : "工位代码",colspan: 1,rowspan: 2});
columnsArray2.push({field : "monitorType",title : "记录时间",colspan: 1,rowspan: 2});
columnsArray2.push({field : "monitorType",title : "参数名称",colspan: 1,rowspan: 2});
columnsArray2.push({field : "monitorType",title : "实测值",colspan: 1,rowspan: 2});
columnsArray2.push({field : "monitorType",title : "最小值",colspan: 1,rowspan: 2});
columnsArray2.push({field : "monitorType",title : "最大值",colspan: 1,rowspan: 2});
columnsArray2.push({field : "monitorType",title : "参数状态",colspan: 1,rowspan: 2});
var columnsArray1 = [];
columnsArray1.push({field : "monitorType",title : "系统条码",colspan: 1,rowspan: 2});
columnsArray1.push({field : "monitorType",title : "产品码",colspan: 1,rowspan: 2});
columnsArray1.push({field : "monitorType",title : "机种类型",colspan: 1,rowspan: 2});
columnsArray1.push({field : "monitorType",title : "返修Y/N",colspan: 1,rowspan: 2});
columnsArray1.push({field : "monitorType",title : "合格状态",colspan: 1,rowspan: 2});
columnsArray1.push({field : "monitorType",title : "完成状态",colspan: 1,rowspan: 2});
columnsArray1.push({field : "monitorType",title : "当前工位",colspan: 1,rowspan: 2});
columnsArray1.push({field : "monitorType",title : "NG工位",colspan: 1,rowspan: 2});
columnsArray1.push({field : "monitorType",title : "标签Y/N",colspan: 1,rowspan: 2});
columnsArray1.push({field : "monitorType",title : "开始时间",colspan: 1,rowspan: 2});
columnsArray1.push({field : "monitorType",title : "结束时间",colspan: 1,rowspan: 2});
$('#bootstrap-table1').bootstrapTable('destroy').bootstrapTable({
id: "bootstrap-table1",
data:json,
toolbar: "#toolbar",
singleSelect: false,
clickToSelect: true,
sortName: "recordTime",
sortOrder: "desc",
pageSize: 50,
pageNumber: 1,
pageList: "[10, 15,25, 50, 100, All]",
showToggle: true,
showRefresh: true,
showColumns: true,
search: false,
pagination: true,
showExport: false,//工具栏上显示导出按钮
columns: columnsArray1
});
$('#bootstrap-table2').bootstrapTable('destroy').bootstrapTable({
id: "bootstrap-table2",
data:json,
toolbar: "#toolbar",
singleSelect: false,
clickToSelect: true,
sortName: "recordTime",
sortOrder: "desc",
pageSize: 50,
pageNumber: 1,
pageList: "[10, 15,25, 50, All]",
showToggle: true,
showRefresh: true,
showColumns: true,
search: false,
pagination: true,
showExport: false,//工具栏上显示导出按钮
columns: columnsArray2
});
},
error: function () {
alert("查询失败!");
}
});
});
function celexport(formId) {
table.set();
$.modal.confirm("确定导出所有" + table.options.modalName + "吗?", function() {
var currentId = $.common.isEmpty(formId) ? $('form').attr('id') : formId;
var params = $("#" + table.options.id).bootstrapTable('getOptions');
var dataParam = $("#" + currentId).serializeArray();
dataParam.push({ "name": "orderByColumn", "value": params.sortName });
dataParam.push({ "name": "isAsc", "value": params.sortOrder });
dataParam.push({"name":"semiBaarcode","value":$("#semiBarcode").val()});
$.modal.loading("正在导出数据,请稍后...");
$.post('nanjing/selectParaAll/export', dataParam, function(result) {
if (result.code == web_status.SUCCESS) {
window.location.href = ctx + "common/download?fileName=" + encodeURI(result.msg) + "&delete=" + true;
} else if (result.code == web_status.WARNING) {
$.modal.alertWarning(result.msg)
} else {
$.modal.alertError(result.msg);
}
$.modal.closeLoading();
});
});
}
</script>
</body>
</html>