aucma-benchmarking-factory/ruoyi-admin/src/main/resources/static/js/board/month.js

$(() => {
    moduleTitle()
    // 公共请求地址
    let url = '/broad/month'

    // 轮询间隔时间
    const INTERVAL = 30000

    autoUpdate(url + "/selectUserSatisfaction", INTERVAL, data => {
        console.log(data)
        multipleVerticalBarChartTwo({
            xName: ['产品体验', "购物体验", "服务体验", "订单履行率"],
            yDataOne: [data[0].productRate, data[0].shoppingRate, data[0].serviceRate, data[0].orderRate],
            yDataOneName: '' + data.map(val => val.yearName)[0],
            yDataTwo: [data[1].productRate, data[1].shoppingRate, data[1].serviceRate, data[1].orderRate],
            yDataTwoName: '' + data.map(val => val.yearName)[1],
        }, document.getElementById("satisfaction"), undefined, '%')
    })
    autoUpdate(url + "/selectProductInStoreGroupMonth", INTERVAL, data => {

        total(data.map(val => val.qty).reduce((val1, val2) => val1 + val2, 0), '#total')
        verticalBarChart({
            xName: data.map(val => `${val.name}月`),
            yData: data.map(val => val.qty),
        }, document.getElementById("outputStatistics"), '')
    })
    autoUpdate(url + "/selectHighlightProducts", INTERVAL, data => {
        let url = data.map(val => val.picturePath)
        $('#HighlightOne').css({backgroundImage: `url("http://10.100.70.5:9090/${url[0]}")`})
        $('#HighlightTwo').css({backgroundImage: `url("http://10.100.70.5:9090/${url[1]}")`})
        $('#HighlightThree').css({backgroundImage: `url("http://10.100.70.5:9090/${url[2]}")`})
        $('#HighlightFour').css({backgroundImage: `url("http://10.100.70.5:9090/${url[3]}")`})
    })
    lineChart(null, document.getElementById("quality"))



})
$(document).ready(function(){

    $('#slider').nivoSlider({
        effect:'random',
        slices:15,
        animSpeed:500,
        pauseTime:3000,
        directionNav:false,
        controlNav:false,
        keyboardNav:false
    });

});

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">智能冷柜集成控制中心</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">场景升级</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: 54.2%;left: 10.7%;color: #fff;font-size: 1vw;">${new Date().getFullYear()}年 合计：${val1} 台</span>
    `
    $(el).html(html)
}