ok-admin/js/console.js

"use strict";
var useModel = ["okUtils", "table", "laytpl", "laydate", "element", "countUp", "echartsData", "okMock"];
layui.config({
    base: "../js/"
}).use(useModel, function () {
    var countUp = layui.countUp;
    var table = layui.table;
    var okUtils = layui.okUtils;
    var okMock = layui.okMock;
    var $ = layui.jquery;

    /**
     * 收入、商品、博客、用户
     */
    function statText() {
        var elem_nums = $(".stat-text");
        elem_nums.each(function (i, j) {
            var ran = parseInt(Math.random() * 99 + 1);
            !new countUp({
                target: j,
                endVal: 20 * ran
            }).start();
        });
    }

    var userSourceOption = {
        "title": {"text": "用户访问"},
        "tooltip": {
            "trigger": "axis", "axisPointer": {"type": "cross", "label": {"backgroundColor": "#6a7985"}}
        },
        "legend": {
            "data": ["邮件营销", "联盟广告", "视频广告", "直接访问", "搜索引擎"]
        },
        "toolbox": {
            "feature": {"saveAsImage": {}}
        },
        "grid": {"left": "3%", "right": "4%", "bottom": "3%", "containLabel": true},
        "xAxis": [
            {
                "type": "category", "boundaryGap": false,
                "data": ["周一", "周二", "周三", "周四", "周五", "周六", "周日"]
            }
        ],
        "yAxis": [
            {"type": "value"}
        ],
        "series": [
            {
                "name": "邮件营销", "type": "line", "stack": "总量", "areaStyle": {},
                "data": [120, 132, 101, 134, 90, 230, 210]
            },
            {
                "name": "联盟广告", "type": "line", "stack": "总量", "areaStyle": {},
                "data": [220, 182, 191, 234, 290, 330, 310]
            },
            {
                "name": "视频广告", "type": "line", "stack": "总量", "areaStyle": {},
                "data": [150, 232, 201, 154, 190, 330, 410]
            },
            {
                "name": "直接访问", "type": "line", "stack": "总量", "areaStyle": {"normal": {}},
                "data": [320, 332, 301, 334, 390, 330, 320]
            },
            {
                "name": "搜索引擎", "type": "line", "stack": "总量",
                "label": {"normal": {"show": true, "position": "top"}},
                "areaStyle": {"normal": {}},
                "data": [820, 932, 901, 934, 1290, 1330, 1320]
            }
        ]
    };

    /**
     * 用户访问
     */
    function userSource() {
        var mapTree = echarts.init($("#mapOne")[0], "mytheme");
        okUtils.echartsResize(userSourceOption);
        mapTree.setOption(userSourceOption);
    }

    /**
     * 所有用户
     */
    function userList() {
        table.render({
            method: "get",
            url: okMock.api.user.list2,
            elem: '#userData',
            height: 340,
            page: true,
            limit: 7,
            cols: [[
                {field: "id", title: "id", width: 50},
                {field: "u_name", title: "姓名"},
                {field: "u_sex", title: "性别", width: 80},
                {field: "u_email", title: "邮箱"},
                {field: "u_endtime", title: "时间",},
                {field: "u_grade", title: "等级"}
            ]],
            parseData: function (res) {
                res.data.list.forEach(function (i, j) {
                    var dateTime = new Date(i.u_endtime);
                    i.u_endtime = dateTime.getFullYear() + "-" + dateTime.getMonth() + "-" + dateTime.getDay();
                });
                return {
                    "code": res.code,
                    "count": res.data.count,
                    "data": res.data.list //解析数据列表
                }
            }
        });
    }

    statText();
    userSource();
    userList();

    /**静态数据**/
    var echartsData = layui.echartsData;
    init();

    function init() {
        // var mapTree = echarts.init($("#mapOne")[0], "mytheme");
        // okUtils.echartsResize([mapTree, mapChina]);
        // mapTree.setOption(echartsData.mapTree);//数据图

        var mapChina = echarts.init($('#mapChina')[0]);
        echartsData.mapChina.series[0].data = echartsData.Address;//地图数据
        mapChina.setOption(echartsData.mapChina);//地图
    }
});