zuel-itsm-3.0.2/assets/js/controllers/report/analysis.js

'use strict';
app.controller('reportanalysisCtrl', ["$scope", "$rootScope", "$state", "$timeout", "$interval", "$http", "$cookieStore", "moment", "SweetAlert", "Restangular", "api_hkreport", "api_user_data", function($scope, $rootScope, $state, $timeout, $interval, $http, $cookieStore, moment, SweetAlert, Restangular, api_hkreport, api_user_data) {
    var ROWS = "ROWS";
    var COLUMNS = "COLUMNS";
    $scope.treeshow = true;
    $scope.searchstate = "";
    $scope.headers = "请选择事件树形列表！";
    var workspace = {};
    $scope.parameters = {};
    $scope.starttimes = {};
    $scope.endtimes = {};
    $scope.category = {};
    $scope.reportName = "报表";
    $scope.allheight = 100;
    $scope.isMaskground = false;
    $scope.yeardata = "year";
    $scope.quikly = [{ name: '自定义', value: 0 }, { name: '近3年', value: 1 }, { name: '近5年', value: 2 }, { name: '近10年', value: 3 }, { name: '近20年', value: 4 }];

    function startdata() {
        $scope.searchkeys = { 'area': {}, 'quikly': { name: '近5年', value: 2 } };
        $scope.starttimes = moment((new Date()).setFullYear((new Date()).getFullYear() - 4)).format("YYYY-MM-DD");
        $scope.endtimes = moment(new Date().getTime() - 86400000).format('YYYYMMDD');
        $scope.parameters.paramDateFrom = moment($scope.starttimes, "YYYYMMDD").format("YYYY-MM-DD");
        $scope.parameters.paramDateTo = moment($scope.endtimes, "YYYYMMDD").format("YYYY-MM-DD");
    }
    startdata();
    $scope.changeForm = function(paramDateFrom) {
        $scope.searchkeys.quikly = { name: '自定义', value: 0 };
        $scope.starttimes = moment(paramDateFrom).format('YYYY-MM--DD');
    }
    $scope.changeTo = function(paramDateTo) {
        $scope.searchkeys.quikly = { name: '自定义', value: 0 };
        $scope.endtimes = moment(paramDateTo).format('YYYY-MM-DD');
    }


    $scope.open = function($event) {
        $event.preventDefault();
        $event.stopPropagation();

        $scope.opened = !$scope.opened;
    };
    $scope.endOpen = function($event) {
        $event.preventDefault();
        $event.stopPropagation();
        $scope.startOpened = false;
        $scope.endOpened = !$scope.endOpened;
    };
    $scope.startOpen = function($event) {
        $event.preventDefault();
        $event.stopPropagation();
        $scope.endOpened = false;
        $scope.startOpened = !$scope.startOpened;
    };

    function ConvertDateParameter(parameters) {
        var result = undefined;
        if (angular.isArray(parameters)) {
            // 
        } else {
            result = {};
            for (var k in parameters) {
                if (k.indexOf("Date") > 0) {
                    if (angular.isDate(parameters[k])) {
                        result[k] = moment(parameters[k]).format("YYYY-MM-DD");
                    } else if (angular.isString(parameters[k])) {
                        result[k] = parameters[k];
                    }
                }
            }
        }
        return result;
    }
    $scope.restData = function() {
        startdata();
        $scope.mdxquery();
    }
    $scope.mdxquery = function(key) {
        var changedate = ConvertDateParameter($scope.parameters)
        var fildata = { "start": moment(changedate.paramDateFrom).format("YYYY"), "end": moment(changedate.paramDateTo).format("YYYY") }
        if (key && key.area && key.area.id) {
            fildata = { "start": moment(changedate.paramDateFrom).format("YYYY"), "end": moment(changedate.paramDateTo).format("YYYY"), "areaId": key.area.id }
        } else {
            fildata = { "start": moment(changedate.paramDateFrom).format("YYYY"), "end": moment(changedate.paramDateTo).format("YYYY") }
        }
        getdata(fildata)
    }
    $scope.onChangetime = function(key) {
        if (key.value == 1) {
            $scope.starttimes = moment((new Date(moment().startOf('year'))).setFullYear((new Date()).getFullYear() - 2)).format('YYYY-MM-DD');
            $scope.endtimes = moment().format('YYYY-MM-DD');;
            $scope.parameters.paramDateFrom = $scope.starttimes;
            $scope.parameters.paramDateTo = $scope.endtimes;
        } else if (key.value == 2) {
            $scope.starttimes = moment((new Date(moment().startOf('year'))).setFullYear((new Date()).getFullYear() - 4)).format('YYYY-MM-DD');
            $scope.endtimes = moment().format('YYYY-MM-DD');;
            $scope.parameters.paramDateFrom = $scope.starttimes;
            $scope.parameters.paramDateTo = $scope.endtimes;
        } else if (key.value == 3) {
            $scope.starttimes = moment((new Date(moment().startOf('year'))).setFullYear((new Date()).getFullYear() - 9)).format('YYYY-MM-DD');
            $scope.endtimes = moment().format('YYYY-MM-DD');;
            $scope.parameters.paramDateFrom = $scope.starttimes;
            $scope.parameters.paramDateTo = $scope.endtimes;
        } else if (key.value == 4) {
            $scope.starttimes = moment((new Date(moment().startOf('year'))).setFullYear((new Date()).getFullYear() - 19)).format('YYYY-MM-DD');
            $scope.endtimes = moment().format('YYYY-MM-DD');;
            $scope.parameters.paramDateFrom = $scope.starttimes;
            $scope.parameters.paramDateTo = $scope.endtimes;
        }
    }
    $scope.execute = function() {
        api_report.list($scope.token).then(function(response) {
            $scope.select_treedata = $scope.my_data = response;
        });
    }

    $scope.searchOptions = function() {
            if (angular.isDefined(workspace.query)) {
                var queryParameters = workspace.query.parameters;
                for (var parm in queryParameters) {
                    if (parm == 'Week') {

                    } else {

                    }
                }
            }
        }
        //区域
    $scope.outarea = [];
    api_user_data.fetchDataList('area', { "idx": 0, "sum": 1000 }).then(function(response) {
            if (response) {
                if (response.status = 200) {
                    $scope.outarea = response.list;
                }
            }
        })
        //数据

    var titledata = [];
    var datas = [
        []
    ];
    var serieslist = [];
    var colorlist = ['#005395', '#49a9ee', '#ffcd62', '#87c966', '#1ea58f'];
    var datetime = [];
    $scope.headerslist = [];
    $scope.listsum = [];
    $scope.rRows = [];
    //事件数量统计分析
    var domanalysis = document.getElementById("analysis");
    var myChartanalysis = echarts.init(domanalysis);
    var app = {};
    var optionanalysis = null;
    app.title = '事件数量统计分析';
    var XData = [];
    var yData = [];
    myChartanalysis.showLoading({　　
        text: '数据加载中...',
        color: '#c23531',
        textColor: '#fff',
        maskColor: 'rgba(255,255,255,0)',
        zlevel: 0
    });
    myChartanalysis.hideLoading();
    app.title = '堆叠条形图';
    optionanalysis = {
        tooltip: {
            trigger: 'axis',
            axisPointer: { // 坐标轴指示器，坐标轴触发有效
                type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
            },
            formatter: function(datas) {
                var allsum = 0;
                angular.forEach(datas, function(item) {
                    allsum += item.data;
                })
                var res = '';
                for (var i = 0; i < datas.length; i++) {
                    res += datas[i].marker + " " + datas[i].seriesName + '    总数:' +
                        datas[i].data + '  占比:' + (allsum > 0 ? datas[i].data * 100 / allsum : 0).toFixed(2) + '%' + '<br/>'
                }
                return res
            }
        },
        legend: {
            icon: "circle",
            bottom: '0%',
            data: titledata
        },
        grid: {
            left: '5%',
            right: '4%',
            bottom: '20%',
            top: '5%',
            containLabel: false
        },
        xAxis: {
            // axisTick: {
            //     show: false
            // },
            splitLine: {
                show: false,
            },
            axisLine: {
                lineStyle: {
                    color: '#ddd'
                }
            },
            splitArea: {
                show: false
            },
            axisLabel: {
                textStyle: {
                    color: '#787878',
                    fontSize: 12,
                }
            },
            type: 'value'
        },
        yAxis: {
            axisTick: {
                show: false
            },
            axisLabel: {
                show: true,
                textStyle: {
                    color: '#6d6d6d',
                    fontSize: 12,
                }
            },
            axisLine: {
                show: true,
                lineStyle: {
                    color: '#ddd'
                }
            },
            splitArea: {
                show: false
            },
            type: 'category',
            data: datetime
        },
        series: serieslist
    }

    function getdata(time) {
        api_hkreport.incidentreport(time, 'incident_trend').then(function(data) {
            handledata(data);
        })
    }
    getdata({ "start": moment($scope.parameters.paramDateFrom, "YYYY-MM-DD").format("YYYY"), "end": moment($scope.parameters.paramDateTo, "YYYY-MM-DD").format("YYYY") })

    function handledata(data) {
        datetime = [];
        $scope.listsum = [];
        titledata = [];
        $scope.headerslist = data.quantityStatisticsTitle;
        $scope.rRows = data.quantityStatisticsList;

        angular.forEach($scope.rRows, function(item, index) {
            $scope.listsum[index] = { 'allzzl': '', 'sum': '', 'date': '', 'all': [] };
            var i = (Object.values($scope.rRows[0]).length - 3) / 2;
            for (var j = 0; j < i; j++) {
                // $scope.listsum[index].zzl[j] = $scope.rRows[index]['zzl' + j];
                $scope.listsum[index].all[j] = { 'category': $scope.rRows[index]['category' + j], 'zzl': $scope.rRows[index]['zzl' + j] };
                // $scope.listsum[index].allzzl = $scope.rRows[index].allzzl;
                $scope.listsum[index].allzzl = $scope.rRows[index].allzzl == '-' ? $scope.rRows[index].allzzl : Number($scope.rRows[index].allzzl);
                $scope.listsum[index].sum = $scope.rRows[index].sum;
                $scope.listsum[index].date = $scope.rRows[index].date;
                $scope.rRows[index].allzzl = $scope.rRows[index].allzzl == '-' ? $scope.rRows[index].allzzl : Number($scope.rRows[index].allzzl);
                $scope.rRows[index]['zzl' + j] = { 'category': $scope.rRows[index]['category' + j], 'zzl': $scope.rRows[index]['zzl' + j] == '-' ? $scope.rRows[index]['zzl' + j] : Number($scope.rRows[index]['zzl' + j]) };
            }
        })
        angular.forEach(data.quantityStatistics, function(item, index) {
            titledata.push(item.category);
            datas[index] = [];
            angular.forEach(item.data, function(itemtwo, indextwo) {
                datas[index][indextwo] = itemtwo.sum;
            })
            serieslist[index] = {
                name: item.category,
                type: 'bar',
                stack: '总量',
                "itemStyle": {
                    "normal": {
                        "barBorderRadius": 0,
                        "color": colorlist[index],
                        "label": {
                            "show": false,
                            "textStyle": {
                                "color": "#87c966"
                            },
                            "position": "insideRight",
                            formatter: function(p) {
                                return p.value > 0 ? (p.value) : '';
                            }
                        }
                    }
                },
                barWidth: 18,
                data: datas[index]
            }
        })
        angular.forEach(data.quantityStatistics[0].data, function(item, index) {
            datetime[index] = item.date;
        })
        optionanalysis.yAxis.data = datetime;
        optionanalysis.legend.data = titledata;
        myChartanalysis.setOption(optionanalysis);
        myChartanalysis.hideLoading();
    }
}]);