no message

src/views/workstatistics/DrainageRankingStatistics.vue

@@ -35,7 +35,9 @@
             <el-table-column width="150" fixed prop="EmpName" label="姓名"></el-table-column>
             <el-table-column width="100" prop="RankName" label="排名">
                 <template slot-scope="scope">
-                    <span>{{scope.row.RankName}}</span>
+                    <span :class="{'activeOne':scope.row.RankName=='第一名',
+                    'activeTwo':scope.row.RankName=='第二名',
+                    'activeThree':scope.row.RankName=='第三名'}">{{scope.row.RankName}}</span>
                 </template>
             </el-table-column>
             <el-table-column :label="i.Name" align="center" v-for="i in PlatformTypeList">
@@ -459,15 +461,15 @@
   </script>
   <style>
   @import "../../assets/css/customerManage.css";
-  .activeThree{
-    background: #FDE9D9;
+  /* .activeThree{
+    color: #B97234;
   }
   .activeTwo{
-    background: #FCD5B4;
+    color: #C7CED7;
   }
   .activeOne{
-    background: #FABF8F;
-  }
+    color: #F9AE0E;
+  } */
   .activeNumB{
     color: red;
   }