生产计划看板页面

YL

2021-05-17 3b2bc48576c9954f977d4fcff35c7c2f1aa1adda

 HDLine.html

@@ -254,25 +254,27 @@
        #tb_order tr:nth-child(even) {
            background: #000000;
        }
        .pull-right {
            display:none;
        
        .pull-right,.fixed-table-pagination .pagination-detail, .fixed-table-pagination div.pagination {
            display: none;
        }
        .col-sm-3{
            width:20%;
        
        .col-sm-3 {
            width: 20%;
        }
    </style>
    <script type="text/javascript">
        var interval;//计时器
        var interval1;//计时器
        var num = 0;
        var hours=[];
        var hoursqty=[];
        var CloseProgress=0;  //完工率
        var LineName=[];  //流水线数组
        var LineOrderQty=[];  //流水线当天订单总任务数量数组
        var LineOrderCloseQty=[];  //流水线当天订单总完成数量数组
        var Week=0;  //本周分析
        var Month=0; //本月分析
        var hours = [];
        var hoursqty = [];
        var CloseProgress = 0;  //完工率
        var LineName = [];  //流水线数组
        var LineOrderQty = [];  //流水线当天订单总任务数量数组
        var LineOrderCloseQty = [];  //流水线当天订单总完成数量数组
        var Week = 0;  //本周分析
        var Month = 0; //本月分析
        $(document).ready(function () {
            // 创建两个变量，一个数组中的月和日的名称
            var monthNames = ["1 月", "2 月", "3 月", "4 月", "5 月", "6 月", "7 月", "8 月", "9 月", "10 月", "11 月", "12 月"];
@@ -306,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();
@@ -328,42 +340,59 @@
                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));  
                    
                    $.each(data.data[0], function (index, val) {
                        hours.push(val.hour + '点');
                        hoursqty.push(parseFloat(val.Count).toFixed(2));
                        
                    });
                    if(data.data[1].length>0){
                    if (data.data[1].length > 0) {
                        $("#OrderQty").html(parseFloat(data.data[1][0].qty).toFixed(2)); //总订单
                        $("#OrderInQty").html(parseFloat(data.data[1][1].qty).toFixed(2));//已入库
                        $("#FGQty").html(parseFloat(data.data[1][2].qty).toFixed(2));  //返工数
                        $("#FBprogress").html(parseFloat((data.data[1][2].qty/data.data[1][0].qty)*100).toFixed(2)+"%"); //翻包率
                        $("#FBprogress").html(parseFloat((data.data[1][2].qty / data.data[1][0].qty) * 100).toFixed(2) + "%"); //翻包率
                        $("#OrderWork").html();//当前订单
                        $("#PartName").html();
                        $("#PartSpec").html();
                        $("#SumDay").html(data.data[1][3].qty.toFixed(2));      //今日订单汇总
                    }
                    if(data.data[2].length>0){
                    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);  //完成率
                    CloseProgress = parseFloat(data.data[1][1].qty / data.data[1][0].qty).toFixed(2);  //完成率
                    
                    
                    //今日全部流水线产量对比
                    $.each(data.data[3], function(index, val) {
                        LineName.push(val.FNAME);  
                        LineOrderQty.push(parseFloat(val.qty).toFixed(2));  
                        LineOrderCloseQty.push(parseFloat(val.inqty).toFixed(2));  
                    $.each(data.data[3], function (index, val) {
                        LineName.push(val.FNAME);
                        LineOrderQty.push(parseFloat(val.qty).toFixed(2));
                        LineOrderCloseQty.push(parseFloat(val.inqty).toFixed(2));
                        
                    });
                    
                    //本周分析
                    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) {
                    
@@ -471,7 +500,7 @@
            option2 = {
                title: {
                    text: '总完工率',
                    subtext: CloseProgress*100+'%',
                    subtext: CloseProgress * 100 + '%',
                    textStyle: {
                        fontSize: 20,
                        color: '#00c6ff',
@@ -505,7 +534,7 @@
                        show: false
                    },
                    labelLine: {
                        show: true
                        show: false
                    },
                    itemStyle: {
                        borderWidth: 3,
@@ -513,7 +542,7 @@
                    },
                    data: [
                    { name: '总完工率', value: CloseProgress },
                    { name: '未完工率', value: 1-CloseProgress }
                    { name: '未完工率', value: 1 - CloseProgress }
                    ],
                }
                ]
@@ -615,7 +644,7 @@
                title: [
                {
                    text: '达成率',
                    subtext: Week*100+'%',
                    subtext: Week * 100 + '%',
                    textStyle: {
                        fontSize: 16,
                        color: '#999',
@@ -660,7 +689,7 @@
                        show: false
                    },
                    labelLine: {
                        show: true
                        show: false
                    },
                    itemStyle: {
                        borderWidth: 3,
@@ -668,7 +697,7 @@
                    },
                    data: [
                    { name: '达成率', value: Week },
                    { name: '未达成率', value: 1-Week }
                    { name: '未达成率', value: 1 - Week }
                    ],
                }
                ]
@@ -678,7 +707,7 @@
                title: [
                {
                    text: '达成率',
                    subtext: Month*100+'%',
                    subtext: Month * 100 + '%',
                    textStyle: {
                        fontSize: 16,
                        color: '#999',
@@ -723,7 +752,7 @@
                        show: false
                    },
                    labelLine: {
                        show: true
                        show: false
                    },
                    itemStyle: {
                        borderWidth: 3,
@@ -731,7 +760,7 @@
                    },
                    data: [
                    { name: '达成率', value: Month },
                    { name: '未达成率', value: 1-Month }
                    { name: '未达成率', value: 1 - Month }
                    ],
                }
                ]
@@ -746,13 +775,13 @@
            
        }
        
        function DataTable(){           
        function DataTable() {
            $('#tb_order').bootstrapTable({
                url: 'http://localhost:12298/api/loaddata/LineTableData',
                //data: dataJson,
                method: 'get',                      //请求方式（*）
                dataType: "json",
                queryParams: queryParams,//传递参数（*）
                queryParams :queryParams,
                striped: false,                      //是否显示行间隔色
                cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
                pagination: true,                   //是否显示分页（*）
@@ -761,9 +790,9 @@
                search: false,   //是否启用搜索框
                sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
                pageNumber: 1,                       //初始化加载第一页，默认第一页
                pageSize: 8,                       //每页的记录行数（*）
                pageList: [8],                     //可供选择的每页的行数（*）
                strictSearch: false,                 //设置为 true启用 全匹配搜索，否则为模糊搜索
                pageSize: 10,                       //每页的记录行数（*）
                pageList: [10],                     //可供选择的每页的行数（*）
                strictSearch: false,                //设置为 true启用 全匹配搜索，否则为模糊搜索
                clickToSelect: true,                //是否启用点击选中行
                singleSelect: true,                  //设置True 将禁止多选
                uniqueId: "ID",                     //每一行的唯一标识，一般为主键列
@@ -774,18 +803,24 @@
                { field: 'FBILLNO', title: '生产订单号', align: "left" },
                { field: 'FNUMBER', title: '产品编码', align: "left" },
                { field: 'FNAME', title: '产品名称', align: "left" },
                { field: 'FQTY', title: '任务数量', align: "left",width:100 ,formatter:function(value, row, index){
                    return parseFloat(value).toFixed(2);
                }},
                { field: 'FRepQuaAuxQty', title: '完成数量', align: "left",width:100,formatter:function(value, row, index){
                    return parseFloat(value).toFixed(2);
                } },
                { field: 'FSTOCKINQUAAUXQTY', title: '入库数量', align: "left",width:100,formatter:function(value, row, index){
                    return parseFloat(value).toFixed(2);
                } },
                { 
                    field: 'FSTATUS', title: '状态', align: "left",width:100,formatter:function(value, row, index) {
                        switch(value) {
                {
                    field: 'FQTY', title: '任务数量', align: "left", width: 100, formatter: function (value, row, index) {
                        return parseFloat(value).toFixed(2);
                    }
                },
                {
                    field: 'FRepQuaAuxQty', title: '完成数量', align: "left", width: 100, formatter: function (value, row, index) {
                        return parseFloat(value).toFixed(2);
                    }
                },
                {
                    field: 'FSTOCKINQUAAUXQTY', title: '入库数量', align: "left", width: 100, formatter: function (value, row, index) {
                        return parseFloat(value).toFixed(2);
                    }
                },
                {
                    field: 'FSTATUS', title: '状态', align: "left", width: 100, formatter: function (value, row, index) {
                        switch (value) {
                            case '1':
                            return "计划";
                            break;
@@ -803,10 +838,13 @@
                            break;
                            case '6':
                            return "结案";
                            break;
                            case '7':
                            return "结算";
                            default:
                            
                        } 
                    } 
                        }
                    }
                },
                {
                    field: 'Progress', title: '进度', align: "left", formatter: function (value, row, index) {
@@ -823,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');
                }
                
            })