| | |
| | | } |
| | | |
| | | .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; |
| | | } |
| | | |
| | |
| | | background-color: #808080; |
| | | Opacity: .8; |
| | | } |
| | | |
| | | |
| | | .btnShow { |
| | | width: 20px; |
| | |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label">排</label> |
| | | <div class="layui-input-inline"> |
| | | <select name="Detph" id="Detph" lay-filter="SelectLayer"> |
| | | <option value="1">第一排</option> |
| | | <option value="2">第二排</option> |
| | | <select name="Row" id="Row" lay-filter="SelectLayer"> |
| | | <!-- <option value="1">第一排</option> |
| | | <option value="2">第二排</option> --> |
| | | </select> |
| | | </div> |
| | | </div> |
| | | <!-- 定时自刷新库位图例 --> |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label">深度</label> |
| | | <div class="layui-input-inline"> |
| | | <select name="Depth" id="Depth" lay-filter="SelectDepth"> |
| | | <option value="01" selected>深度1</option> |
| | | <option value="02" id="shendu2">深度2</option> |
| | | </select> |
| | | </div> |
| | | </div> |
| | | <!-- //定时自刷新库位图例 --> |
| | | <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;"> |
| | |
| | | <!-- 储位图例 --> |
| | | <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> |
| | |
| | | |
| | | var cengShu = "1"; |
| | | var dom = $('#LAY_app_tabsheader', parent.document).children();//.find(s=>s.s.nodeType == 1 && className == "layui-this") |
| | | |
| | | //算出button百分比大小 |
| | | var xianga = ""; |
| | | var xiangb = ""; |
| | | |
| | | //获取仓库下拉框信息 |
| | | synData(IP + "/Sys/GetWarehouseDic", {}, 'get', function (res) { |
| | |
| | | continue; |
| | | } |
| | | |
| | | $("#WareHouseNo").append('<option value =' + res.data[i].WareHouseNo + '>' + |
| | | $("#WareHouseNo").append('<option value =' + res.data[i].WareHouseNo + '>' + res.data[i].WareHouseNo + '-' + |
| | | res.data[i].WareHouseName + '</option>'); |
| | | } |
| | | $("#WareHouseNo option[value='" + res.data[0].WareHouseNo + "']").attr("selected", "selected") |
| | |
| | | } |
| | | }); |
| | | getRoadway(); |
| | | var svmwidth = 0; |
| | | GetSlotVm($("#WareHouseNo").val(), $("#RoadwayNo").val(), $("#Detph").val()); |
| | | GetSlotVm($("#WareHouseNo").val(), $("#RoadwayNo").val(), $("#Row").val(), $("#Depth").val()); |
| | | GetSlotChart($("#WareHouseNo").val()); |
| | | GetSlotChartz($("#WareHouseNo").val(), $("#RoadwayNo").val()) |
| | | |
| | | |
| | | // 查询事件 |
| | | form.on('select(getWareHouseNo)', function (data) { |
| | | GetSlotVm($("#WareHouseNo").val(), $("#RoadwayNo").val(), $("#Detph").val()); |
| | | GetSlotVm($("#WareHouseNo").val(), $("#RoadwayNo").val(), $("#Row").val(), $("#Depth").val()); |
| | | getRoadway() |
| | | GetSlotChart($("#WareHouseNo").val()) |
| | | }); |
| | | form.on('select(getRoadwayNo)', function (data) { |
| | | GetSlotChartz($("#WareHouseNo").val(), $("#RoadwayNo").val()) |
| | | |
| | | GetSlotVm($("#WareHouseNo").val(), $("#RoadwayNo").val(), $("#Detph").val()); |
| | | if (data.value == "R01") |
| | | { |
| | | xianga = "巷道1排"; |
| | | xiangb = "巷道2排"; |
| | | $("#Row").empty();//清空上一个查询下拉值 |
| | | $("#Row option[value ='1']").attr("selected", "selected") |
| | | $("#Row").append('<option value =1>第1排</option>'); |
| | | $("#Row").append('<option value =2>第2排</option>'); |
| | | form.render('select'); |
| | | } |
| | | else if ($("#RoadwayNo").val() == "R02") |
| | | { |
| | | xianga = "巷道3排"; |
| | | xiangb = "巷道4排"; |
| | | $("#Row").empty();//清空上一个查询下拉值 |
| | | $("#Row option[value ='3']").attr("selected", "selected") |
| | | $("#Row").append('<option value =3>第3排</option>'); |
| | | $("#Row").append('<option value =4>第4排</option>'); |
| | | form.render('select'); |
| | | } |
| | | else if ($("#RoadwayNo").val() == "R03") |
| | | { |
| | | |
| | | xianga = "巷道5排"; |
| | | xiangb = "巷道6排"; |
| | | $("#Row").empty();//清空上一个查询下拉值 |
| | | $("#Row option[value ='5']").attr("selected", "selected") |
| | | $("#Row").append('<option value =5>第5排</option>'); |
| | | $("#Row").append('<option value =6>第6排</option>'); |
| | | form.render('select'); |
| | | } |
| | | else if ($("#RoadwayNo").val() == "R04") |
| | | { |
| | | |
| | | xianga = "巷道7排"; |
| | | xiangb = "巷道8排"; |
| | | $("#Row").empty();//清空上一个查询下拉值 |
| | | $("#Row option[value ='7']").attr("selected", "selected") |
| | | $("#Row").append('<option value =7>第7排</option>'); |
| | | $("#Row").append('<option value =8>第8排</option>'); |
| | | form.render('select'); |
| | | } |
| | | else if ($("#RoadwayNo").val() == "R05") |
| | | { |
| | | |
| | | xianga = "巷道9排"; |
| | | xiangb = "巷道10排"; |
| | | $("#Row").empty();//清空上一个查询下拉值 |
| | | $("#Row option[value ='9']").attr("selected", "selected") |
| | | $("#Row").append('<option value =9>第9排</option>'); |
| | | $("#Row").append('<option value =10>第10排</option>'); |
| | | form.render('select'); |
| | | } |
| | | else if ($("#RoadwayNo").val() == "R06") |
| | | { |
| | | |
| | | xianga = "巷道11排"; |
| | | xiangb = "巷道12排"; |
| | | $("#Row").empty();//清空上一个查询下拉值 |
| | | $("#Row option[value ='11']").attr("selected", "selected") |
| | | $("#Row").append('<option value =11>第11排</option>'); |
| | | $("#Row").append('<option value =12>第12排</option>'); |
| | | form.render('select'); |
| | | } |
| | | else if ($("#RoadwayNo").val() == "R07") |
| | | { |
| | | |
| | | xianga = "巷道13排"; |
| | | xiangb = "巷道14排"; |
| | | $("#Row").empty();//清空上一个查询下拉值 |
| | | $("#Row option[value ='13']").attr("selected", "selected") |
| | | $("#Row").append('<option value =13>第13排</option>'); |
| | | $("#Row").append('<option value =14>第14排</option>'); |
| | | form.render('select'); |
| | | } |
| | | else if ($("#RoadwayNo").val() == "R08") |
| | | { |
| | | |
| | | xianga = "巷道15排"; |
| | | xiangb = "巷道16排"; |
| | | $("#Row").empty();//清空上一个查询下拉值 |
| | | $("#Row option[value ='15']").attr("selected", "selected") |
| | | $("#Row").append('<option value =15>第15排</option>'); |
| | | $("#Row").append('<option value =16>第16排</option>'); |
| | | form.render('select'); |
| | | } |
| | | else if ($("#RoadwayNo").val() == "R09") |
| | | { |
| | | |
| | | xianga = "巷道17排"; |
| | | xiangb = "巷道18排"; |
| | | $("#Row").empty();//清空上一个查询下拉值 |
| | | $("#Row option[value ='17']").attr("selected", "selected") |
| | | $("#Row").append('<option value =17>第17排</option>'); |
| | | $("#Row").append('<option value =18>第18排</option>'); |
| | | form.render('select'); |
| | | } |
| | | else if ($("#RoadwayNo").val() == "R10") |
| | | { |
| | | |
| | | xianga = "巷道19排"; |
| | | xiangb = "巷道20排"; |
| | | $("#Row").empty();//清空上一个查询下拉值 |
| | | $("#Row option[value ='19']").attr("selected", "selected") |
| | | $("#Row").append('<option value =19>第19排</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()); |
| | | |
| | | }) |
| | | form.on('select(SelectLayer)', function (data) { |
| | | GetSlotVm($("#WareHouseNo").val(), $("#RoadwayNo").val(), $("#Detph").val()); |
| | | 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()); |
| | | }); |
| | | 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() { |
| | | $("#RoadwayNo").empty(); |
| | | synData(IP + "/Sys/GetRoadwayList", { WareHouseNo: $("#WareHouseNo").val() }, 'get', function (res) { |
| | | //console.log(res) |
| | | // console.log(res) |
| | | if (res.code == 0) { //成功 |
| | | |
| | | for (var i = 0; i < res.data.length; i++) { |
| | | $("#RoadwayNo").append('<option value =' + res.data[i].RoadwayNo + '>' + |
| | | res.data[i].RoadwayName + '</option>'); |
| | | $("#RoadwayNo").append('<option value =' + res.data[i].RoadwayNo + '>' + res.data[i].RoadwayNo + '-' + |
| | | res.data[i].RoadwayName + '</option>'); |
| | | } |
| | | $("#RoadwayNo option[value='" + res.data[0].RoadwayNo + "']").attr("selected", "selected") |
| | | $("#Depth option[value ='01']").attr("selected", "selected") |
| | | form.render('select'); |
| | | if ($("#RoadwayNo").val() == "R01") |
| | | { |
| | | xianga = "巷道1排"; |
| | | xiangb = "巷道2排"; |
| | | $("#Row option[value ='1']").attr("selected", "selected") |
| | | $("#Row").append('<option value =1>第1排</option>'); |
| | | $("#Row").append('<option value =2>第2排</option>'); |
| | | form.render('select'); |
| | | } |
| | | else if ($("#RoadwayNo").val() == "R02") |
| | | { |
| | | xianga = "巷道3排"; |
| | | xiangb = "巷道4排"; |
| | | $("#Row option[value ='3']").attr("selected", "selected") |
| | | $("#Row").append('<option value =3>第3排</option>'); |
| | | $("#Row").append('<option value =4>第4排</option>'); |
| | | form.render('select'); |
| | | } |
| | | else if ($("#RoadwayNo").val() == "R03") |
| | | { |
| | | |
| | | xianga = "巷道5排"; |
| | | xiangb = "巷道6排"; |
| | | $("#Row option[value ='5']").attr("selected", "selected") |
| | | $("#Row").append('<option value =5>第5排</option>'); |
| | | $("#Row").append('<option value =6>第6排</option>'); |
| | | form.render('select'); |
| | | } |
| | | else if ($("#RoadwayNo").val() == "R04") |
| | | { |
| | | |
| | | xianga = "巷道7排"; |
| | | xiangb = "巷道8排"; |
| | | $("#Row option[value ='7']").attr("selected", "selected") |
| | | $("#Row").append('<option value =7>第7排</option>'); |
| | | $("#Row").append('<option value =8>第8排</option>'); |
| | | form.render('select'); |
| | | } |
| | | else if ($("#RoadwayNo").val() == "R05") |
| | | { |
| | | |
| | | xianga = "巷道9排"; |
| | | xiangb = "巷道10排"; |
| | | $("#Row option[value ='9']").attr("selected", "selected") |
| | | $("#Row").append('<option value =9>第9排</option>'); |
| | | $("#Row").append('<option value =10>第10排</option>'); |
| | | form.render('select'); |
| | | } |
| | | else if ($("#RoadwayNo").val() == "R06") |
| | | { |
| | | |
| | | xianga = "巷道11排"; |
| | | xiangb = "巷道12排"; |
| | | $("#Row option[value ='11']").attr("selected", "selected") |
| | | $("#Row").append('<option value =11>第11排</option>'); |
| | | $("#Row").append('<option value =12>第12排</option>'); |
| | | form.render('select'); |
| | | } |
| | | else if ($("#RoadwayNo").val() == "R07") |
| | | { |
| | | |
| | | xianga = "巷道13排"; |
| | | xiangb = "巷道14排"; |
| | | $("#Row option[value ='13']").attr("selected", "selected") |
| | | $("#Row").append('<option value =13>第13排</option>'); |
| | | $("#Row").append('<option value =14>第14排</option>'); |
| | | form.render('select'); |
| | | } |
| | | else if ($("#RoadwayNo").val() == "R08") |
| | | { |
| | | |
| | | xianga = "巷道15排"; |
| | | xiangb = "巷道16排"; |
| | | $("#Row option[value ='15']").attr("selected", "selected") |
| | | $("#Row").append('<option value =15>第15排</option>'); |
| | | $("#Row").append('<option value =16>第16排</option>'); |
| | | form.render('select'); |
| | | } |
| | | else if ($("#RoadwayNo").val() == "R09") |
| | | { |
| | | |
| | | xianga = "巷道17排"; |
| | | xiangb = "巷道18排"; |
| | | $("#Row option[value ='17']").attr("selected", "selected") |
| | | $("#Row").append('<option value =17>第17排</option>'); |
| | | $("#Row").append('<option value =18>第18排</option>'); |
| | | form.render('select'); |
| | | } |
| | | else if ($("#RoadwayNo").val() == "R10") |
| | | { |
| | | |
| | | xianga = "巷道19排"; |
| | | xiangb = "巷道20排"; |
| | | $("#Row option[value ='19']").attr("selected", "selected") |
| | | $("#Row").append('<option value =19>第19排</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, |
| | |
| | | } |
| | | |
| | | //获取数据渲染库位图 |
| | | function GetSlotVm(houseNo, roadway, row) { |
| | | function GetSlotVm(houseNo, roadway, row, depth) { |
| | | var param = { |
| | | WareHouseNo: houseNo, |
| | | roadway: roadway, |
| | | Row: row |
| | | Row: row, |
| | | Depth: depth |
| | | } |
| | | sendData(IP + "/Sys/GetStorageLocatLists", param, 'get', function (res) { |
| | | if (res.code == 0) { |
| | |
| | | var statu = list.find(r => r.Column == a && r.Layer == i); |
| | | |
| | | if (statu != undefined) { |
| | | //判断储位标识是否为0 |
| | | if(statu.Flag != '0') |
| | | { |
| | | html += '<td><button value=' + statu.LocatNo + ' class="btnShow filg" ></button></td>' |
| | |
| | | } |
| | | //空储位 0 |
| | | if (statu.Status == 0) { |
| | | html += '<td><button value=' + statu.LocatNo + ' class="btnShow zero" ></button></td>' |
| | | html += '<td><button value=' + statu.LocatNo + ' class="btnShow zero" ></button></td>' |
| | | continue; |
| | | } |
| | | //有物品 1 |
| | | if (statu.Status == 1) { |
| | | html += '<td><button value=' + statu.LocatNo + ' class="btnShow one" ></button></td>' |
| | | html += '<td><button value=' + statu.LocatNo + ' class="btnShow one" ></button></td>' |
| | | continue; |
| | | } |
| | | //入库中 2 |
| | | if (statu.Status == 2) { |
| | | html += '<td><button value=' + statu.LocatNo + ' class="btnShow two" ></button></td>' |
| | | html += '<td><button value=' + statu.LocatNo + ' class="btnShow two" ></button></td>' |
| | | continue; |
| | | } |
| | | //出库中 3 |
| | | if (statu.Status == 3) { |
| | | html += '<td><button value=' + statu.LocatNo + ' class="btnShow three" ></button></td>' |
| | | html += '<td><button value=' + statu.LocatNo + ' class="btnShow three" ></button></td>' |
| | | continue; |
| | | } |
| | | |
| | | //移入中 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); |
| | |
| | | let num = 1; |
| | | if (i == 1) { |
| | | html += '<tr style="height:10px;"><td></td>' |
| | | |
| | | for (let aa = 0; aa < list.length; aa++) { |
| | | //let num = Number(aa) + 1; |
| | | if (list[aa].Layer == i) { |
| | | |
| | | html += '<td><p> ' + num + '</p></td>' |
| | | num = Number(num) + 1; |
| | | |
| | | } |
| | | } |
| | | html += '</tr>' |
| | |
| | | }); |
| | | } |
| | | |
| | | |
| | | // 加载仓库图例 |
| | | //圆 |
| | | function GetSlotChart(warehouseNo) { |
| | | |
| | | sendData(IP + "/Sys/GetStorageProportion?WareHouseNo=" + warehouseNo, {}, 'get', function (res) { |
| | | // console.log("园数据",res) |
| | | if (res.code == 0) { |
| | | var LayerName = res.data[0].warehouseNo; |
| | | |
| | | var list = res.data; |
| | | //0:空储位 1:有物品 2:入库中 3:出库中 4:移入中 5:移出中 6: 损坏\屏蔽 |
| | | var key = ['空储位', '有物品', '入库中', '出库中', '损坏\屏蔽']; |
| | | // var value = []; |
| | | // var a = 0; |
| | | // for (var i = 0; i < key.length; i++) { |
| | | |
| | | // if (a < list.length) { |
| | | // if (i == list[a].Status) { |
| | | // value.push(list[a].StatusNum) |
| | | // a = a + 1; |
| | | // } |
| | | // } |
| | | // else { |
| | | // value.push(0) |
| | | // } |
| | | // } |
| | | var key = ['空储位', '有物品', '入库中', '出库中','移入中','移出中', '损坏\屏蔽']; |
| | | var value = [0,0,0,0,0,0,0]; |
| | | list.forEach(item => { |
| | | value[item.Status] = item.StatusNum; |
| | |
| | | this.chartLine2 = echarts.init(document.getElementById("yuan")); |
| | | var option2 = { |
| | | color: [ |
| | | '#5470c6', //空储位 |
| | | '#91cc75', //有物品 |
| | | '#ffdc60', //入库中 |
| | | '#ee6666', //出库中 |
| | | // '#ffff7f', //移入中 |
| | | // '#ee23ee' //移出中 |
| | | '#808080', //损坏屏蔽 |
| | | '#5470c6', |
| | | '#75bfcc', |
| | | '#89a297', |
| | | '#8ef0f0', |
| | | '#f0b9f9', |
| | | '#ee23ee', |
| | | '#808080', |
| | | ], |
| | | title: { |
| | | text: LayerName, |
| | |
| | | radius: '85%', |
| | | data: |
| | | [ |
| | | { value: value[0], name: key[0] }, |
| | | { 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[0], name: key[0] }, //空储位 |
| | | { 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[6] }, //损坏\屏蔽 |
| | | ], |
| | | // emphasis: { |
| | | // itemStyle: { |
| | |
| | | if (res.code == 0) { |
| | | |
| | | var list = res.data; |
| | | console.log(list) |
| | | //0:空储位 1:有物品 2:入库中 3:出库中 4:移入中 5:移出中 6:损坏\屏蔽 |
| | | var key = ['空储位', '有物品', '入库中', '出库中','损坏\屏蔽']; |
| | | var key = ['空储位', '有物品', '入库中', '出库中','移入中','移出中','损坏\屏蔽']; |
| | | this.chartLine2 = echarts.init(document.getElementById("zhu")); |
| | | //巷道 |
| | | var roarylist = ['巷道1排', '巷道2排']; |
| | | var roarylist = [xianga, xiangb]; |
| | | //各储位状态数量 |
| | | var status0 = []; |
| | | 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) |
| | | } |
| | | } |
| | | console.log(status3.length) |
| | | if (status0.length == 0) |
| | | { |
| | | status0.push(0) |
| | |
| | | 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) |
| | | { |
| | |
| | | focus: 'series' |
| | | }, |
| | | data: status3 |
| | | }, |
| | | { |
| | | name: '移入中', |
| | | type: 'bar', |
| | | color: '#ffff7f', |
| | | //label: labelOption, |
| | | emphasis: { |
| | | focus: 'series' |
| | | }, |
| | | data: status4 |
| | | }, |
| | | // ,{ |
| | | // 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: '#ee23ee', |
| | | //label: labelOption, |
| | | emphasis: { |
| | | focus: 'series' |
| | | }, |
| | | data: status5 |
| | | }, |
| | | { |
| | | name: '损坏\屏蔽', |
| | | type: 'bar', |
| | |
| | | var className=$(that)[0].className; |
| | | if(className=='btnShow zero'){ |
| | | html = "<p style='word-wrap:break-word;width: 100%;height:100%;line-height:24px;font-size:18px'>储位编码:" + locatNo + "<br/>储位状态:空储位</p>"; |
| | | tipsVal=layer.tips(html,that,{tips:[1,"rgb(58, 61, 73)"],area: ['200px'],time: 0}); |
| | | tipsVal=layer.tips(html,that,{tips:[1,"rgb(58, 61, 73)"],area: ['220px'],time: 0}); |
| | | }else{ |
| | | var param={ |
| | | locatNo:locatNo |
| | | } |
| | | sendData(IP + "/Sys/GetLocateInfo", param, 'get', function (res) { |
| | | console.log(res) |
| | | if (res.code == 0) { |
| | | html = "<p style='word-wrap:break-word;width: 100%;height:100%;line-height:24px;font-size:18px;'>"; |
| | | html += "储位编码:" + locatNo; |
| | | html += "<br/>储位状态:"+res.data.Status; |
| | | if (res.data.GoodsInfoList != null) |
| | | { |
| | | html += "<br/>托盘号: "+res.data.PalletNo; |
| | | for(var i=0;i<res.data.GoodsInfoList.length;i++){ |
| | | html += "<br/>托盘号: "+res.data.PalletNo; |
| | | html += "<br/><br/>物料编码:"+res.data.GoodsInfoList[i].SkuNo; |
| | | html += "<br/>物料名称:"+res.data.GoodsInfoList[i].SkuName; |
| | | html += "<br/>批次号: "+res.data.GoodsInfoList[i].LotNo; |
| | | html += "<br/>数量: "+res.data.GoodsInfoList[i].Qty; |
| | | } |
| | | } |
| | | html += "</p>" |
| | | html += "</p>" |
| | | } |
| | | tipsVal=layer.tips(html,that,{tips:[1,"rgb(58, 61, 73)"],area: ['260px'],time: 0}); |
| | | } else { |
| | | layer.msg(res.msg, { |
| | |
| | | }); |
| | | //#endregion |
| | | |
| | | //#region 定时刷新库位图例 |
| | | // #region 定时刷新库位图例 |
| | | //获取是否自动刷新 |
| | | var autoRefresh=$('#autoRefresh').prop('checked'); |
| | | //绑定自动刷新change事件监听器 |
| | |
| | | //定时器 |
| | | setInterval(function(){ |
| | | if(autoRefresh){ |
| | | GetSlotVm($("#WareHouseNo").val(), $("#RoadwayNo").val(), $("#Detph").val()); |
| | | GetSlotVm($("#WareHouseNo").val(), $("#RoadwayNo").val(), $("#Row").val(), $("#Depth").val()); |
| | | //var currentDate = new Date(); |
| | | //console.log('自动刷新了,'+currentDate) |
| | | } |
| | | },10000)//10秒自动刷新一次 |
| | | //#endregion |
| | | // #endregion |
| | | }); |
| | | </script> |
| | | </body> |