<!DOCTYPE html>
|
<html lang="en">
|
<head>
|
<meta charset="UTF-8" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<title>公示平台</title>
|
<link rel="stylesheet" href="../../../../static/html/views/energyAna/css/index.css" />
|
<link rel="icon" href="../../../../favicon.ico" />
|
</head>
|
|
<body>
|
<div class="nav-bar-continer">
|
<div style="margin: auto; font-size: 0; width: 100%; height: 129px">
|
<img src="../../../../static/images/logo/head_bg.jpg" style="width: 100%; height: 129px" />
|
</div>
|
<div class="img_title">压缩空气站数据信息公示平台</div>
|
<form>
|
<div class="_box">
|
<div class="left">
|
<div class="item">
|
<label for="txtKeyWords">空压站建设单位 </label>
|
<div class="input">
|
<input type="text" id="BuilderName" name="BuilderName" placeholder="请输入企业名称" style="height: 30px" />
|
</div>
|
</div>
|
<div class="item">
|
<label for="certificateNo">证书编号</label>
|
<div class="input">
|
<input type="text" id="CertificateNO" name="CertificateNO" placeholder="请输入证书编号" style="height: 30px" />
|
</div>
|
</div>
|
<div class="item">
|
<label for="compressedName">空气站名称 </label>
|
<div class="input">
|
<input type="text" id="AirpSiteName" name="AirpSiteName" placeholder="请输入压缩空气站名称" style="height: 30px" />
|
</div>
|
</div>
|
<div class="item">
|
<div class="input">
|
<button class="query_button" id="btnSearch" aria-hidden="true" type="button">查询</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</form>
|
<div class="custom_table_border_spacing">
|
<table id="dataTable">
|
<thead></thead>
|
<tbody></tbody>
|
</table>
|
</div>
|
<div class="foot">
|
<div class="foot_right">©2023 中国通用机械工业协会 上海市质量监督检验技术研究院</div>
|
</div>
|
</div>
|
<script src="../../../../static/config/globalConfig.js" type="text/javascript" charset="utf-8"></script>
|
<script src="../../../../static/html/constants/index.js" type="text/javascript" charset="utf-8"></script>
|
<script src="../../../../static/html/lib/moment.js" type="text/javascript" charset="utf-8"></script>
|
<script src="../../../../static/html/lib/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
|
<script src="../../../../static/html/lib/axios.js" type="text/javascript" charset="utf-8"></script>
|
<script src="../../../../static/html/constants/util.js" type="text/javascript" charset="utf-8"></script>
|
|
<script>
|
var url = MAIN_URL + '/SQI/Certificate/Std/GetAll@V2.0';
|
|
$(document).ready(function () {
|
var headers = [
|
'空压站名称',
|
'空压站建设单位',
|
'空压站设计单位',
|
'空压站所属单位',
|
'证书编号',
|
'能效等级',
|
'认定时间',
|
'主要设备型号',
|
'检测单位',
|
'发证单位',
|
]; // 定义要显示的表头内容
|
var showTable = [];
|
var operationTable = [];
|
var queryParams = {};
|
|
$('#dataTable thead').empty(); // 清空原有的表头内容
|
$.each(headers, function (index, value) {
|
var thElement = $('<th></th>'); // 创建新的表头元素
|
thElement.text(value); // 设置表头文本为对应值
|
$('#dataTable thead').append(thElement); // 将表头元素追加到表头中
|
});
|
axios
|
.get(url) // 这里的URL需要根据实际情况进行修改
|
.then(function (response) {
|
var data = response.data.Data;
|
showTable = data;
|
operationTable = data;
|
getCertificateList(operationTable);
|
})
|
.catch(function (error) {
|
console.log(error);
|
});
|
|
$('.query_button').click(function () {
|
handleQueryTable(operationTable);
|
});
|
});
|
function getCertificateList(data) {
|
for (var i = 0; i < data.length; i++) {
|
const time = moment(data[i].IssuanceTime).format('YYYY-MM-DD');
|
$('#dataTable tbody').append(`
|
<tr>
|
<td> ${data[i].AirpSiteName} </td>
|
<td> ${data[i].BuilderName} </td>
|
<td> ${data[i].DesignerName} </td>
|
<td> ${data[i].UserName} </td>
|
<td> ${data[i].CertificateNO} </td>
|
<td> ${data[i].EtaLevel} </td>
|
<td> ${time} </td>
|
<td> ${data[i].MainEquipmentModels} </td>
|
<td> ${data[i].TestingName} </td>
|
<td> ${data[i].IssuingName} </td>
|
|
</tr>)`);
|
}
|
}
|
function handleQueryTable(operationTable) {
|
var keyword1 = $('#BuilderName').val(); // 第一个关键字
|
var keyword2 = $('#CertificateNO').val(); // 第二个关键字
|
var keyword3 = $('#AirpSiteName').val(); // 第三个关键字
|
var result = $.grep(operationTable, function (item) {
|
return (
|
item.BuilderName.indexOf(keyword1) !== -1 &&
|
(!keyword2 || item.CertificateNO.indexOf(keyword2) !== -1) &&
|
(!keyword3 || item.AirpSiteName.indexOf(keyword3) !== -1)
|
);
|
});
|
$('#dataTable tbody').html('');
|
getCertificateList(result);
|
}
|
</script>
|
</body>
|
</html>
|
