|
|
|
|
|
$(() => {
|
|
|
|
|
|
moduleTitle()
|
|
|
|
|
|
// 公共请求地址
|
|
|
|
|
|
let url = '/broad/month'
|
|
|
|
|
|
|
|
|
|
|
|
// 轮询间隔时间
|
|
|
|
|
|
const INTERVAL = 30000
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
autoUpdate(url + "/selectUserSatisfaction", INTERVAL, data => {
|
|
|
|
|
|
let list = data.map(val => val.list)
|
|
|
|
|
|
multipleVerticalBarChartTwo(null, document.getElementById("satisfaction"), -20)
|
|
|
|
|
|
})
|
|
|
|
|
|
autoUpdate(url + "/selectUserSatisfaction", INTERVAL, data => {
|
|
|
|
|
|
verticalBarChart(null, document.getElementById("outputStatistics"), -20)
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
const curWeek = () => {
|
|
|
|
|
|
let today = new Date();
|
|
|
|
|
|
let firstDayOfYear = new Date(today.getFullYear(), 0, 1);
|
|
|
|
|
|
let dayOfWeek = firstDayOfYear.getDay();
|
|
|
|
|
|
let spendDay = 1;
|
|
|
|
|
|
if (dayOfWeek != 0) {
|
|
|
|
|
|
spendDay = 7 - dayOfWeek + 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
firstDayOfYear = new Date(today.getFullYear(), 0, spendDay);
|
|
|
|
|
|
let d = Math.ceil((today.valueOf() - firstDayOfYear.valueOf()) / 86400000);
|
|
|
|
|
|
return Math.ceil((d / 7) + 1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
const moduleTitle = () => {
|
|
|
|
|
|
const html = `
|
|
|
|
|
|
<span style="position: absolute;top: 0.9%;left: 50%;color: #fff;font-size: 1.3vw;transform: translateX(-50%);letter-spacing: 0.3vw">第${new Date().getMonth().toString()}月 生产数据分析平台</span>
|
|
|
|
|
|
<span style="position: absolute;top: 10%;left: 3.3%;color: #CFD2D0;font-size: 1.0vw">用户满意度</span>
|
|
|
|
|
|
<span style="position: absolute;top: 10%;left: 27.6%;color: #CFD2D0;font-size: 1.0vw">周订单执行情况</span>
|
|
|
|
|
|
<span style="position: absolute;top: 10%;left: 51.5%;color: #CFD2D0;font-size: 1.0vw">班组 6s 排行榜</span>
|
|
|
|
|
|
<span style="position: absolute;top: 10%;left: 76%;color: #CFD2D0;font-size: 1.0vw">周生产型号统计</span>
|
|
|
|
|
|
<span style="position: absolute;top: 54.5%;left: 3.3%;color: #CFD2D0;font-size: 1.0vw">产量统计</span>
|
|
|
|
|
|
<span style="position: absolute;top: 54.5%;left: 27.6%;color: #CFD2D0;font-size: 1.0vw">品质提升</span>
|
|
|
|
|
|
<span style="position: absolute;top: 54.5%;left: 51.5%;color: #CFD2D0;font-size: 1.0vw">周质量分析</span>
|
|
|
|
|
|
<span style="position: absolute;top: 54.5%;left: 76%;color: #CFD2D0;font-size: 1.0vw">安全生产</span>
|
|
|
|
|
|
`
|
|
|
|
|
|
$('body').append(html)
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
const total = (val1 = 0, el) => {
|
|
|
|
|
|
const html = `
|
|
|
|
|
|
<span style="position: absolute;top: 10%;left: 17.7%;color: #fff;font-size: 1vw;">合计:${val1} 台</span>
|
|
|
|
|
|
`
|
|
|
|
|
|
$(el).html(html)
|
|
|
|
|
|
}
|