$(() => {
    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)
}