| | |
| | | <style> |
| | | .io-mode-box { |
| | | float: left; |
| | | width: 25%; |
| | | /*width: 25%;*/ |
| | | text-align: center; |
| | | } |
| | | .io-mode-box label { |
| | |
| | | } |
| | | .ioModeBtn { |
| | | vertical-align: middle; |
| | | width: 50%; |
| | | width: 25%; |
| | | height: 30px; |
| | | left: 0; |
| | | top: 0; |
| | |
| | | <!-- 设备任务操作 --> |
| | | <div class="io-mode-oper"> |
| | | <fieldset> |
| | | <legend>入出库模式(IO-Mode)</legend> |
| | | <legend>充电控制(Charge-Mode)</legend> |
| | | <div class="io-mode-box"> |
| | | <label>1F</label> |
| | | <label>1#</label> |
| | | <button id="io-mode-1" class="ioModeBtn" onclick="ioModeSwitch(this.id)"> - </button> |
| | | </div> |
| | | <div class="io-mode-box"> |
| | | <label>3F</label> |
| | | <button id="io-mode-2" class="ioModeBtn" onclick="ioModeSwitch(this.id)"> - </button> |
| | | </div> |
| | | <div class="io-mode-box"> |
| | | <label>4F</label> |
| | | <button id="io-mode-3" class="ioModeBtn" onclick="ioModeSwitch(this.id)"> - </button> |
| | | </div> |
| | | <div class="io-mode-box"> |
| | | <label>5F</label> |
| | | <button id="io-mode-4" class="ioModeBtn" onclick="ioModeSwitch(this.id)"> - </button> |
| | | </div> |
| | | </fieldset> |
| | | </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> |
| | |
| | | <th>有物</th> |
| | | <th>可入</th> |
| | | <th>可出</th> |
| | | <th>入库标记</th> |
| | | <th>出入库模式</th> |
| | | <th>空板信号</th> |
| | | <th>目标站</th> |
| | | <th>提升机到位信号</th> |
| | | <th>高低信号</th> |
| | | </tr> |
| | | </thead> |
| | | <!-- 表格内容 --> |
| | |
| | | var siteTableFullRows = 0; |
| | | var outputDom = document.getElementById("output"); |
| | | $(document).ready(function() { |
| | | getIoModeInfo(); |
| | | initPlcErrorTable(); |
| | | getPlcError(); |
| | | initSiteTable(); |
| | |
| | | setInterval(function () { |
| | | getPlcError(); |
| | | getSite(); |
| | | getIoModeInfo(); |
| | | }, 1000); |
| | | setInterval(function () { |
| | | getSiteOutput(); |
| | | },500); |
| | | |
| | | 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) { |
| | | layer.confirm('确定断开充电并复位吗?',function () { |
| | | $.ajax({ |
| | | url: baseUrl+ "/site/io/mode/action/site", |
| | | headers: {'token': localStorage.getItem('token')}, |
| | | data: { |
| | | floor: e.floor, |
| | | charge: !e.modeVal |
| | | }, |
| | | method: 'POST', |
| | | success: function (res) { |
| | | if (res.code === 200){ |
| | | layer.msg(res.msg, {icon: 1}) |
| | | } else if (res.code === 403){ |
| | | window.location.href = baseUrl+"/login"; |
| | | } else { |
| | | layer.msg(res.msg, {icon: 2}) |
| | | } |
| | | } |
| | | }); |
| | | layer.closeAll(); |
| | | }) |
| | | } |
| | | } |
| | | }); |
| | | } |
| | | |
| | | |
| | | } |
| | | |
| | | // plc异常信息表获取 |
| | | function getPlcError() { |
| | |
| | | setVal(tr.children("td").eq(3), table[i-1].loading); |
| | | setVal(tr.children("td").eq(4), table[i-1].inEnable); |
| | | setVal(tr.children("td").eq(5), table[i-1].outEnable); |
| | | setVal(tr.children("td").eq(6), table[i-1].pakMk); |
| | | setVal(tr.children("td").eq(6), table[i-1].outInModel); |
| | | setVal(tr.children("td").eq(7), table[i-1].emptyMk); |
| | | setVal(tr.children("td").eq(8), table[i-1].staNo); |
| | | setVal(tr.children("td").eq(9), table[i-1].liftArrival); |
| | | setVal(tr.children("td").eq(10), table[i-1].locType1); |
| | | } |
| | | } else if (res.code === 403){ |
| | | window.location.href = baseUrl+"/login"; |
| | |
| | | " <td></td>\n" + |
| | | " <td></td>\n" + |
| | | " <td></td>\n" + |
| | | " <td></td>\n" + |
| | | " <td></td>\n" + |
| | | " </tr>\n"; |
| | | } |
| | | $('#site-table tbody').after(html); |