chengsc
2024-10-23 ee00e504518145031f3d7e869c41bcbf51c0b79b
HTML/views/WareHouseSetting/StorageLegend.html
@@ -55,21 +55,21 @@
      }
      .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;
      }
@@ -82,6 +82,7 @@
         background-color: #808080;
         Opacity: .8;
      }
      .btnShow {
         width: 20px;
@@ -120,13 +121,22 @@
                           <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;">
@@ -142,14 +152,18 @@
                  <!-- 储位图例 -->
                  <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>
@@ -212,8 +226,8 @@
         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) {
@@ -225,7 +239,7 @@
                     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")
@@ -238,40 +252,285 @@
            }
         });
         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,
@@ -283,11 +542,12 @@
         }
         //获取数据渲染库位图
         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) {
@@ -306,6 +566,7 @@
                        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>'
@@ -313,32 +574,33 @@
                           }
                           //空储位 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);
@@ -353,13 +615,12 @@
                     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>&nbsp;' + num + '</p></td>'
                              num = Number(num) + 1;
                           }
                        }
                        html += '</tr>'
@@ -376,31 +637,19 @@
            });
         }
         // 加载仓库图例
         //圆
         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;
@@ -409,13 +658,13 @@
                  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,
@@ -437,13 +686,13 @@
                        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: {
@@ -473,19 +722,18 @@
               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 = [];
                  //获取
                  //总
@@ -502,17 +750,16 @@
                     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)
@@ -548,6 +795,24 @@
                  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)
                  {
@@ -622,27 +887,27 @@
                              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',
@@ -678,27 +943,28 @@
            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/>托盘号:&nbsp;&nbsp;&nbsp;&nbsp;"+res.data.PalletNo;
                        for(var i=0;i<res.data.GoodsInfoList.length;i++){
                           html += "<br/>托盘号:&nbsp;&nbsp;&nbsp;&nbsp;"+res.data.PalletNo;
                           html += "<br/><br/>物料编码:"+res.data.GoodsInfoList[i].SkuNo;
                           html += "<br/>物料名称:"+res.data.GoodsInfoList[i].SkuName;
                           html += "<br/>批次号:&nbsp;&nbsp;&nbsp;&nbsp;"+res.data.GoodsInfoList[i].LotNo;
                           html += "<br/>数量:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"+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, {
@@ -716,7 +982,7 @@
         });
         //#endregion
         //#region 定时刷新库位图例
         // #region 定时刷新库位图例
         //获取是否自动刷新
         var autoRefresh=$('#autoRefresh').prop('checked');
         //绑定自动刷新change事件监听器
@@ -726,12 +992,12 @@
         //定时器
         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>