|
|
|
@ -357,9 +357,11 @@
|
|
|
|
|
|
|
|
|
|
|
|
<script src="../../static/js/auto-update.js" th:src="@{/js/auto-update.js}"></script>
|
|
|
|
<script src="../../static/js/auto-update.js" th:src="@{/js/auto-update.js}"></script>
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
|
|
|
|
let practical = 0
|
|
|
|
//夹具生产计划切换
|
|
|
|
//夹具生产计划切换
|
|
|
|
let tableData = []
|
|
|
|
let tableData = []
|
|
|
|
let classes = 0
|
|
|
|
let classes = 0
|
|
|
|
|
|
|
|
let totalNum = 0
|
|
|
|
let dayClass = ['工位', '型号', '状态', '目标', '计划', '累计', '达成率', '7:30', '8:30', '9:30', '10:30', '11:30', '12:30', '13:30', '14:30', '15:30', '16:30', '17:30', '18:30']
|
|
|
|
let dayClass = ['工位', '型号', '状态', '目标', '计划', '累计', '达成率', '7:30', '8:30', '9:30', '10:30', '11:30', '12:30', '13:30', '14:30', '15:30', '16:30', '17:30', '18:30']
|
|
|
|
let nightClass = ['工位', '型号', '状态', '目标', '计划', '累计', '达成率', '19:30', '20:30', '21:30', '22:30', '23:30', '0:30', '1:30', '2:30', '3:30', '4:30', '5:30', '6:30']
|
|
|
|
let nightClass = ['工位', '型号', '状态', '目标', '计划', '累计', '达成率', '19:30', '20:30', '21:30', '22:30', '23:30', '0:30', '1:30', '2:30', '3:30', '4:30', '5:30', '6:30']
|
|
|
|
let tableWidth = ["5%", '10%', "7%", "5%", "5%", "5%", "8%", "4%", "4%", "4%", "4%", "4%", "4%", "4%", "4%", "4%", "4%", "4%", "4%"]
|
|
|
|
let tableWidth = ["5%", '10%', "7%", "5%", "5%", "5%", "8%", "4%", "4%", "4%", "4%", "4%", "4%", "4%", "4%", "4%", "4%", "4%", "4%"]
|
|
|
|
@ -461,15 +463,15 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
$(async () => {
|
|
|
|
$(async () => {
|
|
|
|
let totalNum = 0
|
|
|
|
|
|
|
|
area()
|
|
|
|
area()
|
|
|
|
// 当班计划/实际产量/当班差异
|
|
|
|
// 当班计划/实际产量/当班差异
|
|
|
|
await autoUpdate('/broad/fp/selectFpOrderInfo', INTERVAL, data => {
|
|
|
|
await autoUpdate('/broad/fp/selectFpOrderInfo', INTERVAL, data => {
|
|
|
|
// let p = [data[1], data[0][2], data[0][3]]
|
|
|
|
// let p = [data[1], data[0][2], data[0][3]]
|
|
|
|
totalNum = data.find(val => val.name == '当班计划').qty
|
|
|
|
totalNum = data.find(val => val.name == '当班计划').qty
|
|
|
|
let now = data.find(val => val.name == '实际产量').qty
|
|
|
|
let now = data.find(val => val.name == '实际产量').qty
|
|
|
|
|
|
|
|
// let now = practical
|
|
|
|
let p = [totalNum, now, totalNum - now]
|
|
|
|
let p = [totalNum, now, totalNum - now]
|
|
|
|
|
|
|
|
console.log(p)
|
|
|
|
for (let i in p) {
|
|
|
|
for (let i in p) {
|
|
|
|
updateSplitBlocks(p[i], selectors[i])
|
|
|
|
updateSplitBlocks(p[i], selectors[i])
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@ -535,7 +537,13 @@
|
|
|
|
classes = data[`班组`]
|
|
|
|
classes = data[`班组`]
|
|
|
|
})
|
|
|
|
})
|
|
|
|
// 生产统计数据
|
|
|
|
// 生产统计数据
|
|
|
|
autoUpdate('/broad/fp/selectStationHourInfo', INTERVAL, data => {
|
|
|
|
const isDay = () => {
|
|
|
|
|
|
|
|
let nowTime = new Date()
|
|
|
|
|
|
|
|
let nowHour = parseFloat(`${parseInt(nowTime.toLocaleTimeString().split(':')[0])}.${parseInt(nowTime.toLocaleTimeString().split(':')[1])}`)
|
|
|
|
|
|
|
|
console.log(nowHour < 19.3 && nowHour > 7.3)
|
|
|
|
|
|
|
|
return nowHour < 19.3 && nowHour > 7.3
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
autoUpdate(isDay() ? '/broad/fp/selectStationHourInfoDay' : '/broad/fp/selectStationHourInfo', INTERVAL, data => {
|
|
|
|
tableData = data
|
|
|
|
tableData = data
|
|
|
|
let dataOne = []
|
|
|
|
let dataOne = []
|
|
|
|
if (isFirst) {
|
|
|
|
if (isFirst) {
|
|
|
|
@ -547,6 +555,11 @@
|
|
|
|
times++
|
|
|
|
times++
|
|
|
|
}
|
|
|
|
}
|
|
|
|
getTable(classes, dataOne)
|
|
|
|
getTable(classes, dataOne)
|
|
|
|
|
|
|
|
practical = eval(data.map(val => val.qty).join('+'))
|
|
|
|
|
|
|
|
console.log(selectors)
|
|
|
|
|
|
|
|
console.log(practical)
|
|
|
|
|
|
|
|
// updateSplitBlocks(totalNum - practical, selectors[2])
|
|
|
|
|
|
|
|
// updateSplitBlocks(eval(data.map(val => val.qty).join('+')), selectors[1])
|
|
|
|
total(
|
|
|
|
total(
|
|
|
|
Number((data.filter(val => val.status === '生产中').length / 28) * 100).toFixed(2) + '%',
|
|
|
|
Number((data.filter(val => val.status === '生产中').length / 28) * 100).toFixed(2) + '%',
|
|
|
|
totalNum,
|
|
|
|
totalNum,
|
|
|
|
@ -570,19 +583,19 @@
|
|
|
|
// 右侧压力 + 右侧温度
|
|
|
|
// 右侧压力 + 右侧温度
|
|
|
|
autoUpdate('/broad/fp/selectDeviceStation', INTERVAL, data => {
|
|
|
|
autoUpdate('/broad/fp/selectDeviceStation', INTERVAL, data => {
|
|
|
|
// 右侧压力
|
|
|
|
// 右侧压力
|
|
|
|
multipleVerticalBarChart(
|
|
|
|
multipleVerticalBarChart1(
|
|
|
|
{
|
|
|
|
{
|
|
|
|
xName: data.map(value => value.station_no),
|
|
|
|
xName: data.map(value => value.station_no),
|
|
|
|
yDataOne: data.map(value => value.pol_yl),
|
|
|
|
yDataOne: data.map(value => (value.pol_yl * 1.1).toFixed(1)),
|
|
|
|
yDataOneName: "POL压力",
|
|
|
|
yDataOneName: "POL压力",
|
|
|
|
yDataTwo: data.map(value => value.so_yl),
|
|
|
|
yDataTwo: data.map(value => (value.so_yl * 1.3).toFixed(1)),
|
|
|
|
yDataTwoName: "ISO压力",
|
|
|
|
yDataTwoName: "ISO压力",
|
|
|
|
}, document.getElementById("top-right"))
|
|
|
|
}, document.getElementById("top-right"))
|
|
|
|
// 右侧温度
|
|
|
|
// 右侧温度
|
|
|
|
multipleBrokenLineAreaDiagram(
|
|
|
|
multipleBrokenLineAreaDiagram1(
|
|
|
|
{
|
|
|
|
{
|
|
|
|
xData: data.map(value => value.station_no),
|
|
|
|
xData: data.map(value => value.station_no),
|
|
|
|
yDataOne: data.map(value => value.pol_wd),
|
|
|
|
yDataOne: data.map(value => value.pol_wd ),
|
|
|
|
yDataOneName: "POL温度",
|
|
|
|
yDataOneName: "POL温度",
|
|
|
|
yDataTwo: data.map(value => value.so_wd),
|
|
|
|
yDataTwo: data.map(value => value.so_wd),
|
|
|
|
yDataTwoName: "ISO温度",
|
|
|
|
yDataTwoName: "ISO温度",
|
|
|
|
@ -970,4 +983,4 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
</html>
|
|
|
|
</html>
|
|
|
|
|