华科开始-报表迁移-认证计费

assets/css/login.css

@@ -97,17 +97,22 @@
     height: 120px;
     position:absolute; 
     left:50%; 
-    margin-left:-70px;
+    transform:translateX(-50%);
     top: 120px;
 }
+.codrops-header .logo.logo_hk{
+    width: auto;
+    height: 50px;
+    top: 180px;
+}
 .codrops-header h1{
     color: #fff;
     font-size: 24px;
     font-weight: normal;
     position:absolute; 
     left:50%; 
-    margin-left:-115px;
-    top: 260px
+    top: 260px;
+    transform:translateX(-50%);
 }
 .codrops-header .map{
     width: 800px;

assets/css/styles.css

@@ -6232,7 +6232,7 @@ ul.sub-menu li ul.sub-menu li ul.sub-menu li a {
     width: 100% !important;
     display: inline-block;
     height: 100%;
-    overflow-y: scroll;
+    overflow-y: auto;
 }
 
 .main-content>.container {

assets/js/config.constant.js

@@ -98,6 +98,12 @@ app.constant('JS_REQUIRES', {
         'meansformCtrl': 'assets/js/controllers/means/meansformCtrl.js',
         'cmdbformCtrl': 'assets/js/controllers/means/cmdbformCtrl.js',
         //报表
+        'reportefficiencyCtrl': 'assets/js/controllers/report/efficiency.js',
+        'reportcatergryCtrl': 'assets/js/controllers/report/catergry.js',
+        'reportsuorceCtrl': 'assets/js/controllers/report/suorce.js',
+        'reporthandlegroupCtrl': 'assets/js/controllers/report/handlegroup.js',
+        'reporthandlepeopleCtrl': 'assets/js/controllers/report/handlepeople.js',
+        'reportanalysisCtrl': 'assets/js/controllers/report/analysis.js',
         'reportCtrl': 'assets/js/controllers/report/reportCtrl.js',
         'chargingCtrl': 'assets/js/controllers/report/chargingCtrl.js',
         'deck_reportCtrl': 'assets/js/controllers/report/deck_reportCtrl.js',//服务台报表

assets/js/config.router.js

@@ -774,6 +774,54 @@ app.config(['$authProvider', '$httpProvider', '$stateProvider', '$urlRouterProvi
                 ncyBreadcrumb: {
                     label: 'Report View'
                 }
+            }).state('app.report.analysis', {
+                url: '/analysis',
+                templateUrl: "assets/views/report/analysis.html",
+                resolve: loadSequence('jquery-sparkline', 'ui.select', 'multi.select.tree', 'angularBootstrapNavTree', 'spin', 'ladda', 'angular-ladda', 'moment', 'reportanalysisCtrl'),
+                title: 'report.LISTDesc',
+                ncyBreadcrumb: {
+                    label: 'Report View'
+                }
+            }).state('app.report.handlepeople', {
+                url: '/handlepeople',
+                templateUrl: "assets/views/report/handlepeople.html",
+                resolve: loadSequence('jquery-sparkline', 'ui.select', 'multi.select.tree', 'angularBootstrapNavTree', 'spin', 'ladda', 'angular-ladda', 'moment', 'reporthandlepeopleCtrl'),
+                title: 'report.LISTDesc',
+                ncyBreadcrumb: {
+                    label: 'Report View'
+                }
+            }).state('app.report.handlegroup', {
+                url: '/handlegroup',
+                templateUrl: "assets/views/report/handlegroup.html",
+                resolve: loadSequence('jquery-sparkline', 'ui.select', 'multi.select.tree', 'angularBootstrapNavTree', 'spin', 'ladda', 'angular-ladda', 'moment', 'reporthandlegroupCtrl'),
+                title: 'report.LISTDesc',
+                ncyBreadcrumb: {
+                    label: 'Report View'
+                }
+            }).state('app.report.suorce', {
+                url: '/suorce',
+                templateUrl: "assets/views/report/suorce.html",
+                resolve: loadSequence('jquery-sparkline', 'ui.select', 'multi.select.tree', 'angularBootstrapNavTree', 'spin', 'ladda', 'angular-ladda', 'moment', 'reportsuorceCtrl'),
+                title: 'report.LISTDesc',
+                ncyBreadcrumb: {
+                    label: 'Report View'
+                }
+            }).state('app.report.catergry', {
+                url: '/catergry',
+                templateUrl: "assets/views/report/catergry.html",
+                resolve: loadSequence('jquery-sparkline', 'ui.select', 'multi.select.tree', 'angularBootstrapNavTree', 'spin', 'ladda', 'angular-ladda', 'moment', 'reportcatergryCtrl'),
+                title: 'report.LISTDesc',
+                ncyBreadcrumb: {
+                    label: 'Report View'
+                }
+            }).state('app.report.efficiency', {
+                url: '/efficiency',
+                templateUrl: "assets/views/report/efficiency.html",
+                resolve: loadSequence('jquery-sparkline', 'ui.select', 'multi.select.tree', 'angularBootstrapNavTree', 'spin', 'ladda', 'angular-ladda', 'moment', 'reportefficiencyCtrl'),
+                title: 'report.LISTDesc',
+                ncyBreadcrumb: {
+                    label: 'Report View'
+                }
             }).state('app.report.nxreport', {
                 url: '/nxreport',
                 templateUrl: "assets/views/report/nxreport.html",

assets/js/controllers/customform/customformCtrl.js

@@ -9097,6 +9097,7 @@ appFormly.config(function config(formlyConfigProvider) {
       "$aside",
       "api_zsk",
       "api_bpm_domain",
+      "api_webservice1",
       function (
         $scope,
         $rootScope,
@@ -9106,7 +9107,8 @@ appFormly.config(function config(formlyConfigProvider) {
         api_solution,
         $aside,
         api_zsk,
-        api_bpm_domain
+        api_bpm_domain,
+        api_webservice1
       ) {
         console.log($scope);
         $scope.selection = {
@@ -9115,7 +9117,58 @@ appFormly.config(function config(formlyConfigProvider) {
         //认证计费数据获取
         $scope.sumInfo = {};
         function getSumInfo() {
-          api_bpm_data
+          if($rootScope.isHk){
+            //用户信息
+            api_webservice1.fetchDataList("queryUser", { "userId": $scope.model.incident.account }).then(function(response) {
+                // if (response.status == 200) {
+                if (response && response.data) {
+                    angular.extend($scope.sumInfo, response.data[0]);
+                    // $scope.sumInfo = response.data[0];
+                    $scope.sumInfo.autologicDestroyTime = moment(response.data[0].autologicDestroyTime).format('YYYY-MM-DD');
+                    $scope.sumInfo.periodStartTime = moment(response.data[0].periodStartTime).format('YYYY-MM-DD');
+                    $scope.sumInfo.nextBillingTime = moment(response.data[0].nextBillingTime).format('YYYY-MM-DD');
+                } else if (response.err) {
+                    SweetAlert.swal("系统错误!", "用户信息未取到，请刷新重试", "error");
+                }
+                // }
+            })
+            //上网明细
+            api_webservice1.fetchDataList("queryOnlineDetail", { "userId": $scope.model.incident.account, "limit": "10", "fromLoginTime": moment(new Date().getTime() - 86400000 * 6).format('YYYY-MM-DD HH:mm:ss'), "toLogoutTime": moment(new Date().getTime()).format('YYYY-MM-DD HH:mm:ss') }).then(function(response) {
+                // if (response.status == 200) {
+                if (response && response.data) {
+                    angular.forEach(response.data, function(item, index) {
+                        if (item.logoutTime) {
+                            response.data[index].logoutTime = moment(item.logoutTime).format('YYYY-MM-DD HH:mm:ss');
+                        }
+                        if (item.loginTime) {
+                            response.data[index].loginTime = moment(item.loginTime).format('YYYY-MM-DD HH:mm:ss');
+                        }
+                    })
+                    $scope.logininform_sumInfo = response.data;
+                } else if (response.err) {
+                    SweetAlert.swal("上网明细未取到", "该用户暂无上网明细", "error");
+                }
+            })
+            //黑名单
+            // $scope.sumInfo.blacklist = "否"
+            api_webservice1.fetchDataList("queryInhibit", { "userId": $scope.model.incident.account }).then(function(response) {
+                // if (response.status == 200) {
+                // $scope.loginsumInfo = response.data;
+                if (response) {
+                    if (response.data || response.data != null) {
+                        $scope.sumInfo.blacklist = "是"
+                    } else {
+                        if (response.err) {
+                            // SweetAlert.swal("系统错误!", "黑名单未取到，请刷新重试", "error");
+                        } else {
+                            $scope.sumInfo.blacklist = "否"
+                        }
+                    }
+                }
+                // }
+            })
+          }else{
+            api_bpm_data
             .sumInfo($scope.model.incident.account)
             .then(function (data) {
               console.log(data);
@@ -9123,6 +9176,7 @@ appFormly.config(function config(formlyConfigProvider) {
                 $scope.sumInfo = data.data || {};
               }
             });
+          }
         }
         getSumInfo();
         // 收起重复事件侧滑框

assets/js/controllers/loginCtrl.js

@@ -6,6 +6,9 @@ app.controller('LoginCtrl', ['$rootScope', '$scope', '$state', '$translate', '$l
         //因项目众多，前端为了加以区分，所以用域名加以判断，后期有更好的方式可以自行修改
         // 中南财大
         $rootScope.isZncd = document.domain === 'itsm.zuel.edu.cn';
+        // 华科
+        // $rootScope.isHk = document.domain === '192.168.3.110';
+        $rootScope.isHk = document.domain === 'localhost';
         //判断项目归属 end
         // 是否单点登录
         $scope.isSSo = location.search.length > 0;

assets/js/controllers/report/analysis.js

@@ -0,0 +1,313 @@
+'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();
+    }
+}]);

assets/js/controllers/report/catergry.js

@@ -0,0 +1,991 @@
+'use strict';
+app.controller('reportcatergryCtrl', ["$scope", "$rootScope", "$state", "$timeout", "$interval", "$http", "$cookieStore", "moment", "SweetAlert", "Restangular", "api_hkreport", "api_bpm_data", function($scope, $rootScope, $state, $timeout, $interval, $http, $cookieStore, moment, SweetAlert, Restangular, api_hkreport, api_bpm_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.group = [];
+    //表格
+    $scope.rRowscatergry = [];
+    $scope.quikly = [{ name: '自定义', value: 0 }, { name: '近7天', value: 1 }, { name: '近30天', value: 2 }, { name: '近90天', value: 3 }, { name: '近半年', value: 4 }, { name: '近一年', value: 5 }];
+    // var starttime, endtime
+    // $scope.starttimes = moment().startOf('month').format('YYYYMMDD');
+    // $scope.endtimes = moment().format('YYYYMMDD');
+    function startdata() {
+        $scope.searchkeys = { 'group': {}, 'quikly': { name: '近7天', value: 1 } };
+        $scope.starttimes = moment(new Date().getTime() - 86400000 * 7).format('YYYYMMDD');
+        $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('YYYYMMDD');
+    }
+    $scope.changeTo = function(paramDateTo) {
+        $scope.searchkeys.quikly = { name: '自定义', value: 0 };
+        $scope.endtimes = moment(paramDateTo).format('YYYYMMDD');
+    }
+
+
+    $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;
+    };
+    //处理组
+    // api_user_data.fetchDataList('group', { "idx": 0, "sum": 1000, "group": { "selectType": "nouser" } }).then(function(data) {
+    //     if (data.status == 200) {
+    //         $scope.group = data.list;
+    //     }
+    // })
+
+    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() {
+        $scope.try_async_loadca();
+        startdata();
+        $scope.mdxquery();
+    }
+    $scope.mdxquery = function(key) {
+        var changedate = ConvertDateParameter($scope.parameters)
+        var fildata = { "start": moment(changedate.paramDateFrom).format("YYYY-MM-DD"), "end": moment(changedate.paramDateTo).format("YYYY-MM-DD") }
+        if (key && key.category && key.category.id) {
+            fildata = { "start": moment(changedate.paramDateFrom).format("YYYY-MM-DD"), "end": moment(changedate.paramDateTo).format("YYYY-MM-DD"), "categoryId": key.category.id }
+        } else {
+            fildata = { "start": moment(changedate.paramDateFrom).format("YYYY-MM-DD"), "end": moment(changedate.paramDateTo).format("YYYY-MM-DD") }
+        }
+        getdata(fildata);
+        getdatatop3(fildata);
+        getdatatop5(fildata);
+        getpiedata(fildata);
+        getdataareaplace(fildata);
+        getlistdata(fildata);
+        // getlistdata({ "start": moment(changedate.paramDateFrom).format("YYYY-MM-DD"), "end": moment(changedate.paramDateTo).format("YYYY-MM-DD") })
+        // getpiedata({ "start": moment(changedate.paramDateFrom).format("YYYY-MM-DD"), "end": moment(changedate.paramDateTo).format("YYYY-MM-DD") })
+        // getpiedata({ "end": $scope.parameters.paramDateFrom, "start": $scope.parameters.paramDateTo })
+    }
+    $scope.onChangetime = function(key) {
+            if (key.value == 1) {
+                $scope.starttimes = moment(new Date().getTime() - 86400000 * 7).format('YYYY-MM-DD');
+                $scope.endtimes = moment(new Date().getTime() - 86400000).format('YYYY-MM-DD');
+                $scope.parameters.paramDateFrom = moment($scope.starttimes, "YYYY-MM-DD").format("YYYY-MM-DD");
+                $scope.parameters.paramDateTo = moment($scope.endtimes, "YYYY-MM-DD").format("YYYY-MM-DD");
+            } else if (key.value == 2) {
+                $scope.starttimes = moment(new Date().getTime() - 86400000 * 30).format('YYYY-MM-DD');
+                $scope.endtimes = moment(new Date().getTime() - 86400000).format('YYYY-MM-DD');
+                $scope.parameters.paramDateFrom = $scope.starttimes;
+                $scope.parameters.paramDateTo = $scope.endtimes;
+            } else if (key.value == 3) {
+                $scope.starttimes = moment(new Date().getTime() - 86400000 * 90).format('YYYY-MM-DD');
+                $scope.endtimes = moment(new Date().getTime() - 86400000).format('YYYY-MM-DD');
+                $scope.parameters.paramDateFrom = $scope.starttimes;
+                $scope.parameters.paramDateTo = $scope.endtimes;
+            } else if (key.value == 4) {
+                $scope.searchstate = "month";
+                $scope.starttimes = moment((new Date()).setMonth((new Date()).getMonth() - 6)).format('YYYY-MM-DD');
+                $scope.endtimes = moment(new Date().getTime() - 86400000).format('YYYY-MM-DD');
+                $scope.parameters.paramDateFrom = $scope.starttimes;
+                $scope.parameters.paramDateTo = $scope.endtimes;
+            } else if (key.value == 5) {
+                $scope.searchstate = "month";
+                $scope.starttimes = moment((new Date()).setMonth((new Date()).getMonth() - 12)).format('YYYY-MM-DD');
+                $scope.endtimes = moment(new Date().getTime() - 86400000).format('YYYY-MM-DD');
+                $scope.parameters.paramDateFrom = $scope.starttimes;
+                $scope.parameters.paramDateTo = $scope.endtimes;
+            }
+            // $scope.starttimes = moment(new Date().getTime() - 86400000 * 7).format('YYYYMMDD');
+            // $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");
+            // $scope.mdxquery();
+        }
+        // $scope.onChangegroup = function(key) {
+
+    // }
+    // $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.inspecttype = {};
+
+    $scope.my_tree = {};
+    $scope.try_async_loadca = function() {
+
+        $scope.my_dataca = [];
+        $scope.doing_async = true;
+        api_bpm_data.fetchDataList('incidentcategory', { "idx": 0, "sum": 1000 }).then(function(response) {
+            if (response.status == 200) {
+                var data = response.list;
+                var objects = [];
+                for (var i = 0; i < data.length; i++) {
+                    var object = {};
+                    object.id = data[i].id;
+                    object.parent = data[i].parent;
+                    // if (data[i].parent && data[i].parent.id != 0) {
+                    //     object.parent = data[i].parent.id;
+                    // }
+                    object.label = data[i].category;
+                    objects.push(object);
+                }
+                $scope.my_dataca = convertParentToChildList(objects);
+                $scope.select_treedataca = angular.copy($scope.my_dataca);
+                if ($scope.my_dataca.length > 0) {
+                    $scope.doing_async = false;
+                }
+            } else {
+                SweetAlert.swal({
+                    title: "系统错误!",
+                    text: "请刷新重试!",
+                    type: "error"
+                });
+            }
+        });
+
+
+
+
+    };
+    $scope.my_dataca = [];
+
+
+    function convertListToTree(data, treeMap) {
+        var idToNodeMap = {}; //Keeps track of nodes using id as key, for fast lookup
+        var root = null; //Initially set our loop to null
+        var parentNode = null;
+        //loop over data
+        for (var i = 0; i < data.length; i++) {
+            var datum = data[i];
+            //each node will have children, so let's give it a "children" poperty
+            datum.children = [];
+
+            //add an entry for this node to the map so that any future children can
+            //lookup the parent
+            idToNodeMap[datum.id] = datum;
+
+            //Does this node have a parent?
+            if (typeof datum.parent === "undefined" || datum.parent == null) {
+                //Doesn't look like it, so this node is the root of the tree
+                root = datum;
+                treeMap[datum.id] = root;
+            } else {
+                //This node has a parent, so let's look it up using the id
+                parentNode = idToNodeMap[datum.parent.id];
+
+                //We don't need this property, so let's delete it.
+                delete datum.parent;
+
+                //Let's add the current node as a child of the parent node.
+                parentNode.children.push(datum);
+            }
+        }
+        return root;
+        console.log(root)
+    }
+
+    function convertParentToChildList(data) {
+        var treeMap = {};
+        var list = [];
+        convertListToTree(data, treeMap);
+        angular.forEach(treeMap, function(item) {
+            list.push(item);
+        });
+        return list;
+    }
+    $scope.try_async_loadca();
+    // $scope.select_treedata = [];
+    $scope.propTypeOptions = [];
+    $scope.deselectItem = function(item) {
+            console.log(item)
+            console.log($scope)
+        }
+        // 事件分类
+    $scope.onFilterCallback = function(item) {
+        if (item.children && item.children.length != 0) {
+            $scope.searchkeys.category = item;
+        } else if (item.item && item.item.id) {
+            $scope.searchkeys.category = {};
+        }
+    }
+
+    //pie 工单解决率
+    // $scope.pielenddata = ["处理人", "处理人1", "处理人2"];
+    // $scope.piebodydata = [{ "value": 1, "name": "处理人", "proportion": "25%" }, { "value": 1, "name": "处理人1", "proportion": "25%" }, { "value": 2, "name": "处理人2", "proportion": "50%" }];
+    $scope.pielenddata = [];
+    $scope.piebodydata = [];
+    var domcatergry = document.getElementById("reportcatergry");
+    var myChartcatergry = echarts.init(domcatergry);
+    var app = {};
+    var optioncatergry = null;
+    myChartcatergry.showLoading({　　
+        text: '数据加载中...',
+        color: '#c23531',
+        textColor: '#fff',
+        maskColor: 'rgba(255,255,255,0)',
+        zlevel: 0
+    });
+    myChartcatergry.hideLoading();
+    optioncatergry = {
+        title: {
+            subtext: 0,
+            text: "事件分类总数（件）",
+            itemGap: 3,
+            "x": '24%',
+            "y": '40%',
+            textAlign: "center",
+            "textStyle": {
+                "fontWeight": 'normal',
+                "fontSize": 12,
+                "color": '#333',
+
+            },
+            "subtextStyle": {
+                "fontWeight": 'normal',
+                "fontSize": 18,
+                "color": '#005395',
+                "lineHeight": 14
+            },
+
+        },
+        tooltip: {
+            "backgroundColor": "rgba(0,0,0,9)",
+            "textStyle": {
+                "fontSize": 12,
+                "color": '#f9f9f9',
+            },
+            trigger: 'item',
+            formatter: "{b}: {c} ({d}%)"
+        },
+        legend: {
+            orient: 'vertical',
+            icon: "circle",
+            x: '50%',
+            y: 'center',
+            itemGap: 10,
+            itemWidth: 8,
+            itemHeight: 8,
+            borderRadius: 4,
+            textStyle: {
+                color: ['#49a9ee', '#ffcd61', '#87c966', '#61829d', '#8496A5', '#e6eef4', '#15598F', '#61829d', '#5F9FD1', '#7EAFD6'],
+            },
+            data: $scope.pielenddata,
+            formatter: function(param) {
+                for (var i = 0; i < $scope.pielenddata.length; i++) {
+                    if ($scope.piebodydata[i].name == param) {
+                        return '    ' + $scope.piebodydata[i].name + '  |  ' + $scope.piebodydata[i].value + '    ' + $scope.piebodydata[i].proportion + '%';
+                    }
+                }
+            },
+            textStyle: {
+                rich: {
+                    white: {
+                        color: "#fff",
+                        fontSize: 12,
+                        padding: [6, 0, 0, 0]
+                    }
+                }
+            }
+        },
+        series: [{
+            // name: $scope.startlist.title,
+            type: 'pie',
+            radius: ['70%', '85%'],
+            center: ['25%', '50%'],
+            color: ['#49a9ee', '#ffcd61', '#87c966', '#61829d', '#8496A5', '#e6eef4', '#15598F', '#61829d', '#5F9FD1', '#7EAFD6'],
+            hoverAnimation: true,
+            label: {
+                normal: {
+                    show: false,
+                    position: 'center'
+                },
+                formatter: [
+                    '{a|这段文本采用样式a}',
+                    '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'
+                ].join('\n'),
+
+                rich: {
+                    a: {
+                        color: 'red',
+                        lineHeight: 10
+                    },
+                    b: {
+                        backgroundColor: {
+                            image: 'xxx/xxx.jpg'
+                        },
+                        height: 40
+                    },
+                    x: {
+                        fontSize: 18,
+                        fontFamily: 'Microsoft YaHei',
+                        borderColor: '#449933',
+                        borderRadius: 4
+                    },
+                }
+            },
+            labelLine: {
+                normal: {
+                    show: false
+                }
+            },
+            data: $scope.piebodydata
+        }]
+    };
+
+    if (optioncatergry && typeof optioncatergry === "object") {
+        myChartcatergry.setOption(optioncatergry);
+        myChartcatergry.hideLoading();
+    }
+
+    function getpiedata(time) {
+        api_hkreport.incidentreport(time, 'incident_category_proportion').then(function(data) {
+            $scope.piebodydata = data.lsit;
+            $scope.pielenddata = [];
+            angular.forEach($scope.piebodydata, function(item, index) {
+                $scope.piebodydata[index].name = item.category;
+                $scope.piebodydata[index].value = item.num;
+                $scope.pielenddata.push(item.category);
+            })
+            optioncatergry.series[0].data = $scope.piebodydata;
+            optioncatergry.legend.data = $scope.pielenddata;
+            optioncatergry.title.subtext = data.sum;
+            myChartcatergry.setOption(optioncatergry);
+            myChartcatergry.hideLoading();
+        })
+    }
+    getpiedata({ "end": $scope.parameters.paramDateTo, "start": $scope.parameters.paramDateFrom })
+
+    //end 工单解决率
+    //折线图
+    $scope.headerslist = [];
+    var axilist = [];
+    var serieslist = [];
+    var headerlist = [];
+    var datas = [];
+    var colorlist = ['#005395', '#49a9ee', '#ffcd62', '#87c966', '#1ea58f'];
+    var domllcatergry = document.getElementById("liuliangcatergry");
+    var myChartllcatergry = echarts.init(domllcatergry);
+    myChartllcatergry.showLoading({　　
+        text: '数据加载中...',
+        color: '#c23531',
+        textColor: '#fff',
+        maskColor: 'rgba(255,255,255,0)',
+        zlevel: 0
+    });
+    var app = {};
+    var optionllcatergry = null;
+    app.title = '流量';
+    $scope.llmyData = [];
+    var zhengliudata = 0;
+    var huliudata = 0;
+    $scope.zhengliu = 0;
+    $scope.huliu = 0;
+    // var zwmyData = [];
+    // var hlmyData = [];
+    var xhuzwmyData = [];
+    $scope.zhengliu = 0;
+    $scope.huliu = 0;
+    optionllcatergry = {
+        color: ['#D53A35'],
+        tooltip: {
+            trigger: 'axis',
+            //formatter: "{b} <br> 合格率: {c}%"
+        },
+        grid: {
+            top: '10%',
+            bottom: '15%',
+            left: '3%',
+            right: '8%',
+            containLabel: true
+        },
+        xAxis: {
+            type: 'category',
+            name: '',
+            boundaryGap: false,
+            axisLine: {
+                show: false,
+                lineStyle: {
+                    color: '#525252'
+                }
+            },
+            axisTick: {
+                show: false
+            },
+            axisLabel: {
+                color: '#525252'
+            },
+            data: axilist
+        },
+        yAxis: {
+            type: 'value',
+            name: '',
+            minInterval: 1,
+            axisLine: {
+                show: false,
+            },
+            axisTick: {
+                show: false
+            },
+            axisLabel: {
+                color: '#525252'
+            },
+            splitLine: {
+                lineStyle: {
+                    type: 'dotted',
+                    color: '#AAA' //F3F3F3	
+                }
+            }
+        },
+        "legend": {
+            "bottom": 0,
+            // "textStyle": {
+            //     "color": "#e6e9ed"
+            // },
+            // "inactiveColor": "#5a626d",
+            // "data": [
+            //     "全部机型"
+            // ],
+            data: headerlist,
+            "itemGap": 5,
+            "itemWidth": 16,
+            "itemHeight": 12,
+            "pageTextStyle": {
+                "color": "#e6e9ed"
+            },
+            "pageIconSize": 14
+        },
+        series: serieslist
+    };
+
+    function getdata(time) {
+        api_hkreport.incidentreport(time, 'incident_category_trend').then(function(data) {
+            headerlist = data.incidentCategoryTrend[0]
+            axilist = data.incidentCategoryTrend[1];
+            angular.forEach(data.incidentCategoryTrend[2], function(item, index) {
+                // datas = item;
+                serieslist[index] = {
+                    name: headerlist[index],
+                    type: 'line',
+                    symbol: 'none',
+                    itemStyle: {
+                        normal: {
+                            color: colorlist[index]
+                        }
+                    },
+                    lineStyle: {
+                        normal: {
+                            width: 2
+                        }
+                    },
+                    data: item
+                }
+            })
+            optionllcatergry.xAxis.data = axilist;
+            optionllcatergry.legend.data = headerlist;
+            myChartllcatergry.setOption(optionllcatergry);
+            myChartllcatergry.hideLoading();
+        })
+    }
+    getdata({ "end": $scope.parameters.paramDateTo, "start": $scope.parameters.paramDateFrom })
+        //bar 事件区域地点TOP3
+    var domfaultcatergry = document.getElementById("faultcatergry");
+    var myChartfaultcatergry = echarts.init(domfaultcatergry);
+    var app = {};
+    var optionfaultcatergry = null;
+    app.title = '事件区域地点TOP3';
+    var XData = [];
+    var yData = [];
+    myChartfaultcatergry.showLoading({　　
+        text: '数据加载中...',
+        color: '#c23531',
+        textColor: '#fff',
+        maskColor: 'rgba(255,255,255,0)',
+        zlevel: 0
+    });
+    myChartfaultcatergry.hideLoading();
+    optionfaultcatergry = {
+        title: {
+            // text: '（件）故障数量',
+            x: '10',
+            y: '0',
+            textStyle: {
+                fontWeight: 'normal',
+                fontSize: 12,
+                color: "#56c9ff",
+            }
+        },
+        xAxis: {
+            type: 'value',
+            axisTick: {
+                show: false
+            },
+            splitLine: {
+                show: true,
+                lineStyle: {
+                    type: 'dashed',
+                    color: '#eee'
+                }
+            },
+            splitArea: {
+                show: false
+            },
+            // data: XData,
+            axisLine: {
+                show: false,
+                lineStyle: {
+                    color: '#ddd'
+                }
+            },
+            axisLabel: {
+                textStyle: {
+                    color: '#999999',
+                    fontSize: 12,
+                }
+            },
+        },
+        yAxis: {
+            type: 'category',
+            data: [],
+            axisTick: {
+                show: false
+            },
+            splitLine: {
+                show: false
+            },
+            splitArea: {
+                show: false
+            },
+            axisLabel: {
+                show: true,
+                textStyle: {
+                    color: '#999999',
+                    fontSize: 12,
+                }
+            },
+            axisLine: {
+                show: true,
+                lineStyle: {
+                    color: '#cecece'
+                }
+            }
+        },
+        grid: {
+            left: 10,
+            top: 25,
+            bottom: 0,
+            right: 20,
+            containLabel: true
+        },
+        "tooltip": {
+            "trigger": "item",
+            "textStyle": {
+                "fontSize": 12
+            },
+            "formatter": "{b0}:{c0}"
+        },
+        series: {
+            type: "bar",
+            itemStyle: {
+                normal: {
+                    color: "#005395",
+                }
+            },
+            label: {
+                normal: {
+                    show: true,
+                    position: 'right',
+                    textStyle: {
+                        // color: '# 56 c9ff '
+                    }
+                }
+            },
+            barWidth: 18,
+            // barWidth: '30%',
+            // data: yData
+            data: [0, 0, 0, 0, 0]
+        }
+    };
+
+    function getdatatop3(time) {
+        api_hkreport.incidentreport(time, 'incident_category_area_place_top').then(function(data) {
+            //柱状图
+            var barGraph = [];
+            var baryx = [];
+            angular.forEach(data.dataList, function(item) {
+                barGraph.push(item.sum);
+                baryx.push(item.area + '/' + item.place);
+            })
+            optionfaultcatergry.yAxis.data = baryx.reverse();
+            optionfaultcatergry.series.data = barGraph.reverse();
+            myChartfaultcatergry.setOption(optionfaultcatergry);
+            myChartfaultcatergry.hideLoading();
+        })
+    }
+    getdatatop3({ "end": $scope.parameters.paramDateTo, "start": $scope.parameters.paramDateFrom })
+        //bar 故障原因TOP5
+    var domfaultgu = document.getElementById("faultgu");
+    var myChartfaultgu = echarts.init(domfaultgu);
+    var app = {};
+    var optionfaultgu = null;
+    app.title = '事件区域地点TOP3';
+    var XData = [];
+    var yData = [];
+    myChartfaultgu.showLoading({　　
+        text: '数据加载中...',
+        color: '#c23531',
+        textColor: '#fff',
+        maskColor: 'rgba(255,255,255,0)',
+        zlevel: 0
+    });
+    myChartfaultgu.hideLoading();
+    optionfaultgu = {
+        title: {
+            // text: '（件）故障数量',
+            x: '10',
+            y: '0',
+            textStyle: {
+                fontWeight: 'normal',
+                fontSize: 12,
+                color: "#56c9ff",
+            }
+        },
+        xAxis: {
+            type: 'value',
+            axisTick: {
+                show: false
+            },
+            splitLine: {
+                show: true,
+                lineStyle: {
+                    type: 'dashed',
+                    color: '#eee'
+                }
+            },
+            splitArea: {
+                show: false
+            },
+            // data: XData,
+            axisLine: {
+                show: false,
+                lineStyle: {
+                    color: '#ddd'
+                }
+            },
+            axisLabel: {
+                textStyle: {
+                    color: '#999999',
+                    fontSize: 12,
+                }
+            },
+        },
+        yAxis: {
+            type: 'category',
+            data: [],
+            axisTick: {
+                show: false
+            },
+            splitLine: {
+                show: false
+            },
+            splitArea: {
+                show: false
+            },
+            axisLabel: {
+                show: true,
+                textStyle: {
+                    color: '#999999',
+                    fontSize: 12,
+                }
+            },
+            axisLine: {
+                show: true,
+                lineStyle: {
+                    color: '#cecece'
+                }
+            }
+        },
+        grid: {
+            left: 10,
+            top: 25,
+            bottom: 0,
+            right: 20,
+            containLabel: true
+        },
+        "tooltip": {
+            "trigger": "item",
+            "textStyle": {
+                "fontSize": 12
+            },
+            "formatter": "{b0}:{c0}"
+        },
+        series: {
+            type: "bar",
+            itemStyle: {
+                normal: {
+                    color: "#87c966",
+                }
+            },
+            label: {
+                normal: {
+                    show: true,
+                    position: 'right',
+                    textStyle: {
+                        // color: '# 56 c9ff '
+                    }
+                }
+            },
+            barWidth: 18,
+            // barWidth: '30%',
+            // data: yData
+            data: [0, 0, 0, 0, 0]
+        }
+    };
+
+    function getdatatop5(time) {
+        api_hkreport.incidentreport(time, 'incident_category_faultcause_top').then(function(data) {
+            //柱状图
+            var barGraph = [];
+            var baryx = [];
+            angular.forEach(data.dataList, function(item) {
+                barGraph.push(item.sum);
+                baryx.push(item.reason);
+            })
+            optionfaultgu.yAxis.data = baryx.reverse();
+            optionfaultgu.series.data = barGraph.reverse();
+            myChartfaultgu.setOption(optionfaultgu);
+            myChartfaultgu.hideLoading();
+        })
+    }
+    getdatatop5({ "end": $scope.parameters.paramDateTo, "start": $scope.parameters.paramDateFrom })
+
+
+    //区域地点及事件类型趋势分析
+    //事件数量统计分析
+    // var titledata = [];
+    // var serieslist = [];
+    // var colorlist = ['#005395', '#49a9ee', '#ffcd62', '#87c966', '#1ea58f'];
+    // var datetime = [];
+    // $scope.headerslist = [];
+    // $scope.listsum = [];
+    var colorlist = ['#005395', '#49a9ee', '#ffcd62', '#87c966', '#1ea58f'];
+    var datetime = [];
+    var titledata = [];
+    var domanalysisca = document.getElementById("analysisca");
+    var myChartanalysisca = echarts.init(domanalysisca);
+    var app = {};
+    var optionanalysisca = null;
+    app.title = '事件数量统计分析';
+    var XData = [];
+    var yData = [];
+    myChartanalysisca.showLoading({　　
+        text: '数据加载中...',
+        color: '#c23531',
+        textColor: '#fff',
+        maskColor: 'rgba(255,255,255,0)',
+        zlevel: 0
+    });
+    myChartanalysisca.hideLoading();
+    app.title = '堆叠条形图';
+    optionanalysisca = {
+        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 + '  占比:' + (datas[i].data * 100 / allsum).toFixed(2) + '%' + '<br/>'
+                }
+                return res
+            }
+        },
+        legend: {
+            icon: "circle",
+            bottom: '0%',
+            data: titledata
+        },
+        grid: {
+            left: '8%',
+            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 getdataareaplace(time) {
+        api_hkreport.incidentreport(time, 'incident_category_area_trend').then(function(data) {
+            handledata(data);
+        })
+    }
+    getdataareaplace({ "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.headerslist = data.quantityStatisticsTitle;
+        $scope.rRowscatergry = data.quantityStatisticsList;
+        angular.forEach($scope.rRowscatergry, function(item, index) {
+            $scope.listsum[index] = { 'allzzl': '', 'sum': '', 'date': '', 'all': [] };
+            var i = (Object.values($scope.rRowscatergry[0]).length - 3) / 2;
+            for (var j = 0; j < i; j++) {
+                // $scope.listsum[index].category[j] = $scope.rRows[index]['category' + j];
+                // $scope.listsum[index].zzl[j] = $scope.rRows[index]['zzl' + j];
+                $scope.listsum[index].all[j] = { 'category': $scope.rRowscatergry[index]['category' + j], 'zzl': $scope.rRowscatergry[index]['zzl' + j] };
+                $scope.listsum[index].allzzl = $scope.rRowscatergry[index].allzzl;
+                $scope.listsum[index].sum = $scope.rRowscatergry[index].sum;
+                $scope.listsum[index].date = $scope.rRowscatergry[index].date;
+            }
+        })
+        angular.forEach(data.data, 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.data[0].data, function(item, index) {
+            datetime[index] = item.area;
+        })
+        optionanalysisca.yAxis.data = datetime;
+        myChartanalysisca.setOption(optionanalysisca);
+        myChartanalysisca.hideLoading();
+    }
+    //表格
+    $scope.rRowscatergry = [];
+
+    function getlistdata(time) {
+        api_hkreport.incidentreport(time, 'incident_category_list').then(function(data) {
+            $scope.rRowscatergry = data.dataList;
+        })
+    }
+    getlistdata({ "end": $scope.parameters.paramDateTo, "start": $scope.parameters.paramDateFrom })
+}]);

assets/js/controllers/report/efficiency.js

@@ -0,0 +1,581 @@
+'use strict';
+app.controller('reportefficiencyCtrl', ["$scope", "$rootScope", "$state", "$timeout", "$interval", "$http", "$cookieStore", "moment", "SweetAlert", "Restangular", "api_hkreport", "api_bpm_data", function($scope, $rootScope, $state, $timeout, $interval, $http, $cookieStore, moment, SweetAlert, Restangular, api_hkreport, api_bpm_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.group = [];
+    //表格
+    $scope.rRows = [];
+    $scope.quikly = [{ name: '自定义', value: 0 }, { name: '近7天', value: 1 }, { name: '近30天', value: 2 }, { name: '近90天', value: 3 }, { name: '近半年', value: 4 }, { name: '近一年', value: 5 }];
+    // var starttime, endtime
+    // $scope.starttimes = moment().startOf('month').format('YYYYMMDD');
+    // $scope.endtimes = moment().format('YYYYMMDD');
+    function startdata() {
+        $scope.searchkeys = { 'group': {}, 'quikly': { name: '近7天', value: 1 } };
+        $scope.starttimes = moment(new Date().getTime() - 86400000 * 7).format('YYYYMMDD');
+        $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('YYYYMMDD');
+    }
+    $scope.changeTo = function(paramDateTo) {
+        $scope.searchkeys.quikly = { name: '自定义', value: 0 };
+        $scope.endtimes = moment(paramDateTo).format('YYYYMMDD');
+    }
+
+
+    $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;
+    };
+    //处理组
+    // api_user_data.fetchDataList('group', { "idx": 0, "sum": 1000, "group": { "selectType": "nouser" } }).then(function(data) {
+    //     if (data.status == 200) {
+    //         $scope.group = data.list;
+    //     }
+    // })
+
+    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() {
+        $scope.try_async_load();
+        startdata();
+        $scope.mdxquery();
+    }
+    $scope.mdxquery = function(key) {
+        var changedate = ConvertDateParameter($scope.parameters)
+        var fildata = { "start": moment(changedate.paramDateFrom).format("YYYY-MM-DD"), "end": moment(changedate.paramDateTo).format("YYYY-MM-DD") }
+        if (key && key.category && key.category.id) {
+            fildata = { "start": moment(changedate.paramDateFrom).format("YYYY-MM-DD"), "end": moment(changedate.paramDateTo).format("YYYY-MM-DD"), "categoryId": key.category.id }
+        } else {
+            fildata = { "start": moment(changedate.paramDateFrom).format("YYYY-MM-DD"), "end": moment(changedate.paramDateTo).format("YYYY-MM-DD") }
+        }
+        getdata(fildata);
+        getdatatwo(fildata);
+        getdatathree(fildata);
+        // getdatatop3(fildata);
+        // getdatatop5(fildata);
+        // getdataareaplace(fildata);
+        // getlistdata(fildata);
+        // getlistdata({ "start": moment(changedate.paramDateFrom).format("YYYY-MM-DD"), "end": moment(changedate.paramDateTo).format("YYYY-MM-DD") })
+        // getpiedata({ "start": moment(changedate.paramDateFrom).format("YYYY-MM-DD"), "end": moment(changedate.paramDateTo).format("YYYY-MM-DD") })
+        // getpiedata({ "end": $scope.parameters.paramDateFrom, "start": $scope.parameters.paramDateTo })
+    }
+    $scope.onChangetime = function(key) {
+            if (key.value == 1) {
+                $scope.starttimes = moment(new Date().getTime() - 86400000 * 7).format('YYYY-MM-DD');
+                $scope.endtimes = moment(new Date().getTime() - 86400000).format('YYYY-MM-DD');
+                $scope.parameters.paramDateFrom = moment($scope.starttimes, "YYYY-MM-DD").format("YYYY-MM-DD");
+                $scope.parameters.paramDateTo = moment($scope.endtimes, "YYYY-MM-DD").format("YYYY-MM-DD");
+            } else if (key.value == 2) {
+                $scope.starttimes = moment(new Date().getTime() - 86400000 * 30).format('YYYY-MM-DD');
+                $scope.endtimes = moment(new Date().getTime() - 86400000).format('YYYY-MM-DD');
+                $scope.parameters.paramDateFrom = $scope.starttimes;
+                $scope.parameters.paramDateTo = $scope.endtimes;
+            } else if (key.value == 3) {
+                $scope.starttimes = moment(new Date().getTime() - 86400000 * 90).format('YYYY-MM-DD');
+                $scope.endtimes = moment(new Date().getTime() - 86400000).format('YYYY-MM-DD');
+                $scope.parameters.paramDateFrom = $scope.starttimes;
+                $scope.parameters.paramDateTo = $scope.endtimes;
+            } else if (key.value == 4) {
+                $scope.searchstate = "month";
+                $scope.starttimes = moment((new Date()).setMonth((new Date()).getMonth() - 6)).format('YYYY-MM-DD');
+                $scope.endtimes = moment(new Date().getTime() - 86400000).format('YYYY-MM-DD');
+                $scope.parameters.paramDateFrom = $scope.starttimes;
+                $scope.parameters.paramDateTo = $scope.endtimes;
+            } else if (key.value == 5) {
+                $scope.searchstate = "month";
+                $scope.starttimes = moment((new Date()).setMonth((new Date()).getMonth() - 12)).format('YYYY-MM-DD');
+                $scope.endtimes = moment(new Date().getTime() - 86400000).format('YYYY-MM-DD');
+                $scope.parameters.paramDateFrom = $scope.starttimes;
+                $scope.parameters.paramDateTo = $scope.endtimes;
+            }
+            // $scope.starttimes = moment(new Date().getTime() - 86400000 * 7).format('YYYYMMDD');
+            // $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");
+            // $scope.mdxquery();
+        }
+        // $scope.onChangegroup = function(key) {
+
+    // }
+    $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.inspecttype = {};
+
+    $scope.my_tree = {};
+    $scope.try_async_load = function() {
+
+        $scope.my_data = [];
+        $scope.doing_async = true;
+        api_bpm_data.fetchDataList('incidentcategory', { "idx": 0, "sum": 1000 }).then(function(response) {
+            if (response.status == 200) {
+                var data = response.list;
+                var objects = [];
+                for (var i = 0; i < data.length; i++) {
+                    var object = {};
+                    object.id = data[i].id;
+                    object.parent = data[i].parent;
+                    // if (data[i].parent && data[i].parent.id != 0) {
+                    //     object.parent = data[i].parent.id;
+                    // }
+                    object.label = data[i].category;
+                    objects.push(object);
+                }
+                $scope.my_data = convertParentToChildList(objects);
+                $scope.select_treedata = angular.copy($scope.my_data);
+                if ($scope.my_data.length > 0) {
+                    $scope.doing_async = false;
+                }
+            } else {
+                SweetAlert.swal({
+                    title: "系统错误!",
+                    text: "请刷新重试!",
+                    type: "error"
+                });
+            }
+        });
+
+
+
+
+    };
+    $scope.my_data = [];
+
+
+    function convertListToTree(data, treeMap) {
+        var idToNodeMap = {}; //Keeps track of nodes using id as key, for fast lookup
+        var root = null; //Initially set our loop to null
+        var parentNode = null;
+        //loop over data
+        for (var i = 0; i < data.length; i++) {
+            var datum = data[i];
+            //each node will have children, so let's give it a "children" poperty
+            datum.children = [];
+
+            //add an entry for this node to the map so that any future children can
+            //lookup the parent
+            idToNodeMap[datum.id] = datum;
+
+            //Does this node have a parent?
+            if (typeof datum.parent === "undefined" || datum.parent == null) {
+                //Doesn't look like it, so this node is the root of the tree
+                root = datum;
+                treeMap[datum.id] = root;
+            } else {
+                //This node has a parent, so let's look it up using the id
+                parentNode = idToNodeMap[datum.parent.id];
+
+                //We don't need this property, so let's delete it.
+                delete datum.parent;
+
+                //Let's add the current node as a child of the parent node.
+                parentNode.children.push(datum);
+            }
+        }
+        return root;
+        console.log(root)
+    }
+
+    function convertParentToChildList(data) {
+        var treeMap = {};
+        var list = [];
+        convertListToTree(data, treeMap);
+        angular.forEach(treeMap, function(item) {
+            list.push(item);
+        });
+        return list;
+    }
+    $scope.try_async_load();
+    // $scope.select_treedata = [];
+    $scope.propTypeOptions = [];
+    $scope.deselectItem = function(item) {
+            console.log(item)
+            console.log($scope)
+        }
+        // 事件分类
+    $scope.onFilterCallback = function(item) {
+        if (item.children && item.children.length != 0) {
+            $scope.searchkeys.category = item;
+        } else if (item.item && item.item.id) {
+            $scope.searchkeys.category = {};
+        }
+    }
+
+    //折线图
+    var axilist = [];
+    var serieslist = [];
+    // var headerlist = [];
+    $scope.responsehead = [];
+    $scope.responselist = [];
+    var colorlist = ['#005395', '#49a9ee', '#ffcd62', '#87c966', '#1ea58f'];
+    var domlleff = document.getElementById("liuliangeff");
+    var myChartlleff = echarts.init(domlleff);
+    myChartlleff.showLoading({　　
+        text: '数据加载中...',
+        color: '#c23531',
+        textColor: '#fff',
+        maskColor: 'rgba(255,255,255,0)',
+        zlevel: 0
+    });
+    var optionlleff = null;
+    optionlleff = {
+        color: ['#D53A35'],
+        tooltip: {
+            trigger: 'axis',
+            //formatter: "{b} <br> 合格率: {c}%"
+        },
+        grid: {
+            top: '10%',
+            bottom: '15%',
+            left: '3%',
+            right: '8%',
+            containLabel: true
+        },
+        xAxis: {
+            type: 'category',
+            name: '',
+            boundaryGap: false,
+            axisLine: {
+                show: false,
+                lineStyle: {
+                    color: '#525252'
+                }
+            },
+            axisTick: {
+                show: false
+            },
+            axisLabel: {
+                color: '#525252'
+            },
+            data: axilist
+        },
+        yAxis: {
+            type: 'value',
+            name: '',
+            minInterval: 1,
+            axisLine: {
+                show: false,
+            },
+            axisTick: {
+                show: false
+            },
+            axisLabel: {
+                color: '#525252'
+            },
+            splitLine: {
+                lineStyle: {
+                    type: 'dotted',
+                    color: '#F3F3F3' //F3F3F3	
+                }
+            }
+        },
+        "legend": {
+            "data": ['事件解决时长'],
+        },
+        series: {
+            // name: '事件解决时长',
+            type: 'line',
+            symbol: 'none',
+            itemStyle: {
+                normal: {
+                    color: '#4facef'
+                }
+            },
+            lineStyle: {
+                normal: {
+                    width: 2
+                }
+            },
+            data: serieslist
+        }
+    };
+
+    function getdata(time) {
+        api_hkreport.incidentreport(time, 'incident_ops_efficiency_response').then(function(data) {
+            $scope.responsehead = data.averagelist;
+            $scope.responselist = data.list;
+            axilist = [];
+            angular.forEach(data.graphlist, function(item, index) {
+                axilist.push(item.accdate);
+                serieslist.push(item.responsetime);
+            })
+            optionlleff.xAxis.data = axilist;
+            myChartlleff.setOption(optionlleff);
+            myChartlleff.hideLoading();
+        })
+    }
+    getdata({ "end": $scope.parameters.paramDateTo, "start": $scope.parameters.paramDateFrom })
+        //第二个图
+        //折线图
+    var axilisttwo = [];
+    var serieslisttwo = [];
+    // var headerlist = [];
+    $scope.responsetwohead = [];
+    $scope.responsetwolist = [];
+    var colorlist = ['#005395', '#49a9ee', '#ffcd62', '#87c966', '#1ea58f'];
+    var domtwoll = document.getElementById("liuliangtwo");
+    var myCharttwoll = echarts.init(domtwoll);
+    myCharttwoll.showLoading({　　
+        text: '数据加载中...',
+        color: '#c23531',
+        textColor: '#fff',
+        maskColor: 'rgba(255,255,255,0)',
+        zlevel: 0
+    });
+    var optiontwoll = null;
+    optiontwoll = {
+        color: ['#D53A35'],
+        tooltip: {
+            trigger: 'axis',
+            //formatter: "{b} <br> 合格率: {c}%"
+        },
+        grid: {
+            top: '10%',
+            bottom: '15%',
+            left: '3%',
+            right: '8%',
+            containLabel: true
+        },
+        xAxis: {
+            type: 'category',
+            name: '',
+            boundaryGap: false,
+            axisLine: {
+                show: false,
+                lineStyle: {
+                    color: '#525252'
+                }
+            },
+            axisTick: {
+                show: false
+            },
+            axisLabel: {
+                color: '#525252'
+            },
+            data: axilisttwo
+        },
+        yAxis: {
+            type: 'value',
+            name: '',
+            minInterval: 1,
+            axisLine: {
+                show: false,
+            },
+            axisTick: {
+                show: false
+            },
+            axisLabel: {
+                color: '#525252'
+            },
+            splitLine: {
+                lineStyle: {
+                    type: 'dotted',
+                    color: '#F3F3F3' //F3F3F3	
+                }
+            }
+        },
+        "legend": {
+            "data": ['事件解决时长'],
+        },
+        series: {
+            // name: '事件解决时长',
+            type: 'line',
+            symbol: 'none',
+            itemStyle: {
+                normal: {
+                    color: '#4facef'
+                }
+            },
+            lineStyle: {
+                normal: {
+                    width: 2
+                }
+            },
+            data: serieslisttwo
+        }
+    };
+
+    function getdatatwo(time) {
+        api_hkreport.incidentreport(time, 'incident_ops_efficiency_solve').then(function(data) {
+            $scope.responsetwohead = data.averagelist;
+            $scope.responsetwolist = data.list;
+            axilisttwo = [];
+            angular.forEach(data.graphlist, function(item, index) {
+                axilisttwo.push(item.accdate);
+                serieslisttwo.push(item.responsetime);
+            })
+            optiontwoll.xAxis.data = axilisttwo;
+            myCharttwoll.setOption(optiontwoll);
+            myCharttwoll.hideLoading();
+        })
+    }
+    getdatatwo({ "end": $scope.parameters.paramDateTo, "start": $scope.parameters.paramDateFrom })
+        //第二个图,逾期事件
+        //折线图
+    var axilistthree = [];
+    var serieslistthree = [];
+    // var headerlist = [];
+    $scope.responsethreehead = [];
+    $scope.responsethreelist = [];
+    var colorlist = ['#005395', '#49a9ee', '#ffcd62', '#87c966', '#1ea58f'];
+    var domthreell = document.getElementById("liuliangthree");
+    var myChartthreell = echarts.init(domthreell);
+    myChartthreell.showLoading({　　
+        text: '数据加载中...',
+        color: '#c23531',
+        textColor: '#fff',
+        maskColor: 'rgba(255,255,255,0)',
+        zlevel: 0
+    });
+    var optionthreell = null;
+    optionthreell = {
+        color: ['#D53A35'],
+        tooltip: {
+            trigger: 'axis',
+            //formatter: "{b} <br> 合格率: {c}%"
+        },
+        grid: {
+            top: '10%',
+            bottom: '15%',
+            left: '3%',
+            right: '8%',
+            containLabel: true
+        },
+        xAxis: {
+            type: 'category',
+            name: '',
+            boundaryGap: false,
+            axisLine: {
+                show: false,
+                lineStyle: {
+                    color: '#525252'
+                }
+            },
+            axisTick: {
+                show: false
+            },
+            axisLabel: {
+                color: '#525252'
+            },
+            data: axilisttwo
+        },
+        yAxis: {
+            type: 'value',
+            name: '',
+            minInterval: 1,
+            axisLine: {
+                show: false,
+            },
+            axisTick: {
+                show: false
+            },
+            axisLabel: {
+                color: '#525252'
+            },
+            splitLine: {
+                lineStyle: {
+                    type: 'dotted',
+                    color: '#F3F3F3' //F3F3F3	
+                }
+            }
+        },
+        "legend": {
+            "data": ['事件解决时长'],
+        },
+        series: {
+            // name: '事件解决时长',
+            type: 'line',
+            symbol: 'none',
+            itemStyle: {
+                normal: {
+                    color: '#4facef'
+                }
+            },
+            lineStyle: {
+                normal: {
+                    width: 2
+                }
+            },
+            data: serieslisttwo
+        }
+    };
+
+    function getdatathree(time) {
+        api_hkreport.incidentreport(time, 'incident_ops_efficiency_overdue').then(function(data) {
+            $scope.responsethreehead = data.averagelist;
+            $scope.responsethreelist = data.list;
+            axilistthree = [];
+            angular.forEach(data.graphlist, function(item, index) {
+                axilistthree.push(item.accdate);
+                serieslisttwo.push(item.responsetime);
+            })
+            optionthreell.xAxis.data = axilistthree;
+            myChartthreell.setOption(optionthreell);
+            myChartthreell.hideLoading();
+        })
+    }
+    getdatathree({ "end": $scope.parameters.paramDateTo, "start": $scope.parameters.paramDateFrom })
+
+}]);

assets/js/controllers/report/handlegroup.js

@@ -0,0 +1,461 @@
+'use strict';
+app.controller('reporthandlegroupCtrl', ["$scope", "$rootScope", "$state", "$timeout", "$interval", "$http", "$cookieStore", "moment", "SweetAlert", "Restangular", "api_hkreport", function($scope, $rootScope, $state, $timeout, $interval, $http, $cookieStore, moment, SweetAlert, Restangular, api_hkreport) {
+    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.rRows = [];
+    $scope.quikly = [{ name: '自定义', value: 0 }, { name: '近7天', value: 1 }, { name: '近30天', value: 2 }, { name: '近90天', value: 3 }, { name: '近半年', value: 4 }, { name: '近一年', value: 5 }];
+    // var starttime, endtime
+    // $scope.starttimes = moment().startOf('month').format('YYYYMMDD');
+    // $scope.endtimes = moment().format('YYYYMMDD');
+    function startdata() {
+        $scope.searchkeys = { 'group': {}, 'quikly': { name: '近7天', value: 1 } };
+        $scope.starttimes = moment(new Date().getTime() - 86400000 * 7).format('YYYYMMDD');
+        $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('YYYYMMDD');
+    }
+    $scope.changeTo = function(paramDateTo) {
+        $scope.searchkeys.quikly = { name: '自定义', value: 0 };
+        $scope.endtimes = moment(paramDateTo).format('YYYYMMDD');
+    }
+
+
+    $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)
+        getdata({ "start": moment(changedate.paramDateFrom).format("YYYY-MM-DD"), "end": moment(changedate.paramDateTo).format("YYYY-MM-DD") })
+            // getlistdata({ "start": moment(changedate.paramDateFrom).format("YYYY-MM-DD"), "end": moment(changedate.paramDateTo).format("YYYY-MM-DD") })
+            // getpiedata({ "start": moment(changedate.paramDateFrom).format("YYYY-MM-DD"), "end": moment(changedate.paramDateTo).format("YYYY-MM-DD") })
+            // getpiedata({ "end": $scope.parameters.paramDateFrom, "start": $scope.parameters.paramDateTo })
+    }
+    $scope.onChangetime = function(key) {
+        if (key.value == 1) {
+            $scope.starttimes = moment(new Date().getTime() - 86400000 * 7).format('YYYY-MM-DD');
+            $scope.endtimes = moment(new Date().getTime() - 86400000).format('YYYY-MM-DD');
+            $scope.parameters.paramDateFrom = moment($scope.starttimes, "YYYY-MM-DD").format("YYYY-MM-DD");
+            $scope.parameters.paramDateTo = moment($scope.endtimes, "YYYY-MM-DD").format("YYYY-MM-DD");
+        } else if (key.value == 2) {
+            $scope.starttimes = moment(new Date().getTime() - 86400000 * 30).format('YYYY-MM-DD');
+            $scope.endtimes = moment(new Date().getTime() - 86400000).format('YYYY-MM-DD');
+            $scope.parameters.paramDateFrom = $scope.starttimes;
+            $scope.parameters.paramDateTo = $scope.endtimes;
+        } else if (key.value == 3) {
+            $scope.starttimes = moment(new Date().getTime() - 86400000 * 90).format('YYYY-MM-DD');
+            $scope.endtimes = moment(new Date().getTime() - 86400000).format('YYYY-MM-DD');
+            $scope.parameters.paramDateFrom = $scope.starttimes;
+            $scope.parameters.paramDateTo = $scope.endtimes;
+        } else if (key.value == 4) {
+            $scope.searchstate = "month";
+            $scope.starttimes = moment((new Date()).setMonth((new Date()).getMonth() - 6)).format('YYYY-MM-DD');
+            $scope.endtimes = moment(new Date().getTime() - 86400000).format('YYYY-MM-DD');
+            $scope.parameters.paramDateFrom = $scope.starttimes;
+            $scope.parameters.paramDateTo = $scope.endtimes;
+        } else if (key.value == 5) {
+            $scope.searchstate = "month";
+            $scope.starttimes = moment((new Date()).setMonth((new Date()).getMonth() - 12)).format('YYYY-MM-DD');
+            $scope.endtimes = moment(new Date().getTime() - 86400000).format('YYYY-MM-DD');
+            $scope.parameters.paramDateFrom = $scope.starttimes;
+            $scope.parameters.paramDateTo = $scope.endtimes;
+        }
+        // $scope.starttimes = moment(new Date().getTime() - 86400000 * 7).format('YYYYMMDD');
+        // $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");
+        // $scope.mdxquery();
+    }
+
+    // $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 {
+
+                }
+            }
+        }
+    }
+
+    //pie 工单解决率
+    // $scope.pielenddata = ["处理人", "处理人1", "处理人2"];
+    // $scope.piebodydata = [{ "value": 1, "name": "处理人", "proportion": "25%" }, { "value": 1, "name": "处理人1", "proportion": "25%" }, { "value": 2, "name": "处理人2", "proportion": "50%" }];
+    $scope.pielenddata = [];
+    $scope.piebodydata = [];
+    var domgroup = document.getElementById("reportgroup");
+    var myChartgroup = echarts.init(domgroup);
+    var app = {};
+    var option = null;
+    myChartgroup.showLoading({　　
+        text: '数据加载中...',
+        color: '#c23531',
+        textColor: '#fff',
+        maskColor: 'rgba(255,255,255,0)',
+        zlevel: 0
+    });
+    myChartgroup.hideLoading();
+    option = {
+        title: {
+            subtext: 0,
+            text: "事件总数",
+            itemGap: 3,
+            "x": '24%',
+            "y": '40%',
+            textAlign: "center",
+            "textStyle": {
+                "fontWeight": 'normal',
+                "fontSize": 12,
+                "color": '#333',
+
+            },
+            "subtextStyle": {
+                "fontWeight": 'normal',
+                "fontSize": 18,
+                "color": '#005395',
+                "lineHeight": 14
+            },
+
+        },
+        tooltip: {
+            "backgroundColor": "rgba(0,0,0,9)",
+            "textStyle": {
+                "fontSize": 12,
+                "color": '#f9f9f9',
+            },
+            trigger: 'item',
+            formatter: "{b}: {c} ({d}%)"
+        },
+        legend: {
+            orient: 'vertical',
+            icon: "circle",
+            x: '50%',
+            y: 'center',
+            itemGap: 10,
+            itemWidth: 8,
+            itemHeight: 8,
+            borderRadius: 4,
+            textStyle: {
+                color: ['#49a9ee', '#ffcd61', '#87c966', '#61829d', '#8496A5', '#e6eef4', '#15598F', '#61829d', '#5F9FD1', '#7EAFD6'],
+            },
+            data: $scope.pielenddata,
+            formatter: function(param) {
+                for (var i = 0; i < $scope.pielenddata.length; i++) {
+                    if ($scope.piebodydata[i].name == param) {
+                        return '    ' + $scope.piebodydata[i].name + '  |  ' + $scope.piebodydata[i].value + '    ' + $scope.piebodydata[i].proportion + '%';
+                    }
+                }
+            },
+            textStyle: {
+                rich: {
+                    white: {
+                        color: "#fff",
+                        fontSize: 12,
+                        padding: [6, 0, 0, 0]
+                    }
+                }
+            }
+        },
+        series: [{
+            // name: $scope.startlist.title,
+            type: 'pie',
+            radius: ['70%', '85%'],
+            center: ['25%', '50%'],
+            color: ['#49a9ee', '#ffcd61', '#87c966', '#61829d', '#8496A5', '#e6eef4', '#15598F', '#61829d', '#5F9FD1', '#7EAFD6'],
+            hoverAnimation: true,
+            label: {
+                normal: {
+                    show: false,
+                    position: 'center'
+                },
+                formatter: [
+                    '{a|这段文本采用样式a}',
+                    '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'
+                ].join('\n'),
+
+                rich: {
+                    a: {
+                        color: 'red',
+                        lineHeight: 10
+                    },
+                    b: {
+                        backgroundColor: {
+                            image: 'xxx/xxx.jpg'
+                        },
+                        height: 40
+                    },
+                    x: {
+                        fontSize: 18,
+                        fontFamily: 'Microsoft YaHei',
+                        borderColor: '#449933',
+                        borderRadius: 4
+                    },
+                }
+            },
+            labelLine: {
+                normal: {
+                    show: false
+                }
+            },
+            data: $scope.piebodydata
+        }]
+    };
+
+    // if (option && typeof option === "object") {
+    //     myChart.setOption(option);
+    //     myChart.hideLoading();
+    // }
+
+    // function getpiedata(time) {
+    //     api_hkreport.incidentreport(time, 'incident_source_pie').then(function(data) {
+    //         var sum = 0
+    //         angular.forEach(data.data[1], function(item, index) {
+    //             data.data[1][index].value = data.data[1][index].count;
+    //             sum += Number(data.data[1][index].value);
+    //         })
+    //         $scope.pielenddata = data.data[0];
+    //         $scope.piebodydata = data.data[1];
+    //         option.series[0].data = $scope.piebodydata;
+    //         option.legend.data = $scope.pielenddata;
+    //         option.title.subtext = sum;
+    //         myChart.setOption(option);
+    //         myChart.hideLoading();
+    //     })
+    // }
+    // getpiedata({ "end": $scope.parameters.paramDateFrom, "start": $scope.parameters.paramDateTo })
+
+    //bar 存储容量
+    //start事件月统计图
+    var domfaultgroup = document.getElementById("faultgroup");
+    var myChartfaultgroup = echarts.init(domfaultgroup);
+    var app = {};
+    var optionfaultgroup = null;
+    app.title = '当月事件工单处理TOP5';
+    var XData = [];
+    var yData = [];
+    // XData.map(function() {
+    //         yData.push((Math.random() * 1000 + 100).toFixed(0))
+    //     })
+    // var dataMin=parseInt(Math.min.apply(null, yData)/2);
+    myChartfaultgroup.showLoading({　　
+        text: '数据加载中...',
+        color: '#c23531',
+        textColor: '#fff',
+        maskColor: 'rgba(255,255,255,0)',
+        zlevel: 0
+    });
+    myChartfaultgroup.hideLoading();
+    optionfaultgroup = {
+        title: {
+            // text: '（件）故障数量',
+            x: '10',
+            y: '0',
+            textStyle: {
+                fontWeight: 'normal',
+                fontSize: 12,
+                color: "#56c9ff",
+            }
+        },
+        xAxis: {
+            type: 'value',
+            axisTick: {
+                show: false
+            },
+            splitLine: {
+                show: true,
+                lineStyle: {
+                    type: 'dashed',
+                    color: '#eee'
+                }
+            },
+            splitArea: {
+                show: false
+            },
+            // data: XData,
+            axisLine: {
+                show: false,
+                lineStyle: {
+                    color: '#ddd'
+                }
+            },
+            axisLabel: {
+                textStyle: {
+                    color: '#999999',
+                    fontSize: 12,
+                }
+            },
+        },
+        yAxis: {
+            type: 'category',
+            data: [],
+            axisTick: {
+                show: false
+            },
+            splitLine: {
+                show: false
+            },
+            splitArea: {
+                show: false
+            },
+            axisLabel: {
+                show: true,
+                textStyle: {
+                    color: '#999999',
+                    fontSize: 12,
+                }
+            },
+            axisLine: {
+                show: true,
+                lineStyle: {
+                    color: '#cecece'
+                }
+            }
+        },
+        grid: {
+            left: 10,
+            top: 25,
+            bottom: 0,
+            right: 20,
+            containLabel: true
+        },
+        "tooltip": {
+            "trigger": "item",
+            "textStyle": {
+                "fontSize": 12
+            },
+            "formatter": "{b0}:{c0}"
+        },
+        series: {
+            type: "bar",
+            itemStyle: {
+                normal: {
+                    color: "#005395",
+                }
+            },
+            label: {
+                normal: {
+                    show: true,
+                    position: 'right',
+                    textStyle: {
+                        // color: '# 56 c9ff '
+                    }
+                }
+            },
+            barWidth: 18,
+            // barWidth: '30%',
+            // data: yData
+            data: [0, 0, 0, 0, 0]
+        }
+    };
+    // if (optionfault && typeof optionfault === "object") {
+    //     myChartfault.setOption(optionfault, true);
+    // }
+
+
+    function getdata(time) {
+        api_hkreport.incidentreport(time, 'incident_handler_group').then(function(data) {
+            // var sum = 0
+            // angular.forEach(data.data[1], function(item, index) {
+            //     data.data[1][index].value = data.data[1][index].count;
+            //     sum += Number(data.data[1][index].value);
+            // })
+            $scope.rRows = data.list; //表格
+            //饼图
+            // $scope.pielenddata = data.pieChart;
+            $scope.piebodydata = data.pieChart;
+            $scope.pielenddata = [];
+            angular.forEach($scope.piebodydata, function(item, index) {
+                $scope.pielenddata.push(item.name);
+            })
+            option.series[0].data = $scope.piebodydata;
+            option.legend.data = $scope.pielenddata;
+            // option.title.subtext = sum;
+            myChartgroup.setOption(option);
+            myChartgroup.hideLoading();
+            //柱状图
+            var barGraph = [];
+            var baryx = [];
+            angular.forEach(data.barGraph, function(item) {
+                barGraph.push(item.num);
+                baryx.push(item.name);
+            })
+            optionfaultgroup.yAxis.data = baryx.reverse();
+            optionfaultgroup.series.data = barGraph.reverse();
+            myChartfaultgroup.setOption(optionfaultgroup);
+            myChartfaultgroup.hideLoading();
+        })
+    }
+    getdata({ "end": $scope.parameters.paramDateTo, "start": $scope.parameters.paramDateFrom })
+
+    //表格
+    $scope.rRows = [];
+
+    // function getlistdata(time) {
+    //     api_hkreport.incidentreport(time, 'incident_source').then(function(data) {
+    //         $scope.rRows = data.data;
+    //     })
+    // }
+    // getlistdata({ "end": $scope.parameters.paramDateTo, "start": $scope.parameters.paramDateFrom })
+}]);

assets/js/controllers/report/handlepeople.js

@@ -0,0 +1,459 @@
+'use strict';
+app.controller('reporthandlepeopleCtrl', ["$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.group = [];
+    //表格
+    $scope.rRowspeople = [];
+    $scope.quikly = [{ name: '自定义', value: 0 }, { name: '近7天', value: 1 }, { name: '近30天', value: 2 }, { name: '近90天', value: 3 }, { name: '近半年', value: 4 }, { name: '近一年', value: 5 }];
+    // var starttime, endtime
+    // $scope.starttimes = moment().startOf('month').format('YYYYMMDD');
+    // $scope.endtimes = moment().format('YYYYMMDD');
+    function startdata() {
+        $scope.searchkeys = { 'group': {}, 'quikly': { name: '近7天', value: 1 } };
+        $scope.starttimes = moment(new Date().getTime() - 86400000 * 7).format('YYYYMMDD');
+        $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('YYYYMMDD');
+    }
+    $scope.changeTo = function(paramDateTo) {
+        $scope.searchkeys.quikly = { name: '自定义', value: 0 };
+        $scope.endtimes = moment(paramDateTo).format('YYYYMMDD');
+    }
+
+
+    $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;
+    };
+    //处理组
+    api_user_data.fetchDataList('group', { "idx": 0, "sum": 1000, "group": { "selectType": "nouser" } }).then(function(data) {
+        if (data.status == 200) {
+            $scope.group = data.list;
+        }
+    })
+
+    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-MM-DD"), "end": moment(changedate.paramDateTo).format("YYYY-MM-DD") }
+        if (key && key.group && key.group.id) {
+            fildata = { "start": moment(changedate.paramDateFrom).format("YYYY-MM-DD"), "end": moment(changedate.paramDateTo).format("YYYY-MM-DD"), "groupId": key.group.id }
+        } else {
+            fildata = { "start": moment(changedate.paramDateFrom).format("YYYY-MM-DD"), "end": moment(changedate.paramDateTo).format("YYYY-MM-DD") }
+        }
+        getdata(fildata)
+            // getlistdata({ "start": moment(changedate.paramDateFrom).format("YYYY-MM-DD"), "end": moment(changedate.paramDateTo).format("YYYY-MM-DD") })
+            // getpiedata({ "start": moment(changedate.paramDateFrom).format("YYYY-MM-DD"), "end": moment(changedate.paramDateTo).format("YYYY-MM-DD") })
+            // getpiedata({ "end": $scope.parameters.paramDateFrom, "start": $scope.parameters.paramDateTo })
+    }
+    $scope.onChangetime = function(key) {
+            if (key.value == 1) {
+                $scope.starttimes = moment(new Date().getTime() - 86400000 * 7).format('YYYY-MM-DD');
+                $scope.endtimes = moment(new Date().getTime() - 86400000).format('YYYY-MM-DD');
+                $scope.parameters.paramDateFrom = moment($scope.starttimes, "YYYY-MM-DD").format("YYYY-MM-DD");
+                $scope.parameters.paramDateTo = moment($scope.endtimes, "YYYY-MM-DD").format("YYYY-MM-DD");
+            } else if (key.value == 2) {
+                $scope.starttimes = moment(new Date().getTime() - 86400000 * 30).format('YYYY-MM-DD');
+                $scope.endtimes = moment(new Date().getTime() - 86400000).format('YYYY-MM-DD');
+                $scope.parameters.paramDateFrom = $scope.starttimes;
+                $scope.parameters.paramDateTo = $scope.endtimes;
+            } else if (key.value == 3) {
+                $scope.starttimes = moment(new Date().getTime() - 86400000 * 90).format('YYYY-MM-DD');
+                $scope.endtimes = moment(new Date().getTime() - 86400000).format('YYYY-MM-DD');
+                $scope.parameters.paramDateFrom = $scope.starttimes;
+                $scope.parameters.paramDateTo = $scope.endtimes;
+            } else if (key.value == 4) {
+                $scope.searchstate = "month";
+                $scope.starttimes = moment((new Date()).setMonth((new Date()).getMonth() - 6)).format('YYYY-MM-DD');
+                $scope.endtimes = moment(new Date().getTime() - 86400000).format('YYYY-MM-DD');
+                $scope.parameters.paramDateFrom = $scope.starttimes;
+                $scope.parameters.paramDateTo = $scope.endtimes;
+            } else if (key.value == 5) {
+                $scope.searchstate = "month";
+                $scope.starttimes = moment((new Date()).setMonth((new Date()).getMonth() - 12)).format('YYYY-MM-DD');
+                $scope.endtimes = moment(new Date().getTime() - 86400000).format('YYYY-MM-DD');
+                $scope.parameters.paramDateFrom = $scope.starttimes;
+                $scope.parameters.paramDateTo = $scope.endtimes;
+            }
+            // $scope.starttimes = moment(new Date().getTime() - 86400000 * 7).format('YYYYMMDD');
+            // $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");
+            // $scope.mdxquery();
+        }
+        // $scope.onChangegroup = function(key) {
+
+    // }
+    // $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 {
+
+                }
+            }
+        }
+    }
+
+    //pie 工单解决率
+    // $scope.pielenddata = ["处理人", "处理人1", "处理人2"];
+    // $scope.piebodydata = [{ "value": 1, "name": "处理人", "proportion": "25%" }, { "value": 1, "name": "处理人1", "proportion": "25%" }, { "value": 2, "name": "处理人2", "proportion": "50%" }];
+    $scope.pielenddata = [];
+    $scope.piebodydata = [];
+    var dompeople = document.getElementById("reportpeople");
+    var myChartpeople = echarts.init(dompeople);
+    var app = {};
+    var optionpeople = null;
+    myChartpeople.showLoading({　　
+        text: '数据加载中...',
+        color: '#c23531',
+        textColor: '#fff',
+        maskColor: 'rgba(255,255,255,0)',
+        zlevel: 0
+    });
+    myChartpeople.hideLoading();
+    optionpeople = {
+        title: {
+            subtext: 0,
+            text: "事件总数（件)",
+            itemGap: 3,
+            "x": '15%',
+            "y": '40%',
+            textAlign: "center",
+            "textStyle": {
+                "fontWeight": 'normal',
+                "fontSize": 12,
+                "color": '#333',
+
+            },
+            "subtextStyle": {
+                "fontWeight": 'normal',
+                "fontSize": 18,
+                "color": '#005395',
+                "lineHeight": 14
+            },
+
+        },
+        tooltip: {
+            "backgroundColor": "rgba(0,0,0,9)",
+            "textStyle": {
+                "fontSize": 12,
+                "color": '#f9f9f9',
+            },
+            trigger: 'item',
+            formatter: "{b} : {c} ({d}%)"
+        },
+        legend: {
+            orient: 'vertical',
+            icon: "circle",
+            x: '30%',
+            y: 'center',
+            // type: 'scroll',
+            pageFormatter: {
+                current: 1,
+                total: 2
+            },
+            pagemode: true,
+            itemGap: 10,
+            itemWidth: 8,
+            itemHeight: 8,
+            borderRadius: 4,
+            textStyle: {
+                color: ['#49a9ee', '#ffcd61', '#87c966', '#61829d', '#8496A5', '#e6eef4', '#15598F', '#61829d', '#5F9FD1', '#7EAFD6'],
+            },
+            data: $scope.pielenddata,
+            formatter: function(param) {
+                for (var i = 0; i < $scope.pielenddata.length; i++) {
+                    if ($scope.piebodydata[i].name == param) {
+                        return '    ' + $scope.piebodydata[i].name + '/' + $scope.piebodydata[i].groupname + '  |  ' + $scope.piebodydata[i].value + '    ' + $scope.piebodydata[i].proportion + '%';
+                    }
+                }
+            },
+            textStyle: {
+                rich: {
+                    white: {
+                        color: "#fff",
+                        fontSize: 12,
+                        padding: [6, 0, 0, 0]
+                    }
+                }
+            }
+        },
+        series: [{
+            // name: $scope.startlist.title,
+            type: 'pie',
+            radius: ['60%', '80%'],
+            center: ['15%', '50%'],
+            color: ['#49a9ee', '#ffcd61', '#87c966', '#61829d', '#8496A5', '#e6eef4', '#15598F', '#61829d', '#5F9FD1', '#7EAFD6'],
+            hoverAnimation: true,
+            label: {
+                normal: {
+                    show: false,
+                    position: 'center'
+                },
+                formatter: [
+                    '{a|这段文本采用样式a}',
+                    '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'
+                ].join('\n'),
+
+                rich: {
+                    a: {
+                        color: 'red',
+                        lineHeight: 10
+                    },
+                    b: {
+                        backgroundColor: {
+                            image: 'xxx/xxx.jpg'
+                        },
+                        height: 40
+                    },
+                    x: {
+                        fontSize: 18,
+                        fontFamily: 'Microsoft YaHei',
+                        borderColor: '#449933',
+                        borderRadius: 4
+                    },
+                }
+            },
+            labelLine: {
+                normal: {
+                    show: false
+                }
+            },
+            data: $scope.piebodydata
+        }]
+    };
+
+
+
+    //bar 存储容量
+    //start事件月统计图
+    var domfaultpeople = document.getElementById("faultpeople");
+    var myChartfaultpeople = echarts.init(domfaultpeople);
+    var app = {};
+    var optionfaultpeople = null;
+    app.title = '当月事件工单处理TOP5';
+    var XData = [];
+    var yData = [];
+    // XData.map(function() {
+    //         yData.push((Math.random() * 1000 + 100).toFixed(0))
+    //     })
+    // var dataMin=parseInt(Math.min.apply(null, yData)/2);
+    myChartfaultpeople.showLoading({　　
+        text: '数据加载中...',
+        color: '#c23531',
+        textColor: '#fff',
+        maskColor: 'rgba(255,255,255,0)',
+        zlevel: 0
+    });
+    myChartfaultpeople.hideLoading();
+    optionfaultpeople = {
+        title: {
+            // text: '（件）故障数量',
+            x: '10',
+            y: '0',
+            textStyle: {
+                fontWeight: 'normal',
+                fontSize: 12,
+                color: "#56c9ff",
+            }
+        },
+        xAxis: {
+            type: 'value',
+            axisTick: {
+                show: false
+            },
+            splitLine: {
+                show: true,
+                lineStyle: {
+                    type: 'dashed',
+                    color: '#eee'
+                }
+            },
+            splitArea: {
+                show: false
+            },
+            // data: XData,
+            axisLine: {
+                show: false,
+                lineStyle: {
+                    color: '#ddd'
+                }
+            },
+            axisLabel: {
+                textStyle: {
+                    color: '#999999',
+                    fontSize: 12,
+                }
+            },
+        },
+        yAxis: {
+            type: 'category',
+            data: [],
+            axisTick: {
+                show: false
+            },
+            splitLine: {
+                show: false
+            },
+            splitArea: {
+                show: false
+            },
+            axisLabel: {
+                show: true,
+                textStyle: {
+                    color: '#999999',
+                    fontSize: 12,
+                }
+            },
+            axisLine: {
+                show: true,
+                lineStyle: {
+                    color: '#cecece'
+                }
+            }
+        },
+        grid: {
+            left: 10,
+            top: 25,
+            bottom: 0,
+            right: 20,
+            containLabel: true
+        },
+        "tooltip": {
+            "trigger": "item",
+            "textStyle": {
+                "fontSize": 12
+            },
+            "formatter": "{b0}:{c0}"
+        },
+        series: {
+            type: "bar",
+            itemStyle: {
+                normal: {
+                    color: "#005395",
+                }
+            },
+            label: {
+                normal: {
+                    show: true,
+                    position: 'right',
+                    textStyle: {
+                        // color: '# 56 c9ff '
+                    }
+                }
+            },
+            barWidth: 18,
+            // barWidth: '30%',
+            // data: yData
+            data: [0, 0, 0, 0, 0]
+        }
+    };
+
+
+    function getdata(time) {
+        api_hkreport.incidentreport(time, 'incident_handler').then(function(data) {
+            // var sum = 0
+            // angular.forEach(data.data[1], function(item, index) {
+            //     data.data[1][index].value = data.data[1][index].count;
+            //     sum += Number(data.data[1][index].value);
+            // })
+            $scope.rRowspeople = data.list; //表格
+            //饼图
+            // $scope.pielenddata = data.pieChart;
+            $scope.piebodydata = data.pieChart;
+            $scope.pielenddata = [];
+            angular.forEach($scope.piebodydata, function(item, index) {
+                $scope.piebodydata[index].name = item.account;
+                $scope.pielenddata.push(item.account);
+            })
+            optionpeople.series[0].data = $scope.piebodydata;
+            optionpeople.legend.data = $scope.pielenddata;
+            optionpeople.title.subtext = data.pieChartSum;
+            myChartpeople.setOption(optionpeople);
+            myChartpeople.hideLoading();
+            //柱状图
+            var barGraph = [];
+            var baryx = [];
+            angular.forEach(data.barGraph, function(item) {
+                barGraph.push(item.sum);
+                baryx.push(item.account + '/' + item.groupname);
+            })
+            optionfaultpeople.yAxis.data = baryx.reverse();
+            optionfaultpeople.series.data = barGraph.reverse();
+            myChartfaultpeople.setOption(optionfaultpeople);
+            myChartfaultpeople.hideLoading();
+        })
+    }
+    getdata({ "end": $scope.parameters.paramDateTo, "start": $scope.parameters.paramDateFrom })
+
+    //表格
+    // $scope.rRows = [];
+
+    // function getlistdata(time) {
+    //     api_hkreport.incidentreport(time, 'incident_source').then(function(data) {
+    //         $scope.rRows = data.data;
+    //     })
+    // }
+    // getlistdata({ "end": $scope.parameters.paramDateTo, "start": $scope.parameters.paramDateFrom })
+}]);

assets/js/controllers/report/suorce.js

@@ -0,0 +1,433 @@
+'use strict';
+app.controller('reportsuorceCtrl', ["$scope", "$rootScope", "$state", "$timeout", "$interval", "$http", "$cookieStore", "moment", "SweetAlert", "Restangular", "api_hkreport", function($scope, $rootScope, $state, $timeout, $interval, $http, $cookieStore, moment, SweetAlert, Restangular, api_hkreport) {
+    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.quikly = [{ name: '自定义', value: 0 }, { name: '近7天', value: 1 }, { name: '近30天', value: 2 }, { name: '近90天', value: 3 }, { name: '近半年', value: 4 }, { name: '近一年', value: 5 }];
+    // var starttime, endtime
+    // $scope.starttimes = moment().startOf('month').format('YYYYMMDD');
+    // $scope.endtimes = moment().format('YYYYMMDD');
+    function startdata() {
+        $scope.searchkeys = { 'group': {}, 'quikly': { name: '近7天', value: 1 } };
+        $scope.starttimes = moment(new Date().getTime() - 86400000 * 7).format('YYYYMMDD');
+        $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('YYYYMMDD');
+    }
+    $scope.changeTo = function(paramDateTo) {
+        $scope.searchkeys.quikly = { name: '自定义', value: 0 };
+        $scope.endtimes = moment(paramDateTo).format('YYYYMMDD');
+    }
+
+
+    $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)
+        getdata({ "startTime": moment(changedate.paramDateFrom).format("YYYY-MM-DD"), "endTime": moment(changedate.paramDateTo).format("YYYY-MM-DD") })
+        getlistdata({ "startTime": moment(changedate.paramDateFrom).format("YYYY-MM-DD"), "endTime": moment(changedate.paramDateTo).format("YYYY-MM-DD") })
+        getpiedata({ "startTime": moment(changedate.paramDateFrom).format("YYYY-MM-DD"), "endTime": moment(changedate.paramDateTo).format("YYYY-MM-DD") })
+    }
+    $scope.onChangetime = function(key) {
+        if (key.value == 1) {
+            $scope.starttimes = moment(new Date().getTime() - 86400000 * 7).format('YYYY-MM-DD');
+            $scope.endtimes = moment(new Date().getTime() - 86400000).format('YYYY-MM-DD');
+            $scope.parameters.paramDateFrom = moment($scope.starttimes, "YYYY-MM-DD").format("YYYY-MM-DD");
+            $scope.parameters.paramDateTo = moment($scope.endtimes, "YYYY-MM-DD").format("YYYY-MM-DD");
+        } else if (key.value == 2) {
+            $scope.starttimes = moment(new Date().getTime() - 86400000 * 30).format('YYYY-MM-DD');
+            $scope.endtimes = moment(new Date().getTime() - 86400000).format('YYYY-MM-DD');
+            $scope.parameters.paramDateFrom = $scope.starttimes;
+            $scope.parameters.paramDateTo = $scope.endtimes;
+        } else if (key.value == 3) {
+            $scope.starttimes = moment(new Date().getTime() - 86400000 * 90).format('YYYY-MM-DD');
+            $scope.endtimes = moment(new Date().getTime() - 86400000).format('YYYY-MM-DD');
+            $scope.parameters.paramDateFrom = $scope.starttimes;
+            $scope.parameters.paramDateTo = $scope.endtimes;
+        } else if (key.value == 4) {
+            $scope.searchstate = "month";
+            $scope.starttimes = moment((new Date()).setMonth((new Date()).getMonth() - 6)).format('YYYY-MM-DD');
+            $scope.endtimes = moment(new Date().getTime() - 86400000).format('YYYY-MM-DD');
+            $scope.parameters.paramDateFrom = $scope.starttimes;
+            $scope.parameters.paramDateTo = $scope.endtimes;
+        } else if (key.value == 5) {
+            $scope.searchstate = "month";
+            $scope.starttimes = moment((new Date()).setMonth((new Date()).getMonth() - 12)).format('YYYY-MM-DD');
+            $scope.endtimes = moment(new Date().getTime() - 86400000).format('YYYY-MM-DD');
+            $scope.parameters.paramDateFrom = $scope.starttimes;
+            $scope.parameters.paramDateTo = $scope.endtimes;
+        }
+        // $scope.starttimes = moment(new Date().getTime() - 86400000 * 7).format('YYYYMMDD');
+        // $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");
+        // $scope.mdxquery();
+    }
+
+    // $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 {
+
+                }
+            }
+        }
+    }
+
+    //pie 工单解决率
+    // $scope.pielenddata = ["处理人", "处理人1", "处理人2"];
+    // $scope.piebodydata = [{ "value": 1, "name": "处理人", "proportion": "25%" }, { "value": 1, "name": "处理人1", "proportion": "25%" }, { "value": 2, "name": "处理人2", "proportion": "50%" }];
+    $scope.pielenddata = [];
+    $scope.piebodydata = [];
+    var domsuorce = document.getElementById("reportsuorce");
+    var myChartsuorce = echarts.init(domsuorce);
+    var app = {};
+    var optionsuorce = null;
+    myChartsuorce.showLoading({　　
+        text: '数据加载中...',
+        color: '#c23531',
+        textColor: '#fff',
+        maskColor: 'rgba(255,255,255,0)',
+        zlevel: 0
+    });
+    myChartsuorce.hideLoading();
+    optionsuorce = {
+        title: {
+            subtext: 0,
+            text: "事件总数",
+            itemGap: 3,
+            "x": '24%',
+            "y": '40%',
+            textAlign: "center",
+            "textStyle": {
+                "fontWeight": 'normal',
+                "fontSize": 12,
+                "color": '#333',
+
+            },
+            "subtextStyle": {
+                "fontWeight": 'normal',
+                "fontSize": 18,
+                "color": '#005395',
+                "lineHeight": 14
+            },
+
+        },
+        tooltip: {
+            "backgroundColor": "rgba(0,0,0,9)",
+            "textStyle": {
+                "fontSize": 12,
+                "color": '#f9f9f9',
+            },
+            trigger: 'item',
+            formatter: "{a} <br/>{b}: {c} ({d}%)"
+        },
+        legend: {
+            orient: 'vertical',
+            icon: "circle",
+            x: '50%',
+            y: 'center',
+            itemGap: 10,
+            itemWidth: 8,
+            itemHeight: 8,
+            borderRadius: 4,
+            textStyle: {
+                color: ['#49a9ee', '#ffcd61', '#87c966', '#61829d', '#8496A5', '#e6eef4', '#15598F', '#61829d', '#5F9FD1', '#7EAFD6'],
+            },
+            data: $scope.pielenddata,
+            formatter: function(param) {
+                for (var i = 0; i < $scope.pielenddata.length; i++) {
+                    if ($scope.piebodydata[i].name == param) {
+                        return '    ' + $scope.piebodydata[i].name + '  |  ' + $scope.piebodydata[i].count + '    ' + $scope.piebodydata[i].percentage;
+                    }
+                }
+            },
+            textStyle: {
+                rich: {
+                    white: {
+                        color: "#fff",
+                        fontSize: 12,
+                        padding: [6, 0, 0, 0]
+                    }
+                }
+            }
+        },
+        series: [{
+            // name: $scope.startlist.title,
+            type: 'pie',
+            radius: ['70%', '85%'],
+            center: ['25%', '50%'],
+            color: ['#49a9ee', '#ffcd61', '#87c966', '#61829d', '#8496A5', '#e6eef4', '#15598F', '#61829d', '#5F9FD1', '#7EAFD6'],
+            hoverAnimation: true,
+            label: {
+                normal: {
+                    show: false,
+                    position: 'center'
+                },
+                formatter: [
+                    '{a|这段文本采用样式a}',
+                    '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'
+                ].join('\n'),
+
+                rich: {
+                    a: {
+                        color: 'red',
+                        lineHeight: 10
+                    },
+                    b: {
+                        backgroundColor: {
+                            image: 'xxx/xxx.jpg'
+                        },
+                        height: 40
+                    },
+                    x: {
+                        fontSize: 18,
+                        fontFamily: 'Microsoft YaHei',
+                        borderColor: '#449933',
+                        borderRadius: 4
+                    },
+                }
+            },
+            labelLine: {
+                normal: {
+                    show: false
+                }
+            },
+            data: $scope.piebodydata
+        }]
+    };
+
+    if (optionsuorce && typeof optionsuorce === "object") {
+        myChartsuorce.setOption(optionsuorce);
+        myChartsuorce.hideLoading();
+    }
+
+    function getpiedata(time) {
+        api_hkreport.incidentreport(time, 'incident_source_pie').then(function(data) {
+            var sum = 0
+            angular.forEach(data.data[1], function(item, index) {
+                data.data[1][index].value = data.data[1][index].count;
+                sum += Number(data.data[1][index].value);
+            })
+            $scope.pielenddata = data.data[0];
+            $scope.piebodydata = data.data[1];
+            optionsuorce.series[0].data = $scope.piebodydata;
+            optionsuorce.legend.data = $scope.pielenddata;
+            optionsuorce.title.subtext = sum;
+            myChartsuorce.setOption(optionsuorce);
+            myChartsuorce.hideLoading();
+        })
+    }
+    getpiedata({ "endTime": $scope.parameters.paramDateTo, "startTime": $scope.parameters.paramDateFrom })
+
+    //end 工单解决率
+    //折线图
+    $scope.headerslist = [];
+    var axilist = [];
+    var serieslist = [];
+    var headerlist = [];
+    var datas = [];
+    var colorlist = ['#005395', '#49a9ee', '#ffcd62', '#87c966', '#1ea58f'];
+    var domllsuorce = document.getElementById("liuliangsuorce");
+    var myChartllsuorce = echarts.init(domllsuorce);
+    myChartllsuorce.showLoading({　　
+        text: '数据加载中...',
+        color: '#c23531',
+        textColor: '#fff',
+        maskColor: 'rgba(255,255,255,0)',
+        zlevel: 0
+    });
+    var app = {};
+    var optionllsuorce = null;
+    app.title = '流量';
+    $scope.llmyData = [];
+    var zhengliudata = 0;
+    var huliudata = 0;
+    $scope.zhengliu = 0;
+    $scope.huliu = 0;
+    // var zwmyData = [];
+    // var hlmyData = [];
+    var xhuzwmyData = [];
+    $scope.zhengliu = 0;
+    $scope.huliu = 0;
+    optionllsuorce = {
+        color: ['#D53A35'],
+        tooltip: {
+            trigger: 'axis',
+            //formatter: "{b} <br> 合格率: {c}%"
+        },
+        grid: {
+            top: '10%',
+            bottom: '15%',
+            left: '3%',
+            right: '8%',
+            containLabel: true
+        },
+        xAxis: {
+            type: 'category',
+            name: '',
+            boundaryGap: false,
+            axisLine: {
+                show: false,
+                lineStyle: {
+                    color: '#525252'
+                }
+            },
+            axisTick: {
+                show: false
+            },
+            axisLabel: {
+                color: '#525252'
+            },
+            data: axilist
+        },
+        yAxis: {
+            type: 'value',
+            minInterval: 1,
+            name: '',
+            axisLine: {
+                show: false,
+            },
+            axisTick: {
+                show: false
+            },
+            axisLabel: {
+                color: '#525252'
+            },
+            splitLine: {
+                lineStyle: {
+                    type: 'dotted',
+                    color: '#AAA' //F3F3F3	
+                }
+            }
+        },
+        "legend": {
+            "bottom": 0,
+            // "textStyle": {
+            //     "color": "#e6e9ed"
+            // },
+            // "inactiveColor": "#5a626d",
+            // "data": [
+            //     "全部机型"
+            // ],
+            data: headerlist,
+            "itemGap": 5,
+            "itemWidth": 16,
+            "itemHeight": 12,
+            "pageTextStyle": {
+                "color": "#e6e9ed"
+            },
+            "pageIconSize": 14
+        },
+        series: serieslist
+    };
+
+    function getdata(time) {
+        api_hkreport.incidentreport(time, 'incident_source_trend').then(function(data) {
+            headerlist = data.data[0]
+            axilist = data.data[1][0][0];
+            angular.forEach(data.data[1], function(item, index) {
+                // titledata.push(item.category);
+                // datas[index] = [];
+                datas = item[1];
+                // angular.forEach(item[1], function(itemtwo, indextwo) {
+                //     datas = itemtwo;
+                // })
+                serieslist[index] = {
+                    name: headerlist[index],
+                    type: 'line',
+                    symbol: 'none',
+                    itemStyle: {
+                        normal: {
+                            color: colorlist[index]
+                        }
+                    },
+                    lineStyle: {
+                        normal: {
+                            width: 2
+                        }
+                    },
+                    data: datas
+                }
+            })
+            optionllsuorce.xAxis.data = axilist;
+            optionllsuorce.legend.data = headerlist;
+            myChartllsuorce.setOption(optionllsuorce);
+            myChartllsuorce.hideLoading();
+        })
+    }
+    getdata({ "endTime": $scope.parameters.paramDateTo, "startTime": $scope.parameters.paramDateFrom })
+
+    //表格
+    $scope.rRowssuorce = [];
+
+    function getlistdata(time) {
+        api_hkreport.incidentreport(time, 'incident_source').then(function(data) {
+            $scope.rRowssuorce = data.data;
+        })
+    }
+    getlistdata({ "endTime": $scope.parameters.paramDateTo, "startTime": $scope.parameters.paramDateFrom })
+}]);

assets/js/main.js

@@ -297,6 +297,20 @@ app.factory('api_wechatfile', ['WechatRestangular', function (WechatRestangular)
         }
     };
 }]);
+//报表
+app.factory('hkreportRestangular', function(Restangular) {
+    return Restangular.withConfig(function(RestangularConfigurer) {
+        RestangularConfigurer.setBaseUrl(reportIp + '/report');
+    });
+});
+app.factory('api_hkreport', ['hkreportRestangular', function(hkreportRestangular) {
+    var msgService = hkreportRestangular.all("data");
+    return {
+        incidentreport: function(data, key) {
+            return msgService.customPOST(data, key, {});
+        }
+    };
+}]);
 app.factory('webserviceRestangular', function (Restangular) {
     return Restangular.withConfig(function (RestangularConfigurer) {
         RestangularConfigurer.setBaseUrl(serverIp + '/webservice/');
@@ -310,6 +324,14 @@ app.factory('api_webservice', ['webserviceRestangular', function (webserviceRest
         }
     };
 }]);
+app.factory('api_webservice1', ['webserviceRestangular', function (webserviceRestangular) {
+    var dataService = webserviceRestangular.all("");
+    return {
+        fetchDataList: function (model, data) {
+            return dataService.customPOST(data, 'samsQuery/' + model, {});
+        }
+    };
+}]);
 app.factory('playRestangular', function (Restangular) {
     return Restangular.withConfig(function (RestangularConfigurer) {
         RestangularConfigurer.setBaseUrl(callIp);

assets/views/customform/tpl/ui-repeatIncidentbtn.html

@@ -1,4 +1,5 @@
 <!-- start: SETTINGS -->
 <span></span>
-<div data-ng-include=" 'assets/views/partials/off-right.html' " toggleable class="charging panel panel-default hidden-xs hidden-sm" id="charging"></div>
+<div ng-if="!isHk" data-ng-include=" 'assets/views/partials/off-right.html' " toggleable class="charging panel panel-default hidden-xs hidden-sm" id="charging"></div>
+<div ng-if="isHk" data-ng-include=" 'assets/views/partials/off-right-hk.html' " toggleable class="charging panel panel-default hidden-xs hidden-sm" id="charging"></div>
 <div ng-if="true" data-ng-include=" 'assets/views/customform/tpl/ui-repeatIncident.html' " toggleable default=notactive class="repeatIncident panel panel-default hidden-xs hidden-sm " id="repeatIncident"></div>

assets/views/customform/tpl/ui-requester.html

@@ -3,5 +3,6 @@
 
 </div>
 
-<div ng-if="model[options.key].account&&!roleidcode" data-ng-include=" 'assets/views/partials/off-right.html' " toggleable class="charging panel panel-default hidden-xs hidden-sm" id="charging"></div>
+<div ng-if="model[options.key].account&&!roleidcode&&!isHk" data-ng-include=" 'assets/views/partials/off-right.html' " toggleable class="charging panel panel-default hidden-xs hidden-sm" id="charging"></div>
+<div ng-if="model[options.key].account&&!roleidcode&&isHk" data-ng-include=" 'assets/views/partials/off-right-hk.html' " toggleable class="charging panel panel-default hidden-xs hidden-sm" id="charging"></div>
 <div ng-if="recently" data-ng-include=" 'assets/views/customform/tpl/off-recentlyincident.html' " toggleable class="recentlyincident panel panel-default hidden-xs hidden-sm" id="recentlyincident"></div>

assets/views/login_login.html

@@ -95,7 +95,9 @@
                 </a>
             </nav> -->
             <h1>{{app.name}}</h1>
-            <img class="logo" src="../../assets/images/login/logo.png" alt="">
+            <img class="logo" src="../../assets/images/login/logo_zncd.png" alt="" ng-if="isZncd">
+            <img class="logo logo_hk" src="../../assets/images/login/logo_hk2.png" alt="" ng-if="isHk">
+            <img class="logo" src="../../assets/images/login/logo_default.png" alt="" ng-if="!isZncd&&!isHk">
             <img src="../../assets/images/login/bg01.png" alt="">
             <img class="map" src="../../assets/images/login/bg02.png" alt="">
         </header>

assets/views/partials/off-right-hk.html

@@ -0,0 +1,140 @@
+<!-- start: SETTINGS -->
+<button ct-toggle="toggle" tooltip="认证计费" tooltip-placement="left" target="charging" parent-active-class="active" class="btn btn-success">
+    <i class="ti-money"></i>
+    <!-- 认证计费 -->
+</button>
+<!-- <div class="panel-heading ng-scope">
+    认证计费
+</div> -->
+<div class="ng-scope headersize">
+    认证计费
+</div>
+<div class="panel-body ng-scope">
+    <!-- start: FIXED HEADER -->
+    <tabset class="heighttab">
+        <tab heading="人员信息" style="min-width:50%;">
+            <div class="category">
+                <div>
+                    <div>
+                        <div class="col-md-6 padding-top-5 pull-left">
+                            用户名:<span class="recentin">{{sumInfo.userId}}</span>
+                        </div>
+                        <div class=" col-md-6 padding-top-5 pull-left">
+                            用户姓名:<span class="recentin"> {{sumInfo.userName}}</span>
+                        </div>
+                        <div class=" col-md-6 padding-top-5 pull-left">
+                            套餐: <span class="recentin">{{sumInfo.packageName}}</span>
+                        </div>
+                        <div class=" col-md-6 padding-top-5 pull-left">
+                            计费策略: <span class="recentin">{{sumInfo.policyId}}</span>
+                        </div>
+                        <div class=" col-md-6 padding-top-5 pull-left">
+                            账户余额: <span class="recentin">{{sumInfo.accountFee}}元</span>
+                        </div>
+                        <div class="col-md-6 padding-top-5 pull-left">
+                            模版名: <span class="recentin">{{sumInfo.atName}}</span>
+                        </div>
+                        <div class=" col-md-6 padding-top-5 pull-left">
+                            自动销户时间: <span class="recentin">{{sumInfo.autologicDestroyTime}}</span>
+                        </div>
+                        <div class=" col-md-6 padding-top-5 pull-left">
+                            移动电话: <span class="recentin">{{sumInfo.mobile}}</span>
+                        </div>
+                        <div class=" col-md-6 padding-top-5 pull-left">
+                            电话号码: <span class="recentin">{{sumInfo.tel}}</span>
+                        </div>
+                        <div class=" col-md-6 padding-top-5 pull-left">
+                            住址: <span class="recentin">{{sumInfo.address}}</span>
+                        </div>
+                        <div class=" col-md-6 padding-top-5 pull-left">
+                            本周期起始: <span class="recentin">{{sumInfo.periodStartTime}}</span>
+                        </div>
+                        <div class=" col-md-6 padding-top-5 pull-left">
+                            下次记账时刻:<span class="recentin"> {{sumInfo.nextBillingTime}}</span>
+                        </div>
+                        <div class=" col-md-6 padding-top-5 pull-left">
+                            是否是黑名单: <span class="recentin">{{sumInfo.blacklist}}</span>
+                        </div>
+                    </div>
+                </div>
+
+            </div>
+
+        </tab>
+        <tab heading="报修人上网登录信息 " style="min-width:50% ">
+            <div class="changechar active">
+                <!-- <div class="showright active"> -->
+                <!-- <div class="grid"> -->
+                <!--<div class="grid__item" ng-repeat="item in [1,2,3,4,5,6,7,8,9,10,11,12]">-->
+                <div>
+                    <!-- <a ng-click="showpage(item)"> -->
+                    <!-- <div class="title--preview">{{item.userip}}</div> -->
+                    <div ng-repeat="item in logininform_sumInfo">
+                        <div class="col-sm-12 ">
+                            <span class="category pull-left ">用户IPv4:<span class="recentin">{{item.userIpv4}}</span></span>
+                            <span class="category pull-right ">用户mac:<span class="recentin">{{item.userMac}}</span></span>
+                        </div>
+                        <div class="col-sm-12 ">
+                            <span class="category pull-left ">客户端信息:<span class="recentin">{{item.suVersion}}</span></span>
+                            <span class="category pull-right ">终端操作系统:<span class="recentin">{{item.createUserName}}</span></span>
+                        </div>
+                        <div class="col-sm-12 ">
+                            <span class="category pull-left ">DNS:<span class="recentin">{{item.userip}}</span></span>
+                            <span class="category pull-right ">NAS IPv4:<span class="recentin">{{item.nasip}}</span></span>
+                        </div>
+                        <div class="col-sm-12 ">
+                            <span class="category pull-right ">下线时间:<span class="recentin">{{item.logoutTime}}</span></span>
+                            <span class="category pull-left ">上线时间:<span class="recentin">{{item.loginTime}}</span></span>
+                        </div>
+                        <div class="col-sm-12">
+                            <span class="category pull-right ">下线原因:<span class="recentin">{{item.terminateCause}}</span></span>
+                            <span class="category pull-left ">网关地址:<span class="recentin">{{item.acctstart}}</span></span>
+                        </div>
+                        <div class="col-sm-12 ">
+                            <span class="category pull-right ">接入方式:<span class="recentin">{{item.acctstart}}</span></span>
+                            <span class="category pull-left ">接入位置描述:<span class="recentin">{{item.acctstart}}</span></span>
+                            </br>
+                            <hr style="margin-top: 0px;margin-bottom: 0px;margin-left:-15px;width:500px; height:1px;border:none;border-top:1px double #185598;" />
+                        </div>
+                    </div>
+                    <!-- </a> -->
+                </div>
+                <!-- </div> -->
+                <!-- </div> -->
+            </div>
+        </tab>
+    </tabset>
+    <!-- end: FIXED HEADER -->
+</div>
+<!-- end: SETTINGS -->
+<style>
+    .changechar.active {
+        /*width: 100%;*/
+        max-height: 380px;
+        min-height: 160px;
+        overflow-x: hidden;
+        font-size: 12px;
+    }
+    
+    .tab-content>.active {
+        /* display: none; */
+        padding: 0px;
+    }
+    
+    .nav-tabs>li>a {
+        border: 0 none;
+        border-radius: 5;
+        color: #8E9AA2;
+        min-width: 70px;
+        font-size: 12px;
+        padding: 10px 5px;
+    }
+    
+    .loaderinform {
+        height: 1px;
+        width: 100%;
+        /* margin: 8px auto; */
+        position: relative;
+        background: rgba(0, 0, 0, 0.1);
+    }
+</style>

assets/views/partials/top-navbar.html

@@ -40,10 +40,20 @@
         <span class="sr-only">Toggle navigation</span>
         <i class="ti-view-grid"></i>
     </a>
-    <a class="navbar-brand pull-left margin-left-5" ui-sref="app.dashboard">
+    <a class="navbar-brand pull-left margin-left-5" ui-sref="app.dashboard" ng-if="isZncd">
         <!-- <img ng-src="/logo_large.png" style="width:160px;height:35px" alt="{{app.name}}" /> -->
         <!-- <span class="padding-left-10 padding-right-5"><img ng-src="/line.png"  alt="{{app.name}}" /></span> -->
-        <img ng-src="assets/images/login/logo.png" style="width:40px;height: 40px;" alt="{{app.name}}"
+        <img ng-src="assets/images/login/logo_zncd.png" style="width:40px;height: 40px;" alt="{{app.name}}"
+            class="jry_img_right" />{{app.author}} </a>
+    <a class="navbar-brand pull-left margin-left-5" ui-sref="app.dashboard" ng-if="isHk">
+        <!-- <img ng-src="/logo_large.png" style="width:160px;height:35px" alt="{{app.name}}" /> -->
+        <!-- <span class="padding-left-10 padding-right-5"><img ng-src="/line.png"  alt="{{app.name}}" /></span> -->
+        <img ng-src="assets/images/login/logo_hk2.png" style="width:auto;height: 35px;" alt="{{app.name}}"
+            class="jry_img_right" />{{app.author}} </a>
+    <a class="navbar-brand pull-left margin-left-5" ui-sref="app.dashboard" ng-if="!isZncd&&!isHk">
+        <!-- <img ng-src="/logo_large.png" style="width:160px;height:35px" alt="{{app.name}}" /> -->
+        <!-- <span class="padding-left-10 padding-right-5"><img ng-src="/line.png"  alt="{{app.name}}" /></span> -->
+        <img ng-src="assets/images/login/logo_default.png" style="width:40px;height: 40px;" alt="{{app.name}}"
             class="jry_img_right" />{{app.author}} </a>
 </div>
 <!-- end: NAVBAR HEADER -->

assets/views/report/analysis.html

@@ -0,0 +1,377 @@
+<section id="page-title">
+    <div class="row">
+        <div class="col-sm-8">
+            <h1 class="mainTitle">事件趋势分析报表<i tooltip='请查看事件趋势分析报表相关数据。' tooltip-placement="right" class="fa  ti-help-alt margin-left-10 fontcolor-five pointfont"></i></h1>
+        </div>
+    </div>
+</section>
+<!-- end: PAGE TITLE -->
+<!-- start: BOOTSRAP NAV TREE -->
+<style>
+    .bodybackground {
+        background: #eee;
+    }
+    
+    .know-text-group {
+        display: inline-block;
+        box-sizing: border-box;
+        border-radius: 2px;
+        /* border: 1px solid #fff; */
+        /* padding-top: 5px; */
+        width: 100%;
+        /* padding-bottom: 5px; */
+    }
+    
+    .know-text-group-div {
+        display: inline-block;
+        width: 12%;
+        padding-top: 5px;
+        padding-bottom: 5px;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+    
+    .know-text-group-div:hover {
+        background-color: #005395 !important;
+        color: #fff;
+    }
+    
+    .know-text-group-div.active,
+    .know-text-group-div:focus,
+    .know-text-group-div:hover {
+        background-color: #005395 !important;
+        color: #fff;
+    }
+    
+    .know-text-color {
+        padding-left: 14px;
+        font-size: 14px;
+        color: #93989e;
+    }
+    
+    .know-span {
+        display: inline-block;
+        text-align: center;
+    }
+    
+    .know-num {
+        width: 28px;
+        height: 20px;
+        line-height: 20px;
+        font-size: 12px;
+        border-radius: 10px;
+        margin-right: 10px;
+        color: white;
+    }
+    
+    .bg-yellow {
+        background: #005395;
+    }
+    
+    .bg-green {
+        background: #2edbb8;
+    }
+    
+    .bg-blue {
+        background: #6f9ad4;
+    }
+    
+    .leftBorder {
+        border-left: 1px solid #eeeeee;
+    }
+    
+    .leftBorder.active,
+    .leftBorder:focus,
+    .leftBorder:hover {
+        border-left: 0px solid #005395;
+    }
+    
+    .divRight {
+        float: right;
+    }
+    
+    input[type="text"] {}
+    
+    .searchInput {
+        border: none !important;
+    }
+    /*     
+    input:focus {
+        box-shadow: none !important;
+        border: none !important;
+        background-color: white !important;
+    } */
+    
+    .know-left-div {
+        width: 706px;
+        /* margin-top: 15px; */
+        /* display: inline-block; */
+        float: left;
+        margin-right: 20px;
+    }
+    
+    .know-right-div {
+        /* margin-top: 15px; */
+        /* display: inline-block; */
+        overflow: hidden;
+    }
+    
+    .know-left-up-div {
+        margin-bottom: 20px;
+    }
+    
+    .know-left-div-head {
+        height: 34px;
+        line-height: 34px;
+        background: #e9eff8;
+        font-size: 14px;
+        color: #606367;
+        border-radius: 8px 8px 0 0;
+        padding-left: 10px;
+    }
+    /* .listheight {}
+     */
+    
+    .gobutton {
+        color: 005395;
+        font-family: "microsoft yahei";
+    }
+    
+    .gobutton:hover {
+        color: #1b3651;
+    }
+    
+    .gobutton:focus,
+    .gobutton:hover {
+        color: #1b3651;
+    }
+    
+    .dash_head {
+        font-size: 14px;
+    }
+    
+    .dash_headborder {
+        height: 260px;
+        border: 1px solid #dedede;
+        border-radius: 2px;
+    }
+    
+    .dashheadcolor {
+        border-bottom: 1px solid #dedede;
+        border-radius: 2px;
+    }
+    
+    .dash_mapborder {
+        height: 320px;
+        border: 1px solid #dedede;
+        border-radius: 2px;
+    }
+    
+    .disablecolor {
+        color: #f3f3f3 !important;
+    }
+    
+    .onlyaline {
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+    
+    .newcolor {
+        color: #79a3c4;
+    }
+    
+    .form-controldash {
+        color: #93989e;
+        height: 20px;
+        border-radius: 2px;
+        border: 1px solid #d1d1d1;
+    }
+    
+    .iconcolorjingji {
+        color: #BE2636 !important;
+    }
+    
+    .iconcoloryanzhong {
+        color: #f5a623 !important;
+    }
+    
+    .iconcoloryiban {
+        color: #005396 !important;
+    }
+    
+    .iconfontkill {
+        font-family: iconfont!important;
+        font-size: 18px;
+        color: #000;
+        z-index: 1;
+        -webkit-font-smoothing: antialiased;
+        -webkit-text-stroke-width: .2px;
+    }
+    
+    .monthchoice {
+        height: 200px;
+        overflow-x: hidden;
+        overflow-y: scroll;
+        line-height: 30px;
+        text-align: center;
+    }
+    
+    .dropdown-menu.monthchoice {
+        min-width: 30px !important;
+    }
+    
+    .backcopycolor {
+        background: #f9f9f9;
+    }
+    
+    .backcolor {
+        background: #fff;
+        border: 1px solid #ddd;
+    }
+    
+    .table>tbody>tr>th {
+        vertical-align: middle;
+        text-align: center;
+        background: #fafafa;
+    }
+    
+    .table>tbody>tr>td {
+        vertical-align: middle;
+        text-align: center;
+    }
+    
+    .bottomcat {
+        border-bottom: 1px solid #eaeaea;
+    }
+    
+    .table.table-bordered tr {
+        white-space: inherit;
+    }
+    
+    .upreport {
+        color: #bf2939;
+    }
+    
+    .downreport {
+        color: #81d425;
+    }
+    
+    .normalreport {
+        color: #81abcb;
+    }
+    
+    .iconfontsmall {
+        font-family: iconfont!important;
+        font-size: 14px;
+        /* color: #005395; */
+        z-index: 1;
+        -webkit-font-smoothing: antialiased;
+        -webkit-text-stroke-width: .2px;
+    }
+</style>
+<div ng-style="bodyheight">
+    <div class="backcopycolor col-xs-12 padding-15">
+        <div ng-controller="reportanalysisCtrl" class="backcolor padding-left-15 padding-right-15">
+            <div class="listbote dashheadcolor">
+                <div class="list-controls clearfix">
+                    <div class="know-text-group">
+                        <form class="col-xs-12 col-sm-12 form-inline schesearchsize">
+                            <div class="row">
+                                <div class="">选择日期：</div>
+                                <div class="form-group">
+                                    <input type="text" class="form-control" datepicker-popuptime="yyyy" ng-change="changeForm(parameters.paramDateFrom)" ng-model="parameters.paramDateFrom" min-mode='year' min-modeon='year' max-date="parameters.paramDateTo" datepicker-mode=yeardata is-open="startOpened"
+                                        hour-time=true ng-init="startOpened = false" close-text="关闭" ng-click="startOpen($event)" />
+                                </div>
+                                <span>-</span>
+                                <div class="form-group">
+                                    <input type="text" class="form-control" datepicker-popuptime="yyyy" ng-change="changeTo(parameters.paramDateTo)" ng-model="parameters.paramDateTo" hour-time=true min-date="parameters.paramDateFrom" min-mode='year' min-modeon='year' datepicker-mode=yeardata
+                                        is-open="endOpened" ng-init="endOpened = false" close-text="关闭" ng-click="endOpen($event)" />
+                                </div>
+                                <div class="form-group">
+                                    <ui-select class="pull-left" style="width:158px" ng-model="searchkeys.quikly" theme="bootstrap" ng-change="onChangetime(searchkeys.quikly)">
+                                        <ui-select-match placeholder="">
+                                            {{$select.selected.name}}
+                                        </ui-select-match>
+                                        <ui-select-choices repeat="item in quikly" refresh="onChangehandling($select.search)">
+                                            <div ng-bind-html="item.name | highlight: $select.search"></div>
+                                        </ui-select-choices>
+                                    </ui-select>
+                                </div>
+                                <div class="form-group" style="margin-top: -20px;">
+                                    <div class="">区域：</div>
+                                    <ui-select class="pull-right" style="width:158px" ng-model="searchkeys.area" theme="bootstrap" ng-change="onChangearea(searchkeys)">
+                                        <ui-select-match placeholder="全部">
+                                            {{$select.selected.area}}
+                                        </ui-select-match>
+                                        <ui-select-choices repeat="item in outarea | filter: $select.search">
+                                            <div ng-bind-html="item.area | highlight: $select.search"></div>
+                                        </ui-select-choices>
+                                    </ui-select>
+                                </div>
+                                <div class="form-group pull-right">
+                                    <a class="btn btn-default defaultheight" ng-click="restData()" ng-disabled="disabledParentGroup" type="button">重置</a>
+                                </div>
+                                <div class="form-group pull-right margin-right-10">
+                                    <button class="btn btn-searchbutton" ng-click="mdxquery(searchkeys)" type="button">搜索</button>
+                                </div>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+            </div>
+            <div class="row margin-top-15 margin-bottom-15" style="margin-left:-7px;margin-right:-7px">
+                <div class="col-xs-12" style="padding-left:8px;padding-right:8px">
+                    <div class="listheight dash_mapborder">
+                        <div class="fenlei col-xs-12 fontsizes-14">
+                            <div class="col-xs-12 bottomcat">
+                                <div class="row fontcolor-two padding-top-15 padding-bottom-15">
+                                    <div class="fenleifont pull-left">事件数量统计分析</div>
+                                    <div class="fenleifont pull-right fontcolor-ten fontsizes-14"></div>
+                                </div>
+                            </div>
+                            <div id="analysis" style="width: 100%;height: 260px"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <table class="table table-bordered " cellspacing="0" cellpadding="20" style="font-weight:normal !important;margin-bottom: 15px;">
+                <thread>
+                    <tr>
+                        <th ng-repeat="x in headerslist  track by $index">
+                            {{x}}
+                        </th>
+                    </tr>
+                </thread>
+                <tbody class="tbody-hover">
+                    <tr ng-repeat="rowData in listsum">
+                        <td>{{rowData.date}}
+                        </td>
+                        <td>
+                            {{rowData.sum}}
+                        </td>
+                        <td>
+                            <span ng-if="rowData.allzzl!='-'&&rowData.allzzl>0" class="icon iconfontsmall icon-up  upreport" style="font-size: 12px"></span><span ng-if="rowData.allzzl!='-'&&rowData.allzzl==0" class="icon iconfontsmall icon-chiping  normalreport"></span>
+                            <span ng-if="rowData.allzzl!='-'&&rowData.allzzl<0" class="icon iconfontsmall icon-xiajiang  downreport"></span> {{rowData.allzzl}}%
+                        </td>
+                        <td ng-repeat="rowDatas in rowData.all track by $index">
+                            <div class="padding-right-10">{{rowDatas.category}}
+                            </div>
+                            <div><span ng-if="rowDatas.zzl!='-'&&rowDatas.zzl>0" class="icon iconfontsmall icon-up  upreport" style="font-size: 12px"></span><span ng-if="rowDatas.zzl!='-'&&rowDatas.zzl==0" class="icon iconfontsmall icon-chiping  normalreport"></span>
+                                <span ng-if="rowDatas.zzl!='-'&&rowDatas.zzl<0" class="icon iconfontsmall icon-xiajiang  downreport"></span>{{rowDatas.zzl}}%
+                            </div>
+                        </td>
+                        <!-- <td ng-repeat="rowData in rRows track by $index">
+                          
+                            <div ng-if="$index%2==0">{{rowData['zzl'+$index]}}
+                            </div>
+                        </td> -->
+                    </tr>
+                </tbody>
+            </table>
+
+        </div>
+    </div>
+</div>
+<!-- end: BOOTSRAP NAV TREE

assets/views/report/catergry.html

@@ -0,0 +1,535 @@
+<section id="page-title">
+    <div class="row">
+        <div class="col-sm-8">
+            <h1 class="mainTitle">事件分类报表<i tooltip='请查看事件分类报表相关数据。' tooltip-placement="right" class="fa  ti-help-alt margin-left-10 fontcolor-five pointfont"></i></h1>
+        </div>
+    </div>
+</section>
+<!-- end: PAGE TITLE -->
+<!-- start: BOOTSRAP NAV TREE -->
+<style>
+    .bodybackground {
+        background: #eee;
+    }
+    
+    .know-text-group {
+        display: inline-block;
+        box-sizing: border-box;
+        border-radius: 2px;
+        /* border: 1px solid #fff; */
+        /* padding-top: 5px; */
+        width: 100%;
+        /* padding-bottom: 5px; */
+    }
+    
+    .know-text-group-div {
+        display: inline-block;
+        width: 12%;
+        padding-top: 5px;
+        padding-bottom: 5px;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+    
+    .know-text-group-div:hover {
+        background-color: #005395 !important;
+        color: #fff;
+    }
+    
+    .know-text-group-div.active,
+    .know-text-group-div:focus,
+    .know-text-group-div:hover {
+        background-color: #005395 !important;
+        color: #fff;
+    }
+    
+    .know-text-color {
+        padding-left: 14px;
+        font-size: 14px;
+        color: #93989e;
+    }
+    
+    .know-span {
+        display: inline-block;
+        text-align: center;
+    }
+    
+    .know-num {
+        width: 28px;
+        height: 20px;
+        line-height: 20px;
+        font-size: 12px;
+        border-radius: 10px;
+        margin-right: 10px;
+        color: white;
+    }
+    
+    .bg-yellow {
+        background: #005395;
+    }
+    
+    .bg-green {
+        background: #2edbb8;
+    }
+    
+    .bg-blue {
+        background: #6f9ad4;
+    }
+    
+    .leftBorder {
+        border-left: 1px solid #eeeeee;
+    }
+    
+    .leftBorder.active,
+    .leftBorder:focus,
+    .leftBorder:hover {
+        border-left: 0px solid #005395;
+    }
+    
+    .divRight {
+        float: right;
+    }
+    
+    input[type="text"] {}
+    
+    .searchInput {
+        border: none !important;
+    }
+    /*     
+    input:focus {
+        box-shadow: none !important;
+        border: none !important;
+        background-color: white !important;
+    } */
+    
+    .know-left-div {
+        width: 706px;
+        /* margin-top: 15px; */
+        /* display: inline-block; */
+        float: left;
+        margin-right: 20px;
+    }
+    
+    .know-right-div {
+        /* margin-top: 15px; */
+        /* display: inline-block; */
+        overflow: hidden;
+    }
+    
+    .know-left-up-div {
+        margin-bottom: 20px;
+    }
+    
+    .know-left-div-head {
+        height: 34px;
+        line-height: 34px;
+        background: #e9eff8;
+        font-size: 14px;
+        color: #606367;
+        border-radius: 8px 8px 0 0;
+        padding-left: 10px;
+    }
+    /* .listheight {}
+     */
+    
+    .gobutton {
+        color: 005395;
+        font-family: "microsoft yahei";
+    }
+    
+    .gobutton:hover {
+        color: #1b3651;
+    }
+    
+    .gobutton:focus,
+    .gobutton:hover {
+        color: #1b3651;
+    }
+    
+    .dash_head {
+        font-size: 14px;
+    }
+    
+    .dash_headborder {
+        height: 260px;
+        border: 1px solid #dedede;
+        border-radius: 2px;
+    }
+    
+    .dashheadcolor {
+        border-bottom: 1px solid #dedede;
+        border-radius: 2px;
+    }
+    
+    .dash_mapborder {
+        height: 320px;
+        border: 1px solid #dedede;
+        border-radius: 2px;
+    }
+    
+    .disablecolor {
+        color: #f3f3f3 !important;
+    }
+    
+    .onlyaline {
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+    
+    .newcolor {
+        color: #79a3c4;
+    }
+    
+    .form-controldash {
+        color: #93989e;
+        height: 20px;
+        border-radius: 2px;
+        border: 1px solid #d1d1d1;
+    }
+    
+    .iconcolorjingji {
+        color: #BE2636 !important;
+    }
+    
+    .iconcoloryanzhong {
+        color: #f5a623 !important;
+    }
+    
+    .iconcoloryiban {
+        color: #005396 !important;
+    }
+    
+    .iconfontkill {
+        font-family: iconfont!important;
+        font-size: 18px;
+        color: #000;
+        z-index: 1;
+        -webkit-font-smoothing: antialiased;
+        -webkit-text-stroke-width: .2px;
+    }
+    
+    .monthchoice {
+        height: 200px;
+        overflow-x: hidden;
+        overflow-y: scroll;
+        line-height: 30px;
+        text-align: center;
+    }
+    
+    .dropdown-menu.monthchoice {
+        min-width: 30px !important;
+    }
+    
+    .backcopycolor {
+        background: #f9f9f9;
+    }
+    
+    .backcolor {
+        background: #fff;
+        border: 1px solid #ddd;
+    }
+    
+    .table>tbody>tr>th {
+        vertical-align: middle;
+        text-align: center;
+        background: #fafafa;
+    }
+    
+    .table>tbody>tr>td {
+        vertical-align: middle;
+        text-align: center;
+    }
+    
+    .bottomcat {
+        border-bottom: 1px solid #eaeaea;
+    }
+    
+    .table.table-bordered tr {
+        white-space: inherit;
+    }
+    
+    .tree-control .tree-input {
+        border-radius: 4px;
+        padding-top: 5px;
+        width: 158px !important;
+    }
+</style>
+<div ng-style="bodyheight">
+    <div class="backcopycolor col-xs-12 padding-15">
+        <div ng-controller="reportcatergryCtrl" class="backcolor padding-left-15 padding-right-15">
+            <div class="listbote dashheadcolor">
+                <div class="list-controls clearfix">
+                    <div class="know-text-group">
+                        <form class="col-xs-12 col-sm-12 form-inline schesearchsize">
+                            <div class="row">
+                                <div class="">选择日期：</div>
+                                <div class="form-group">
+                                    <input type="text" class="form-control" datepicker-popuptime="yyyy-MM-dd" ng-change="changeForm(parameters.paramDateFrom)" ng-model="parameters.paramDateFrom" max-date="parameters.paramDateTo" is-open="startOpened" hour-time=true ng-init="startOpened = false"
+                                        close-text="关闭" ng-click="startOpen($event)" />
+                                </div>
+                                <span>-</span>
+                                <div class="form-group">
+                                    <input type="text" class="form-control" datepicker-popuptime="yyyy-MM-dd" ng-change="changeTo(parameters.paramDateTo)" ng-model="parameters.paramDateTo" hour-time=true min-date="parameters.paramDateFrom" is-open="endOpened" ng-init="endOpened = false"
+                                        close-text="关闭" ng-click="endOpen($event)" />
+                                </div>
+                                <div class="form-group">
+                                    <ui-select class="pull-left" style="width:158px" ng-model="searchkeys.quikly" theme="bootstrap" ng-change="onChangetime(searchkeys.quikly)">
+                                        <ui-select-match placeholder="">
+                                            {{$select.selected.name}}
+                                        </ui-select-match>
+                                        <ui-select-choices repeat="item in quikly" refresh="onChangehandling($select.search)">
+                                            <div ng-bind-html="item.name | highlight: $select.search"></div>
+                                        </ui-select-choices>
+                                    </ui-select>
+                                </div>
+                                <div class="form-group" style="margin-top: -20px;">
+                                    <div class="">事件分类：</div>
+                                    <multi-select-tree ng-model="searchkeys.category" style="width:158px" data-input-model="select_treedataca" data-output-model="my_dataca" theme="bootstrap" multi-select="false" data-default-label="全部" data-callback="onFilterCallback(item)" data-select-only-leafs="false"
+                                        data-select-only-high="true" data-trans-label="label" data-switch-view="false"></multi-select-tree>
+                                </div>
+                                <div class="form-group pull-right">
+                                    <a class="btn btn-default defaultheight" ng-click="restData()" ng-disabled="disabledParentGroup" type="button">重置</a>
+                                </div>
+                                <div class="form-group pull-right margin-right-10">
+                                    <button class="btn btn-searchbutton" ng-click="mdxquery(searchkeys)" type="button">搜索</button>
+                                </div>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+            </div>
+            <div class="row margin-top-15 margin-bottom-15" style="margin-left:-7px;margin-right:-7px">
+                <div class="col-xs-6" style="padding-left:8px;padding-right:8px">
+                    <div class="listheight dash_mapborder">
+                        <div class="fenlei col-xs-12 fontsizes-14">
+                            <div class="col-xs-12 bottomcat">
+                                <div class="row fontcolor-two padding-top-15 padding-bottom-15">
+                                    <div class="fenleifont pull-left">事件分类总数占比</div>
+                                    <div class="fenleifont pull-right fontcolor-ten fontsizes-14"></div>
+                                </div>
+                            </div>
+                            <div id="reportcatergry" style="width: 100%;height: 266px"></div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-xs-6" style="padding-left:8px;padding-right:8px">
+                    <div class="listheight dash_mapborder">
+                        <div class="fenlei col-xs-12 fontsizes-14">
+                            <div class="col-xs-12 bottomcat">
+                                <div class="row fontcolor-two padding-top-15 padding-bottom-15">
+                                    <div class="fenleifont pull-left">事件分类趋势分析</div>
+                                    <div class="fenleifont pull-right fontcolor-ten fontsizes-14"></div>
+                                </div>
+                            </div>
+                            <div id="liuliangcatergry" style="width: 100%;height: 260px"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="row margin-top-15 margin-bottom-15" style="margin-left:-7px;margin-right:-7px">
+                <div class="col-xs-6" style="padding-left:8px;padding-right:8px">
+                    <div class="listheight dash_mapborder">
+                        <div class="fenlei col-xs-12" style="height:100%">
+                            <div class="fenleitop fontsizes-14">
+                                <div class="col-xs-12 bottomcat">
+                                    <div class="row fontcolor-two padding-top-15 padding-bottom-15">
+                                        <div class="fenleifont pull-left">事件区域地点TOP5排行</div>
+                                        <div class="fenleifont pull-right fontcolor-ten fontsizes-14"></div>
+                                    </div>
+                                </div>
+
+                            </div>
+                            <div id="faultcatergry" class="pull-left" style="width: 100%;
+            height: 260px"></div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-xs-6" style="padding-left:8px;padding-right:8px">
+                    <div class="listheight dash_mapborder">
+                        <div class="fenlei col-xs-12" style="height:100%">
+                            <div class="fenleitop fontsizes-14">
+                                <div class="col-xs-12 bottomcat">
+                                    <div class="row fontcolor-two padding-top-15 padding-bottom-15">
+                                        <div class="fenleifont pull-left">故障原因TOP5排行</div>
+                                        <div class="fenleifont pull-right fontcolor-ten fontsizes-14"></div>
+                                    </div>
+                                </div>
+
+                            </div>
+                            <div id="faultgu" class="pull-left" style="width: 100%;
+            height: 260px"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="row margin-top-15 margin-bottom-15" style="margin-left:-7px;margin-right:-7px">
+                <div class="col-xs-12" style="padding-left:8px;padding-right:8px">
+                    <div class="listheight dash_mapborder">
+                        <div class="fenlei col-xs-12 fontsizes-14">
+                            <div class="col-xs-12 bottomcat">
+                                <div class="row fontcolor-two padding-top-15 padding-bottom-15">
+                                    <div class="fenleifont pull-left">区域地点及事件类型趋势分析</div>
+                                    <div class="fenleifont pull-right fontcolor-ten fontsizes-14"></div>
+                                </div>
+                            </div>
+                            <div id="analysisca" style="width: 100%;height: 260px"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <table class="table table-bordered " cellspacing="0" cellpadding="20" style="font-weight:normal !important;margin-bottom: 15px;">
+                <thread>
+                    <tr>
+                        <th rowspan="2">
+                            序号
+                        </th>
+                        <th rowspan="2">
+                            事件分类名称
+                        </th>
+                        <th rowspan="2">
+                            事件总数（件）
+                        </th>
+                        <th rowspan="2">
+                            事件占比（%）
+                        </th>
+                        <th rowspan="1" colspan='5'>
+                            事件频发区域地点
+                        </th>
+                        <!-- <th rowspan="1" colspan='2'>
+                            时间段占比
+                        </th> -->
+                        <th rowspan="1" colspan='4'>
+                            优先级
+                        </th>
+                        <th rowspan="1" colspan='5'>
+                            关闭代码
+                        </th>
+                    </tr>
+                    <tr>
+                        <th rowspan="1">
+                            TOP1
+                        </th>
+                        <th rowspan="1">
+                            TOP2
+                        </th>
+                        <th rowspan="1">
+                            TOP3
+                        </th>
+                        <th rowspan="1">
+                            TOP4
+                        </th>
+                        <th rowspan="1">
+                            TOP5
+                        </th>
+                        <!-- <th rowspan="1">
+                            工作时间
+                        </th>
+                        <th rowspan="1">
+                            值班时间
+                        </th> -->
+                        <th rowspan="1">
+                            极高
+                        </th>
+                        <th rowspan="1">
+                            高
+                        </th>
+                        <th rowspan="1">
+                            中
+                        </th>
+                        <th rowspan="1">
+                            低
+                        </th>
+                        <th rowspan="1">
+                            关闭代码1
+                        </th>
+                        <th rowspan="1">
+                            关闭代码2
+                        </th>
+                        <th rowspan="1">
+                            关闭代码3
+                        </th>
+                        <th rowspan="1">
+                            关闭代码4
+                        </th>
+                        <th rowspan="1">
+                            关闭代码5
+                        </th>
+                    </tr>
+                </thread>
+                <tbody class="tbody-hover">
+                    <tr ng-repeat="rowData in rRowscatergry">
+                        <td>
+                            {{$index+1}}
+                        </td>
+                        <td>
+                            {{rowData.category}}
+                        </td>
+                        <td>
+                            {{rowData.sum}}
+                        </td>
+                        <td>
+                            {{rowData.proportion}}%
+                        </td>
+                        <td>
+                            {{rowData.tap0}}
+                        </td>
+                        <td>
+                            {{rowData.tap1}}
+                        </td>
+                        <td>
+                            {{rowData.tap2}}
+                        </td>
+                        <td>
+                            {{rowData.tap3}}
+                        </td>
+                        <td>
+                            {{rowData.tap4}}
+                        </td>
+                        <!-- <td>
+                            {{rowData.overtimesolve}}
+                        </td>
+                        <td>
+                            {{rowData.solvetime}}
+                        </td>
+                        <td>
+                            {{rowData.overtimesolveProportion}}%
+                        </td>
+                        <td>
+                            {{rowData.fcmy}}%
+                        </td> -->
+                        <td>
+                            {{rowData.jg}}
+                        </td>
+                        <td>
+                            {{rowData.g}}
+                        </td>
+                        <td>
+                            {{rowData.z}}
+                        </td>
+                        <td>
+                            {{rowData.d}}
+                        </td>
+                        <td>
+                            {{rowData.gbdm1}}
+                        </td>
+                        <td>
+                            {{rowData.gbdm2}}
+                        </td>
+                        <td>
+                            {{rowData.gbdm3}}
+                        </td>
+                        <td>
+                            {{rowData.gbdm4}}
+                        </td>
+                        <td>
+                            {{rowData.gbdm5}}
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
+<!-- end: BOOTSRAP NAV TREE

assets/views/report/efficiency.html

@@ -0,0 +1,546 @@
+<section id="page-title">
+    <div class="row">
+        <div class="col-sm-8">
+            <h1 class="mainTitle">事件运维效率统计<i tooltip='请查看事件运维效率统计相关数据。' tooltip-placement="right" class="fa  ti-help-alt margin-left-10 fontcolor-five pointfont"></i></h1>
+        </div>
+    </div>
+</section>
+<!-- end: PAGE TITLE -->
+<!-- start: BOOTSRAP NAV TREE -->
+<style>
+    .bodybackground {
+        background: #eee;
+    }
+    
+    .know-text-group {
+        display: inline-block;
+        box-sizing: border-box;
+        border-radius: 2px;
+        /* border: 1px solid #fff; */
+        /* padding-top: 5px; */
+        width: 100%;
+        /* padding-bottom: 5px; */
+    }
+    
+    .know-text-group-div {
+        display: inline-block;
+        width: 12%;
+        padding-top: 5px;
+        padding-bottom: 5px;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+    
+    .know-text-group-div:hover {
+        background-color: #005395 !important;
+        color: #fff;
+    }
+    
+    .know-text-group-div.active,
+    .know-text-group-div:focus,
+    .know-text-group-div:hover {
+        background-color: #005395 !important;
+        color: #fff;
+    }
+    
+    .know-text-color {
+        padding-left: 14px;
+        font-size: 14px;
+        color: #93989e;
+    }
+    
+    .know-span {
+        display: inline-block;
+        text-align: center;
+    }
+    
+    .know-num {
+        width: 28px;
+        height: 20px;
+        line-height: 20px;
+        font-size: 12px;
+        border-radius: 10px;
+        margin-right: 10px;
+        color: white;
+    }
+    
+    .bg-yellow {
+        background: #005395;
+    }
+    
+    .bg-green {
+        background: #2edbb8;
+    }
+    
+    .bg-blue {
+        background: #6f9ad4;
+    }
+    
+    .leftBorder {
+        border-left: 1px solid #eeeeee;
+    }
+    
+    .leftBorder.active,
+    .leftBorder:focus,
+    .leftBorder:hover {
+        border-left: 0px solid #005395;
+    }
+    
+    .divRight {
+        float: right;
+    }
+    
+    input[type="text"] {}
+    
+    .searchInput {
+        border: none !important;
+    }
+    /*     
+    input:focus {
+        box-shadow: none !important;
+        border: none !important;
+        background-color: white !important;
+    } */
+    
+    .know-left-div {
+        width: 706px;
+        /* margin-top: 15px; */
+        /* display: inline-block; */
+        float: left;
+        margin-right: 20px;
+    }
+    
+    .know-right-div {
+        /* margin-top: 15px; */
+        /* display: inline-block; */
+        overflow: hidden;
+    }
+    
+    .know-left-up-div {
+        margin-bottom: 20px;
+    }
+    
+    .know-left-div-head {
+        height: 34px;
+        line-height: 34px;
+        background: #e9eff8;
+        font-size: 14px;
+        color: #606367;
+        border-radius: 8px 8px 0 0;
+        padding-left: 10px;
+    }
+    /* .listheight {}
+     */
+    
+    .gobutton {
+        color: 005395;
+        font-family: "microsoft yahei";
+    }
+    
+    .gobutton:hover {
+        color: #1b3651;
+    }
+    
+    .gobutton:focus,
+    .gobutton:hover {
+        color: #1b3651;
+    }
+    
+    .dash_head {
+        font-size: 14px;
+    }
+    
+    .dash_headborder {
+        height: 260px;
+        border: 1px solid #dedede;
+        border-radius: 2px;
+    }
+    
+    .dashheadcolor {
+        border-bottom: 1px solid #dedede;
+        border-radius: 2px;
+    }
+    
+    .dash_mapborder {
+        height: 320px;
+        border: 1px solid #dedede;
+        border-radius: 2px;
+    }
+    
+    .disablecolor {
+        color: #f3f3f3 !important;
+    }
+    
+    .onlyaline {
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+    
+    .newcolor {
+        color: #79a3c4;
+    }
+    
+    .form-controldash {
+        color: #93989e;
+        height: 20px;
+        border-radius: 2px;
+        border: 1px solid #d1d1d1;
+    }
+    
+    .iconcolorjingji {
+        color: #BE2636 !important;
+    }
+    
+    .iconcoloryanzhong {
+        color: #f5a623 !important;
+    }
+    
+    .iconcoloryiban {
+        color: #005396 !important;
+    }
+    
+    .iconfontkill {
+        font-family: iconfont!important;
+        font-size: 18px;
+        color: #000;
+        z-index: 1;
+        -webkit-font-smoothing: antialiased;
+        -webkit-text-stroke-width: .2px;
+    }
+    
+    .monthchoice {
+        height: 200px;
+        overflow-x: hidden;
+        overflow-y: scroll;
+        line-height: 30px;
+        text-align: center;
+    }
+    
+    .dropdown-menu.monthchoice {
+        min-width: 30px !important;
+    }
+    
+    .backcopycolor {
+        background: #f9f9f9;
+    }
+    
+    .backcolor {
+        background: #fff;
+        border: 1px solid #ddd;
+    }
+    
+    .table>tbody>tr>th {
+        vertical-align: middle;
+        text-align: center;
+        background: #fafafa;
+    }
+    
+    .table>tbody>tr>td {
+        vertical-align: middle;
+        text-align: center;
+    }
+    
+    .bottomcat {
+        border-bottom: 1px solid #eaeaea;
+    }
+    
+    .table.table-bordered tr {
+        white-space: inherit;
+    }
+    
+    .tree-control .tree-input {
+        border-radius: 4px;
+        padding-top: 5px;
+        width: 158px !important;
+    }
+    
+    .timecolor {
+        color: #f30922;
+    }
+</style>
+<div ng-style="bodyheight">
+    <div class="backcopycolor col-xs-12 padding-15">
+        <div ng-controller="reportefficiencyCtrl" class="backcolor padding-left-15 padding-right-15">
+            <div class="listbote dashheadcolor">
+                <div class="list-controls clearfix">
+                    <div class="know-text-group">
+                        <form class="col-xs-12 col-sm-12 form-inline schesearchsize">
+                            <div class="row">
+                                <div class="">选择日期：</div>
+                                <div class="form-group">
+                                    <input type="text" class="form-control" datepicker-popuptime="yyyy-MM-dd" ng-change="changeForm(parameters.paramDateFrom)" ng-model="parameters.paramDateFrom" max-date="parameters.paramDateTo" is-open="startOpened" hour-time=true ng-init="startOpened = false"
+                                        close-text="关闭" ng-click="startOpen($event)" />
+                                </div>
+                                <span>-</span>
+                                <div class="form-group">
+                                    <input type="text" class="form-control" datepicker-popuptime="yyyy-MM-dd" ng-change="changeTo(parameters.paramDateTo)" ng-model="parameters.paramDateTo" hour-time=true min-date="parameters.paramDateFrom" is-open="endOpened" ng-init="endOpened = false"
+                                        close-text="关闭" ng-click="endOpen($event)" />
+                                </div>
+                                <div class="form-group">
+                                    <ui-select class="pull-left" style="width:158px" ng-model="searchkeys.quikly" theme="bootstrap" ng-change="onChangetime(searchkeys.quikly)">
+                                        <ui-select-match placeholder="">
+                                            {{$select.selected.name}}
+                                        </ui-select-match>
+                                        <ui-select-choices repeat="item in quikly" refresh="onChangehandling($select.search)">
+                                            <div ng-bind-html="item.name | highlight: $select.search"></div>
+                                        </ui-select-choices>
+                                    </ui-select>
+                                </div>
+                                <div class="form-group" style="margin-top: -20px;">
+                                    <div class="">事件分类：</div>
+                                    <!-- <ui-select class="pull-left" style="width:158px" ng-model="searchkeys.quikly" theme="bootstrap" ng-change="onChangetime(searchkeys.quikly)">
+                                        <ui-select-match placeholder="">
+                                            {{$select.selected.name}}
+                                        </ui-select-match>
+                                        <ui-select-choices repeat="item in quikly" refresh="onChangehandling($select.search)">
+                                            <div ng-bind-html="item.name | highlight: $select.search"></div>
+                                        </ui-select-choices>
+                                    </ui-select> -->
+                                    <multi-select-tree ng-model="searchkeys.category" style="width:158px" data-input-model="select_treedata" data-output-model="my_data" theme="bootstrap" multi-select="false" data-default-label="全部" data-callback="onFilterCallback(item)" data-select-only-leafs="false"
+                                        data-select-only-high="true" data-trans-label="label" data-switch-view="false"></multi-select-tree>
+                                </div>
+                                <div class="form-group pull-right">
+                                    <a class="btn btn-default defaultheight" ng-click="restData()" ng-disabled="disabledParentGroup" type="button">重置</a>
+                                </div>
+                                <div class="form-group pull-right margin-right-10">
+                                    <button class="btn btn-searchbutton" ng-click="mdxquery(searchkeys)" type="button">搜索</button>
+                                </div>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+            </div>
+            <!---响应事件--->
+            <div class="row margin-top-15 margin-bottom-15" style="margin-left:-7px;margin-right:-7px">
+                <div class="col-xs-6" style="padding-left:8px;padding-right:8px">
+                    <div class="listheight dash_mapborder">
+                        <div class="fenlei col-xs-12 fontsizes-14">
+                            <div class="col-xs-12 bottomcat">
+                                <div class="row fontcolor-two padding-top-15 padding-bottom-15">
+                                    <div class="fenleifont pull-left">事件响应时长趋势分析</div>
+                                    <div class="fenleifont pull-right fontcolor-ten fontsizes-14"></div>
+                                </div>
+                            </div>
+                            <div id="liuliangeff" style="width: 100%;height: 260px"></div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-xs-6" style="padding-left:8px;padding-right:8px">
+                    <div class="listheight dash_mapborder col-xs-12 padding-top-15 padding-bottom-15" style="overflow:scroll">
+                        <table class="table table-bordered " cellspacing="0" cellpadding="20" style="font-weight:normal !important;margin-bottom: 15px;">
+                            <thread>
+                                <tr>
+                                    <th>
+                                        响应事件总数（件）
+                                    </th>
+                                    <th>
+                                        响应平均值（时长：分钟）
+                                    </th>
+                                </tr>
+                            </thread>
+                            <tbody class="tbody-hover">
+                                <tr ng-repeat="rowData in responsehead">
+                                    <td>
+                                        {{rowData.sum}}
+                                    </td>
+                                    <td>
+                                        {{rowData.responsetime}}
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        <table class="table table-bordered " cellspacing="0" cellpadding="20" style="font-weight:normal !important;margin-bottom: 15px;">
+                            <thread>
+                                <tr>
+                                    <th>
+                                        序号
+                                    </th>
+                                    <th>
+                                        处理人
+                                    </th>
+                                    <th>
+                                        响应事件总数（件）
+                                    </th>
+                                    <th>
+                                        响应平均值（时长：分钟）
+                                    </th>
+                                </tr>
+                            </thread>
+                            <tbody class="tbody-hover">
+                                <tr ng-repeat="rowData in responselist" ng-class="{'timecolor':rowData.responsetime>responsehead[0].responsetime}">
+                                    <td>
+                                        {{$index+1}}
+                                    </td>
+                                    <td>
+                                        {{rowData.name}}
+                                    </td>
+                                    <td>
+                                        {{rowData.sum}}
+                                    </td>
+                                    <td>
+                                        {{rowData.responsetime}}
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <!---解决事件--->
+            <div class="row margin-top-15 margin-bottom-15" style="margin-left:-7px;margin-right:-7px">
+                <div class="col-xs-6" style="padding-left:8px;padding-right:8px">
+                    <div class="listheight dash_mapborder">
+                        <div class="fenlei col-xs-12 fontsizes-14">
+                            <div class="col-xs-12 bottomcat">
+                                <div class="row fontcolor-two padding-top-15 padding-bottom-15">
+                                    <div class="fenleifont pull-left">事件解决时长趋势分析</div>
+                                    <div class="fenleifont pull-right fontcolor-ten fontsizes-14"></div>
+                                </div>
+                            </div>
+                            <div id="liuliangtwo" style="width: 100%;height: 260px"></div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-xs-6" style="padding-left:8px;padding-right:8px">
+                    <div class="listheight dash_mapborder col-xs-12 padding-top-15 padding-bottom-15" style="overflow:scroll">
+                        <table class="table table-bordered " cellspacing="0" cellpadding="20" style="font-weight:normal !important;margin-bottom: 15px;">
+                            <thread>
+                                <tr>
+                                    <th>
+                                        解决事件总数（件）
+                                    </th>
+                                    <th>
+                                        解决平均值（时长：分钟）
+                                    </th>
+                                </tr>
+                            </thread>
+                            <tbody class="tbody-hover">
+                                <tr ng-repeat="rowData in responsetwohead">
+                                    <td>
+                                        {{rowData.sum}}
+                                    </td>
+                                    <td>
+                                        {{rowData.responsetime}}
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        <table class="table table-bordered " cellspacing="0" cellpadding="20" style="font-weight:normal !important;margin-bottom: 15px;">
+                            <thread>
+                                <tr>
+                                    <th>
+                                        序号
+                                    </th>
+                                    <th>
+                                        处理人
+                                    </th>
+                                    <th>
+                                        解决事件总数（件）
+                                    </th>
+                                    <th>
+                                        解决平均值（时长：分钟）
+                                    </th>
+                                </tr>
+                            </thread>
+                            <tbody class="tbody-hover">
+                                <tr ng-repeat="rowData in responsetwolist" ng-class="{'timecolor':rowData.responsetime>responsetwohead[0].responsetime}">
+                                    <td>
+                                        {{$index+1}}
+                                    </td>
+                                    <td>
+                                        {{rowData.name}}
+                                    </td>
+                                    <td>
+                                        {{rowData.sum}}
+                                    </td>
+                                    <td>
+                                        {{rowData.responsetime}}
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <!---逾期事件--->
+            <div class="row margin-top-15 margin-bottom-15" style="margin-left:-7px;margin-right:-7px">
+                <div class="col-xs-6" style="padding-left:8px;padding-right:8px">
+                    <div class="listheight dash_mapborder">
+                        <div class="fenlei col-xs-12 fontsizes-14">
+                            <div class="col-xs-12 bottomcat">
+                                <div class="row fontcolor-two padding-top-15 padding-bottom-15">
+                                    <div class="fenleifont pull-left">事件逾期时长趋势分析</div>
+                                    <div class="fenleifont pull-right fontcolor-ten fontsizes-14"></div>
+                                </div>
+                            </div>
+                            <div id="liuliangthree" style="width: 100%;height: 260px"></div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-xs-6" style="padding-left:8px;padding-right:8px">
+                    <div class="listheight dash_mapborder col-xs-12 padding-top-15 padding-bottom-15" style="overflow:scroll">
+                        <table class="table table-bordered " cellspacing="0" cellpadding="20" style="font-weight:normal !important;margin-bottom: 15px;">
+                            <thread>
+                                <tr>
+                                    <th>
+                                        逾期解决事件总数（件）
+                                    </th>
+                                    <th>
+                                        逾期平均值（时长：分钟）
+                                    </th>
+                                </tr>
+                            </thread>
+                            <tbody class="tbody-hover">
+                                <tr ng-repeat="rowData in responsethreehead">
+                                    <td>
+                                        {{rowData.sum}}
+                                    </td>
+                                    <td>
+                                        {{rowData.responsetime}}
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        <table class="table table-bordered " cellspacing="0" cellpadding="20" style="font-weight:normal !important;margin-bottom: 15px;">
+                            <thread>
+                                <tr>
+                                    <th>
+                                        序号
+                                    </th>
+                                    <th>
+                                        处理人
+                                    </th>
+                                    <th>
+                                        响应事件总数（件）
+                                    </th>
+                                    <th>
+                                        响应平均值（时长：分钟）
+                                    </th>
+                                </tr>
+                            </thread>
+                            <tbody class="tbody-hover">
+                                <tr ng-repeat="rowData in responsethreelist" ng-class="{'timecolor':rowData.responsetime>responsethreehead[0].responsetime}">
+                                    <td ng-class="{'timecolor':rowData.responsetime>responsethreehead[0].responsetime}">
+                                        {{$index+1}}
+                                    </td>
+                                    <td>
+                                        {{rowData.name}}
+                                    </td>
+                                    <td>
+                                        {{rowData.sum}}
+                                    </td>
+                                    <td>
+                                        {{rowData.responsetime}}
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- end: BOOTSRAP NAV TREE-->

assets/views/report/handlegroup.html

@@ -0,0 +1,501 @@
+<section id="page-title">
+    <div class="row">
+        <div class="col-sm-8">
+            <h1 class="mainTitle">事件处理组报表<i tooltip='请查看事件处理组报表相关数据。' tooltip-placement="right" class="fa  ti-help-alt margin-left-10 fontcolor-five pointfont"></i></h1>
+        </div>
+    </div>
+</section>
+<!-- end: PAGE TITLE -->
+<!-- start: BOOTSRAP NAV TREE -->
+<style>
+    .bodybackground {
+        background: #eee;
+    }
+    
+    .know-text-group {
+        display: inline-block;
+        box-sizing: border-box;
+        border-radius: 2px;
+        /* border: 1px solid #fff; */
+        /* padding-top: 5px; */
+        width: 100%;
+        /* padding-bottom: 5px; */
+    }
+    
+    .know-text-group-div {
+        display: inline-block;
+        width: 12%;
+        padding-top: 5px;
+        padding-bottom: 5px;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+    
+    .know-text-group-div:hover {
+        background-color: #005395 !important;
+        color: #fff;
+    }
+    
+    .know-text-group-div.active,
+    .know-text-group-div:focus,
+    .know-text-group-div:hover {
+        background-color: #005395 !important;
+        color: #fff;
+    }
+    
+    .know-text-color {
+        padding-left: 14px;
+        font-size: 14px;
+        color: #93989e;
+    }
+    
+    .know-span {
+        display: inline-block;
+        text-align: center;
+    }
+    
+    .know-num {
+        width: 28px;
+        height: 20px;
+        line-height: 20px;
+        font-size: 12px;
+        border-radius: 10px;
+        margin-right: 10px;
+        color: white;
+    }
+    
+    .bg-yellow {
+        background: #005395;
+    }
+    
+    .bg-green {
+        background: #2edbb8;
+    }
+    
+    .bg-blue {
+        background: #6f9ad4;
+    }
+    
+    .leftBorder {
+        border-left: 1px solid #eeeeee;
+    }
+    
+    .leftBorder.active,
+    .leftBorder:focus,
+    .leftBorder:hover {
+        border-left: 0px solid #005395;
+    }
+    
+    .divRight {
+        float: right;
+    }
+    
+    input[type="text"] {}
+    
+    .searchInput {
+        border: none !important;
+    }
+    /*     
+    input:focus {
+        box-shadow: none !important;
+        border: none !important;
+        background-color: white !important;
+    } */
+    
+    .know-left-div {
+        width: 706px;
+        /* margin-top: 15px; */
+        /* display: inline-block; */
+        float: left;
+        margin-right: 20px;
+    }
+    
+    .know-right-div {
+        /* margin-top: 15px; */
+        /* display: inline-block; */
+        overflow: hidden;
+    }
+    
+    .know-left-up-div {
+        margin-bottom: 20px;
+    }
+    
+    .know-left-div-head {
+        height: 34px;
+        line-height: 34px;
+        background: #e9eff8;
+        font-size: 14px;
+        color: #606367;
+        border-radius: 8px 8px 0 0;
+        padding-left: 10px;
+    }
+    /* .listheight {}
+     */
+    
+    .gobutton {
+        color: 005395;
+        font-family: "microsoft yahei";
+    }
+    
+    .gobutton:hover {
+        color: #1b3651;
+    }
+    
+    .gobutton:focus,
+    .gobutton:hover {
+        color: #1b3651;
+    }
+    
+    .dash_head {
+        font-size: 14px;
+    }
+    
+    .dash_headborder {
+        height: 260px;
+        border: 1px solid #dedede;
+        border-radius: 2px;
+    }
+    
+    .dashheadcolor {
+        border-bottom: 1px solid #dedede;
+        border-radius: 2px;
+    }
+    
+    .dash_mapborder {
+        height: 320px;
+        border: 1px solid #dedede;
+        border-radius: 2px;
+    }
+    
+    .disablecolor {
+        color: #f3f3f3 !important;
+    }
+    
+    .onlyaline {
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+    
+    .newcolor {
+        color: #79a3c4;
+    }
+    
+    .form-controldash {
+        color: #93989e;
+        height: 20px;
+        border-radius: 2px;
+        border: 1px solid #d1d1d1;
+    }
+    
+    .iconcolorjingji {
+        color: #BE2636 !important;
+    }
+    
+    .iconcoloryanzhong {
+        color: #f5a623 !important;
+    }
+    
+    .iconcoloryiban {
+        color: #005396 !important;
+    }
+    
+    .iconfontkill {
+        font-family: iconfont!important;
+        font-size: 18px;
+        color: #000;
+        z-index: 1;
+        -webkit-font-smoothing: antialiased;
+        -webkit-text-stroke-width: .2px;
+    }
+    
+    .monthchoice {
+        height: 200px;
+        overflow-x: hidden;
+        overflow-y: scroll;
+        line-height: 30px;
+        text-align: center;
+    }
+    
+    .dropdown-menu.monthchoice {
+        min-width: 30px !important;
+    }
+    
+    .backcopycolor {
+        background: #f9f9f9;
+    }
+    
+    .backcolor {
+        background: #fff;
+        border: 1px solid #ddd;
+    }
+    
+    .table>tbody>tr>th {
+        vertical-align: middle;
+        text-align: center;
+        background: #fafafa;
+    }
+    
+    .table>tbody>tr>td {
+        vertical-align: middle;
+        text-align: center;
+    }
+    
+    .bottomcat {
+        border-bottom: 1px solid #eaeaea;
+    }
+    
+    .table.table-bordered tr {
+        white-space: inherit;
+    }
+</style>
+<div ng-style="bodyheight">
+    <div class="backcopycolor col-xs-12 padding-15">
+        <div ng-controller="reporthandlegroupCtrl" class="backcolor padding-left-15 padding-right-15">
+            <div class="listbote dashheadcolor">
+                <div class="list-controls clearfix">
+                    <div class="know-text-group">
+                        <form class="col-xs-12 col-sm-12 form-inline schesearchsize">
+                            <div class="row">
+                                <div class="">选择日期：</div>
+                                <div class="form-group">
+                                    <input type="text" class="form-control" datepicker-popuptime="yyyy-MM-dd" ng-change="changeForm(parameters.paramDateFrom)" ng-model="parameters.paramDateFrom" max-date="parameters.paramDateTo" is-open="startOpened" hour-time=true ng-init="startOpened = false"
+                                        close-text="关闭" ng-click="startOpen($event)" />
+                                </div>
+                                <span>-</span>
+                                <div class="form-group">
+                                    <input type="text" class="form-control" datepicker-popuptime="yyyy-MM-dd" ng-change="changeTo(parameters.paramDateTo)" ng-model="parameters.paramDateTo" hour-time=true min-date="parameters.paramDateFrom" is-open="endOpened" ng-init="endOpened = false"
+                                        close-text="关闭" ng-click="endOpen($event)" />
+                                </div>
+                                <div class="form-group">
+                                    <ui-select class="pull-left" style="width:158px" ng-model="searchkeys.quikly" theme="bootstrap" ng-change="onChangetime(searchkeys.quikly)">
+                                        <ui-select-match placeholder="">
+                                            {{$select.selected.name}}
+                                        </ui-select-match>
+                                        <ui-select-choices repeat="item in quikly" refresh="onChangehandling($select.search)">
+                                            <div ng-bind-html="item.name | highlight: $select.search"></div>
+                                        </ui-select-choices>
+                                    </ui-select>
+                                </div>
+                                <div class="form-group pull-right">
+                                    <a class="btn btn-default defaultheight" ng-click="restData()" ng-disabled="disabledParentGroup" type="button">重置</a>
+                                </div>
+                                <div class="form-group pull-right margin-right-10">
+                                    <button class="btn btn-searchbutton" ng-click="mdxquery('all')" type="button">搜索</button>
+                                </div>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+            </div>
+            <div class="row margin-top-15 margin-bottom-15" style="margin-left:-7px;margin-right:-7px">
+                <div class="col-xs-6" style="padding-left:8px;padding-right:8px">
+                    <div class="listheight dash_mapborder">
+                        <div class="fenlei col-xs-12 fontsizes-14">
+                            <div class="col-xs-12 bottomcat">
+                                <div class="row fontcolor-two padding-top-15 padding-bottom-15">
+                                    <div class="fenleifont pull-left">工作组事件处理总数及占比</div>
+                                    <div class="fenleifont pull-right fontcolor-ten fontsizes-14"></div>
+                                </div>
+                            </div>
+                            <div id="reportgroup" style="width: 100%;height: 200px"></div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-xs-6" style="padding-left:8px;padding-right:8px">
+                    <div class="listheight dash_mapborder">
+                        <div class="fenlei col-xs-12" style="height:100%">
+                            <div class="fenleitop fontsizes-14">
+                                <div class="col-xs-12 bottomcat">
+                                    <div class="row fontcolor-two padding-top-15 padding-bottom-15">
+                                        <div class="fenleifont pull-left">工作组事件按时处理TOP5排名</div>
+                                        <div class="fenleifont pull-right fontcolor-ten fontsizes-14"></div>
+                                    </div>
+                                </div>
+
+                            </div>
+                            <div id="faultgroup" class="pull-left" style="width: 100%;
+            height: 260px"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <table class="table table-bordered " cellspacing="0" cellpadding="20" style="font-weight:normal !important;margin-bottom: 15px;">
+                <thread>
+                    <tr>
+                        <th rowspan="2">
+                            序号
+                        </th>
+                        <th rowspan="2">
+                            工作组
+                        </th>
+                        <th rowspan="2">
+                            事件总数（件）
+                        </th>
+                        <th rowspan="2">
+                            事件占比（%）
+                        </th>
+                        <th rowspan="1" colspan='4'>
+                            响应状况
+                        </th>
+                        <th rowspan="1" colspan='4'>
+                            解决状况
+                        </th>
+                        <th rowspan="1" colspan='4'>
+                            满意度
+                        </th>
+                        <th rowspan="1" colspan='9'>
+                            工单权重（复杂度）
+                        </th>
+                    </tr>
+                    <tr>
+                        <th rowspan="1">
+                            按时响应
+                        </th>
+                        <th rowspan="1">
+                            超时响应
+                        </th>
+                        <th rowspan="1">
+                            平均响应时间（分）
+                        </th>
+                        <th rowspan="1">
+                            超时响应占比
+                        </th>
+                        <th rowspan="1">
+                            按时解决
+                        </th>
+                        <th rowspan="1">
+                            超时解决
+                        </th>
+                        <th rowspan="1">
+                            平均解决时间（分）
+                        </th>
+                        <th rowspan="1">
+                            超时解决占比
+                        </th>
+                        <th rowspan="1">
+                            非常满意
+                        </th>
+                        <th rowspan="1">
+                            比较满意
+                        </th>
+                        <th rowspan="1">
+                            较满意
+                        </th>
+                        <th rowspan="1">
+                            一般满意
+                        </th>
+                        <th rowspan="1">
+                            1
+                        </th>
+                        <th rowspan="1">
+                            2
+                        </th>
+                        <th rowspan="1">
+                            3
+                        </th>
+                        <th rowspan="1">
+                            4
+                        </th>
+                        <th rowspan="1">
+                            5
+                        </th>
+                        <th rowspan="1">
+                            6
+                        </th>
+                        <th rowspan="1">
+                            7
+                        </th>
+                        <th rowspan="1">
+                            8
+                        </th>
+                        <th rowspan="1">
+                            9
+                        </th>
+                    </tr>
+                </thread>
+                <tbody class="tbody-hover">
+                    <tr ng-repeat="rowData in rRows">
+                        <td>
+                            {{$index+1}}
+                        </td>
+                        <td>
+                            {{rowData.name}}
+                        </td>
+                        <td>
+                            {{rowData.num}}
+                        </td>
+                        <td>
+                            {{rowData.proportion}}%
+                        </td>
+                        <td>
+                            {{rowData.ontimeresponse}}
+                        </td>
+                        <td>
+                            {{rowData.overtimeresponse}}
+                        </td>
+                        <td>
+                            {{rowData.responsetime}}
+                        </td>
+                        <td>
+                            {{rowData.overtimeresponseProportion}}%
+                        </td>
+                        <td>
+                            {{rowData.ontimesolve}}
+                        </td>
+                        <td>
+                            {{rowData.overtimesolve}}
+                        </td>
+                        <td>
+                            {{rowData.solvetime}}
+                        </td>
+                        <td>
+                            {{rowData.overtimesolveProportion}}%
+                        </td>
+                        <td>
+                            {{rowData.fcmy}}%
+                        </td>
+                        <td>
+                            {{rowData.bymy}}%
+                        </td>
+                        <td>
+                            {{rowData.my}}%
+                        </td>
+                        <td>
+                            {{rowData.ybmy}}%
+                        </td>
+                        <td>
+                            {{rowData.fzd1}}%
+                        </td>
+                        <td>
+                            {{rowData.fzd2}}%
+                        </td>
+                        <td>
+                            {{rowData.fzd3}}%
+                        </td>
+                        <td>
+                            {{rowData.fzd4}}%
+                        </td>
+                        <td>
+                            {{rowData.fzd5}}%
+                        </td>
+                        <td>
+                            {{rowData.fzd6}}%
+                        </td>
+                        <td>
+                            {{rowData.fzd7}}%
+                        </td>
+                        <td>
+                            {{rowData.fzd8}}%
+                        </td>
+                        <td>
+                            {{rowData.fzd9}}%
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
+<!-- end: BOOTSRAP NAV TREE

assets/views/report/handlepeople.html

@@ -0,0 +1,518 @@
+<section id="page-title">
+    <div class="row">
+        <div class="col-sm-8">
+            <h1 class="mainTitle">事件处理人报表<i tooltip='请查看事件处理人报表相关数据。' tooltip-placement="right" class="fa  ti-help-alt margin-left-10 fontcolor-five pointfont"></i></h1>
+        </div>
+    </div>
+</section>
+<!-- end: PAGE TITLE -->
+<!-- start: BOOTSRAP NAV TREE -->
+<style>
+    .bodybackground {
+        background: #eee;
+    }
+    
+    .know-text-group {
+        display: inline-block;
+        box-sizing: border-box;
+        border-radius: 2px;
+        /* border: 1px solid #fff; */
+        /* padding-top: 5px; */
+        width: 100%;
+        /* padding-bottom: 5px; */
+    }
+    
+    .know-text-group-div {
+        display: inline-block;
+        width: 12%;
+        padding-top: 5px;
+        padding-bottom: 5px;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+    
+    .know-text-group-div:hover {
+        background-color: #005395 !important;
+        color: #fff;
+    }
+    
+    .know-text-group-div.active,
+    .know-text-group-div:focus,
+    .know-text-group-div:hover {
+        background-color: #005395 !important;
+        color: #fff;
+    }
+    
+    .know-text-color {
+        padding-left: 14px;
+        font-size: 14px;
+        color: #93989e;
+    }
+    
+    .know-span {
+        display: inline-block;
+        text-align: center;
+    }
+    
+    .know-num {
+        width: 28px;
+        height: 20px;
+        line-height: 20px;
+        font-size: 12px;
+        border-radius: 10px;
+        margin-right: 10px;
+        color: white;
+    }
+    
+    .bg-yellow {
+        background: #005395;
+    }
+    
+    .bg-green {
+        background: #2edbb8;
+    }
+    
+    .bg-blue {
+        background: #6f9ad4;
+    }
+    
+    .leftBorder {
+        border-left: 1px solid #eeeeee;
+    }
+    
+    .leftBorder.active,
+    .leftBorder:focus,
+    .leftBorder:hover {
+        border-left: 0px solid #005395;
+    }
+    
+    .divRight {
+        float: right;
+    }
+    
+    input[type="text"] {}
+    
+    .searchInput {
+        border: none !important;
+    }
+    /*     
+    input:focus {
+        box-shadow: none !important;
+        border: none !important;
+        background-color: white !important;
+    } */
+    
+    .know-left-div {
+        width: 706px;
+        /* margin-top: 15px; */
+        /* display: inline-block; */
+        float: left;
+        margin-right: 20px;
+    }
+    
+    .know-right-div {
+        /* margin-top: 15px; */
+        /* display: inline-block; */
+        overflow: hidden;
+    }
+    
+    .know-left-up-div {
+        margin-bottom: 20px;
+    }
+    
+    .know-left-div-head {
+        height: 34px;
+        line-height: 34px;
+        background: #e9eff8;
+        font-size: 14px;
+        color: #606367;
+        border-radius: 8px 8px 0 0;
+        padding-left: 10px;
+    }
+    /* .listheight {}
+     */
+    
+    .gobutton {
+        color: 005395;
+        font-family: "microsoft yahei";
+    }
+    
+    .gobutton:hover {
+        color: #1b3651;
+    }
+    
+    .gobutton:focus,
+    .gobutton:hover {
+        color: #1b3651;
+    }
+    
+    .dash_head {
+        font-size: 14px;
+    }
+    
+    .dash_headborder {
+        height: 260px;
+        border: 1px solid #dedede;
+        border-radius: 2px;
+    }
+    
+    .dashheadcolor {
+        border-bottom: 1px solid #dedede;
+        border-radius: 2px;
+    }
+    
+    .dash_mapborder {
+        height: 320px;
+        border: 1px solid #dedede;
+        border-radius: 2px;
+    }
+    
+    .disablecolor {
+        color: #f3f3f3 !important;
+    }
+    
+    .onlyaline {
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+    
+    .newcolor {
+        color: #79a3c4;
+    }
+    
+    .form-controldash {
+        color: #93989e;
+        height: 20px;
+        border-radius: 2px;
+        border: 1px solid #d1d1d1;
+    }
+    
+    .iconcolorjingji {
+        color: #BE2636 !important;
+    }
+    
+    .iconcoloryanzhong {
+        color: #f5a623 !important;
+    }
+    
+    .iconcoloryiban {
+        color: #005396 !important;
+    }
+    
+    .iconfontkill {
+        font-family: iconfont!important;
+        font-size: 18px;
+        color: #000;
+        z-index: 1;
+        -webkit-font-smoothing: antialiased;
+        -webkit-text-stroke-width: .2px;
+    }
+    
+    .monthchoice {
+        height: 200px;
+        overflow-x: hidden;
+        overflow-y: scroll;
+        line-height: 30px;
+        text-align: center;
+    }
+    
+    .dropdown-menu.monthchoice {
+        min-width: 30px !important;
+    }
+    
+    .backcopycolor {
+        background: #f9f9f9;
+    }
+    
+    .backcolor {
+        background: #fff;
+        border: 1px solid #ddd;
+    }
+    
+    .table-nowrap>tbody>tr>th {
+        vertical-align: middle;
+        text-align: center;
+        background: #fafafa;
+        white-space: normal;
+    }
+    
+    .table-nowrap>tbody>tr>td {
+        vertical-align: middle;
+        text-align: center;
+        white-space: normal;
+    }
+    
+    .bottomcat {
+        border-bottom: 1px solid #eaeaea;
+    }
+    
+    .table.table-bordered tr {
+        white-space: inherit;
+    }
+</style>
+<div ng-style="bodyheight">
+    <div class="backcopycolor col-xs-12 padding-15">
+        <div ng-controller="reporthandlepeopleCtrl" class="backcolor padding-left-15 padding-right-15">
+            <div class="listbote dashheadcolor">
+                <div class="list-controls clearfix">
+                    <div class="know-text-group">
+                        <form class="col-xs-12 col-sm-12 form-inline schesearchsize">
+                            <div class="row">
+                                <div class="">选择日期：</div>
+                                <div class="form-group">
+                                    <input type="text" class="form-control" datepicker-popuptime="yyyy-MM-dd" ng-change="changeForm(parameters.paramDateFrom)" ng-model="parameters.paramDateFrom" max-date="parameters.paramDateTo" is-open="startOpened" hour-time=true ng-init="startOpened = false"
+                                        close-text="关闭" ng-click="startOpen($event)" />
+                                </div>
+                                <span>-</span>
+                                <div class="form-group">
+                                    <input type="text" class="form-control" datepicker-popuptime="yyyy-MM-dd" ng-change="changeTo(parameters.paramDateTo)" ng-model="parameters.paramDateTo" hour-time=true min-date="parameters.paramDateFrom" is-open="endOpened" ng-init="endOpened = false"
+                                        close-text="关闭" ng-click="endOpen($event)" />
+                                </div>
+                                <div class="form-group">
+                                    <ui-select class="pull-left" style="width:158px" ng-model="searchkeys.quikly" theme="bootstrap" ng-change="onChangetime(searchkeys.quikly)">
+                                        <ui-select-match placeholder="">
+                                            {{$select.selected.name}}
+                                        </ui-select-match>
+                                        <ui-select-choices repeat="item in quikly" refresh="onChangehandling($select.search)">
+                                            <div ng-bind-html="item.name | highlight: $select.search"></div>
+                                        </ui-select-choices>
+                                    </ui-select>
+                                </div>
+                                <div class="form-group" style="margin-top: -20px;">
+                                    <div class="">选择处理组：</div>
+                                    <ui-select class="pull-left" style="width:158px" ng-model="searchkeys.group" theme="bootstrap">
+                                        <ui-select-match placeholder="全部">
+                                            {{$select.selected.groupName}}
+                                        </ui-select-match>
+                                        <ui-select-choices repeat="item in group" refresh="onChangegroup($select.search)">
+                                            <div ng-bind-html="item.groupName | highlight: $select.search"></div>
+                                        </ui-select-choices>
+                                    </ui-select>
+                                </div>
+                                <div class="form-group pull-right">
+                                    <a class="btn btn-default defaultheight" ng-click="restData()" ng-disabled="disabledParentGroup" type="button">重置</a>
+                                </div>
+                                <div class="form-group pull-right margin-right-10">
+                                    <button class="btn btn-searchbutton" ng-click="mdxquery(searchkeys)" type="button">搜索</button>
+                                </div>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+            </div>
+            <div class="row margin-top-15 margin-bottom-15" style="margin-left:-7px;margin-right:-7px">
+                <div class="col-xs-6" style="padding-left:8px;padding-right:8px">
+                    <div class="listheight dash_mapborder">
+                        <div class="fenlei col-xs-12 fontsizes-14">
+                            <div class="col-xs-12 bottomcat">
+                                <div class="row fontcolor-two padding-top-15 padding-bottom-15">
+                                    <div class="fenleifont pull-left">处理人事件处理总数及占比</div>
+                                    <div class="fenleifont pull-right fontcolor-ten fontsizes-14"></div>
+                                </div>
+                            </div>
+                            <div class="col-xs-12 bottomcat" style="display: inline;
+                            white-space: nowrap;
+                            overflow-x:scroll;
+                            float:left;
+                            overflow-y:hidden">
+                                <div id="reportpeople" style="width: 200%;height: 266px;"></div>
+                            </div>
+                            <!-- <div class="js-eclegend-tool" style="position: absolute;right: 20px;top: 40%"></div> -->
+                        </div>
+                    </div>
+                </div>
+                <div class="col-xs-6" style="padding-left:8px;padding-right:8px">
+                    <div class="listheight dash_mapborder">
+                        <div class="fenlei col-xs-12" style="height:100%">
+                            <div class="fenleitop fontsizes-14">
+                                <div class="col-xs-12 bottomcat">
+                                    <div class="row fontcolor-two padding-top-15 padding-bottom-15">
+                                        <div class="fenleifont pull-left">处理人事件按时处理TOP5排名</div>
+                                        <div class="fenleifont pull-right fontcolor-ten fontsizes-14"></div>
+                                    </div>
+                                </div>
+
+                            </div>
+                            <div id="faultpeople" class="pull-left" style="width: 100%;
+            height: 260px"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <table class="table table-bordered table-nowrap" cellspacing="0" cellpadding="20" style="font-weight:normal !important;margin-bottom: 15px;">
+                <thread>
+                    <tr>
+                        <th rowspan="2">
+                            序号
+                        </th>
+                        <th rowspan="2">
+                            处理人
+                        </th>
+                        <th rowspan="2">
+                            事件总数（件）
+                        </th>
+                        <th rowspan="2">
+                            事件占比（%）
+                        </th>
+                        <th rowspan="1" colspan='4'>
+                            响应状况
+                        </th>
+                        <th rowspan="1" colspan='4'>
+                            解决状况
+                        </th>
+                        <th rowspan="1" colspan='4'>
+                            满意度
+                        </th>
+                        <th rowspan="1" colspan='4'>
+                            工单权重（复杂度）
+                        </th>
+                        <!-- <th rowspan="2">
+                            发起转派
+                        </th> -->
+                        <th rowspan="2">
+                            接受转派
+                        </th>
+                        <!-- <th rowspan="2">
+                            发起升级
+                        </th> -->
+                        <th rowspan="2">
+                            接受升级
+                        </th>
+                    </tr>
+                    <tr>
+                        <th rowspan="1">
+                            按时响应
+                        </th>
+                        <th rowspan="1">
+                            超时响应
+                        </th>
+                        <th rowspan="1">
+                            平均响应时间（分）
+                        </th>
+                        <th rowspan="1">
+                            超时响应占比
+                        </th>
+                        <th rowspan="1">
+                            按时解决
+                        </th>
+                        <th rowspan="1">
+                            超时解决
+                        </th>
+                        <th rowspan="1">
+                            平均解决时间（分）
+                        </th>
+                        <th rowspan="1">
+                            超时解决占比
+                        </th>
+                        <th rowspan="1">
+                            非常满意
+                        </th>
+                        <th rowspan="1">
+                            比较满意
+                        </th>
+                        <th rowspan="1">
+                            较满意
+                        </th>
+                        <th rowspan="1">
+                            一般满意
+                        </th>
+                        <th rowspan="1">
+                            1
+                        </th>
+                        <th rowspan="1">
+                            2
+                        </th>
+                        <th rowspan="1">
+                            3
+                        </th>
+                        <th rowspan="1">
+                            4
+                        </th>
+                    </tr>
+                </thread>
+                <tbody class="tbody-hover">
+                    <tr ng-repeat="rowData in rRowspeople">
+                        <td>
+                            {{$index+1}}
+                        </td>
+                        <td>
+                            {{rowData.name}}
+                        </td>
+                        <td>
+                            {{rowData.sum}}
+                        </td>
+                        <td>
+                            {{rowData.proportion}}%
+                        </td>
+                        <td>
+                            {{rowData.ontimeresponse}}
+                        </td>
+                        <td>
+                            {{rowData.overtimeresponse}}
+                        </td>
+                        <td>
+                            {{rowData.responsetime}}
+                        </td>
+                        <td>
+                            {{rowData.overtimeresponseProportion}}%
+                        </td>
+                        <td>
+                            {{rowData.ontimesolve}}
+                        </td>
+                        <td>
+                            {{rowData.overtimesolve}}
+                        </td>
+                        <td>
+                            {{rowData.solvetime}}
+                        </td>
+                        <td>
+                            {{rowData.overtimesolveProportion}}%
+                        </td>
+                        <td>
+                            {{rowData.fcmy}}%
+                        </td>
+                        <td>
+                            {{rowData.bymy}}%
+                        </td>
+                        <td>
+                            {{rowData.my}}%
+                        </td>
+                        <td>
+                            {{rowData.ybmy}}%
+                        </td>
+                        <td>
+                            {{rowData.fzd1}}%
+                        </td>
+                        <td>
+                            {{rowData.fzd2}}%
+                        </td>
+                        <td>
+                            {{rowData.fzd3}}%
+                        </td>
+                        <td>
+                            {{rowData.fzd4}}%
+                        </td>
+                        <td>
+                            {{rowData.jszp}}%
+                        </td>
+                        <td>
+                            {{rowData.jssj}}%
+                        </td>
+                        <!-- <td>
+                            {{rowData.fzd7}}%
+                        </td>
+                        <td>
+                            {{rowData.fzd8}}%
+                        </td>
+                        <td>
+                            {{rowData.fzd9}}%
+                        </td> -->
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
+<!-- end: BOOTSRAP NAV TREE

assets/views/report/suorce.html

@@ -0,0 +1,378 @@
+<section id="page-title">
+    <div class="row">
+        <div class="col-sm-8">
+            <h1 class="mainTitle">事件来源报表<i tooltip='请查看事件来源报表相关数据。' tooltip-placement="right" class="fa  ti-help-alt margin-left-10 fontcolor-five pointfont"></i></h1>
+        </div>
+    </div>
+</section>
+<!-- end: PAGE TITLE -->
+<!-- start: BOOTSRAP NAV TREE -->
+<style>
+    .bodybackground {
+        background: #eee;
+    }
+    
+    .know-text-group {
+        display: inline-block;
+        box-sizing: border-box;
+        border-radius: 2px;
+        /* border: 1px solid #fff; */
+        /* padding-top: 5px; */
+        width: 100%;
+        /* padding-bottom: 5px; */
+    }
+    
+    .know-text-group-div {
+        display: inline-block;
+        width: 12%;
+        padding-top: 5px;
+        padding-bottom: 5px;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+    
+    .know-text-group-div:hover {
+        background-color: #005395 !important;
+        color: #fff;
+    }
+    
+    .know-text-group-div.active,
+    .know-text-group-div:focus,
+    .know-text-group-div:hover {
+        background-color: #005395 !important;
+        color: #fff;
+    }
+    
+    .know-text-color {
+        padding-left: 14px;
+        font-size: 14px;
+        color: #93989e;
+    }
+    
+    .know-span {
+        display: inline-block;
+        text-align: center;
+    }
+    
+    .know-num {
+        width: 28px;
+        height: 20px;
+        line-height: 20px;
+        font-size: 12px;
+        border-radius: 10px;
+        margin-right: 10px;
+        color: white;
+    }
+    
+    .bg-yellow {
+        background: #005395;
+    }
+    
+    .bg-green {
+        background: #2edbb8;
+    }
+    
+    .bg-blue {
+        background: #6f9ad4;
+    }
+    
+    .leftBorder {
+        border-left: 1px solid #eeeeee;
+    }
+    
+    .leftBorder.active,
+    .leftBorder:focus,
+    .leftBorder:hover {
+        border-left: 0px solid #005395;
+    }
+    
+    .divRight {
+        float: right;
+    }
+    
+    input[type="text"] {}
+    
+    .searchInput {
+        border: none !important;
+    }
+    /*     
+    input:focus {
+        box-shadow: none !important;
+        border: none !important;
+        background-color: white !important;
+    } */
+    
+    .know-left-div {
+        width: 706px;
+        /* margin-top: 15px; */
+        /* display: inline-block; */
+        float: left;
+        margin-right: 20px;
+    }
+    
+    .know-right-div {
+        /* margin-top: 15px; */
+        /* display: inline-block; */
+        overflow: hidden;
+    }
+    
+    .know-left-up-div {
+        margin-bottom: 20px;
+    }
+    
+    .know-left-div-head {
+        height: 34px;
+        line-height: 34px;
+        background: #e9eff8;
+        font-size: 14px;
+        color: #606367;
+        border-radius: 8px 8px 0 0;
+        padding-left: 10px;
+    }
+    /* .listheight {}
+     */
+    
+    .gobutton {
+        color: 005395;
+        font-family: "microsoft yahei";
+    }
+    
+    .gobutton:hover {
+        color: #1b3651;
+    }
+    
+    .gobutton:focus,
+    .gobutton:hover {
+        color: #1b3651;
+    }
+    
+    .dash_head {
+        font-size: 14px;
+    }
+    
+    .dash_headborder {
+        height: 260px;
+        border: 1px solid #dedede;
+        border-radius: 2px;
+    }
+    
+    .dashheadcolor {
+        border-bottom: 1px solid #dedede;
+        border-radius: 2px;
+    }
+    
+    .dash_mapborder {
+        height: 320px;
+        border: 1px solid #dedede;
+        border-radius: 2px;
+    }
+    
+    .disablecolor {
+        color: #f3f3f3 !important;
+    }
+    
+    .onlyaline {
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+    
+    .newcolor {
+        color: #79a3c4;
+    }
+    
+    .form-controldash {
+        color: #93989e;
+        height: 20px;
+        border-radius: 2px;
+        border: 1px solid #d1d1d1;
+    }
+    
+    .iconcolorjingji {
+        color: #BE2636 !important;
+    }
+    
+    .iconcoloryanzhong {
+        color: #f5a623 !important;
+    }
+    
+    .iconcoloryiban {
+        color: #005396 !important;
+    }
+    
+    .iconfontkill {
+        font-family: iconfont!important;
+        font-size: 18px;
+        color: #000;
+        z-index: 1;
+        -webkit-font-smoothing: antialiased;
+        -webkit-text-stroke-width: .2px;
+    }
+    
+    .monthchoice {
+        height: 200px;
+        overflow-x: hidden;
+        overflow-y: scroll;
+        line-height: 30px;
+        text-align: center;
+    }
+    
+    .dropdown-menu.monthchoice {
+        min-width: 30px !important;
+    }
+    
+    .backcopycolor {
+        background: #f9f9f9;
+    }
+    
+    .backcolor {
+        background: #fff;
+        border: 1px solid #ddd;
+    }
+    
+    .table>tbody>tr>th {
+        vertical-align: middle;
+        text-align: center;
+        background: #fafafa;
+    }
+    
+    .table>tbody>tr>td {
+        vertical-align: middle;
+        text-align: center;
+    }
+    
+    .bottomcat {
+        border-bottom: 1px solid #eaeaea;
+    }
+    
+    .table.table-bordered tr {
+        white-space: inherit;
+    }
+    
+    .cs-skin-slide>span {
+        height: 34px;
+    }
+</style>
+<div ng-style="bodyheight">
+    <div class="backcopycolor col-xs-12 padding-15">
+        <div ng-controller="reportsuorceCtrl" class="backcolor padding-left-15 padding-right-15">
+            <div class="listbote dashheadcolor">
+                <div class="list-controls clearfix">
+                    <div class="know-text-group">
+                        <form class="col-xs-12 col-sm-12 form-inline schesearchsize">
+                            <div class="row">
+                                <div class="">选择日期：</div>
+                                <div class="form-group">
+                                    <input type="text" class="form-control" datepicker-popuptime="yyyy-MM-dd" ng-change="changeForm(parameters.paramDateFrom)" ng-model="parameters.paramDateFrom" max-date="parameters.paramDateTo" is-open="startOpened" hour-time=true ng-init="startOpened = false"
+                                        close-text="关闭" ng-click="startOpen($event)" />
+                                </div>
+                                <span>-</span>
+                                <div class="form-group">
+                                    <input type="text" class="form-control" datepicker-popuptime="yyyy-MM-dd" ng-change="changeTo(parameters.paramDateTo)" ng-model="parameters.paramDateTo" hour-time=true min-date="parameters.paramDateFrom" is-open="endOpened" ng-init="endOpened = false"
+                                        close-text="关闭" ng-click="endOpen($event)" />
+                                </div>
+                                <!-- <div class="form-group">
+                                    <select class="form-control" ng-model="phone" ng-change="phoneChange(phone)">  
+                                        <option ng-repeat="x in runNumber" value="{{x.name}}">{{x.name}}</option>  
+                                    </select>
+                                </div> -->
+                                <!-- <div class="form-group" style="min-width:158px;">
+                                    <select ng-model="searchTypes" class="cs-select cs-skin-slide">
+                                              <option value="">近7天</option>				
+                                            <option value="todo" ng-attr-class="{searchTypes=='todo'?'cs-selected':''}">最近30天</option>
+                                            <option value="create" ng-attr-class="{searchTypes=='create'?'cs-selected':''}">最近30天</option>
+                                            <option value="done" ng-attr-class="{searchTypes=='done'?'cs-selected':''}">最近半年</option>
+                                        </select>
+                                </div> -->
+                                <div class="form-group">
+                                    <ui-select class="pull-left" style="width:158px" ng-model="searchkeys.quikly" theme="bootstrap" ng-change="onChangetime(searchkeys.quikly)">
+                                        <ui-select-match placeholder="">
+                                            {{$select.selected.name}}
+                                        </ui-select-match>
+                                        <ui-select-choices repeat="item in quikly" refresh="onChangehandling($select.search)">
+                                            <div ng-bind-html="item.name | highlight: $select.search"></div>
+                                        </ui-select-choices>
+                                    </ui-select>
+                                </div>
+                                <div class="form-group pull-right">
+                                    <a class="btn btn-default defaultheight" ng-click="restData()" ng-disabled="disabledParentGroup" type="button">重置</a>
+                                </div>
+                                <div class="form-group pull-right margin-right-10">
+                                    <button class="btn btn-searchbutton" ng-click="mdxquery('all')" type="button">搜索</button>
+                                </div>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+            </div>
+            <div class="row margin-top-15 margin-bottom-15" style="margin-left:-7px;margin-right:-7px">
+                <div class="col-xs-6" style="padding-left:8px;padding-right:8px">
+                    <div class="listheight dash_mapborder">
+                        <div class="fenlei col-xs-12 fontsizes-14">
+                            <div class="col-xs-12 bottomcat">
+                                <div class="row fontcolor-two padding-top-15 padding-bottom-15">
+                                    <div class="fenleifont pull-left">事件来源总数及占比</div>
+                                    <div class="fenleifont pull-right fontcolor-ten fontsizes-14"></div>
+                                </div>
+                            </div>
+                            <div id="reportsuorce" style="width: 100%;height: 200px"></div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-xs-6" style="padding-left:8px;padding-right:8px">
+                    <div class="listheight dash_mapborder">
+                        <div class="fenlei col-xs-12 fontsizes-14">
+                            <div class="col-xs-12 bottomcat">
+                                <div class="row fontcolor-two padding-top-15 padding-bottom-15">
+                                    <div class="fenleifont pull-left">事件来源趋势分析</div>
+                                    <div class="fenleifont pull-right fontcolor-ten fontsizes-14"></div>
+                                </div>
+                            </div>
+                            <div id="liuliangsuorce" style="width: 100%;height: 260px"></div>
+                        </div>
+                    </div>
+                </div>
+
+            </div>
+            <table class="table table-bordered " cellspacing="0" cellpadding="20" style="font-weight:normal !important;margin-bottom: 15px;">
+                <thread>
+                    <tr>
+                        <th>
+                            序号
+                        </th>
+                        <th>
+                            事件来源
+                        </th>
+                        <th>
+                            事件总数（件）
+                        </th>
+                        <th>
+                            事件占比（%）
+                        </th>
+                    </tr>
+                </thread>
+                <tbody class="tbody-hover">
+                    <tr ng-repeat="rowData in rRowssuorce">
+                        <td>
+                            <div>{{$index+1}}</div>
+                        </td>
+                        <td>
+                            <div>{{rowData._name}}</div>
+                        </td>
+                        <td>
+                            <div>{{rowData._count}}</div>
+                        </td>
+                        <td>
+                            <div>{{rowData.percentage}}%</div>
+                        </td>
+                        <!-- <td ng-repeat="fieldData in rowData">
+                            <div>{{fieldData.value.value}}</div>
+                        </td> -->
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
+<!-- end: BOOTSRAP NAV TREE

index.html

@@ -19,7 +19,9 @@
     <!-- <link href="http://fonts.googleapis.com/css?family=Lato:300,400,400italic,600,700|Raleway:300,400,500,600,700|Crete+Round:400italic" rel="stylesheet" type="text/css" /> -->
     <!-- Bootstrap -->
     <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.css">
-    <link rel="icon" type="image/png" sizes="32x32" href="assets/images/login/logo.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="assets/images/login/logo_zncd.png" ng-if="isZncd">
+    <link rel="icon" type="image/png" sizes="32x32" href="assets/images/login/logo_hk.png" ng-if="isHk">
+    <link rel="icon" type="image/png" sizes="32x32" href="assets/images/login/logo_default.png" ng-if="!isHk&&!isZncd">
     <!-- Font Awesome -->
     <link rel="stylesheet" href="../bower_components/font-awesome/css/font-awesome.min.css">
     <link rel="stylesheet" href="../bower_components/font-awesome/css/font-awesome.min.css">

package.json

@@ -4,6 +4,7 @@
   "description": "AngularJs Bootstrap Admin Template",
   "scripts": {
     "development": "node ./upload/development.js",
+    "development110": "node ./upload/development110.js",
     "production": "node ./upload/production.js",
     "build": "npx gulp build"
   },

upload/development110.js

@@ -0,0 +1,45 @@
+const shell = require('shelljs')
+const path = require('path');
+const config = {
+  ip: "192.168.3.110", // ssh地址
+  username: "root", // ssh 用户名
+  port: 22,      //端口
+  password: "DStech@123", // ssh 密码
+  // path: '/home/itsm/project/web/pc', // 上传地址,删除地址(第一次部署)
+  path: '/home/itsm/project/web/pc/assets', // 上传地址,删除地址(bower_components太大，第二次以后的更新只更新assets，具体的灵活应变)
+  // buildPath: '../dist' // 本地打包后文件地址(第一次部署)
+  buildPath: '../dist/assets' // 本地打包后文件地址(bower_components太大，第二次以后的更新只更新assets，具体的灵活应变)
+}
+let Client = require('ssh2-sftp-client');
+
+function connectSSh() {
+  let sftp = new Client();
+  sftp.connect({
+    host: config.ip,
+    port: config.port,
+    username: config.username,
+    password: config.password
+  }).then(() => {
+    console.log("-----先执行删除服务器文件-----")
+    return sftp.rmdir(config.path, true);
+  }).then(() => {
+    // 上传文件
+    console.log("-----开始上传-----")
+    return sftp.uploadDir(path.resolve(__dirname, config.buildPath), config.path);
+  }).then((data) => {
+    console.log("-----上传完成-----");
+    sftp.end();
+  }).catch((err) => {
+    console.log(err, '-----失败-----');
+    sftp.end();
+  });
+}
+function runTask() {
+  //打包完成
+  if (shell.exec(`npm run build`).code == 0) {
+    console.log("-----打包成功-----");
+    //提交上传
+    connectSSh();
+  }
+}
+runTask()