巡检文字修改

assets/css/styles.css

@@ -61,6 +61,9 @@
     text-overflow: ellipsis;
     white-space: nowrap;
 }
+.i_big{
+    font-size: 18px;
+}
 
 
 /*.printheight{

assets/js/controllers/report/incident_reportCtrl.js

@@ -71,8 +71,45 @@ app.controller("incident_reportCtrl", [
     $scope.changeTo = function (paramDateTo) {
       $scope.endtimes = moment(paramDateTo).format("YYYY-MM-DD");
     };
-    $scope.searchkeys.startTime = $scope.starttimes;
-    $scope.searchkeys.endTime = $scope.endtimes;
+    // 日期重置
+    $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.searchkeys.startTime = $scope.starttimes;
+    // $scope.searchkeys.endTime = $scope.endtimes;
+    $scope.dateReset();
     console.log($scope.searchkeys.startTime, $scope.searchkeys.endTime);
     // 运维报表搜索条件：
     $scope.YWBB_searchKeys = {
@@ -154,8 +191,14 @@ app.controller("incident_reportCtrl", [
       $scope.endOpened = false;
       $scope.startOpened = !$scope.startOpened;
     };
+    
     //选择类型
     $scope.active = function (name) {
+      $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;
@@ -164,12 +207,13 @@ app.controller("incident_reportCtrl", [
         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.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 = {};
@@ -423,6 +467,7 @@ app.controller("incident_reportCtrl", [
       $scope.YWBB_searchKeys.categoryId = item.id;
     };
     $scope.onFilterGroup = function (item) {
+      console.log(item);
       $scope.YWBB_searchKeys.groupId = item.id;
     };
     // 图表1、事件运维效率
@@ -445,7 +490,7 @@ app.controller("incident_reportCtrl", [
           // 解决饼图
           barechart7(data.solve);
           // 柱状图
-          barechart8(data.barGraph);
+          //   barechart8(data.barGraph);
           if (data.barGraph) {
             data.barGraph.ontimesolvePercentage = []; //按时解决率seimin
             data.barGraph.overtimesolvePercentage = []; //逾期解决率seimin
@@ -458,7 +503,10 @@ app.controller("incident_reportCtrl", [
                 (data.barGraph.ontimesolve[i] + data.barGraph.overtimesolve[i]);
             });
           }
+          console.log(data.barGraph);
           barechart8_1(data.barGraph);
+          barechart8_2(data.barGraph);
+          barechart8_3(data.barGraph);
         });
     };
 
@@ -654,15 +702,36 @@ app.controller("incident_reportCtrl", [
         $scope.FLQS_Data1($scope.searchkeys);
       }
       if ($scope.tap == "FLBB") {
-        $scope.FLTJ_Data($scope.searchkeys);
-        $scope.FLQST_Data($scope.searchkeys);
-        $scope.QYFL_Data($scope.searchkeys);
+        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.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;
@@ -681,9 +750,9 @@ app.controller("incident_reportCtrl", [
       $scope.searchkeys.endTime = $scope.endtimes;
       console.log($scope);
       $scope.YWBB_searchKeys = {
-        startTime:$scope.searchkeys.startTime,
-        endTime:$scope.searchkeys.endTime
-      }
+        startTime: $scope.searchkeys.startTime,
+        endTime: $scope.searchkeys.endTime,
+      };
       if ($scope.tap == "YWBB") {
         $scope.YWXL_Data();
         $scope.YWXQ_Data();
@@ -741,7 +810,7 @@ app.controller("incident_reportCtrl", [
           },
           grid: {
             top: "8%",
-            left: ".5%",
+            left: "2%",
             right: "0%",
             bottom: "15%",
             containLabel: true,
@@ -789,28 +858,28 @@ app.controller("incident_reportCtrl", [
                 },
               },
             },
-            {
-              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'
-                },
-              },
-            },
+            // {
+            //   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: [
             {
@@ -824,21 +893,21 @@ app.controller("incident_reportCtrl", [
               },
               data: datas.data,
             },
-            {
-              name: "环比增幅",
-              type: "line",
-              itemStyle: {
-                normal: {
-                  color: "#1CA58F",
-                },
-              },
-              lineStyle: {
-                normal: {
-                  color: "#1CA58F",
-                },
-              },
-              data: datas.per,
-            },
+            // {
+            //   name: "环比增幅",
+            //   type: "line",
+            //   itemStyle: {
+            //     normal: {
+            //       color: "#1CA58F",
+            //     },
+            //   },
+            //   lineStyle: {
+            //     normal: {
+            //       color: "#1CA58F",
+            //     },
+            //   },
+            //   data: datas.per,
+            // },
           ],
         };
         if (option && typeof option === "object") {
@@ -1454,7 +1523,7 @@ app.controller("incident_reportCtrl", [
                   label: {
                     normal: {
                       show: true,
-                      formatter: "{c}%",
+                      formatter: "{c}",
                       textStyle: {
                         fontSize: 14,
                       },
@@ -1712,25 +1781,15 @@ app.controller("incident_reportCtrl", [
       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',
+        color: ["#91c7ae", "#61a0a8", "#2f4554", "#c23531", "#d48265"],
         title: {
-          text: "响应事件总数 (件)",
-          subtext: datas.pieChartSum,
+          text: "微信用户评价\n\n满意度占比",
+          // subtext: datas.pieChartSum,
           textAlign: "center",
           textStyle: {
             color: "#333",
             fontSize: 16,
-            // align: 'center'
+            // align: 'center',
           },
           subtextStyle: {
             fontSize: 14,
@@ -1910,10 +1969,205 @@ app.controller("incident_reportCtrl", [
       // }
     }
     //图表 事件运维详情柱状图seimin-1
-    function barechart8(datas) {
-      // console.log(datas);
-      var datas = datas;
-      var dom = document.getElementById("JJSJZZ");
+    // 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({
@@ -1929,27 +2183,36 @@ app.controller("incident_reportCtrl", [
           trigger: "axis",
           axisPointer: {
             // 坐标轴指示器，坐标轴触发有效
-            type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
+            // type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
+            lineStyle: {
+              color: "#49A9EE",
+              type: "dotted",
+            },
+          },
+          formatter: function (params) {
+            var result = params[0].name + "<br>";
+            params.forEach(function (item) {
+              result +=
+                item.marker +
+                " " +
+                item.seriesName +
+                " : " +
+                item.value +
+                "%</br>";
+            });
+            return result;
           },
         },
         legend: {
-          data: [
-            "按时响应",
-            "逾期响应",
-            "响应平均时间",
-            "按时解决",
-            "逾期解决",
-            "解决平均时间",
-          ],
+          data: ["按时解决率", "逾期解决率"],
           align: "left",
           // itemWidth:10,
           // itemHeight:10,
           bottom: 0,
         },
         grid: {
-          top: "10%",
-          left: "1.5%",
-          right: "1.5%",
+          left: "1%",
+          right: "0%",
           bottom: "15%",
           containLabel: true,
         },
@@ -1979,37 +2242,16 @@ app.controller("incident_reportCtrl", [
           {
             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: "按时解决率/逾期解决率",
+            name: "解决率（%）",
             min: 0,
             max: 100,
             boundaryGap: [0.2, 0.2],
             axisLabel: {
+              formatter: "{value}%",
               textStyle: {
                 color: "#7B7B7B",
                 // fontSize: '14',
               },
-              formatter: "{value} %",
             },
             axisLine: {
               show: true,
@@ -2022,82 +2264,40 @@ app.controller("incident_reportCtrl", [
         ],
         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: "解决平均时间",
+            name: "按时解决率",
             type: "line",
             itemStyle: {
               normal: {
-                color: "#EF665C",
+                lineStyle: {
+                  color: "#91c7ae",
+                },
+                color: "#91c7ae",
               },
             },
             lineStyle: {
               normal: {
-                color: "#EF665C",
+                color: "#91c7ae",
               },
             },
-            data: datas.solvetime,
+            data: datas.ontimesolvePercentage,
           },
           {
-            name: "响应平均时间",
+            name: "逾期解决率",
             type: "line",
             itemStyle: {
               normal: {
-                color: "#FFA35E",
+                lineStyle: {
+                  color: "#d48265",
+                },
+                color: "#d48265",
               },
             },
             lineStyle: {
               normal: {
-                color: "#FFA35E",
+                color: "#d48265",
               },
             },
-            data: datas.responsetime,
+            data: datas.overtimesolvePercentage,
           },
         ],
       };
@@ -2106,10 +2306,24 @@ app.controller("incident_reportCtrl", [
         myChart.hideLoading();
       }
     }
-    //图表 按时解决率、逾期解决率seimin-2
-    function barechart8_1(datas) {
-      console.log(datas, "barechart8_1");
-      var dom = document.getElementById("JJSJZZ_1");
+    //图表 按时响应逾期响应柱状图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({
@@ -2121,34 +2335,25 @@ app.controller("incident_reportCtrl", [
       });
       myChart.hideLoading();
       option = {
+        color: ["#91c7ae", "#d48265"],
         tooltip: {
-            trigger: "axis",
-            axisPointer: {
-                // 坐标轴指示器，坐标轴触发有效
-                // type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
-                lineStyle: {
-                color: "#49A9EE",
-                type: "dotted",
-                },
-            },
-            formatter: function(params) {
-                var result = params[0].name + "<br>";
-                params.forEach(function(item) {
-                    result += item.marker + " " + item.seriesName + " : " + item.value + "%</br>";
-                });
-                return result;
-            }
+          trigger: "axis",
+          axisPointer: {
+            // 坐标轴指示器，坐标轴触发有效
+            type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
+          },
         },
         legend: {
-          data: ["按时解决率", "逾期解决率"],
+          data: arrName,
           align: "left",
           // itemWidth:10,
           // itemHeight:10,
           bottom: 0,
         },
         grid: {
-          left: "1%",
-          right: "0%",
+          top: "15%",
+          left: "3%",
+          right: "1.5%",
           bottom: "15%",
           containLabel: true,
         },
@@ -2178,12 +2383,12 @@ app.controller("incident_reportCtrl", [
           {
             type: "value",
             scale: true,
-            name: "解决率（%）",
+            name: "事件数量  (件)",
             min: 0,
-            max: 100,
+            minInterval: 1,
             boundaryGap: [0.2, 0.2],
             axisLabel: {
-              formatter: "{value}%",
+              formatter: "{value}",
               textStyle: {
                 color: "#7B7B7B",
                 // fontSize: '14',
@@ -2198,38 +2403,111 @@ app.controller("incident_reportCtrl", [
             },
           },
         ],
-        series: [
+        series: series,
+      };
+      if (option && typeof option === "object") {
+        myChart.setOption(option);
+        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: [
           {
-            name: "按时解决率",
-            type: "line",
-            itemStyle: {
-              normal: {
-                color: "#49A9EE",
+            type: "category",
+            // axisTick: {
+            //     alignWithLabel: true
+            // },
+            axisLabel: {
+              textStyle: {
+                color: "#7B7B7B",
+                // fontSize: '14',
               },
             },
-            lineStyle: {
-              normal: {
-                color: "#49A9EE",
+            axisLine: {
+              show: true,
+              lineStyle: {
+                color: "#7B7B7B",
+                // type: 'dotted'
               },
             },
-            data: datas.ontimesolvePercentage,
+            data: datas.name,
           },
+        ],
+        yAxis: [
           {
-            name: "逾期解决率",
-            type: "line",
-            itemStyle: {
-              normal: {
-                color: "#87C966",
+            type: "value",
+            scale: true,
+            name: "事件数量  (件)",
+            min: 0,
+            minInterval: 1,
+            boundaryGap: [0.2, 0.2],
+            axisLabel: {
+              formatter: "{value}",
+              textStyle: {
+                color: "#7B7B7B",
+                // fontSize: '14',
               },
             },
-            lineStyle: {
-              normal: {
-                color: "#87C966",
+            axisLine: {
+              show: true,
+              lineStyle: {
+                color: "#7B7B7B",
+                // type: 'dotted'
               },
             },
-            data: datas.overtimesolvePercentage,
           },
         ],
+        series: series,
       };
       if (option && typeof option === "object") {
         myChart.setOption(option);
@@ -2238,6 +2516,7 @@ app.controller("incident_reportCtrl", [
     }
     //图表 事件运维满意度柱状图
     function barechart9(datas) {
+      console.log(datas);
       var name = [];
       var series = [];
       for (var key in datas) {

assets/views/report/deck_report.html

@@ -96,7 +96,7 @@
             <div class="deck_cont_body" ng-if="tap=='LDZS'">
                 <div class="deck_cont_body_TB1">
                     <span tooltip-html-unsafe='<div class="slf">根据月份统计的，来电总数和建单总数</div>' tooltip-placement="right">
-                        来电总数
+                        <strong class="i_big">来电总数</strong>
                         <i class="fa ti-help-alt fontcolor-five pointfont"></i>
                     </span>
                     <div class="TB">
@@ -150,7 +150,7 @@
                 </div>
                 <div class="deck_cont_body_TB2">
                     <span tooltip-html-unsafe='<div class="slf">根据小时统计，来电数量趋势</div>' tooltip-placement="right">
-                        24小时来电趋势图
+                        <strong class="i_big">24小时来电趋势图</strong>
                         <i class="fa ti-help-alt fontcolor-five pointfont"></i>
                     </span>
                     <div class="TB">
@@ -163,7 +163,7 @@
                 </div>
                 <div class="deck_cont_body_TB2">
                     <span tooltip-html-unsafe='<div class="slf">根据月份统计，接听后，通话总时长趋势</div>' tooltip-placement="right">
-                        通话总时长趋势图
+                        <strong class="i_big">通话总时长趋势图</strong>
                         <i class="fa ti-help-alt fontcolor-five pointfont"></i>
                     </span>
                     <div class="TB">
@@ -176,7 +176,7 @@
                 </div>
                 <div class="deck_cont_body_TB2">
                     <span tooltip-html-unsafe='<div class="slf">根据月份统计，接听后，通话平均时长趋势</div>' tooltip-placement="right">
-                        通话平均时长趋势图
+                        <strong class="i_big">通话平均时长趋势图</strong>
                         <i class="fa ti-help-alt fontcolor-five pointfont"></i>
                     </span>
                     <div class="TB">
@@ -189,7 +189,7 @@
                 </div>
                 <div class="deck_cont_body_TB2">
                     <span tooltip-html-unsafe='<div class="slf">根据月份统计，未接听数量趋势</div>' tooltip-placement="right">
-                        通话未接听数量趋势图
+                        <strong class="i_big">通话未接听数量趋势图</strong>
                         <i class="fa ti-help-alt fontcolor-five pointfont"></i>
                     </span>
                     <div class="TB">