| | |
| | | </div> |
| | | <div class="line-status"> |
| | | <div class="body-head">输送线状态</div> |
| | | <div class="state states"> |
| | | <div class="state"> |
| | | <span>运输线总数</span> |
| | | <span id="line-total" class="line-ss"></span> |
| | | </div> |
| | | <div class="state"> |
| | | <span>输送线任务 <span id="devpTaskStackOver"></span></span> |
| | | <span id="devpWorkingCount" class="line-ss"></span> |
| | | </div> |
| | | <div class="button"><span>所有状态</span></div> |
| | | <div class="button item-group"> |
| | |
| | | getSitesInfo(); |
| | | getCrnInfo(); |
| | | getSystemRunningStatus(); |
| | | getDevpTaskCount(); |
| | | getBarcodeInfo(); |
| | | getScaleInfo(); |
| | | // 实时访问 |
| | | setInterval(function () { |
| | | getCrnInfo(); |
| | | getSystemRunningStatus(); |
| | | getDevpTaskCount(); |
| | | getBarcodeInfo(); |
| | | getScaleInfo(); |
| | | }, 1000); |
| | |
| | | }); |
| | | } |
| | | |
| | | function getDevpTaskCount() { |
| | | $.ajax({ |
| | | url: baseUrl + "/console/devpTaskCount", |
| | | headers: {'token': localStorage.getItem('token')}, |
| | | method: 'POST', |
| | | success: function (res) { |
| | | if (res.code === 200) { |
| | | let devpTaskStackOver = res.data.devpTaskStackOver |
| | | let devpWorkingCount = res.data.devpWorkingCount |
| | | $("#devpTaskStackOver").html(devpTaskStackOver); |
| | | $("#devpWorkingCount").html(devpWorkingCount); |
| | | } else if (res.code === 403) { |
| | | parent.location.href = baseUrl + "/login"; |
| | | } else { |
| | | console.log(res.msg); |
| | | } |
| | | } |
| | | }); |
| | | } |
| | | |
| | | // 输送设备实时数据获取 |
| | | function getSitesInfo() { |
| | | $.ajax({ |
| | |
| | | } 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) { |
| | |
| | | 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; |
| | | var unit = 35;//($('.item').eq(0).width() + 13) / 2; |
| | | |
| | | if (crns[i].bay < 0 || crns[i].bay === -2) { |
| | | crns[i].bay = 1 |
| | | } |
| | | // crnEl.animate({left: (crns[i].bay * unit) + 'px'}, 1000); |
| | | crns[i].bay = 15; |
| | | // crns[i].bay = 15; |
| | | var offSet = 800; |
| | | // switch (i) { |
| | | // case 0: |
| | | // case 1: |
| | | // case 2: |
| | | // case 3: |
| | | // unit = 35; |
| | | // offSet = 500; |
| | | // break; |
| | | // case 5: |
| | | // unit = 124; |
| | | // offSet = 550; |
| | | // break; |
| | | // case 4: |
| | | // case 6: |
| | | // unit = 62; |
| | | // offSet = 550; |
| | | // break; |
| | | // } |
| | | |
| | | var offSet = 0; |
| | | unit = 60; |
| | | offSet = 325; |
| | | crnEl.animate({left: offSet + 'px'}, 1000); |
| | | |
| | | |
| | | if(crns[i].bay === 1){ |
| | | crnEl.animate({left: offSet + 'px'}, 1000); |
| | | } else { |
| | | crnEl.animate({left: (offSet - unit + (crns[i].bay * unit)) + 'px'}, 1000); |
| | | } |
| | | // 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) { |
| | |
| | | |
| | | // 小车偏移动画 |
| | | 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); |
| | | } |
| | | |
| | | |