| | |
| | | } |
| | | |
| | | .one { |
| | | background-color: #91cc75; |
| | | background-color: #75bfcc; |
| | | Opacity: .8; |
| | | } |
| | | |
| | | .two { |
| | | background-color: #ffdc60; |
| | | background-color: #89a297; |
| | | } |
| | | |
| | | .three { |
| | | background-color: #ee6666; |
| | | background-color: #8ef0f0; |
| | | Opacity: .8; |
| | | } |
| | | |
| | | .four { |
| | | background-color: #ffff7f; |
| | | background-color: #f0b9f9; |
| | | Opacity: .8; |
| | | } |
| | | |
| | |
| | | <!-- 储位图例 --> |
| | | <table style="margin:0 auto;"> |
| | | <tr> |
| | | <td><button class="btnShow three" disabled></button></td> |
| | | <td>出库中</td> |
| | | <td><button class="btnShow two" disabled></button></td> |
| | | <td>入库中</td> |
| | | <td><button class="btnShow one" disabled></button></td> |
| | | <td>有物品</td> |
| | | <td><button class="btnShow zero" disabled></button></td> |
| | | <td>空库位</td> |
| | | <td><button class="btnShow one" disabled></button></td> |
| | | <td>有物品</td> |
| | | <td><button class="btnShow two" disabled></button></td> |
| | | <td>入库中</td> |
| | | <td><button class="btnShow three" disabled></button></td> |
| | | <td>出库中</td> |
| | | <td><button class="btnShow four" disabled></button></td> |
| | | <td>移入中</td> |
| | | <td><button class="btnShow five" disabled></button></td> |
| | | <td>移出中</td> |
| | | <td><button class="btnShow filg" disabled></button></td> |
| | | <td>损坏\屏蔽</td> |
| | | </tr> |
| | |
| | | $("#Row").empty();//清空上一个查询下拉值 |
| | | $("#Row option[value ='19']").attr("selected", "selected") |
| | | $("#Row").append('<option value =19>第19排</option>'); |
| | | $("#Row").append('<option value =>第20排</option>'); |
| | | $("#Row").append('<option value =20>第20排</option>'); |
| | | form.render('select'); |
| | | } |
| | | GetSlotChartz($("#WareHouseNo").val(), $("#RoadwayNo").val()) |
| | | |
| | | funLayer(); |
| | | GetSlotChartz($("#WareHouseNo").val(), $("#RoadwayNo").val()); |
| | | GetSlotVm($("#WareHouseNo").val(), $("#RoadwayNo").val(), $("#Row").val(), $("#Depth").val()); |
| | | |
| | | }) |
| | |
| | | form.on('select(SelectDepth)', function (data) { |
| | | GetSlotVm($("#WareHouseNo").val(), $("#RoadwayNo").val(), $("#Row").val(), $("#Depth").val()); |
| | | }); |
| | | function funLayer() |
| | | { |
| | | if($("#Row").val() == "2" || $("#Row").val() == "5" || $("#Row").val() == "9" || $("#Row").val() == "13" || $("#Row").val() == "17") |
| | | { |
| | | $("#Depth").empty();//清空上一个查询下拉值 |
| | | $("#Depth option[value ='01']").attr("selected", "selected") |
| | | $("#Depth").append('<option value =01>深度1</option>'); |
| | | } |
| | | else |
| | | { |
| | | $("#Depth").empty();//清空上一个查询下拉值 |
| | | $("#Depth option[value ='01']").attr("selected", "selected") |
| | | $("#Depth").append('<option value =01>深度1</option>'); |
| | | $("#Depth").append('<option value =02>深度2</option>'); |
| | | } |
| | | form.render('select'); |
| | | GetSlotVm($("#WareHouseNo").val(), $("#RoadwayNo").val(), $("#Row").val(), $("#Depth").val()); |
| | | } |
| | | |
| | | //获取仓库巷道 |
| | | function getRoadway() { |
| | |
| | | xiangb = "巷道20排"; |
| | | $("#Row option[value ='19']").attr("selected", "selected") |
| | | $("#Row").append('<option value =19>第19排</option>'); |
| | | $("#Row").append('<option value =>第20排</option>'); |
| | | $("#Row").append('<option value =20>第20排</option>'); |
| | | form.render('select'); |
| | | } |
| | | funLayer(); |
| | | GetSlotChartz($("#WareHouseNo").val(), $("#RoadwayNo").val()); |
| | | GetSlotVm($("#WareHouseNo").val(), $("#RoadwayNo").val(), $("#Row").val(), $("#Depth").val()); |
| | | } else { //不成功 |
| | | layer.msg(res.msg, { |
| | | icon: 2, |
| | |
| | | } |
| | | |
| | | //移入中 4 |
| | | // if (statu.Status == 4) { |
| | | // html += '<td style="height:auto;width:auto"><button value=' + statu.LocatNo + ' class="btnShow four" style="height:' + height3 + 'px;width:' + svmwidth + 'px"></button></td>' |
| | | // } |
| | | if (statu.Status == 4) { |
| | | html += '<td><button value=' + statu.LocatNo + ' class="btnShow four"></button></td>' |
| | | } |
| | | //移出中 5 |
| | | // if (statu.Status == 5) { |
| | | // html += '<td style="height:auto;width:auto"><button value=' + statu.LocatNo + ' class="btnShow five" style="height:' + height3 + 'px;width:' + svmwidth + 'px"></button></td>' |
| | | // } |
| | | if (statu.Status == 5) { |
| | | html += '<td><button value=' + statu.LocatNo + ' class="btnShow five"></button></td>' |
| | | } |
| | | |
| | | } else { |
| | | // console.log(i, a); |
| | |
| | | |
| | | var list = res.data; |
| | | //0:空储位 1:有物品 2:入库中 3:出库中 4:移入中 5:移出中 6: 损坏\屏蔽 |
| | | var key = ['空储位', '有物品', '入库中', '出库中', '损坏\屏蔽']; |
| | | var key = ['空储位', '有物品', '入库中', '出库中','移入中','移出中', '损坏\屏蔽']; |
| | | var value = [0,0,0,0,0,0,0]; |
| | | list.forEach(item => { |
| | | value[item.Status] = item.StatusNum; |
| | |
| | | var option2 = { |
| | | color: [ |
| | | '#5470c6', |
| | | '#91cc75', |
| | | '#ffdc60', |
| | | '#ee6666', |
| | | // '#ffff7f', |
| | | // '#ee23ee', |
| | | '#75bfcc', |
| | | '#89a297', |
| | | '#8ef0f0', |
| | | '#f0b9f9', |
| | | '#ee23ee', |
| | | '#808080', |
| | | ], |
| | | title: { |
| | |
| | | { value: value[1], name: key[1] }, //有物品 |
| | | { value: value[2], name: key[2] }, //入库中 |
| | | { value: value[3], name: key[3] }, //出库中 |
| | | // { value: value[4], name: key[4] }, |
| | | // { value: value[5], name: key[5] }, |
| | | { value: value[6], name: key[4] }, //损坏\屏蔽 |
| | | { value: value[4], name: key[4] }, //移入中 |
| | | { value: value[5], name: key[5] }, //移出中 |
| | | { value: value[6], name: key[6] }, //损坏\屏蔽 |
| | | ], |
| | | // emphasis: { |
| | | // itemStyle: { |
| | |
| | | |
| | | var list = res.data; |
| | | //0:空储位 1:有物品 2:入库中 3:出库中 4:移入中 5:移出中 6:损坏\屏蔽 |
| | | var key = ['空储位', '有物品', '入库中', '出库中','损坏\屏蔽']; |
| | | var key = ['空储位', '有物品', '入库中', '出库中','移入中','移出中','损坏\屏蔽']; |
| | | this.chartLine2 = echarts.init(document.getElementById("zhu")); |
| | | //巷道 |
| | | var roarylist = [xianga, xiangb]; |
| | |
| | | var status1 = []; |
| | | var status2 = []; |
| | | var status3 = []; |
| | | // var status4 = []; |
| | | // var status5 = []; |
| | | var status4 = []; |
| | | var status5 = []; |
| | | var status6 = []; |
| | | //获取 |
| | | //总 |
| | |
| | | if (list[i].Status == '3') { |
| | | status3.push(list[i].StatusNum) |
| | | } |
| | | // if (list[i].Status == '4') { |
| | | // status4.push(list[i].StatusNum) |
| | | // } |
| | | // if (list[i].Status == '5') { |
| | | // status5.push(list[i].StatusNum) |
| | | // } |
| | | if (list[i].Status == '4') { |
| | | status4.push(list[i].StatusNum) |
| | | } |
| | | if (list[i].Status == '5') { |
| | | status5.push(list[i].StatusNum) |
| | | } |
| | | if (list[i].Status == '6') { |
| | | status6.push(list[i].StatusNum) |
| | | } |
| | |
| | | else |
| | | { |
| | | status3.push(0) |
| | | } |
| | | if (status4.length == 0) |
| | | { |
| | | status4.push(0) |
| | | status4.push(0) |
| | | } |
| | | else |
| | | { |
| | | status4.push(0) |
| | | } |
| | | if (status5.length == 0) |
| | | { |
| | | status5.push(0) |
| | | status5.push(0) |
| | | } |
| | | else |
| | | { |
| | | status5.push(0) |
| | | } |
| | | if (status6.length == 0) |
| | | { |
| | |
| | | }, |
| | | data: status3 |
| | | }, |
| | | // { |
| | | // name: '移入中', |
| | | // type: 'bar', |
| | | // color: '#ffff7f', |
| | | // //label: labelOption, |
| | | // emphasis: { |
| | | // focus: 'series' |
| | | // }, |
| | | // data: status4 |
| | | // }, |
| | | // { |
| | | // name: '移出中', |
| | | // type: 'bar', |
| | | // color: '#ee23ee', |
| | | // //label: labelOption, |
| | | // emphasis: { |
| | | // focus: 'series' |
| | | // }, |
| | | // data: status5 |
| | | // }, |
| | | { |
| | | name: '移入中', |
| | | type: 'bar', |
| | | color: '#ffff7f', |
| | | //label: labelOption, |
| | | emphasis: { |
| | | focus: 'series' |
| | | }, |
| | | data: status4 |
| | | }, |
| | | { |
| | | name: '移出中', |
| | | type: 'bar', |
| | | color: '#ee23ee', |
| | | //label: labelOption, |
| | | emphasis: { |
| | | focus: 'series' |
| | | }, |
| | | data: status5 |
| | | }, |
| | | { |
| | | name: '损坏\屏蔽', |
| | | type: 'bar', |