迟到早退文字颜色修改

src/views/workList.vue

@@ -30,7 +30,12 @@
                 <div class="head">
                   <div class="head_d">
                     <span>{{ item.userName }}</span>
-                    <span>{{ item.extra2 }}</span>
+                    <span
+                      :style="{
+                        color: item.extra2 === '正常' ? 'green' : 'red'
+                      }"
+                      >{{ item.extra2 }}</span
+                    >
                     <span>{{ item.opTime }}</span>
                   </div>
                 </div>
@@ -124,10 +129,10 @@ export default {
       var arr = [];
       if (this.searchType2 === "1") {
         //迟到
-        arr = this.itemsSave.filter(v => v.extra2 == "迟到");
+        arr = this.itemsSave.filter(v => v. === '正常'? == "迟到");
       } else if (this.searchType2 === "2") {
         //早退
-        arr = this.itemsSave.filter(v => v.extra2 == "早退");
+        arr = this.itemsSave.filter(v => v. === '正常'? == "早退");
       } else if (this.searchType2 === "0") {
         //全部
         arr = JSON.parse(JSON.stringify(this.itemsSave));