| | |
| | | </div> |
| | | </div> |
| | | <div class="bar-code"> |
| | | <div class="body-head" id="code">条码扫描器</div> |
| | | <div class="body-head" id="code">磅秤</div> |
| | | <div class="tablebox"> |
| | | <div class="table-head"> |
| | | <li><span>条码名称</span><span class="right">扫码时间</span></li> |
| | | <li><span>磅秤编号-磅秤重量</span><span class="right">称重时间</span></li> |
| | | </div> |
| | | <div id="barcode1" class="table-body"> |
| | | <div id="scale1" class="table-body"> |
| | | |
| | | </div> |
| | | </div> |
| | | <div class="tablebox"> |
| | | <div class="table-head"> |
| | | <li><span>条码名称</span><span class="right">扫码时间</span></li> |
| | | <li><span>磅秤编号-磅秤重量</span><span class="right">称重时间</span></li> |
| | | </div> |
| | | <div id="barcode2" class="table-body"> |
| | | <div id="scale2" class="table-body"> |
| | | |
| | | </div> |
| | | </div> |
| | | <div class="tablebox"> |
| | | <div class="table-head"> |
| | | <li><span>条码名称</span><span class="right">扫码时间</span></li> |
| | | <li><span>磅秤编号-磅秤重量</span><span class="right">称重时间</span></li> |
| | | </div> |
| | | <div id="barcode3" class="table-body"> |
| | | <div id="scale3" class="table-body"> |
| | | |
| | | </div> |
| | | </div> |
| | |
| | | url: baseUrl + '/console/barcode/output/site', |
| | | method: 'GET', |
| | | success: function (res) { |
| | | console.log(res) |
| | | // console.log(res) |
| | | if (res.code === 200) { |
| | | tData = eval(res.data); |
| | | if (tData.length <= 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) |
| | | var str1 = '<li><span>' + tData1[i].id +'-'+ tData1[i].scale +'kg'+ '</span><span class="right">' + tData1[i].time + '</span></li>' |
| | | $('#scale1').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) |
| | | var str2 = '<li><span>' + tData2[j].id +'-'+ tData1[i].scale +'kg'+ '</span><span class="right">' + tData2[j].time + '</span></li>' |
| | | $('#scale2').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) |
| | | var str3 = '<li><span>' + tData3[k].id +'-'+ tData1[i].scale +'kg'+ '</span><span class="right">' + tData3[k].time + '</span></li>' |
| | | $('#scale3').append(str3) |
| | | } |
| | | } |
| | | </script> |
| | |
| | | |
| | | // 输送设备实时数据获取 |
| | | function getSitesInfo() { |
| | | // carAnimate(112,4); |
| | | $.ajax({ |
| | | url: baseUrl + "/console/latest/data/site", |
| | | headers: {'token': localStorage.getItem('token')}, |
| | |
| | | } else { |
| | | siteEl.html(sites[i].siteId); |
| | | } |
| | | if (i + 1 === 8) { |
| | | carAnimate(i + 1, Number(sites[i].nearbySta)); |
| | | // RGV位置 |
| | | if(sites[i].siteId === '112' || sites[i].siteId === '212'){ |
| | | 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 = 20.6;//($('.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; |
| | | } |
| | | |
| | | var offSet = 390; |
| | | // crns[i].bay = 41; |
| | | if(crns[i].bay === 1){ |
| | | crnEl.animate({left: offSet + 'px'}, 1000); |
| | | } else { |
| | |
| | | |
| | | // 小车偏移动画 |
| | | function carAnimate(id, target) { |
| | | var targetTop = 122; |
| | | if (id === 8) { |
| | | var targetTop = 0; |
| | | if (id === 112) { |
| | | switch (target) { |
| | | case 1: |
| | | targetTop += 160; |
| | | targetTop += 313; |
| | | break; |
| | | case 2: |
| | | targetTop += 140; |
| | | targetTop += 313; |
| | | break; |
| | | case 3: |
| | | targetTop += 80; |
| | | targetTop += 256; |
| | | break; |
| | | case 4: |
| | | targetTop += 40; |
| | | targetTop += 226; |
| | | break; |
| | | case 7: |
| | | targetTop += 0; |
| | | case 5: |
| | | targetTop += 168; |
| | | case 6: |
| | | targetTop += 168; |
| | | break; |
| | | default: |
| | | return; |
| | | } |
| | | } else if (id === 212) { |
| | | switch (target) { |
| | | case 1: |
| | | targetTop += 313; |
| | | break; |
| | | case 2: |
| | | targetTop += 313; |
| | | break; |
| | | case 3: |
| | | targetTop += 256; |
| | | break; |
| | | case 4: |
| | | targetTop += 226; |
| | | break; |
| | | case 5: |
| | | targetTop += 168; |
| | | case 6: |
| | | targetTop += 168; |
| | | break; |
| | | default: |
| | | return; |