| | |
| | | |
| | | .container { |
| | | position: relative; /* 相对定位 */ |
| | | top: 50%; /* 向上移动自身高度的一半 */ |
| | | top: 90%; /* 向上移动自身高度的一半 */ |
| | | left: 50%; /* 向左移动自身宽度的一半 */ |
| | | transform: translate(-50%, -50%); /* 通过translate函数进行微调,使其完全居中 */ |
| | | } |
| | |
| | | </div> |
| | | </div> |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label">排</label> |
| | | <label class="layui-form-label">楼层</label> |
| | | <div class="layui-input-inline"> |
| | | <select name="Row" id="Row" lay-filter="SelectRow"> |
| | | <option value="1" selected>一楼</option> |
| | |
| | | <!-- 储位图例 --> |
| | | <table style="margin:0 auto;"> |
| | | <tr> |
| | | <td><button class="btnShow1 five" disabled></button></td> |
| | | <td>移出中</td> |
| | | <td><button class="btnShow1 four" disabled></button></td> |
| | | <td>移入中</td> |
| | | <td><button class="btnShow1 three" disabled></button></td> |
| | | <td>出库中</td> |
| | | <td><button class="btnShow1 two" disabled></button></td> |
| | |
| | | </div> |
| | | |
| | | <!-- //定时自刷新库位图例 --> |
| | | <!-- <div class="layui-inline" style="float: right;"> |
| | | <div class="layui-inline" style="float: right;"> |
| | | <label class="layui-form-label" style="margin-top: 10px;">自动刷新</label> |
| | | <div class="layui-input-inline" style="width: auto;"> |
| | | <input type="checkbox" checked="" id="autoRefresh" lay-skin="switch" lay-filter="switchTest" lay-text="开|关"> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | |
| | | </div> |
| | | </div> |
| | |
| | | |
| | | |
| | | //获取数据渲染库位图 |
| | | function GetSlotVm(houseNo, row,depth) { |
| | | function GetSlotVm(houseNo, row) { |
| | | var param = { |
| | | WareHouseNo: houseNo, |
| | | Row: row, |
| | | Depth: depth |
| | | Row: row |
| | | } |
| | | sendData(IP + "/Sys/GetFlatLibraryLegend", param, 'get', function (res) { |
| | | console.log(res) |
| | |
| | | else if (item.Status == 3) { |
| | | html1 += '<td><button value=' + item.LocatNo + ' class="btnShow three" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移入中 4 |
| | | else if (item.Status == 4) { |
| | | html1 += '<td><button value=' + item.LocatNo + ' class="btnShow four" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移出中 5 |
| | | else if (item.Status == 5) { |
| | | html1 += '<td><button value=' + item.LocatNo + ' class="btnShow five" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | } else { |
| | | // console.log(i, a); |
| | | html1 += '<td></td>' |
| | |
| | | else if (item.Status == 3) { |
| | | html2 += '<td><button value=' + item.LocatNo + ' class="btnShow three" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移入中 4 |
| | | else if (item.Status == 4) { |
| | | html2 += '<td><button value=' + item.LocatNo + ' class="btnShow four" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移出中 5 |
| | | else if (item.Status == 5) { |
| | | html2 += '<td><button value=' + item.LocatNo + ' class="btnShow five" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | } else { |
| | | // console.log(i, a); |
| | | html2 += '<td></td>' |
| | |
| | | else if (item.Status == 3) { |
| | | html3 += '<td><button value=' + item.LocatNo + ' class="btnShow three" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移入中 4 |
| | | else if (item.Status == 4) { |
| | | html3 += '<td><button value=' + item.LocatNo + ' class="btnShow four" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移出中 5 |
| | | else if (item.Status == 5) { |
| | | html3 += '<td><button value=' + item.LocatNo + ' class="btnShow five" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | } else { |
| | | // console.log(i, a); |
| | | html3 += '<td></td>' |
| | |
| | | else if (item.Status == 3) { |
| | | html4 += '<td><button value=' + item.LocatNo + ' class="btnShow three" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移入中 4 |
| | | else if (item.Status == 4) { |
| | | html4 += '<td><button value=' + item.LocatNo + ' class="btnShow four" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移出中 5 |
| | | else if (item.Status == 5) { |
| | | html4 += '<td><button value=' + item.LocatNo + ' class="btnShow five" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | } else { |
| | | // console.log(i, a); |
| | | html4 += '<td></td>' |
| | |
| | | //出库中 3 |
| | | else if (item.Status == 3) { |
| | | html5 += '<td><button value=' + item.LocatNo + ' class="btnShow three" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移入中 4 |
| | | else if (item.Status == 4) { |
| | | html5 += '<td><button value=' + item.LocatNo + ' class="btnShow four" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移出中 5 |
| | | else if (item.Status == 5) { |
| | | html5 += '<td><button value=' + item.LocatNo + ' class="btnShow five" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | } else { |
| | | // console.log(i, a); |
| | |
| | | else if (item.Status == 3) { |
| | | html6 += '<td><button value=' + item.LocatNo + ' class="btnShow three" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移入中 4 |
| | | else if (item.Status == 4) { |
| | | html6 += '<td><button value=' + item.LocatNo + ' class="btnShow four" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移出中 5 |
| | | else if (item.Status == 5) { |
| | | html6 += '<td><button value=' + item.LocatNo + ' class="btnShow five" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | } else { |
| | | // console.log(i, a); |
| | | html6 += '<td></td>' |
| | |
| | | //出库中 3 |
| | | else if (item.Status == 3) { |
| | | html7 += '<td><button value=' + item.LocatNo + ' class="btnShow three" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移入中 4 |
| | | else if (item.Status == 4) { |
| | | html7 += '<td><button value=' + item.LocatNo + ' class="btnShow four" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移出中 5 |
| | | else if (item.Status == 5) { |
| | | html7 += '<td><button value=' + item.LocatNo + ' class="btnShow five" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | } else { |
| | | // console.log(i, a); |
| | |
| | | else if (item.Status == 3) { |
| | | html5 += '<td><button value=' + item.LocatNo + ' class="btnShow three" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移入中 4 |
| | | else if (item.Status == 4) { |
| | | html5 += '<td><button value=' + item.LocatNo + ' class="btnShow four" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移出中 5 |
| | | else if (item.Status == 5) { |
| | | html5 += '<td><button value=' + item.LocatNo + ' class="btnShow five" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | } else { |
| | | // console.log(i, a); |
| | | html5 += '<td></td>' |
| | |
| | | else if (item.Status == 3) { |
| | | html7 += '<td><button value=' + item.LocatNo + ' class="btnShow three" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移入中 4 |
| | | else if (item.Status == 4) { |
| | | html7 += '<td><button value=' + item.LocatNo + ' class="btnShow four" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移出中 5 |
| | | else if (item.Status == 5) { |
| | | html7 += '<td><button value=' + item.LocatNo + ' class="btnShow five" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | } else { |
| | | // console.log(i, a); |
| | | html7 += '<td></td>' |
| | |
| | | //出库中 3 |
| | | else if (item.Status == 3) { |
| | | html2 += '<td><button value=' + item.LocatNo + ' class="btnShow three" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移入中 4 |
| | | else if (item.Status == 4) { |
| | | html2 += '<td><button value=' + item.LocatNo + ' class="btnShow four" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移出中 5 |
| | | else if (item.Status == 5) { |
| | | html2 += '<td><button value=' + item.LocatNo + ' class="btnShow five" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | } else { |
| | | // console.log(i, a); |
| | |
| | | else if (item.Status == 3) { |
| | | html1 += '<td><button value=' + item.LocatNo + ' class="btnShow three" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移入中 4 |
| | | else if (item.Status == 4) { |
| | | html1 += '<td><button value=' + item.LocatNo + ' class="btnShow four" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移出中 5 |
| | | else if (item.Status == 5) { |
| | | html1 += '<td><button value=' + item.LocatNo + ' class="btnShow five" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | } else { |
| | | // console.log(i, a); |
| | | html1 += '<td></td>' |
| | |
| | | //出库中 3 |
| | | else if (item.Status == 3) { |
| | | html4 += '<td><button value=' + item.LocatNo + ' class="btnShow three" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移入中 4 |
| | | else if (item.Status == 4) { |
| | | html4 += '<td><button value=' + item.LocatNo + ' class="btnShow four" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | //移出中 5 |
| | | else if (item.Status == 5) { |
| | | html4 += '<td><button value=' + item.LocatNo + ' class="btnShow five" style="width: 100%;height: 100%;" ></button></td>' |
| | | } |
| | | } else { |
| | | // console.log(i, a); |
| | |
| | | }); |
| | | //定时器 |
| | | setInterval(function(){ |
| | | // console.info(1) |
| | | if(autoRefresh){ |
| | | GetSlotVm($("#WareHouseNo").val(), $("#RoadwayNo").val(), $("#Row").val(), $("#Depth").val()); |
| | | //var currentDate = new Date(); |
| | | //console.log('自动刷新了,'+currentDate) |
| | | GetSlotVm($("#WareHouseNo").val(), $("#Row").val()); |
| | | // var currentDate = new Date(); |
| | | // console.log('自动刷新了,'+currentDate) |
| | | } |
| | | },10000)//10秒自动刷新一次 |
| | | // #endregion |