diff --git a/src/views/board/foaming/index.vue b/src/views/board/foaming/index.vue index 6b1ebef..8c4bcd7 100644 --- a/src/views/board/foaming/index.vue +++ b/src/views/board/foaming/index.vue @@ -546,53 +546,52 @@ export default { { e: 'fp-1-05', i: "SCADA_INV_STATS_01('')", - t:2, + t: 2, f: (e) => { - console.log(JSON.stringify(e)) - let table = e.map(val => { - return { - value1: val.EQUIPMENT_CODE, - value2: val.FIXTUREBOXTYPE, - value3: val.FIXTURESTATUS, - value4: val.TARGET, - value5: val.PLAN_SUM, - value6: val.PRO_SUM, - value7: (val.PLAN_SUM === 0 ? 0 : ((val.PRO_SUM / val.PLAN_SUM) * 100).toFixed(2)) + '%', - value8: val.ANHOUR, - value9: val.TWOHOUR, - value10: val.THREEHOUR, - value11: val.FOURHOUR, - value12: val.FIVEHOUR, - value13: val.SIXHOUR, - value14: val.SEVENHOUR, - value15: val.EIGHTHOUR, - value16: val.NINEHOUR, - value17: val.TENHOUR, - value18: val.ELEVENHOUR, - value19: val.TWELVEHOUR, - } - }) - this.scrollTableData1 = table - let totalArr = table - this.total = { - value1: ((totalArr.filter(val => val.value3 === '生产中').length / 6) * 100).toFixed(2), - value2: totalArr.map(val => val.value5).reduce((acc, curr) => acc + curr, 0), - value3: totalArr.map(val => val.value6).reduce((acc, curr) => acc + curr, 0), - value4: totalArr.map(val => val.value4).reduce((acc, curr) => acc + curr, 0) === 0 ? 0 : ((totalArr.map(val => val.value6).reduce((acc, curr) => acc + curr, 0) / totalArr.map(val => val.value4).reduce((acc, curr) => acc + curr, 0)) * 100).toFixed(2), - value5: totalArr.map(val => val.value8).reduce((acc, curr) => acc + curr, 0), - value6: totalArr.map(val => val.value9).reduce((acc, curr) => acc + curr, 0), - value7: totalArr.map(val => val.value10).reduce((acc, curr) => acc + curr, 0), - value8: totalArr.map(val => val.value11).reduce((acc, curr) => acc + curr, 0), - value9: totalArr.map(val => val.value12).reduce((acc, curr) => acc + curr, 0), - value10: totalArr.map(val => val.value13).reduce((acc, curr) => acc + curr, 0), - value11: totalArr.map(val => val.value14).reduce((acc, curr) => acc + curr, 0), - value12: totalArr.map(val => val.value15).reduce((acc, curr) => acc + curr, 0), - value13: totalArr.map(val => val.value16).reduce((acc, curr) => acc + curr, 0), - value14: totalArr.map(val => val.value17).reduce((acc, curr) => acc + curr, 0), - value15: totalArr.map(val => val.value18).reduce((acc, curr) => acc + curr, 0), - value16: totalArr.map(val => val.value19).reduce((acc, curr) => acc + curr, 0), + let table = e.map(val => { + return { + value1: val.EQUIPMENT_CODE, + value2: val.FIXTUREBOXTYPE, + value3: val.FIXTURESTATUS, + value4: val.TARGET, + value5: val.TARGET * 11, + value6: val.PRO_SUM, + value7: (val.TARGET === 0 ? 0 : ((val.PRO_SUM / (val.TARGET*11)) * 100).toFixed(2)) + '%', + value8: val.ANHOUR, + value9: val.TWOHOUR, + value10: val.THREEHOUR, + value11: val.FOURHOUR, + value12: val.FIVEHOUR, + value13: val.SIXHOUR, + value14: val.SEVENHOUR, + value15: val.EIGHTHOUR, + value16: val.NINEHOUR, + value17: val.TENHOUR, + value18: val.ELEVENHOUR, + value19: val.TWELVEHOUR, } + }) + this.scrollTableData1 = table + let totalArr = table.slice(this.show*6,(this.show+1)*6) + this.total = { + value1: ((totalArr.filter(val => val.value3 === '生产中').length / 6) * 100).toFixed(2), + value2: totalArr.map(val => val.value5).reduce((acc, curr) => acc + curr, 0), + value3: totalArr.map(val => val.value6).reduce((acc, curr) => acc + curr, 0), + value4: totalArr.map(val => val.value5).reduce((acc, curr) => acc + curr, 0) === 0 ? 0 : ((totalArr.map(val => val.value6).reduce((acc, curr) => acc + curr, 0) / totalArr.map(val => val.value5).reduce((acc, curr) => acc + curr, 0)) * 100).toFixed(2), + value5: totalArr.map(val => val.value8).reduce((acc, curr) => acc + curr, 0), + value6: totalArr.map(val => val.value9).reduce((acc, curr) => acc + curr, 0), + value7: totalArr.map(val => val.value10).reduce((acc, curr) => acc + curr, 0), + value8: totalArr.map(val => val.value11).reduce((acc, curr) => acc + curr, 0), + value9: totalArr.map(val => val.value12).reduce((acc, curr) => acc + curr, 0), + value10: totalArr.map(val => val.value13).reduce((acc, curr) => acc + curr, 0), + value11: totalArr.map(val => val.value14).reduce((acc, curr) => acc + curr, 0), + value12: totalArr.map(val => val.value15).reduce((acc, curr) => acc + curr, 0), + value13: totalArr.map(val => val.value16).reduce((acc, curr) => acc + curr, 0), + value14: totalArr.map(val => val.value17).reduce((acc, curr) => acc + curr, 0), + value15: totalArr.map(val => val.value18).reduce((acc, curr) => acc + curr, 0), + value16: totalArr.map(val => val.value19).reduce((acc, curr) => acc + curr, 0), } + } }, { e: 'fp-1-06', @@ -830,7 +829,7 @@ export default { splitLine: { show: true, lineStyle: { - color: "rgba(255,255,255,0.1)", + color: ['#c20f0f',"rgba(255,255,255,0.1)","rgba(255,255,255,0.1)",'#c20f0f'], }, }, axisLine: { @@ -840,7 +839,13 @@ export default { show: true, margin: 20, textStyle: { - color: "#d1e6eb", + color: (e) => { + if (e === '18' || e === '24') { + return '#c20f0f' + } else { + return '#d1e6eb' + } + } }, }, axisTick: { @@ -1171,7 +1176,6 @@ export default { e: 'fp-2-05', i: "SCADA_INV_STATS_02('')", f: (e) => { - console.log(e) let table = e.map(val => { return { value1: val.EQUIPMENT_CODE, @@ -1180,7 +1184,7 @@ export default { value4: val.TARGET, value5: val.PLAN_SUM, value6: val.PRO_SUM, - value7: (val.PLAN_SUM === 0 ? 0 : ((val.PRO_SUM / val.PLAN_SUM) * 100).toFixed(2)) + '%', + value7: (val.TARGET === 0 ? 0 : ((val.PRO_SUM / (val.TARGET*11)) * 100).toFixed(2)) + '%', value8: val.ANHOUR, value9: val.TWOHOUR, value10: val.THREEHOUR, @@ -1196,7 +1200,7 @@ export default { } }) this.scrollTableData1 = table - let totalArr = table + let totalArr = table.slice(this.show*6,(this.show+1)*6) this.total = { value1: ((totalArr.filter(val => val.value3 === '生产中').length / 6) * 100).toFixed(2), value2: totalArr.map(val => val.value5).reduce((acc, curr) => acc + curr, 0), @@ -1454,7 +1458,7 @@ export default { splitLine: { show: true, lineStyle: { - color: "rgba(255,255,255,0.1)", + color: ['#c20f0f',"rgba(255,255,255,0.1)","rgba(255,255,255,0.1)",'#c20f0f'], }, }, axisLine: { @@ -1464,7 +1468,13 @@ export default { show: true, margin: 20, textStyle: { - color: "#d1e6eb", + color: (e) => { + if (e === '18' || e === '24') { + return '#c20f0f' + } else { + return '#d1e6eb' + } + } }, }, axisTick: { @@ -1697,6 +1707,26 @@ export default { num = num % num1 this.show = num + let totalArr = this.scrollTableData1.slice(num*6,(num+1)*6) + this.total = { + value1: ((totalArr.filter(val => val.value3 === '生产中').length / 6) * 100).toFixed(2), + value2: totalArr.map(val => val.value5).reduce((acc, curr) => acc + curr, 0), + value3: totalArr.map(val => val.value6).reduce((acc, curr) => acc + curr, 0), + value4: totalArr.map(val => val.value5).reduce((acc, curr) => acc + curr, 0) === 0 ? 0 : ((totalArr.map(val => val.value6).reduce((acc, curr) => acc + curr, 0) / totalArr.map(val => val.value5).reduce((acc, curr) => acc + curr, 0)) * 100).toFixed(2), + value5: totalArr.map(val => val.value8).reduce((acc, curr) => acc + curr, 0), + value6: totalArr.map(val => val.value9).reduce((acc, curr) => acc + curr, 0), + value7: totalArr.map(val => val.value10).reduce((acc, curr) => acc + curr, 0), + value8: totalArr.map(val => val.value11).reduce((acc, curr) => acc + curr, 0), + value9: totalArr.map(val => val.value12).reduce((acc, curr) => acc + curr, 0), + value10: totalArr.map(val => val.value13).reduce((acc, curr) => acc + curr, 0), + value11: totalArr.map(val => val.value14).reduce((acc, curr) => acc + curr, 0), + value12: totalArr.map(val => val.value15).reduce((acc, curr) => acc + curr, 0), + value13: totalArr.map(val => val.value16).reduce((acc, curr) => acc + curr, 0), + value14: totalArr.map(val => val.value17).reduce((acc, curr) => acc + curr, 0), + value15: totalArr.map(val => val.value18).reduce((acc, curr) => acc + curr, 0), + value16: totalArr.map(val => val.value19).reduce((acc, curr) => acc + curr, 0), + } + }, 30 * 1000) if (this.$route.query.id === '1' || this.id === '1') { this.RequestDataSet.forEach(val => { @@ -1731,7 +1761,6 @@ export default { }, methods: {}, beforeDestroy() { - console.log(1) if (intervalFun) { clearInterval(intervalFun) intervalFun = null