From c350b737713fe518c22036dfc9a2574bcafcb15c Mon Sep 17 00:00:00 2001 From: vincent <1341870251@qq.com> Date: 星期二, 02 六月 2020 15:18:08 +0800 Subject: [PATCH] # --- src/main/webapp/views/pipeline.html | 511 ++++++++++++++++---------------------------------------- 1 files changed, 149 insertions(+), 362 deletions(-) diff --git a/src/main/webapp/views/pipeline.html b/src/main/webapp/views/pipeline.html index 8320cd8..384f97d 100644 --- a/src/main/webapp/views/pipeline.html +++ b/src/main/webapp/views/pipeline.html @@ -11,7 +11,6 @@ <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> </style> @@ -43,6 +42,7 @@ </tr> </thead> <tbody> + </tbody> </table> </div> @@ -68,344 +68,7 @@ </tr> </thead> <!-- 琛ㄦ牸鍐呭 --> - <tbody> - <tr> - <td>12</td> - <td>2223</td> - <td>Y</td> - <td>Y</td> - <td>Y</td> - <td>N</td> - <td>Y</td> - <td>N</td> - <td>1</td> - <td>1204</td> - </tr> - <tr> - <td>12</td> - <td>2223</td> - <td>Y</td> - <td>Y</td> - <td>Y</td> - <td>N</td> - <td>Y</td> - <td>N</td> - <td>1</td> - <td>1204</td> - </tr> - <tr> - <td>12</td> - <td>2223</td> - <td>Y</td> - <td>Y</td> - <td>Y</td> - <td>N</td> - <td>Y</td> - <td>N</td> - <td>1</td> - <td>1204</td> - </tr> - <tr> - <td>12</td> - <td>2223</td> - <td>Y</td> - <td>Y</td> - <td>Y</td> - <td>N</td> - <td>Y</td> - <td>N</td> - <td>1</td> - <td>1204</td> - </tr> - <tr> - <td>12</td> - <td>2223</td> - <td>Y</td> - <td>Y</td> - <td>Y</td> - <td>N</td> - <td>Y</td> - <td>N</td> - <td>1</td> - <td>1204</td> - </tr> - <tr> - <td>12</td> - <td>2223</td> - <td>Y</td> - <td>Y</td> - <td>Y</td> - <td>N</td> - <td>Y</td> - <td>N</td> - <td>1</td> - <td>1204</td> - </tr> - <tr> - <td>12</td> - <td>2223</td> - <td>Y</td> - <td>Y</td> - <td>Y</td> - <td>N</td> - <td>Y</td> - <td>N</td> - <td>1</td> - <td>1204</td> - </tr> - <tr> - <td>12</td> - <td>2223</td> - <td>Y</td> - <td>Y</td> - <td>Y</td> - <td>N</td> - <td>Y</td> - <td>N</td> - <td>1</td> - <td>1204</td> - </tr> - <tr> - <td>12</td> - <td>2223</td> - <td>Y</td> - <td>Y</td> - <td>Y</td> - <td>N</td> - <td>Y</td> - <td>N</td> - <td>1</td> - <td>1204</td> - </tr> - <tr> - <td>12</td> - <td>2223</td> - <td>Y</td> - <td>Y</td> - <td>Y</td> - <td>N</td> - <td>Y</td> - <td>N</td> - <td>1</td> - <td>1204</td> - </tr> - <tr> - <td>12</td> - <td>2223</td> - <td>Y</td> - <td>Y</td> - <td>Y</td> - <td>N</td> - <td>Y</td> - <td>N</td> - <td>1</td> - <td>1204</td> - </tr> - <tr> - <td>12</td> - <td>2223</td> - <td>Y</td> - <td>Y</td> - <td>Y</td> - <td>N</td> - <td>Y</td> - <td>N</td> - <td>1</td> - <td>1204</td> - </tr> - <tr> - <td>12</td> - <td>2223</td> - <td>Y</td> - <td>Y</td> - <td>Y</td> - <td>N</td> - <td>Y</td> - <td>N</td> - <td>1</td> - <td>1204</td> - </tr> - <tr> - <td>12</td> - <td>2223</td> - <td>Y</td> - <td>Y</td> - <td>Y</td> - <td>N</td> - <td>Y</td> - <td>N</td> - <td>1</td> - <td>1204</td> - </tr> - <tr> - <td>12</td> - <td>2223</td> - <td>Y</td> - <td>Y</td> - <td>Y</td> - <td>N</td> - <td>Y</td> - <td>N</td> - <td>1</td> - <td>1204</td> - </tr> - <tr> - <td>12</td> - <td>2223</td> - <td>Y</td> - <td>Y</td> - <td>Y</td> - <td>N</td> - <td>Y</td> - <td>N</td> - <td>1</td> - <td>1204</td> - </tr> - <tr> - <td>12</td> - <td>2223</td> - <td>Y</td> - <td>Y</td> - <td>Y</td> - <td>N</td> - <td>Y</td> - <td>N</td> - <td>1</td> - <td>1204</td> - </tr> - <tr> - <td>12</td> - <td>2223</td> - <td>Y</td> - <td>Y</td> - <td>Y</td> - <td>N</td> - <td>Y</td> - <td>N</td> - <td>1</td> - <td>1204</td> - </tr> - <tr> - <td>12</td> - <td>2223</td> - <td>Y</td> - <td>Y</td> - <td>Y</td> - <td>N</td> - <td>Y</td> - <td>N</td> - <td>1</td> - <td>1204</td> - </tr> - <tr> - <td>12</td> - <td>2223</td> - <td>Y</td> - <td>Y</td> - <td>Y</td> - <td>N</td> - <td>Y</td> - <td>N</td> - <td>1</td> - <td>1204</td> - </tr> - <tr> - <td>12</td> - <td>2223</td> - <td>Y</td> - <td>Y</td> - <td>Y</td> - <td>N</td> - <td>Y</td> - <td>N</td> - <td>1</td> - <td>1204</td> - </tr> - <tr> - <td>12</td> - <td>2223</td> - <td>Y</td> - <td>Y</td> - <td>Y</td> - <td>N</td> - <td>Y</td> - <td>N</td> - <td>1</td> - <td>1204</td> - </tr> - <tr> - <td>12</td> - <td>2223</td> - <td>Y</td> - <td>Y</td> - <td>Y</td> - <td>N</td> - <td>Y</td> - <td>N</td> - <td>1</td> - <td>1204</td> - </tr> - <tr> - <td>12</td> - <td>2223</td> - <td>Y</td> - <td>Y</td> - <td>Y</td> - <td>N</td> - <td>Y</td> - <td>N</td> - <td>1</td> - <td>1204</td> - </tr> - <tr> - <td>12</td> - <td>2223</td> - <td>Y</td> - <td>Y</td> - <td>Y</td> - <td>N</td> - <td>Y</td> - <td>N</td> - <td>1</td> - <td>1204</td> - </tr> - <tr> - <td>12</td> - <td>2223</td> - <td>Y</td> - <td>Y</td> - <td>Y</td> - <td>N</td> - <td>Y</td> - <td>N</td> - <td>1</td> - <td>1204</td> - </tr> - <tr> - <td>12</td> - <td>2223</td> - <td>Y</td> - <td>Y</td> - <td>Y</td> - <td>N</td> - <td>Y</td> - <td>N</td> - <td>1</td> - <td>1204</td> - </tr> - <tr> - <td>12</td> - <td>2223</td> - <td>Y</td> - <td>Y</td> - <td>Y</td> - <td>N</td> - <td>Y</td> - <td>N</td> - <td>1</td> - <td>1204</td> - </tr> - </tbody> + <tbody></tbody> </table> </div> </main> @@ -414,36 +77,47 @@ </footer> </body> <script> + // 鍒濆鍖� + // 绌虹櫧琛屾暟 + var plcErrorTableBlankRows = 0; + var siteTableBlankRows = 0; + // 瀹為檯琛屾暟 + var plcErrorTableFullRows = 0; + var siteTableFullRows = 0; var outputDom = document.getElementById("output"); - - // 绌虹櫧琛ㄦ牸娓叉煋 $(document).ready(function() { - var one = $('#plc-error-table thead').height(); - var total = $('.plc-log-body').height(); - var count = total / one; - count = parseInt(count); - var html = ""; - for (var i = 0; i < count-1; i ++){ - html += " <tr>\n" + - " <td></td>\n" + - " <td></td>\n" + - " <td></td>\n" + - " </tr>\n"; - } - $('#plc-error-table tbody').after(html); + initPlcErrorTable(); + getPlcError(); + initSiteTable(); + getSite(); }); + // 瀹炴椂璁块棶 + setInterval(function () { + getPlcError(); + getSite(); + }, 1000); + setInterval(function () { + getSiteOutput(); + },500); - getPlcError(); + // plc寮傚父淇℃伅琛ㄨ幏鍙� function getPlcError() { + var tableEl = $('#plc-error-table'); + tableEl.children("tr").children("td").html(""); $.ajax({ url: baseUrl+ "/site/table/plc/errors", headers: {'token': localStorage.getItem('token')}, method: 'POST', success: function (res) { if (res.code === 200){ - console.log(res.data); - addPlcError(res.data); + var table = res.data; + for (var i=1;i<=table.length;i++){ + var tr = tableEl.find("tr").eq(i); + tr.children("td").eq(0).html(table[i-1].no); + tr.children("td").eq(1).html(table[i-1].plcDesc); + tr.children("td").eq(2).html(table[i-1].error); + } } else if (res.code === 403){ top.location.href = baseUrl+"/login"; } else { @@ -453,9 +127,69 @@ }); } - // plc寮傚父杈撳叆 - function addPlcError(val) { + // 绔欑偣淇℃伅琛ㄨ幏鍙� + function getSite() { + var tableEl = $('#site-table'); + $.ajax({ + url: baseUrl+ "/site/table/site", + headers: {'token': localStorage.getItem('token')}, + method: 'POST', + success: function (res) { + if (res.code === 200){ + var table = res.data; + if (table.length > siteTableBlankRows && table.length !== siteTableFullRows) { + initSiteTable(table.length-siteTableBlankRows); + siteTableFullRows = table.length; + } + for (var i=1;i<=table.length;i++){ + var tr = tableEl.find("tr").eq(i); + setVal(tr.children("td").eq(0), table[i-1].devNo); + setVal(tr.children("td").eq(1), table[i-1].workNo); + setVal(tr.children("td").eq(2), table[i-1].autoing); + setVal(tr.children("td").eq(3), table[i-1].loading); + setVal(tr.children("td").eq(4), table[i-1].canining); + setVal(tr.children("td").eq(5), table[i-1].canouting); + setVal(tr.children("td").eq(6), table[i-1].inreqIn); + setVal(tr.children("td").eq(7), table[i-1].inreqOut); + setVal(tr.children("td").eq(8), table[i-1].highLow); + setVal(tr.children("td").eq(9), table[i-1].staNo); + // tr.children("td").eq(0).html(table[i-1].devNo); + // tr.children("td").eq(1).html(table[i-1].workNo); + // tr.children("td").eq(2).html(table[i-1].autoing); + // tr.children("td").eq(3).html(table[i-1].loading); + // tr.children("td").eq(4).html(table[i-1].canining); + // tr.children("td").eq(5).html(table[i-1].canouting); + // tr.children("td").eq(6).html(table[i-1].inreqIn); + // tr.children("td").eq(7).html(table[i-1].inreqOut); + // tr.children("td").eq(8).html(table[i-1].highLow); + // tr.children("td").eq(9).html(table[i-1].staNo); + } + } else if (res.code === 403){ + top.location.href = baseUrl+"/login"; + } else { + alert(res.msg); + } + } + }); + } + + // 杈撻�佽澶囨棩蹇楄緭鍑� + function getSiteOutput() { + $.ajax({ + url: baseUrl + "/site/output/site", + headers: {'token': localStorage.getItem('token')}, + method: 'POST', + success: function (res) { + if (res.code === 200) { + output(res.data); + } else if (res.code === 403) { + top.location.href = baseUrl + "/login"; + } else { + alert(res.msg); + } + } + }) } // 鏃ュ織杈撳嚭妗� @@ -463,10 +197,63 @@ outputDom.value += content; outputDom.scrollTop = outputDom.scrollHeight; } - setInterval(function () { - output("\n" +new Date().toLocaleString() + "銆�2020-5-29 13:14:22銆戞壂鎻弍lcA 鐩爣绔�--27328372372832763643234323432342"); - },500); + // ------------------------------------------------------------------------------------------------ + + // plc寮傚父绌虹櫧琛ㄦ牸娓叉煋 + function initPlcErrorTable(row) { + var line; + if (row === undefined){ + var one = $('#plc-error-table thead').height(); + var total = $('.plc-log-body').height(); + var count = total / one; + count = parseInt(count) - 1; + plcErrorTableBlankRows = count; + line = count; + } else { + line = row; + } + var html = ""; + for (var i = 0; i < line; i ++){ + html += " <tr>\n" + + " <td></td>\n" + + " <td></td>\n" + + " <td></td>\n" + + " </tr>\n"; + } + $('#plc-error-table tbody').after(html); + } + + // 绔欑偣绌虹櫧琛ㄦ牸娓叉煋 + function initSiteTable(row) { + var line; + if (row === undefined){ + var one = $('#site-table thead').height(); + var total = $('#site-monitor').height(); + var count = total / one; + count = parseInt(count) - 1; + siteTableBlankRows = count; + line = count; + } else { + line = row; + } + var html = ""; + for (var i = 0; i < line; i ++){ + html += " <tr>\n" + + " <td></td>\n" + + " <td></td>\n" + + " <td></td>\n" + + " <td></td>\n" + + " <td></td>\n" + + " <td></td>\n" + + " <td></td>\n" + + " <td></td>\n" + + " <td></td>\n" + + " <td></td>\n" + + " </tr>\n"; + } + $('#site-table tbody').after(html); + } </script> </html> \ No newline at end of file -- Gitblit v1.9.1