zhaowc
2025-01-16 29ced599cab4ded63e569cb8814550555a10a736
HTML/views/WareHouseSetting/FlatLibraryLegend.html
@@ -114,7 +114,7 @@
        .container {
            position: relative; /* 相对定位 */
            top: 50%; /* 向上移动自身高度的一半 */
            top: 90%; /* 向上移动自身高度的一半 */
            left: 50%; /* 向左移动自身宽度的一半 */
            transform: translate(-50%, -50%); /* 通过translate函数进行微调,使其完全居中 */
        }
@@ -139,7 +139,7 @@
                                    </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>
@@ -160,6 +160,10 @@
                                    <!-- 储位图例 -->
                                    <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>
@@ -175,12 +179,12 @@
                                </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>
@@ -368,11 +372,10 @@
         //获取数据渲染库位图
         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)
@@ -488,6 +491,14 @@
                                        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>'
@@ -522,6 +533,14 @@
                                        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>'
@@ -555,6 +574,14 @@
                                        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>'
@@ -587,6 +614,14 @@
                                        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>'
@@ -618,6 +653,14 @@
                                        //出库中 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);
@@ -653,6 +696,14 @@
                                        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>'
@@ -687,6 +738,14 @@
                                        //出库中 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);
@@ -735,6 +794,14 @@
                                        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>'
@@ -769,6 +836,14 @@
                                        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>'
@@ -801,6 +876,14 @@
                                        //出库中 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);
@@ -835,6 +918,14 @@
                                        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>'
@@ -866,6 +957,14 @@
                                        //出库中 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);
@@ -957,10 +1056,11 @@
         });
         //定时器
         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