服务台绩效修改

assets/js/controllers/report/servicePerformanceCtrl.js

@@ -75,6 +75,9 @@ app.controller("servicePerformanceCtrl", [
             if ((response.status = 200)) {
               $scope.isMaskground = false;
               $scope.charginrow = response.data;
+              // 图表
+              barechart6(response.data);
+              barechart7(response.data);
               var totalScore = $scope.charginrow.reduce((pre,cur)=>{
                 return pre + cur.score;
               },0)
@@ -247,5 +250,211 @@ app.controller("servicePerformanceCtrl", [
         },
       });
     }
+
+    // 饼图
+    function barechart6(datas) {
+      var dom = document.getElementById("XYSJ");
+      var option = null;
+      var myChart = echarts.init(dom);
+      var data = datas.map(v=>({name: v.userName, value: v.score}));
+      option = {
+        color: ["#91c7ae", "#61a0a8", "#2f4554", "#c23531", "#d48265"],
+        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: {
+          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);
+        myChart.hideLoading();
+      }
+    }
+    // 柱形图
+    function barechart7(datas) {
+      console.log(datas);
+      var datas_obj = {name:[], '处理工单总数':[]};
+      // 处理数据 start
+      datas.forEach(v=>{
+        datas_obj.name.push(v.userName);
+        datas_obj['处理工单总数'].push(v.total);
+      })
+      datas = datas_obj;
+      console.log(datas);
+      // 处理数据 end
+      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: "2%",
+          right: "1.5%",
+          bottom: "15%",
+          containLabel: true,
+        },
+        xAxis: [
+          {
+            type: "category",
+            axisTick: {
+                alignWithLabel: true
+            },
+            axisLabel: {
+              interval: 0,
+              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);
+        myChart.hideLoading();
+      }
+    }
   },
 ]);