<!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/pipeline.css">
|
<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>
|
|
</style>
|
</head>
|
<body>
|
<main>
|
<!-- plc异常日志监控版 -->
|
<div id="plc-error" class="main-board" style="padding-left: 10px">
|
<!-- 头部 -->
|
<div class="plc-log-header">
|
<div style="height: 40%">
|
<span>东侧PLC执行指令</span>
|
</div>
|
<div style="height: 40%">
|
<span>西侧PLC执行指令</span>
|
</div>
|
<div>
|
<span style="color: #1E9FFF">PLC异常信息表:</span>
|
</div>
|
</div>
|
<!-- 主体 -->
|
<div class="plc-log-body">
|
<table id="plc-error-table">
|
<thead>
|
<tr>
|
<th style="width: 200px">序号</th>
|
<th style="width: 400px">PLC错误描述</th>
|
<th style="width: 400px">异常</th>
|
</tr>
|
</thead>
|
<tbody>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
|
<!-- 站点状态数据监控版 -->
|
<div id="site-monitor" class="main-board">
|
<!-- 表格 -->
|
<table id="site-table">
|
<!-- 表头 -->
|
<thead>
|
<tr>
|
<th>站号</th>
|
<th>工作号</th>
|
<th>自动</th>
|
<th>有物</th>
|
<th>可入</th>
|
<th>可出</th>
|
<th>需求入</th>
|
<th>需求出</th>
|
<th>高低库</th>
|
<th>目标站</th>
|
</tr>
|
</thead>
|
<!-- 表格内容 -->
|
<tbody>
|
<tr>
|
<td>12</td>
|
<td>2223</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>1</td>
|
<td>1204</td>
|
</tr>
|
<tr>
|
<td>12</td>
|
<td>2223</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>1</td>
|
<td>1204</td>
|
</tr>
|
<tr>
|
<td>12</td>
|
<td>2223</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>1</td>
|
<td>1204</td>
|
</tr>
|
<tr>
|
<td>12</td>
|
<td>2223</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>1</td>
|
<td>1204</td>
|
</tr>
|
<tr>
|
<td>12</td>
|
<td>2223</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>1</td>
|
<td>1204</td>
|
</tr>
|
<tr>
|
<td>12</td>
|
<td>2223</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>1</td>
|
<td>1204</td>
|
</tr>
|
<tr>
|
<td>12</td>
|
<td>2223</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>1</td>
|
<td>1204</td>
|
</tr>
|
<tr>
|
<td>12</td>
|
<td>2223</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>1</td>
|
<td>1204</td>
|
</tr>
|
<tr>
|
<td>12</td>
|
<td>2223</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>1</td>
|
<td>1204</td>
|
</tr>
|
<tr>
|
<td>12</td>
|
<td>2223</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>1</td>
|
<td>1204</td>
|
</tr>
|
<tr>
|
<td>12</td>
|
<td>2223</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>1</td>
|
<td>1204</td>
|
</tr>
|
<tr>
|
<td>12</td>
|
<td>2223</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>1</td>
|
<td>1204</td>
|
</tr>
|
<tr>
|
<td>12</td>
|
<td>2223</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>1</td>
|
<td>1204</td>
|
</tr>
|
<tr>
|
<td>12</td>
|
<td>2223</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>1</td>
|
<td>1204</td>
|
</tr>
|
<tr>
|
<td>12</td>
|
<td>2223</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>1</td>
|
<td>1204</td>
|
</tr>
|
<tr>
|
<td>12</td>
|
<td>2223</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>1</td>
|
<td>1204</td>
|
</tr>
|
<tr>
|
<td>12</td>
|
<td>2223</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>1</td>
|
<td>1204</td>
|
</tr>
|
<tr>
|
<td>12</td>
|
<td>2223</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>1</td>
|
<td>1204</td>
|
</tr>
|
<tr>
|
<td>12</td>
|
<td>2223</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>1</td>
|
<td>1204</td>
|
</tr>
|
<tr>
|
<td>12</td>
|
<td>2223</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>1</td>
|
<td>1204</td>
|
</tr>
|
<tr>
|
<td>12</td>
|
<td>2223</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>1</td>
|
<td>1204</td>
|
</tr>
|
<tr>
|
<td>12</td>
|
<td>2223</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>1</td>
|
<td>1204</td>
|
</tr>
|
<tr>
|
<td>12</td>
|
<td>2223</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>1</td>
|
<td>1204</td>
|
</tr>
|
<tr>
|
<td>12</td>
|
<td>2223</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>1</td>
|
<td>1204</td>
|
</tr>
|
<tr>
|
<td>12</td>
|
<td>2223</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>1</td>
|
<td>1204</td>
|
</tr>
|
<tr>
|
<td>12</td>
|
<td>2223</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>1</td>
|
<td>1204</td>
|
</tr>
|
<tr>
|
<td>12</td>
|
<td>2223</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>1</td>
|
<td>1204</td>
|
</tr>
|
<tr>
|
<td>12</td>
|
<td>2223</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>Y</td>
|
<td>N</td>
|
<td>1</td>
|
<td>1204</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</main>
|
<footer>
|
<textarea id="output"></textarea>
|
</footer>
|
</body>
|
<script>
|
var outputDom = document.getElementById("output");
|
|
// 空白表格渲染
|
$(document).ready(function() {
|
var one = $('#plc-error-table thead').height();
|
var total = $('.plc-log-body').height();
|
var count = total / one;
|
count = parseInt(count);
|
var html = "";
|
for (var i = 0; i < count-1; i ++){
|
html += " <tr>\n" +
|
" <td></td>\n" +
|
" <td></td>\n" +
|
" <td></td>\n" +
|
" </tr>\n";
|
}
|
$('#plc-error-table tbody').after(html);
|
});
|
|
getPlcError();
|
// plc异常信息表获取
|
function getPlcError() {
|
$.ajax({
|
url: baseUrl+ "/site/table/plc/errors",
|
headers: {'token': localStorage.getItem('token')},
|
method: 'POST',
|
success: function (res) {
|
if (res.code === 200){
|
console.log(res.data);
|
addPlcError(res.data);
|
} else if (res.code === 403){
|
top.location.href = baseUrl+"/login";
|
} else {
|
alert(res.msg);
|
}
|
}
|
});
|
}
|
|
// plc异常输入
|
function addPlcError(val) {
|
|
}
|
|
// 日志输出框
|
function output(content){
|
outputDom.value += content;
|
outputDom.scrollTop = outputDom.scrollHeight;
|
}
|
setInterval(function () {
|
output("\n" +new Date().toLocaleString() + "【2020-5-29 13:14:22】扫描plcA 目标站--27328372372832763643234323432342");
|
},500);
|
|
|
</script>
|
</html>
|
