|
|
|
@ -63,15 +63,15 @@ $(() => {
|
|
|
|
el: '#trackEvents',
|
|
|
|
el: '#trackEvents',
|
|
|
|
rowNum: 5,
|
|
|
|
rowNum: 5,
|
|
|
|
timeout: 0,
|
|
|
|
timeout: 0,
|
|
|
|
header: ["编号", "计划数量", "完成数量", "差异值", "时间"],
|
|
|
|
header: ["订单编号",'产品型号', "计划数量", "完成数量", "执行进度", "时间"],
|
|
|
|
data: data.map(value => [value.plan_code.slice(4, value.plan_code.length), value.plan_number, value.actual_number, value.plan_number - value.actual_number, value.day]),
|
|
|
|
data: data.map(value => [value.plan_code.slice(4, value.plan_code.length),'', value.plan_number, value.actual_number, value.plan_number - value.actual_number, value.day]),
|
|
|
|
index: false,
|
|
|
|
index: false,
|
|
|
|
fontColor: '#B4B7BF ',
|
|
|
|
fontColor: '#B4B7BF ',
|
|
|
|
indexBGC: '#86F3FF',
|
|
|
|
indexBGC: '#86F3FF',
|
|
|
|
headerBGC: 'rgba(8,36,75,0.2)',
|
|
|
|
headerBGC: 'rgba(8,36,75,0.2)',
|
|
|
|
oddRowBGC: 'rgba(8,36,75,0.2)',
|
|
|
|
oddRowBGC: 'rgba(8,36,75,0.2)',
|
|
|
|
evenRowBGC: 'rgba(8,36,75,0.2)',
|
|
|
|
evenRowBGC: 'rgba(8,36,75,0.2)',
|
|
|
|
colWidth: ['30%', '13%', '13%', '14%', '30%']
|
|
|
|
colWidth: ['25%','22%', '10%', '10%', '10%', '23%']
|
|
|
|
});
|
|
|
|
});
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@ -107,20 +107,20 @@ const LOSS = (val1=0,val2=24) => {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
const moduleTitle = () => {
|
|
|
|
const moduleTitle = () => {
|
|
|
|
const html = `
|
|
|
|
const html = `
|
|
|
|
<span style="position: absolute;top: 0.9%;left: 50%;color: #fff;font-size: 1.3vw;transform: translateX(-50%);letter-spacing: 0.3vw">总装生产数据及质量数据</span>
|
|
|
|
<span style="position: absolute;top: 0.9%;left: 50%;color: #fff;font-size: 1.3vw;transform: translateX(-50%);letter-spacing: 0.3vw">成品入库及产品质量可视化平台</span>
|
|
|
|
<span style="position: absolute;top: 10%;left: 53%;color: #CFD2D0;font-size: 1.0vw">LOSS(分钟)</span>
|
|
|
|
<span style="position: absolute;top: 10%;left: 53%;color: #CFD2D0;font-size: 1.0vw">LOSS(分钟)</span>
|
|
|
|
<span style="position: absolute;top: 10%;left: 76.5%;color: #CFD2D0;font-size: 1.0vw">标准节拍(秒)</span>
|
|
|
|
<span style="position: absolute;top: 10%;left: 76.5%;color: #CFD2D0;font-size: 1.0vw">入库标准节拍(秒)</span>
|
|
|
|
<span style="position: absolute;top: 10%;left: 5.5%;color: #CFD2D0;font-size: 1.0vw">成品产量</span>
|
|
|
|
<span style="position: absolute;top: 10%;left: 5.5%;color: #CFD2D0;font-size: 1.0vw">成品产量</span>
|
|
|
|
<span style="position: absolute;top: 54.3%;left: 5.5%;color: #CFD2D0;font-size: 1.0vw">一次装配不合格率</span>
|
|
|
|
<span style="position: absolute;top: 54.3%;left: 5.5%;color: #CFD2D0;font-size: 1.0vw">终检一次不合格率</span>
|
|
|
|
<span style="position: absolute;top: 24.8%;left: 53%;color: #CFD2D0;font-size: 1.0vw">LOSS分类</span>
|
|
|
|
<span style="position: absolute;top: 24.8%;left: 53%;color: #CFD2D0;font-size: 1.0vw">LOSS分类</span>
|
|
|
|
<span style="position: absolute;top: 54.3%;left: 53%;color: #CFD2D0;font-size: 1.0vw">入库订单</span>
|
|
|
|
<span style="position: absolute;top: 54.3%;left: 53%;color: #CFD2D0;font-size: 1.0vw">当班入库执行订单</span>
|
|
|
|
`
|
|
|
|
`
|
|
|
|
$('body').append(html)
|
|
|
|
$('body').append(html)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
const Tips = (top={target:target.topTips,progress:0,reality:0,gap:0,rate:0},bottom={target:target.bottomTips,reality:0,total:0}) => {
|
|
|
|
const Tips = (top={target:target.topTips,progress:0,reality:0,gap:0,rate:0},bottom={target:target.bottomTips,reality:0,total:0}) => {
|
|
|
|
const html = `
|
|
|
|
const html = `
|
|
|
|
<span style="position: absolute;top: 10%;left: 19%;color: #fff;font-size: 1vw;">目标:${top.target} 进度目标:${top.progress} 实际:${top.reality} 差异:${top.gap} 达成率:${top.rate}% </span>
|
|
|
|
<span style="position: absolute;top: 10%;left: 19%;color: #fff;font-size: 1vw;">目标:${top.target} 进度目标:${top.progress} 实际:${top.reality} 差异:${top.gap} 达成率:${top.rate}% </span>
|
|
|
|
<span style="position: absolute;top: 54.3%;left: 19%;color: #fff;font-size: 1vw">目标:${bottom.target}% 实际:${bottom.reality}% 累计不良数:${bottom.total}</span>
|
|
|
|
<span style="position: absolute;top: 54.3%;left: 19%;color: #fff;font-size: 1vw">目标:${bottom.target}% 实际:${bottom.reality}% 累计不良数:${bottom.total}</span>
|
|
|
|
`
|
|
|
|
`
|
|
|
|
$('body').append(html)
|
|
|
|
$('body').append(html)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|