<!DOCTYPE html>
|
<html lang="en">
|
<head>
|
<meta charset="UTF-8">
|
<title>WCS输送设备管理</title>
|
<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" type="text/css" href="../static/css/normalize.css">
|
<link rel="stylesheet" type="text/css" href="../static/css/common.css">
|
<link rel="stylesheet" type="text/css" href="../static/css/devops.css?v=3">
|
<script type="text/javascript" src="../static/js/jquery/jquery-3.3.1.min.js"></script>
|
<script type="text/javascript" src="../static/js/common.js"></script>
|
<script type="text/javascript" src="../static/js/layer/layer.js"></script>
|
<style>
|
.io-mode-box {
|
float: left;
|
width: 16%;
|
text-align: center;
|
}
|
|
.io-mode-box label {
|
font-weight: bolder;
|
}
|
|
.ioModeBtn {
|
vertical-align: middle;
|
width: 50%;
|
height: 30px;
|
left: 0;
|
top: 0;
|
text-shadow: inherit;
|
font-size: 15px;
|
margin-left: 5px;
|
margin-right: 5px;
|
display: inline-block;
|
background-color: #FF5722;
|
border: none;
|
color: #FFF;
|
box-shadow: 1px 1px 5px #B6B6B6;
|
border-radius: 3px;
|
cursor: pointer;
|
}
|
</style>
|
</head>
|
<body>
|
<div style="padding: 10px;height: 100%;float: left;width: 6%">
|
<div class="button-window"></div>
|
</div>
|
|
<div style="height: 100%;padding-left: 6%">
|
<div style="padding: 10px;height: 100%">
|
<main>
|
|
<!-- plc异常日志监控版 -->
|
<div id="plc-error" class="main-board" style="padding-left: 10px">
|
<div class="plc-log-body">
|
<div>
|
<span style="color: #1E9FFF">工作档:</span>
|
</div>
|
<table id="plc-error-table">
|
<thead>
|
<tr>
|
<th style="width: 200px">工作档号</th>
|
<th style="width: 400px">原因</th>
|
<th style="width: 400px">解决方法</th>
|
</tr>
|
</thead>
|
<tbody>
|
|
</tbody>
|
</table>
|
</div>
|
</div>
|
|
<!-- 站点状态数据监控版 -->
|
<div id="site-monitor" class="main-board">
|
<div>
|
<span style="color: #1E9FFF">无法出入库原因判断:</span>
|
</div>
|
<!-- 表格 -->
|
<!--固定表头 table 加table-layout: fixed; th 加 position:sticky;top: 0;-->
|
<table id="site-table" >
|
<!-- 表头 -->
|
<thead style="position:sticky;top: 0;">
|
<tr>
|
<th style="width: 180px">类型</th>
|
<th style="width: 150px">站号</th>
|
<th style="width: 400px">不符合的条件</th>
|
<th style="width: 300px">解决</th>
|
</tr>
|
</thead>
|
<!-- 表格内容 -->
|
<tbody></tbody>
|
</table>
|
</div>
|
</main>
|
|
|
|
</div>
|
|
</div>
|
</body>
|
<script>
|
// 初始化
|
// 空白行数
|
var stop = false
|
var plcErrorTableBlankRows = 0;
|
var siteTableBlankRows = 0;
|
// 实际行数
|
var plcErrorTableFullRows = 0;
|
var siteTableFullRows = 0;
|
//var outputDom = document.getElementById("output");
|
$(document).ready(function () {
|
initPlcErrorTable();
|
getPlcError();
|
initSiteTable();
|
getSite();
|
});
|
// 实时访问
|
setInterval(function () {
|
getPlcError();
|
starGetSite();
|
}, 1000);
|
setInterval(function () {
|
//getSiteOutput();
|
}, 500);
|
|
function starGetSite() {
|
if (stop) {
|
return
|
} else {
|
getSite();
|
}
|
}
|
|
|
// plc异常信息表获取
|
function getPlcError() {
|
var tableEl = $('#plc-error-table');
|
tableEl.children("tr").children("td").html("");
|
$.ajax({
|
url: baseUrl + "/devops/wrkMast/list",
|
headers: {'token': localStorage.getItem('token')},
|
method: 'POST',
|
success: function (res) {
|
if (res.code === 200) {
|
var table = res.data;
|
for (var i = 1; i <= table.length; i++) {
|
var tr = tableEl.find("tr").eq(i);
|
tr.children("td").eq(0).html(table[i - 1].wrkNo);
|
tr.children("td").eq(1).html(table[i - 1].error);
|
tr.children("td").eq(2).html(table[i - 1].method);
|
}
|
} else if (res.code === 403) {
|
window.location.href = baseUrl + "/login";
|
} else {
|
console.log(res.msg);
|
}
|
}
|
});
|
}
|
|
// 站点信息表获取
|
function getSite() {
|
var tableEl = $('#site-table');
|
$.ajax({
|
url: baseUrl + "/devops/site/list",
|
headers: {'token': localStorage.getItem('token')},
|
method: 'POST',
|
success: function (res) {
|
if (res.code === 200) {
|
var table = res.data;
|
if (table.length > siteTableBlankRows && table.length !== siteTableFullRows) {
|
initSiteTable(table.length - siteTableBlankRows);
|
siteTableFullRows = table.length;
|
}
|
for (var i = 1; i <= table.length; i++) {
|
var tr = tableEl.find("tr").eq(i);
|
tr.children("td").eq(0).html(table[i - 1].type);
|
tr.children("td").eq(1).html(table[i - 1].staNo);
|
tr.children("td").eq(2).html(table[i - 1].error);
|
tr.children("td").eq(3).html(table[i - 1].method);
|
|
}
|
} else if (res.code === 403) {
|
window.location.href = baseUrl + "/login";
|
} else {
|
console.log(res.msg);
|
}
|
}
|
});
|
}
|
|
// ------------------------------------------------------------------------------------------------
|
|
// plc异常空白表格渲染
|
function initPlcErrorTable(row) {
|
var line;
|
if (row === undefined) {
|
var one = $('#plc-error-table thead').height();
|
var total = $('.plc-log-body').height();
|
var count = total / one;
|
count = parseInt(count) - 1;
|
plcErrorTableBlankRows = count;
|
line = count;
|
} else {
|
line = row;
|
}
|
var html = "";
|
for (var i = 0; i < line; i++) {
|
html += " <tr>\n" +
|
" <td></td>\n" +
|
" <td></td>\n" +
|
" <td></td>\n" +
|
" </tr>\n";
|
}
|
$('#plc-error-table tbody').after(html);
|
}
|
|
// 站点空白表格渲染
|
function initSiteTable(row) {
|
var line;
|
if (row === undefined) {
|
var one = $('#site-table thead').height();
|
var total = $('#site-monitor').height();
|
var count = total / one;
|
count = parseInt(count) - 1;
|
siteTableBlankRows = count;
|
line = count;
|
} else {
|
line = row;
|
}
|
var html = "";
|
for (var i = 0; i < line; i++) {
|
html += " <tr>\n" +
|
" <td></td>\n" +
|
" <td></td>\n" +
|
" <td></td>\n" +
|
" <td></td>\n" +
|
" </tr>\n";
|
}
|
$('#site-table tbody').after(html);
|
}
|
|
|
|
</script>
|
</html>
|
