|  |  | 
 |  |  |     <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> | 
 |  |  | 
 |  |  |             <!-- plc异常日志监控版 --> | 
 |  |  |             <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 class="plc-log-header">--> | 
 |  |  | <!--                    <!– 设备任务操作 –>--> | 
 |  |  | <!--                    <div class="io-mode-oper">--> | 
 |  |  | <!--                        <fieldset>--> | 
 |  |  | <!--                            <legend>入出库模式(IO-Mode)</legend>--> | 
 |  |  | <!--                            <div class="io-mode-box">--> | 
 |  |  | <!--                                <label>F2</label>--> | 
 |  |  | <!--                                <button id="io-mode-2" class="ioModeBtn" onclick="ioModeSwitch(this.id)"> - </button>--> | 
 |  |  | <!--                            </div>--> | 
 |  |  | <!--                            <div class="io-mode-box">--> | 
 |  |  | <!--                                <label>F4</label>--> | 
 |  |  | <!--                                <button id="io-mode-4" 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>--> | 
 |  |  |                 <!-- 主体 --> | 
 |  |  |                 <div class="plc-log-body"> | 
 |  |  |                     <div> | 
 |  |  |                         <span style="color: #1E9FFF">PLC异常信息表:</span> | 
 |  |  |                     </div> | 
 |  |  |                 </div> | 
 |  |  |                 <!-- 主体 --> | 
 |  |  |                 <div class="plc-log-body"> | 
 |  |  |                     <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); |