打卡状态展示修改

src/views/daka/record/index.vue

     >
       <!-- <el-table-column type="selection" width="55" align="center" /> -->
       <el-table-column v-if="false" label="主键ID" align="center" prop="id" />
-      <el-table-column
-        label="员工姓名"
-        align="center"
-        prop="sysUserName"
-      >
+      <el-table-column label="员工姓名" align="center" prop="sysUserName" >
+      </el-table-column>
+      <!-- <el-table-column label="姓名昵称" align="center" prop="nickName" >
+      </el-table-column> -->
+      <el-table-column label="考勤组" align="center" prop="attendanceGroupName" >
       </el-table-column>
       <el-table-column   label="打卡时间" align="center" prop="checkInTime">
-        
       </el-table-column>
-      <el-table-column
-        label="上班打卡状态"
-        align="center"
-        prop="clockInStatus"
-      >
+      <el-table-column label="上班打卡状态" align="center" prop="clockInStatus" >
         <template slot-scope="scope">
           <span
-            v-if="scope.row.clockInStatus == '0'"
+            v-if="scope.row.checkInStatus == '0'"
             style="
               display: inline-flex;
               align-items: center;
             未打卡
           </span>
           <span
-            v-if="scope.row.checkInStatus == '1'"
+            v-if="scope.row.clockInStatus == '1'"
             style="
               display: inline-flex;
               align-items: center;
             上班已打卡
           </span>
           <span
-            v-if="scope.row.checkInStatus == '2'"
+            v-if="scope.row.clockInStatus == '2'"
             style="
               display: inline-flex;
               align-items: center;
             下班已打卡
           </span>
           <span
-            v-if="scope.row.checkInStatus == '3'"
+            v-if="scope.row.clockInStatus == '3'"
             style="
               display: inline-flex;
               align-items: center;
             迟到打卡
           </span>
           <span
-            v-if="scope.row.checkInStatus == '4'"
+            v-if="scope.row.clockInStatus == '4'"
             style="
               display: inline-flex;
               align-items: center;
             早退打卡
           </span>
           <span
-            v-if="scope.row.checkInStatus == '5'"
+            v-if="scope.row.clockInStatus == '5'"
             style="
               display: inline-flex;
               align-items: center;
           </span>
         </template>
       </el-table-column>
-      <el-table-column
-        label="下班打卡状态"
-        align="center"
-        prop="clockOutStatus"
-      >
+      <el-table-column label="下班打卡状态" align="center" prop="clockOutStatus" >
         <template slot-scope="scope">
           <span
-            v-if="scope.row.clockOutStatus == '0'"
+            v-if="scope.row.checkInStatus == '0'"
             style="
               display: inline-flex;
               align-items: center;
             未打卡
           </span>
           <span
-            v-if="scope.row.checkInStatus == '1'"
+            v-if="scope.row.clockOutStatus == '1'"
             style="
               display: inline-flex;
               align-items: center;
             上班已打卡
           </span>
           <span
-            v-if="scope.row.checkInStatus == '2'"
+            v-if="scope.row.clockOutStatus == '2'"
             style="
               display: inline-flex;
               align-items: center;
             下班已打卡
           </span>
           <span
-            v-if="scope.row.checkInStatus == '3'"
+            v-if="scope.row.clockOutStatus == '3'"
             style="
               display: inline-flex;
               align-items: center;
             迟到打卡
           </span>
           <span
-            v-if="scope.row.checkInStatus == '4'"
+            v-if="scope.row.clockOutStatus == '4'"
             style="
               display: inline-flex;
               align-items: center;
             早退打卡
           </span>
           <span
-            v-if="scope.row.checkInStatus == '5'"
+            v-if="scope.row.clockOutStatus == '5'"
             style="
               display: inline-flex;
               align-items: center;