From 8791334cdc81e6047302ec2eeae1f51ea702976a Mon Sep 17 00:00:00 2001 From: LSH Date: 星期一, 26 二月 2024 08:48:59 +0800 Subject: [PATCH] # --- src/main/webapp/views/console2.html | 799 +++++++++++++++++++++++ src/main/webapp/views/index.html | 3 src/main/webapp/static/js/console.map.js | 104 +++ src/main/webapp/static/js/console.map2.js | 1111 ++++++++++++++++++++++++++++++++ 4 files changed, 2,015 insertions(+), 2 deletions(-) diff --git a/src/main/webapp/static/js/console.map.js b/src/main/webapp/static/js/console.map.js index 565c426..032f41b 100644 --- a/src/main/webapp/static/js/console.map.js +++ b/src/main/webapp/static/js/console.map.js @@ -78,6 +78,60 @@ "height": 22, "minBayNo": 2, "maxBayNo": 42 + }, { + "type": "rack", + "id": "rack9", + "top": 432,//-22 ==>10 + "left": 350, + "width": 917, + "height": 22, + "minBayNo": 2, + "maxBayNo": 42 + }, { + "type": "rack", + "id": "rack10", + "top": 384,//+25 ==>409 +11 ==>420 + "left": 350, + "width": 917, + "height": 22, + "minBayNo": 2, + "maxBayNo": 42 + },{ + "type": "rack", + "id": "rack11", + "top": 362, + "left": 350, + "width": 917, + "height": 22, + "minBayNo": 2, + "maxBayNo": 42 + }, { + "type": "rack", + "id": "rack12", + "top": 314,//+25 ==>339 + "left": 350, + "width": 917, + "height": 22, + "minBayNo": 2, + "maxBayNo": 42 + }, { + "type": "rack", + "id": "rack13", + "top": 292, + "left": 350, + "width": 917, + "height": 22, + "minBayNo": 2, + "maxBayNo": 42 + }, { + "type": "rack", + "id": "rack14", + "top": 244,//+25 ==> 269 + "left": 350, + "width": 917, + "height": 22, + "minBayNo": 2, + "maxBayNo": 42 }], "rackDescs": [{ "type": "rackDescs", @@ -100,7 +154,7 @@ "type": "crane", "id": "crn-1", "text": "1", - "top": 616, + "top": 616,// 591(3鍙峰爢鍨涙満),//-22 ==>4 //67,//92 103 //锛堟祴绠楀爢鍨涙満浣嶇疆锛�591 +25 ==>//616 +11 ==>//627 "left": 439, "width": 93, "height": 22 @@ -128,6 +182,54 @@ "left": 273, "width": 1042, "height": 2 + },{ + "type": "crane", + "id": "crn-3", + "text": "3", + "top": 409, + "left": 439, + "width": 93, + "height": 22 + }, { + "type": "track", + "id": "lb_track3", + "text": "", + "top": 420, + "left": 273, + "width": 1042, + "height": 2 + },{ + "type": "crane", + "id": "crn-4", + "text": "4", + "top": 339, + "left": 439, + "width": 93, + "height": 22 + }, { + "type": "track", + "id": "lb_track4", + "text": "", + "top": 350, + "left": 273, + "width": 1042, + "height": 2 + },{ + "type": "crane", + "id": "crn-5", + "text": "5", + "top": 269, + "left": 439, + "width": 93, + "height": 22 + }, { + "type": "track", + "id": "lb_track5", + "text": "", + "top": 280, + "left": 273, + "width": 1042, + "height": 2 }], "areas": [{ "type": "Control_floor", diff --git a/src/main/webapp/static/js/console.map2.js b/src/main/webapp/static/js/console.map2.js new file mode 100644 index 0000000..655d6c4 --- /dev/null +++ b/src/main/webapp/static/js/console.map2.js @@ -0,0 +1,1111 @@ +mapInfo = { + "mapName": "STWCS", + "rackCount": 16, + "crnCount": 4, + "stbCount": 16, + "hpPosition": 1, + "minBayNo": 2, + "floors": 1, + "overflow": "scroll", + "racks": [{ + "type": "rack", + "id": "rack1", + "top": 661, + "left": 350, + "width": 917, + "height": 22, + "minBayNo": 2, + "maxBayNo": 42 + }, { + "type": "rack", + "id": "rack2", + "top": 639,//-48 ==>3 + "left": 350, + "width": 917, + "height": 22, + "minBayNo": 2, + "maxBayNo": 42 + }, { + "type": "rack", + "id": "rack3", + "top": 591,//-22 ==>4 //67,//92 103 //591 +25 ==>//616 +11 ==>//627 + "left": 350, + "width": 917, + "height": 22, + "minBayNo": 2, + "maxBayNo": 42 + }, { + "type": "rack", + "id": "rack4", + "top": 569, + "left": 350, + "width": 917, + "height": 22, + "minBayNo": 2, + "maxBayNo": 42 + },{ + "type": "rack", + "id": "rack5", + "top": 547, + "left": 350, + "width": 917, + "height": 22, + "minBayNo": 2, + "maxBayNo": 42 + }, { + "type": "rack", + "id": "rack6", + "top": 525, + "left": 350, + "width": 917, + "height": 22, + "minBayNo": 2, + "maxBayNo": 42 + }, { + "type": "rack", + "id": "rack7", + "top": 477, + "left": 350, + "width": 917, + "height": 22, + "minBayNo": 2, + "maxBayNo": 42 + }, { + "type": "rack", + "id": "rack8", + "top": 455, + "left": 350, + "width": 917, + "height": 22, + "minBayNo": 2, + "maxBayNo": 42 + }, { + "type": "rack", + "id": "rack9", + "top": 432,//-22 ==>10 + "left": 350, + "width": 917, + "height": 22, + "minBayNo": 2, + "maxBayNo": 42 + }, { + "type": "rack", + "id": "rack10", + "top": 384,//+25 ==>409 +11 ==>420 + "left": 350, + "width": 917, + "height": 22, + "minBayNo": 2, + "maxBayNo": 42 + },{ + "type": "rack", + "id": "rack11", + "top": 362, + "left": 350, + "width": 917, + "height": 22, + "minBayNo": 2, + "maxBayNo": 42 + }, { + "type": "rack", + "id": "rack12", + "top": 314,//+25 ==>339 + "left": 350, + "width": 917, + "height": 22, + "minBayNo": 2, + "maxBayNo": 42 + }, { + "type": "rack", + "id": "rack13", + "top": 292, + "left": 350, + "width": 917, + "height": 22, + "minBayNo": 2, + "maxBayNo": 42 + }, { + "type": "rack", + "id": "rack14", + "top": 244,//+25 ==> 269 + "left": 350, + "width": 917, + "height": 22, + "minBayNo": 2, + "maxBayNo": 42 + }], + "rackDescs": [{ + "type": "rackDescs", + "id": "lb_desc16", + "text": "#1", + "top": 661, + "left": 270, + "width": 30, + "height": 23 + }, { + "type": "rackDescs", + "id": "lb_desc1", + "text": "#4", + "top": 569, + "left": 270, + "width": 41, + "height": 23 + }], + "crns": [{ + "type": "crane", + "id": "crn-1", + "text": "1", + "top": 616,// 591(3鍙峰爢鍨涙満),//-22 ==>4 //67,//92 103 //锛堟祴绠楀爢鍨涙満浣嶇疆锛�591 +25 ==>//616 +11 ==>//627 + "left": 439, + "width": 93, + "height": 22 + }, { + "type": "track", + "id": "lb_track1", + "text": "", + "top": 627, + "left": 273, + "width": 1042, + "height": 2 + },{ + "type": "crane", + "id": "crn-2", + "text": "2", + "top": 502, + "left": 439, + "width": 93, + "height": 22 + }, { + "type": "track", + "id": "lb_track2", + "text": "", + "top": 513, + "left": 273, + "width": 1042, + "height": 2 + },{ + "type": "crane", + "id": "crn-3", + "text": "3", + "top": 409, + "left": 439, + "width": 93, + "height": 22 + }, { + "type": "track", + "id": "lb_track3", + "text": "", + "top": 420, + "left": 273, + "width": 1042, + "height": 2 + },{ + "type": "crane", + "id": "crn-4", + "text": "4", + "top": 339, + "left": 439, + "width": 93, + "height": 22 + }, { + "type": "track", + "id": "lb_track4", + "text": "", + "top": 350, + "left": 273, + "width": 1042, + "height": 2 + },{ + "type": "crane", + "id": "crn-5", + "text": "5", + "top": 269, + "left": 439, + "width": 93, + "height": 22 + }, { + "type": "track", + "id": "lb_track5", + "text": "", + "top": 280, + "left": 273, + "width": 1042, + "height": 2 + }], + "areas": [{ + "type": "Control_floor", + "id": "tabControl_floor1", + "text": "妤煎眰", + "top": 68, + "left": 80, + "width": 1400, + "height": 680, + "floors": [{ + "type": "floor", + "id": "page_floor1", + "text": "灏忔枡绠�", + "top": 4, + "left": 22, + "width": 1374, + "height": 672, + "stns": [{ + "type": "stn", + "id": "site-100", + "text": "100", + "top": 641.5, + "left": 1267, + "width": 49, + "height": 20 + },{ + "type": "stn", + "id": "site-101", + "text": "101", + "top": 664, + "left": 1267, + "width": 49, + "height": 20 + },{ + "type": "stn", + "id": "site-102", + "text": "102", + "top": 664, + "left": 1318, + "width": 49, + "height": 20 + },{ + "type": "stn", + "id": "site-103", + "text": "103", + "top": 629, + "left": 1369, + "width": 29, + "height": 55 + },{ + "type": "stn", + "id": "site-104", + "text": "104", + "top": 624, + "left": 1400, + "width": 29, + "height": 60 + },{ + "type": "stn", + "id": "site-123", + "text": "123", + "top": 58, + "left": 1133, + "width": 29, + "height": 29 + },{ + "type": "stn", + "id": "site-124", + "text": "124", + "top": 88, + "left": 1133, + "width": 29, + "height": 29 + },{ + "type": "stn", + "id": "site-125", + "text": "125", + "top": 118, + "left": 1133, + "width": 29, + "height": 39 + },{ + "type": "stn", + "id": "site-126", + "text": "126", + "top": 128, + "left": 1103, + "width": 29, + "height": 19 + },{ + "type": "stn", + "id": "site-122", + "text": "122", + "top": 58, + "left": 1163, + "width": 25, + "height": 20 + },{ + "type": "stn", + "id": "site-121", + "text": "121", + "top": 58, + "left": 1189, + "width": 29, + "height": 29 + },{ + "type": "stn", + "id": "site-129", + "text": "129", + "top": 88, + "left": 1189, + "width": 29, + "height": 29 + },{ + "type": "stn", + "id": "site-130", + "text": "130", + "top": 118, + "left": 1189, + "width": 29, + "height": 39 + },{ + "type": "stn", + "id": "site-131", + "text": "131", + "top": 128, + "left": 1219, + "width": 29, + "height": 19 + },{ + "type": "stn", + "id": "site-120", + "text": "120", + "top": 58, + "left": 1219, + "width": 59, + "height": 20 + },{ + "type": "stn", + "id": "site-119", + "text": "119", + "top": 58, + "left": 1279, + "width": 59, + "height": 20 + },{ + "type": "stn", + "id": "site-118", + "text": "118", + "top": 58, + "left": 1339, + "width": 59, + "height": 20 + },{ + "type": "stn", + "id": "site-117", + "text": "117", + "top": 58, + "left": 1400, + "width": 29, + "height": 39 + },{ + "type": "stn", + "id": "site-116", + "text": "116", + "top": 98, + "left": 1400, + "width": 29, + "height": 39 + },{ + "type": "stn", + "id": "site-115", + "text": "115", + "top": 138, + "left": 1400, + "width": 29, + "height": 39 + },{ + "type": "stn", + "id": "site-114", + "text": "114", + "top": 178, + "left": 1400, + "width": 29, + "height": 39 + },{ + "type": "stn", + "id": "site-113", + "text": "113", + "top": 218, + "left": 1400, + "width": 29, + "height": 39 + },{ + "type": "stn", + "id": "site-112", + "text": "112", + "top": 258, + "left": 1400, + "width": 29, + "height": 39 + },{ + "type": "stn", + "id": "site-111", + "text": "111", + "top": 298, + "left": 1400, + "width": 29, + "height": 39 + },{ + "type": "stn", + "id": "site-110", + "text": "110", + "top": 338, + "left": 1400, + "width": 29, + "height": 39 + },{ + "type": "stn", + "id": "site-109", + "text": "109", + "top": 378, + "left": 1400, + "width": 29, + "height": 39 + },{ + "type": "stn", + "id": "site-108", + "text": "108", + "top": 418, + "left": 1400, + "width": 29, + "height": 39 + },{ + "type": "stn", + "id": "site-107", + "text": "107", + "top": 458, + "left": 1400, + "width": 29, + "height": 59 + },{ + "type": "stn", + "id": "site-106", + "text": "106", + "top": 518, + "left": 1400, + "width": 29, + "height": 29 + },{ + "type": "stn", + "id": "site-105", + "text": "105", + "top": 548, + "left": 1400, + "width": 29, + "height": 75 + },{ + "type": "stn", + "id": "site-154", + "text": "154", + "top": 572, + "left": 1369, + "width": 29, + "height": 55 + },{ + "type": "stn", + "id": "site-127", + "text": "127", + "top": 158, + "left": 1133, + "width": 29, + "height": 40 + },{ + "type": "stn", + "id": "site-128", + "text": "128", + "top": 178, + "left": 1163, + "width": 25, + "height": 20 + },{ + "type": "stn", + "id": "site-132", + "text": "132", + "top": 158, + "left": 1189, + "width": 29, + "height": 40 + },{ + "type": "stn", + "id": "site-133", + "text": "133", + "top": 178, + "left": 1219, + "width": 69, + "height": 20 + },{ + "type": "stn", + "id": "site-134", + "text": "134", + "top": 178, + "left": 1289, + "width": 79, + "height": 20 + },{ + "type": "stn", + "id": "site-135", + "text": "135", + "top": 178, + "left": 1369, + "width": 29, + "height": 39 + },{ + "type": "stn", + "id": "site-136", + "text": "136", + "top": 218, + "left": 1369, + "width": 29, + "height": 39 + },{ + "type": "stn", + "id": "site-137", + "text": "137", + "top": 258, + "left": 1369, + "width": 29, + "height": 39 + },{ + "type": "stn", + "id": "site-138", + "text": "138", + "top": 298, + "left": 1369, + "width": 29, + "height": 39 + },{ + "type": "stn", + "id": "site-139", + "text": "139", + "top": 338, + "left": 1369, + "width": 29, + "height": 39 + },{ + "type": "stn", + "id": "site-140", + "text": "140", + "top": 378, + "left": 1369, + "width": 29, + "height": 39 + },{ + "type": "stn", + "id": "site-141", + "text": "141", + "top": 418, + "left": 1369, + "width": 29, + "height": 39 + },{ + "type": "stn", + "id": "site-142", + "text": "142", + "top": 458, + "left": 1369, + "width": 29, + "height": 39 + },{ + "type": "stn", + "id": "site-143", + "text": "143", + "top": 458, + "left": 1318, + "width": 49, + "height": 20 + },{ + "type": "stn", + "id": "site-144", + "text": "144", + "top": 458, + "left": 1267, + "width": 49, + "height": 20 + },{ + "type": "stn", + "id": "site-145", + "text": "145", + "top": 480, + "left": 1267, + "width": 49, + "height": 20 + },{ + "type": "stn", + "id": "site-148", + "text": "148", + "top": 528, + "left": 1267, + "width": 49, + "height": 20 + },{ + "type": "stn", + "id": "site-149", + "text": "149", + "top": 550, + "left": 1267, + "width": 49, + "height": 20 + },{ + "type": "stn", + "id": "site-150", + "text": "150", + "top": 550, + "left": 1318, + "width": 49, + "height": 20 + },{ + "type": "stn", + "id": "site-147", + "text": "147", + "top": 535, + "left": 1369, + "width": 29, + "height": 35 + },{ + "type": "stn", + "id": "site-146", + "text": "146", + "top": 499, + "left": 1369, + "width": 29, + "height": 34 + },{ + "type": "stn", + "id": "site-151", + "text": "151", + "top": 572, + "left": 1318, + "width": 49, + "height": 20 + },{ + "type": "stn", + "id": "site-152", + "text": "152", + "top": 572, + "left": 1267, + "width": 49, + "height": 20 + },{ + "type": "stn", + "id": "site-153", + "text": "153", + "top": 593, + "left": 1267, + "width": 49, + "height": 20 + },{ + "type": "stn", + "id": "site-155", + "text": "155", + "top": 258, + "left": 1430, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-156", + "text": "156", + "top": 258, + "left": 1455, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-157", + "text": "157", + "top": 258, + "left": 1480, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-158", + "text": "158", + "top": 258, + "left": 1505, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-159", + "text": "159", + "top": 258, + "left": 1530, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-160", + "text": "160", + "top": 258, + "left": 1555, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-161", + "text": "161", + "top": 258, + "left": 1580, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-162", + "text": "162", + "top": 258, + "left": 1605, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-163", + "text": "163", + "top": 258, + "left": 1630, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-164", + "text": "164", + "top": 258, + "left": 1655, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-165", + "text": "165", + "top": 258, + "left": 1680, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-166", + "text": "166", + "top": 258, + "left": 1705, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-167", + "text": "167", + "top": 258, + "left": 1730, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-168", + "text": "168", + "top": 258, + "left": 1755, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-169", + "text": "169", + "top": 258, + "left": 1780, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-170", + "text": "170", + "top": 258, + "left": 1805, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-171", + "text": "171", + "top": 258, + "left": 1830, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-172", + "text": "172", + "top": 258, + "left": 1855, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-193", + "text": "193", + "top": 238, + "left": 1430, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-192", + "text": "192", + "top": 238, + "left": 1455, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-191", + "text": "191", + "top": 238, + "left": 1480, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-190", + "text": "190", + "top": 238, + "left": 1505, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-189", + "text": "189", + "top": 238, + "left": 1530, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-188", + "text": "188", + "top": 238, + "left": 1555, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-187", + "text": "187", + "top": 238, + "left": 1580, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-186", + "text": "186", + "top": 238, + "left": 1605, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-185", + "text": "185", + "top": 238, + "left": 1630, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-184", + "text": "184", + "top": 238, + "left": 1655, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-183", + "text": "183", + "top": 238, + "left": 1680, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-182", + "text": "182", + "top": 238, + "left": 1705, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-181", + "text": "181", + "top": 238, + "left": 1730, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-180", + "text": "180", + "top": 238, + "left": 1755, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-179", + "text": "179", + "top": 238, + "left": 1780, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-178", + "text": "178", + "top": 238, + "left": 1805, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-177", + "text": "177", + "top": 238, + "left": 1830, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-176", + "text": "176", + "top": 238, + "left": 1855, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-175", + "text": "175", + "top": 238, + "left": 1880, + "width": 24, + "height": 19 + },{ + "type": "stn", + "id": "site-174", + "text": "174", + "top": 258, + "left": 1880, + "width": 24, + "height": 59 + },{ + "type": "stn", + "id": "site-173", + "text": "173", + "top": 318, + "left": 1880, + "width": 24, + "height": 19 + }] + }, { + "type": "floor", + "id": "page_floor2", + "text": "澶ф枡绠�", + "top": 4, + "left": 22, + "width": 1374, + "height": 672, + "stns": [{ + "type": "stn", + "id": "site-200", + "text": "200", + "top": 434, + "left": 1267, + "width": 49, + "height": 20 + },{ + "type": "stn", + "id": "site-201", + "text": "201", + "top": 434, + "left": 1267, + "width": 49, + "height": 20 + },{ + "type": "stn", + "id": "site-202", + "text": "202", + "top": 434, + "left": 1318, + "width": 49, + "height": 20 + },{ + "type": "stn", + "id": "site-203", + "text": "203", + "top": 434, + "left": 1369, + "width": 29, + "height": 20 + },{ + "type": "stn", + "id": "site-204", + "text": "204", + "top": 434, + "left": 1400, + "width": 29, + "height": 20 + },{ + "type": "stn", + "id": "site-205", + "text": "205", + "top": 199, + "left": 1369, + "width": 29, + "height": 55 + },{ + "type": "stn", + "id": "site-206", + "text": "204", + "top": 195, + "left": 1400, + "width": 29, + "height": 60 + },{ + "type": "stn", + "id": "site-261", + "text": "261", + "top": 134, + "left": 1267, + "width": 49, + "height": 20 + },{ + "type": "stn", + "id": "site-257", + "text": "257", + "top": 434, + "left": 1267, + "width": 49, + "height": 20 + },{ + "type": "stn", + "id": "site-256", + "text": "256", + "top": 434, + "left": 1318, + "width": 49, + "height": 20 + },{ + "type": "stn", + "id": "site-255", + "text": "255", + "top": 434, + "left": 1369, + "width": 29, + "height": 20 + },{ + "type": "stn", + "id": "site-254", + "text": "254", + "top": 434, + "left": 1400, + "width": 29, + "height": 20 + }] + }] + }] +} \ No newline at end of file diff --git a/src/main/webapp/views/console2.html b/src/main/webapp/views/console2.html new file mode 100644 index 0000000..46edf68 --- /dev/null +++ b/src/main/webapp/views/console2.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.map2.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 f79598b..86eb18b 100644 --- a/src/main/webapp/views/index.html +++ b/src/main/webapp/views/index.html @@ -14,7 +14,8 @@ <div class="sidebar"> <div class="nav"> <ul class="cl-effect-4"> - <li><a id="console" onclick="nav(this.id)" class="nav-select" href="#">涓绘帶鍥�</a></li> + <li><a id="console" onclick="nav(this.id)" class="nav-select" href="#">涓�妤�</a></li> + <li><a id="console2" 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