| | |
| | | <div id="plc-error" class="main-board" style="padding-left: 10px"> |
| | | <!-- 头部 --> |
| | | <div class="plc-log-header"> |
| | | <div style="height: 50%"> |
| | | <div style="height: 40%"> |
| | | <span>东侧PLC执行指令</span> |
| | | </div> |
| | | <div style="height: 50%"> |
| | | <div style="height: 40%"> |
| | | <span>西侧PLC执行指令</span> |
| | | </div> |
| | | <div> |
| | | <span style="color: #1E9FFF">PLC异常信息表:</span> |
| | | </div> |
| | | </div> |
| | | <!-- 主体 --> |
| | | <div class="plc-log-body"> |
| | | <span>PLC异常信息</span> |
| | | <table id="plc-error-table"> |
| | | <thead> |
| | | <tr> |
| | |
| | | </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> |
| | |
| | | </footer> |
| | | </body> |
| | | <script> |
| | | // 空白表格渲染 |
| | | $(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); |
| | | }); |
| | | |
| | | // 日志输出框 |
| | | var outputDom = document.getElementById("output"); |
| | | function output(content){ |
| | | outputDom.value += content; |