From afc12f9bbd372b55a4539c1fc40b17dbd5949cb1 Mon Sep 17 00:00:00 2001 From: zhang <zc857179121@qq.com> Date: 星期二, 19 八月 2025 13:44:38 +0800 Subject: [PATCH] 1 --- src/main/webapp/views/pipeline.html | 134 +++++++++++++++++++++++++++++++++++++++----- 1 files changed, 117 insertions(+), 17 deletions(-) diff --git a/src/main/webapp/views/pipeline.html b/src/main/webapp/views/pipeline.html index 487bad6..5780974 100644 --- a/src/main/webapp/views/pipeline.html +++ b/src/main/webapp/views/pipeline.html @@ -7,13 +7,38 @@ <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> @@ -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> @@ -69,9 +99,12 @@ <th>鏈夌墿</th> <th>鍙叆</th> <th>鍙嚭</th> - <th>鍏ュ簱鏍囪</th> - <th>绌烘澘淇″彿</th> + <th>鍑哄叆搴撴ā寮�</th> + <th>瀹岀粨宸ヤ綔鍙�</th> <th>鐩爣绔�</th> + <th>鎵樼洏鐮�</th> +<!-- <th>鎻愬崌鏈哄埌浣嶄俊鍙�</th>--> +<!-- <th>楂樹綆淇″彿</th>--> </tr> </thead> <!-- 琛ㄦ牸鍐呭 --> @@ -84,7 +117,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 +146,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 +164,7 @@ var siteTableFullRows = 0; var outputDom = document.getElementById("output"); $(document).ready(function() { + getIoModeInfo(); initPlcErrorTable(); getPlcError(); initSiteTable(); @@ -140,10 +174,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() { @@ -193,9 +287,12 @@ 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].barcode); + // 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 +378,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 +425,7 @@ staNo: $('#staNo').val(), pakMk: $('#pakMk').val() }, function (res) { + layer.close(layerDetl); layer.msg("淇敼鎴愬姛",{icon: 1,}); }) }) @@ -338,4 +438,4 @@ }) </script> -</html> \ No newline at end of file +</html> -- Gitblit v1.9.1