From ab09a3065390a817dba0efed6cf320eb94637d4b Mon Sep 17 00:00:00 2001 From: lsh <lsh> Date: 星期四, 16 五月 2024 20:04:43 +0800 Subject: [PATCH] # --- src/main/webapp/views/console23.html | 799 ++++++++++++++++++++++++++++++++++ src/main/webapp/static/js/console.map23.js | 191 ++++++++ src/main/webapp/views/index.html | 1 src/main/webapp/static/js/console.map21.js | 336 +++++++++++++- 4 files changed, 1,303 insertions(+), 24 deletions(-) diff --git a/src/main/webapp/static/js/console.map21.js b/src/main/webapp/static/js/console.map21.js index 0dc22b0..6cf0b0f 100644 --- a/src/main/webapp/static/js/console.map21.js +++ b/src/main/webapp/static/js/console.map21.js @@ -83,56 +83,56 @@ "type": "rack", "id": "rack9", "top": 432,//-22 ==>10 - "left": 550, - "width": 917, + "left": 350, + "width": 1117, "height": 22, "minBayNo": 2, - "maxBayNo": 42 + "maxBayNo": 62 }, { "type": "rack", "id": "rack10", "top": 384,//+25 ==>409 +11 ==>420 - "left": 550, - "width": 917, + "left": 350, + "width": 1117, "height": 22, "minBayNo": 2, - "maxBayNo": 42 + "maxBayNo": 62 },{ "type": "rack", "id": "rack11", "top": 362, - "left": 550, - "width": 917, + "left": 350, + "width": 1117, "height": 22, "minBayNo": 2, - "maxBayNo": 42 + "maxBayNo": 62 }, { "type": "rack", "id": "rack12", "top": 314,//+25 ==>339 - "left": 550, - "width": 917, + "left": 350, + "width": 1117, "height": 22, "minBayNo": 2, - "maxBayNo": 42 + "maxBayNo": 62 }, { "type": "rack", "id": "rack13", "top": 292, - "left": 550, - "width": 917, + "left": 350, + "width": 1117, "height": 22, "minBayNo": 2, - "maxBayNo": 42 + "maxBayNo": 62 }, { "type": "rack", "id": "rack14", "top": 244,//+25 ==> 269 - "left": 550, - "width": 917, + "left": 350, + "width": 1117, "height": 22, "minBayNo": 2, - "maxBayNo": 42 + "maxBayNo": 62 }], "rackDescs": [{ "type": "rackDescs", @@ -196,8 +196,8 @@ "id": "lb_track3", "text": "", "top": 420, - "left": 473, - "width": 1042, + "left": 293, + "width": 1242, "height": 2 },{ "type": "crane", @@ -212,8 +212,8 @@ "id": "lb_track4", "text": "", "top": 350, - "left": 473, - "width": 1042, + "left": 293, + "width": 1242, "height": 2 },{ "type": "crane", @@ -228,8 +228,8 @@ "id": "lb_track5", "text": "", "top": 280, - "left": 473, - "width": 1042, + "left": 293, + "width": 1242, "height": 2 }], "areas": [{ @@ -249,6 +249,150 @@ "width": 1374, "height": 672, "stns": [{ + "type": "stn", + "id": "site-495", + "text": "495", + "top": 200, + "left": 130, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site-651", + "text": "651", + "top": 250, + "left": 130, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site-650", + "text": "650", + "top": 300, + "left": 130, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site-649", + "text": "649", + "top": 350, + "left": 130, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site-648", + "text": "648", + "top": 400, + "left": 130, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site-647", + "text": "647", + "top": 450, + "left": 130, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site-646", + "text": "646", + "top": 500, + "left": 130, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site-645", + "text": "645", + "top": 550, + "left": 130, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site-644", + "text": "644", + "top": 600, + "left": 130, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site-494", + "text": "494", + "top": 200, + "left": 230, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site-600", + "text": "600", + "top": 250, + "left": 230, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site-601", + "text": "601", + "top": 300, + "left": 230, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site-602", + "text": "602", + "top": 350, + "left": 230, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site-603", + "text": "603", + "top": 400, + "left": 230, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site-604", + "text": "604", + "top": 450, + "left": 230, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site-605", + "text": "605", + "top": 500, + "left": 230, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site- 606", + "text": "606", + "top": 550, + "left": 230, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site-607", + "text": "607", + "top": 600, + "left": 230, + "width": 49, + "height": 49 + }, { "type": "stn", "id": "site-100", "text": "100", @@ -1265,6 +1409,150 @@ "left": 1640, "width": 49, "height": 20 + }, { + "type": "stn", + "id": "site-495", + "text": "495", + "top": 200, + "left": 130, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site-651", + "text": "651", + "top": 250, + "left": 130, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site-650", + "text": "650", + "top": 300, + "left": 130, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site-649", + "text": "649", + "top": 350, + "left": 130, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site-648", + "text": "648", + "top": 400, + "left": 130, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site-647", + "text": "647", + "top": 450, + "left": 130, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site-646", + "text": "646", + "top": 500, + "left": 130, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site-645", + "text": "645", + "top": 550, + "left": 130, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site-644", + "text": "644", + "top": 600, + "left": 130, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site-494", + "text": "494", + "top": 200, + "left": 230, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site-600", + "text": "600", + "top": 250, + "left": 230, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site-601", + "text": "601", + "top": 300, + "left": 230, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site-602", + "text": "602", + "top": 350, + "left": 230, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site-603", + "text": "603", + "top": 400, + "left": 230, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site-604", + "text": "604", + "top": 450, + "left": 230, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site-605", + "text": "605", + "top": 500, + "left": 230, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site- 606", + "text": "606", + "top": 550, + "left": 230, + "width": 49, + "height": 49 + },{ + "type": "stn", + "id": "site-607", + "text": "607", + "top": 600, + "left": 230, + "width": 49, + "height": 49 }] }] }] diff --git a/src/main/webapp/static/js/console.map23.js b/src/main/webapp/static/js/console.map23.js new file mode 100644 index 0000000..75b66bc --- /dev/null +++ b/src/main/webapp/static/js/console.map23.js @@ -0,0 +1,191 @@ +mapInfo = { + "mapName": "STWCS", + "rackCount": 16, + "crnCount": 4, + "stbCount": 16, + "hpPosition": -1, + "minBayNo": 2, + "floors": 1, + "racks": [], + "rackDescs": [], + "crns": [], + "areas": [{ + "type": "Control_floor", + "id": "tabControl_floor1", + "text": "妤煎眰", + "top": 68, + "left": 80, + "width": 1400, + "height": 680, + "floors": [{ + "type": "floor", + "id": "page_floor2", + "text": "2", + "top": 4, + "left": 22, + "width": 1374, + "height": 672, + "stns": [{ + "type": "stn", + "id": "site-643", + "text": "643", + "top": 200, + "left": 230, + "width": 49, + "height": 199 + }, { + "type": "stn", + "id": "site-608", + "text": "608", + "top": 200, + "left": 330, + "width": 49, + "height": 49 + }, { + "type": "stn", + "id": "site-609", + "text": "609", + "top": 250, + "left": 330, + "width": 49, + "height": 49 + }, { + "type": "stn", + "id": "site-610", + "text": "610", + "top": 260, + "left": 380, + "width": 49, + "height": 29 + }, { + "type": "stn", + "id": "site-611", + "text": "611", + "top": 260, + "left": 430, + "width": 49, + "height": 29 + }, { + "type": "stn", + "id": "site-612", + "text": "612", + "top": 290, + "left": 430, + "width": 49, + "height": 49 + }, { + "type": "stn", + "id": "site-613", + "text": "613", + "top": 260, + "left": 480, + "width": 49, + "height": 29 + }, { + "type": "stn", + "id": "site-614", + "text": "614", + "top": 260, + "left": 530, + "width": 49, + "height": 29 + }, { + "type": "stn", + "id": "site-615", + "text": "615", + "top": 290, + "left": 530, + "width": 49, + "height": 49 + }, { + "type": "stn", + "id": "site-616", + "text": "616", + "top": 260, + "left": 580, + "width": 49, + "height": 29 + }, { + "type": "stn", + "id": "site-617", + "text": "617", + "top": 260, + "left": 630, + "width": 49, + "height": 29 + }, { + "type": "stn", + "id": "site-618", + "text": "618", + "top": 260, + "left": 680, + "width": 49, + "height": 29 + }, { + "type": "stn", + "id": "site-619", + "text": "619", + "top": 290, + "left": 680, + "width": 49, + "height": 49 + }, { + "type": "stn", + "id": "site-620", + "text": "620", + "top": 260, + "left": 730, + "width": 49, + "height": 29 + }, { + "type": "stn", + "id": "site-621", + "text": "621", + "top": 260, + "left": 780, + "width": 49, + "height": 29 + }, { + "type": "stn", + "id": "site-622", + "text": "622", + "top": 290, + "left": 780, + "width": 49, + "height": 49 + }, { + "type": "stn", + "id": "site-623", + "text": "623", + "top": 340, + "left": 480, + "width": 49, + "height": 49 + }, { + "type": "track", + "id": "lb_trCart1", + "text": "", + "top": 362, + "left": 430, + "width": 150, + "height": 6 + }, { + "type": "stn", + "id": "site-624", + "text": "624", + "top": 340, + "left": 730, + "width": 49, + "height": 49 + }, { + "type": "track", + "id": "lb_trCart2", + "text": "", + "top": 362, + "left": 680, + "width": 150, + "height": 6 + }] + }] + }] +} \ No newline at end of file diff --git a/src/main/webapp/views/console23.html b/src/main/webapp/views/console23.html new file mode 100644 index 0000000..7eba1ac --- /dev/null +++ b/src/main/webapp/views/console23.html @@ -0,0 +1,799 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <title>鑷姩浠撳簱wcs绯荤粺</title> + <link rel="stylesheet" href="../static/css/render.css"> + <script src="../static/js/jquery/jquery-3.3.1.min.js"></script> + <script src="../static/js/layer/layer.js"></script> + <!--鍦板浘json--> + <script src="../static/js/console.map23.js"></script> + <script src="../static/js/console.js"></script> + <script src="../static/js/common.js"></script> + + +</head> +<body> + <div id="main"> + <div class="head"> + <div class="head-left"> + <h1>鑷姩浠撳簱WCS鐩戞帶鍥�</h1> + <h6>AUTOMATIC WAREHOUSE WCS MONITORING DIAGRAM</h6> + </div> + <div class="head-right"> +<!-- <img src="../static/images/zy-logo.png" alt="寰愬伐姹変簯" height="44" width="80">--> + </div> + </div> + <!-- 璐ф灦 + 鍫嗗灈鏈� + 鍏ュ簱绔欑偣 --> + <div class="main-part" style="width: 1920px;height:1080px;overflow: scroll"> + + </div> + <div id="body"> + <!-- 鎬诲紑鍏� --> + <div class="system-state"> + <div class="body-head">鎬诲紑鍏�</div> + <div class="switch"> + <div id="system-icon" class="system-icon-open" onclick="systemSwitch()"></div> + <div class="switch_r"> + <p>绯荤粺鐘舵��</p> + <p id="system-run-desc">绯荤粺杩愯涓�</p> + </div> + </div> + </div> + <!-- 鍫嗗灈鏈虹姸鎬� --> + <div class="machine-status"> + <div class="body-head">鍫嗗灈鏈虹姸鎬�</div> + <div class="state"> + <span>鍫嗗灈鏈� 1</span> + <span class="state-ss machine-put-flag ">鍏ュ簱</span> + </div> + <div class="state"> + <span>鍫嗗灈鏈� 2</span> + <span class="state-ss machine-auto-flag ">鑷姩</span> + + </div> + <div class="button"><span>鎵�鏈夌姸鎬�</span></div> + <div class="button item-group"> + <span class="machine-put-flag">鍏ュ簱</span> + <span class="machine-take-flag">鍑哄簱</span> + <span class="machine-stock-move-flag">搴撳埌搴�</span> + <span class="machine-site-move-flag">绔欏埌绔�</span> + <span class="machine-p-move-flag">PToP</span> + <span class="machine-error-flag">寮傚父</span> + <span class="machine-auto-flag">鑷姩</span> + <span class="machine-unauto-flag">闈炶嚜鍔�/鎵嬪姩</span> + </div> + </div> + <div class="line-status"> + <div class="body-head">杈撻�佺嚎鐘舵��</div> + <div class="state states"> + <span>杩愯緭绾挎�绘暟</span> + <span id="line-total" class="line-ss"></span> + </div> + <div class="button"><span>鎵�鏈夌姸鎬�</span></div> + <div class="button item-group"> + <span class="site-auto-run-id">鑷姩+鏈夌墿+ID</span> + <span class="site-auto-run">鑷姩+鏈夌墿</span> + <span class="site-auto-id">鑷姩+ID</span> + <span class="site-auto">鑷姩</span> + <span class="site-unauto">闈炶嚜鍔�/鎵嬪姩</span> + </div> + </div> + <div class="bar-code"> + <div class="body-head" id="code">鏉$爜鎵弿鍣�</div> + <div class="tablebox"> + <div class="table-head"> + <li><span>鏉$爜鍚嶇О</span><span class="right">鎵爜鏃堕棿</span></li> + </div> + <div id="barcode1" class="table-body"> + + </div> + </div> + <div class="tablebox"> + <div class="table-head"> + <li><span>鏉$爜鍚嶇О</span><span class="right">鎵爜鏃堕棿</span></li> + </div> + <div id="barcode2" class="table-body"> + + </div> + </div> + <div class="tablebox"> + <div class="table-head"> + <li><span>鏉$爜鍚嶇О</span><span class="right">鎵爜鏃堕棿</span></li> + </div> + <div id="barcode3" class="table-body"> + + </div> + </div> + </div> + </div> + <!-- 鍫嗗灈鏈哄脊绐� --> + <div id="crnWindow" style="display: none;" class="animate__animated animate__fadeIn"> + <div id="crnWindow-head"> + <div class='detailed'></div> + <button></button> + </div> + <form> + <!-- 鍫嗗灈鏈哄彿 --> + <div class="form-item"> + <div class="form-item-label" style> + <span>鍫嗗灈鏈哄彿锛�</span> + </div> + <div class="form-item-input"> + <input type="text" name="crnNo" value=""> + </div> + </div> + <!-- 宸ヤ綔鍙� --> + <div class="form-item"> + <div class="form-item-label"> + <span>宸ヤ綔鍙凤細</span> + </div> + <div class="form-item-input"> + <input type="text" name="workNo" value=""> + </div> + </div> + <!-- 绔欐簮 --> + <div class="form-item"> + <div class="form-item-label"> + <span>绔欐簮锛�</span> + </div> + <div class="form-item-input"> + <input type="text" name="sourceStaNo" value=""> + </div> + </div> + <!-- 鐩爣绔� --> + <div class="form-item"> + <div class="form-item-label"> + <span>鐩爣绔欙細</span> + </div> + <div class="form-item-input"> + <input type="text" name="staNo" value=""> + </div> + </div> + <!-- 宸ヤ綔鐘舵�� --> + <div class="form-item"> + <div class="form-item-label"> + <span>宸ヤ綔鐘舵�侊細</span> + </div> + <div class="form-item-input"> + <input type="text" name="wrkSts" value=""> + </div> + </div> + <!-- 鍑哄叆绫诲瀷 --> + <div class="form-item"> + <div class="form-item-label"> + <span>鍑哄叆绫诲瀷锛�</span> + </div> + <div class="form-item-input"> + <input type="text" name="ioType" value=""> + </div> + </div> + <!-- 婧愬簱浣� --> + <div class="form-item"> + <div class="form-item-label"> + <span>婧愬簱浣嶏細</span> + </div> + <div class="form-item-input"> + <input type="text" name="sourceLocNo" value=""> + </div> + </div> + <!-- 鐩爣搴撲綅 --> + <div class="form-item"> + <div class="form-item-label"> + <span>鐩爣搴撲綅锛�</span> + </div> + <div class="form-item-input"> + <input type="text" name="locNo" value=""> + </div> + </div> + <!-- 鍫嗗灈鏈虹姸鎬� --> + <div class="form-item"> + <div class="form-item-label"> + <span>鍫嗗灈鏈虹姸鎬侊細</span> + </div> + <div class="form-item-input"> + <input type="text" name="crnStatus" value=""> + </div> + </div> + <!-- 寮傚父 --> + <div class="form-item"> + <div class="form-item-label"> + <span>寮傚父锛�</span> + </div> + <div class="form-item-input"> + <input type="text" name="error" value=""> + </div> + </div> + </form> + </div> + <!-- 杈撻�佽澶囧脊绐� --> + <div id="siteWindow" style="display: none;" class="animate__animated animate__fadeIn"> + <!-- 琛ㄥご --> + <div id="siteWindow-head"> + <div class='detailed'></div> + <button></button> + </div> + <form> + <!-- 璁惧鍙� --> + <div class="form-item"> + <div class="form-item-label"> + <span>璁惧鍙凤細</span> + </div> + <div class="form-item-input"> + <input type="text" name="siteId" value=""> + </div> + </div> + <!-- 宸ヤ綔鍙� --> + <div class="form-item"> + <div class="form-item-label"> + <span>宸ヤ綔鍙凤細</span> + </div> + <div class="form-item-input"> + <input type="text" name="workNo" value=""> + </div> + </div> + <!-- 宸ヤ綔鐘舵�� --> + <div class="form-item"> + <div class="form-item-label"> + <span>宸ヤ綔鐘舵�侊細</span> + </div> + <div class="form-item-input"> + <input type="text" name="wrkSts" value=""> + </div> + </div> + <!-- 鑷姩 --> + <div class="form-item-checkbox"> + <div class="form-item-label-checkbox"> + <span>鑷姩</span> + </div> + <div class="form-item-input-checkbox"> + <input type="checkbox" name="autoing"> + </div> + </div> + <!-- 鏈夌墿 --> + <div class="form-item-checkbox"> + <div class="form-item-label-checkbox"> + <span>鏈夌墿</span> + </div> + <div class="form-item-input-checkbox"> + <input type="checkbox" name="loading"> + </div> + </div> + <!-- 鑳藉叆 --> + <div class="form-item-checkbox"> + <div class="form-item-label-checkbox"> + <span>鑳藉叆</span> + </div> + <div class="form-item-input-checkbox"> + <input type="checkbox" name="canining"> + </div> + </div> + <!-- 鑳藉嚭 --> + <div class="form-item-checkbox"> + <div class="form-item-label-checkbox"> + <span>鑳藉嚭</span> + </div> + <div class="form-item-input-checkbox"> + <input type="checkbox" name="canouting"> + </div> + </div> + <!-- 鍑哄叆绫诲瀷 --> + <div class="form-item"> + <div class="form-item-label"> + <span>鍑哄叆绫诲瀷锛�</span> + </div> + <div class="form-item-input"> + <input type="text" name="ioType" value=""> + </div> + </div> + <!-- 婧愮珯 --> + <div class="form-item"> + <div class="form-item-label"> + <span>婧愮珯锛�</span> + </div> + <div class="form-item-input"> + <input type="text" name="sourceStaNo" value=""> + </div> + </div> + <!-- 鐩爣绔� --> + <div class="form-item"> + <div class="form-item-label"> + <span>鐩爣绔欙細</span> + </div> + <div class="form-item-input"> + <input type="text" name="staNo" value=""> + </div> + </div> + <!-- 婧愬簱浣� --> + <div class="form-item"> + <div class="form-item-label"> + <span>婧愬簱浣嶏細</span> + </div> + <div class="form-item-input"> + <input type="text" name="sourceLocNo" value=""> + </div> + </div> + <!-- 鐩爣搴撲綅 --> + <div class="form-item"> + <div class="form-item-label"> + <span>鐩爣搴撲綅锛�</span> + </div> + <div class="form-item-input"> + <input type="text" name="locNo" value=""> + </div> + </div> + + </form> + </div> + </div> + +</body> + +</html> +<script> + getMap(); +</script> +<script> + setInterval(function () { + getCodeData(); + renderBarCode(); + }, 1000) + var tData = [],tData1 = [],tData2 = [],tData3 = []; + function getCodeData() { + $.ajax({ + url: baseUrl + '/console/barcode/output/site', + method: 'GET', + success: function (res) { + if (res.code === 200) { + tData = eval(res.data); + if (tData.length <= 5) { + tData1 = tData + } else if (tData.length <= 10) { + tData1 = tData.slice(0, 5) + tData.splice(0, 5) + tData2 = tData + } else if (tData.length <= 15) { + tData1 = tData.slice(0, 5) + tData2 = tData.slice(6, 10) + tData.splice(0, 10) + tData3 = tData + } else { + tData = tData.slice(-15) + tData1 = tData.slice(-15) + tData2 = tData.slice(-10) + tData3 = tData.slice(-5) + } + } + } + }) + } + function renderBarCode() { + for (var i = 0; i < tData1.length; i++) { + var str1 = '<li><span>' + tData1[i].barcode + '</span><span class="right">' + tData1[i].time + '</span></li>' + $('#barcode1').append(str1) + } + for (var j = 0; j < tData2.length; j++) { + var str2 = '<li><span>' + tData2[j].barcode + '</span><span class="right">' + tData2[j].time + '</span></li>' + $('#barcode2').append(str2) + } + for (var k = 0; k < tData3.length; k++) { + var str3 = '<li><span>' + tData3[k].barcode + '</span><span class="right">' + tData3[k].time + '</span></li>' + $('#barcode3').append(str3) + } + } +</script> +<script type="text/javascript"> + // 寮圭獥绔欑偣淇℃伅 + $('.site').on('click', function () { + var id = this.id.split("-")[1]; + $("#siteWindow").attr("style", "display:block;");//鏄剧ずdiv + $("#crnWindow").attr("style", "display:none;"); + $(".detailed").empty(); + $('.detailed').append(id + '绔欑偣璇︾粏淇℃伅'); + $.ajax({ + url: baseUrl + "/console/site/detail", + headers: { + 'token': localStorage.getItem('token') + }, + data: { + siteId: id + }, + method: 'post', + success: function (res) { + for (var val in res.data) { + var find = $("#siteWindow").find(":input[name='" + val + "']"); + if (find[0].type === 'text') { + find.val(res.data[val]); + } else if (find[0].type === 'checkbox') { + find.attr("checked", res.data[val] === 'Y'); + } + } + } + + }) + + }); + // 鍫嗗灈鏈轰俊鎭� + $('.machine').on('click', function () { + var id = this.id.split("-")[1]; + $("#crnWindow").attr('style', 'display:block;'); + $("#siteWindow").attr("style", "display:none;"); + $('.detailed').empty(); + $('.detailed').append(id + '鍙峰爢鍨涙満'); + $.ajax({ + url: baseUrl + "/console/crn/detail", + headers: { + 'token': localStorage.getItem('token') + }, + data: { + crnNo: id + }, + method: 'post', + success: function (res) { + for (var val in res.data) { + var find = $("#crnWindow").find(":input[name='" + val + "']"); + if (find[0].type === 'text') { + find.val(res.data[val]); + } else if (find[0].type === 'checkbox') { + find.attr("checked", res.data[val] === 'Y'); + } + } + } + + }) + + }) + // 寮圭獥鍏抽棴 + $('button').on('click', function () { + $('#siteWindow').attr('style', 'display:none') + $('#crnWindow').attr('style', 'display:none') + }) + + + var crn1Position = 0; + var crn2Position = 0; + var crn3Position = 0; + var crn4Position = 0; + var crn5Position = 0; + + // 鍒濆鍖� + getSitesInfo(); + getCrnInfo(); + getSystemRunningStatus(); + getBarcodeInfo(); + getScaleInfo(); + // carAnimate(); + carAnimate2(); + // 瀹炴椂璁块棶 + setInterval(function () { + getCrnInfo(); + getSystemRunningStatus(); + getBarcodeInfo(); + getScaleInfo(); + }, 1000); + setInterval(function () { + getSitesInfo(); + }, 3000); + + // 绯荤粺杩愯寮�鍏� + function systemSwitch() { + if (parent.systemRunning) { + layer.prompt({title: '璇疯緭鍏ュ彛浠わ紝骞跺仠姝� WCS 绯荤粺', formType: 1, shadeClose: true}, function (pass, idx) { + layer.close(idx); + doSwitch(0, pass); // 鍋滄wcs绯荤粺 + }); + } else { + doSwitch(1); // 鍚姩wcs绯荤粺 + } + } + + // 璇锋眰鏈嶅姟鍣ㄦ帶鍒秝cs绯荤粺杩愯鐘舵�� + function doSwitch(operatorType, password) { + // 鍔犺浇tips + var index = layer.load(1, { + shade: [0.1, '#fff'] + }); + $.ajax({ + url: baseUrl + "/console/system/switch", + headers: {'token': localStorage.getItem('token')}, + // async: false, + data: { + operatorType: operatorType, + password: password + }, + method: 'POST', + success: function (res) { + layer.close(index); + if (res.code === 200) { + if (res.data.status) { + $('#system-icon').attr("class", "system-icon-open"); + $('#system-run-desc').html("绯荤粺杩愯涓�..."); + parent.systemRunning = true; + } else { + $('#system-icon').attr("class", "system-icon-close"); + $('#system-run-desc').html("绯荤粺宸插仠姝�!"); + parent.systemRunning = false; + } + } else if (res.code === 403) { + parent.location.href = baseUrl + "/login"; + } else { + alert(res.msg); + console.log(res.msg); + } + } + }); + + } + + // 鑾峰彇wcs绯荤粺杩愯鐘舵�� + function getSystemRunningStatus() { + $.ajax({ + url: baseUrl + "/console/system/running/status", + headers: {'token': localStorage.getItem('token')}, + method: 'POST', + success: function (res) { + if (res.code === 200) { + if (res.data.status) { + $('#system-icon').attr("class", "system-icon-open"); + $('#system-run-desc').html("绯荤粺杩愯涓�..."); + parent.systemRunning = true; + } else { + $('#system-icon').attr("class", "system-icon-close"); + $('#system-run-desc').html("绯荤粺宸插仠姝�!"); + parent.systemRunning = false; + } + } else if (res.code === 403) { + parent.location.href = baseUrl + "/login"; + } else { + console.log(res.msg); + } + } + }); + } + + // 杈撻�佽澶囧疄鏃舵暟鎹幏鍙� + function getSitesInfo() { + $.ajax({ + url: baseUrl + "/console/latest/data/site", + headers: {'token': localStorage.getItem('token')}, + method: 'POST', + success: function (res) { + if (res.code === 200) { + var sites = res.data; + for (var i = 0; i < sites.length; i++) { + var siteEl = $("#site-" + sites[i].siteId); + console.log(sites[i].siteId) + siteEl.attr("class", "site " + sites[i].siteStatus); + // siteEl.attr("class", "site site-auto-run-id"); + if (sites[i].workNo != null && sites[i].workNo > 0) { + siteEl.html(sites[i].siteId + "[" + sites[i].workNo + "]"); + } else { + siteEl.html(sites[i].siteId); + } + + if (sites[i].siteId === '16' || sites[i].siteId === '016') { + + carAnimate(Number(sites[i].siteId), Number(sites[i].nearbySta)); + } + } + } else if (res.code === 403) { + parent.location.href = baseUrl + "/login"; + } else { + console.log(res.msg); + } + } + }); + } + + // 鍫嗗灈鏈哄疄鏃舵暟鎹幏鍙� + function getCrnInfo() { + $.ajax({ + url: baseUrl + "/console/latest/data/crn", + headers: {'token': localStorage.getItem('token')}, + method: 'POST', + success: function (res) { + // console.log(res) + if (res.code === 200) { + var crns = res.data; + for (var i = 0; i < crns.length; i++) { + var crnEl = $("#crn-" + crns[i].crnId); + crnEl.attr("class", "machine " + crns[i].crnStatus); + var unit = 0;//($('.item').eq(0).width() + 13) / 2; + + if (crns[i].bay < 0 || crns[i].bay === -2) { + crns[i].bay = 1 + } + // crnEl.animate({left: (crns[i].bay * unit) + 'px'}, 1000); + // crns[i].bay = 15; + + var offSet = 0; + unit = 60; + offSet = 325; + + + if(crns[i].bay === 1){ + crnEl.animate({left: offSet + 'px'}, 1000); + } else { + crnEl.animate({left: (offSet - unit + (crns[i].bay * unit)) + 'px'}, 1000); + } + + } + } else if (res.code === 403) { + parent.location.href = baseUrl + "/login"; + } else { + console.log(res.msg); + } + } + }); + } + + // 鎵爜鍣ㄥ疄鏃舵暟鎹幏鍙� + function getBarcodeInfo() { + $.ajax({ + url: baseUrl + "/console/latest/data/barcode", + headers: {'token': localStorage.getItem('token')}, + method: 'POST', + success: function (res) { + if (res.code === 200) { + var barcodes = res.data; + for (var i = 0; i < barcodes.length; i++) { + $("#code-decoder-data-" + barcodes[i].barcodeId).html(barcodes[i].codeValue); + } + } else if (res.code === 403) { + parent.location.href = baseUrl + "/login"; + } else { + console.log(res.msg); + } + } + }); + } + + // 纾呯Г瀹炴椂鏁版嵁鑾峰彇 + function getScaleInfo() { + $.ajax({ + url: baseUrl + "/console/latest/data/scale", + headers: {'token': localStorage.getItem('token')}, + method: 'POST', + success: function (res) { + + if (res.code === 200) { + var sclaes = res.data; + for (var i = 0; i < sclaes.length; i++) { + console.log(sclaes[i].scaleId + ":" + sclaes[i].value) + $("#scale-data-" + sclaes[i].scaleId).text(sclaes[i].value); + } + } else if (res.code === 403) { + parent.location.href = baseUrl + "/login"; + } else { + console.log(res.msg); + } + } + }); + } + + // 鍫嗗灈鏈哄亸绉诲姩鐢� + function crnAnimate(id, leftVal) { + // console.log(crn1Position) + switch (id) { + case 1: + $("#crn-1").animate({left: leftVal + 'px'}, 1000); + crn1Position = leftVal; + break; + case 2: + $("#crn-2").animate({left: leftVal + 'px'}, 1000); + crn2Position = leftVal; + break; + case 3: + $("#crn-3").animate({left: leftVal + 'px'}, 1000); + crn3Position = leftVal; + break; + case 4: + $("#crn-4").animate({left: leftVal + 'px'}, 1000); + crn4Position = leftVal; + break; + case 5: + $("#crn-5").animate({left: leftVal + 'px'}, 1000); + crn5Position = leftVal; + break; + default: + break + } + } + + // 灏忚溅鍋忕Щ鍔ㄧ敾 + function carAnimate(id, target) { + // debugger + var targetTop = 0; + if (id === 16 || id === '16' || id === '016') { + switch (target) { + case 1: + targetTop += 827; + break; + case 2: + targetTop += 765; + break; + case 3: + targetTop += 651; + break; + case 4: + targetTop += 589; + break; + case 5: + targetTop += 505; + break; + case 6: + targetTop += 443; + break; + case 7: + targetTop += 362; + break; + case 8: + targetTop += 297; + break; + case 9: + targetTop += 243; + break; + case 10: + targetTop += 129; + break; + default: + return; + } + } else { + return; + } + + $("#site-0" + id).animate({top: targetTop + 'px'}, 1000); + } + + //RGV杞﹁締鍚勭珯鐐硅窛绂绘暟鎹� + let sitePosition = { + 101: '68px', + 102: '117px', + 122: '183px', + 104: '183px', + 105: '232px', + 118: '297px', + 107: '297px', + 108: '345px', + 119: '355px', + 110: '410px', + 120: '421px', + 111: '459px', + 121: '479px', + 113: '524px', + 123: '556px', + 114: '572px', + 1142: '600px', + 116: '639px', + 117: '687px', + } + + //RGV杞︾Щ鍔ㄥ姩鐢� + function moveSite(siteId, staNo) { + $(siteId).animate({top: sitePosition[staNo]}, 1000); + } + + // moveSite("#site-1", 117);//娴嬭瘯绉诲姩鏂规硶,鍙垹闄� + + // Rgv瀹炴椂鏁版嵁鑾峰彇 + function carAnimate2() { + // console.log("1=============1") + $.ajax({ + url: baseUrl + "/rgv/console/rgv/site/data", + headers: {'token': localStorage.getItem('token')}, + method: 'POST', + success: function (res) { + if (res.code === 200) { + var rgvMap = res.data; + for (var i = 0; i < rgvMap.length; i++) { + moveSite("#site-"+rgvMap[i].id, rgvMap[i].title); + } + } else { + console.log(res.msg); + } + } + }); + } + +</script> \ No newline at end of file diff --git a/src/main/webapp/views/index.html b/src/main/webapp/views/index.html index 9cc74ac..3eb2264 100644 --- a/src/main/webapp/views/index.html +++ b/src/main/webapp/views/index.html @@ -18,6 +18,7 @@ <li><a id="console12" onclick="nav(this.id)" class="nav-select" href="#">涓�妤间簩鍖�</a></li> <li><a id="console21" onclick="nav(this.id)" class="nav-select" href="#">浜屾ゼ涓�鍖�</a></li> <li><a id="console22" onclick="nav(this.id)" class="nav-select" href="#">浜屾ゼ浜屽尯</a></li> + <li><a id="console23" onclick="nav(this.id)" class="nav-select" href="#">浜屾ゼ涓夊尯</a></li> <li><a id="pipeline" onclick="nav(this.id)" class="nav-unselect" href="#">杈撻�佽澶�</a></li> <li><a id="crn" onclick="nav(this.id)" class="nav-unselect" href="#">鍫嗗灈鏈�</a></li> <li><a id="rgv" onclick="nav(this.id)" class="nav-unselect" href="#">RGV</a></li> -- Gitblit v1.9.1