| | |
| | | <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 class="head-right">--> |
| | | <!-- <img src="../static/images/zy-logo.png" alt="中扬" height="44" width="80">--> |
| | | <!-- </div>--> |
| | | </div> |
| | | <!-- 货架 + 堆垛机 + 入库站点 --> |
| | | <div class="main-part"> |
| | |
| | | url: baseUrl + '/console/barcode/output/site', |
| | | method: 'GET', |
| | | success: function (res) { |
| | | console.log(res) |
| | | if (res.code === 200) { |
| | | tData = eval(res.data); |
| | | if (tData.length <= 5) { |
| | |
| | | } else { |
| | | siteEl.html(sites[i].siteId); |
| | | } |
| | | if (i + 1 === 8) { |
| | | carAnimate(i + 1, Number(sites[i].nearbySta)); |
| | | |
| | | if (sites[i].siteId === '1' || sites[i].siteId === '2' || sites[i].siteId === '3') { |
| | | |
| | | carAnimate(Number(sites[i].siteId), Number(sites[i].nearbySta)); |
| | | } |
| | | } |
| | | } else if (res.code === 403) { |
| | |
| | | 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 |
| | | 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 = 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); |
| | | let unit = 20 |
| | | if (crns[i].crnId === 4) { |
| | | let offSet = 960; |
| | | if(crns[i].bay === 1){ |
| | | crnEl.animate({left: offSet + 'px'}, 1000); |
| | | } else { |
| | | crnEl.animate({left: (offSet + unit*(crns[i].bay-1)) + 'px'}, 1000); |
| | | } |
| | | } else { |
| | | crnEl.animate({left: (offSet - unit + (crns[i].bay * unit)) + 'px'}, 1000); |
| | | let offSet = 450; |
| | | if(crns[i].bay === 1){ |
| | | crnEl.animate({left: offSet + 'px'}, 1000); |
| | | } else { |
| | | crnEl.animate({left: (offSet + unit*(crns[i].bay -1)) + 'px'}, 1000); |
| | | } |
| | | } |
| | | |
| | | } |
| | | } else if (res.code === 403) { |
| | | parent.location.href = baseUrl + "/login"; |
| | |
| | | |
| | | // 小车偏移动画 |
| | | function carAnimate(id, target) { |
| | | var targetTop = 122; |
| | | if (id === 8) { |
| | | // debugger |
| | | var targetTop = 0; |
| | | if (id === 1 || id === '1' || id === '2' || id === 2 || id === '3' || id === 3) { |
| | | switch (target) { |
| | | case 1: |
| | | targetTop += 160; |
| | | targetTop += 792; |
| | | break; |
| | | case 2: |
| | | targetTop += 140; |
| | | targetTop += 771; |
| | | break; |
| | | case 3: |
| | | targetTop += 80; |
| | | targetTop += 727; |
| | | break; |
| | | case 4: |
| | | targetTop += 40; |
| | | targetTop += 706; |
| | | break; |
| | | case 5: |
| | | targetTop += 662; |
| | | break; |
| | | case 6: |
| | | targetTop += 620; |
| | | break; |
| | | case 7: |
| | | targetTop += 0; |
| | | targetTop += 578; |
| | | break; |
| | | case 8: |
| | | targetTop += 530; |
| | | break; |
| | | case 9: |
| | | targetTop += 190; |
| | | break; |
| | | case 10: |
| | | targetTop += 147; |
| | | break; |
| | | case 11: |
| | | targetTop += 107; |
| | | break; |
| | | case 12: |
| | | targetTop += 63; |
| | | break; |
| | | default: |
| | | return; |
| | |
| | | } else { |
| | | return; |
| | | } |
| | | |
| | | $("#site-" + id).animate({top: targetTop + 'px'}, 1000); |
| | | } |
| | | |