console-front/js/model/sys/chart/index.js

/**
 * Created by TT on 2017/4/6.
 */
;
spa_define(function () {
    return $.use(["spa", "code", "form", "util", "dict"], function (spa, code, form, util, dict) {
        return {
            main: function () {
                var root = spa.findInMain(".sys_chart_index");
                var cr = code.parseCode(root.find(".dt-tpl"));
                var cr2 = code.parseCode(root.find(".dt-tpl-2"));
                var cr3 = form.build(root.find(".newForm"));
                var myChart = echarts.init(document.getElementById('type'));
                var tableData = {data: []}, tableData2 = {data: []}, tableData3 = {data: []}
                allData = [];

                cr.shell("userType", function (env) {
                    var v = env.cd[this.k];
                    return v === 1 ? "专家用户" : (v === 0 ? "普通用户" : "");
                });
                cr2.shell("userRole", function (env) {
                    var v = env.cd[this.k];
                    if (v === 0) {
                        return "普通用户";
                    }
                    if (v === 1) {
                        return "科研工作者";
                    }
                    if (v === 2) {
                        return "企业高管";
                    }
                    if (v === 3) {
                        return "在校生";
                    }
                    if (v === 4) {
                        return "技术人员";
                    }
                    if (v === 5) {
                        return "HR/猎头";
                    }
                    if (v === 6) {
                        return "销售人员";
                    }
                    if (v === 7) {
                        return "投资方";
                    }
                    if (v === 8) {
                        return "咨询顾问";
                    }
                    return "其他身份";
                });
                var query = function () {
                    if (allData.byType != null) {
                        tableData.data = allData.byType;
                    }
                    cr.val(tableData.data);
                };
                var query2 = function () {
                    if (allData.byRole != null) {
                        tableData2.data = allData.byRole;
                    }
                    cr2.val(tableData2.data);
                };
                var query3 = function () {
                    if (allData != null) {
                        tableData3.data = allData;
                    }
                    cr3.val(tableData3.data);
                };
                var load = function () {
                    util.get("../ajax/operation/statist/user", null, function (data) {
                        allData = data || [];
                        query();
                        query2();
                        query3();
                        var option = {
                            title: {
                                text: '用户角色统计',
                                // subtext: '纯属虚构',
                                x: 'center'
                            },
                            tooltip: {
                                trigger: 'item',
                                formatter: "{a} <br/>{b} : {c} ({d}%)"
                            },
                            toolbox: {
                                show: true,
                                feature: {
                                    mark: {show: true},
                                    dataView: {show: true, readOnly: false},
                                    magicType: {
                                        show: true,
                                        type: ['pie']
                                    },
                                    restore: {show: true},
                                    saveAsImage: {show: true}
                                }
                            },
                            calculable: true,
                            series: [
                                {
                                    name: '用户类型',
                                    type: 'pie',
                                    radius: '55%',
                                    center: ['25%', '60%'],
                                    data: Type()
                                },
                                {
                                    name: '用户角色',
                                    type: 'pie',
                                    radius: '55%',
                                    center: ['75%', '60%'],
                                    data: Role()
                                }
                            ]
                        };

                        function Type() {
                            var t = [];
                            var showType = function (data) {
                                if (data.code === 1) {
                                    return "专家用户";
                                }
                                return "普通用户";
                            };
                            for (var i = 0; i < allData.byType.length; i++) {
                                // option.series[0].data[i].value = allData.byType[i].num;
                                // option.series[0].data[i].name = showType(allData.byType[i]);
                                t.push({value: allData.byType[i].num, name: showType(allData.byType[i])});
                            }
                            return t
                        }

                        function Role() {
                            var r = [];
                            var showRole = function (data) {
                                if (data.code === 0) {
                                    return "普通用户";
                                }
                                if (data.code === 1) {
                                    return "科研工作者";
                                }
                                if (data.code === 2) {
                                    return "企业高管";
                                }
                                if (data.code === 3) {
                                    return "在校生";
                                }
                                if (data.code === 4) {
                                    return "技术人员";
                                }
                                if (data.code === 5) {
                                    return "HR/猎头";
                                }
                                if (data.code === 6) {
                                    return "销售人员";
                                }
                                if (data.code === 7) {
                                    return "投资方";
                                }
                                if (data.code === 8) {
                                    return "咨询顾问";
                                }
                                return "其他身份";
                            };
                            for (var i = 0; i < allData.byRole.length; i++) {
                                // option.series[1].data[i].value = allData.byRole[i].num;
                                // option.series[1].data[i].name = showRole(allData.byRole[i]);
                                r.push({value: allData.byRole[i].num, name: showRole(allData.byRole[i])});
                            }
                            return r;
                        }

                        myChart.setOption(option);
                    }, {});
                };
                cr.listen(dict.doTransfer);
                load();
            },
            mainDestory: function () {

            }
        };
    });
});