| | |
| | | background: #000000; |
| | | } |
| | | |
| | | .pull-right { |
| | | .pull-right,.fixed-table-pagination .pagination-detail, .fixed-table-pagination div.pagination { |
| | | display: none; |
| | | } |
| | | |
| | |
| | | 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(); |
| | |
| | | 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)); |
| | |
| | | $("#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) { |
| | |
| | | }); |
| | | |
| | | //本周分析 |
| | | 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) { |
| | | |
| | |
| | | show: false |
| | | }, |
| | | labelLine: { |
| | | show: true |
| | | show: false |
| | | }, |
| | | itemStyle: { |
| | | borderWidth: 3, |
| | |
| | | show: false |
| | | }, |
| | | labelLine: { |
| | | show: true |
| | | show: false |
| | | }, |
| | | itemStyle: { |
| | | borderWidth: 3, |
| | |
| | | show: false |
| | | }, |
| | | labelLine: { |
| | | show: true |
| | | show: false |
| | | }, |
| | | itemStyle: { |
| | | borderWidth: 3, |
| | |
| | | //data: dataJson, |
| | | method: 'get', //请求方式(*) |
| | | dataType: "json", |
| | | queryParams: queryParams,//传递参数(*) |
| | | queryParams :queryParams, |
| | | striped: false, //是否显示行间隔色 |
| | | cache: false, //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*) |
| | | pagination: true, //是否显示分页(*) |
| | |
| | | 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", //每一行的唯一标识,一般为主键列 |
| | |
| | | break; |
| | | case '6': |
| | | return "结案"; |
| | | break; |
| | | case '7': |
| | | return "结算"; |
| | | default: |
| | | |
| | | } |
| | |
| | | |
| | | }, |
| | | 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'); |
| | | } |
| | | |
| | | }) |
| | |
| | | </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> |