From 78f453c10dfb7856c3da390aa8a3912eed2eac25 Mon Sep 17 00:00:00 2001 From: whycq <whycq> Date: 星期一, 11 七月 2022 11:11:12 +0800 Subject: [PATCH] # ycq --- /dev/null | 61 - src/main/webapp/views/console-old.html | 1229 +++++++++++++++++++++++ src/main/webapp/views/console.html | 1204 ++++++---------------- src/main/webapp/views/index.html | 4 src/main/webapp/static/js/console.js | 145 ++ src/main/webapp/static/js/console.map.js | 515 +++++++++ 6 files changed, 2,247 insertions(+), 911 deletions(-) diff --git a/src/main/webapp/static/js/console.js b/src/main/webapp/static/js/console.js new file mode 100644 index 0000000..7ddda45 --- /dev/null +++ b/src/main/webapp/static/js/console.js @@ -0,0 +1,145 @@ +// 搴撲綅鍥� +let total = [], + rack = '', + racks = '', + rackDesc = '', + rackDescs = '', + crn = '', + crns = '', + track = '', + tracks = '', + stn = '', + stns = '', + stnArr = [], + floorBtn = '', + floorBtns = '', + floorBtnss = '', + floorInfo=''; // 搴撳尯淇℃伅 +let rackss = mapInfo.racks, + rackDescss = mapInfo.rackDescs, + crnss = mapInfo.crns, + areas = mapInfo.areas[0].floors, + floorId; +function getMap() { + // 璐ф灦 + for (let i = 0;i < rackss.length;i++) { + let bay ='' // 鍗曚釜搴撲綅 + let bays = '' // 搴撲綅闆嗗悎 + let bayWidth = rackss[i].width / (rackss[i].maxBayNo / rackss[i].minBayNo) + console.log(bayWidth) + let maxBayNo = rackss[i].maxBayNo // 鏈�澶у簱浣嶅彿 + let minBayNo = rackss[i].minBayNo // 鏈�灏忓簱浣嶅彿 + let bLen = maxBayNo / minBayNo // 搴撲綅涓暟 + let bNum // 搴撲綅鍙风爜 + // hpPosition 0 琛ㄧず璐ф灦搴忓彿 宸�->鍙� 1 琛ㄧず璐ф灦搴忓彿 鍙�->宸� + if (mapInfo.hpPosition == 1) { + bNum = maxBayNo + for (let j = bLen; j > 0; j--) { + bay = "<button class='item' style='width: "+ bayWidth +"px'>" + bNum + "</button>" + bays = bays + bay + bNum = bNum - minBayNo; + } + }else { + bNum = minBayNo + for (let j = 0; j < bLen; j++) { + + bay = "<button class='item' style='width: "+ bayWidth +"px'>" + bNum + "</button>" + bays = bays + bay + bNum = bNum + minBayNo; + } + } + + rack = "<div class='rack' id='" + rackss[i].id + + "'style='width:"+ rackss[i].width + + "px;height: "+ rackss[i].height+ + "px;top: "+ rackss[i].top + + "px;left: "+ rackss[i].left + + "px'>" + bays + "</div>" + racks = racks + rack + // getCrnInfo(minBayNo); + } + // 璐ф灦鎻忚堪 + for (let i = 0;i < rackDescss.length;i++) { + rackDesc = "<div class='rackDescs' id='" + rackDescss[i].id + + "'style='width:"+ rackDescss[i].width + + "px;height: "+ rackDescss[i].height+ + "px;line-height: "+ rackDescss[i].height+ + "px;top: "+ rackDescss[i].top + + "px;left: "+ rackDescss[i].left + + "px'>" + rackDescss[i].text + "</div>" + rackDescs = rackDescs + rackDesc + } + // 鍫嗗灈鏈哄拰鍦拌建 + for (let i = 0;i < crnss.length;i++) { + if (crnss[i].type == "crane") { + crn = "<div class='machine' id='" + crnss[i].id + + "'style='width:"+ crnss[i].width + + "px;height: "+ crnss[i].height+ + "px;top: "+ crnss[i].top + + "px;left: "+ crnss[i].left + + "px'></div>" + crns = crns + crn + } else { + track = "<div class='track' id='" + crnss[i].id + + "'style='width:"+ crnss[i].width + + "px;height: "+ crnss[i].height+ + "px;top: "+ crnss[i].top + + "px;left: "+ crnss[i].left + + "px'>" + crnss[i].text + "</div>" + tracks = tracks + track + } + } + // 妤煎眰 + for (let i = 0; i < areas.length;i++) { + let stnss = areas[i].stns + let floor = areas[i].text + floorId = areas[i].id + var position = (i+1)*100 + floorBtn = + "<button class='floorBtn btn-16' onclick='changFloor("+i+")' style='top: "+position+"px;'>" + floor +"</button>" + floorBtnss = floorBtnss + floorBtn + // 姣忓眰鐨� 杈撻�佺嚎绔欑偣 + var index = i + var n = 1 + stnArr[index] = '' + total[index] = '' + for (let j = 0; j < stnss.length; j++) { + if (stnss[j].type == "stn") { + stn = "<div class='site' id='" + stnss[j].id + + "'style='width:"+ stnss[j].width + + "px;height: "+ stnss[j].height+ + "px;line-height: "+ stnss[j].height+ + "px;top: "+ stnss[j].top + + "px;left: "+ stnss[j].left + + "px'>" + stnss[j].text + "</div>" + stnArr[i] = stnArr[i] + stn + total[i] = n++ + } else if(stnss[j].type == "track"){ + stn = "<div class='track' id='" + stnss[j].id + + "'style='width:"+ stnss[j].width + + "px;height: "+ stnss[j].height+ + "px;line-height: "+ stnss[j].height+ + "px;top: "+ stnss[j].top + + "px;left: "+ stnss[j].left + + "px'>" + stnss[j].text + "</div>" + stnArr[i] = stnArr[i] + stn + } + + } + + } + floorInfo = racks + rackDescs + tracks + crns + stnArr[0] + floorBtnss + + $(".main-part").append(floorInfo) + $("#line-total").html(total[0]) + listenChange(); + +} +function changFloor(e) { + $(".main-part").empty() // 娓呯┖鑺傜偣 + floorInfo = racks + stnArr[e] +rackDescs + crns + tracks + floorBtnss + $(".main-part").append(floorInfo) + $("#line-total").empty() + $("#line-total").html(total[e]) + listenChange(); +} \ No newline at end of file diff --git a/src/main/webapp/static/js/console.map.js b/src/main/webapp/static/js/console.map.js new file mode 100644 index 0000000..0029fa1 --- /dev/null +++ b/src/main/webapp/static/js/console.map.js @@ -0,0 +1,515 @@ +mapInfo = { + "mapName": "HYLYWCS", + "rackCount": 12, + "crnCount": 3, + "stbCount": 16, + "hpPosition": 0, + "minBayNo": 2, + "floors": 1, + "racks": [{ + "type": "rack", + "id": "rack12", + "top": 484, + "left": 430, + "width": 1088, + "height": 24, + "minBayNo": 2, + "maxBayNo": 64 + }, { + "type": "rack", + "id": "rack11", + "top": 458, + "left": 430, + "width": 1088, + "height": 24, + "minBayNo": 2, + "maxBayNo": 64 + }, { + "type": "rack", + "id": "rack10", + "top": 399, + "left": 430, + "width": 1088, + "height": 24, + "minBayNo": 2, + "maxBayNo": 64 + }, { + "type": "rack", + "id": "rack9", + "top": 373, + "left": 430, + "width": 1088, + "height": 24, + "minBayNo": 2, + "maxBayNo": 64 + }, { + "type": "rack", + "id": "rack8", + "top": 344, + "left": 430, + "width": 1088, + "height": 24, + "minBayNo": 1, + "maxBayNo": 16 + }, { + "type": "rack", + "id": "rack7", + "top": 318, + "left": 430, + "width": 1088, + "height": 24, + "minBayNo": 1, + "maxBayNo": 16 + }, { + "type": "rack", + "id": "rack6", + "top": 263, + "left": 430, + "width": 1088, + "height": 24, + "minBayNo": 1, + "maxBayNo": 16 + }, { + "type": "rack", + "id": "rack5", + "top": 237, + "left": 430, + "width": 1088, + "height": 24, + "minBayNo": 1, + "maxBayNo": 16 + }, { + "type": "rack", + "id": "rack3", + "top": 180, + "left": 430, + "width": 1020, + "height": 24, + "minBayNo": 1, + "maxBayNo": 30 + }, { + "type": "rack", + "id": "rack1", + "top": 97, + "left": 430, + "width": 1020, + "height": 24, + "minBayNo": 1, + "maxBayNo": 30 + }, { + "type": "rack", + "id": "rack4", + "top": 207, + "left": 430, + "width": 1020, + "height": 24, + "minBayNo": 1, + "maxBayNo": 30 + }, { + "type": "rack", + "id": "rack2", + "top": 123, + "left": 430, + "width": 1020, + "height": 24, + "minBayNo": 1, + "maxBayNo": 30 + }], + "rackDescs": [{ + "type": "rackDescs", + "id": "lb_desc12", + "text": "#12", + "top": 485, + "left": 1530, + "width": 41, + "height": 23 + }, { + "type": "rackDescs", + "id": "lb_desc11", + "text": "#11", + "top": 460, + "left": 1530, + "width": 38, + "height": 23 + }, { + "type": "rackDescs", + "id": "lb_desc10", + "text": "#10", + "top": 399, + "left": 1530, + "width": 42, + "height": 23 + }, { + "type": "rackDescs", + "id": "lb_desc9", + "text": "#9", + "top": 375, + "left": 1530, + "width": 33, + "height": 23 + }, { + "type": "rackDescs", + "id": "lb_desc8", + "text": "#8", + "top": 349, + "left": 1530, + "width": 33, + "height": 23 + }, { + "type": "rackDescs", + "id": "lb_desc7", + "text": "#7", + "top": 321, + "left": 1530, + "width": 32, + "height": 23 + }, { + "type": "rackDescs", + "id": "lb_desc6", + "text": "#6", + "top": 264, + "left": 1530, + "width": 33, + "height": 23 + }, { + "type": "rackDescs", + "id": "lb_desc5", + "text": "#5", + "top": 235, + "left": 1530, + "width": 32, + "height": 23 + }, { + "type": "rackDescs", + "id": "lb_desc4", + "text": "#4", + "top": 206, + "left": 1460, + "width": 33, + "height": 23 + }, { + "type": "rackDescs", + "id": "lb_desc3", + "text": "#3", + "top": 179, + "left": 1460, + "width": 32, + "height": 23 + }, { + "type": "rackDescs", + "id": "lb_desc2", + "text": "#2", + "top": 123, + "left": 1460, + "width": 33, + "height": 23 + }, { + "type": "rackDescs", + "id": "lb_desc1", + "text": "#1", + "top": 95, + "left": 1460, + "width": 30, + "height": 23 + }], + "crns": [{ + "type": "crane", + "id": "crn-1", + "text": "1", + "top": 153, + "left": 500, + "width": 93, + "height": 22 + }, { + "type": "crane", + "id": "crn-2", + "text": "2", + "top": 291, + "left": 500, + "width": 93, + "height": 22 + }, { + "type": "crane", + "id": "crn-3", + "text": "3", + "top": 428, + "left": 500, + "width": 93, + "height": 22 + }, { + "type": "track", + "id": "lb_track2", + "text": "", + "top": 300, + "left": 359, + "width": 1066, + "height": 2 + }, { + "type": "track", + "id": "lb_track3", + "text": "", + "top": 438, + "left": 359, + "width": 1200, + "height": 2 + }, { + "type": "track", + "id": "lb_track1", + "text": "", + "top": 164, + "left": 315, + "width": 1112, + "height": 2 + }], + "stns": [{ + "type": "stn", + "id": "site-306", + "text": "306", + "top": 458, + "left": 211, + "width": 66, + "height": 24 + }, { + "type": "stn", + "id": "site-303", + "text": "303", + "top": 399, + "left": 211, + "width": 66, + "height": 24 + }, { + "type": "stn", + "id": "site-304", + "text": "304", + "top": 458, + "left": 345, + "width": 66, + "height": 24 + }, { + "type": "stn", + "id": "site-305", + "text": "305", + "top": 458, + "left": 278, + "width": 66, + "height": 24 + },{ + "type": "stn", + "id": "site-202", + "text": "202", + "top": 262, + "left": 202, + "width": 100, + "height": 24 + }, { + "type": "stn", + "id": "site-302", + "text": "302", + "top": 399, + "left": 278, + "width": 66, + "height": 24 + }, { + "type": "stn", + "id": "site-203", + "text": "203", + "top": 318, + "left": 303, + "width": 100, + "height": 24 + }, { + "type": "stn", + "id": "site-204", + "text": "204", + "top": 318, + "left": 202, + "width": 100, + "height": 24 + }, { + "type": "stn", + "id": "site-201", + "text": "201", + "top": 262, + "left": 303, + "width": 100, + "height": 24 + }, { + "type": "stn", + "id": "site-103", + "text": "103", + "top": 101, + "left": 327, + "width": 100, + "height": 24 + }, { + "type": "stn", + "id": "site-101", + "text": "101", + "top": 124, + "left": 327, + "width": 100, + "height": 24 + }, { + "type": "stn", + "id": "site-301", + "text": "301", + "top": 399, + "left": 345, + "width": 66, + "height": 24 + }, { + "type": "stn", + "id": "site-102", + "text": "102", + "top": 122, + "left": 154, + "width": 100, + "height": 24 + }, { + "type": "stn", + "id": "site-104", + "text": "104", + "top": 181, + "left": 225, + "width": 100, + "height": 24 + }], + "areas": [ + { + "type": "Control_floor", + "id": "tabControl_floor1", + "text": "妤煎眰", + "top": 286, + "left": 22, + "width": 302, + "height": 403, + "floors": [ + { + "type": "floor", + "id": "page_floor1", + "text": "1F", + "top": 4, + "left": 22, + "width": 276, + "height": 395, + "stns": [ + { + "type": "stn", + "id": "site-306", + "text": "306", + "top": 458, + "left": 225, + "width": 66, + "height": 24 + }, { + "type": "stn", + "id": "site-303", + "text": "303", + "top": 399, + "left": 225, + "width": 66, + "height": 24 + }, { + "type": "stn", + "id": "site-304", + "text": "304", + "top": 458, + "left": 360, + "width": 66, + "height": 24 + }, { + "type": "stn", + "id": "site-305", + "text": "305", + "top": 458, + "left": 293, + "width": 66, + "height": 24 + },{ + "type": "stn", + "id": "site-202", + "text": "202", + "top": 264, + "left": 225, + "width": 100, + "height": 24 + }, { + "type": "stn", + "id": "site-302", + "text": "302", + "top": 399, + "left": 293, + "width": 66, + "height": 24 + }, { + "type": "stn", + "id": "site-203", + "text": "203", + "top": 320, + "left": 327, + "width": 100, + "height": 24 + }, { + "type": "stn", + "id": "site-204", + "text": "204", + "top": 320, + "left": 225, + "width": 100, + "height": 24 + }, { + "type": "stn", + "id": "site-201", + "text": "201", + "top": 264, + "left": 327, + "width": 100, + "height": 24 + }, { + "type": "stn", + "id": "site-103", + "text": "103", + "top": 181, + "left": 327, + "width": 100, + "height": 24 + }, { + "type": "stn", + "id": "site-101", + "text": "101", + "top": 124, + "left": 327, + "width": 100, + "height": 24 + }, { + "type": "stn", + "id": "site-301", + "text": "301", + "top": 399, + "left": 360, + "width": 66, + "height": 24 + }, { + "type": "stn", + "id": "site-102", + "text": "102", + "top": 124, + "left": 225, + "width": 100, + "height": 24 + }, { + "type": "stn", + "id": "site-104", + "text": "104", + "top": 181, + "left": 225, + "width": 100, + "height": 24 + } + ] + } + ] + } + ] + +} \ No newline at end of file diff --git a/src/main/webapp/views/console-old.html b/src/main/webapp/views/console-old.html new file mode 100644 index 0000000..e6f6ac4 --- /dev/null +++ b/src/main/webapp/views/console-old.html @@ -0,0 +1,1229 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>WCS鎺у埗涓績</title> + <!--<link rel="stylesheet" type="text/css" href="../static/css/common.css">--> + <link rel="stylesheet" href="../static/css/console.css"> + <!-- <link rel="stylesheet" type="text/css" href="../static/css/normalize.css">--> + <link rel="stylesheet" href="../static/css/animate.min.css"> + + + <script src="../static/js/jquery/jquery-3.3.1.min.js"></script> + <script src="../static/js/layer/layer.js"></script> + <script type="text/javascript" src="../static/js/common.js"></script> + +</head> +<body> +<div id="root"> + <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"> + <!-- 绗竴缁� --> + <div class="lane"> + <!-- 璐ф灦 --> + <div class="stock-group"> + <button class="item" style="margin-left: 82px">60</button> + <button class="item">58</button> + <button class="item">56</button> + <button class="item">54</button> + <button class="item">52</button> + <button class="item">50</button> + <button class="item">48</button> + <button class="item">46</button> + <button class="item">44</button> + <button class="item">42</button> + <button class="item">40</button> + <button class="item">38</button> + <button class="item">36</button> + <button class="item">34</button> + <button class="item">32</button> + <button class="item">30</button> + <button class="item">28</button> + <button class="item">26</button> + <button class="item">24</button> + <button class="item">22</button> + <button class="item">20</button> + <button class="item">18</button> + <button class="item">16</button> + <button class="item">14</button> + <button class="item">12</button> + <button class="item">10</button> + <button class="item">8</button> + <button class="item">6</button> + <button class="item">4</button> + <button class="item">2</button> + + + </div> + <div class="stock-group"> + + <button class="item" style="margin-left: 82px">60</button> + <button class="item">58</button> + <button class="item">56</button> + <button class="item">54</button> + <button class="item">52</button> + <button class="item">50</button> + <button class="item">48</button> + <button class="item">46</button> + <button class="item">44</button> + <button class="item">42</button> + <button class="item">40</button> + <button class="item">38</button> + <button class="item">36</button> + <button class="item">34</button> + <button class="item">32</button> + <button class="item">30</button> + <button class="item">28</button> + <button class="item">26</button> + <button class="item">24</button> + <button class="item">22</button> + <button class="item">20</button> + <button class="item">18</button> + <button class="item">16</button> + <button class="item">14</button> + <button class="item">12</button> + <button class="item">10</button> + <button class="item">8</button> + <button class="item">6</button> + <button class="item">4</button> + <button class="item">2</button> + <div id="site-101" class="site" style="">101</div> + </div> + <!-- 鍫嗗灈鏈� --> + <div class="crn"> + <hr class="pathway"> + <div id="crn-1" class="machine"></div> + </div> + <!-- 璐ф灦 --> + <div class="stock-group"> + + <button class="item" style="margin-left: 82px">60</button> + <button class="item">58</button> + <button class="item">56</button> + <button class="item">54</button> + <button class="item">52</button> + <button class="item">50</button> + <button class="item">48</button> + <button class="item">46</button> + <button class="item">44</button> + <button class="item">42</button> + <button class="item">40</button> + <button class="item">38</button> + <button class="item">36</button> + <button class="item">34</button> + <button class="item">32</button> + <button class="item">30</button> + <button class="item">28</button> + <button class="item">26</button> + <button class="item">24</button> + <button class="item">22</button> + <button class="item">20</button> + <button class="item">18</button> + <button class="item">16</button> + <button class="item">14</button> + <button class="item">12</button> + <button class="item">10</button> + <button class="item">8</button> + <button class="item">6</button> + <button class="item">4</button> + <button class="item">2</button> + <div id="site-106" class="site" style="">106</div> + </div> + <div class="stock-group"> + <button class="item" style="margin-left: 82px">60</button> + <button class="item">58</button> + <button class="item">56</button> + <button class="item">54</button> + <button class="item">52</button> + <button class="item">50</button> + <button class="item">48</button> + <button class="item">46</button> + <button class="item">44</button> + <button class="item">42</button> + <button class="item">40</button> + <button class="item">38</button> + <button class="item">36</button> + <button class="item">34</button> + <button class="item">32</button> + <button class="item">30</button> + <button class="item">28</button> + <button class="item">26</button> + <button class="item">24</button> + <button class="item">22</button> + <button class="item">20</button> + <button class="item">18</button> + <button class="item">16</button> + <button class="item">14</button> + <button class="item">12</button> + <button class="item">10</button> + <button class="item">8</button> + <button class="item">6</button> + <button class="item">4</button> + <button class="item">2</button> + </div> + </div> + <!-- 绗簩缁� --> + <div class="lane"> + <span class="row-no"></span> + <!-- 璐ф灦 --> + <div class="stock-group"> + <button class="item" style="margin-left: 193px">52</button> + <button class="item">50</button> + <button class="item">48</button> + <button class="item">46</button> + <button class="item">44</button> + <button class="item">42</button> + <button class="item">40</button> + <button class="item">38</button> + <button class="item">36</button> + <button class="item">34</button> + <button class="item">32</button> + <button class="item">30</button> + <button class="item">28</button> + <button class="item">26</button> + <button class="item">24</button> + <button class="item">22</button> + <button class="item">20</button> + <button class="item">18</button> + <button class="item">16</button> + <button class="item">14</button> + <button class="item">12</button> + <button class="item">10</button> + <button class="item">8</button> + <button class="item">6</button> + <button class="item">4</button> + <button class="item">2</button> + </div> + <div class="stock-group"> + + <button class="item" style="margin-left: 193px">52</button> + <button class="item">50</button> + <button class="item">48</button> + <button class="item">46</button> + <button class="item">44</button> + <button class="item">42</button> + <button class="item">40</button> + <button class="item">38</button> + <button class="item">36</button> + <button class="item">34</button> + <button class="item">32</button> + <button class="item">30</button> + <button class="item">28</button> + <button class="item">26</button> + <button class="item">24</button> + <button class="item">22</button> + <button class="item">20</button> + <button class="item">18</button> + <button class="item">16</button> + <button class="item">14</button> + <button class="item">12</button> + <button class="item">10</button> + <button class="item">8</button> + <button class="item">6</button> + <button class="item">4</button> + <button class="item">2</button> + <div id="site-113" class="site" style="">113</div> + </div> + <!-- 鍫嗗灈鏈� --> + <div class="crn" style="margin-left: 108px"> + <hr class="pathway"> + <div id="crn-2" class="machine"></div> + </div> + <!-- 璐ф灦 --> + <div class="stock-group"> + <button class="item" style="margin-left: 193px">52</button> + <button class="item">50</button> + <button class="item">48</button> + <button class="item">46</button> + <button class="item">44</button> + <button class="item">42</button> + <button class="item">40</button> + <button class="item">38</button> + <button class="item">36</button> + <button class="item">34</button> + <button class="item">32</button> + <button class="item">30</button> + <button class="item">28</button> + <button class="item">26</button> + <button class="item">24</button> + <button class="item">22</button> + <button class="item">20</button> + <button class="item">18</button> + <button class="item">16</button> + <button class="item">14</button> + <button class="item">12</button> + <button class="item">10</button> + <button class="item">8</button> + <button class="item">6</button> + <button class="item">4</button> + <button class="item">2</button> + <div id="site-120" class="site" style="">120</div> + + </div> + <div class="stock-group"> + + <button class="item" style="margin-left: 193px">52</button> + <button class="item">50</button> + <button class="item">48</button> + <button class="item">46</button> + <button class="item">44</button> + <button class="item">42</button> + <button class="item">40</button> + <button class="item">38</button> + <button class="item">36</button> + <button class="item">34</button> + <button class="item">32</button> + <button class="item">30</button> + <button class="item">28</button> + <button class="item">26</button> + <button class="item">24</button> + <button class="item">22</button> + <button class="item">20</button> + <button class="item">18</button> + <button class="item">16</button> + <button class="item">14</button> + <button class="item">12</button> + <button class="item">10</button> + <button class="item">8</button> + <button class="item">6</button> + <button class="item">4</button> + <button class="item">2</button> + </div> + </div> + <!--绗笁缁�--> + <div class="lane"> + <span class="row-no"></span> + <!-- 璐ф灦 --> + <div class="stock-group"> + <button class="item" style="margin-left: 193px">52</button> + <button class="item">50</button> + <button class="item">48</button> + <button class="item">46</button> + <button class="item">44</button> + <button class="item">42</button> + <button class="item">40</button> + <button class="item">38</button> + <button class="item">36</button> + <button class="item">34</button> + <button class="item">32</button> + <button class="item">30</button> + <button class="item">28</button> + <button class="item">26</button> + <button class="item">24</button> + <button class="item">22</button> + <button class="item">20</button> + <button class="item">18</button> + <button class="item">16</button> + <button class="item">14</button> + <button class="item">12</button> + <button class="item">10</button> + <button class="item">8</button> + <button class="item">6</button> + <button class="item">4</button> + <button class="item">2</button> + </div> + <div class="stock-group"> + <button class="item" style="margin-left: 193px">52</button> + <button class="item">50</button> + <button class="item">48</button> + <button class="item">46</button> + <button class="item">44</button> + <button class="item">42</button> + <button class="item">40</button> + <button class="item">38</button> + <button class="item">36</button> + <button class="item">34</button> + <button class="item">32</button> + <button class="item">30</button> + <button class="item">28</button> + <button class="item">26</button> + <button class="item">24</button> + <button class="item">22</button> + <button class="item">20</button> + <button class="item">18</button> + <button class="item">16</button> + <button class="item">14</button> + <button class="item">12</button> + <button class="item">10</button> + <button class="item">8</button> + <button class="item">6</button> + <button class="item">4</button> + <button class="item">2</button> + <div id="site-127" class="site" style="">127</div> + + </div> + <!-- 鍫嗗灈鏈� --> + <div class="crn" style="margin-left: 108px"> + <hr class="pathway"> + <div id="crn-3" class="machine"></div> + </div> + <!-- 璐ф灦 --> + <div class="stock-group"> + <button class="item" style="margin-left: 193px">52</button> + <button class="item">50</button> + <button class="item">48</button> + <button class="item">46</button> + <button class="item">44</button> + <button class="item">42</button> + <button class="item">40</button> + <button class="item">38</button> + <button class="item">36</button> + <button class="item">34</button> + <button class="item">32</button> + <button class="item">30</button> + <button class="item">28</button> + <button class="item">26</button> + <button class="item">24</button> + <button class="item">22</button> + <button class="item">20</button> + <button class="item">18</button> + <button class="item">16</button> + <button class="item">14</button> + <button class="item">12</button> + <button class="item">10</button> + <button class="item">8</button> + <button class="item">6</button> + <button class="item">4</button> + <button class="item">2</button> + <div id="site-133" class="site" style="">133</div> + + </div> + <div class="stock-group"> + <button class="item" style="margin-left: 193px">52</button> + <button class="item">50</button> + <button class="item">48</button> + <button class="item">46</button> + <button class="item">44</button> + <button class="item">42</button> + <button class="item">40</button> + <button class="item">38</button> + <button class="item">36</button> + <button class="item">34</button> + <button class="item">32</button> + <button class="item">30</button> + <button class="item">28</button> + <button class="item">26</button> + <button class="item">24</button> + <button class="item">22</button> + <button class="item">20</button> + <button class="item">18</button> + <button class="item">16</button> + <button class="item">14</button> + <button class="item">12</button> + <button class="item">10</button> + <button class="item">8</button> + <button class="item">6</button> + <button class="item">4</button> + <button class="item">2</button> + </div> + </div> + </div> + <!--绗�1鍒楋紙瀹藉害 70px锛� --> + <div class="site-row site-row-1"> + <div class="site-k" style="height:39px;width:70px;"></div> + <div id="site-102" class="site" style="height: 18px;line-height: 18px;">102</div> + <div id="site-107" class="site" style="height: 18px;line-height: 18px;margin-top: 20px">107</div> + <div id="site-114" class="site" style="height: 18px;line-height: 18px;margin-top: 68px">114</div> + <div id="site-121" class="site" style="height: 18px;line-height: 18px;margin-top: 20px">121</div> + <div id="site-128" class="site" style="height: 18px;line-height: 18px;margin-top: 68px">128</div> + <div id="site-134" class="site" style="height: 18px;line-height: 18px;margin-top: 20px">134</div> + </div> + <div class="site-row site-row-2"> + <div class="site-k" style="height:39px;width:70px;"></div> + <div id="site-103" class="site" style="height: 18px;line-height: 18px;">103</div> + <div id="site-105" class="site" style="height: 18px;line-height: 18px">105</div> + <div id="site-108" class="site" style="height: 18px;line-height: 18px">108</div> + <div id="site-111" class="site" style="height: 66px;line-height: 66px">111</div> + <div id="site-115" class="site" style="height: 18px;line-height: 18px">115</div> + <div id="site-118" class="site" style="height: 18px;line-height: 18px">118</div> + <div id="site-122" class="site" style="height: 18px;line-height: 18px">122</div> + <div id="site-125" class="site" style="height: 66px;line-height: 66px">125</div> + <div id="site-129" class="site" style="height: 18px;line-height: 18px">129</div> + <div id="site-132" class="site" style="height: 18px;line-height: 18px">132</div> + <div id="site-135" class="site" style="height: 18px;line-height: 18px">135</div> + </div> + <div class="site-row site-row-3"> + <div class="site-k" style="height:39px;width:70px;"></div> + <div id="site-104" class="site" style="height: 18px;line-height: 18px;width:162px;">104</div> + <div id="site-109" class="site" style="height: 18px;line-height: 18px; margin-top: 20px">109</div> + <div id="site-112" class="site" style="height: 66px;line-height: 68px">112</div> + <div id="site-116" class="site" style="height: 18px;line-height: 18px;">116</div> + <div id="site-119" class="site" style="height: 18px;line-height: 18px">119</div> + <div id="site-123" class="site" style="height: 18px;line-height: 18px">123</div> + <div id="site-126" class="site" style="height: 66px;line-height: 68px">126</div> + <div id="site-130" class="site" style="height: 18px;line-height: 18px">130</div> + <div id="site-136" class="site" style="height: 18px;line-height: 18px;width:162px; margin-top: 20px">136</div> + </div> + <div class="site-row site-row-4"> + <div id="site-110" class="site" style="height: 18px;line-height: 18px;">110</div> + <div id="site-117" class="site" style="height: 18px;line-height: 18px; margin-top: 68px">117</div> + <div id="site-124" class="site" style="height: 18px;line-height: 18px; margin-top: 20px">124</div> + <div id="site-131" class="site" style="height: 18px;line-height: 18px; margin-top: 68px">131</div> + </div> +</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 class="line-ss">58</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> + var tData = [] + var tData1 = [] + var tData2 = [] + var 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) + + } + } + } + }) + } + + setInterval(function () { + getCodeData(); + renderBarCode(); + }, 1000) + + + 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(); + // 瀹炴椂璁块棶 + 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 { + 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); + siteEl.attr("class", "site " + sites[i].siteStatus); + if (sites[i].workNo != null && sites[i].workNo > 0) { + siteEl.html(sites[i].siteId + "[" + sites[i].workNo + "]"); + } else { + siteEl.html(sites[i].siteId); + } + if (i + 1 === 8) { + carAnimate(i + 1, 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) { + 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 = ($('.item').eq(0).width() + 13) / 2; + if (crns[i].bay < 0) { + crns[i].bay = 0 + } + crnEl.animate({left: (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) { + 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 + } + } + + // 椤甸潰鐐瑰嚮浜嬩欢鐩戝惉 --------------------------------------------------------- + + // 杈撻�佽澶囩偣鍑讳簨浠� + // $('.site').on('click', function () { + // var id = this.id.split("-")[1]; + // if (id === undefined) { + // return; + // } + // layer.open({ + // title: id + " 绔欑偣淇℃伅璇︽儏", + // closeBtn: 0, + // skin: 'layui-layer-lan', + // offset: '180px', + // type: 1, + // shadeClose: true, + // content: $('#siteWindow'), + // area: ['35rem', '18rem'], + // btn: ['纭畾', '鍏抽棴'], + // success: function(layero, index){ + // http.post(baseUrl+"/console/site/detail", {siteId: id}, 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'); + // } + // } + // }) + // }, + // end: function () { + // $(':input', $("#siteWindow")).val('').removeAttr('checked').removeAttr('selected'); + // } + // }); + // }); + + // 鍫嗗灈鏈虹偣鍑讳簨浠� + // $('.machine').on('click', function () { + // var id = this.id.split("-")[1]; + // layer.open({ + // title: id+"鍙峰爢鍨涙満", + // skin: 'layui-layer-lan', + // closeBtn: 0, + // type: 1, + // offset: '150px', + // shadeClose: true, + // content: $("#crnWindow"), + // area: ['40rem', '20rem'], + // btn: ['纭畾', '鍏抽棴'], + // success: function(layero, index){ + // http.post(baseUrl+"/console/crn/detail", {crnNo: id}, 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'); + // } + // } + // }) + // }, + // end: function () { + // $(':input', $("#crnWindow")).val('').removeAttr('checked').removeAttr('selected'); + // } + // }); + // }); + + + // 灏忚溅鍋忕Щ鍔ㄧ敾 + function carAnimate(id, target) { + var targetTop = 122; + if (id === 8) { + switch (target) { + case 1: + targetTop += 160; + break; + case 2: + targetTop += 140; + break; + case 3: + targetTop += 80; + break; + case 4: + targetTop += 40; + break; + case 7: + targetTop += 0; + break; + default: + return; + } + } else { + return; + } + $("#site-" + id).animate({top: targetTop + 'px'}, 1000); + } + + +</script> \ No newline at end of file diff --git a/src/main/webapp/views/console.html b/src/main/webapp/views/console.html index e6f6ac4..fde6b24 100644 --- a/src/main/webapp/views/console.html +++ b/src/main/webapp/views/console.html @@ -1,786 +1,344 @@ <!DOCTYPE html> -<html> +<html lang="en"> <head> - <meta charset="utf-8"> - <title>WCS鎺у埗涓績</title> - <!--<link rel="stylesheet" type="text/css" href="../static/css/common.css">--> - <link rel="stylesheet" href="../static/css/console.css"> - <!-- <link rel="stylesheet" type="text/css" href="../static/css/normalize.css">--> - <link rel="stylesheet" href="../static/css/animate.min.css"> - - + <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> - <script type="text/javascript" src="../static/js/common.js"></script> + <!--鍦板浘json--> + <script src="../static/js/console.map.js"></script> + <script src="../static/js/console.js"></script> + <script src="../static/js/common.js"></script> + </head> <body> -<div id="root"> - <div class="head"> - <div class="head-left"> - <h1>鑷姩浠撳簱WCS鐩戞帶鍥�</h1> - <h6>AUTOMATIC WAREHOUSE WCS MONITORING DIAGRAM</h6> + <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="head-right"> - <img src="../static/images/zy-logo.png" alt="涓壃" height="44" width="80"> + <!-- 璐ф灦 + 鍫嗗灈鏈� + 鍏ュ簱绔欑偣 --> + <div class="main-part"> + + </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> - - <!-- 璐ф灦 + 鍫嗗灈鏈� + 鍏ュ簱绔欑偣 --> - <div class="main-part"> - <!-- 绗竴缁� --> - <div class="lane"> - <!-- 璐ф灦 --> - <div class="stock-group"> - <button class="item" style="margin-left: 82px">60</button> - <button class="item">58</button> - <button class="item">56</button> - <button class="item">54</button> - <button class="item">52</button> - <button class="item">50</button> - <button class="item">48</button> - <button class="item">46</button> - <button class="item">44</button> - <button class="item">42</button> - <button class="item">40</button> - <button class="item">38</button> - <button class="item">36</button> - <button class="item">34</button> - <button class="item">32</button> - <button class="item">30</button> - <button class="item">28</button> - <button class="item">26</button> - <button class="item">24</button> - <button class="item">22</button> - <button class="item">20</button> - <button class="item">18</button> - <button class="item">16</button> - <button class="item">14</button> - <button class="item">12</button> - <button class="item">10</button> - <button class="item">8</button> - <button class="item">6</button> - <button class="item">4</button> - <button class="item">2</button> - - - </div> - <div class="stock-group"> - - <button class="item" style="margin-left: 82px">60</button> - <button class="item">58</button> - <button class="item">56</button> - <button class="item">54</button> - <button class="item">52</button> - <button class="item">50</button> - <button class="item">48</button> - <button class="item">46</button> - <button class="item">44</button> - <button class="item">42</button> - <button class="item">40</button> - <button class="item">38</button> - <button class="item">36</button> - <button class="item">34</button> - <button class="item">32</button> - <button class="item">30</button> - <button class="item">28</button> - <button class="item">26</button> - <button class="item">24</button> - <button class="item">22</button> - <button class="item">20</button> - <button class="item">18</button> - <button class="item">16</button> - <button class="item">14</button> - <button class="item">12</button> - <button class="item">10</button> - <button class="item">8</button> - <button class="item">6</button> - <button class="item">4</button> - <button class="item">2</button> - <div id="site-101" class="site" style="">101</div> - </div> - <!-- 鍫嗗灈鏈� --> - <div class="crn"> - <hr class="pathway"> - <div id="crn-1" class="machine"></div> - </div> - <!-- 璐ф灦 --> - <div class="stock-group"> - - <button class="item" style="margin-left: 82px">60</button> - <button class="item">58</button> - <button class="item">56</button> - <button class="item">54</button> - <button class="item">52</button> - <button class="item">50</button> - <button class="item">48</button> - <button class="item">46</button> - <button class="item">44</button> - <button class="item">42</button> - <button class="item">40</button> - <button class="item">38</button> - <button class="item">36</button> - <button class="item">34</button> - <button class="item">32</button> - <button class="item">30</button> - <button class="item">28</button> - <button class="item">26</button> - <button class="item">24</button> - <button class="item">22</button> - <button class="item">20</button> - <button class="item">18</button> - <button class="item">16</button> - <button class="item">14</button> - <button class="item">12</button> - <button class="item">10</button> - <button class="item">8</button> - <button class="item">6</button> - <button class="item">4</button> - <button class="item">2</button> - <div id="site-106" class="site" style="">106</div> - </div> - <div class="stock-group"> - <button class="item" style="margin-left: 82px">60</button> - <button class="item">58</button> - <button class="item">56</button> - <button class="item">54</button> - <button class="item">52</button> - <button class="item">50</button> - <button class="item">48</button> - <button class="item">46</button> - <button class="item">44</button> - <button class="item">42</button> - <button class="item">40</button> - <button class="item">38</button> - <button class="item">36</button> - <button class="item">34</button> - <button class="item">32</button> - <button class="item">30</button> - <button class="item">28</button> - <button class="item">26</button> - <button class="item">24</button> - <button class="item">22</button> - <button class="item">20</button> - <button class="item">18</button> - <button class="item">16</button> - <button class="item">14</button> - <button class="item">12</button> - <button class="item">10</button> - <button class="item">8</button> - <button class="item">6</button> - <button class="item">4</button> - <button class="item">2</button> - </div> - </div> - <!-- 绗簩缁� --> - <div class="lane"> - <span class="row-no"></span> - <!-- 璐ф灦 --> - <div class="stock-group"> - <button class="item" style="margin-left: 193px">52</button> - <button class="item">50</button> - <button class="item">48</button> - <button class="item">46</button> - <button class="item">44</button> - <button class="item">42</button> - <button class="item">40</button> - <button class="item">38</button> - <button class="item">36</button> - <button class="item">34</button> - <button class="item">32</button> - <button class="item">30</button> - <button class="item">28</button> - <button class="item">26</button> - <button class="item">24</button> - <button class="item">22</button> - <button class="item">20</button> - <button class="item">18</button> - <button class="item">16</button> - <button class="item">14</button> - <button class="item">12</button> - <button class="item">10</button> - <button class="item">8</button> - <button class="item">6</button> - <button class="item">4</button> - <button class="item">2</button> - </div> - <div class="stock-group"> - - <button class="item" style="margin-left: 193px">52</button> - <button class="item">50</button> - <button class="item">48</button> - <button class="item">46</button> - <button class="item">44</button> - <button class="item">42</button> - <button class="item">40</button> - <button class="item">38</button> - <button class="item">36</button> - <button class="item">34</button> - <button class="item">32</button> - <button class="item">30</button> - <button class="item">28</button> - <button class="item">26</button> - <button class="item">24</button> - <button class="item">22</button> - <button class="item">20</button> - <button class="item">18</button> - <button class="item">16</button> - <button class="item">14</button> - <button class="item">12</button> - <button class="item">10</button> - <button class="item">8</button> - <button class="item">6</button> - <button class="item">4</button> - <button class="item">2</button> - <div id="site-113" class="site" style="">113</div> - </div> - <!-- 鍫嗗灈鏈� --> - <div class="crn" style="margin-left: 108px"> - <hr class="pathway"> - <div id="crn-2" class="machine"></div> - </div> - <!-- 璐ф灦 --> - <div class="stock-group"> - <button class="item" style="margin-left: 193px">52</button> - <button class="item">50</button> - <button class="item">48</button> - <button class="item">46</button> - <button class="item">44</button> - <button class="item">42</button> - <button class="item">40</button> - <button class="item">38</button> - <button class="item">36</button> - <button class="item">34</button> - <button class="item">32</button> - <button class="item">30</button> - <button class="item">28</button> - <button class="item">26</button> - <button class="item">24</button> - <button class="item">22</button> - <button class="item">20</button> - <button class="item">18</button> - <button class="item">16</button> - <button class="item">14</button> - <button class="item">12</button> - <button class="item">10</button> - <button class="item">8</button> - <button class="item">6</button> - <button class="item">4</button> - <button class="item">2</button> - <div id="site-120" class="site" style="">120</div> - - </div> - <div class="stock-group"> - - <button class="item" style="margin-left: 193px">52</button> - <button class="item">50</button> - <button class="item">48</button> - <button class="item">46</button> - <button class="item">44</button> - <button class="item">42</button> - <button class="item">40</button> - <button class="item">38</button> - <button class="item">36</button> - <button class="item">34</button> - <button class="item">32</button> - <button class="item">30</button> - <button class="item">28</button> - <button class="item">26</button> - <button class="item">24</button> - <button class="item">22</button> - <button class="item">20</button> - <button class="item">18</button> - <button class="item">16</button> - <button class="item">14</button> - <button class="item">12</button> - <button class="item">10</button> - <button class="item">8</button> - <button class="item">6</button> - <button class="item">4</button> - <button class="item">2</button> - </div> - </div> - <!--绗笁缁�--> - <div class="lane"> - <span class="row-no"></span> - <!-- 璐ф灦 --> - <div class="stock-group"> - <button class="item" style="margin-left: 193px">52</button> - <button class="item">50</button> - <button class="item">48</button> - <button class="item">46</button> - <button class="item">44</button> - <button class="item">42</button> - <button class="item">40</button> - <button class="item">38</button> - <button class="item">36</button> - <button class="item">34</button> - <button class="item">32</button> - <button class="item">30</button> - <button class="item">28</button> - <button class="item">26</button> - <button class="item">24</button> - <button class="item">22</button> - <button class="item">20</button> - <button class="item">18</button> - <button class="item">16</button> - <button class="item">14</button> - <button class="item">12</button> - <button class="item">10</button> - <button class="item">8</button> - <button class="item">6</button> - <button class="item">4</button> - <button class="item">2</button> - </div> - <div class="stock-group"> - <button class="item" style="margin-left: 193px">52</button> - <button class="item">50</button> - <button class="item">48</button> - <button class="item">46</button> - <button class="item">44</button> - <button class="item">42</button> - <button class="item">40</button> - <button class="item">38</button> - <button class="item">36</button> - <button class="item">34</button> - <button class="item">32</button> - <button class="item">30</button> - <button class="item">28</button> - <button class="item">26</button> - <button class="item">24</button> - <button class="item">22</button> - <button class="item">20</button> - <button class="item">18</button> - <button class="item">16</button> - <button class="item">14</button> - <button class="item">12</button> - <button class="item">10</button> - <button class="item">8</button> - <button class="item">6</button> - <button class="item">4</button> - <button class="item">2</button> - <div id="site-127" class="site" style="">127</div> - - </div> - <!-- 鍫嗗灈鏈� --> - <div class="crn" style="margin-left: 108px"> - <hr class="pathway"> - <div id="crn-3" class="machine"></div> - </div> - <!-- 璐ф灦 --> - <div class="stock-group"> - <button class="item" style="margin-left: 193px">52</button> - <button class="item">50</button> - <button class="item">48</button> - <button class="item">46</button> - <button class="item">44</button> - <button class="item">42</button> - <button class="item">40</button> - <button class="item">38</button> - <button class="item">36</button> - <button class="item">34</button> - <button class="item">32</button> - <button class="item">30</button> - <button class="item">28</button> - <button class="item">26</button> - <button class="item">24</button> - <button class="item">22</button> - <button class="item">20</button> - <button class="item">18</button> - <button class="item">16</button> - <button class="item">14</button> - <button class="item">12</button> - <button class="item">10</button> - <button class="item">8</button> - <button class="item">6</button> - <button class="item">4</button> - <button class="item">2</button> - <div id="site-133" class="site" style="">133</div> - - </div> - <div class="stock-group"> - <button class="item" style="margin-left: 193px">52</button> - <button class="item">50</button> - <button class="item">48</button> - <button class="item">46</button> - <button class="item">44</button> - <button class="item">42</button> - <button class="item">40</button> - <button class="item">38</button> - <button class="item">36</button> - <button class="item">34</button> - <button class="item">32</button> - <button class="item">30</button> - <button class="item">28</button> - <button class="item">26</button> - <button class="item">24</button> - <button class="item">22</button> - <button class="item">20</button> - <button class="item">18</button> - <button class="item">16</button> - <button class="item">14</button> - <button class="item">12</button> - <button class="item">10</button> - <button class="item">8</button> - <button class="item">6</button> - <button class="item">4</button> - <button class="item">2</button> - </div> - </div> - </div> - <!--绗�1鍒楋紙瀹藉害 70px锛� --> - <div class="site-row site-row-1"> - <div class="site-k" style="height:39px;width:70px;"></div> - <div id="site-102" class="site" style="height: 18px;line-height: 18px;">102</div> - <div id="site-107" class="site" style="height: 18px;line-height: 18px;margin-top: 20px">107</div> - <div id="site-114" class="site" style="height: 18px;line-height: 18px;margin-top: 68px">114</div> - <div id="site-121" class="site" style="height: 18px;line-height: 18px;margin-top: 20px">121</div> - <div id="site-128" class="site" style="height: 18px;line-height: 18px;margin-top: 68px">128</div> - <div id="site-134" class="site" style="height: 18px;line-height: 18px;margin-top: 20px">134</div> - </div> - <div class="site-row site-row-2"> - <div class="site-k" style="height:39px;width:70px;"></div> - <div id="site-103" class="site" style="height: 18px;line-height: 18px;">103</div> - <div id="site-105" class="site" style="height: 18px;line-height: 18px">105</div> - <div id="site-108" class="site" style="height: 18px;line-height: 18px">108</div> - <div id="site-111" class="site" style="height: 66px;line-height: 66px">111</div> - <div id="site-115" class="site" style="height: 18px;line-height: 18px">115</div> - <div id="site-118" class="site" style="height: 18px;line-height: 18px">118</div> - <div id="site-122" class="site" style="height: 18px;line-height: 18px">122</div> - <div id="site-125" class="site" style="height: 66px;line-height: 66px">125</div> - <div id="site-129" class="site" style="height: 18px;line-height: 18px">129</div> - <div id="site-132" class="site" style="height: 18px;line-height: 18px">132</div> - <div id="site-135" class="site" style="height: 18px;line-height: 18px">135</div> - </div> - <div class="site-row site-row-3"> - <div class="site-k" style="height:39px;width:70px;"></div> - <div id="site-104" class="site" style="height: 18px;line-height: 18px;width:162px;">104</div> - <div id="site-109" class="site" style="height: 18px;line-height: 18px; margin-top: 20px">109</div> - <div id="site-112" class="site" style="height: 66px;line-height: 68px">112</div> - <div id="site-116" class="site" style="height: 18px;line-height: 18px;">116</div> - <div id="site-119" class="site" style="height: 18px;line-height: 18px">119</div> - <div id="site-123" class="site" style="height: 18px;line-height: 18px">123</div> - <div id="site-126" class="site" style="height: 66px;line-height: 68px">126</div> - <div id="site-130" class="site" style="height: 18px;line-height: 18px">130</div> - <div id="site-136" class="site" style="height: 18px;line-height: 18px;width:162px; margin-top: 20px">136</div> - </div> - <div class="site-row site-row-4"> - <div id="site-110" class="site" style="height: 18px;line-height: 18px;">110</div> - <div id="site-117" class="site" style="height: 18px;line-height: 18px; margin-top: 68px">117</div> - <div id="site-124" class="site" style="height: 18px;line-height: 18px; margin-top: 20px">124</div> - <div id="site-131" class="site" style="height: 18px;line-height: 18px; margin-top: 68px">131</div> - </div> -</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 class="line-ss">58</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> - var tData = [] - var tData1 = [] - var tData2 = [] - var tData3 = [] - + getMap(); +</script> +<script> + setInterval(function () { + getCodeData(); + renderBarCode(); + }, 1000) + var tData = [],tData1 = [],tData2 = [],tData3 = []; function getCodeData() { $.ajax({ url: baseUrl + '/console/barcode/output/site', @@ -804,19 +362,11 @@ tData1 = tData.slice(-15) tData2 = tData.slice(-10) tData3 = tData.slice(-5) - } } } }) } - - setInterval(function () { - getCodeData(); - renderBarCode(); - }, 1000) - - 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>' @@ -1036,16 +586,41 @@ 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 = ($('.item').eq(0).width() + 13) / 2; + var unit = 0;//($('.item').eq(0).width() + 13) / 2; if (crns[i].bay < 0) { - crns[i].bay = 0 + crns[i].bay = 1 } - crnEl.animate({left: (crns[i].bay * unit) + 'px'}, 1000); + // crnEl.animate({left: (crns[i].bay * unit) + 'px'}, 1000); + // crns[i].bay = 1; + + var offSet = 0; + switch (i) { + case 0: + unit = 34; + offSet = 337; + break; + case 1: + unit = 68; + offSet = 337; + break; + case 2: + unit = 17; + offSet = 337; + break; + } + + 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"; @@ -1102,6 +677,7 @@ // 鍫嗗灈鏈哄亸绉诲姩鐢� function crnAnimate(id, leftVal) { + // console.log(crn1Position) switch (id) { case 1: $("#crn-1").animate({left: leftVal + 'px'}, 1000); @@ -1127,74 +703,6 @@ break } } - - // 椤甸潰鐐瑰嚮浜嬩欢鐩戝惉 --------------------------------------------------------- - - // 杈撻�佽澶囩偣鍑讳簨浠� - // $('.site').on('click', function () { - // var id = this.id.split("-")[1]; - // if (id === undefined) { - // return; - // } - // layer.open({ - // title: id + " 绔欑偣淇℃伅璇︽儏", - // closeBtn: 0, - // skin: 'layui-layer-lan', - // offset: '180px', - // type: 1, - // shadeClose: true, - // content: $('#siteWindow'), - // area: ['35rem', '18rem'], - // btn: ['纭畾', '鍏抽棴'], - // success: function(layero, index){ - // http.post(baseUrl+"/console/site/detail", {siteId: id}, 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'); - // } - // } - // }) - // }, - // end: function () { - // $(':input', $("#siteWindow")).val('').removeAttr('checked').removeAttr('selected'); - // } - // }); - // }); - - // 鍫嗗灈鏈虹偣鍑讳簨浠� - // $('.machine').on('click', function () { - // var id = this.id.split("-")[1]; - // layer.open({ - // title: id+"鍙峰爢鍨涙満", - // skin: 'layui-layer-lan', - // closeBtn: 0, - // type: 1, - // offset: '150px', - // shadeClose: true, - // content: $("#crnWindow"), - // area: ['40rem', '20rem'], - // btn: ['纭畾', '鍏抽棴'], - // success: function(layero, index){ - // http.post(baseUrl+"/console/crn/detail", {crnNo: id}, 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'); - // } - // } - // }) - // }, - // end: function () { - // $(':input', $("#crnWindow")).val('').removeAttr('checked').removeAttr('selected'); - // } - // }); - // }); - // 灏忚溅鍋忕Щ鍔ㄧ敾 function carAnimate(id, target) { diff --git a/src/main/webapp/views/index.html b/src/main/webapp/views/index.html index 82beb77..6b47357 100644 --- a/src/main/webapp/views/index.html +++ b/src/main/webapp/views/index.html @@ -14,7 +14,7 @@ <div class="sidebar"> <div class="nav"> <ul class="cl-effect-4"> - <li><a id="render" 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="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> </ul> @@ -24,7 +24,7 @@ <!--</div>--> <!-- 涓讳綋鍐呭 --> -<iframe id="content" src="render.html"></iframe> +<iframe id="content" src="console.html"></iframe> <footer class="footer"> Copyright 漏 2015 All Rights Reserved. <a href="http://www.zoneyung.com" target="_blank">娴欐睙涓壃绔嬪簱鎶�鏈湁闄愬叕鍙�</a> 淇濈暀鎵�鏈夋潈鍒� </footer> diff --git a/src/main/webapp/views/render.html b/src/main/webapp/views/render.html deleted file mode 100644 index 0fbbcab..0000000 --- a/src/main/webapp/views/render.html +++ /dev/null @@ -1,735 +0,0 @@ -<!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> - <script src="./render.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"> - - </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(); - // 瀹炴椂璁块棶 - 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 { - 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); - siteEl.attr("class", "site " + sites[i].siteStatus); - if (sites[i].workNo != null && sites[i].workNo > 0) { - siteEl.html(sites[i].siteId + "[" + sites[i].workNo + "]"); - } else { - siteEl.html(sites[i].siteId); - } - if (i + 1 === 8) { - carAnimate(i + 1, 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 = 1 - } - // crnEl.animate({left: (crns[i].bay * unit) + 'px'}, 1000); - // crns[i].bay = 1; - - var offSet = 0; - switch (i) { - case 0: - unit = 34; - offSet = 260; - break; - case 1: - unit = 50; - offSet = 310; - break; - case 2: - unit = 17.2; - offSet = 315; - break; - } - - 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) { - var targetTop = 122; - if (id === 8) { - switch (target) { - case 1: - targetTop += 160; - break; - case 2: - targetTop += 140; - break; - case 3: - targetTop += 80; - break; - case 4: - targetTop += 40; - break; - case 7: - targetTop += 0; - break; - default: - return; - } - } else { - return; - } - $("#site-" + id).animate({top: targetTop + 'px'}, 1000); - } - - -</script> \ No newline at end of file diff --git a/src/main/webapp/views/render.js b/src/main/webapp/views/render.js deleted file mode 100644 index aca6084..0000000 --- a/src/main/webapp/views/render.js +++ /dev/null @@ -1,585 +0,0 @@ -data = { - "mapName": "HYLYWCS", - "rackCount": 16, - "crnCount": 4, - "stbCount": 16, - "hpPosition": 0, - "minBayNo": 2, - "floors": 1, - "racks": [{ - "type": "rack", - "id": "rack16", - "top": 650, - "left": 412, - "width": 1046, - "height": 24, - "minBayNo": 2, - "maxBayNo": 24 - }, { - "type": "rack", - "id": "rack15", - "top": 624, - "left": 412, - "width": 1046, - "height": 24, - "minBayNo": 2, - "maxBayNo": 24 - }, { - "type": "rack", - "id": "rack14", - "top": 569, - "left": 412, - "width": 1046, - "height": 24, - "minBayNo": 2, - "maxBayNo": 24 - }, { - "type": "rack", - "id": "rack13", - "top": 543, - "left": 412, - "width": 1046, - "height": 24, - "minBayNo": 2, - "maxBayNo": 24 - }, { - "type": "rack", - "id": "rack12", - "top": 484, - "left": 412, - "width": 1099, - "height": 24, - "minBayNo": 2, - "maxBayNo": 64 - }, { - "type": "rack", - "id": "rack11", - "top": 458, - "left": 412, - "width": 1099, - "height": 24, - "minBayNo": 2, - "maxBayNo": 64 - }, { - "type": "rack", - "id": "rack10", - "top": 399, - "left": 412, - "width": 1099, - "height": 24, - "minBayNo": 2, - "maxBayNo": 64 - }, { - "type": "rack", - "id": "rack9", - "top": 373, - "left": 412, - "width": 1099, - "height": 24, - "minBayNo": 2, - "maxBayNo": 64 - }, { - "type": "rack", - "id": "rack8", - "top": 344, - "left": 405, - "width": 979, - "height": 24, - "minBayNo": 2, - "maxBayNo": 16 - }, { - "type": "rack", - "id": "rack7", - "top": 318, - "left": 405, - "width": 979, - "height": 24, - "minBayNo": 2, - "maxBayNo": 16 - }, { - "type": "rack", - "id": "rack6", - "top": 263, - "left": 405, - "width": 979, - "height": 24, - "minBayNo": 2, - "maxBayNo": 16 - }, { - "type": "rack", - "id": "rack5", - "top": 237, - "left": 405, - "width": 979, - "height": 24, - "minBayNo": 2, - "maxBayNo": 16 - }, { - "type": "rack", - "id": "rack3", - "top": 180, - "left": 357, - "width": 1027, - "height": 24, - "minBayNo": 2, - "maxBayNo": 31 - }, { - "type": "rack", - "id": "rack1", - "top": 97, - "left": 357, - "width": 1027, - "height": 24, - "minBayNo": 2, - "maxBayNo": 31 - }, { - "type": "rack", - "id": "rack4", - "top": 207, - "left": 357, - "width": 1027, - "height": 24, - "minBayNo": 2, - "maxBayNo": 31 - }, { - "type": "rack", - "id": "rack2", - "top": 123, - "left": 357, - "width": 1027, - "height": 24, - "minBayNo": 2, - "maxBayNo": 31 - }], - "rackDescs": [{ - "type": "rackDescs", - "id": "lb_desc16", - "text": "#16", - "top": 651, - "left": 1471, - "width": 41, - "height": 23 - }, { - "type": "rackDescs", - "id": "lb_desc15", - "text": "#15", - "top": 626, - "left": 1472, - "width": 40, - "height": 23 - }, { - "type": "rackDescs", - "id": "lb_desc14", - "text": "#14", - "top": 565, - "left": 1469, - "width": 41, - "height": 23 - }, { - "type": "rackDescs", - "id": "lb_desc13", - "text": "#13", - "top": 541, - "left": 1472, - "width": 40, - "height": 23 - }, { - "type": "rackDescs", - "id": "lb_desc12", - "text": "#12", - "top": 485, - "left": 1517, - "width": 41, - "height": 23 - }, { - "type": "rackDescs", - "id": "lb_desc11", - "text": "#11", - "top": 460, - "left": 1518, - "width": 38, - "height": 23 - }, { - "type": "rackDescs", - "id": "lb_desc10", - "text": "#10", - "top": 399, - "left": 1515, - "width": 42, - "height": 23 - }, { - "type": "rackDescs", - "id": "lb_desc9", - "text": "#9", - "top": 375, - "left": 1518, - "width": 33, - "height": 23 - }, { - "type": "rackDescs", - "id": "lb_desc8", - "text": "#8", - "top": 349, - "left": 1389, - "width": 33, - "height": 23 - }, { - "type": "rackDescs", - "id": "lb_desc7", - "text": "#7", - "top": 321, - "left": 1389, - "width": 32, - "height": 23 - }, { - "type": "rackDescs", - "id": "lb_desc6", - "text": "#6", - "top": 264, - "left": 1387, - "width": 33, - "height": 23 - }, { - "type": "rackDescs", - "id": "lb_desc5", - "text": "#5", - "top": 235, - "left": 1388, - "width": 32, - "height": 23 - }, { - "type": "rackDescs", - "id": "lb_desc4", - "text": "#4", - "top": 206, - "left": 1388, - "width": 33, - "height": 23 - }, { - "type": "rackDescs", - "id": "lb_desc3", - "text": "#3", - "top": 179, - "left": 1389, - "width": 32, - "height": 23 - }, { - "type": "rackDescs", - "id": "lb_desc2", - "text": "#2", - "top": 123, - "left": 1389, - "width": 33, - "height": 23 - }, { - "type": "rackDescs", - "id": "lb_desc1", - "text": "#1", - "top": 95, - "left": 1389, - "width": 30, - "height": 23 - }], - "crns": [{ - "type": "crane", - "id": "crn-4", - "text": "4", - "top": 597, - "left": 500, - "width": 93, - "height": 22 - }, { - "type": "track", - "id": "lb_track4", - "text": "", - "top": 606, - "left": 366, - "width": 1150, - "height": 2 - }, { - "type": "crane", - "id": "crn-1", - "text": "1", - "top": 153, - "left": 500, - "width": 93, - "height": 22 - }, { - "type": "crane", - "id": "crn-2", - "text": "2", - "top": 291, - "left": 500, - "width": 93, - "height": 22 - }, { - "type": "crane", - "id": "crn-3", - "text": "3", - "top": 428, - "left": 500, - "width": 93, - "height": 22 - }, { - "type": "track", - "id": "lb_track2", - "text": "", - "top": 300, - "left": 359, - "width": 1066, - "height": 2 - }, { - "type": "track", - "id": "lb_track3", - "text": "", - "top": 438, - "left": 359, - "width": 1200, - "height": 2 - }, { - "type": "track", - "id": "lb_track1", - "text": "", - "top": 164, - "left": 315, - "width": 1112, - "height": 2 - }], - "stns": [{ - "type": "stn", - "id": "site-306", - "text": "306", - "top": 458, - "left": 211, - "width": 66, - "height": 24 - }, { - "type": "stn", - "id": "site-303", - "text": "303", - "top": 399, - "left": 211, - "width": 66, - "height": 24 - }, { - "type": "stn", - "id": "site-304", - "text": "304", - "top": 458, - "left": 345, - "width": 66, - "height": 24 - }, { - "type": "stn", - "id": "site-305", - "text": "305", - "top": 458, - "left": 278, - "width": 66, - "height": 24 - }, { - "type": "stn", - "id": "site-401", - "text": "401", - "top": 568, - "left": 311, - "width": 100, - "height": 24 - }, { - "type": "stn", - "id": "site-402", - "text": "402", - "top": 568, - "left": 209, - "width": 100, - "height": 24 - }, { - "type": "stn", - "id": "site-202", - "text": "202", - "top": 262, - "left": 202, - "width": 100, - "height": 24 - }, { - "type": "stn", - "id": "site-302", - "text": "302", - "top": 399, - "left": 278, - "width": 66, - "height": 24 - }, { - "type": "stn", - "id": "site-203", - "text": "203", - "top": 318, - "left": 303, - "width": 100, - "height": 24 - }, { - "type": "stn", - "id": "site-204", - "text": "204", - "top": 318, - "left": 202, - "width": 100, - "height": 24 - }, { - "type": "stn", - "id": "site-201", - "text": "201", - "top": 262, - "left": 303, - "width": 100, - "height": 24 - }, { - "type": "stn", - "id": "site-103", - "text": "103", - "top": 180, - "left": 255, - "width": 100, - "height": 24 - }, { - "type": "stn", - "id": "site-101", - "text": "101", - "top": 122, - "left": 255, - "width": 100, - "height": 24 - }, { - "type": "stn", - "id": "site-301", - "text": "301", - "top": 399, - "left": 345, - "width": 66, - "height": 24 - }, { - "type": "stn", - "id": "site-102", - "text": "102", - "top": 122, - "left": 154, - "width": 100, - "height": 24 - }, { - "type": "stn", - "id": "site-104", - "text": "104", - "top": 180, - "left": 154, - "width": 100, - "height": 24 - }] -} - -// 搴撲綅鍥� -function getMap() { - let mapName = "<div class='mapName'>" + data.mapName + "</div>" - let rack = '', racks = '', rackDesc = '', - rackDescs = '', crn = '', crns = '',track = '', - tracks = '', stn = '', stns = ''; - let stnCount = 0; - let rackss = data.racks, - rackDescss = data.rackDescs, - crnss = data.crns, - stnss = data.stns; - // 璐ф灦 - for (let i = 0;i < rackss.length;i++) { - let btn ='' - let btns = '' - var maxBayNo = rackss[i].maxBayNo - var minBayNo = rackss[i].minBayNo - var bayNo = minBayNo; - // let bLen = maxBayNo / minBayNo - // let bLen = Math.ceil((maxBayNo - minBayNo + 1) / 2); - // let bLen = Math.ceil(maxBayNo / 2); - let bLen = parseInt(maxBayNo / 2); - let width = rackss[i].width / bLen; - - if (data.hpPosition == 1) { - for (let j = bLen;j > 0; j--) { - btn = "<button class='item' style='width: " + width + "px'>" + maxBayNo + "</button>" - btns = btns + btn - maxBayNo = maxBayNo - 2; - if(maxBayNo < minBayNo) { - maxBayNo = minBayNo; - } - // maxBayNo = maxBayNo - minBayNo; - } - }else { - // if(i===13) debugger - for (let j = 0;j < bLen; j++) { - if(bayNo >= maxBayNo){ - btn = "<button class='item' style='width: " + width/2 + "px'>" + bayNo + "</button>" - } else { - btn = "<button class='item' style='width: " + width + "px'>" + bayNo + "</button>" - } - btns = btns + btn - bayNo = bayNo + 2; - if(bayNo > maxBayNo) { - bayNo = maxBayNo; - } - // bayNo = bayNo + minBayNo; - } - } - - rack = "<div class='rack' id='" + rackss[i].id + - "'style='width:"+ rackss[i].width + - "px;height: "+ rackss[i].height+ - "px;top: "+ rackss[i].top + - "px;left: "+ rackss[i].left + - "px'>" + btns + "</div>" - racks = racks + rack - } - // 璐ф灦鎻忚堪 - for (let i = 0;i < rackDescss.length;i++) { - rackDesc = "<div class='rackDescs' id='" + rackDescss[i].id + - "'style='width:"+ rackDescss[i].width + - "px;height: "+ rackDescss[i].height+ - "px;line-height: "+ rackDescss[i].height+ - "px;top: "+ rackDescss[i].top + - "px;left: "+ rackDescss[i].left + - "px'>" + rackDescss[i].text + "</div>" - rackDescs = rackDescs + rackDesc - } - // 鍫嗗灈鏈哄拰鍦拌建 - for (let i = 0;i < crnss.length;i++) { - if (crnss[i].type == "crane") { - crn = "<div class='machine' id='" + crnss[i].id + - "'style='width:"+ crnss[i].width + - "px;height: "+ crnss[i].height+ - "px;top: "+ crnss[i].top + - "px;left: "+ crnss[i].left + - "px'></div>" - crns = crns + crn - } else { - track = "<div class='track' id='" + crnss[i].id + - "'style='width:"+ crnss[i].width + - "px;height: "+ crnss[i].height+ - "px;top: "+ crnss[i].top + - "px;left: "+ crnss[i].left + - "px'>" + crnss[i].text + "</div>" - tracks = tracks + track - } - } - // 杈撻�佺嚎 绔欑偣 - for (let i = 0;i < stnss.length;i++) { - stn = "<div class='site' id='" + stnss[i].id + - "'style='width:"+ stnss[i].width + - "px;height: "+ stnss[i].height+ - "px;line-height: "+ stnss[i].height+ - "px;top: "+ stnss[i].top + - "px;left: "+ stnss[i].left + - "px'>" + stnss[i].text + "</div>" - stns = stns + stn - stnCount++; - } - let whycq = racks + stns + rackDescs + crns + tracks - $(".main-part").append(whycq) - $("#line-total").empty() - $("#line-total").html(stnCount) -}; \ No newline at end of file diff --git a/src/main/webapp/views/test.html b/src/main/webapp/views/test.html deleted file mode 100644 index 8bd60da..0000000 --- a/src/main/webapp/views/test.html +++ /dev/null @@ -1,61 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8"> - <title>Title</title> - <script src="../static/js/jquery/jquery-3.3.1.min.js"></script> -</head> -<body> - <div id="ycq"></div> - <button onclick="closeBtn()">鍏抽棴</button> - <button onclick="openBtn()">寮�濮�</button> - <button id="1" onclick="alt(1)">寮�濮�</button> -</body> -<script> - // var abc = 1 - var i ; - i=0 - var a = true - setInterval(()=>{ - addI(); - },1000) - function addI() { - if (a) { - $("#ycq").html(i++) - - }else { - return; - } - } - // $("#ycq").html(i) - - function alt(e) { - alert(e) - } - - - // var arr=[]; //鎵归噺瀹氫箟 - // for(var i=0;i<5;i++){ - // var index=i; //鍔ㄦ�佸畾涔夊彉閲忓悕 - // arr[index]='value-'+i; //鍔ㄦ�佽祴鍊� - // } - // console.log(arr); - - - - - - - - - - function closeBtn() { - console.log("鏆傚仠鎵撳嵃") - a = false - } - function openBtn() { - console.log("鎭㈠鎵撳嵃") - a = true - } -</script> -</html> \ No newline at end of file -- Gitblit v1.9.1