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;
      }
@@ -152,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>
@@ -365,11 +369,11 @@
               $("#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());
            
         })
@@ -393,6 +397,24 @@
         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() {
@@ -503,9 +525,12 @@
                     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,
@@ -569,13 +594,13 @@
                           }
                           
                           //移入中 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);
@@ -624,7 +649,7 @@
                  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;
@@ -634,11 +659,11 @@
                  var option2 = {
                     color: [
                        '#5470c6',
                        '#91cc75',
                        '#ffdc60',
                        '#ee6666',
                        // '#ffff7f',
                        // '#ee23ee',
                        '#75bfcc',
                        '#89a297',
                        '#8ef0f0',
                        '#f0b9f9',
                        '#ee23ee',
                        '#808080',
                     ],
                     title: {
@@ -665,9 +690,9 @@
                              { 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: {
@@ -698,7 +723,7 @@
                  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];
@@ -707,8 +732,8 @@
                  var status1 = [];
                  var status2 = [];
                  var status3 = [];
                  // var status4 = [];
                  // var status5 = [];
                  var status4 = [];
                  var status5 = [];
                  var status6 = [];
                  //获取
                  //总
@@ -725,12 +750,12 @@
                     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)
                     }
@@ -770,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)
                  {
@@ -845,26 +888,26 @@
                           },
                           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',