|  |  |  | 
|---|
|  |  |  | <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); | 
|---|