"use strict"; app.controller("incident_reportCtrl", [ "$scope", "$rootScope", "$state", "$timeout", "$interval", "$http", "$cookieStore", "SweetAlert", "Restangular", "api_report", "api_statistic", "moment", "api_user_data", "api_bpm_data", "api_report_data", "api_category", function ( $scope, $rootScope, $state, $timeout, $interval, $http, $cookieStore, SweetAlert, Restangular, api_report, api_statistic, moment, api_user_data, api_bpm_data, api_report_data, api_category ) { // 选择日期： $scope.dateSelected = [ { name: "近90天", id: 0, }, { name: "近1年", id: 1, }, // { // name: "近3年", // id: 2, // }, // { // name: "近5年", // id: 3, // }, ]; $scope.tap = "QSFX"; $scope.tap1 = "flqs"; $scope.searchkeys = {}; //搜索条件 $scope.area_place = {}; //搜索条件 $scope.dateChoose = {}; //选择日期组件存储值 $scope.BTdata; var weeks = new Date().getDay(); $scope.starttimes = moment( new Date().getTime() - 86400000 * (weeks + 6 - 1) ).format("YYYY-MM-DD 00:00:00"); $scope.endtimes = moment( new Date().getTime() - 86400000 * (weeks - 1) ).format("YYYY-MM-DD 23:59:59"); $scope.changeForm = function (paramDateFrom) { $scope.starttimes = moment(paramDateFrom).format("YYYY-MM-DD 00:00:00"); }; $scope.changeTo = function (paramDateTo) { $scope.endtimes = moment(paramDateTo).format("YYYY-MM-DD 23:59:59"); }; // 日期重置 $scope.dateReset = function () { if ($scope.tap == "QSFX") { $scope.searchkeys.startTime = moment(new Date()) .subtract(6, "months") .startOf("month") .format("YYYY-MM-DD 00:00:00"); $scope.searchkeys.endTime = moment(new Date()) .subtract(1, "months") .endOf("month") .format("YYYY-MM-DD 23:59:59"); } else if ($scope.tap == "YWBB") { $scope.searchkeys.startTime = moment(new Date()) .subtract(30, "days") .format("YYYY-MM-DD 00:00:00"); $scope.searchkeys.endTime = moment(new Date()) .subtract(1, "days") .format("YYYY-MM-DD 23:59:59"); $scope.YWBB_searchKeys.startTime = $scope.searchkeys.startTime; $scope.YWBB_searchKeys.endTime = $scope.searchkeys.endTime; } else if ($scope.tap == "FLBB") { $scope.searchkeys.startTime = moment( new Date().getTime() - 86400000 * (weeks + 6 - 1) ).format("YYYY-MM-DD 00:00:00"); $scope.searchkeys.endTime = moment( new Date().getTime() - 86400000 * (weeks - 1) ).format("YYYY-MM-DD 23:59:59"); } else if ($scope.tap == "LYBB") { $scope.searchkeys.startTime = moment( new Date().getTime() - 86400000 * (weeks + 6 - 1) ).format("YYYY-MM-DD 00:00:00"); $scope.searchkeys.endTime = moment( new Date().getTime() - 86400000 * (weeks - 1) ).format("YYYY-MM-DD 23:59:59"); } }; // $scope.init = function(branchId, duty){ // $scope.SLQS_Data($scope.searchkeys); // $scope.FLQS_Data1($scope.searchkeys); // branchId && $scope.getAreas(branchId); // duty && $scope.getIncidentCategory(duty.id); // duty && $scope.getGroups(duty); // } // 切换院区 $scope.own = {}; $scope.changeBranch = function(){ console.log($scope.own.branch); $scope.dutys = []; $scope.own.duty = null; $scope.own.branch && $scope.getOwnDuty($scope.own.branch.id); $scope.outarea = []; $scope.area_place.areaId = null; $scope.own.branch && $scope.getAreas($scope.own.branch.id); $scope.select_treedata = []; $scope.YWBB_searchKeys.groupId = undefined; $scope.my_data = []; $scope.YWBB_searchKeys.categoryId = undefined; $scope.area_place.placeId = null; $scope.outplace = []; } // 切换责任科室 $scope.changeDuty = function(){ console.log($scope.own.duty); $scope.select_treedata = []; $scope.YWBB_searchKeys.groupId = undefined; $scope.own.duty && $scope.getGroups($scope.own.duty); $scope.my_data = []; $scope.YWBB_searchKeys.categoryId = undefined; $scope.own.duty && $scope.getIncidentCategory($scope.own.duty.id); } // 获取院区 $scope.branchs = []; $scope.getOwnBranch = function(){ api_category .getOwnBranch({}) .then(function (response) { if (response) { if ((response.status = 200)) { $scope.branchs = response.data; if($rootScope.user.duty){ $scope.own.branch = {id: $rootScope.user.duty.branch, hosName: $rootScope.user.duty.branchName}; $scope.getOwnDuty($rootScope.user.duty.branch, true); }else if($rootScope.user.branch){ $scope.own.branch = $rootScope.user.branch; $scope.getOwnDuty($rootScope.user.branch.id, true); $scope.init($scope.own.branch.id); } } } }); } $scope.getOwnBranch(); // 获取责任科室 $scope.dutys = []; $scope.getOwnDuty = function(branchId, isFirst = false, isReload = false){ api_category .getOwnDuty({branchId: branchId}) .then(function (response) { if (response) { if ((response.status = 200)) { $scope.dutys = response.data; if(isFirst && $rootScope.user.duty){ $scope.own.duty = $rootScope.user.duty; // $scope.getGroup1s($scope.own.duty); $scope.init($scope.own.duty.branch, $scope.own.duty); } if(isReload){ $rootScope.user.duty && ($scope.own.duty = $rootScope.user.duty); if ($scope.tap == "YWBB") { $scope.YWXL_Data(); $scope.YWXQ_Data(); $scope.YWMYD_Data(); $scope.YWTop_Data(); } if ($scope.tap == "LYBB") { $scope.LYQS_Data($scope.searchkeys); $scope.LYTJ_Data($scope.searchkeys); } if ($scope.tap == "QSFX") { $scope.SLQS_Data($scope.searchkeys); $scope.FLQS_Data($scope.searchkeys); $scope.FLQS_Data1($scope.searchkeys); } if ($scope.tap == "FLBB") { $scope.FLTJ_Data($scope.searchkeys); $scope.FLQST_Data($scope.searchkeys); // $scope.QYFL_Data($scope.searchkeys); } } } } }); } // $scope.searchkeys.startTime = $scope.starttimes; // $scope.searchkeys.endTime = $scope.endtimes; $scope.dateReset(); console.log($scope.searchkeys.startTime, $scope.searchkeys.endTime); // 运维报表搜索条件： $scope.YWBB_searchKeys = { startTime: $scope.searchkeys.startTime, endTime: $scope.searchkeys.endTime, }; // n天前 $scope.GetDateStr = function (AddDayCount) { var dd = new Date(); dd.setDate(dd.getDate() + AddDayCount); //获取AddDayCount天后的日期 var y = dd.getFullYear(); var m = dd.getMonth() + 1 < 10 ? "0" + (dd.getMonth() + 1) : dd.getMonth() + 1; //获取当前月份的日期，不足10补0 var d = dd.getDate() < 10 ? "0" + dd.getDate() : dd.getDate(); //获取当前几号，不足10补0 return y + "-" + m + "-" + d; }; //上周 $scope.week = function () { $scope.searchstate = "week"; var weeks = new Date().getDay(); $scope.starttimes = moment( new Date().getTime() - 86400000 * (weeks + 6) ).format("YYYY-MM-DD"); $scope.endtimes = moment(new Date().getTime() - 86400000 * weeks).format( "YYYY-MM-DD" ); $scope.searchkeys.startTime = $scope.starttimes; $scope.searchkeys.endTime = $scope.endtimes; }; //上月 $scope.month = function () { $scope.searchstate = "month"; $scope.starttimes = moment( new Date(moment().startOf("month")).setMonth(new Date().getMonth() - 1) ).format("YYYY-MM-DD"); $scope.endtimes = moment( new Date(moment().startOf("month")).setMonth(new Date().getMonth()) - 86400000 ).format("YYYY-MM-DD"); $scope.searchkeys.startTime = $scope.starttimes; $scope.searchkeys.endTime = $scope.endtimes; }; //今年（1月1日-至今） $scope.year = function () { $scope.searchstate = "year"; $scope.starttimes = moment() .startOf("year") .format("YYYY-MM-DD 00:00:00"); $scope.endtimes = moment().format("YYYY-MM-DD 23:59:59"); $scope.searchkeys.startTime = $scope.starttimes; $scope.searchkeys.endTime = $scope.endtimes; }; // 近n年 $scope.nearYear = function (n) { $scope.searchkeys.startTime = moment() .subtract(n, "years") .format("YYYY-MM-DD 00:00:00"); $scope.endtimes = moment().format("YYYY-MM-DD 23:59:59"); $scope.searchkeys.endTime = $scope.endtimes; console.log($scope.searchkeys.startTime, $scope.searchkeys.endTime); }; /** *日历 */ $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; }; //选择类型 $scope.active = function (name) { console.log($scope.own); $scope.dateChoose.dateSelected = {}; $scope.deleteKey($scope.select_treedata); $scope.deleteKey($scope.my_data); $scope.select_treedata = angular.copy($scope.select_treedata); // $scope.my_data = angular.copy($scope.my_data); console.log($scope.searchkeys); if ($scope.searchkeys.placeId) { delete $scope.searchkeys.placeId; } if ($scope.searchkeys.areaId) { delete $scope.searchkeys.areaId; } $scope.tap = name; // $scope.searchkeys.startTime = moment($scope.searchkeys.startTime).format( // "YYYY-MM-DD 00:00:00" // ); // $scope.searchkeys.endTime = moment($scope.searchkeys.endTime).format( // "YYYY-MM-DD 23:59:59" // ); $scope.dateReset(); if ($scope.tap == "QSFX") { $scope.tap1 = "flqs"; $scope.area_place = {}; setTimeout(function () { $scope.SLQS_Data($scope.searchkeys); $scope.FLQS_Data1($scope.searchkeys); }, 500); } else if ($scope.tap == "YWBB") { console.log($scope.own); $scope.area_place = {}; setTimeout(function () { // barechart2(); barechart3(); // barechart6() // barechart7() // barechart8() // barechart9(); $scope.YWXL_Data(); $scope.YWXQ_Data(); $scope.YWMYD_Data(); $scope.YWTop_Data(); }, 500); } else if ($scope.tap == "FLBB") { console.log($scope.own); $scope.area_place = {}; setTimeout(function () { $scope.FLTJ_Data($scope.searchkeys); $scope.FLQST_Data($scope.searchkeys); // $scope.QYFL_Data($scope.searchkeys); }, 500); } else if ($scope.tap == "LYBB") { $scope.area_place = {}; setTimeout(function () { $scope.LYQS_Data($scope.searchkeys); $scope.LYTJ_Data($scope.searchkeys); }, 500); } }; //选择类型1 $scope.active1 = function (name) { $scope.tap1 = name; if ($scope.tap1 == "flxq") { setTimeout(function () { // barechart(); $scope.FLQS_Data($scope.searchkeys); }, 500); } else if ($scope.tap1 == "flqs") { setTimeout(function () { // barechart2(); $scope.FLQS_Data1($scope.searchkeys); }, 500); } }; //区域地点过滤 $scope.key = {}; $scope.getAreas = function(branchId){ api_user_data .fetchDataList("area", { idx: 0, sum: 1000, area: {branch: branchId} }) .then(function (data) { if (data) { if ((data.status = 200)) { $scope.outarea = data.list; } } }); } //地点区域过滤 $scope.onChangearea = function (data) { console.log(data); $scope.area_place.placeId = null; $scope.outplace = []; if(data.areaId){ $scope.searchkeys["areaId"] = data.areaId.id; var fildata = { idx: 0, sum: 1000, place: { area: { id: data.areaId.id, }, }, }; api_user_data.fetchDataList("place", fildata).then(function (response) { if (response) { if ((response.status = 200)) { $scope.outplace = response.list; } } }); }else{ $scope.searchkeys["areaId"] = undefined; $scope.searchkeys["placeId"] = undefined; $scope.outplace = []; } console.log($scope.searchkeys); }; // 地点筛选 $scope.onChangeplace = function (key) { console.log(key); delete $scope.searchkeys.areaId; delete $scope.searchkeys.placeId; if(key.placeId){ $scope.searchkeys["placeId"] = key.placeId.id; }else{ key.areaId && ($scope.searchkeys.areaId = key.areaId.id); } }; // 选择日期 $scope.onChangeDate = function (s) { $scope.dateChoose.dateSelected = s; switch (s.id) { case 0: // 最近90天 console.log("最近90天"); $scope.searchkeys.startTime = $scope.GetDateStr(-90); $scope.searchkeys.endTime = $scope.GetDateStr(0); break; case 1: // 最近一年 console.log("最近一年"); $scope.nearYear(1); break; case 2: // 最近三年 console.log("最近三年"); $scope.nearYear(3); break; case 3: // 最近五年 console.log("最近五年"); $scope.nearYear(5); break; } }; //树形控件加载 $scope.my_tree = {}; $scope.getIncidentCategory = function (dutyId) { $scope.my_data = []; $scope.doing_async = true; api_bpm_data .fetchDataList("incidentcategory", { idx: 0, sum: 1000, incidentcategory: { duty: dutyId || undefined } }) .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; 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.tree_data = angular.copy($scope.my_data); if ($scope.my_data.length > 0) { $scope.doing_async = false; } // return $scope.my_tree.expand_all() } else { SweetAlert.swal({ title: "系统错误!", text: "请刷新重试!", type: "error", }); } }); }; 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]; //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; } function convertParentToChildList(data) { var treeMap = {}; var list = []; convertListToTree(data, treeMap); angular.forEach(treeMap, function (item) { list.push(item); }); return list; } // $scope.my_tree = tree = {}; $scope.getGroups = function (duty) { $scope.my_data1 = []; $scope.select_treedata = []; $scope.doing_async = true; api_user_data .fetchDataList("group", { idx: 0, sum: 1000, group: { selectType: "nouser", duty: duty || undefined }, }) .then(function (data) { $scope.select_treedata = $scope.my_data1 = // convertParentToChildList(data["list"]); $scope.doing_async = false; // tree.expand_all(); //console.log(treelist); }); }; // $scope.getAreas(); // $scope.getIncidentCategory(); // $scope.getGroups(); // 一、运维报表： // 故障现象选择： $scope.onFilterCategary = function (item) { // $scope.own.incidentCategory = item; console.log($scope.own); $scope.YWBB_searchKeys.categoryId = item.id; }; $scope.onFilterGroup = function (item) { console.log(item); $scope.YWBB_searchKeys.groupId = item.id; }; // 图表1、事件运维效率 $scope.YWXL_Data = function () { $scope.YWBB_searchKeys.dutyId = $scope.own.duty ? $scope.own.duty.id : undefined; $scope.YWBB_searchKeys.branchId = $scope.own.branch ? $scope.own.branch.id : undefined; api_report_data .reportsData("incident_operations_efficiency", $scope.YWBB_searchKeys) .then(function (data) { $scope.YWXL_Datas = data; barechart2(data); }); }; // 图表2、事件运维详情 $scope.YWXQ_Data = function () { $scope.YWBB_searchKeys.dutyId = $scope.own.duty ? $scope.own.duty.id : undefined; $scope.YWBB_searchKeys.branchId = $scope.own.branch ? $scope.own.branch.id : undefined; api_report_data .reportsData("incident_operations_details", $scope.YWBB_searchKeys) .then(function (data) { // $scope.YWXL_Datas = data; // 响应饼图 barechart6(data.response); // 解决饼图 barechart7(data.solve); // 柱状图 // barechart8(data.barGraph); if (data.barGraph) { data.barGraph.ontimesolvePercentage = []; //按时解决率seimin data.barGraph.overtimesolvePercentage = []; //逾期解决率seimin data.barGraph.ontimesolve.forEach((v, i) => { data.barGraph.ontimesolvePercentage[i] = ((data.barGraph.ontimesolve[i] * 100) / (data.barGraph.ontimesolve[i] + data.barGraph.overtimesolve[i])).toFixed(2); data.barGraph.overtimesolvePercentage[i] = ((data.barGraph.overtimesolve[i] * 100) / (data.barGraph.ontimesolve[i] + data.barGraph.overtimesolve[i])).toFixed(2); }); } console.log(data.barGraph); barechart8_1(data.barGraph); barechart8_2(data.barGraph); barechart8_3(data.barGraph); }); }; //事件趋势分析报表 //数量趋势分析 图1 $scope.SLQS_Data = function (data) { data.dutyId = $scope.own.duty ? $scope.own.duty.id : undefined; data.branchId = $scope.own.branch ? $scope.own.branch.id : undefined; api_report_data.reportsData("incident_trend", data).then(function (data) { console.log(data); if (data) { $scope.SLQS_Datas = data; // console.log($scope.LYQS_Datas) setTimeout(function () { barechart($scope.SLQS_Datas); }, 1000); } }); }; //分类趋势分析 图1 $scope.FLQS_Data1 = function (data) { data.dutyId = $scope.own.duty ? $scope.own.duty.id : undefined; data.branchId = $scope.own.branch ? $scope.own.branch.id : undefined; api_report_data .reportsData("incident_category_trend_time", data) .then(function (data) { console.log(data); if (data) { $scope.FLQS_Datas = data; // console.log($scope.LYQS_Datas) setTimeout(function () { barechart1($scope.FLQS_Datas); }, 1000); } }); }; //分类趋势分析 图2 $scope.FLQS_Data = function (data) { data.dutyId = $scope.own.duty ? $scope.own.duty.id : undefined; data.branchId = $scope.own.branch ? $scope.own.branch.id : undefined; api_report_data .reportsData("incident_category_month", data) .then(function (data) { console.log(data); var list1 = []; var list2 = []; if (data) { // for (var i = 0; i < data.data.length; i++) { // for (var j = 0; j < data.data[i].length; j++) { // // console.log(list1[i][j]) // for (var l = 0; l < data.dates.length; l++) { // data.data[i][j]['time'] = data.dates[l] // } // } // console.log(data.data[i]) // } $scope.BTdata = data; // console.log($scope.LYQS_Datas) setTimeout(function () { // barechart5($scope.BTdata) wt($scope.BTdata); }, 1000); } }); }; // 图表3、事件运维满意度 $scope.YWMYD_Data = function () { $scope.YWBB_searchKeys.dutyId = $scope.own.duty ? $scope.own.duty.id : undefined; $scope.YWBB_searchKeys.branchId = $scope.own.branch ? $scope.own.branch.id : undefined; api_report_data .reportsData("incident_operations_satisfaction", $scope.YWBB_searchKeys) .then(function (data) { $scope.YWMYD_Datas = data.sum; barechart9(data.barGraph); }); }; // 表格1、事件运维解决TOP排名 $scope.YWTop_Data = function (sort) { console.log(sort); $scope.YWBB_searchKeys.dutyId = $scope.own.duty ? $scope.own.duty.id : undefined; $scope.YWBB_searchKeys.branchId = $scope.own.branch ? $scope.own.branch.id : undefined; var postData = $scope.YWBB_searchKeys; if (sort) { postData.sortKye = sort; } api_report_data .reportsData("incident_operations_top", postData) .then(function (data) { $scope.YWBB_table_data = data.table; }); }; //事件来源报表数据获取 //来源趋势数据 图1 $scope.LYQS_Data = function (data) { data.dutyId = $scope.own.duty ? $scope.own.duty.id : undefined; data.branchId = $scope.own.branch ? $scope.own.branch.id : undefined; api_report_data .reportsData("incident_source2_count", data) .then(function (data) { console.log(data); if (data.stats == 200) { $scope.LYQS_Datas = data.data; console.log($scope.LYQS_Datas); barechart13($scope.LYQS_Datas); } }); }; //来源统计数据 图2 $scope.LYTJ_Data = function (data) { data.dutyId = $scope.own.duty ? $scope.own.duty.id : undefined; data.branchId = $scope.own.branch ? $scope.own.branch.id : undefined; api_report_data .reportsData("incident_source2_trend", data) .then(function (data) { console.log(data); if (data.stats == 200) { $scope.LYTJ_Datas = data.data; console.log($scope.LYTJ_Datas); barechart14($scope.LYTJ_Datas); } }); }; //故障现象报表 // 分类统计饼图 $scope.FLTJ_Data = function (list) { list.dutyId = $scope.own.duty ? $scope.own.duty.id : undefined; list.branchId = $scope.own.branch ? $scope.own.branch.id : undefined; api_report_data .reportsData("incident_category_proportion", list) .then(function (data) { // $scope.YWMYD_Datas = data.sum; // barechart9(data.barGraph); console.log(data); barechart10(data); }); }; // 分类趋势线图 $scope.FLQST_Data = function (list) { list.dutyId = $scope.own.duty ? $scope.own.duty.id : undefined; list.branchId = $scope.own.branch ? $scope.own.branch.id : undefined; api_report_data .reportsData("incident_category_trend", list) .then(function (data) { // $scope.YWMYD_Datas = data.sum; // barechart9(data.barGraph); console.log(data); barechart11(data); }); }; // 区域分类分析柱状图 $scope.QYFL_Data = function (list) { list.dutyId = $scope.own.duty ? $scope.own.duty.id : undefined; list.branchId = $scope.own.branch ? $scope.own.branch.id : undefined; api_report_data .reportsData("incident_category_area", list) .then(function (data) { // $scope.YWMYD_Datas = data.sum; // barechart9(data.barGraph); console.log(data); barechart12(data); }); }; //搜索 $scope.report_datas = function () { console.log($scope.searchkeys); var s = new Date($scope.searchkeys.startTime); var st = moment(s).format('YYYY-MM-DD 00:00:00') var e = new Date($scope.searchkeys.endTime); var en = moment(e).format('YYYY-MM-DD 23:59:59') $scope.searchkeys.startTime = st; $scope.searchkeys.endTime = en; if ($scope.tap == "YWBB") { $scope.YWBB_searchKeys.startTime = $scope.searchkeys.startTime; $scope.YWBB_searchKeys.endTime = $scope.searchkeys.endTime; $scope.YWXL_Data(); $scope.YWXQ_Data(); $scope.YWMYD_Data(); $scope.YWTop_Data(); } if ($scope.tap == "LYBB") { $scope.LYQS_Data($scope.searchkeys); $scope.LYTJ_Data($scope.searchkeys); } if ($scope.tap == "QSFX") { $scope.SLQS_Data($scope.searchkeys); $scope.FLQS_Data($scope.searchkeys); $scope.FLQS_Data1($scope.searchkeys); } if ($scope.tap == "FLBB") { var flbbData = angular.copy($scope.searchkeys); if ($scope.YWBB_searchKeys.categoryId) { flbbData.categoryId = $scope.YWBB_searchKeys.categoryId; } $scope.FLTJ_Data(flbbData); $scope.FLQST_Data(flbbData); // $scope.QYFL_Data(flbbData); } }; //多选下拉框重置方法 $scope.deleteKey = function (arr=[]) { arr.forEach((v) => { delete v.selected; v.isExpanded = false; if (v.children && v.children.length) { $scope.deleteKey(v.children); } }); }; //重置 $scope.report_Reset = function () { // $scope.select_treedata = []; // $scope.my_data = []; $scope.deleteKey($scope.select_treedata); $scope.deleteKey($scope.my_data); $scope.select_treedata = angular.copy($scope.select_treedata); $scope.my_data = angular.copy($scope.my_data); // -------------------------- console.log($scope.my_data); console.log($scope.select_treedata); $scope.dateChoose.dateSelected = {}; if ($scope.searchkeys.placeId) { delete $scope.searchkeys.placeId; } if ($scope.searchkeys.areaId) { delete $scope.searchkeys.areaId; } $scope.area_place = {}; // $scope.starttimes = moment( // new Date().getTime() - 86400000 * (weeks + 6 - 1) // ).format("YYYY-MM-DD"); // $scope.endtimes = moment( // new Date().getTime() - 86400000 * (weeks - 1) // ).format("YYYY-MM-DD"); // $scope.searchkeys.startTime = $scope.starttimes; // $scope.searchkeys.endTime = $scope.endtimes; $scope.dateReset(); console.log($scope); $scope.YWBB_searchKeys = { startTime: $scope.searchkeys.startTime, endTime: $scope.searchkeys.endTime, }; if($rootScope.user.duty){ $scope.own.branch = {id: $rootScope.user.duty.branch, hosName: $rootScope.user.duty.branchName}; $scope.getOwnDuty($rootScope.user.duty.branch, false, true); }else if($rootScope.user.branch){ $scope.own.branch = $rootScope.user.branch; $scope.getOwnDuty($rootScope.user.branch.id, false, true); } }; //图表 来电转换 function barechart(datas) { console.log(datas); console.log(echarts); if (datas) { var dom = document.getElementById("ldzh"); console.log(dom); var myChart = echarts.init(dom); var option = null; console.log(myChart); myChart.showLoading({ text: "数据加载中...", color: "#c23531", textColor: "#fff", maskColor: "rgba(255,255,255,0)", zlevel: 0, }); myChart.hideLoading(); option = { tooltip: { trigger: "axis", axisPointer: { // 坐标轴指示器，坐标轴触发有效 type: "shadow", // 默认为直线，可选为：'line' | 'shadow' }, }, legend: { data: ["事件总数", "环比增幅"], align: "left", // itemWidth:10, // itemHeight:10, bottom: 0, }, grid: { top: "8%", left: "2%", right: "0%", bottom: "15%", containLabel: true, }, xAxis: [ { type: "category", // axisTick: { // alignWithLabel: true // }, axisLabel: { textStyle: { color: "#7B7B7B", // fontSize: '14', }, }, axisLine: { show: true, lineStyle: { color: "#7B7B7B", // type: 'dotted' }, }, data: datas.dates, }, ], yAxis: [ { type: "value", scale: true, name: "事件数量 (件)", min: 0, boundaryGap: [0.2, 0.2], axisLabel: { textStyle: { color: "#7B7B7B", // fontSize: '14', }, }, axisLine: { show: true, lineStyle: { color: "#7B7B7B", // type: 'dotted' }, }, }, // { // type: "value", // scale: true, // name: "环比增幅 (%)", // min: 0, // max: 100, // boundaryGap: [0.2, 0.2], // axisLabel: { // formatter: "{value} %", // textStyle: { // color: "#7B7B7B", // // fontSize: '14', // }, // }, // axisLine: { // show: true, // lineStyle: { // color: "#7B7B7B", // // type: 'dotted' // }, // }, // }, ], series: [ { name: "事件总数", type: "bar", barMaxWidth: 30, itemStyle: { normal: { color: "#005395", }, }, data: datas.data, }, // { // name: "环比增幅", // type: "line", // itemStyle: { // normal: { // color: "#1CA58F", // }, // }, // lineStyle: { // normal: { // color: "#1CA58F", // }, // }, // data: datas.per, // }, ], }; if (option && typeof option === "object") { myChart.setOption(option, true); myChart.hideLoading(); } } } //图表 故障现象趋势分析 function barechart1(datas) { console.log(datas); if (datas) { var dom = document.getElementById("sjfx"); // console.log(dom) var myChart1 = echarts.init(dom); var option1 = null; // console.log(myChart1) myChart1.showLoading({ text: "数据加载中...", color: "#c23531", textColor: "#fff", maskColor: "rgba(255,255,255,0)", zlevel: 0, }); myChart1.hideLoading(); var serie = []; for (var i = 0; i < datas.data.length; i++) { // for (var j = 0; j < datas.title.length; j++) { // Series.name = datas.title[j] var Series = { name: datas.title[i], type: "line", itemStyle: { normal: { // color: '#49A9EE' }, }, lineStyle: { normal: { // color: '#49A9EE' }, }, data: datas.data[i], }; // } serie.push(Series); } option1 = { // color: ['#005395', '#1EA58F', '#87C966', '#FFCD61', '#585247', '#49A9EE', '#009D85', "rgba(250,250,250,0.3)"], tooltip: { trigger: "axis", axisPointer: { // 坐标轴指示器，坐标轴触发有效 // type: 'shadow' // 默认为直线，可选为：'line' | 'shadow' lineStyle: { color: "#49A9EE", type: "dotted", }, }, formatter: function (params) { // console.log(params); // console.log($scope.FLQS_Datas); var retStr = ""; for (var j = 0; j < $scope.FLQS_Datas.title.length; j++) { for (var i = 0; i < params.length; i++) { var dateIndex = $scope.FLQS_Datas.dates.indexOf( params[i].name ); } // var str = $scope.FLQS_Datas.title[j] + ":" + $scope.FLQS_Datas.data[j][dateIndex] + "  " + "环比增幅:" + $scope.FLQS_Datas.per[j][dateIndex] + "%" + "
" // $scope.FLQS_Datas.per[j][dateIndex]= $scope.FLQS_Datas.per[j][dateIndex].toString() // if($scope.FLQS_Datas.per[j][dateIndex].indexOf('-')<0){ // $scope.FLQS_Datas.per[j][dateIndex]='+'+$scope.FLQS_Datas.per[j][dateIndex] // }else{ // } // console.log('+'+$scope.FLQS_Datas.per[j][dateIndex]) var str = "
" + $scope.FLQS_Datas.title[j] + ": " + $scope.FLQS_Datas.data[j][dateIndex] + "件
" + "  " + "
" + "环比增幅: " + $scope.FLQS_Datas.per[j][dateIndex] + "%" + "
"; retStr += str; $scope.FLQS_Datas.dates[j] + "
" + retStr; } // console.log($scope.FLQS_Datas) for (var k = 0; k < params.length; k++) { // return params[i].name+'
'+params[i].seriesName+' :'+params[i].value+'  '+'环比增幅 :'+params[i].dataIndex+'%'; return params[k].name + "
" + retStr; } // return retStr }, // formatter:'{a}{b}
事件数量: {c}   环比增幅: {c}%' // formatter: function (params, ticket, callback) { // console.log(params, ticket, callback) // // $.get('detail?name=' + params.name, function (content) { // // callback(ticket, toHTML(content)); // // }); // var list={ // } // for(var i=0;i'+params[i].seriesName+' :'+params[i].value+'  '+'环比增幅 :'+params[i].dataIndex+'%'; // } // } }, legend: { show: true, data: datas.title, align: "left", // itemWidth:10, // itemHeight:10, bottom: 0, // formatter: function (name) { // console.log(name) // return name; // } }, grid: { top: "8%", left: "2%", right: "0%", bottom: "10%", containLabel: true, }, xAxis: [ { type: "category", // axisTick: { // alignWithLabel: true // }, axisLabel: { textStyle: { color: "#7B7B7B", // fontSize: '14', }, }, axisLine: { show: true, lineStyle: { color: "#7B7B7B", // type: 'dotted' }, }, data: datas.dates, }, ], yAxis: [ { type: "value", scale: true, name: "事件数量 (件)", min: 0, boundaryGap: [0.2, 0.2], axisLabel: { textStyle: { color: "#7B7B7B", // fontSize: '14', }, }, axisLine: { show: true, lineStyle: { color: "#7B7B7B", // type: 'dotted' }, }, }, // , { // type: 'value', // scale: true, // name: '环比增幅 (%)', // min: 0, // max: 100, // boundaryGap: [0.2, 0.2], // axisLabel: { // formatter: '{value} %', // textStyle: { // color: '#7B7B7B', // // fontSize: '14', // } // }, // axisLine: { // show: true, // lineStyle: { // color: '#7B7B7B', // // type: 'dotted' // }, // }, // } ], series: serie, // [ // { // name: '事件总数', // type: 'line', // show: false, // // itemStyle: { // // normal: { // // color: '#005395' // // } // // }, // // lineStyle: { // // normal: { // // color: '#005395' // // } // // }, // data: [10, 20, 5, 23, 12, 3, 63, 12, 23, 34, 76, 45] // }, { // name: '环比增幅', // type: 'line', // show: false, // // itemStyle: { // // normal: { // // color: '#005395' // // } // // }, // // lineStyle: { // // normal: { // // color: '#005395' // // } // // }, // data: [6, 45, 12, 4, 7, 43, 9, 32, 12, 21, 8, 10] // }, { // name: '通话时长2', // type: 'line', // // itemStyle: { // // normal: { // // color: '#005395' // // } // // }, // // lineStyle: { // // normal: { // // color: '#005395' // // } // // }, // data: [9, 41, 9, 12, 7, 34, 12, 54, 8, 9, 31, 12] // }, { // name: '通话时长3', // type: 'line', // // itemStyle: { // // normal: { // // color: '#005395' // // } // // }, // // lineStyle: { // // normal: { // // color: '#005395' // // } // // }, // data: [12, 24, 15, 22, 15, 31, 60, 16, 13, 24, 36, 55] // }, // ] }; if (option1 && typeof option1 === "object") { myChart1.setOption(option1, true); myChart1.hideLoading(); } } // console.log(echarts) } //图表 事件运维效率 function barechart2(datas) { var dom = document.getElementById("sjqs"); var myChart = echarts.init(dom); var option = null; myChart.showLoading({ text: "数据加载中...", color: "#c23531", textColor: "#fff", maskColor: "rgba(255,255,255,0)", zlevel: 0, }); myChart.hideLoading(); option = { tooltip: { trigger: "axis", axisPointer: { // 坐标轴指示器，坐标轴触发有效 // type: 'shadow' // 默认为直线，可选为：'line' | 'shadow' lineStyle: { color: "#49A9EE", type: "dotted", }, }, }, legend: { data: ["响应平均时长", "解决平均时长"], align: "left", // itemWidth:10, // itemHeight:10, bottom: 0, }, grid: { left: "1%", right: "0%", bottom: "15%", containLabel: true, }, xAxis: [ { type: "category", // axisTick: { // alignWithLabel: true // }, axisLabel: { textStyle: { color: "#7B7B7B", // fontSize: '14', }, }, axisLine: { show: true, lineStyle: { color: "#7B7B7B", // type: 'dotted' }, }, data: datas.keyList, }, ], yAxis: [ { type: "value", scale: true, name: "平均时长", min: 0, boundaryGap: [0.2, 0.2], // axisLabel: { // formatter: '{value}' // } axisLabel: { textStyle: { color: "#7B7B7B", // fontSize: '14', }, }, axisLine: { show: true, lineStyle: { color: "#7B7B7B", // type: 'dotted' }, }, }, ], series: [ { name: "响应平均时长", type: "line", itemStyle: { normal: { color: "#49A9EE", }, }, lineStyle: { normal: { color: "#49A9EE", }, }, data: datas.responseDataList, }, { name: "解决平均时长", type: "line", itemStyle: { normal: { color: "#87C966", }, }, lineStyle: { normal: { color: "#87C966", }, }, data: datas.solveDataList2, }, ], }; if (option && typeof option === "object") { myChart.setOption(option, true); myChart.hideLoading(); } } //图表 运维转派，协同，升级 function barechart3() { // console.log(echarts) var dom = document.getElementById("sjpd"); console.log(dom); var myChart = echarts.init(dom); var option = null; console.log(myChart); myChart.showLoading({ text: "数据加载中...", color: "#c23531", textColor: "#fff", maskColor: "rgba(255,255,255,0)", zlevel: 0, }); myChart.hideLoading(); option = { tooltip: { trigger: "axis", axisPointer: { // 坐标轴指示器，坐标轴触发有效 type: "shadow", // 默认为直线，可选为：'line' | 'shadow' }, }, legend: { data: ["转派", "升级", "协同"], align: "left", // itemWidth:10, // itemHeight:10, bottom: 0, }, grid: { left: ".5%", right: "0%", bottom: "15%", containLabel: true, }, xAxis: [ { type: "category", // axisTick: { // alignWithLabel: true // }, axisLabel: { textStyle: { color: "#7B7B7B", // fontSize: '14', }, }, axisLine: { show: true, lineStyle: { color: "#7B7B7B", // type: 'dotted' }, }, data: [ "10-12", "10-12", "10-12", "10-12", "10-12", "10-12", "10-12", "10-12", "10-12", ], }, ], yAxis: [ { type: "value", scale: true, name: "事件数量 (件)", min: 0, boundaryGap: [0.2, 0.2], axisLabel: { formatter: "{value}", textStyle: { color: "#7B7B7B", // fontSize: '14', }, }, axisLine: { show: true, lineStyle: { color: "#7B7B7B", // type: 'dotted' }, }, }, ], series: [ { name: "转派", type: "bar", itemStyle: { normal: { color: "#005395", }, }, data: [20, 12, 31, 23, 56, 78, 92, 12, 23], }, { name: "升级", type: "bar", itemStyle: { normal: { color: "#87C966", }, }, data: [10, 20, 5, 5, 2, 32, 34, 56, 23], }, { name: "协同", type: "bar", itemStyle: { normal: { color: "#79A3C4", }, }, data: [15, 26, 15, 25, 32, 36, 6, 43, 12], }, ], }; if (option && typeof option === "object") { myChart.setOption(option, true); myChart.hideLoading(); } } function wt(data) { console.log(data); // $scope.wt_data = ['1','2','3'] setTimeout(function () { console.log(1); for (var i = 0; i < data.data.length; i++) { (function wt1() { var dom = document.getElementById("item" + i); console.log(dom); var myChart = echarts.init(dom); var datas1 = []; for (var j = 0; j < data.data[i].length; j++) { var datas = { name: data.data[i][j].category, value: data.data[i][j].num, }; // { // "name": "上网账号", // "value": 10 // }, { // "name": "邮箱问题", // "value": 10 // }, { // "name": "用户资讯服务", // "value": 10 // }, { // "name": "校园卡", // "value": 10 // }, { // "name": "分类1", // "value": 20 // }, { // "name": "分类2", // "value": 30 // }, datas1.push(datas); } // if(data.total[i]==0){ // $scope.zero=i // } console.log(datas1); var option = { // color: ['#005395', '#1EA58F', '#87C966', '#FFCD61', '#585247', '#49A9EE', '#009D85', "rgba(250,250,250,0.3)"], // backgroundColor: '#000', title: { text: "总数", subtext: data.total[i] || "0", textStyle: { color: "#333", fontSize: 16, align: "center", verticalAlign: "middle", }, subtextStyle: { fontSize: 14, color: ["#005395"], fontWeight: "bolder", align: "center", verticalAlign: "middle", }, x: "22%", y: "55%", }, grid: { bottom: 150, left: 100, right: "10%", }, legend: { orient: "vertical", top: "middle", right: "5%", textStyle: { color: "#333", fontSize: 12, }, itemWidth: 8, itemHeight: 8, icon: "roundRect", data: datas1, }, series: [ // 主要展示层的 { radius: ["35%", "50%"], center: ["25%", "65%"], type: "pie", label: { normal: { show: true, formatter: "{c}", textStyle: { fontSize: 14, }, position: "outside", }, emphasis: { show: true, }, }, labelLine: { normal: { show: true, length: 5, length2: 5, }, emphasis: { show: true, }, }, hoverOffset: 5, name: "民警训练总量", data: datas1, }, ], }; if (option && typeof option === "object") { myChart.setOption(option, true); myChart.hideLoading(); } })(); // wt1() } }, 1000); // for (var i = 0; i < $scope.wt_data.length; i++) { // (function wt1() { // var dom = document.getElementById("item" + i); // console.log(dom) // var myChart = echarts.init(dom); // var data = [{ // "name": "网络故障报修", // "value": 10 // }, { // "name": "上网账号", // "value": 10 // }, { // "name": "邮箱问题", // "value": 10 // }, { // "name": "用户资讯服务", // "value": 10 // }, { // "name": "校园卡", // "value": 10 // }, { // "name": "分类1", // "value": 20 // }, { // "name": "分类2", // "value": 30 // }, ] // option = { // // color: ['#005395', '#1EA58F', '#87C966', '#FFCD61', '#585247', '#49A9EE', '#009D85', "rgba(250,250,250,0.3)"], // // backgroundColor: '#000', // title: { // text: '总数', // subtext: i + 1, // textStyle: { // color: '#333', // fontSize: 16, // // align: 'center' // }, // subtextStyle: { // fontSize: 14, // color: ['#005395'], // fontWeight: 'bolder' // }, // x: '22%', // y: '35%', // }, // grid: { // bottom: 150, // left: 100, // right: '10%' // }, // legend: { // orient: 'vertical', // top: "middle", // right: "5%", // textStyle: { // color: '#333', // fontSize: 12, // }, // itemWidth: 8, // itemHeight: 8, // icon: 'roundRect', // data: data, // }, // series: [ // // 主要展示层的 // { // radius: ['55%', '85%'], // center: ['25%', '50%'], // type: 'pie', // label: { // normal: { // show: true, // formatter: "{c}%", // textStyle: { // fontSize: 14, // }, // position: 'outside' // }, // emphasis: { // show: true // } // }, // labelLine: { // normal: { // show: true, // length: 5, // length2: 25 // }, // emphasis: { // show: true // } // }, // name: "民警训练总量", // data: data, // }, // ] // }; // if (option && typeof option === "object") { // myChart.setOption(option); // myChart.hideLoading(); // } // })() // // wt1() // } } // wt() //图表 故障现象趋势分析饼图 // function barechart5(datas) { // console.log(datas) // console.log(echarts) // // $scope.BTdata=datas // console.log($scope.BTdata) // var DATA = [] // for (var i = 0; i < $scope.BTdata.data.length; i++) { // var dom = document.getElementById("item" + i); // console.log(dom) // var option = null; // var myChart = echarts.init(dom); // for (var j = 0; j < $scope.BTdata.data[i].length; j++) { // var data = { // "name": $scope.BTdata.data[i][j].category, // "value": $scope.BTdata.data[i][j].num // } // DATA.push(data) // } // var total = $scope.BTdata.total[i] // // if($scope.BTdata.total[i]==0){ // // total=0 // // } // option = { // // color: ['#005395', '#1EA58F', '#87C966', '#FFCD61', '#585247', '#49A9EE', '#009D85', "rgba(250,250,250,0.3)"], // // backgroundColor: '#000', // title: { // text: '总数', // subtext: total, // textStyle: { // color: '#333', // fontSize: 16, // // align: 'center' // }, // subtextStyle: { // fontSize: 14, // color: ['#005395'], // fontWeight: 'bolder' // }, // x: '22%', // y: '35%', // }, // grid: { // bottom: 150, // left: 100, // right: '10%' // }, // legend: { // orient: 'vertical', // top: "middle", // right: "5%", // textStyle: { // color: '#333', // fontSize: 12, // }, // itemWidth: 8, // itemHeight: 8, // icon: 'roundRect', // data: DATA, // }, // series: [ // // 主要展示层的 // { // radius: ['55%', '85%'], // center: ['25%', '50%'], // type: 'pie', // label: { // normal: { // show: true, // formatter: "{c}%", // textStyle: { // fontSize: 14, // }, // position: 'outside' // }, // emphasis: { // show: true // } // }, // labelLine: { // normal: { // show: true, // length: 5, // length2: 25 // }, // emphasis: { // show: true // } // }, // name: "民警训练总量", // data: DATA, // }, // ] // }; // if (option && typeof option === "object") { // myChart.setOption(option); // myChart.hideLoading(); // } // } // } //图表 事件运维详情饼图1 function barechart6(datas) { var dom = document.getElementById("XYSJ"); var option = null; var myChart = echarts.init(dom); var data = datas.pieChart; option = { color: ["#91c7ae", "#61a0a8", "#2f4554", "#c23531", "#d48265"], title: { text: "微信用户评价\n\n满意度占比", // subtext: datas.pieChartSum, textAlign: "center", textStyle: { color: "#333", fontSize: 16, // align: 'center', }, subtextStyle: { fontSize: 14, color: ["#005395"], fontWeight: "bolder", // align: 'center' }, x: "34.5%", y: "50%", }, tooltip: { trigger: "item", formatter: function (a) { return a["data"]["name"] + ":" + a["data"]["value"]; }, position: ["50%", "30%"], }, grid: { bottom: 150, left: 100, right: "10%", }, legend: { orient: "vertical", top: "middle", right: "5%", textStyle: { color: "#333", fontSize: 12, }, itemWidth: 8, itemHeight: 8, icon: "roundRect", data: data, }, series: [ // 主要展示层的 { radius: ["50%", "65%"], center: ["35%", "60%"], type: "pie", label: { normal: { show: true, formatter: "{d}%", textStyle: { fontSize: 14, }, position: "outside", }, emphasis: { show: true, }, }, labelLine: { normal: { show: true, length: 5, length2: 25, }, emphasis: { show: true, }, }, name: "", data: data, }, ], }; if (option && typeof option === "object") { myChart.setOption(option, true); myChart.hideLoading(); } } //图表 事件运维详情饼图2 function barechart7(datas) { // for (var i = 0; i < $scope.BTdata.length; i++) { var dom = document.getElementById("JJSJ"); var option = null; var myChart = echarts.init(dom); var data = datas.pieChart; option = { color: [ "#005395", "#1EA58F", "#87C966", "#FFCD61", "#585247", "#49A9EE", "#009D85", "rgba(250,250,250,0.3)", ], // backgroundColor: '#000', title: { text: "解决事件总数 (件)", subtext: datas.pieChartSum, textAlign: "center", textStyle: { color: "#333", fontSize: 16, // align: 'center' }, subtextStyle: { fontSize: 14, color: ["#005395"], fontWeight: "bolder", // align: 'center' }, x: "34.5%", y: "50%", }, tooltip: { // show: false, trigger: "item", formatter: function (a) { // console.log(a) return a["data"]["name"] + ":" + a["data"]["value"]; }, position: ["50%", "30%"], }, grid: { bottom: 150, left: 100, right: "10%", }, legend: { orient: "vertical", top: "middle", right: "5%", textStyle: { color: "#333", fontSize: 12, }, itemWidth: 8, itemHeight: 8, icon: "roundRect", data: data, }, series: [ // 主要展示层的 { radius: ["50%", "65%"], center: ["35%", "60%"], type: "pie", label: { normal: { show: true, formatter: "{d}%", textStyle: { fontSize: 14, }, position: "outside", }, emphasis: { show: true, }, }, labelLine: { normal: { show: true, length: 5, length2: 25, }, emphasis: { show: true, }, }, name: "", data: data, }, ], }; if (option && typeof option === "object") { myChart.setOption(option, true); myChart.hideLoading(); } // } } //图表 事件运维详情柱状图seimin-1 // function barechart8(datas) { // var datas = datas; // var dom = document.getElementById("JJSJZZ"); // var myChart = echarts.init(dom); // var option = null; // myChart.showLoading({ // text: "数据加载中...", // color: "#c23531", // textColor: "#fff", // maskColor: "rgba(255,255,255,0)", // zlevel: 0, // }); // myChart.hideLoading(); // option = { // tooltip: { // trigger: "axis", // axisPointer: { // // 坐标轴指示器，坐标轴触发有效 // type: "shadow", // 默认为直线，可选为：'line' | 'shadow' // }, // }, // legend: { // data: [ // "按时响应", // "逾期响应", // "响应平均时间", // "按时解决", // "逾期解决", // "解决平均时间", // ], // align: "left", // // itemWidth:10, // // itemHeight:10, // bottom: 0, // }, // grid: { // top: "10%", // left: "1.5%", // right: "1.5%", // bottom: "15%", // containLabel: true, // }, // xAxis: [ // { // type: "category", // // axisTick: { // // alignWithLabel: true // // }, // axisLabel: { // textStyle: { // color: "#7B7B7B", // // fontSize: '14', // }, // }, // axisLine: { // show: true, // lineStyle: { // color: "#7B7B7B", // // type: 'dotted' // }, // }, // data: datas.name, // }, // ], // yAxis: [ // { // type: "value", // scale: true, // name: "事件数量 (件)", // min: 0, // boundaryGap: [0.2, 0.2], // axisLabel: { // formatter: "{value}", // textStyle: { // color: "#7B7B7B", // // fontSize: '14', // }, // }, // axisLine: { // show: true, // lineStyle: { // color: "#7B7B7B", // // type: 'dotted' // }, // }, // }, // { // type: "value", // scale: true, // name: "按时解决率/逾期解决率", // min: 0, // max: 100, // boundaryGap: [0.2, 0.2], // axisLabel: { // textStyle: { // color: "#7B7B7B", // // fontSize: '14', // }, // formatter: "{value} %", // }, // axisLine: { // show: true, // lineStyle: { // color: "#7B7B7B", // // type: 'dotted' // }, // }, // }, // ], // series: [ // { // name: "逾期响应", // type: "bar", // stack: "1", // barWidth: 30, // itemStyle: { // normal: { // color: "#005395", // }, // }, // data: datas.overtimeresponse, // }, // { // name: "按时响应", // type: "bar", // barWidth: 30, // stack: "1", // itemStyle: { // normal: { // color: "#E6EEF4", // }, // }, // data: datas.ontimeresponse, // }, // { // name: "逾期解决", // type: "bar", // barWidth: 30, // stack: "2", // itemStyle: { // normal: { // color: "#1CA58F", // }, // }, // data: datas.overtimesolve, // }, // { // name: "按时解决", // type: "bar", // barWidth: 30, // stack: "2", // itemStyle: { // normal: { // color: "#87C966", // }, // }, // data: datas.ontimesolve, // }, // { // name: "解决平均时间", // type: "line", // itemStyle: { // normal: { // color: "#EF665C", // }, // }, // lineStyle: { // normal: { // color: "#EF665C", // }, // }, // data: datas.solvetime, // }, // { // name: "响应平均时间", // type: "line", // itemStyle: { // normal: { // color: "#FFA35E", // }, // }, // lineStyle: { // normal: { // color: "#FFA35E", // }, // }, // data: datas.responsetime, // }, // ], // }; // if (option && typeof option === "object") { // myChart.setOption(option); // myChart.hideLoading(); // } // } //图表 按时解决率、逾期解决率seimin-1 function barechart8_1(datas) { console.log(datas, "barechart8_1"); var dom = document.getElementById("JJSJZZ_1"); var myChart = echarts.init(dom); var option = null; myChart.showLoading({ text: "数据加载中...", color: "#c23531", textColor: "#fff", maskColor: "rgba(255,255,255,0)", zlevel: 0, }); myChart.hideLoading(); option = { tooltip: { trigger: "axis", axisPointer: { // 坐标轴指示器，坐标轴触发有效 // type: 'shadow' // 默认为直线，可选为：'line' | 'shadow' lineStyle: { color: "#49A9EE", type: "dotted", }, }, formatter: function (params) { var result = params[0].name + "
"; params.forEach(function (item) { result += item.marker + " " + item.seriesName + " : " + item.value + "%
"; }); return result; }, }, legend: { data: ["按时解决率", "逾期解决率"], align: "left", // itemWidth:10, // itemHeight:10, bottom: 0, }, grid: { left: "1%", right: "0%", bottom: "15%", containLabel: true, }, xAxis: [ { type: "category", // axisTick: { // alignWithLabel: true // }, axisLabel: { textStyle: { color: "#7B7B7B", // fontSize: '14', }, }, axisLine: { show: true, lineStyle: { color: "#7B7B7B", // type: 'dotted' }, }, data: datas.name, }, ], yAxis: [ { type: "value", scale: true, name: "解决率（%）", min: 0, max: 100, boundaryGap: [0.2, 0.2], axisLabel: { formatter: "{value}%", textStyle: { color: "#7B7B7B", // fontSize: '14', }, }, axisLine: { show: true, lineStyle: { color: "#7B7B7B", // type: 'dotted' }, }, }, ], series: [ { name: "按时解决率", type: "line", itemStyle: { normal: { lineStyle: { color: "#91c7ae", }, color: "#91c7ae", }, }, lineStyle: { normal: { color: "#91c7ae", }, }, data: datas.ontimesolvePercentage, }, { name: "逾期解决率", type: "line", itemStyle: { normal: { lineStyle: { color: "#d48265", }, color: "#d48265", }, }, lineStyle: { normal: { color: "#d48265", }, }, data: datas.overtimesolvePercentage, }, ], }; if (option && typeof option === "object") { myChart.setOption(option, true); myChart.hideLoading(); } } //图表 按时响应逾期响应柱状图seimin-2 function barechart8_2(datas) { var series = []; var arrName = ["按时响应", "逾期响应"]; var arrObj = [datas.ontimeresponse, datas.overtimeresponse]; arrName.forEach((v, i) => { series.push({ name: v, type: "bar", stack: "1", barWidth: 40, itemStyle: { normal: {}, }, data: arrObj[i], }); }); var dom = document.getElementById("JJSJZZ_2"); var myChart = echarts.init(dom); var option = null; myChart.showLoading({ text: "数据加载中...", color: "#c23531", textColor: "#fff", maskColor: "rgba(255,255,255,0)", zlevel: 0, }); myChart.hideLoading(); option = { color: ["#91c7ae", "#d48265"], tooltip: { trigger: "axis", axisPointer: { // 坐标轴指示器，坐标轴触发有效 type: "shadow", // 默认为直线，可选为：'line' | 'shadow' }, }, legend: { data: arrName, align: "left", // itemWidth:10, // itemHeight:10, bottom: 0, }, grid: { top: "15%", left: "3%", right: "1.5%", bottom: "15%", containLabel: true, }, xAxis: [ { type: "category", // axisTick: { // alignWithLabel: true // }, axisLabel: { textStyle: { color: "#7B7B7B", // fontSize: '14', }, }, axisLine: { show: true, lineStyle: { color: "#7B7B7B", // type: 'dotted' }, }, data: datas.name, }, ], yAxis: [ { type: "value", scale: true, name: "事件数量 (件)", min: 0, minInterval: 1, boundaryGap: [0.2, 0.2], axisLabel: { formatter: "{value}", textStyle: { color: "#7B7B7B", // fontSize: '14', }, }, axisLine: { show: true, lineStyle: { color: "#7B7B7B", // type: 'dotted' }, }, }, ], series: series, }; if (option && typeof option === "object") { myChart.setOption(option, true); myChart.hideLoading(); } } //图表 按时解决逾期解决柱状图seimin-3 function barechart8_3(datas) { var series = []; var arrName = ["按时解决", "逾期解决"]; var arrObj = [datas.ontimesolve, datas.overtimesolve]; arrName.forEach((v, i) => { series.push({ name: v, type: "bar", stack: "1", barWidth: 40, itemStyle: { normal: {}, }, data: arrObj[i], }); }); var dom = document.getElementById("JJSJZZ_3"); var myChart = echarts.init(dom); var option = null; myChart.showLoading({ text: "数据加载中...", color: "#c23531", textColor: "#fff", maskColor: "rgba(255,255,255,0)", zlevel: 0, }); myChart.hideLoading(); option = { color: ["#91c7ae", "#d48265"], tooltip: { trigger: "axis", axisPointer: { // 坐标轴指示器，坐标轴触发有效 type: "shadow", // 默认为直线，可选为：'line' | 'shadow' }, }, legend: { data: arrName, align: "left", // itemWidth:10, // itemHeight:10, bottom: 0, }, grid: { top: "15%", left: "3%", right: "1.5%", bottom: "15%", containLabel: true, }, xAxis: [ { type: "category", // axisTick: { // alignWithLabel: true // }, axisLabel: { textStyle: { color: "#7B7B7B", // fontSize: '14', }, }, axisLine: { show: true, lineStyle: { color: "#7B7B7B", // type: 'dotted' }, }, data: datas.name, }, ], yAxis: [ { type: "value", scale: true, name: "事件数量 (件)", min: 0, minInterval: 1, boundaryGap: [0.2, 0.2], axisLabel: { formatter: "{value}", textStyle: { color: "#7B7B7B", // fontSize: '14', }, }, axisLine: { show: true, lineStyle: { color: "#7B7B7B", // type: 'dotted' }, }, }, ], series: series, }; if (option && typeof option === "object") { myChart.setOption(option, true); myChart.hideLoading(); } } //图表 事件运维满意度柱状图 function barechart9(datas) { console.log(datas); var name = []; var series = []; for (var key in datas) { if (key !== "name") { name.push(key); series.push({ name: key, type: "bar", stack: "1", barWidth: 40, itemStyle: { normal: {}, }, data: datas[key], }); } } var dom = document.getElementById("jjmyd"); var myChart = echarts.init(dom); var option = null; myChart.showLoading({ text: "数据加载中...", color: "#c23531", textColor: "#fff", maskColor: "rgba(255,255,255,0)", zlevel: 0, }); myChart.hideLoading(); option = { tooltip: { trigger: "axis", axisPointer: { // 坐标轴指示器，坐标轴触发有效 type: "shadow", // 默认为直线，可选为：'line' | 'shadow' }, }, legend: { data: name, align: "left", // itemWidth:10, // itemHeight:10, bottom: 0, }, grid: { top: "15%", left: "1.5%", right: "1.5%", bottom: "15%", containLabel: true, }, xAxis: [ { type: "category", // axisTick: { // alignWithLabel: true // }, axisLabel: { textStyle: { color: "#7B7B7B", // fontSize: '14', }, }, axisLine: { show: true, lineStyle: { color: "#7B7B7B", // type: 'dotted' }, }, data: datas.name, }, ], yAxis: [ { type: "value", scale: true, name: "事件数量 (件)", min: 0, boundaryGap: [0.2, 0.2], axisLabel: { formatter: "{value}", textStyle: { color: "#7B7B7B", // fontSize: '14', }, }, axisLine: { show: true, lineStyle: { color: "#7B7B7B", // type: 'dotted' }, }, }, ], series: series, }; if (option && typeof option === "object") { myChart.setOption(option, true); myChart.hideLoading(); } } //图表 故障现象统计饼图 function barechart10(datas) { console.log(datas); if (datas) { var dom = document.getElementById("sjflqs"); // console.log(dom) var option = null; var myChart = echarts.init(dom); var data = []; // var data1=[] var data2 = []; for (var i = 0; i < datas.lsit.length; i++) { var list = { name: datas.lsit[i].category, value: datas.lsit[i].proportion, }; data.push(list); // data1.push(datas.lsit[i].proportion) data2.push(datas.lsit[i].category); } // var data = [ // { // "name": "网络故障报修", // "value": 10 // }, // { // "name": "上网账号", // "value": 10 // }, { // "name": "邮箱问题", // "value": 10 // }, { // "name": "用户资讯服务", // "value": 10 // }, { // "name": "校园卡", // "value": 10 // }, { // "name": "分类1", // "value": 20 // }, { // "name": "分类2", // "value": 30 // }, // ] option = { // color: ['#005395', '#1EA58F', '#87C966', '#FFCD61', '#585247', '#49A9EE', '#009D85', "rgba(250,250,250,0.3)"], // backgroundColor: '#000', title: { text: "事件总数 (件)", subtext: datas.sum, textAlign: "center", textStyle: { color: "#333", fontSize: 20, // align: 'center' }, subtextStyle: { fontSize: 18, color: ["#005395"], fontWeight: "bolder", // align: 'center' }, x: "25%", y: "50%", }, grid: { top: "0%", bottom: 150, left: 100, right: "10%", }, legend: { orient: "vertical", top: "middle", left: "55%", itemGap: 20, textStyle: { color: "#333", fontSize: 16, }, itemWidth: 15, itemHeight: 15, icon: "roundRect", data: data2, }, series: [ // 主要展示层的 { radius: ["45%", "65%"], center: ["25%", "60%"], type: "pie", label: { normal: { show: true, formatter: "{c}%", textStyle: { fontSize: 14, }, position: "outside", }, emphasis: { show: true, }, }, labelLine: { normal: { show: true, length: 5, length2: 5, fontSize: 16, }, emphasis: { show: true, }, }, name: "民警训练总量", data: data, }, ], }; if (option && typeof option === "object") { myChart.setOption(option, true); myChart.hideLoading(); } } // console.log(echarts) // for (var i = 0; i < $scope.BTdata.length; i++) { // } } //图表 故障现象趋势图 function barechart11(datas) { console.log(datas); if (datas) { var dom = document.getElementById("sjfltj"); // console.log(dom) var myChart = echarts.init(dom); var option = null; // console.log(myChart) var serie = []; for (var i = 0; i < datas.data.length; i++) { // for (var j = 0; j < datas.title.length; j++) { // Series.name = datas.title[j] var Series = { name: datas.title[i], type: "line", itemStyle: { normal: { // color: '#49A9EE' }, }, lineStyle: { normal: { // color: '#49A9EE' }, }, data: datas.data[i], }; // } serie.push(Series); } console.log(serie); myChart.showLoading({ text: "数据加载中...", color: "#c23531", textColor: "#fff", maskColor: "rgba(255,255,255,0)", zlevel: 0, }); myChart.hideLoading(); option = { tooltip: { trigger: "axis", axisPointer: { // 坐标轴指示器，坐标轴触发有效 // type: 'shadow' // 默认为直线，可选为：'line' | 'shadow' lineStyle: { color: "#49A9EE", type: "dotted", }, }, }, legend: { data: datas.title, align: "left", // itemWidth:10, // itemHeight:10, bottom: 0, }, grid: { left: "3%", right: "0%", bottom: "15%", top: "10%", containLabel: true, }, xAxis: [ { type: "category", // axisTick: { // alignWithLabel: true // }, axisLabel: { textStyle: { color: "#7B7B7B", // fontSize: '14', }, }, axisLine: { show: true, lineStyle: { color: "#7B7B7B", // type: 'dotted' }, }, // data: ['10-12', '10-12', '10-12', '10-12', '10-12', '10-12', '10-12', '10-12', '10-12'] data: datas.dates, }, ], yAxis: [ { type: "value", scale: true, name: "事件数量 (件)", min: 0, boundaryGap: [0.2, 0.2], // axisLabel: { // formatter: '{value}' // } axisLabel: { textStyle: { color: "#7B7B7B", // fontSize: '14', }, }, axisLine: { show: true, lineStyle: { color: "#7B7B7B", // type: 'dotted' }, }, }, ], series: serie, // [{ // name: '分类1', // type: 'line', // itemStyle: { // normal: { // color: '#49A9EE' // } // }, // lineStyle: { // normal: { // color: '#49A9EE' // } // }, // data: [10, 20, 5, 43, 12, 34, 12, 56, 67] // }, { // name: '分类2', // type: 'line', // itemStyle: { // normal: { // color: '#87C966' // } // }, // lineStyle: { // normal: { // color: '#87C966' // } // }, // data: [12, 10, 15, 23, 19, 24, 18, 26, 57] // }] }; if (option && typeof option === "object") { myChart.setOption(option, true); myChart.hideLoading(); } } // console.log(echarts) } //图表 事件区域与故障现象分析图柱状图 function barechart12(datas) { console.log(datas); if (datas) { var dom = document.getElementById("qysjfx"); // console.log(dom) var myChart = echarts.init(dom); var option = null; // console.log(myChart) myChart.showLoading({ text: "数据加载中...", color: "#c23531", textColor: "#fff", maskColor: "rgba(255,255,255,0)", zlevel: 0, }); myChart.hideLoading(); var serie = []; for (var i = 0; i < datas.data.length; i++) { // for(var j=0;datas.data[i].title;j++){ var Series = { name: datas.data[i].title[i], type: "bar", stack: "1", itemStyle: { normal: { // color: '#49A9EE' }, }, data: datas.data[i].num, }; // } serie.push(Series); // } } console.log(serie); option = { tooltip: { trigger: "axis", axisPointer: { // 坐标轴指示器，坐标轴触发有效 type: "shadow", // 默认为直线，可选为：'line' | 'shadow' }, }, legend: { data: datas.category, align: "left", // itemWidth:10, // itemHeight:10, bottom: 0, }, grid: { top: "15%", left: "1.5%", right: "1.5%", bottom: "15%", containLabel: true, }, xAxis: [ { type: "category", // axisTick: { // alignWithLabel: true // }, axisLabel: { textStyle: { color: "#7B7B7B", // fontSize: '14', }, }, axisLine: { show: true, lineStyle: { color: "#7B7B7B", // type: 'dotted' }, }, data: datas.area, }, ], yAxis: [ { type: "value", scale: true, name: "事件数量 (件)", min: 0, boundaryGap: [0.2, 0.2], axisLabel: { formatter: "{value}", textStyle: { color: "#7B7B7B", // fontSize: '14', }, }, axisLine: { show: true, lineStyle: { color: "#7B7B7B", // type: 'dotted' }, }, }, ], series: serie, // [{ // name: '分类1', // type: 'bar', // stack: '1', // itemStyle: { // normal: { // color: '#49A9EE' // } // }, // data: [20, 12, 31, 23, 56, 78, 92, 12, 23, 14, 23, 54] // }, { // name: '分类2', // type: 'bar', // stack: '1', // itemStyle: { // normal: { // color: '#1EA58F' // } // }, // data: [20, 12, 31, 23, 56, 78, 92, 12, 23, 14, 23, 54] // }, { // name: '分类3', // type: 'bar', // stack: '1', // itemStyle: { // normal: { // color: '#87C966' // } // }, // data: [20, 12, 31, 23, 56, 78, 92, 12, 23, 14, 23, 54] // }, { // name: '分类4', // type: 'bar', // stack: '1', // itemStyle: { // normal: { // color: '#FFA35E' // } // }, // data: [20, 12, 31, 23, 56, 78, 92, 12, 23, 14, 23, 54] // }, { // name: '分类5', // type: 'bar', // stack: '1', // itemStyle: { // normal: { // color: '#EF665C' // } // }, // data: [12, 30, 15, 23, 32, 64, 17, 26, 87, 17, 63, 26] // }, ] }; if (option && typeof option === "object") { myChart.setOption(option, true); myChart.hideLoading(); } } // console.log(echarts) } //图表 事件来源统计饼图 function barechart13(datas) { // console.log(datas) // console.log(echarts) var dom = document.getElementById("sjlyqs"); // console.log(dom) var option = null; var myChart = echarts.init(dom); var Data_LYTJ = []; var Total = 0; if (datas && datas.length > 0) { for (var j = 0; j < datas.length; j++) { console.log(datas[j]); var data = { name: datas[j]._name, value: datas[j].percentage, }; Total = Total += datas[j]._count; Data_LYTJ.push(data); } console.log(Total); option = { color: [ "#005395", "#1EA58F", "#87C966", "#FFCD61", "#585247", "#49A9EE", "#009D85", "rgba(250,250,250,0.3)", ], // backgroundColor: '#000', title: { text: "事件总数 (件)", subtext: Total, textAlign: "center", textStyle: { color: "#333", fontSize: 20, // align: 'center' }, subtextStyle: { fontSize: 18, color: ["#005395"], fontWeight: "bolder", // align: 'center' }, x: "25%", y: "40%", }, grid: { top: "0%", bottom: 150, left: 100, right: "10%", }, legend: { orient: "vertical", top: "middle", left: "55%", itemGap: 20, textStyle: { color: "#333", fontSize: 16, }, itemWidth: 15, itemHeight: 15, icon: "roundRect", data: Data_LYTJ, }, series: [ // 主要展示层的 { radius: ["62%", "85%"], center: ["25%", "50%"], type: "pie", label: { normal: { show: true, formatter: "{c}%", textStyle: { fontSize: 14, }, position: "outside", }, emphasis: { show: true, }, }, labelLine: { normal: { show: true, length: 10, length2: 35, fontSize: 16, }, emphasis: { show: true, }, }, name: "民警训练总量", data: Data_LYTJ, }, ], }; if (option && typeof option === "object") { myChart.setOption(option, true); myChart.hideLoading(); } } } //图表 事件来源趋势图 function barechart14(datas) { console.log(datas); var Series = []; var legend = { data: [], align: "left", // itemWidth:10, // itemHeight:10, bottom: 0, }; if (datas && datas.length > 0) { for (var j = 0; j < datas[1].length; j++) { var data = { name: datas[0][j], type: "line", itemStyle: { normal: { // color: '#49A9EE' }, }, lineStyle: { normal: { // color: '#49A9EE' }, }, data: datas[1][j][1], }; legend.data.push(datas[0][j]); Series.push(data); // for (var key in datas[1][j]) { // var data = { // name: key, // type: "line", // itemStyle: { // normal: { // // color: '#49A9EE' // }, // }, // lineStyle: { // normal: { // // color: '#49A9EE' // }, // }, // data: datas[1][j][key], // }; // legend.data.push(key); // Series.push(data); // } } console.log(echarts); var dom = document.getElementById("sjlytj"); console.log(dom); var myChart = echarts.init(dom); var option = null; console.log(myChart); myChart.showLoading({ text: "数据加载中...", color: "#c23531", textColor: "#fff", maskColor: "rgba(255,255,255,0)", zlevel: 0, }); myChart.hideLoading(); option = { color: [ "#005395", "#1EA58F", "#87C966", "#FFCD61", "#585247", "#49A9EE", "#009D85", "rgba(250,250,250,0.3)", ], tooltip: { trigger: "axis", axisPointer: { // 坐标轴指示器，坐标轴触发有效 // type: 'shadow' // 默认为直线，可选为：'line' | 'shadow' lineStyle: { color: "#49A9EE", type: "dotted", }, }, }, legend: legend, grid: { left: "2%", right: "0%", bottom: "15%", top: "10%", containLabel: true, }, xAxis: [ { type: "category", // axisTick: { // alignWithLabel: true // }, axisLabel: { textStyle: { color: "#7B7B7B", // fontSize: '14', }, }, axisLine: { show: true, lineStyle: { color: "#7B7B7B", // type: 'dotted' }, }, data: datas[1][0][0], }, ], yAxis: [ { type: "value", scale: true, name: "事件数量 (件)", min: 0, boundaryGap: [0.2, 0.2], // axisLabel: { // formatter: '{value}' // } axisLabel: { textStyle: { color: "#7B7B7B", // fontSize: '14', }, }, axisLine: { show: true, lineStyle: { color: "#7B7B7B", // type: 'dotted' }, }, }, ], series: Series, // [{ // name: '分类1', // type: 'line', // itemStyle: { // normal: { // color: '#49A9EE' // } // }, // lineStyle: { // normal: { // color: '#49A9EE' // } // }, // data: [10, 20, 5, 43, 12, 34, 12, 56, 67] // }, { // name: '分类2', // type: 'line', // itemStyle: { // normal: { // color: '#87C966' // } // }, // lineStyle: { // normal: { // color: '#87C966' // } // }, // data: [12, 10, 15, 23, 19, 24, 18, 26, 57] // }] }; if (option && typeof option === "object") { myChart.setOption(option, true); myChart.hideLoading(); } } } // 初始化 $scope.init = function(branchId, duty){ $scope.SLQS_Data($scope.searchkeys); $scope.FLQS_Data1($scope.searchkeys); branchId && $scope.getAreas(branchId); duty && $scope.getIncidentCategory(duty.id); duty && $scope.getGroups(duty); } }, ]);