From 03e68b2be24ea024eae645c47da1d4cb1773302a Mon Sep 17 00:00:00 2001 From: Junjie <fallin.jie@qq.com> Date: 星期五, 13 十月 2023 19:47:13 +0800 Subject: [PATCH] # --- src/main/webapp/views/pipeline.html | 122 ++++++++++++++++++++++++++++++++++++---- 1 files changed, 110 insertions(+), 12 deletions(-) diff --git a/src/main/webapp/views/pipeline.html b/src/main/webapp/views/pipeline.html index 487bad6..c549366 100644 --- a/src/main/webapp/views/pipeline.html +++ b/src/main/webapp/views/pipeline.html @@ -13,7 +13,32 @@ <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> @@ -29,18 +54,23 @@ <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>鍏呯數鎺у埗锛圕harge-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> @@ -72,6 +102,8 @@ <th>鍏ュ簱鏍囪</th> <th>绌烘澘淇″彿</th> <th>鐩爣绔�</th> + <th>鎻愬崌鏈哄埌浣嶄俊鍙�</th> + <th>楂樹綆淇″彿</th> </tr> </thead> <!-- 琛ㄦ牸鍐呭 --> @@ -84,7 +116,7 @@ </footer> <div id="site-detl" style="display: none"> - <form> + <div> <div class="form-item"> <label class="form-label">绔欏彿:</label> <div class="form-input"> @@ -113,7 +145,7 @@ <button class="form-button" id="save">淇濆瓨</button> <button class="form-button" id="cancel" style="background-color: #D0D0D0">鍙栨秷</button> </div> - </form> + </div> </div> </div> @@ -131,6 +163,7 @@ var siteTableFullRows = 0; var outputDom = document.getElementById("output"); $(document).ready(function() { + getIoModeInfo(); initPlcErrorTable(); getPlcError(); initSiteTable(); @@ -140,10 +173,70 @@ 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() { @@ -196,6 +289,8 @@ 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(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"; @@ -281,6 +376,8 @@ " <td></td>\n" + " <td></td>\n" + " <td></td>\n" + + " <td></td>\n" + + " <td></td>\n" + " </tr>\n"; } $('#site-table tbody').after(html); @@ -326,6 +423,7 @@ staNo: $('#staNo').val(), pakMk: $('#pakMk').val() }, function (res) { + layer.close(layerDetl); layer.msg("淇敼鎴愬姛",{icon: 1,}); }) }) @@ -338,4 +436,4 @@ }) </script> -</html> \ No newline at end of file +</html> -- Gitblit v1.9.1