仓库看板

YL

2021-05-13 58bcfbdfa04296976b358f7726bd07105ef65690

仓库看板

 HDHouse.html

@@ -286,344 +286,69 @@

        });
        $(function () {
            TopMap();
            DataGrid();
            // 定时器
            interval0 = setInterval(function () {
                DataGrid();
            }, 120000);
        })
        function TopMap(){
            $.ajax({
                url: "http://localhost:12298/api/loaddata/HouseTopData",
                dataType: "JSON",
                async: false,//使用同步的方式,true为异步方式
                type: "Get",
                success: function (data) { 
                    $("#stockqty").html(data.data[0].FQTY);
                    $("#todayinqty").html(data.data[1].FQTY);
                    $("#todayoutqty").html(data.data[2].FQTY);
                    $("#thismonthinqty").html(data.data[3].FQTY);
                    $("#thismonthoutqty").html(data.data[4].FQTY);
                    $("#turnoverday").html("");
                },
                error: function (data) {
                    
                }
            })
        }
        function DataGrid() {
            var data = {
                "dt":
                    [
                        {
                            "STOCKQTY": "10",
                            "TODAYINQTY": "10",
                            "TODAYOUTQTY": "10",
                            "THISMONTHINQTY": "10",
                            "THISMONTHOUTQTY": "10",
                            "TURNOVERDAY": "10"
                        }
                    ],
                "dt1":
                    [
                        {
                            "PartName": "#螺纹001",
                            "StockQty": "10",
                            "InRoomQty": "10",
                            "OutRoomQty": "10",
                            "list": [
                                {
                                    "LocationStatus": "Y",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                },
                                {
                                    "LocationStatus": "N",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                }
                            ]
                        },
                        {
                            "PartName": "#螺纹002",
                            "StockQty": "10",
                            "InRoomQty": "10",
                            "OutRoomQty": "10",
                            "list": [
                                {
                                    "LocationStatus": "Y",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                },
                                {
                                    "LocationStatus": "N",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                },
                                {
                                    "LocationStatus": "",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                }
                            ]
                        },
                        {
                            "PartName": "#螺纹002",
                            "StockQty": "10",
                            "InRoomQty": "10",
                            "OutRoomQty": "10",
                            "list": [
                                {
                                    "LocationStatus": "Y",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                },
                                {
                                    "LocationStatus": "N",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                },
                                {
                                    "LocationStatus": "",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                }
                            ]
                        },
                        {
                            "PartName": "#螺纹002",
                            "StockQty": "10",
                            "InRoomQty": "10",
                            "OutRoomQty": "10",
                            "list": [
                                {
                                    "LocationStatus": "Y",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                },
                                {
                                    "LocationStatus": "N",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                },
                                {
                                    "LocationStatus": "",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                }
                            ]
                        },
                        {
                            "PartName": "#螺纹002",
                            "StockQty": "10",
                            "InRoomQty": "10",
                            "OutRoomQty": "10",
                            "list": [
                                {
                                    "LocationStatus": "Y",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                },
                                {
                                    "LocationStatus": "N",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                },
                                {
                                    "LocationStatus": "",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                }
                            ]
                        },
                        {
                            "PartName": "#螺纹002",
                            "StockQty": "10",
                            "InRoomQty": "10",
                            "OutRoomQty": "10",
                            "list": [
                                {
                                    "LocationStatus": "Y",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                },
                                {
                                    "LocationStatus": "N",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                },
                                {
                                    "LocationStatus": "",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                }
                            ]
                        },
                        {
                            "PartName": "#螺纹002",
                            "StockQty": "10",
                            "InRoomQty": "10",
                            "OutRoomQty": "10",
                            "list": [
                                {
                                    "LocationStatus": "Y",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                },
                                {
                                    "LocationStatus": "N",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                },
                                {
                                    "LocationStatus": "",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                }
                            ]
                        },
                        {
                            "PartName": "#螺纹002",
                            "StockQty": "10",
                            "InRoomQty": "10",
                            "OutRoomQty": "10",
                            "list": [
                                {
                                    "LocationStatus": "Y",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                },
                                {
                                    "LocationStatus": "N",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                },
                                {
                                    "LocationStatus": "",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                }
                            ]
                        },
                        {
                            "PartName": "#螺纹002",
                            "StockQty": "10",
                            "InRoomQty": "10",
                            "OutRoomQty": "10",
                            "list": [
                                {
                                    "LocationStatus": "Y",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                },
                                {
                                    "LocationStatus": "N",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                },
                                {
                                    "LocationStatus": "",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                }
                            ]
                        },
                        {
                            "PartName": "#螺纹002",
                            "StockQty": "10",
                            "InRoomQty": "10",
                            "OutRoomQty": "10",
                            "list": [
                                {
                                    "LocationStatus": "Y",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                },
                                {
                                    "LocationStatus": "N",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                },
                                {
                                    "LocationStatus": "",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                }
                            ]
                        },
                        {
                            "PartName": "#螺纹002",
                            "StockQty": "10",
                            "InRoomQty": "10",
                            "OutRoomQty": "10",
                            "list": [
                                {
                                    "LocationStatus": "Y",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                },
                                {
                                    "LocationStatus": "N",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                },
                                {
                                    "LocationStatus": "",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                }
                            ]
                        },
                        {
                            "PartName": "#螺纹002",
                            "StockQty": "10",
                            "InRoomQty": "10",
                            "OutRoomQty": "10",
                            "list": [
                                {
                                    "LocationStatus": "Y",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                },
                                {
                                    "LocationStatus": "N",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                },
                                {
                                    "LocationStatus": "",
                                    "LocationCode": "#10",
                                    "LocationQty": "10"
                                }
                            ]
                        }
                    ]
            }
            console.info(data)
            $("#stockqty").html(data.dt[0].STOCKQTY);
            $("#todayinqty").html(data.dt[0].TODAYINQTY);
            $("#todayoutqty").html(data.dt[0].TODAYOUTQTY);
            $("#thismonthinqty").html(data.dt[0].THISMONTHINQTY);
            $("#thismonthoutqty").html(data.dt[0].THISMONTHOUTQTY);
            $("#turnoverday").html(data.dt[0].TURNOVERDAY);
            $.ajax({
                url: "http://localhost:12298/api/loaddata/HouseDataTable",
                dataType: "JSON",
                async: false,//使用同步的方式,true为异步方式
                type: "Get",
                success: function (data) { 
                    console.info(data);
            $(".hd").html("");
            var StepHtml = "";
            StepHtml += "<ul>";
            var result = [];
            for (var i = 0; i < data.dt1.length; i += 2) {
                result.push(data.dt1.slice(i, i + 2));
                        for (var i = 0; i < data.data.length; i += 2) {
                            result.push(data.data.slice(i, i + 2));
            }
            for (var j = 0; j < result.length; j++) {
                StepHtml += "<li>";
                for (var m = 0; m < result[j].length; m++) {
                    StepHtml += "<div class='content'>";
                    StepHtml += "<div class='content_name'>" + result[j][m].PartName + "</div>";
                                        StepHtml += "<div class='content_name'>" + result[j][m].FNAME + "</div>";
                    StepHtml += "<div class='content_style bg_color w44'>";
                    StepHtml += "<span class='mr'><i class='icon_style icon_n'></i><span class='text_s'>" + result[j][m].StockQty + "</span></span>";
                    StepHtml += "<span class='mr'><i class='icon_style icon_r'></i><span class='text_s'>" + result[j][m].InRoomQty + "</span></span>";
                    StepHtml += "<span><i class='icon_style icon_c'></i><span class=text_s>" + result[j][m].OutRoomQty + "</span></span>";
                                            StepHtml += "<span class='mr'><i class='icon_style icon_n'></i><span class='text_s'>" + result[j][m].FQTY + "</span></span>";
                                            StepHtml += "<span class='mr'><i class='icon_style icon_r'></i><span class='text_s'>" + result[j][m].InQty + "</span></span>";
                                            StepHtml += "<span><i class='icon_style icon_c'></i><span class=text_s>" + result[j][m].OutQty + "</span></span>";
                    StepHtml += "</div>";
                    StepHtml += "<div class='content_style w58'>";
                    for (var k = 0; k < result[j][m].list.length; k++) {
                        if (result[j][m].list[k].LocationStatus == "Y") {
                            StepHtml += "<div class='content_mod content_mod_bg_true'>";
                            StepHtml += "<p class='mt12'>" + result[j][m].list[k].LocationCode + "</p>";
                            StepHtml += "<p class='mb9'>" + result[j][m].list[k].LocationQty + "</p>";
                                                    StepHtml += "<p class='mt12'>固定库位1</p>";
                                                    StepHtml += "<p class='mb9'>" + result[j][m].FQTY + "</p>";
                            StepHtml += "</div>";
                        }
                        else if (result[j][m].list[k].LocationStatus == "N") {
                                                    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>";
                        }
                        else {
                            StepHtml += "<div class='content_mod content_mod_bg_false'>";
                            StepHtml += " </div>";
                        }
                    }
                    StepHtml += "</div>";
                    StepHtml += "</div>";
                }
                StepHtml += "</li>";
@@ -632,6 +357,13 @@
            $(".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) {
                                                    
                                                }
                                            })
                                            
                                            


        }

 HDLine.html

@@ -255,7 +255,7 @@
            background: #000000;
        }
        
        .pull-right {
        .pull-right,.fixed-table-pagination .pagination-detail, .fixed-table-pagination div.pagination {
            display: none;
        }
        
@@ -308,11 +308,21 @@
            DataTable();
            // 定时器
            interval = setInterval(function () {
                hours = [];
                hoursqty = [];
                CloseProgress = 0;  //完工率
                LineName = [];  //流水线数组
                LineOrderQty = [];  //流水线当天订单总任务数量数组
                LineOrderCloseQty = [];  //流水线当天订单总完成数量数组
                Week = 0;  //本周分析
                Month = 0; //本月分析
                Chart(mychart1, mychart2, mychart3, mychart4, mychart5);
            }, 120000);
            interval1 = setInterval(function () {
                DataTable();
            }, 120000);
            }, 20000);
            setInterval(function () {
                //num+=1;
                //$("#tb_order").bootstrapTable('refreshOptions',{offset:num});  // pageNumber:1, 指定页码为第1页
                $("#tb_order").bootstrapTable('refresh');
            }, 10000);
            //根据窗口的大小变动图表 --- 重点
            window.onresize = function () {
                myChart1.resize();
@@ -330,7 +340,7 @@
                async: false,//使用同步的方式,true为异步方式
                type: "Get",
                success: function (data) {
                    console.log(data);
                    
                    $.each(data.data[0], function (index, val) {
                        hours.push(val.hour + '点');
                        hoursqty.push(parseFloat(val.Count).toFixed(2));
@@ -347,12 +357,29 @@
                        $("#SumDay").html(data.data[1][3].qty.toFixed(2));      //今日订单汇总
                    }
                    if (data.data[2].length > 0) {
                        if(data.data[2][0].FSTATUS==1){
                            $("#LineStus").html("计划");
                        }if(data.data[2][0].FSTATUS==2){
                            $("#LineStus").html("计划确认");
                        }if(data.data[2][0].FSTATUS==3){
                            $("#LineStus").html("下达");
                        }if(data.data[2][0].FSTATUS==4){
                            $("#LineStus").html("开工");
                        }if(data.data[2][0].FSTATUS==5){
                            $("#LineStus").html("完工");
                        }if(data.data[2][0].FSTATUS==6){
                            $("#LineStus").html("结案");
                        }  
                        if(data.data[2][0].FSTATUS==7){
                            $("#LineStus").html("结算");
                        }                       
                        $("#OrderWork").html(data.data[2][0].FBILLNO);//当前订单
                        $("#PartName").html(data.data[2][0].FNAME); //当前物料名称
                        $("#PartSpec").html(data.data[2][0].FSPECIFICATION);//当前物料规格
                        
                    }
                    CloseProgress = parseFloat(data.data[1][1].qty / data.data[1][0].qty).toFixed(2);  //完成率
                    
                    
                    //今日全部流水线产量对比
                    $.each(data.data[3], function (index, val) {
@@ -363,9 +390,9 @@
                    });
                    
                    //本周分析
                    Week = parseFloat(25000 / data.data[4][0].weekqty).toFixed(2);
                    Week = parseFloat(data.data[4][1].weekqty / data.data[4][0].weekqty).toFixed(2);
                    //本月分析
                    Month = parseFloat(20000 / data.data[4][2].weekqty).toFixed(2);
                    Month = parseFloat(data.data[4][3].weekqty / data.data[4][2].weekqty).toFixed(2);
                },
                error: function (data) {
                    
@@ -507,7 +534,7 @@
                        show: false
                    },
                    labelLine: {
                        show: true
                        show: false
                    },
                    itemStyle: {
                        borderWidth: 3,
@@ -662,7 +689,7 @@
                        show: false
                    },
                    labelLine: {
                        show: true
                        show: false
                    },
                    itemStyle: {
                        borderWidth: 3,
@@ -725,7 +752,7 @@
                        show: false
                    },
                    labelLine: {
                        show: true
                        show: false
                    },
                    itemStyle: {
                        borderWidth: 3,
@@ -754,7 +781,7 @@
                //data: dataJson,
                method: 'get',                      //请求方式（*）
                dataType: "json",
                queryParams: queryParams,//传递参数（*）
                queryParams :queryParams,
                striped: false,                      //是否显示行间隔色
                cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
                pagination: true,                   //是否显示分页（*）
@@ -763,8 +790,8 @@
                search: false,   //是否启用搜索框
                sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
                pageNumber: 1,                       //初始化加载第一页，默认第一页
                pageSize: 8,                       //每页的记录行数（*）
                pageList: [8],                     //可供选择的每页的行数（*）
                pageSize: 10,                       //每页的记录行数（*）
                pageList: [10],                     //可供选择的每页的行数（*）
                strictSearch: false,                 //设置为 true启用 全匹配搜索，否则为模糊搜索
                clickToSelect: true,                //是否启用点击选中行
                singleSelect: true,                  //设置True 将禁止多选
@@ -811,6 +838,9 @@
                            break;
                            case '6':
                            return "结案";
                            break;
                            case '7':
                            return "结算";
                            default:
                            
                        }
@@ -831,7 +861,11 @@
                    
                },
                onLoadSuccess: function (row) {
                    var a = $('#tb_order').bootstrapTable('getSelections');
                    var num_total = (row.total)/ 10
                    if (num >= num_total) {
                        num = 0
                    }
                    //var a = $('#tb_order').bootstrapTable('getSelections');
                }
                
            })
@@ -868,7 +902,7 @@
        </div>
        <div class="col-sm-3">
            <ul id="cList">
                <li>本线状态：<span id="LineStus">执行中aa</span></li>
                <li>本线状态：<span id="LineStus"></span></li>
                <li>总订单：<span id="OrderQty">0</span></li>
                <li>已入库：<span id="OrderInQty">0</span></li>
                <li>返工数：<span id="FGQty">0</span></li>