| | |
| | | <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"> |
| | |
| | | siteEl.html(sites[i].siteId); |
| | | } |
| | | |
| | | if (sites[i].siteId === '16' || sites[i].siteId === '016') { |
| | | if (sites[i].siteId === '1' || sites[i].siteId === '2' || sites[i].siteId === '3') { |
| | | |
| | | carAnimate(Number(sites[i].siteId), Number(sites[i].nearbySta)); |
| | | } |
| | |
| | | for (var i = 0; i < crns.length; i++) { |
| | | var crnEl = $("#crn-" + crns[i].crnId); |
| | | crnEl.attr("class", "machine " + crns[i].crnStatus); |
| | | var unit = 0;//($('.item').eq(0).width() + 13) / 2; |
| | | |
| | | if (crns[i].bay < 0 || crns[i].bay === -2) { |
| | | crns[i].bay = 1 |
| | | if (crns[i].bay < 0) { |
| | | crns[i].bay = 1; |
| | | } |
| | | // crnEl.animate({left: (crns[i].bay * unit) + 'px'}, 1000); |
| | | // crns[i].bay = 15; |
| | | var offSet = 0; |
| | | switch (i) { |
| | | case 0: |
| | | case 1:; |
| | | case 2: |
| | | case 3: |
| | | unit = 150; |
| | | offSet = 550; |
| | | break; |
| | | case 5: |
| | | unit = 124; |
| | | offSet = 550; |
| | | break; |
| | | case 4: |
| | | case 6: |
| | | unit = 62; |
| | | offSet = 550; |
| | | 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) { |
| | | // debugger |
| | | var targetTop = 0; |
| | | if (id === 16 || id === '16' || id === '016') { |
| | | if (id === 1 || id === '1' || id === '2' || id === 2 || id === '3' || id === 3) { |
| | | switch (target) { |
| | | case 1: |
| | | targetTop += 827; |
| | | targetTop += 792; |
| | | break; |
| | | case 2: |
| | | targetTop += 765; |
| | | targetTop += 771; |
| | | break; |
| | | case 3: |
| | | targetTop += 651; |
| | | targetTop += 727; |
| | | break; |
| | | case 4: |
| | | targetTop += 589; |
| | | targetTop += 706; |
| | | break; |
| | | case 5: |
| | | targetTop += 505; |
| | | targetTop += 662; |
| | | break; |
| | | case 6: |
| | | targetTop += 443; |
| | | targetTop += 620; |
| | | break; |
| | | case 7: |
| | | targetTop += 362; |
| | | targetTop += 578; |
| | | break; |
| | | case 8: |
| | | targetTop += 297; |
| | | targetTop += 530; |
| | | break; |
| | | case 9: |
| | | targetTop += 243; |
| | | targetTop += 190; |
| | | break; |
| | | case 10: |
| | | targetTop += 129; |
| | | targetTop += 147; |
| | | break; |
| | | case 11: |
| | | targetTop += 107; |
| | | break; |
| | | case 12: |
| | | targetTop += 63; |
| | | break; |
| | | default: |
| | | return; |
| | |
| | | return; |
| | | } |
| | | |
| | | $("#site-0" + id).animate({top: targetTop + 'px'}, 1000); |
| | | $("#site-" + id).animate({top: targetTop + 'px'}, 1000); |
| | | } |
| | | |
| | | |