DigitalScholl/Learun.Framework.Ultimate V7/Learun.Application.Web/Areas/EducationalAdministration/Views/StuEnroll/StatisticIndex.js

var bootstrap = function ($, learun) {
    "use strict";
    var page = {
        init: function () {
            page.bind();
            page.initChart();
        },
        bind: function () {
            // 刷新
            $('#lr-replace').on('click', function () {
                location.reload();
            });
            $('#multiple_condition_query').lrMultipleQuery(function (queryJson) {
                page.search(queryJson);
            }, 250, 400);
            $('#DeptNo').lrselect({
                allowSearch: true,
                value: "deptno",
                text: "deptname",
                url: top.$.rootUrl + '/LR_SystemModule/DataSource/GetDataTable?code=CdDeptInfo',
                select: function (item) {
                    if (item) {
                        $('#MajorNo').lrselectRefresh({
                            allowSearch: true,
                            url: top.$.rootUrl + '/LR_SystemModule/DataSource/GetDataTable?code=CdMajorInfo',
                            param: { strWhere: "DeptNo='" + item.deptno + "' AND CheckMark=1" }
                        });
                    } else {
                        $('#MajorNo').lrselectRefresh({
                            allowSearch: true,
                            url: top.$.rootUrl + '/LR_SystemModule/DataSource/GetDataTable?code=CdMajorInfo',
                            param: { strWhere: "1=1 AND CheckMark=1" }
                        });
                    }

                }
            });
            $('#MajorNo').lrselect({
                allowSearch: true,
                url: top.$.rootUrl + '/LR_SystemModule/DataSource/GetDataTable?code=CdMajorInfo',
                value: "majorno",
                text: "majorname",
                param: { strWhere: "1=1 AND CheckMark=1" },
                select: function (item) {
                    if (item) {
                        $('#ClassNo').lrselectRefresh({
                            allowSearch: true,
                            url: top.$.rootUrl + '/LR_SystemModule/DataSource/GetDataTable?code=bjsj',
                            param: { strWhere: "majorno='" + item.majorno + "' AND CheckMark=1" }
                        });
                    } else {
                        $('#ClassNo').lrselectRefresh({
                            allowSearch: true,
                            url: top.$.rootUrl + '/LR_SystemModule/DataSource/GetDataTable?code=bjsj',
                            param: { strWhere: "1=1 AND CheckMark=1" }
                        });
                    }
                }
            });
            $('#ClassNo').lrselect({
                allowSearch: true,
                url: top.$.rootUrl + '/LR_SystemModule/DataSource/GetDataTable?code=bjsj',
                param: { strWhere: "1=1 AND CheckMark=1" },
                value: "classno",
                text: "classname"
            });
            $('#Grade').lrselect({
                url: top.$.rootUrl + '/EducationalAdministration/StuEnroll/GetYearListByClass',
                value: "year",
                text: "year",
            })

        },
        initChart: function (param) {
            var myChartIsReport = echarts.init(document.getElementById('mainIsReport'));
            var myChartIsCheckIn = echarts.init(document.getElementById('mainIsCheckIn'));
            var myChartIsSubsidize1 = echarts.init(document.getElementById('mainIsSubsidize1'));
            var myChartIsMilitary = echarts.init(document.getElementById('mainIsMilitary'));
            var myChartIsPay = echarts.init(document.getElementById('mainIsPay'));
            var myChartIsMug = echarts.init(document.getElementById('mainIsMug'));
            var myChartIsTakeCloths = echarts.init(document.getElementById('mainIsTakeCloths'));
            var myChartIsQuantity = echarts.init(document.getElementById('mainIsQuantity'));
            var myChartIsGetBeddingArticle = echarts.init(document.getElementById('mainIsGetBeddingArticle'));
            var queryJson = param || {};
            learun.httpAsyncPost(top.$.rootUrl + "/EducationalAdministration/StuEnroll/GetStatisticData", { queryJson: JSON.stringify(queryJson) }, function (res) {
                if (res.code == 200) {
                    var optionIsReport = {
                        title: {
                            text: '新生报到分析图',
                            x: 'center'
                        },
                        tooltip: {
                            trigger: 'item',
                            formatter: "{a} <br/>{b} : {c}人 ({d}%)"
                        },
                        legend: {
                            orient: 'vertical',
                            left: 'left',
                            data: res.data.legendDataIsReport
                        },
                        series: [
                            {
                                name: '是否报到',
                                type: 'pie',
                                radius: '55%',
                                center: ['50%', '60%'],
                                data: res.data.seriesDataIsReport,
                                itemStyle: {
                                    emphasis: {
                                        shadowBlur: 10,
                                        shadowOffsetX: 0,
                                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                                    }
                                }
                            }
                        ]
                    };
                    myChartIsReport.setOption(optionIsReport);

                    var optionIsCheckIn = {
                        title: {
                            text: '新生住宿分析图',
                            x: 'center'
                        },
                        tooltip: {
                            trigger: 'item',
                            formatter: "{a} <br/>{b} : {c}人 ({d}%)"
                        },
                        legend: {
                            orient: 'vertical',
                            left: 'left',
                            data: res.data.legendDataIsCheckIn
                        },
                        series: [
                            {
                                name: '是否住宿',
                                type: 'pie',
                                radius: '55%',
                                center: ['50%', '60%'],
                                data: res.data.seriesDataIsCheckIn,
                                itemStyle: {
                                    emphasis: {
                                        shadowBlur: 10,
                                        shadowOffsetX: 0,
                                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                                    }
                                }
                            }
                        ]
                    };
                    myChartIsCheckIn.setOption(optionIsCheckIn);

                    var optionIsSubsidize1 = {
                        title: {
                            text: '新生资助分析图',
                            x: 'center'
                        },
                        tooltip: {
                            trigger: 'item',
                            formatter: "{a} <br/>{b} : {c}人 ({d}%)"
                        },
                        legend: {
                            orient: 'vertical',
                            left: 'left',
                            data: res.data.legendDataIsSubsidize1
                        },
                        series: [
                            {
                                name: '是否资助',
                                type: 'pie',
                                radius: '55%',
                                center: ['50%', '60%'],
                                data: res.data.seriesDataIsSubsidize1,
                                itemStyle: {
                                    emphasis: {
                                        shadowBlur: 10,
                                        shadowOffsetX: 0,
                                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                                    }
                                }
                            }
                        ]
                    };
                    myChartIsSubsidize1.setOption(optionIsSubsidize1);

                    var optionIsMilitary = {
                        title: {
                            text: '新生军训分析图',
                            x: 'center'
                        },
                        tooltip: {
                            trigger: 'item',
                            formatter: "{a} <br/>{b} : {c}人 ({d}%)"
                        },
                        legend: {
                            orient: 'vertical',
                            left: 'left',
                            data: res.data.legendDataIsMilitary
                        },
                        series: [
                            {
                                name: '是否军训',
                                type: 'pie',
                                radius: '55%',
                                center: ['50%', '60%'],
                                data: res.data.seriesDataIsMilitary,
                                itemStyle: {
                                    emphasis: {
                                        shadowBlur: 10,
                                        shadowOffsetX: 0,
                                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                                    }
                                }
                            }
                        ]
                    };
                    myChartIsMilitary.setOption(optionIsMilitary);

                    var optionIsPay = {
                        title: {
                            text: '新生缴费分析图',
                            x: 'center'
                        },
                        tooltip: {
                            trigger: 'item',
                            formatter: "{a} <br/>{b} : {c}人 ({d}%)"
                        },
                        legend: {
                            orient: 'vertical',
                            left: 'left',
                            data: res.data.legendDataIsPay
                        },
                        series: [
                            {
                                name: '是否缴费',
                                type: 'pie',
                                radius: '55%',
                                center: ['50%', '60%'],
                                data: res.data.seriesDataIsPay,
                                itemStyle: {
                                    emphasis: {
                                        shadowBlur: 10,
                                        shadowOffsetX: 0,
                                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                                    }
                                }
                            }
                        ]
                    };
                    myChartIsPay.setOption(optionIsPay);

                    var optionIsMug = {
                        title: {
                            text: '新生拍照分析图',
                            x: 'center'
                        },
                        tooltip: {
                            trigger: 'item',
                            formatter: "{a} <br/>{b} : {c}人 ({d}%)"
                        },
                        legend: {
                            orient: 'vertical',
                            left: 'left',
                            data: res.data.legendDataIsMug
                        },
                        series: [
                            {
                                name: '是否拍照',
                                type: 'pie',
                                radius: '55%',
                                center: ['50%', '60%'],
                                data: res.data.seriesDataIsMug,
                                itemStyle: {
                                    emphasis: {
                                        shadowBlur: 10,
                                        shadowOffsetX: 0,
                                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                                    }
                                }
                            }
                        ]
                    };
                    myChartIsMug.setOption(optionIsMug);

                    var optionIsTakeCloths = {
                        title: {
                            text: '新生领取军训服分析图',
                            x: 'center'
                        },
                        tooltip: {
                            trigger: 'item',
                            formatter: "{a} <br/>{b} : {c}人 ({d}%)"
                        },
                        legend: {
                            orient: 'vertical',
                            left: 'left',
                            data: res.data.legendDataIsTakeCloths
                        },
                        series: [
                            {
                                name: '是否领取军训服',
                                type: 'pie',
                                radius: '55%',
                                center: ['50%', '60%'],
                                data: res.data.seriesDataIsTakeCloths,
                                itemStyle: {
                                    emphasis: {
                                        shadowBlur: 10,
                                        shadowOffsetX: 0,
                                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                                    }
                                }
                            }
                        ]
                    };
                    myChartIsTakeCloths.setOption(optionIsTakeCloths);

                    var optionIsQuantity = {
                        title: {
                            text: '新生量取校服尺寸分析图',
                            x: 'center'
                        },
                        tooltip: {
                            trigger: 'item',
                            formatter: "{a} <br/>{b} : {c}人 ({d}%)"
                        },
                        legend: {
                            orient: 'vertical',
                            left: 'left',
                            data: res.data.legendDataIsQuantity
                        },
                        series: [
                            {
                                name: '是否量取校服尺寸',
                                type: 'pie',
                                radius: '55%',
                                center: ['50%', '60%'],
                                data: res.data.seriesDataIsQuantity,
                                itemStyle: {
                                    emphasis: {
                                        shadowBlur: 10,
                                        shadowOffsetX: 0,
                                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                                    }
                                }
                            }
                        ]
                    };
                    myChartIsQuantity.setOption(optionIsQuantity);

                    var optionIsGetBeddingArticle = {
                        title: {
                            text: '新生领取床上用品分析图',
                            x: 'center'
                        },
                        tooltip: {
                            trigger: 'item',
                            formatter: "{a} <br/>{b} : {c}人 ({d}%)"
                        },
                        legend: {
                            orient: 'vertical',
                            left: 'left',
                            data: res.data.legendDataIsGetBeddingArticle
                        },
                        series: [
                            {
                                name: '是否领取床上用品',
                                type: 'pie',
                                radius: '55%',
                                center: ['50%', '60%'],
                                data: res.data.seriesDataIsGetBeddingArticle,
                                itemStyle: {
                                    emphasis: {
                                        shadowBlur: 10,
                                        shadowOffsetX: 0,
                                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                                    }
                                }
                            }
                        ]
                    };
                    myChartIsGetBeddingArticle.setOption(optionIsGetBeddingArticle);

                }
            });
        },
        search: function (param) {
            param = param || {};
            page.initChart(param);
        }

    };
    page.init();
}