$(function () {
    var loadingHtml = `                        <div class="loader">
    <div class="loader-inner ball-pulse">
        <div></div>
        <div></div>
        <div></div>
    </div>
  </div>`
    var chartsLoadindStyle = {
        text: 'loading',
        color: '#4cbbff',
        textColor: '#4cbbff',
        maskColor: 'rgba(0, 0, 0, 0.3)',

    }
    var switchTime = "all"
    let r2Type = 1
    let r1Type = 1
    let c2Type = 1
    let l1Type = 1

    l1(l1Type, switchTime);
    l2_paihang("4")
    c1();
    c2(c2Type, switchTime);
    c2_huizong(c2Type, switchTime);
    r1(r1Type, 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(l1Type, switchTime);
        l2_paihang("4", switchTime);
        c1(switchTime);
        c2(c2Type, switchTime);
        c2_huizong(c2Type, switchTime);
        r1(r1Type, switchTime);

        r2_jspaihang(r2Type, switchTime);
        r2_jgpaihang(r2Type, switchTime);
    })
    $('body').on('click', '#switch_year', function (e) {
        switchTime = "year"
        $('#switch-time').children().removeClass("act")

        $('#switch_year').addClass("act")
        l1(l1Type, switchTime);
        l2_paihang("4", switchTime);
        c1(switchTime);
        c2(c2Type, switchTime);
        c2_huizong(c2Type, switchTime);

        r1(r1Type, 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(l1Type, switchTime);
        l2_paihang("4", switchTime);
        c1(switchTime);
        c2(c2Type, switchTime);
        c2_huizong(c2Type, switchTime);
        r1(r1Type, switchTime);
        r2_jspaihang(r2Type, switchTime);
        r2_jgpaihang(r2Type, switchTime);
    })




    // lllllllllllllllllllllllllllllllll



    // 资源建设情况监测
    $('body').on('click', '#zyjsqkjc_zysc', function (e) {
        l1Type = 1
        $('#zyjsqkjc').children().removeClass("act")

        $('#zyjsqkjc_zysc').addClass("act")
        l1(l1Type, switchTime);
    })
    $('body').on('click', '#zyjsqkjc_aygx', function (e) {
        l1Type = 2
        $('#zyjsqkjc').children().removeClass("act")
        $('#zyjsqkjc_aygx').addClass("act")
        l1(l1Type, switchTime);
    })




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

        var myChart = echarts.init(document.getElementById('l1'));  // 各阶段学校数量
        myChart.showLoading(chartsLoadindStyle);
        let query_id = ""
        if (time == "all") {
            query_id = "resource_up_share_all"
            query_param = []
            query_group = ["year_name", "type_name"]
            xAxisformatter = '{value} 年'
        } else if (time == "year") {
            query_id = "resource_up_share_month"
            query_param = ["2021"]
            query_group = ["month_name", "type_name"]
            xAxisformatter = '{value} 月'

        } else if (time == "month") {
            query_id = "resource_up_share_day"
            query_param = ["2021", "10"]
            query_group = ["day_name", "type_name"]
            xAxisformatter = '{value} 日'
        }


        $.post(config_serverIp + "/dataex/report/QuerySimpleGP", JSON.stringify(
            {
                "access_token": "TSKP##20211130104505##a6ce11eab94df48a6ce11eab",
                "query": {
                    "query_id": query_id,
                    "query_param": query_param
                },
                "query_cache": 0,
                "query_count": [
                    "upload_total",
                    "share_total"
                ],
                "query_format": "echarts",
                "query_group": query_group
            }
        ), function (resport) {
            const data = JSON.parse(resport.result)
            // console.log(JSON.parse(resport.result), data.groups[0]);

            let seriesData = []

            if (type == 1) {
                data.groups[1].map((e, i) => {
                    seriesData.push({
                        name: e,
                        type: 'bar',
                        stack: 'total',
                        barMaxWidth: 18,
                        data: data.datas[i]
                    })
                })
            } else if (type == 2) {
                data.groups[1].map((e, i) => {
                    seriesData.push({
                        name: e,
                        type: 'bar',
                        stack: 'total',
                        data: data.datas2[i]

                    })
                })
            }
            myChart.hideLoading();
            option = {
                // height: "100px",
                tooltip: {
                    trigger: 'axis',
                    axisPointer: {
                        type: 'cross',
                        crossStyle: {
                            color: '#999'
                        }
                    }
                },
                textStyle: {
                    color: '#01DFF4'
                },
                grid: {
                    top: 60,
                    bottom: 20,
                    right: 20
                },
                color: ["#0BCAEA", "#FE8E3A", "#3FDB94", "#4992FF", "#FF6E76"],
                legend: {
                    data: data.groups[1],
                    top: 20,
                    right: 10,
                    itemWidth: 8,
                    itemHeight: 8,
                    textStyle: {
                        color: '#01DFF4'
                    },
                },
                xAxis: [
                    {
                        type: 'category',
                        data: data.groups[0],
                        axisLine: {
                            lineStyle: {
                                color: '#01DFF4' //更改坐标轴颜色
                            }
                        },

                        axisLabel: {
                            textStyle: {
                                color: '#ffffff'
                            },
                            formatter: xAxisformatter,
                            interval: 0,

                        },
                    },

                ],
                yAxis: [
                    {
                        type: 'value',
                        axisLabel: {
                            textStyle: {
                                color: '#ffffff',  //坐标轴的颜色
                            },
                        },

                    },

                ],

                series: seriesData
            };


            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
            window.addEventListener("resize", function () {
                myChart.resize();
            });
        }, 'json')
    }





    $('body').on('click', '#l2_xiaoxue', function (e) {
        $('#xuezhi').children().removeClass("act")
        $('#l2_xiaoxue').addClass("act")
        l2_paihang(edu = "4")
    })
    $('body').on('click', '#l2_chuzhong', function (e) {
        $('#xuezhi').children().removeClass("act")
        $('#l2_chuzhong').addClass("act")
        l2_paihang(edu = "5")
    })
    $('body').on('click', '#l2_gaozhong', function (e) {
        $('#xuezhi').children().removeClass("act")
        $('#l2_gaozhong').addClass("act")
        l2_paihang(edu = "6")
    })

    // 学科资源共建共享排行榜

    function l2_paihang(edu = "4", time = "all") {

        $("#zyph").html(loadingHtml)


        let query_id = ""
        if (time == "all") {
            query_id = "subject_top_all"
            query_param = [edu, edu]
        } else if (time == "year") {
            query_id = "subject_top_month"
            query_param = ["2021", edu, "2021", edu]
        } else if (time == "month") {
            query_id = "subject_top_day"
            query_param = ["2021", "10", edu, "2021", "10", edu]
        }

        $.post(config_serverIp + "/dataex/report/QuerySimpleGP", JSON.stringify(
            {
                "access_token": "TSKP##20211130104505##a6ce11eab94df48a6ce11eab",
                "query": {
                    "query_id": query_id,
                    "query_param": query_param
                },
                "query_cache": 0,
                "query_count": [
                    "sub_total",
                    "total"
                ],
                "query_format": "json",
                "query_group": [
                    "subject_name",
                    "type_name"
                ]
            }


        ), function (resport) {
            const data = JSON.parse(resport.result);

            console.log(JSON.parse(resport.result), '学科资源共建共享排行榜 num');

            // 获取学科
            const xueke = [];

            data.map((item) => {
                xueke.push({ id: item.subject_id, name: item.subject_name, total: item.total });
            })

            // 去重
            xuekeFil = xueke.filter((item, index) => {
                return xueke.findIndex(_item => _item.id == item.id) == index;
            })
            // push子数据
            xuekeFil.map((xuekeItem, index) => {
                let nr = []
                data.map((item) => {
                    if (item.subject_name == xuekeItem.name) {
                        nr.push(item)
                    }
                })
                xuekeFil[index].item = nr
                // console.log(nr, '111', xuekeFil[index].item = nr);
            })



            // 根据学科遍历列表
            // console.log(xuekeFil);
            var phHtml = ""

            xuekeFil.map((item, index) => {
                console.log(md5(item.name), item.name);
                var html = ""
                html += item.item.map((e) => `<div>${e.type_name} <span>${e.sub_total}</span></div>`
                ).join("")
                phHtml += `
                <div class="ziyuanpaihang">
                            <img src="./images/top${index + 1}.png" alt="" class="top">
                            <div class="ico">

                                <img src="./images/${md5(item.name)}.svg" alt=""><br>
                              ${item.name}
                            </div>
                            <div class="content">
                                ${html}
                            </div>
                            <div class="line"></div>
                            <div class="total">
                                <span>${item.total}</span><br>资源总量
                            </div>
                        </div>`
            })

            // console.log(phHtml);
            $("#zyph").html(phHtml)

        }, 'json');
    }



    // ccccccccccccccccccccccccccccccccccccccccc


    function c1() {

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

        $.post(config_serverIp + "/dataex/report/QuerySimpleGP", JSON.stringify(
            {
                "access_token": "TSKP##20211130104505##a6ce11eab94df48a6ce11eab",
                "query": {
                    "query_id": "resource_up_down_month",
                    "query_param": [
                        "2021"
                    ]
                },
                "query_cache": 0,
                "query_count": [
                    "upload_total",
                    "download_total"
                ],
                "query_format": "echarts",
                "query_group": [
                    "month_name",
                    "type_name"
                ]
            }
        ), function (resport) {
            const data = JSON.parse(resport.result)

            // console.log(JSON.parse(resport.result), '运行情况监测');


            myChart.hideLoading();

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

                textStyle: {
                    color: '#01DFF4'
                },
                grid: {
                    top: 40,
                    bottom: 40,
                    right: 35
                },
                color: ["#fcff00", "#01f0ff"],
                legend: {
                    data: ['资源上传', '资源下载'],
                    textStyle: {
                        color: '#01DFF4'
                    },



                },
                xAxis: [
                    {
                        type: 'category',
                        data: data.groups[0],
                        axisLine: {
                            lineStyle: {
                                color: '#01DFF4' //更改坐标轴颜色
                            }
                        },
                        axisLabel: {
                            rotate: 30,
                            color: "white"
                        },
                        splitLine: {//分割线配置
                            lineStyle: {
                                color: "rgba(219,225,255,1)",
                            }
                        }
                    },
                ],
                yAxis: [

                    {
                        name: "资源上传",
                        type: 'value',
                        axisLine: {
                            lineStyle: {
                                color: '#01DFF4' //更改坐标轴颜色
                            }
                        },
                        splitLine: {//分割线配置
                            lineStyle: {
                                color: "#00ffff50",
                            }
                        },
                        axisLabel: {
                            color: "white"
                        }
                    },
                    {
                        splitLine: {//分割线配置
                            lineStyle: {
                                show: false,
                                color: "#010d5f",
                            }
                        },
                        name: "资源下载",
                        type: 'value',
                        axisLine: {
                            lineStyle: {
                                color: '#01DFF4' //更改坐标轴颜色
                            }
                        },
                        axisLabel: {
                            color: "white"
                        }
                    }
                ],
                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
                            }
                        },
                        yAxisIndex: 0,
                        data: data.datas[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: data.datas2[0],
                        yAxisIndex: 1,
                        smooth: true
                    }

                ]
            };


            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
            window.addEventListener("resize", function () {
                myChart.resize();
            });
        }, 'json')
    }

    // 区域资源汇总及监测
    $('body').on('click', '#qyzyhzjjc_zysc', function (e) {
        c2Type = 1
        $('#qyzyhzjjc').children().removeClass("act")
        $('#qyzyhzjjc_zysc').addClass("act");
        $("#qyzyhzjc").html(loadingHtml)

        c2(c2Type, switchTime);
        c2_huizong(c2Type, switchTime);
    })
    $('body').on('click', '#qyzyhzjjc_zyxz', function (e) {
        c2Type = 2
        $('#qyzyhzjjc').children().removeClass("act")
        $('#qyzyhzjjc_zyxz').addClass("act")


        c2(c2Type, switchTime);
        c2_huizong(c2Type, switchTime);
    })
    $('body').on('click', '#qyzyhzjjc_zygx', function (e) {
        c2Type = 3
        $('#qyzyhzjjc').children().removeClass("act")
        $('#qyzyhzjjc_zygx').addClass("act")


        c2(c2Type, switchTime);
        c2_huizong(c2Type, switchTime);
    })
    $('body').on('click', '#qyzyhzjjc_zytj', function (e) {
        c2Type = 4
        $('#qyzyhzjjc').children().removeClass("act")
        $('#qyzyhzjjc_zytj').addClass("act")


        c2(c2Type, switchTime);
        c2_huizong(c2Type, switchTime);
    })

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


        var myChart = echarts.init(document.getElementById('c2'));  // 各阶段学校数量
        myChart.showLoading({
            text: 'loading',
            color: '#4cbbff',
            textColor: '#4cbbff',
            maskColor: 'rgba(0, 0, 0, 0.1)',

        });

        let query_id = ""
        if (time == "all") {
            query_id = "org_res_type_all"
            query_param = []
        } else if (time == "year") {
            query_id = "org_res_type_month"
            query_param = ["2021"]
        } else if (time == "month") {
            query_id = "org_res_type_day"
            query_param = ["2021", "10"]
        }



        $.post(config_serverIp + "/dataex/report/QuerySimpleGP", JSON.stringify(
            {
                "access_token": "TSKP##20211130104505##a6ce11eab94df48a6ce11eab",
                "query": {
                    "query_id": query_id,
                    "query_param": query_param
                },
                "query_cache": 0,
                "query_count": [
                    "upload_total",
                    "download_total",
                    "share_total",
                    "recommend_total"
                ],
                "query_format": "echarts",
                "query_group": [
                    "org_name",
                    "type_name"
                ]
            }

        ), function (resport) {
            const data = JSON.parse(resport.result)

            // console.log(JSON.parse(resport.result), '运行情况监测11');

            var dataCharts = []

            if (type === 1) {
                dataCharts = data.datas

            } else if (type === 2) {
                dataCharts = data.datas2

            } else if (type === 3) {
                dataCharts = data.datas3

            } else if (type === 4) {
                dataCharts = data.datas4

            }

            myChart.hideLoading();



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

                textStyle: {
                    color: '#01DFF4'
                },
                grid: {
                    top: 60,
                    bottom: 70,
                    right: 35
                },
                color: ["#fcff00", "#01f0ff"],
                legend: {
                    data: data.groups[1],
                    textStyle: {
                        color: '#01DFF4'
                    },
                    top: 35
                },
                xAxis: [
                    {
                        type: 'category',
                        data: data.groups[0],
                        axisLine: {
                            lineStyle: {
                                color: '#01DFF4' //更改坐标轴颜色
                            }
                        },
                        axisLabel: {
                            rotate: 35,
                            color: "white"
                        },
                        splitLine: {//分割线配置
                            lineStyle: {
                                color: "rgba(219,225,255,1)",
                            }
                        }
                    },
                ],
                yAxis: [

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

                ],
                series: [
                    {
                        name: data.groups[1][0],
                        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: dataCharts[0],
                        smooth: true
                    },
                    {
                        name: data.groups[1][1],
                        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: dataCharts[1],
                        smooth: true
                    }

                ]
            };


            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
            window.addEventListener("resize", function () {
                myChart.resize();
            });
        }, 'json')
    }

    // 学科资源共建共享排行榜 
    function c2_huizong(type = 1, time = "all") {

        $("#qyzyhzjc").html(loadingHtml)
        let query_id = ""
        if (time == "all") {
            query_id = "stage_rate_all"
            query_param = []
        } else if (time == "year") {
            query_id = "stage_rate_month"
            query_param = ["2021"]
        } else if (time == "month") {
            query_id = "stage_rate_day"
            query_param = ["2021", "10"]
        }




        $.post(config_serverIp + "/dataex/report/QuerySimpleGP", JSON.stringify(
            {
                "access_token": "TSKP##20211130104505##a6ce11eab94df48a6ce11eab",
                "query": {
                    "query_id": query_id,
                    "query_param": query_param
                },
                "query_cache": 0,
                "query_count": [
                    "upload_total",
                    "download_total",
                    "share_total",
                    "recommend_total"
                ],
                "query_format": "json",
                "query_group": [
                    "stage_name"
                ]
            }

        ), function (resport) {
            const data = JSON.parse(resport.result);

            console.log(JSON.parse(resport.result), '区域资源汇总及监测 c2');

            // 获取学科
            let upload_total_sum = 0
            let download_total_sum = 0
            let share_total_sum = 0
            let recommend_total_sum = 0



            data.map((item) => {
                download_total_sum += Number(item.download_total)
                recommend_total_sum += Number(item.recommend_total)
                share_total_sum += Number(item.share_total)
                upload_total_sum += Number(item.upload_total)
            })


            let html = ""

            if (type == 1) {
                data.map((item) => {
                    html += `<div class="item">
                        <div class="num">
                            <span style="">${item.upload_total}</span><br>占比${(item.upload_total / upload_total_sum * 100).toFixed(2) + "%"}
                        </div>
                        <div class="num edus">${item.stage_name}</div>
                        </div>`
                })
            } else if (type == 2) {
                data.map((item) => {
                    html += `<div class="item">
                            <div class="num">
                                <span style="">${item.download_total}</span><br>占比${(item.download_total / download_total_sum * 100).toFixed(2) + "%"}
                            </div>
                            <div class="num edus">${item.stage_name}</div>
                            </div>`
                })
            } else if (type == 3) {
                data.map((item) => {
                    html += `<div class="item">
                            <div class="num">
                                <span style="">${item.share_total}</span><br>占比${(item.share_total / share_total_sum * 100).toFixed(2) + "%"}
                            </div>
                            <div class="num edus">${item.stage_name}</div>
                            </div>`
                })
            } else if (type == 4) {
                data.map((item) => {
                    html += `<div class="item">
                            <div class="num">
                                <span style="">${item.recommend_total}</span><br>占比${recommend_total_sum ? (item.recommend_total / recommend_total_sum * 100).toFixed(2) : 0 + "%"}
                            </div>
                            <div class="num edus">${item.stage_name}</div>
                            </div>`
                })
            }
            $("#qyzyhzjc").html(html)

        }, 'json');
    }


    // rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr


    // 资源建设情况监测
    $('body').on('click', '#zyyyqkjc_zyxz', function (e) {
        r1Type = 1
        $('#zyyyqkjc').children().removeClass("act")
        $('#zyyyqkjc_zyxz').addClass("act")
        r1(r1Type, switchTime);
    })
    $('body').on('click', '#zyyyqkjc_zytj', function (e) {
        r1Type = 2
        $('#zyyyqkjc').children().removeClass("act")
        $('#zyyyqkjc_zytj').addClass("act")
        r1(r1Type, switchTime);
    })
    function r1(type = 1, time = "all") {
        console.log(type, time)


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

        let query_id = ""
        if (time == "all") {
            query_id = "resource_down_rec_all"
            query_param = []
            query_group = ["year_name", "type_name"]
            xAxisformatter = '{value} 年'
        } else if (time == "year") {
            query_id = "resource_down_rec_month"
            query_param = ["2021"]
            query_group = ["month_name", "type_name"]
            xAxisformatter = '{value} 月'

        } else if (time == "month") {
            query_id = "resource_down_rec_day"
            query_param = ["2021", "10"]
            query_group = ["day_name", "type_name"]
            xAxisformatter = '{value} 日'
        }



        $.post(config_serverIp + "/dataex/report/QuerySimpleGP", JSON.stringify(
            {
                "access_token": "TSKP##20211130104505##a6ce11eab94df48a6ce11eab",
                "query": {
                    "query_id": query_id,
                    "query_param": query_param
                },
                "query_cache": 0,
                "query_count": [
                    "download_total",
                    "recommend_total"
                ],
                "query_format": "echarts",
                "query_group": query_group
            }

        ), function (resport) {
            const data = JSON.parse(resport.result)
            let seriesData = []

            if (type == 1) {
                data.groups[1].map((e, i) => {
                    seriesData.push({
                        name: e,
                        type: 'bar',
                        stack: 'total',
                        barMaxWidth: 18,
                        data: data.datas[i]
                    })
                })
            } else if (type == 2) {
                data.groups[1].map((e, i) => {
                    seriesData.push({
                        name: e,
                        type: 'bar',
                        stack: 'total',
                        data: data.datas2[i]

                    })
                })
            }


            myChart.hideLoading();

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

                        axisLabel: {
                            interval: 0,
                            textStyle: {
                                color: '#ffffff'
                            },
                            formatter: xAxisformatter
                        },
                    },

                ],
                yAxis: [
                    {
                        type: 'value',
                        axisLabel: {
                            textStyle: {
                                color: '#ffffff',  //坐标轴的颜色
                            },
                        },

                    },

                ],
                // dataZoom: [
                //     {
                //         type: "slider",   //slider:滑块  inside:内置，依靠鼠标滚轮或者双击缩放
                //         xAxisIndex: 0,   //显示x轴滑块
                //         height: "15px",
                //         end: 80,
                //         top: "85%"
                //     }
                // ],
                series: seriesData
            };


            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
            window.addEventListener("resize", function () {
                myChart.resize();
            });
        }, 'json')
    }

    $('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 (type == 1) {
            query_id = "teacher_up_top_"
            query_count = [
                "upload_total",
                "share_total"
            ]
        } else if (type == 2) {
            query_id = "teacher_down_top_"
            query_count = [
                "download_total",
                "share_total"
            ]
        }

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

        } else if (time == "year") {
            query_id = query_id + "month"
            query_param = ["2021"]
        } else if (time == "month") {
            query_id = query_id + "day"
            query_param = ["2021", "10"]

        }


        $.post(config_serverIp + "/dataex/report/QuerySimpleGP", JSON.stringify(
            {
                "access_token": "TSKP##20211130104505##a6ce11eab94df48a6ce11eab",
                "query": {
                    "query_id": query_id,
                    "query_param": query_param
                },
                "query_cache": 0,
                "query_count": query_count,
                "query_format": "json",
                "query_group": [
                    "person_name",
                    "org_name"
                ]
            }
        ), function (resport) {
            const data = JSON.parse(resport.result);

            console.log(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"><span class="name">${item.person_name}</span><br><p class="school">${item.org_name}</p></div>
                   <div class="total"><span class="num">${total}</span><br><span class="num-name">资源上传</span>
                   </div>
                   <div class="total"><span class="num">${item.share_total}</span><br><span class="num-name">资源上传</span>
                   </div>
               </div>`
            })


            // console.log(phHtml);
            $("#gjgx_js_paihang").html(html)

        }, 'json');
    }
    function r2_jgpaihang(type = 1, time = "year") {
        let params = {}
        let query_id = ""
        let query_param = []

        if (type == 1) {
            query_id = "org_up_top_"
            query_count = [
                "upload_total",
                "share_total"
            ]
        } else if (type == 2) {
            query_id = "org_down_top_"
            query_count = [
                "download_total",
                "share_total"
            ]
        }

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

        } else if (time == "year") {
            query_id = query_id + "month"
            query_param = ["2021"]
        } else if (time == "month") {
            query_id = query_id + "day"
            query_param = ["2021", "10"]

        }


        $.post(config_serverIp + "/dataex/report/QuerySimpleGP", JSON.stringify({
            "access_token": "TSKP##20211130104505##a6ce11eab94df48a6ce11eab",
            "query": {
                "query_id": query_id,
                "query_param": query_param
            },
            "query_cache": 0,
            "query_count": query_count,
            "query_format": "json",
            "query_group": [
                "org_name"
            ]
        }), function (resport) {
            const data = JSON.parse(resport.result);

            console.log(JSON.parse(resport.result), '资源共建共享应用排行榜 机构');
            let html = ""
            let total = ""



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


                if (type == 1) {
                    total = item.upload_total

                } else if (type == 2) {
                    total = item.download_total

                }


                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.org_name}</span></div>
                <div class="total"><span class="num">${total}</span><br><span class="num-name">资源上传</span>
                </div>
                <div class="total"><span class="num">${item.share_total}</span><br><span class="num-name">资源共享</span>
                </div>
            </div>`
            })
            // console.log(phHtml);
            $("#gjgx_jg_paihang").html(html)

        }, 'json');
    }

})