dashboard 日历组件颜色修复

src/views/home.vue

@@ -517,12 +517,17 @@ export default {
           }
           spaceOnce = false
         }
+        // 数据
         let info = this.secRowInfos.COMMUNITY_MANAGER_MATH && this.secRowInfos.COMMUNITY_MANAGER_MATH.data[i-1] ? this.secRowInfos.COMMUNITY_MANAGER_MATH.data[i-1].rato : 0
+        // 数据的时间
         let data_time = this.secRowInfos.COMMUNITY_MANAGER_MATH && this.secRowInfos.COMMUNITY_MANAGER_MATH.data[i-1]?this.secRowInfos.COMMUNITY_MANAGER_MATH.data[i-1].checkTime.slice(8, 10):100
+        // 默认颜色
         let color= 'rgb(226,235,245)'
-        console.log(dateArr)
-        if(i == Number(data_time)){
-          if (info) {
+        // 当前日期
+        let curDay = dateArr[2]
+
+        if (i <= curDay) { // 今天之后的颜色不做处理
+          if(i == Number(data_time) && info){ // 有数据并且数据的时间为对应日期 就根据数据改变颜色
             if (info <0.9 ) {
               color= '#CC4D4D'
             } else if(info== 1) {
@@ -530,10 +535,11 @@ export default {
             } else {
               color= '#FFD400'
             }
+          }else{ // 当数据缺失的时候直接红色
+            color = '#CC4D4D'
           }
-            
+          
         }
-        // console.log( info,'-------',color)
 
 		   tab+= '<td onclick=clickDate('+ i +') style="border-radius:20%;text-align:center;border:4px solid #fff; cursor: pointer; background:'+color+'">'+i+'</td>'
 		   if((i-(8-firstDay))%7==0){