| | |
| | | <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 id="plc-error" class="main-board" style="padding-left: 10px"> |
| | | <!-- 头部 --> |
| | | <div class="plc-log-header"> |
| | | <!-- 设备任务操作 --> |
| | | <div class="io-mode-oper"> |
| | | <fieldset> |
| | | <legend>入出库模式(IO-Mode)</legend> |
| | | <div class="io-mode-box"> |
| | | <label>2F</label> |
| | | <button id="io-mode-2" class="ioModeBtn" onclick="ioModeSwitch(this.id)"> - </button> |
| | | </div> |
| | | </fieldset> |
| | | </div> |
| | | <!-- <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>--> |
| | | <!-- <span style="color: #1E9FFF">PLC异常信息表:</span>--> |
| | | <!-- </div>--> |
| | | </div> |
| | | <!-- 主体 --> |
| | | <div class="plc-log-body"> |
| | | <div> |
| | | <span style="color: #1E9FFF">PLC异常信息表:</span> |
| | | </div> |
| | | <table id="plc-error-table"> |
| | | <thead> |
| | | <tr> |
| | |
| | | var siteTableFullRows = 0; |
| | | var outputDom = document.getElementById("output"); |
| | | $(document).ready(function() { |
| | | getIoModeInfo(); |
| | | initPlcErrorTable(); |
| | | getPlcError(); |
| | | initSiteTable(); |
| | |
| | | setInterval(function () { |
| | | getPlcError(); |
| | | starGetSite(); |
| | | getIoModeInfo(); |
| | | }, 1000); |
| | | setInterval(function () { |
| | | getSiteOutput(); |
| | | },500); |
| | | function starGetSite() { |
| | | if (stop) { |
| | | getSite(); |
| | | // return |
| | | return |
| | | } else { |
| | | getSite(); |
| | | } |
| | | } |
| | | |
| | | var ioModeData; |
| | | function getIoModeInfo() { |
| | | $.ajax({ |
| | | url: baseUrl+ "/site/io/mode/info/site", |
| | | headers: {'token': localStorage.getItem('token')}, |
| | | method: 'GET', |
| | | success: function (res) { |
| | | if (res.code === 200){ |
| | | ioModeData = res.data; |
| | | ioModeData.forEach(function (e) { |
| | | $("#io-mode-"+e.floor).html(e.modeDesc); |
| | | }) |
| | | } else if (res.code === 403){ |
| | | window.location.href = baseUrl+"/login"; |
| | | } else { |
| | | console.log(res.msg); |
| | | } |
| | | } |
| | | }); |
| | | } |
| | | |
| | | /** |
| | | * 强制切换入出库模式 |
| | | */ |
| | | function ioModeSwitch(el) { |
| | | var floor = el.split("-")[2]; |
| | | if (ioModeData != null && ioModeData.length > 1) { |
| | | ioModeData.forEach(function(e) { |
| | | if (e.floor === Number(floor)) { |
| | | if (e.modeVal === 3 || e.modeVal === 4) { |
| | | layer.confirm('确定切换为入库模式吗?',function () { |
| | | $.ajax({ |
| | | url: baseUrl+ "/site/io/mode/action/site", |
| | | headers: {'token': localStorage.getItem('token')}, |
| | | data: {floor: e.floor}, |
| | | method: 'POST', |
| | | success: function (res) { |
| | | if (res.code === 200){ |
| | | layer.msg("暂时不能切换!", {icon: 1}) |
| | | } else if (res.code === 403){ |
| | | window.location.href = baseUrl+"/login"; |
| | | } else { |
| | | console.log(res.msg); |
| | | } |
| | | } |
| | | }); |
| | | layer.closeAll(); |
| | | }) |
| | | } |
| | | } |
| | | }); |
| | | } |
| | | |
| | | } |
| | | |
| | | // plc异常信息表获取 |
| | | function getPlcError() { |
| | | var tableEl = $('#plc-error-table'); |
| | |
| | | method: 'POST', |
| | | success: function (res) { |
| | | if (res.code === 200){ |
| | | console.log(res) |
| | | var table = res.data; |
| | | if (table.length > siteTableBlankRows && table.length !== siteTableFullRows) { |
| | | initSiteTable(table.length-siteTableBlankRows); |