src/Topxia/AdminBundle/Resources/public/js/controller/material-lib/stats.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

define(function(require, exports, module) {
    require("jquery.bootstrap-datetimepicker");
    var PieChart = require('./pie-chart');
    var LineChart = require('./line-chart');
    var BarChart = require('./bar-chart');
    var Widget = require('widget');

    var StatsWidget = Widget.extend({
        attrs: {
        },
        events: {
           'click .stats-summary .piece': 'onClickPiece'
        },
        setup: function() {
            this._initTime();
            this._initEcharts('#total-chart');
        },
        onClickPiece: function(event) {
            var $target = $(event.currentTarget);
            $target.closest('.stats-summary').find('.active').removeClass('active');
            $target.addClass('active');
            $target.closest('.materiallib-stats').find('.chart.active').removeClass('active');
            this.$($target.data('target')).addClass('active');
            window.location.href = $target.data('target');
            this._initEcharts($target.data('target'));
        },
        _initTime: function() {
            $("#startDate").datetimepicker({
                autoclose: true
            }).on('changeDate',function(){
                $("#endDate").datetimepicker('setStartDate',$("#startDate").val().substring(0,16));
            });

            $("#startDate").datetimepicker('setEndDate',$("#endDate").val().substring(0,16));

            $("#endDate").datetimepicker({
                autoclose: true
            }).on('changeDate',function(){

                $("#startDate").datetimepicker('setEndDate',$("#endDate").val().substring(0,16));
            });

            $("#endDate").datetimepicker('setStartDate',$("#startDate").val().substring(0,16));
        },
        _initEcharts: function(id) {
            if (id == '#total-chart' && !this.spacePieChart) {
                this.spacePieChart = new PieChart({
                    element: '#space-pie-chart',
                    data: this.$('#space-pie-chart').data('data'),
                    title: Translator.trans('admin.material_lib.space_pie_chart_title')
                });

                this.flowPieChart = new PieChart({
                    element: '#flow-pie-chart',
                    data: this.$('#flow-pie-chart').data('data'),
                    title: Translator.trans('admin.material_lib.flow_pie_chart_title')
                });

                this.totalLineChart = new BarChart({
                    element: '#total-line-chart',