From 42694d57def2eeed889035fe42cb3795a3791be0 Mon Sep 17 00:00:00 2001
From: zhouxueli <2841188632@qq.com>
Date: Tue, 9 Jul 2024 10:06:54 +0800
Subject: [PATCH] =?UTF-8?q?task#14196=EF=BC=8C=E9=AB=98=E4=BA=AE=E6=8F=90?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/kpi/components/noFit-table.vue | 70 +++++++++++++++++++++++-
 1 file changed, 67 insertions(+), 3 deletions(-)

diff --git a/src/views/kpi/components/noFit-table.vue b/src/views/kpi/components/noFit-table.vue
index ea61f80a..0cc3da20 100644
--- a/src/views/kpi/components/noFit-table.vue
+++ b/src/views/kpi/components/noFit-table.vue
@@ -6,6 +6,7 @@
               style="width: 100%"
               height="100%"
               v-loading="loading"
+              :cell-style="setTableCellStyle"
               class="custom-table">
       <el-table-column v-for="column in labelList" :key="column.prop" :prop="column.prop" :label="column.label"
                        align="center"  min-width="100" :width="(isMobile && (column.label=='案件编号' || column.label=='服务内容')) ? 70 : 'auto'">
@@ -17,14 +18,77 @@
 <script>
 export default {
   name: "noFit-table",
-  props: ['tableData','labelList','loading','isMobile'],
+  props: ['tableData', 'labelList', 'loading', 'isMobile'],
   data() {
     return {}
   },
   mounted() {
-    // console.log("tableData",this.tableData)
   },
-  methods: {}
+  methods: {
+    setTableCellStyle({ row, column,columnIndex }) {
+      // 接单率
+      if(column.property=='threeMinutesReceivingRate'){
+        if(columnIndex){
+          const rate = parseFloat(row.threeMinutesReceivingRate.replace('%', ''));
+          if(rate < 95){
+            return {backgroundColor: 'yellow'}
+          }
+        }
+      }
+      //师傅接单时效》5
+      if(column.property=='receiving'){
+        if(columnIndex){
+          if(row.receiving > 5){
+            return {backgroundColor: 'yellow'}
+          }
+        }
+      }
+      //到达时效》40
+      if(column.property=='arriving'){
+        if(columnIndex){
+          if(row.arriving > 40){
+            return {backgroundColor: 'yellow'}
+          }
+        }
+      }
+      //聚合成功率《80
+      if(column.property=='polymerizationSuccessRate'){
+        if(columnIndex){
+          const rate = parseFloat(row.polymerizationSuccessRate.replace('%', ''));
+          if(rate < 80){
+            return {backgroundColor: 'yellow'}
+          }
+        }
+      }
+      //app使用率《95
+      if(column.property=='appRate'){
+        if(columnIndex){
+          const rate = parseFloat(row.appRate.replace('%', ''));
+          if(rate < 95){
+            return {backgroundColor: 'yellow'}
+          }
+        }
+      }
+      //催促率》3
+      if(column.property=='urgeRate'){
+        if(columnIndex){
+          const rate = parseFloat(row.urgeRate.replace('%', ''));
+          if(rate > 3){
+            return {backgroundColor: 'yellow'}
+          }
+        }
+      }
+      //投诉率》0.1
+      if(column.property=='complainOrderRate'){
+        if(columnIndex){
+          const rate = parseFloat(row.complainOrderRate.replace('%', ''));
+          if(rate > 0.1){
+            return {backgroundColor: 'yellow'}
+          }
+        }
+      }
+    }
+  }
 }
 </script>