仓库看板页面接口对接

YL

2021-05-13 9d7dac3e4d30c4301d510d3927d06b662c3cd571

仓库看板页面接口对接

 HDHouse.html

@@ -259,8 +259,8 @@
        }
    </style>
    <script type="text/javascript">
        var Warehouse = '160';  //毛坯仓库
        var interval0;//计时器
        var interva0;//计时器
        var interva1;//计时器
        $(document).ready(function () {
            
            // 创建两个变量，一个数组中的月和日的名称
@@ -289,7 +289,11 @@
            TopMap();
            DataGrid();
            // 定时器
            interval0 = setInterval(function () {
            interva1 = setInterval(function () {
                TopMap();
            }, 60000);
            // 定时器
            interva1 = setInterval(function () {
                DataGrid();
            }, 120000);
        })
@@ -329,7 +333,8 @@
                        }
                        for (var j = 0; j < result.length; j++) {
                            StepHtml += "<li>";
                                for (var m = 0; m < result[j].length; m++) {
                                for (var m = 0; m < result[j].length; m++)
                                {
                                    StepHtml += "<div class='content'>";
                                        StepHtml += "<div class='content_name'>" + result[j][m].FNAME + "</div>";
                                        StepHtml += "<div class='content_style bg_color w44'>";
@@ -339,95 +344,102 @@
                                            StepHtml += "</div>";
                                            StepHtml += "<div class='content_style w58'>";
                                                StepHtml += "<div class='content_mod content_mod_bg_true'>";
                                                    StepHtml += "<p class='mt12'>固定库位1</p>";
                                                    StepHtml += "<p class='mt12'>固定库位</p>";
                                                    StepHtml += "<p class='mb9'>" + result[j][m].FQTY + "</p>";
                                                    StepHtml += "</div>";
                                                    StepHtml += "</div>";
                                                    StepHtml += "</div>";
                                                    StepHtml += "<div class='content_mod content_mod_bg_tf'>";
                                                        StepHtml += "<p class='mt12'>" + result[j][m].list[k].LocationCode + "</p>";
                                                        StepHtml += "<p class='mb9'>" + result[j][m].list[k].LocationQty + "</p>";
                                                        StepHtml += "</div>";
                                                    
                                                    //StepHtml += "<div class='content_mod content_mod_bg_tf'>";
                                                        //StepHtml += "<p class='mt12'></p>";
                                                        //StepHtml += "<p class='mb9'></p>";
                                                        //StepHtml += "</div>";
                                                        
                                                        StepHtml += "<div class='content_mod content_mod_bg_false'>";
                                                            StepHtml += " </div>";
                                                            StepHtml += "<div class='content_mod content_mod_bg_false'>";
                                                                StepHtml += " </div>";
                                                                StepHtml += "<div class='content_mod content_mod_bg_false'>";
                                                                    StepHtml += " </div>";
                                                                    
                                                                    StepHtml += "</div>";
                                                                    StepHtml += "</div>";
                                                                }
                                                                StepHtml += "</li>";  
                                                            }
                                                            StepHtml += "</ul>";
                                                            $(".hd").append(StepHtml);
                                                            var time = 30;
                                                            $(".flex_t").slide({ mainCell: ".hd ul", autoPlay: true, effect: "topMarquee", opp: false, vis: 6, interTime: time, mouseOverStop: false });
                                                        },
                                                        error: function (data) {
                                                            
                                                        }
                                                        StepHtml += "</li>";  
                                                    }
                                                    StepHtml += "</ul>";
                                                    $(".hd").append(StepHtml);
                                                    var time = 80;
                                                    $(".flex_t").slide({ mainCell: ".hd ul", autoPlay: true, effect: "topMarquee", opp: false, vis: 6, interTime: time, mouseOverStop: false });
                                                },
                                                error: function (data) {
                                                    })
                                                    
                                                    
                                                    
                                                    
                                                }
                                            })
                                            
                                            
                                            
                                            
                                        }
                                    </script>
                                </head>
                                
                                <body>
                                    <div class='title'>成品仓库FIFO看板</div>
                                    
                                    <div class="clock">
                                        <ul>
                                            <li id="Date"></li>
                                            <li id="hours"> </li>
                                            <li id="point">:</li>
                                            <li id="min"> </li>
                                            <li id="point">:</li>
                                            <li id="sec"> </li>
                                        </ul>
                                            </script>
                                        </head>
                                        
                                    </div>
                                    <div class="col-sm-12">
                                        <div class='flex'>
                                            <div class='flex_item'>
                                                <span id="stockqty"></span>
                                                <p>当前库存量</p>
                                            </div>
                                        <body>
                                            <div class='title'>成品仓库FIFO看板</div>
                                            
                                            <div class='flex_item'>
                                                <span id="todayinqty"></span>
                                                <p>今日入库数</p>
                                            </div>
                                            
                                            <div class='flex_item'>
                                                <span id="todayoutqty"></span>
                                                <p>今日出库数</p>
                                            </div>
                                            
                                            <div class='flex_item'>
                                                <span id="thismonthinqty"></span>
                                                <p>本月入库数</p>
                                            </div>
                                            
                                            <div class='flex_item'>
                                                <span id="thismonthoutqty"></span>
                                                <p>本月出库数</p>
                                            </div>
                                            
                                            
                                            <div class='flex_item'>
                                                <span id="turnoverday"></span>
                                                <p>库存周转天数</p>
                                            </div>
                                            
                                            
                                        </div>
                                    </div>
                                    <div class='title_o'>FIFO详情</div>
                                    <div class='flex_t'>
                                        <div class='hd'>
                                            <ul>
                                            <div class="clock">
                                                <ul>
                                                    <li id="Date"></li>
                                                    <li id="hours"> </li>
                                                    <li id="point">:</li>
                                                    <li id="min"> </li>
                                                    <li id="point">:</li>
                                                    <li id="sec"> </li>
                                                </ul>
                                                
                                            </ul>
                                        </div>
                                    </div>
                                </body>
                                
                                </html>
                                            </div>
                                            <div class="col-sm-12">
                                                <div class='flex'>
                                                    <div class='flex_item'>
                                                        <span id="stockqty"></span>
                                                        <p>当前库存量</p>
                                                    </div>
                                                    
                                                    <div class='flex_item'>
                                                        <span id="todayinqty"></span>
                                                        <p>今日入库数</p>
                                                    </div>
                                                    
                                                    <div class='flex_item'>
                                                        <span id="todayoutqty"></span>
                                                        <p>今日出库数</p>
                                                    </div>
                                                    
                                                    <div class='flex_item'>
                                                        <span id="thismonthinqty"></span>
                                                        <p>本月入库数</p>
                                                    </div>
                                                    
                                                    <div class='flex_item'>
                                                        <span id="thismonthoutqty"></span>
                                                        <p>本月出库数</p>
                                                    </div>
                                                    
                                                    
                                                    <div class='flex_item'>
                                                        <span id="turnoverday"></span>
                                                        <p>库存周转天数</p>
                                                    </div>
                                                    
                                                    
                                                </div>
                                            </div>
                                            <div class='title_o'>FIFO详情</div>
                                            <div class='flex_t'>
                                                <div class='hd'>
                                                    <ul>
                                                        
                                                    </ul>
                                                </div>
                                            </div>
                                        </body>
                                        
                                        </html>