$(function () {
    var loadingHtml = `                        <div class="loader">
    <div class="loader-inner ball-pulse">
        <div></div>
        <div></div>
        <div></div>
    </div>
  </div>`


    var switchTime = "all"
    let l1xueduan = "0"
    let l1Type = "teacher"
    l1(l1xueduan, l1Type, switchTime);
    l2(switchTime)
    let r1_xueduan = "0"

    let c2_peple = "teacher"

    let r2Type = 1
    let c2Type = 0

    let c1xueduan = "0"
    let l3xueduan = "0"
    // let l1Type = 1

    // l1(l1Type, switchTime);
    // l2_paihang("4")
    // c1();
    // c2(c2Type, switchTime);
    // c2_huizong(c2Type, switchTime);

    r2_jspaihang(r2Type, switchTime)
    r2_jgpaihang(r2Type, switchTime)


    $('body').on('click', '#switch_day', function (e) {
        switchTime = "day"
        $('.switch-time').children().removeClass("act")
        $('#switch_day').addClass("act")
        l1(l1xueduan, l1Type, switchTime);
        l2(switchTime)
        l3(l3xueduan, switchTime)
        c1(c1xueduan, switchTime)
        c2(c2_peple, switchTime);
        C2B(switchTime, c2Type)
        r1(r1_xueduan, switchTime);
        r2_jspaihang(r2Type, switchTime);
        r2_jgpaihang(r2Type, switchTime);
    })
    $('body').on('click', '#switch_month', function (e) {
        switchTime = "month"
        $('.switch-time').children().removeClass("act")
        $('#switch_month').addClass("act")
        l1(l1xueduan, l1Type, switchTime);
        l2(switchTime)
        l3(l3xueduan, switchTime)
        c1(c1xueduan, switchTime)
        c2(c2_peple, switchTime);
        C2B(switchTime, c2Type)
        r1(r1_xueduan, switchTime);
        r2_jspaihang(r2Type, switchTime);
        r2_jgpaihang(r2Type, switchTime);
    })
    $('body').on('click', '#switch_all', function (e) {
        switchTime = "all"
        $('.switch-time').children().removeClass("act")
        $('#switch_all').addClass("act")
        l1(l1xueduan, l1Type, switchTime);
        l2(switchTime)
        l3(l3xueduan, switchTime)
        c1(c1xueduan, switchTime)
        c2(c2_peple, switchTime);
        C2B(switchTime, c2Type)
        r1(r1_xueduan, switchTime);
        r2_jspaihang(r2Type, switchTime);
        r2_jgpaihang(r2Type, switchTime);
    })




    // 资源建设情况监测
    $('#hdktfw').on('change', function () {
        l1xueduan = $(this).val() + ""
        l1(l1xueduan, l1Type, switchTime);
    })
    $('body').on('click', '#l1_hdkt', function (e) {
        l1Type = "teacher"
        $('#l1_xuezhi a').removeClass("act")
        $('#l1_hdkt').addClass("act")
        l1(l1xueduan, l1Type, switchTime);
    })
    $('body').on('click', '#l1_lxxt', function (e) {
        l1Type = "student"
        $('#l1_xuezhi a').removeClass("act")
        $('#l1_lxxt').addClass("act")
        l1(l1xueduan, l1Type, switchTime);
    })
    function l1(xueduan, type, time) {

        let query_id = "org_" + type + "_login_num_" + time
        var myChart = echarts.init(document.getElementById('l1'));  // 各阶段学校数量
        myChart.showLoading(chartsLoadindStyle);

        if (time == "all") {
            query_param = [xueduan, xueduan]
        } else if (time == "month") {
            query_param = [xueduan, xueduan, nowYear]

        } else if (time == "day") {
            query_param = [xueduan, xueduan, nowYear, nowMonth]
        }
        let serviceName = ""
        if (type == "teacher") {
            serviceName = "互动课堂"
        } else if (type == "student") {
            serviceName = "理想学堂"
        }





        axios({
            ...axiosConf,
            data: {
                "access_token": "TSKP##20211130104505##a6ce11eab94df48a6ce11eab",
                "query": {
                    "query_id": query_id,
                    "query_param": query_param
                },
                "query_cache": 0,
                "query_count": [
                    "total"
                ],
                "query_format": "echarts",
                "query_group": [
                    "org_name"
                ]
            }


        }).then((res) => {
            const resport = res.data;
            const resData = JSON.parse(resport.result)
            let seriesData = []
            let legendName = []
            let xAxisName = []
            let data = []
            let dataZoom = [
                {
                    type: "slider",   //slider:滑块  inside:内置，依靠鼠标滚轮或者双击缩放
                    xAxisIndex: 0,   //显示x轴滑块
                    height: "15px",
                    end: 80,
                    top: "85%"
                }
            ]
            if (!resData.datas) {


                legendName = []
                myChart.showLoading(chartsLoadindNodataStyle);
                myChart.clear()
                dataZoom = [{
                    show: false
                }]
            } else {
                xAxisName = resData.groups[0].map((e, i) => {
                    return e.replace("唐山市", "")
                })
                legendName = resData.groups[1]
                myChart.hideLoading();
                data = resData.datas[0]
            }





            option = {
                // height: "100px",
                tooltip: {
                    trigger: 'axis',
                    axisPointer: {
                        type: 'cross',
                        crossStyle: {
                            color: '#999'
                        }
                    }
                },
                textStyle: {
                    color: '#01DFF4'
                },
                grid: {
                    top: 50,
                    bottom: 65,
                    right: 20
                },
                color: ["#0BCAEA", "#FE8E3A", "#3FDB94", "#4992FF", "#FF6E76"],
                legend: {
                    data: legendName,
                    top: 20,
                    right: 10,
                    itemWidth: 8,
                    itemHeight: 8,
                    textStyle: {
                        color: '#01DFF4'
                    },
                    formatter: "{name}(人次)"
                },
                xAxis: [
                    {
                        type: 'category',
                        data: xAxisName,
                        axisLine: {
                            lineStyle: {
                                color: '#01DFF4' //更改坐标轴颜色
                            }
                        },

                        axisLabel: {
                            interval: 0,
                            textStyle: {
                                color: '#ffffff'
                            },
                            fontSize: 9,
                            rotate: "35"
                        },
                    },

                ],
                yAxis: [
                    {
                        type: 'value',
                        axisLine: {
                            lineStyle: {
                                color: '#01DFF4' //更改坐标轴颜色
                            }
                        },
                        splitLine: {//分割线配置
                            lineStyle: {
                                color: "#00ffff50",
                            }
                        },
                        axisLabel: {
                            color: "white"
                        }
                    },

                ],
                dataZoom: dataZoom,
                series: {
                    name: serviceName,
                    type: 'bar',
                    stack: 'total',
                    barMaxWidth: 18,
                    data: data
                }
            };


            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);

        }).catch(() => {

            legendName = []
            myChart.showLoading(chartsLoadindNodataStyle);
            myChart.clear()
            dataZoom = [{
                show: false
            }]
        })
        window.addEventListener("resize", function () {
            myChart.resize();
        });

    }

    function l2(time) {
        var danwei = ""
        if (time == "all") {
            query_param = []
            query_group = ["year_name"]
            danwei = "年"
        } else if (time == "month") {
            query_param = [nowYear]
            query_group = ["month_name"]
            danwei = "月"
        } else if (time == "day") {
            query_param = [nowYear, nowMonth]
            query_group = ["day_name"]
            danwei = "日"
        }



        var myChart = echarts.init(document.getElementById('l2'));  // 各阶段学校数量
        myChart.showLoading(chartsLoadindStyle);








        axios({
            ...axiosConf,
            data: {
                "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
                "query": {
                    "query_id": "teacher_student_login_num_" + time,
                    "query_param": query_param
                },
                "query_cache": 0,
                "query_count": [
                    "total", "total2"
                ],
                "query_format": "echarts",
                "query_group": query_group
            }


        }).then((res) => {
            const resport = res.data;
            const resData = JSON.parse(resport.result)

            let xAxisData = []
            let data1 = []
            let data2 = []
            if (!resData.datas) {

                myChart.showLoading(chartsLoadindNodataStyle);
                myChart.clear()
            } else {
                xAxisData = resData.groups[0]
                data1 = resData.datas
                data2 = resData.datas2
                myChart.hideLoading();

            }

            option = {
                // height: "100px",
                tooltip: {
                    trigger: 'axis',
                    axisPointer: {
                        type: 'cross',
                        crossStyle: {
                            color: '#999'
                        }
                    }
                },

                textStyle: {
                    color: '#01DFF4'
                },
                grid: {
                    top: 20,
                    bottom: 40,
                    right: 25
                },
                color: ["#fcff00", "#01f0ff"],
                legend: {
                    textStyle: {
                        color: '#01DFF4'
                    },
                    formatter: "{name}(人次)"


                },
                xAxis: [
                    {
                        name: danwei,
                        nameTextStyle: {
                            padding: [0, 0, 0, -10]    // 四个数字分别为上右下左与原位置距离
                        },
                        type: 'category',
                        data: xAxisData,
                        axisLine: {
                            lineStyle: {
                                color: '#01DFF4' //更改坐标轴颜色
                            }
                        },
                        axisLabel: {
                            color: "white",
                        },
                        splitLine: {//分割线配置
                            lineStyle: {
                                color: "rgba(219,225,255,1)",
                            }
                        }
                    },
                ],
                yAxis: [

                    {
                        type: 'value',
                        axisLine: {
                            lineStyle: {
                                color: '#01DFF4' //更改坐标轴颜色
                            }
                        },
                        splitLine: {//分割线配置
                            lineStyle: {
                                color: "#00ffff50",
                            }
                        },
                        axisLabel: {
                            color: "white",
                            formatter: "{value}人"
                        }
                    }
                ],
                series: [
                    {
                        name: "教师",
                        type: 'line',
                        areaStyle: {
                            color: {
                                type: 'linear',
                                x: 0,
                                y: 0,
                                x2: 0,
                                y2: 1,
                                colorStops: [{
                                    offset: 0, color: '#fcff00'  // 100% 处的颜色
                                }, {
                                    offset: 1, color: '#fcff0000' //   0% 处的颜色
                                }],
                                global: false // 缺省为 false
                            }
                        },

                        data: data1[0],
                        smooth: true
                    },
                    {
                        name: "学生",
                        type: 'line',
                        areaStyle: {
                            color: {
                                type: 'linear',
                                x: 0,
                                y: 0,
                                x2: 0,
                                y2: 1,
                                colorStops: [{
                                    offset: 0, color: '#01f0ff'  // 100% 处的颜色
                                }, {
                                    offset: 1, color: '#01f0ff00' //   0% 处的颜色
                                }],
                                global: false // 缺省为 false
                            }
                        },
                        data: data2[0],
                        smooth: true
                    }

                ]
            };


            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);

        }).catch(() => {
            myChart.showLoading(chartsLoadindNodataStyle);
            myChart.clear()
        })



        window.addEventListener("resize", function () {
            myChart.resize();
        });









    }


    $('#l3_xueduan').on('change', function () {
        l3xueduan = $(this).val() + ""
        l3(l3xueduan, switchTime)
    })
    l3(l3xueduan, switchTime)
    function l3(xueduan, time) {
        if (time == "all" || time == "month") {
            query_id = "student_use_num_year"
            query_param = [xueduan, xueduan, nowYear, xueduan, xueduan, xueduan, xueduan, nowYear, xueduan, xueduan, xueduan, xueduan, nowYear, xueduan, xueduan, xueduan, xueduan, nowYear, xueduan, xueduan, xueduan, xueduan, nowYear, xueduan, xueduan]
        } else if (time == "day") {
            query_id = "student_use_num_month"
            query_param = [xueduan, xueduan, nowYear, nowMonth, xueduan, xueduan, xueduan, xueduan, nowYear, nowMonth, xueduan, xueduan, xueduan, xueduan, nowYear, nowMonth, xueduan, xueduan, xueduan, xueduan, nowYear, nowMonth, xueduan, xueduan, xueduan, xueduan, nowYear, nowMonth, xueduan, xueduan]
        }


        axios({
            ...axiosConf,
            data: {
                "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
                "query": {
                    "query_id": query_id,
                    "query_param": query_param
                },
                "query_cache": 0,
                "query_count": [
                    "total"
                ],
                "query_format": "json",
                "query_group": [
                    "subname", "item"
                ]
            }

        }).then((response) => {
            const resData = JSON.parse(response.data.result)
            resData.map((e, index) => {
                switch (e.no) {

                    case 1:
                        $("#kttiwenmonth").html(e.total)
                        break;
                    case 2:
                        $("#kttiwentotal").html(e.total)
                        break;
                    case 3:
                        $("#ktqiangdamonth").html(e.total)
                        break;
                    case 4:
                        $("#ktqiangdatotal").html(e.total)
                        break;
                    case 5:
                        $("#kttoupiaomonth").html(e.total)
                        break;
                    case 6:
                        $("#kttoupiaototal").html(e.total)
                        break;
                    case 7:
                        $("#kttupianmonth").html(e.total)
                        break;
                    case 8:
                        $("#kttupiantotal").html(e.total)
                        break;
                    case 9:
                        $("#ktnowtotal").html(e.total)
                        break;
                    case 10:
                        $("#kttotal").html(e.total)
                        break;

                    default: break;
                }

            })

        }).catch(() => {

        })
    }



    $('#c1_xueduan').on('change', function () {
        c1xueduan = $(this).val() + ""
        c1(c1xueduan, switchTime)
    })
    c1(c1xueduan, switchTime)

    function formatSeconds(value) {
        var theTime = parseInt(value);// 秒
        var theTime1 = 0;// 分
        var theTime2 = 0;// 小时
        // alert(theTime);
        if (theTime > 60) {
            theTime1 = parseInt(theTime / 60);
            theTime = parseInt(theTime % 60);
            // alert(theTime1+"-"+theTime);
            if (theTime1 > 60) {
                theTime2 = parseInt(theTime1 / 60);
                theTime1 = parseInt(theTime1 % 60);
            }
        }
        var result = "";
        if (theTime1 > 0) {
            result = "" + parseInt(theTime1) + "分" + result;
        }
        if (theTime2 > 0) {
            result = "" + parseInt(theTime2) + "小时" + result;
        }
        return result;
    }

    function c1(xueduan, time = "all") {

        if (time == "all" || time == "month") {
            query_id = "stage_interact_res_num_year"
            query_param = [xueduan, xueduan, nowYear, xueduan, xueduan, xueduan, xueduan, nowYear, xueduan, xueduan, xueduan, xueduan, nowYear, xueduan, xueduan, xueduan, xueduan, nowYear, xueduan, xueduan]
            $(".hdktname1").html("本年")
            $(".hdktname2").html("总量")

        }
        if (time == "day") {
            query_id = "stage_interact_res_num_month"
            query_param = [xueduan, xueduan, nowYear, nowMonth, xueduan, xueduan, xueduan, xueduan, nowYear, nowMonth, xueduan, xueduan, xueduan, xueduan, nowYear, nowMonth, xueduan, xueduan, xueduan, xueduan, nowYear, nowMonth, xueduan, xueduan]
            $(".hdktname1").html("本月")
            $(".hdktname2").html("总量")
        }





        axios({
            ...axiosConf,
            data: {
                "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
                "query": {
                    "query_id": query_id,
                    "query_param": query_param
                },
                "query_cache": 0,
                "query_count": [
                    "total"
                ],
                "query_format": "json",
                "query_group": [
                    "subname", "item"
                ]
            }


        }).then((res) => {
            const resport = res.data;
            const data = JSON.parse(resport.result);
            let html = ""
            console.log(data, 'c1');

            total1 = 0
            total2 = 0
            data.map((e, i) => {


                if (e.item.indexOf("本") > -1) {
                    total1 += Number(e.total)
                }
                if (e.item.indexOf("总") > -1) {
                    total2 += Number(e.total)
                }

                switch (e.no) {
                    case 1:
                        $("#ktzx1num").html(e.total != 0 ? formatSeconds(e.total) : 0)
                        break;
                    case 2:
                        $("#ktzx2num").html(e.total != 0 ? formatSeconds(e.total) : 0)
                        break;
                    case 3:
                        $("#xtzx1num").html(e.total != 0 ? formatSeconds(e.total) : 0)
                        break;
                    case 4:
                        $("#xtzx2num").html(e.total != 0 ? formatSeconds(e.total) : 0)
                        break;
                    case 5:
                        $("#yysc1num").html(e.total != 0 ? formatSeconds(e.total) : 0)
                        break;
                    case 6:
                        $("#yysc2num").html(e.total != 0 ? formatSeconds(e.total) : 0)
                        break;
                    case 7:
                        $("#kthd1num").html(e.total != 0 ? formatSeconds(e.total) : 0)
                        break;
                    case 8:
                        $("#kthd2num").html(e.total != 0 ? formatSeconds(e.total) : 0)
                        break;
                    default: break;
                }
            })
            $("#hdkttotal1").html(total1 ? formatSeconds(total1) : total1)
            $("#hdkttotal2").html(total2 ? formatSeconds(total2) : total2)


        }).catch(() => {

        })




    }

    c2(c2_peple, switchTime);

    function c2(peple, time) {

        var myChart = echarts.init(document.getElementById('c3'));  // 各阶段学校数量
        myChart.showLoading(chartsLoadindStyle);

        if (time === "all") {
            query_param = []
        } else if (time === "month") {
            query_id = "social_topic_chart_month"
            query_param = [nowYear, nowYear, nowYear, nowYear, nowYear]
        } else if (time === "day") {
            query_id = "social_topic_chart_day"
            query_param = [nowYear, nowMonth, nowYear, nowMonth, nowYear, nowMonth, nowYear, nowMonth, nowYear, nowMonth,]

        }

        console.log(peple, time, {
            "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
            "query": {
                "query_id": peple + "_use_chart_" + time,
                "query_param": query_param
            },
            "query_cache": 0,
            "query_count": [
                "total"
            ],
            "query_format": "echarts",
            "query_group": [
                "item"
            ]
        });
        axios({
            ...axiosConf,
            data: {
                "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
                "query": {
                    "query_id": peple + "_use_chart_" + time,
                    "query_param": query_param
                },
                "query_cache": 0,
                "query_count": [
                    "total"
                ],
                "query_format": "echarts",
                "query_group": [
                    "item"
                ]
            }


        }).then((response) => {
            console.log(response, 'resData1');

            const resData = JSON.parse(response.data.result)
            let pieData = []
            let legendData = []
            let a = []
            if (!resData.datas) {

                myChart.showLoading(chartsLoadindNodataStyle);
                myChart.clear()
            } else {
                resData.groups[0].map((e, i) => {
                    pieData.push({
                        name: e,
                        value: resData.datas[0][i]
                    })
                })
                legendData = resData.groups[0]
                myChart.hideLoading();

            }


            option = {
                // height: "100px",
                tooltip: {
                    trigger: 'item'
                },

                color: ["#0BCAEA", "#FE8E3A", "#3FDB94"],
                legend: {
                    data: legendData,
                    itemWidth: 8,
                    itemHeight: 8,
                    right: 40,
                    top: 40,
                    orient: "vertical",
                    textStyle: {
                        color: '#01DFF4'
                    },

                },
                color: ["#e1e600", "#FE8E3A", "#3FDB94", "#4992FF", "#FF6E76"],
                series: [
                    {

                        type: 'pie',
                        radius: '50%',
                        data: pieData,
                        selectedMode: 'single',
                        center: ['35%', '50%'],
                    },

                ]
            };

            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
            myChart.on('click', function (param) {
                //param.name x轴值,param.data y轴值
                c2Type = param.dataIndex
                C2B(switchTime, param.dataIndex)
            });



        }).catch(() => {

            myChart.showLoading(chartsLoadindNodataStyle);
            myChart.clear()
        })
        window.addEventListener("resize", function () {
            myChart.resize();
        });
    }


    C2B(switchTime, c2Type)
    function C2B(time, type) {
        var myChart = echarts.init(document.getElementById('c4'));  // 各阶段学校数量
        myChart.showLoading(chartsLoadindStyle);


        if (time === "all") {
            query_param = []
            query_group = ["year_name"]
            danwei = "年"
        } else if (time === "month") {
            query_param = [nowYear]
            query_group = ["month_name"]
            danwei = "月"
        } else if (time === "day") {
            query_param = [nowYear, nowMonth]
            query_group = ["day_name"]
            danwei = "日"
        }

        console.log({
            "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
            "query": {
                "query_id": "teacher_use_num_" + time,
                "query_param": query_param
            },
            "query_cache": 0,
            "query_count": [
                "total",
                "total2",
                "total3",
                "total4",
                "total5"
            ],
            "query_format": "echarts",
            "query_group": query_group
        }, "c2json"
        );
        axios({
            ...axiosConf,
            data: {
                "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
                "query": {
                    "query_id": "teacher_use_num_" + time,
                    "query_param": query_param
                },
                "query_cache": 0,
                "query_count": [
                    "total",
                    "total2",
                    "total3",
                    "total4",
                    "total5"
                ],
                "query_format": "echarts",
                "query_group": query_group
            }

        }).then((response) => {
            const resData = JSON.parse(response.data.result)

            console.log(resData, 'c2');
            let series = {}
            let name = ""
            let xAxisName = []
            if (!resData.datas) {

                name = ""
                series = {
                    name: name,
                    type: 'line',
                    data: []
                }
                xAxisName = []
                myChart.showLoading(chartsLoadindNodataStyle);
            } else {



                xAxisName = resData.groups[0]
                switch (type) {
                    case 0:
                        name = '提问'
                        series = {
                            name: name,
                            type: 'line',
                            data: resData.datas[0]
                        }
                        break;
                    case 1:
                        name = '投票'
                        series = {
                            name: name,
                            type: 'line',
                            data: resData.datas2[0]
                        }
                        break;
                    case 2:
                        name = '抢答'
                        series = {

                            name: name,
                            type: 'line',
                            data: resData.datas3[0]
                        }
                        break;
                    case 3:
                        name = '图片分享'
                        series = {

                            name: name,
                            type: 'line',
                            data: resData.datas4[0]
                        }
                        break;
                    case 4:
                        name = '收集图片'
                        series = {

                            name: name,
                            type: 'line',
                            data: resData.datas5[0]
                        }
                        break;
                    default:
                        break;
                }

                myChart.hideLoading();
            }




            option = {
                // height: "100px",
                tooltip: {
                    trigger: 'axis',
                    axisPointer: {
                        type: 'cross',
                        crossStyle: {
                            color: '#999'
                        }
                    }
                },

                textStyle: {
                    color: '#01DFF4'
                },
                grid: {
                    right: 30,
                    top: 25,
                    bottom: 30,
                },
                color: ["#0BCAEA", "#FE8E3A", "#3FDB94"],

                title: {
                    show: true,
                    left: 'center',
                    text: name,
                    textStyle: {
                        fontSize: 16,
                        color: "white",

                    }

                },
                xAxis: [
                    {
                        name: danwei,
                        nameTextStyle: {
                            padding: [0, 0, 0, -10]    // 四个数字分别为上右下左与原位置距离
                        },
                        type: 'category',
                        data: xAxisName,
                        axisLine: {
                            lineStyle: {
                                color: '#01DFF4' //更改坐标轴颜色
                            }
                        },
                        axisLabel: {
                            rotate: 30,
                            fontSize: 10
                        },

                    },
                ],
                yAxis: [

                    {
                        type: 'value',
                        axisLine: {
                            lineStyle: {
                                color: '#01DFF4' //更改坐标轴颜色
                            }
                        },
                        splitLine: {//分割线配置
                            lineStyle: {
                                color: "#00ffff50",
                            }
                        },
                        axisLabel: {
                            color: "white"
                        }
                    }
                ],
                // dataZoom: [
                //     {
                //         type: "slider",   //slider:滑块  inside:内置，依靠鼠标滚轮或者双击缩放
                //         xAxisIndex: 0,   //显示x轴滑块
                //         height: "15px",
                //         end: 80,
                //         top: "90%"
                //     }
                // ],
                series: series
            };


            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);

        }).catch(() => {
            name = ""
            series = {
                name: name,
                type: 'line',
                data: []
            }
            xAxisName = []
            myChart.showLoading(chartsLoadindNodataStyle);
        })

        window.addEventListener("resize", function () {
            myChart.resize();
        });


    }


    $('#r1_xueduan').on('change', function () {
        r1_xueduan = $(this).val() + ""
        r1(r1_xueduan, switchTime);
    })




    r1(r1_xueduan, switchTime);
    function r1(xueduan, time) {
        var myChart = echarts.init(document.getElementById('r1'));  // 各阶段学校数量
        myChart.showLoading(chartsLoadindStyle);

        if (time === "all") {
            query_id = "stage_org_social_all"
            query_param = [xueduan, xueduan]
        } else if (time === "month") {
            query_id = "stage_org_social_month"
            query_param = [xueduan, xueduan, nowYear]
        } else if (time === "day") {
            query_id = "stage_org_social_day"
            query_param = [xueduan, xueduan, nowYear, nowMonth]
        }

        axios({
            ...axiosConf,
            data: {
                "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
                "query": {
                    "query_id": "teacher_class_time_" + time,
                    "query_param": query_param
                },
                "query_cache": 0,
                "query_count": [
                    "total"
                ],
                "query_format": "echarts",
                "query_group": [
                    "org_name"
                ]
            }
        })
            .then((response) => {


                const resData = JSON.parse(response.data.result)

                let xAxisName = []
                let legendData = []
                let datas = []
                let dataZoom = [
                    {
                        type: "slider",   //slider:滑块  inside:内置，依靠鼠标滚轮或者双击缩放
                        xAxisIndex: 0,   //显示x轴滑块
                        height: "14px",
                        end: 80,
                        top: "87%"
                    }
                ]

                if (!resData.datas) {
                    myChart.showLoading(chartsLoadindNodataStyle);
                    myChart.clear()
                    dataZoom = {
                        show: false
                    }

                } else {

                    xAxisName = resData.groups[0].map((e, i) => {
                        return e.replace("唐山市", "")
                    })
                    legendData = resData.groups[1]

                    // resData.datas[0]

                    datas = resData.datas[0].map((e, i) => {
                        return Math.floor(e / 60 / 60)
                    })
                    myChart.hideLoading();

                }

                option = {
                    // height: "100px",
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            type: 'cross',
                            crossStyle: {
                                color: '#999'
                            }
                        },
                        formatter: "{c}小时"
                    },
                    textStyle: {
                        color: '#01DFF4'
                    },
                    grid: {
                        top: 55,
                        bottom: 85,
                        right: 10,
                        left: 80
                    },
                    color: ["#0BCAEA", "#FE8E3A", "#3FDB94", "#4992FF", "#FF6E76"],
                    legend: {
                        data: legendData,
                        top: 15,
                        right: 10,
                        itemWidth: 8,
                        itemHeight: 8,
                        textStyle: {
                            color: '#01DFF4'
                        },
                        formatter: "{name}(小时)"
                    },
                    xAxis: [
                        {
                            type: 'category',
                            data: xAxisName,
                            axisLine: {
                                lineStyle: {
                                    color: '#01DFF4' //更改坐标轴颜色
                                }
                            },
                            axisLabel: {
                                interval: 0,
                                fontSize: 10,
                                rotate: "35",
                                color: 'white',


                            },

                        },

                    ],
                    yAxis: [
                        {
                            type: 'value',
                            axisLine: {
                                lineStyle: {
                                    color: '#01DFF4' //更改坐标轴颜色
                                }
                            },
                            splitLine: {//分割线配置
                                lineStyle: {
                                    color: "#00ffff50",
                                }
                            },
                            axisLabel: {
                                color: "white",
                                formatter: "{value}小时"
                            },
                        },
                        {
                            type: 'value',
                            axisLine: {
                                lineStyle: {
                                    color: '#01DFF4' //更改坐标轴颜色
                                }
                            }
                        }
                    ],
                    dataZoom: dataZoom,
                    series: {
                        name: "互动课堂",
                        type: 'bar',
                        stack: "all",
                        data: datas,
                        barMaxWidth: 40,
                    }
                };

                // 使用刚指定的配置项和数据显示图表。
                myChart.setOption(option);





            }).catch(() => {
                myChart.showLoading(chartsLoadindNodataStyle);
                myChart.clear()
                dataZoom = {
                    show: false
                }

            })
        window.addEventListener("resize", function () {
            myChart.resize();
        });


    }



    $('body').on('click', '#r2_zysc', function (e) {
        r2Type = 1
        $('#r2_paihang').children().removeClass("act")
        $('#r2_zysc').addClass("act")

        r2_jspaihang(r2Type, switchTime)
        r2_jgpaihang(r2Type, switchTime)
    })
    $('body').on('click', '#r2_zyxz', function (e) {
        r2Type = 2
        $('#r2_paihang').children().removeClass("act")
        $('#r2_zyxz').addClass("act")


        r2_jspaihang(r2Type, switchTime)
        r2_jgpaihang(r2Type, switchTime)
    })
    // 学科资源共建共享排行榜

    function r2_jspaihang(type = 1, time = "all") {

        $("#gjgx_js_paihang").html(loadingHtml)
        $("#gjgx_jg_paihang").html(loadingHtml)
        let params = {}



        if (time == "all") {
            query_id = "teacher_use_top_all"
            query_param = []

        } else if (time == "month") {
            query_id = "teacher_use_top_month"
            query_param = [nowYear]
        } else if (time == "day") {
            query_id = "teacher_use_top_day"
            query_param = [nowYear, nowMonth]

        }



        axios({
            ...axiosConf,
            data: {
                "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
                "query": {
                    "query_id": "teacher_use_top_" + time,
                    "query_param": query_param
                },
                "query_cache": 0,
                "query_count": [
                    "total"
                ],
                "query_format": "json",
                "query_group": [
                    "person_name",
                    "org_name"
                ]
            }


        }).then((res) => {
            const resport = res.data;
            if (resport.result == "") {
                $("#gjgx_js_paihang").html(`<div class="nodata">暂无数据</div>`);
                return
            }
            const data = JSON.parse(resport.result);

            let html = ""


            data.map((item, index) => {
                if (type == 1) {
                    total = item.upload_total
                } else if (type == 2) {
                    total = item.download_total

                }

                html += `                        <div class="list">
                   <div class="top"><img src="./images/t${index + 1}.png" /></div>
                   <div class="head" style="width:1.5rem"><span class="name">${item.person_name}</span><br><p class="school">${item.org_name}</p></div>
          
                   <div class="total"><span class="num">${item.total}<span style="font-size:0.2rem">项</span></span><br><span class="num-name">当前累计</span>
                   </div>
               </div>`
            })


            $("#gjgx_js_paihang").html(html)
        }).catch(() => {
            $("#gjgx_js_paihang").html(`<div class="nodata">暂无数据</div>`);
            return
        })



    }
    function r2_jgpaihang(type = 1, time = "year") {

        if (time === "all") {
            query_param = []
            query_param1 = []
        } else if (time === "month") {
            query_param = [nowYear, nowYear]
            query_param1 = [nowYear]
        } else if (time === "day") {
            query_param = [nowYear, nowMonth]
            query_param1 = [nowYear, nowMonth, nowYear, nowMonth]
        }


        axios.all([
            axios({
                ...axiosConf,
                data: {
                    "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
                    "query": {
                        "query_id": "org_use_top_" + time,
                        "query_param": query_param
                    },
                    "query_cache": 0,
                    "query_count": [
                        "total"
                    ],
                    "query_format": "json",
                    "query_group": [
                        "org_name"
                    ]
                }
            }),
            axios({
                ...axiosConf,
                data: {
                    "access_token": "system_01##20200102030405##a6ce11eab94df48a6ce11eab",
                    "query": {
                        "query_id": "org_use_top_total_" + time,
                        "query_param": query_param1
                    },
                    "query_cache": 0,
                    "query_count": [
                        "total"
                    ],
                    "query_format": "json",
                    "query_group": [
                        "org_name"
                    ]
                }

            })
        ]).then(axios.spread(function (orgUseTopNum, orgUsUopTotalNum) {

            if (orgUseTopNum.data.success === false || orgUseTopNum.data.result === "") {
                $("#gjgx_jg_paihang").html(`<div class="nodata">暂无数据</div>`);
                return
            }

            const orgUserTop = JSON.parse(orgUseTopNum.data.result)
            const orgUsUopTotal = JSON.parse(orgUsUopTotalNum.data.result)
            console.log(orgUserTop, orgUsUopTotal);
            let school = []
            orgUserTop.map((item) => {
                school.push({ name: item.org_name });
            })
            // 去重
            schoolFil = school.filter((item, index) => {
                return school.findIndex(_item => _item.name == item.name) == index;
            })

            schoolFil.map((e) => {
                e.children = []
                orgUserTop.map((item) => {
                    if (item.org_name == e.name) {
                        e.children.push({ item: item.item, total: item.total })
                    }
                })
                orgUsUopTotal.map((item) => {
                    if (item.org_name == e.name) {
                        e.total = item.total
                    }

                })
            })
            let html = ""



            schoolFil.map((item, index) => {

                html += `
                <div class="list">
                <img src="./images/top${index + 1}.png" alt="" class="top1" />

                <div class="top"><img src="./images/school_ico.svg" class="ico" /></div>
                <div class="head"><span class="name">${item.name}</span></div>
                <div class="total"><span class="num">${item.children[0].total}</span><span class="num-name">投票</span></div>
                <div class="total"><span class="num">${item.children[1].total}</span><span class="num-name">收集</span></div>
                <div class="total"><span class="num">${item.children[2].total}</span><span class="num-name">提问</span></div>
                <div class="total"><span class="num">${item.children[3].total}</span><span class="num-name">抢答</span></div>
                <div class="total"><span class="num">${item.children[4].total}</span><span class="num-name">分享</span></div>
                <div class="total" style="float:right;	width: 1rem;"><span class="numSum">${item.total}<span style="font-size:0.19rem">项</span></span></div>
          
            </div>`

            })
            $("#gjgx_jg_paihang").html(html);
        })).catch(() => {
            $("#gjgx_jg_paihang").html(`<div class="nodata">暂无数据</div>`);
            return
        })



    }

})