New file |
| | |
| | | <!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/layer/layer.js"></script> |
| | | <style> |
| | | .plc-log-header { |
| | | height: 15%; |
| | | } |
| | | .plc-log-body { |
| | | height: 85%; |
| | | overflow: auto; |
| | | } |
| | | |
| | | |
| | | /* 站点表格 */ |
| | | #site-table { |
| | | font-size: 12px; |
| | | border-collapse: collapse; |
| | | margin: 0 auto; |
| | | text-align: center; |
| | | } |
| | | #site-table td, #site-table th { |
| | | border: 1px solid #cad9ea; |
| | | color: #666; |
| | | height: 25px; |
| | | } |
| | | #site-table thead th { |
| | | background-color: #CCE8EB; |
| | | width: 100px; |
| | | } |
| | | #site-table tr:nth-child(odd) { |
| | | background: #fff; |
| | | } |
| | | #site-table tr:nth-child(even) { |
| | | background: #F5FAFA; |
| | | } |
| | | |
| | | |
| | | |
| | | /* plc异常表格 */ |
| | | #plc-error-table { |
| | | font-size: 12px; |
| | | border-collapse: collapse; |
| | | margin: 0 auto; |
| | | } |
| | | #plc-error-table td, #plc-error-table th { |
| | | border: 1px solid #cad9ea; |
| | | color: #666; |
| | | height: 25px; |
| | | text-align: left; |
| | | padding-left: 5px; |
| | | } |
| | | #plc-error-table thead th { |
| | | background-color: #CCE8EB; |
| | | width: 100px; |
| | | } |
| | | #plc-error-table tr:nth-child(odd) { |
| | | background: #fff; |
| | | } |
| | | #plc-error-table tr:nth-child(even) { |
| | | background: #F5FAFA; |
| | | } |
| | | |
| | | </style> |
| | | </head> |
| | | <body> |
| | | <main> |
| | | <!-- plc异常日志监控版 --> |
| | | <div id="plc-error" class="main-board" style="padding-left: 10px"> |
| | | <!-- 头部 --> |
| | | <div class="plc-log-header"> |
| | | <div style="height: 50%"> |
| | | <span>东侧PLC执行指令</span> |
| | | </div> |
| | | <div style="height: 50%"> |
| | | <span>西侧PLC执行指令</span> |
| | | </div> |
| | | </div> |
| | | <!-- 主体 --> |
| | | <div class="plc-log-body"> |
| | | <span>PLC异常信息</span> |
| | | <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> |
| | | <tr> |
| | | <td>23532</td> |
| | | <td>PLC错误描述PLC错误描述1</td> |
| | | <td>异常异常异常异常异常异常异常</td> |
| | | </tr> |
| | | <tr> |
| | | <td></td> |
| | | <td></td> |
| | | <td></td> |
| | | </tr> |
| | | <tr> |
| | | <td></td> |
| | | <td></td> |
| | | <td></td> |
| | | </tr> |
| | | <tr> |
| | | <td></td> |
| | | <td></td> |
| | | <td></td> |
| | | </tr> |
| | | <tr> |
| | | <td></td> |
| | | <td></td> |
| | | <td></td> |
| | | </tr> |
| | | <tr> |
| | | <td></td> |
| | | <td></td> |
| | | <td></td> |
| | | </tr> |
| | | <tr> |
| | | <td></td> |
| | | <td></td> |
| | | <td></td> |
| | | </tr> |
| | | <tr> |
| | | <td></td> |
| | | <td></td> |
| | | <td></td> |
| | | </tr> |
| | | <tr> |
| | | <td></td> |
| | | <td></td> |
| | | <td></td> |
| | | </tr> |
| | | <tr> |
| | | <td></td> |
| | | <td></td> |
| | | <td></td> |
| | | </tr> |
| | | <tr> |
| | | <td></td> |
| | | <td></td> |
| | | <td></td> |
| | | </tr> |
| | | <tr> |
| | | <td></td> |
| | | <td></td> |
| | | <td></td> |
| | | </tr> |
| | | <tr> |
| | | <td></td> |
| | | <td></td> |
| | | <td></td> |
| | | </tr> |
| | | </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"); |
| | | 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> |