完善大屏中工单完成率饼图数据获取逻辑及代码实现

index.html

@@ -1079,12 +1079,12 @@
   <!-- 工单完成数 -->
   <script>
     var ulbox = document.getElementById("review_box");
-    var myChart = echarts.init(ulbox);
-    var weekOrderQuantity = 100   //总数
-    var weekOrderCompleted = 30   //已完成
-    var weekOrderUnfinished = 70  //未完成
+    var orderFinishRatePie = echarts.init(ulbox);
+    var allOrdersCount = 100   //总数
+    var allOrdersCompletedCount = 30   //已完成
+    var allOrdersUnfinishedCount = 70  //未完成
 
-    var option = {
+    var orderFinishRatePieOption = {
       color: ['#22c2f0', '#28f19b', '#fcfa3c', '#f44061'],
       title: {
         text: '',
@@ -1115,7 +1115,8 @@
       //   },
       //   data: ['工单完成率']
       // },
-      series: [{
+      series: [
+        {
           name: '工单完成数',
           type: 'pie',
           clockWise: false,
@@ -1135,7 +1136,7 @@
           hoverAnimation: false,
           center: ['50%', '50%'],
           data: [{
-          value: weekOrderCompleted,
+            value: allOrdersCompletedCount,
             label: {
               normal: {
                 formatter: "{d}%",
@@ -1156,7 +1157,7 @@
               }
             }
           }, {
-          value: weekOrderUnfinished,
+            value: allOrdersUnfinishedCount,
             name: 'invisible',
             itemStyle: {
               normal: {
@@ -1202,8 +1203,8 @@
             value: 0,
             name: ""
           }]
-      }, {
-        // name: '访问来源',
+        },
+        {
           type: 'pie',
           radius: ['50%', '60%'],
           silent: true,
@@ -1226,7 +1227,7 @@
             }
           },
           data: [{
-          value: weekOrderQuantity,
+            value: allOrdersCount,
             name: ''
           }
 
@@ -1234,8 +1235,8 @@
         }
       ]
     };
-    if (option && typeof option === 'object') {
-      myChart.setOption(option);
+    if (orderFinishRatePieOption && typeof orderFinishRatePieOption === 'object') {
+      orderFinishRatePie.setOption(orderFinishRatePieOption);
     }
   </script>
   <script>
@@ -1655,6 +1656,41 @@
       });
     }
 
+    // 更新全部工单完成率
+    // api/blade-deviceAccount/deviceAccount/list?current=1&size=10
+    function updateAllOrdersFinishedRateData() {
+      $.ajax({
+        type: "GET",
+        url: "/api/blade-inspectionWorkOrder/inspectionWorkOrder/list?current=1&size=10",
+        success: function (result) {
+          console.log('AllOrdersData', result);
+          let allOrdersTotal = result.data.total;
+          let finished = 0;
+          $.ajax({
+            type: "GET",
+            url: "api/blade-inspectionWorkOrder/inspectionWorkOrder/list?taskStatus=1&current=1&size=10",
+            success: function (res) {
+              console.log('FinishedOrdersData', res);
+              let finishedTotal = res.data.total;
+              orderFinishRatePieOption.series[0].data[0].value = finishedTotal;
+              orderFinishRatePieOption.series[0].data[1].value = allOrdersTotal - finishedTotal;
+              orderFinishRatePieOption.series[2].data[0].value = allOrdersTotal;
+              orderFinishRatePie.setOption(orderFinishRatePieOption);
+            },
+            // 失败或者超时的回调函数
+            error: function (xhr, status, error) {
+              // loadDataStatus.updateEmergencyData = false
+            }
+          });
+
+        },
+        // 失败或者超时的回调函数
+        error: function (xhr, status, error) {
+          // loadDataStatus.updateEmergencyData = false
+        }
+      });
+    }
+
     const loadDataStatus = {
       uploadCompleteStatus: false,
       updateWarningData: false,
@@ -1666,6 +1702,7 @@
       updateInspectionWeekOrderData: false,
       updateRepairWeekOrderData: false,
       updateEmergencyData: false,
+      updateAllOrdersFinishedRateData: false
     }
     uploadDeviceAccountData()
 
@@ -1736,6 +1773,10 @@
       if (!loadDataStatus.updateEmergencyData) {
         updateEmergencyData()
       }
+      // updateAllOrdersFinishedRateData();
+      if (!loadDataStatus.updateAllOrdersFinishedRateData) {
+        updateAllOrdersFinishedRateData()
+      }
     }, 600000);
 
     // 更新 monthOrderNum