| | |
| | | <div class="main-part"> |
| | | |
| | | </div> |
| | | <div style="width: 100px;height: 40px;background-color: rgb(108,167,168);position: absolute; |
| | | left: 374px;top:133px;z-index: 999"></div> |
| | | <div style="width: 100px;height: 40px;background-color: rgb(108,167,168);position: absolute; |
| | | left: 374px;top:380px;z-index: 999"></div> |
| | | <div id="body"> |
| | | <!-- 总开关 --> |
| | | <div class="system-state"> |
| | |
| | | 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 === '16' || sites[i].siteId === '016') { |
| | | |
| | | carAnimate(Number(sites[i].siteId), Number(sites[i].nearbySta)); |
| | | } |
| | | } |
| | | } else if (res.code === 403) { |
| | |
| | | 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) { |
| | | |
| | | if (crns[i].bay < 0 || crns[i].bay === -2) { |
| | | crns[i].bay = 1 |
| | | } |
| | | // crnEl.animate({left: (crns[i].bay * unit) + 'px'}, 1000); |
| | | // crns[i].bay = 1; |
| | | // crns[i].bay = 15; |
| | | |
| | | 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; |
| | | } |
| | | unit = 60; |
| | | offSet = 350; |
| | | |
| | | |
| | | if(crns[i].bay === 1){ |
| | | crnEl.animate({left: offSet + 'px'}, 1000); |
| | |
| | | |
| | | // 小车偏移动画 |
| | | function carAnimate(id, target) { |
| | | var targetTop = 122; |
| | | if (id === 8) { |
| | | // debugger |
| | | var targetTop = 0; |
| | | if (id === 16 || id === '16' || id === '016') { |
| | | switch (target) { |
| | | case 1: |
| | | targetTop += 160; |
| | | targetTop += 827; |
| | | break; |
| | | case 2: |
| | | targetTop += 140; |
| | | targetTop += 765; |
| | | break; |
| | | case 3: |
| | | targetTop += 80; |
| | | targetTop += 651; |
| | | break; |
| | | case 4: |
| | | targetTop += 40; |
| | | targetTop += 589; |
| | | break; |
| | | case 5: |
| | | targetTop += 505; |
| | | break; |
| | | case 6: |
| | | targetTop += 443; |
| | | break; |
| | | case 7: |
| | | targetTop += 0; |
| | | targetTop += 362; |
| | | break; |
| | | case 8: |
| | | targetTop += 297; |
| | | break; |
| | | case 9: |
| | | targetTop += 243; |
| | | break; |
| | | case 10: |
| | | targetTop += 129; |
| | | break; |
| | | default: |
| | | return; |
| | |
| | | } else { |
| | | return; |
| | | } |
| | | $("#site-" + id).animate({top: targetTop + 'px'}, 1000); |
| | | |
| | | $("#site-0" + id).animate({top: targetTop + 'px'}, 1000); |
| | | } |
| | | |
| | | |