|  |  | 
 |  |  |     <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/common_wcs.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> | 
 |  |  |  | 
 |  |  |         .io-mode-box { | 
 |  |  |             float: left; | 
 |  |  |             /*width: 25%;*/ | 
 |  |  |             text-align: center; | 
 |  |  |         } | 
 |  |  |         .io-mode-box label { | 
 |  |  |             font-weight: bolder; | 
 |  |  |         } | 
 |  |  |         .ioModeBtn { | 
 |  |  |             vertical-align: middle; | 
 |  |  |             width: 25%; | 
 |  |  |             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 style="height: 40%">--> | 
 |  |  |                     <!--                <span>东侧PLC执行指令</span>--> | 
 |  |  |                     <!--            </div>--> | 
 |  |  |                     <!--            <div style="height: 40%">--> | 
 |  |  |                     <!--                <span>西侧PLC执行指令</span>--> | 
 |  |  |                     <!--            </div>--> | 
 |  |  |                     <div> | 
 |  |  |                         <span style="color: #1E9FFF">PLC异常信息表:</span> | 
 |  |  |  | 
 |  |  |                     <!-- 设备任务操作 --> | 
 |  |  |                     <div class="io-mode-oper"> | 
 |  |  |                         <fieldset> | 
 |  |  |                             <legend>充电控制(Charge-Mode)</legend> | 
 |  |  |                             <div class="io-mode-box"> | 
 |  |  |                                 <label>1#</label> | 
 |  |  |                                 <button id="io-mode-1" class="ioModeBtn" onclick="ioModeSwitch(this.id)"> - </button> | 
 |  |  |                             </div> | 
 |  |  |                         </fieldset> | 
 |  |  |                     </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> | 
 |  |  |                         <th>高低信号</th> | 
 |  |  |                     </tr> | 
 |  |  |                     </thead> | 
 |  |  |                     <!-- 表格内容 --> | 
 |  |  | 
 |  |  |         </footer> | 
 |  |  |  | 
 |  |  |         <div id="site-detl" style="display: none"> | 
 |  |  |             <form> | 
 |  |  |             <div> | 
 |  |  |                 <div class="form-item"> | 
 |  |  |                     <label class="form-label">站号:</label> | 
 |  |  |                     <div class="form-input"> | 
 |  |  | 
 |  |  |                     <button class="form-button" id="save">保存</button> | 
 |  |  |                     <button class="form-button" id="cancel" style="background-color: #D0D0D0">取消</button> | 
 |  |  |                 </div> | 
 |  |  |             </form> | 
 |  |  |             </div> | 
 |  |  |         </div> | 
 |  |  |     </div> | 
 |  |  |  | 
 |  |  | 
 |  |  |     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(7), table[i-1].emptyMk); | 
 |  |  |                         setVal(tr.children("td").eq(6), table[i-1].outInModel); | 
 |  |  |                         setVal(tr.children("td").eq(7), table[i-1].finishWorkNo); | 
 |  |  |                         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); | 
 |  |  | 
 |  |  |             staNo:  $('#staNo').val(), | 
 |  |  |             pakMk: $('#pakMk').val() | 
 |  |  |         }, function (res) { | 
 |  |  |             layer.close(layerDetl); | 
 |  |  |             layer.msg("修改成功",{icon: 1,}); | 
 |  |  |         }) | 
 |  |  |     }) | 
 |  |  | 
 |  |  |     }) | 
 |  |  |  | 
 |  |  | </script> | 
 |  |  | </html> | 
 |  |  | </html> |