feat:申诉分值分布接口调试完成

attendance-performance-manager-ui/admin/src/views/homeCharts/record/list.vue

@@ -284,6 +284,7 @@ export default {
       shensuPie: null, // 申诉分值分布情况echart实例
       recordPie: null, // 反馈记录整体情况echart实例
       timer: null,
+      // performType: {}, // 申诉分值字典
     };
   },
 
@@ -293,8 +294,9 @@ export default {
     this.depStatList();
     this.getAttendanceRules();
     this.getFeedback();
-    this.autoUpdata();
     this.getAppealTotal();
+    // 定时器刷新数据
+    this.autoUpdata();
   },
 
   methods: {
@@ -332,9 +334,7 @@ export default {
           let names = data.map((v) => v.name);
           let add = data.map((v) => v.add);
           let sub = data.map((v) => v.sub);
-          this.$nextTick(() => {
           this.drawLeiDa(names, add, sub);
-          });
         }
       });
     },
@@ -369,9 +369,7 @@ export default {
               value: v.score,
             };
           });
-          this.$nextTick(() => {
           this.drawRulePie(arr, totalScore);
-          });
         }
       });
     },
@@ -383,9 +381,7 @@ export default {
           let { notStart, total, ended, progress } = data;
           let names = ["未开始", "进行中", "已完结", "全部问卷"];
           let values = [notStart, progress, ended, total];
-          this.$nextTick(() => {
           this.drawRecordPie(names, values);
-          });
         }
       });
     },
@@ -394,12 +390,16 @@ export default {
       this.$post("/perform/attend/appeal/perform/summary", {
         summaryType: this.appealDate,
       }).then((res) => {
-        const { code, data } = res;
-        if (code == 1) {
-          console.log(res);
-
-          // this.$nextTick(() => {
-          // });
+        if (res.code == 1) {
+          const { dict, data } = res;
+          let { performType } = dict;
+          let params = data.data.map((v) => {
+            return {
+              name: this.filterDict(v.performType, performType),
+              value: v.score,
+            };
+          });
+          this.drawCorePie(params);
         }
       });
     },
@@ -574,7 +574,7 @@ export default {
       window.addEventListener("resize", this.adapterEcharts);
     },
     // 申诉分值分布情况echarts
-    drawCorePie() {
+    drawCorePie(data = []) {
       let chartDom = document.getElementById("shensuPie");
       // 避免刷新数据时重新初始化图表
       this.shensuPie = this.$echarts.getInstanceByDom(chartDom);
@@ -617,15 +617,15 @@ export default {
           },
           formatter: (name) => {
             // formatter格式化函数动态呈现数据
-            var total = 0; // 用于计算总数
-            var target; // 遍历拿到数据
-            for (var i = 0; i < this.cricleData.length; i++) {
-              total += this.cricleData[i].value;
-              if (this.cricleData[i].name == name) {
-                target = this.cricleData[i].value;
+            let total = 0; // 用于计算总数
+            let target; // 遍历拿到数据
+            for (let i = 0; i < data.length; i++) {
+              total += data[i].value;
+              if (data[i].name == name) {
+                target = data[i].value;
               }
             }
-            var v = ((target / total) * 100).toFixed(2);
+            // let v = ((target / total) * 100).toFixed(2);
             return `{oneone|${name}}`;
             //     富文本第一列样式应用    富文本第二列样式应用      富文本第三列样式应用
           },
@@ -667,7 +667,7 @@ export default {
             labelLine: {
               show: true,
             },
-            data: this.cricleData,
+            data,
           },
         ],
       });
@@ -759,6 +759,7 @@ export default {
           break;
         case "appealDate":
           this.appealDate = date;
+          this.getAppealTotal();
           break;
       }
     },
@@ -775,6 +776,16 @@ export default {
     getDay() {
       return new Date().getDate();
     },
+    // 过滤字典
+    filterDict(key, dict = {}) {
+      let str = "";
+      Object.keys(dict).forEach((keys) => {
+        if (key == keys) {
+          str = dict[keys];
+        }
+      });
+      return str;
+    },
     // 1分值自动刷新数据
     autoUpdata() {
       this.timer = setInterval(() => {
@@ -783,6 +794,7 @@ export default {
         this.depStatList();
         this.getAttendanceRules();
         this.getFeedback();
+        this.getAppealTotal();
       }, 1000 * 60);
     },
   },