this.HistoryData = (function (){ this.update = function () { // 请注意type必须在结尾 get_data("fcBiFlowDaily/list?flowId=" + flowId + "&type=1", history_success); }; this.loadHistroyOnce = function (nnm) { // 请注意type必须在结尾 get_data(HistoryBaseURL + "&type=" + nnm, history_success); }; this.loadMultiHistory = function(){ for (i = 1; i <= 3; i++) loadHistroyOnce(i); }; this.add_success = function(obj, sta) { var history1 = first_parse(this, obj); var i, j; console.log(" history1 : "); console.log(history1); hispass[t] = 0; hisfail[t] = 0; hisstack[t] = 0; hisrate[t] = 0; var lengthnum = history1.length - 1; for (i = lengthnum; i < history1.length; i++) { hispass[t] = history1[i].passNum + hispass[t]; hisfail[t] = history1[i].failNum + hisfail[t]; hisstack[t] = history1[i].avgDue + hisstack[t]; } if (hispass[t] + hisfail[t] == 0) { hisrate[t] = 0; } t++; } })(); function realtime_success(obj, sta) { var output = first_parse(this, obj); //在这里排序 spo\ console.log(" output : "); console.log(output); var i, j, k, z; failnum = 0; var x = 0; var worksum = []; var hhp = 0, hhf = 0, hhs = 0; if (output.list.length > 0) { sectorID[0] = getSectorId(output.list[0].spotId); passNumber[0] = 0; failNumber[0] = 0; stackeverynum[0] = 0; z = 0; for (i = 1; i < output.list.length; i++) { var thisUid = getSectorId(output.list[i].spotId); x = 0; for (j = 0; j < sectorID.length; j++) { if (sectorID[j] === thisUid) { x = 1; break; } } if (x === 0) { sectorID.push(thisUid); } } j = 0; for (k = 0; k < sectorID.length; k++) { var uid = sectorID[k]; z = 0; passNumber[k] = 0; failNumber[k] = 0; stackeverynum[k] = 0; for (i = 0; i < output.list.length; i++) { if (uid === getSectorId(output.list[i].spotId)) { passNumber[k] = output.list[i].passNum + passNumber[k]; failNumber[k] = output.list[i].failNum + failNumber[k]; stackeverynum[k] = output.list[i].due + stackeverynum[k]; z++; } } failrate[k] = get_factor(passNumber[k], failNumber[k]); } output.list.forEach(function (val, fid, arr) { hhp += val.passNum; hhf += val.failNum; hhs += val.due; }) } schedulepass = hhp; schedulefail = hhf; if (output.list.length > 0) { schedulestack = hhs / output.list.length; } else { schedulestack = 0; } update_all_history(); updateChart(); }; var RealTimeCharts = (function() { var timeday = ["今日", "昨日", "本周", "本月"]; if (flowId == null || scheduleId == null) { send_alert("出错啦!请检查参数完整性"); } function page_document_load() { get_data("fcWorkScheduleLoad/list?scheduleId=" + scheduleId, onFirstTimeSuccess); } var compAxis = { categories: namedata, crosshair: true, title: { text: '工位', style: { fontSize: '1.5em' } }, labels: { style: { fontSize: '1.5em' } } }; var getSeperateArrays = function (sectorLoadData){ this.data = []; this.len = sectorLoadData.len(); this.stackmax = 0; this.failmax = 0; this.passmax = 0; this.failratemax = 0; this.ratedata = []; this.passdata = []; this.faildata = []; for (i = 0; i < len; i++) { var one = sectorLoadData.getRaw(i); if (stackmax < one[i].getVal("stack")) { stackmax = one[i].getVal("stack") } if (failmax < one[i].getVal("failNum")) { failmax = one[i].getVal("failNum"); } if (failratemax < one[i].getVal("failRate")) { failratemax = one[i].getVal("failRate"); } if (passmax < one[i].getVal("passNum")) { passmax = one[i].getVal("passNum"); } data.push(one[i].getVal("stack")); this.ratedata.push(Math.floor(one[i].getVal("failRate"))); this.passdata.push(one[i].getVal("passNum")); this.faildata.push(one[i].getVal("failNum")); } failratemax = Math.max(failratemax, 5); stackmax = Math.max(stackmax, 5); failmax = Math.max(failmax, 5); passmax = Math.max(passmax, failmax, stackmax); }; this.dataArrays = null; function showChart(sectorLoadData) { dataArrays = new getSeperateArrays(sectorLoadData); stackAndFailChart = Highcharts.chart('graph-1', { chart: { zoomType: 'xy', //height: (4 / 16 * 100) + '%' // 16:9 ratio }, title: {text: '各工位今日产能'}, credits: {enabled: false}, exporting: {enabled: false}, xAxis: [compAxis], yAxis: [{ labels: { format: '{value}', style: { color: "#ffffff", fontSize: '1.5em' } }, min: 0, max: passmax * 1.5, title: { text: '数量', style: { color: '#ffffff', fontSize: '1em' }, rotation: 270, } },], tooltip: {shared: true}, legend: { layout: 'vertical', align: 'right', x: 0, verticalAlign: 'top', y: 0, floating: true, backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF' }, series: [{ name: '良品数', type: 'column', data: passdata, }, { name: '不良品数', type: 'column', data: faildata, }, { name: '堆积数', type: 'column', data: data, }] }); FailChart = Highcharts.chart('graph-2', { chart: { //height: (4 / 16 * 100) + '%' // 16:9 ratio }, title: { text: '各工位今日不良率' }, credits: { enabled: false // 禁用版权信息 }, exporting: { enabled: false }, xAxis: [compAxis], yAxis: [{ // Secondary yAxis title: { text: '不良率', style: { color: '#ffffff', fontSize: '1em' } }, min: 0, max: 1.5 * failratemax, labels: { formatter: function () { return Math.floor(this.value) + "%"; }, style: { color: '#ffffff', fontSize: '20px' }, rotation: 270, }, }], tooltip: { shared: true }, legend: { layout: 'vertical', align: 'right', x: 0, verticalAlign: 'top', y: 0, floating: true, backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF' }, series: [{ name: '不良率', type: 'spline', data: ratedata, color: 'red', tooltip: { valueSuffix: '%' } }] }); } function updateChart(sectorLoad) { var data = []; var ratedata = []; var stackmax = 0; var failmax = 0; var passdata = []; var faildata = []; var passmax = 0; var failratemax = 0; for (i = 0; i < passNumber.length; i++) { if (stackmax < stackeverynum[i]) { stackmax = stackeverynum[i]; } if (failmax < failNumber[i]) { failmax = failNumber[i]; } if (failratemax < failrate[i]) { failratemax = failrate[i]; } if (passmax < passNumber[i]) { passmax = passNumber[i]; } data.push(stackeverynum[i]); ratedata.push(Math.floor(failrate[i])); passdata.push(passNumber[i]); faildata.push(failNumber[i]); } failratemax = Math.max(failratemax, 5); stackmax = Math.max(stackmax, 5); failmax = Math.max(failmax, 5); passmax = Math.max(passmax, failmax, stackmax); // https://api.hcharts.cn/highcharts#Series.addPoint; stackAndFailChart.series[0].setData(passdata); stackAndFailChart.series[1].setData(faildata); stackAndFailChart.series[2].setData(data); FailChart.series[0].setData(ratedata); if (failratemax > FailChart.yAxis[0].getExtremes().max * 1.3 || failratemax < FailChart.yAxis[0].getExtremes().max * 0.5) { FailChart.yAxis[0].setExtremes(0, failratemax * 1.5); } if (passmax > stackAndFailChart.yAxis[0].getExtremes().max * 1.3 || passmax < stackAndFailChart.yAxis[0].getExtremes().max * 0.5) { stackAndFailChart.yAxis[0].setExtremes(0, passmax * 1.5); } showHistoryData(); showRedRanking(); showBlackRanking(); var secNames = []; sectorID.forEach(function (val) { secNames.push(getSectorName(val)); }); if (JSON.stringify(secNames) !== lastTimeSecNames) { lastTimeSecNames = JSON.stringify(secNames); FailChart.xAxis[0].setCategories(secNames); stackAndFailChart.xAxis[0].setCategories(secNames); } } var lastTimeSecNames = ""; var stackAndFailChart = null; var FailChart = null; })(); function getHistoryTableBody(htmlbody, i) { if (typeof hispass[i] === "undefined") { htmlbody += ""; htmlbody += ` - - - - - `; htmlbody += ""; return htmlbody; } htmlbody += ""; htmlbody += ` ${timeday[i]} ${hispass[i]} ${hisfail[i]} ${hisstack[i]} ${hisrate[i] + '%'} `; htmlbody += ""; return htmlbody; } var goodColor = []; var badColor = []; var goodColor1 = []; var badColor1 = []; var userIDs = []; var schedulepass = 0, schedulefail = 0, schedulestack = 0; var todayotherpass = 0, todayotherfail = 0, todayotherstack = 0; var lastTimeHistory = ""; var histoires = []; var hispass = []; var hisfail = []; var hisstack = []; var hisrate = []; var goodpass = []; var goodid = []; var goodfailrate = []; var goodpass1 = []; var goodid1 = []; var goodfailrate1 = []; var badpass = []; var badid = []; var badfailrate = []; var badpass1 = []; var badid1 = []; var badfailrate1 = []; var todayotherpass, todayotherfail, todayotherstack; var orighisfail = [], orighispass = [], orighisstack = []; /* function isUserOfThisFlow(uid) { var isExist = false; userIDs.forEach(function (vals) { if (vals == uid) { isExist = true; } }); return isExist; } var RedRank = (function() { this.fetchPos = 0; this.multipleData = []; this.loader = (function () { this.load = function(pos) { this.multipleData = new Array(); for(let i = 0; i < 8; i++){ this.multipleData[i] = new DataObjectService("fcBiWorkderDaily", AUTO & FAST, "?type="+i); } get_data(`fcBiWorkerDaily/get?type=${RedRank.fetchPos}`, RedRank.loader.onSuccess); }; this.consecutiveLoad = function(){ RedRank.fetchPos = (RedRank.fetchPos + 1) % 8; load(RedRank.fetchPos); }; this.onSuccess = function(res, code){ }; })(); })(); function on_red_rank_success(obj, sta) { var redchart = first_parse(this, obj); var i, j; i = j = 0; console.log(" redchart : "); console.log(redchart); for (i = 0; i < redchart.list.length; i++) { goodid[i] = getUserName(redchart.list[i].workerId); goodpass[i] = redchart.list[i].passNum; if (redchart.list[i].passNum + redchart.list[i].failNum > 0) { goodfailrate[i] = Math.floor(redchart.list[i].failNum * 10000 / (redchart.list[i].passNum + redchart.list[i].failNum)) / 100; } else { goodfailrate[i] = 0; } if (isUserOfThisFlow(redchart.list[i].workerId)) { goodColor[i] = 'red'; } else { goodColor[i] = ''; } } } function on_red_rank_success1(obj, sta) { var redchart = first_parse(this, obj); var i, j; i = j = 0; console.log(" redchart : "); console.log(redchart); for (i = 0; i < redchart.list.length; i++) { goodid1[i] = getUserName(redchart.list[i].workerId); goodpass1[i] = redchart.list[i].passNum; if (redchart.list[i].passNum + redchart.list[i].failNum > 0) { goodfailrate1[i] = Math.floor(redchart.list[i].failNum * 10000 / (redchart.list[i].passNum + redchart.list[i].failNum)) / 100; } else { goodfailrate1[i] = 0; } if (isUserOfThisFlow(redchart.list[i].workerId)) { goodColor1[i] = 'red'; } else { goodColor1[i] = ''; } } } function on_black_rank_success(obj, sta) { var blackchart = first_parse(this, obj); var i, j; i = j = 0; console.log(" black chart : "); console.log(blackchart); for (i = 0; i < blackchart.list.length; i++) { badid[i] = getUserName(blackchart.list[i].workerId); badpass[i] = blackchart.list[i].passNum; //badfailrate[i] = blackchart.list[i].failRate / 100; if (blackchart.list[i].passNum + blackchart.list[i].failNum > 0) { badfailrate[i] = Math.floor(blackchart.list[i].failNum * 10000 / (blackchart.list[i].passNum + blackchart.list[i].failNum)) / 100; } else { badfailrate[i] = 0; } if (isUserOfThisFlow(blackchart.list[i].workerId)) { badColor[i] = 'green'; } else { badColor[i] = ''; } } } function on_black_rank_success1(obj, sta) { var blackchart = first_parse(this, obj); var i, j; i = j = 0; console.log(" black chart : "); console.log(blackchart); for (i = 0; i < blackchart.list.length; i++) { badid1[i] = getUserName(blackchart.list[i].workerId); badpass1[i] = blackchart.list[i].passNum; //badfailrate[i] = blackchart.list[i].failRate / 100; if (blackchart.list[i].passNum + blackchart.list[i].failNum > 0) { badfailrate1[i] = Math.floor(blackchart.list[i].failNum * 10000 / (blackchart.list[i].passNum + blackchart.list[i].failNum)) / 100; } else { badfailrate1[i] = 0; } if (isUserOfThisFlow(blackchart.list[i].workerId)) { badColor1[i] = 'green'; } else { badColor1[i] = ''; } } }*/