zhujian_OA/tpk/log/js/log_kanban.js

var app = angular.module('app', ["angularUtils.directives.dirPagination"]);
app.controller("logKanbanCtrl", ["$scope", "$http", "$compile", "$timeout", function ($scope, $http, $compile, $timeout) {
    var self = this;
    var s4 = new SM4Util();
    self.userId = $.cookie("GlWorkPlatform-userid");
    self.userName = $.cookie("GlWorkPlatform-username");
    self.get_AccessToken = localStorage.getItem("GlWorkPlatform-AccessToken");
    self.get_lastReturnPageno = sp.getUrlName("lastReturnPageno");
    var postCfg = {
        headers: {
            'Content-Type': 'application/json',
            'Authorization': "Bearer " + self.get_AccessToken
        }
    };

    self.btnBack = function () {
        window.location.href = "log.html?lastReturnPageno=" + self.get_lastReturnPageno;
    }


    self.select = {
        sysMgn: "30",
        applyMgn: "30",
        yeWuMgn: "30",
        workerMgn: "30",
        appCreateMgn: "30",
        liuZhuanMgn: "30",
        appTypeMgn: "30",
        appUserMgn: "30"
    }

    ////1.---系统管理--活跃度；-----------------start；
    self.load_sysMgn = function () {

        var x = [];//X轴
        var y = [];//Y轴
        var xtext = [];//X轴TEXT
        //var color = ["#2aac20"];

        var postData = { "days": self.select.sysMgn };
        $http.post(apiurljs.login + "g2work/log/queryDataShowCountCdateAdmin", { data: s4.encryptData_CBC(JSON.stringify(postData)) }, postCfg)
        .success(function (obj) {
            var res = strToJson(s4.decryptData_CBC(obj.data));
            //console.log(JSON.stringify(res));

            var json = res.data;
            for (var key in json) {
                if (self.select.sysMgn == "0") {
                    //console.log(json[key].CODE.split(" ")[1]);
                    json[key].CODE = json[key].CODE.split(" ")[1];
                } else {
                    json[key].CODE = sp.datefmt("MM/dd", json[key].CODE);
                }                
                json[key].y = json[key].CVAL; //给Y轴赋值
                xtext[key] = json[key].CODE;//给X轴TEXT赋值
               
            }
            chart.series[0].setData(json);//数据填充到highcharts上面
        });

        var title_test = "今天";
        if (self.select.sysMgn == "0") {
            title_test = "今天";
        } else if (self.select.sysMgn == "10") {
            title_test = "近10天";
        } else {
            title_test = "近30天";
        }
        
        var chart = new Highcharts.Chart({
            colors: ['#32b0d5'], //绘图线颜色
            chart: {
                renderTo: 'div_sysMgn',
                type: 'line' //显示类型 折线line  曲线spline  曲线面积图areaspline
            },
            title: {
                text: '系统管理-' + title_test + '活跃度' //图表的标题
            },
            //当鼠标经过时的提示设置
            tooltip: {
                headerFormat: '<span style="font-size:11px"><b>活跃度：<b><br></span>',
                pointFormat: '<span style="color:{point.color}">{point.CODE}</span>  <b>{point.y} </b>'
            },
            xAxis: {
                categories: xtext
            },
            yAxis: {
                title: {
                    text: '', //Y轴的名称
                    style: {
                        color: '#000000',
                        fontWeight: 'bold',
                        fontSize: '14px'
                    }
                }
            },
            series: [{
                name: "系统管理活跃度"
            }],
            plotOptions: {  //plotOptions全局设置
                series: {   //对series的全局设置                        
                    cursor: 'pointer',
                    marker: {
                        symbol: 'diamond'  //节点的形状曲线点类型："circle", "square", "diamond", "triangle","triangle-down"，默认是"circle"
                    },
                    dataLabels: {
                        enabled: true, //是否在节点上显示数据
                        color: '#333', align: 'center',
                        style: { fontSize: '13px' }
                    }
                }
            },
            credits: {
                enabled: false//隐藏右下角网址
            },
            exporting: {
                enabled: false//隐藏右上角打印
            }
        });

    };
    self.load_sysMgn();

    self.select_sysMgn = function () {        
        self.load_sysMgn();
    }
    ////1.---系统管理--活跃度；----------------end；



    ////2.应用管理--活跃度-********************---start
    self.load_applyMgn = function () {

        var x = [];//X轴
        var y = [];//Y轴
        var xtext = [];//X轴TEXT
        //var color = ["#2aac20"];

        var postData = { "days": self.select.applyMgn };
        $http.post(apiurljs.login + "g2work/log/queryDataShowCountCdateUser", { data: s4.encryptData_CBC(JSON.stringify(postData)) }, postCfg)
        .success(function (obj) {
            var res = strToJson(s4.decryptData_CBC(obj.data));
            //console.log(JSON.stringify(res));

            var json = res.data;
            for (var key in json) {
                if (self.select.applyMgn == "0") {
                    json[key].CODE = json[key].CODE.split(" ")[1];;
                } else {
                    json[key].CODE = sp.datefmt("MM/dd", json[key].CODE);
                }
                
                json[key].y = json[key].CVAL; //给Y轴赋值
                xtext[key] = json[key].CODE;//给X轴TEXT赋值

            }
            chart.series[0].setData(json);//数据填充到highcharts上面
        });


        var title_test = "今天";
        if (self.select.applyMgn == "0") {
            title_test = "今天";
        } else if (self.select.applyMgn == "10") {
            title_test = "近10天";
        } else {
            title_test = "近30天";
        }
        var chart = new Highcharts.Chart({
            colors: ['#2aac20'], //绘图线颜色
            chart: {
                renderTo: 'div_applyMgn',
                type: 'line' //显示类型 折线line  曲线spline  曲线面积图areaspline
            },
            title: {
                text: '应用管理-' + title_test + '活跃度' //图表的标题
            },
            //当鼠标经过时的提示设置
            tooltip: {
                headerFormat: '<span style="font-size:11px"><b>活跃度：<b><br></span>',
                pointFormat: '<span style="color:{point.color}">{point.CODE}</span>  <b>{point.y} </b>'
            },
            xAxis: {
                categories: xtext
            },
            yAxis: {
                title: {
                    text: '', //Y轴的名称
                    style: {
                        color: '#000000',
                        fontWeight: 'bold',
                        fontSize: '14px'
                    }
                }
            },
            series: [{
                name: "应用管理活跃度"
            }],
            plotOptions: {  //plotOptions全局设置
                series: {   //对series的全局设置                        
                    cursor: 'pointer',
                    marker: {
                        symbol: 'diamond'  //节点的形状曲线点类型："circle", "square", "diamond", "triangle","triangle-down"，默认是"circle"
                    },
                    dataLabels: {
                        enabled: true, //是否在节点上显示数据
                        color: '#333', align: 'center',
                        style: { fontSize: '13px' }
                    }
                }
            },
            credits: {
                enabled: false//隐藏右下角网址
            },
            exporting: {
                enabled: false//隐藏右上角打印
            }
        });

    };
    self.load_applyMgn();

    self.select_applyMgn = function () {
        self.load_applyMgn();
    }
    ////2.应用管理--活跃度-********************---end


    ////3.业务---活跃度********************---start
    self.load_yeWuMgn = function () {
        var x = [];//X轴
        var y = [];//Y轴
        var xtext = [];//X轴TEXT
        var color = ["#4472c4", "#2aac20", "#f9873a"];
        
        var postData = { "days": self.select.yeWuMgn };
        $http.post(apiurljs.login + "g2work/log/queryDataShowCountLogfunc", { data: s4.encryptData_CBC(JSON.stringify(postData)) }, postCfg)
        .success(function (obj) {
            var res = strToJson(s4.decryptData_CBC(obj.data));
            //console.log(JSON.stringify(res));

            var json = res.data;
            for (var key in json) {                
                json[key].y = json[key].CVAL; //给Y轴赋值
                xtext[key] = json[key].CODE;//给X轴TEXT赋值
                json[key].color = color[0];
            }
            chart.series[0].setData(json);//数据填充到highcharts上面
        });

        var chart = new Highcharts.Chart({
            colors: ['#4472c4'], //绘图线颜色
            chart: {
                renderTo: 'div_yeWuMgn',
                type: 'column' //显示类型 柱形
            },
            title: {
                text: '业务活跃度排行' //图表的标题
            },
            //当鼠标经过时的提示设置
            tooltip: {
                headerFormat: '<span style="font-size:11px"><b>活跃度：<b></span><br>',
                pointFormat: '<span style="color:{point.color}">{point.CODE}</span>  <b>{point.y}</b><br/>'
            },
            xAxis: {
                categories: xtext
            },
            yAxis: {
                title: {
                    text: '', //Y轴的名称
                    style: {
                        color: '#000000',
                        fontWeight: 'bold',
                        fontSize: '14px'
                    }
                }
            },
            series: [{
                name: "类别"
            }],
            plotOptions: {  //plotOptions全局设置
                series: {   //对series的全局设置                        
                    cursor: 'pointer',
                    dataLabels: {
                        enabled: true, //是否在节点上显示数据
                        color: '#333', align: 'center',
                        style: { fontSize: '13px' }
                    }
                }
            },
            legend: { //图标提示
                align: 'right',
                x: 0,
                verticalAlign: 'top',
                y: -5,
                floating: true,
                backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white',
                borderColor: '#CCC',
                borderWidth: 1,
                shadow: false
            },
            credits: {
                enabled: false//隐藏右下角网址              
            },
            exporting: {
                enabled: false//隐藏右上角打印
            }
        });
    }
    self.load_yeWuMgn();
    self.select_yeWuMgn = function () {
        self.load_yeWuMgn();
    }
    ////3.业务---活跃度********************---end


    ////4.工作用户排行---活跃度********************---start
    self.load_workerMgn = function () {
        var x = [];//X轴
        var y = [];//Y轴
        var xtext = [];//X轴TEXT
        var color = ["#fcb954", "#2aac20", "#a3462c"];

        var postData = { "days": self.select.workerMgn };
        $http.post(apiurljs.login + "g2work/log/queryDataShowCountLoguser", { data: s4.encryptData_CBC(JSON.stringify(postData)) }, postCfg)
        .success(function (obj) {
            var res = strToJson(s4.decryptData_CBC(obj.data));
            //console.log(JSON.stringify(res));

            var json = res.data;
            for (var key in json) {
                json[key].y = json[key].CVAL; //给Y轴赋值
                xtext[key] = json[key].CODE;//给X轴TEXT赋值
                json[key].color = color[2];
            }
            chart.series[0].setData(json);//数据填充到highcharts上面
        });
        
        var chart = new Highcharts.Chart({
            colors: ['#a3462c'], //绘图线颜色
            chart: {
                renderTo: 'div_workerMgn',
                type: 'column' //显示类型 柱形
            },
            title: {
                text: '工作用户排行' //图表的标题
            },
            //当鼠标经过时的提示设置
            tooltip: {
                headerFormat: '<span style="font-size:11px"><b>姓名：<b></span><br>',
                pointFormat: '<span style="color:{point.color}">{point.CODE}</span>  <b>{point.y}</b>'
            },
            xAxis: {
                categories: xtext
            },
            yAxis: {
                title: {
                    text: '', //Y轴的名称
                    style: {
                        color: '#000000',
                        fontWeight: 'bold',
                        fontSize: '14px'
                    }
                }
            },
            series: [{
                name: "工作用户"
            }],
            plotOptions: {  //plotOptions全局设置
                series: {   //对series的全局设置                        
                    cursor: 'pointer',
                    dataLabels: {
                        enabled: true, //是否在节点上显示数据
                        color: '#333', align: 'center',
                        style: { fontSize: '13px' }
                    }
                }
            },
            legend: { //图标提示
                align: 'right',
                x: 0,
                verticalAlign: 'top',
                y: -5,
                floating: true,
                backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white',
                borderColor: '#CCC',
                borderWidth: 1,
                shadow: false
            },
            credits: {
                enabled: false//隐藏右下角网址              
            },
            exporting: {
                enabled: false//隐藏右上角打印
            }
        });
    }
    self.load_workerMgn();
    self.select_workerMgn = function () {
        self.load_workerMgn();
    }
    ////4.工作用户排行---活跃度********************---end


    ////5.流程实例创建情况********************---start
    self.load_appCreateMgn = function () {

        var x = [];//X轴
        var y = [];//Y轴
        var xtext = [];//X轴TEXT
        //var color = ["#2aac20"];

        var postData = { "days": self.select.appCreateMgn };
        $http.post(apiurljs.login + "g2work/log/queryDataShowCountAppdate", { data: s4.encryptData_CBC(JSON.stringify(postData)) }, postCfg)
        .success(function (obj) {
            var res = strToJson(s4.decryptData_CBC(obj.data));
            //console.log(JSON.stringify(res));

            var json = res.data;
            for (var key in json) {
                if (self.select.appCreateMgn == "0") {
                    json[key].CODE = json[key].CODE.split(" ")[1];
                } else {
                    json[key].CODE = sp.datefmt("MM/dd", json[key].CODE);
                }
                
                json[key].y = json[key].CVAL; //给Y轴赋值
                xtext[key] = json[key].CODE;//给X轴TEXT赋值

            }
            chart.series[0].setData(json);//数据填充到highcharts上面
        });

        var title_test = "今天";
        if (self.select.appCreateMgn == "0") {
            title_test = "今天";
        } else if (self.select.appCreateMgn == "10") {
            title_test = "近10天";
        } else {
            title_test = "近30天";
        }

        var chart = new Highcharts.Chart({
            colors: ['#0070ba'], //绘图线颜色
            chart: {
                renderTo: 'div_appCreateMgn',
                type: 'line' //显示类型 折线line  曲线spline  曲线面积图areaspline
            },
            title: {
                text: '流程实例-' + title_test + '创建' //图表的标题
            },
            //当鼠标经过时的提示设置
            tooltip: {
                headerFormat: '<span style="font-size:11px"><b>流程实例创建：<b><br></span>',
                pointFormat: '<span style="color:{point.color}">{point.CODE}</span>  <b>{point.y} </b>'
            },
            xAxis: {
                categories: xtext
            },
            yAxis: {
                title: {
                    text: '', //Y轴的名称
                    style: {
                        color: '#000000',
                        fontWeight: 'bold',
                        fontSize: '14px'
                    }
                }
            },
            series: [{
                name: "流程实例"
            }],
            plotOptions: {  //plotOptions全局设置
                series: {   //对series的全局设置                        
                    cursor: 'pointer',
                    marker: {
                        symbol: 'diamond'  //节点的形状曲线点类型："circle", "square", "diamond", "triangle","triangle-down"，默认是"circle"
                    },
                    dataLabels: {
                        enabled: true, //是否在节点上显示数据
                        color: '#333', align: 'center',
                        style: { fontSize: '13px' }
                    }
                }
            },
            credits: {
                enabled: false//隐藏右下角网址
            },
            exporting: {
                enabled: false//隐藏右上角打印
            }
        });

    };
    self.load_appCreateMgn();

    self.select_appCreateMgn = function () {
        self.load_appCreateMgn();
    }
    ////5.流程实例创建情况********************---end


    ////6.流转记录********************---start
    self.load_liuZhuanMgn = function () {

        var x = [];//X轴
        var y = [];//Y轴
        var xtext = [];//X轴TEXT
        //var color = ["#2aac20"];

        var postData = { "days": self.select.liuZhuanMgn };
        $http.post(apiurljs.login + "g2work/log/queryDataShowCountReceivedate", { data: s4.encryptData_CBC(JSON.stringify(postData)) }, postCfg)
        .success(function (obj) {
            var res = strToJson(s4.decryptData_CBC(obj.data));
            //console.log(JSON.stringify(res));

            var json = res.data;
            for (var key in json) {
                if (self.select.liuZhuanMgn == "0") {
                    json[key].CODE = json[key].CODE.split(" ")[1];
                } else {
                    json[key].CODE = sp.datefmt("MM/dd", json[key].CODE);
                }
                
                json[key].y = json[key].CVAL; //给Y轴赋值
                xtext[key] = json[key].CODE;//给X轴TEXT赋值

            }
            chart.series[0].setData(json);//数据填充到highcharts上面
        });

        var title_test = "今天";
        if (self.select.liuZhuanMgn == "0") {
            title_test = "今天";
        } else if (self.select.liuZhuanMgn == "10") {
            title_test = "近10天";
        } else {
            title_test = "近30天";
        }

        var chart = new Highcharts.Chart({
            colors: ['#977ae6'], //绘图线颜色
            chart: {
                renderTo: 'div_liuZhuanMgn',
                type: 'line' //显示类型 折线line  曲线spline  曲线面积图areaspline
            },
            title: {
                text: '流转记录-' + title_test + '流转' //图表的标题
            },
            //当鼠标经过时的提示设置
            tooltip: {
                headerFormat: '<span style="font-size:11px"><b>流转记录：<b><br></span>',
                pointFormat: '<span style="color:{point.color}">{point.CODE}</span>  <b>{point.y} </b>'
            },
            xAxis: {
                categories: xtext
            },
            yAxis: {
                title: {
                    text: '', //Y轴的名称
                    style: {
                        color: '#000000',
                        fontWeight: 'bold',
                        fontSize: '14px'
                    }
                }
            },
            series: [{
                name: "流转记录"
            }],
            plotOptions: {  //plotOptions全局设置
                series: {   //对series的全局设置                        
                    cursor: 'pointer',
                    marker: {
                        symbol: 'diamond'  //节点的形状曲线点类型："circle", "square", "diamond", "triangle","triangle-down"，默认是"circle"
                    },
                    dataLabels: {
                        enabled: true, //是否在节点上显示数据
                        color: '#333', align: 'center',
                        style: { fontSize: '13px' }
                    }
                }
            },
            credits: {
                enabled: false//隐藏右下角网址
            },
            exporting: {
                enabled: false//隐藏右上角打印
            }
        });

    };
    self.load_liuZhuanMgn();

    self.select_liuZhuanMgn = function () {
        self.load_liuZhuanMgn();
    }
    ////6.流转记录********************---end


    ////7.流程类别排行********************---start
    self.load_appTypeMgn = function () {
        var x = [];//X轴
        var y = [];//Y轴
        var xtext = [];//X轴TEXT
        var color = ["#fcb954", "#2aac20", "#0070ba"];

        var postData = { "days": self.select.appTypeMgn };
        $http.post(apiurljs.login + "g2work/log/queryDataShowCountFlowid", { data: s4.encryptData_CBC(JSON.stringify(postData)) }, postCfg)
        .success(function (obj) {
            var res = strToJson(s4.decryptData_CBC(obj.data));
            //console.log(JSON.stringify(res));

            var json = res.data;
            for (var key in json) {
                json[key].y = json[key].CVAL; //给Y轴赋值
                xtext[key] = json[key].CODE;//给X轴TEXT赋值
                json[key].color = color[2];
            }
            chart.series[0].setData(json);//数据填充到highcharts上面
        });

        var chart = new Highcharts.Chart({
            colors: ['#0070ba'], //绘图线颜色
            chart: {
                renderTo: 'div_appTypeMgn',
                type: 'column' //显示类型 柱形
            },
            title: {
                text: '流程类别排行' //图表的标题
            },
            //当鼠标经过时的提示设置
            tooltip: {
                headerFormat: '<span style="font-size:11px"><b>流程类别：<b></span><br>',
                pointFormat: '<span style="color:{point.color}">{point.CODE}</span>  <b>{point.y}</b>'
            },
            xAxis: {
                categories: xtext
            },
            yAxis: {
                title: {
                    text: '', //Y轴的名称
                    style: {
                        color: '#000000',
                        fontWeight: 'bold',
                        fontSize: '14px'
                    }
                }
            },
            series: [{
                name: "流程类别"
            }],
            plotOptions: {  //plotOptions全局设置
                series: {   //对series的全局设置                        
                    cursor: 'pointer',
                    dataLabels: {
                        enabled: true, //是否在节点上显示数据
                        color: '#333', align: 'center',
                        style: { fontSize: '13px' }
                    }
                }
            },
            legend: { //图标提示
                align: 'right',
                x: 0,
                verticalAlign: 'top',
                y: -5,
                floating: true,
                backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white',
                borderColor: '#CCC',
                borderWidth: 1,
                shadow: false
            },
            credits: {
                enabled: false//隐藏右下角网址              
            },
            exporting: {
                enabled: false//隐藏右上角打印
            }
        });
    }
    self.load_appTypeMgn();
    self.select_appTypeMgn = function () {
        self.load_appTypeMgn();
    }
    ////7.流程类别排行********************---end


    ////8.流程用户排行********************---start
    self.load_appUserMgn = function () {
        var x = [];//X轴
        var y = [];//Y轴
        var xtext = [];//X轴TEXT
        var color = ["#fcb954", "#2aac20", "#18c68b"];

        var postData = { "days": self.select.appUserMgn };
        $http.post(apiurljs.login + "g2work/log/queryDataShowCountUsername", { data: s4.encryptData_CBC(JSON.stringify(postData)) }, postCfg)
        .success(function (obj) {
            var res = strToJson(s4.decryptData_CBC(obj.data));
            //console.log(JSON.stringify(res));

            var json = res.data;
            for (var key in json) {
                json[key].y = json[key].CVAL; //给Y轴赋值
                xtext[key] = json[key].CODE;//给X轴TEXT赋值
                json[key].color = color[2];
            }
            chart.series[0].setData(json);//数据填充到highcharts上面
        });

        var chart = new Highcharts.Chart({
            colors: ['#18c68b'], //绘图线颜色
            chart: {
                renderTo: 'div_appUserMgn',
                type: 'column' //显示类型 柱形
            },
            title: {
                text: '流程用户排行' //图表的标题
            },
            //当鼠标经过时的提示设置
            tooltip: {
                headerFormat: '<span style="font-size:11px"><b>流程用户：<b></span><br>',
                pointFormat: '<span style="color:{point.color}">{point.CODE}</span>  <b>{point.y}</b>'
            },
            xAxis: {
                categories: xtext
            },
            yAxis: {
                title: {
                    text: '', //Y轴的名称
                    style: {
                        color: '#000000',
                        fontWeight: 'bold',
                        fontSize: '14px'
                    }
                }
            },
            series: [{
                name: "流程用户"
            }],
            plotOptions: {  //plotOptions全局设置
                series: {   //对series的全局设置                        
                    cursor: 'pointer',
                    dataLabels: {
                        enabled: true, //是否在节点上显示数据
                        color: '#333', align: 'center',
                        style: { fontSize: '13px' }
                    }
                }
            },
            legend: { //图标提示
                align: 'right',
                x: 0,
                verticalAlign: 'top',
                y: -5,
                floating: true,
                backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white',
                borderColor: '#CCC',
                borderWidth: 1,
                shadow: false
            },
            credits: {
                enabled: false//隐藏右下角网址              
            },
            exporting: {
                enabled: false//隐藏右上角打印
            }
        });
    }
    self.load_appUserMgn();
    self.select_appUserMgn = function () {
        self.load_appUserMgn();
    }
    ////8.流程用户排行********************---end


    ////刷新按钮
    self.refresh = function () {
        self.select = {
            sysMgn: "30",
            applyMgn: "30",
            yeWuMgn: "30",
            workerMgn: "30",
            appCreateMgn: "30",
            liuZhuanMgn: "30",
            appTypeMgn: "30",
            appUserMgn: "30"
        };
        self.load_sysMgn();
        self.load_applyMgn();
        self.load_yeWuMgn();
        self.load_workerMgn();
        self.load_appCreateMgn();
        self.load_liuZhuanMgn();
        self.load_appTypeMgn();
        self.load_appUserMgn();
    };


}]);