You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
67 lines
2.9 KiB
JavaScript
67 lines
2.9 KiB
JavaScript
$(() => {
|
|
moduleTitle()
|
|
// 公共请求地址
|
|
let url = '/broad/month'
|
|
|
|
// 轮询间隔时间
|
|
const INTERVAL = 30000
|
|
|
|
|
|
autoUpdate(url + "/selectUserSatisfaction", INTERVAL, data => {
|
|
multipleVerticalBarChartThree({
|
|
xName: data.map(val => val.yearName),
|
|
yDataOne: data.map(val => val.productRate),
|
|
yDataOneName: '产品体验',
|
|
yDataTwo: data.map(val => val.shoppingRate),
|
|
yDataTwoName: "购物体验",
|
|
yDataThree: data.map(val => val.serviceRate),
|
|
yDataThreeName: "服务体验",
|
|
yDataFour: data.map(val => val.orderRate),
|
|
yDataFourName: "订单履行率",
|
|
}, document.getElementById("satisfaction"), )
|
|
})
|
|
autoUpdate(url + "/selectProductInStoreGroupMonth", INTERVAL, data => {
|
|
verticalBarChart({
|
|
xName: data.map(val => `${val.name}月`),
|
|
yData: data.map(val => val.qty),
|
|
}, document.getElementById("outputStatistics"), '')
|
|
})
|
|
lineChart(null, document.getElementById("quality"))
|
|
|
|
|
|
})
|
|
|
|
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)
|
|
} |