考勤样式修改完毕

1

src/school/attendance/components/teacher-attendDetail.tsx

@@ -181,11 +181,11 @@ export default defineComponent({
                 <p class={styles.signTime}>
                   {teacherAttInfo.value?.signInTime ? '签到时间' : ''}
 
-                  <span>
-                    {teacherAttInfo.value?.signInTime
-                      ? dayjs(teacherAttInfo.value?.signInTime).format('HH:mm:ss')
-                      : '未签到'}
-                  </span>
+                  {teacherAttInfo.value?.signInTime ? (
+                    <span>{dayjs(teacherAttInfo.value?.signInTime).format('HH:mm:ss')}</span>
+                  ) : (
+                    '未签到'
+                  )}
                 </p>
               </div>
             </div>
@@ -252,11 +252,11 @@ export default defineComponent({
                 <p class={styles.signTime}>
                   {teacherAttInfo.value?.signOutTime ? '签退时间' : ''}
 
-                  <span>
-                    {teacherAttInfo.value?.signOutTime
-                      ? dayjs(teacherAttInfo.value?.signOutTime).format('HH:mm:ss')
-                      : '未签退'}
-                  </span>
+                  {teacherAttInfo.value?.signOutTime ? (
+                    <span>{dayjs(teacherAttInfo.value?.signOutTime).format('HH:mm:ss')}</span>
+                  ) : (
+                    '未签退'
+                  )}
                 </p>
               </div>
             </div>

src/school/attendance/modals/teacherAtt-item.module.less

@@ -92,7 +92,7 @@
         .signTime {
           height: 31px;
           line-height: 31px;
-          font-size: 20px;
+          font-size: 17px;
           font-weight: 600;
           color: #333333;
           line-height: 28px;
@@ -122,10 +122,10 @@
       }
     }
     .passWrap {
-      background-color: #ddecff;
+      background-color: #f2f2f2;
     }
     .goWrap {
-      background-color: #ffe1e1;
+      background-color: #f2f2f2;
     }
   }
 }

src/school/attendance/modals/teacherAtt-item.tsx

@@ -50,32 +50,37 @@ export default defineComponent({
               <div class={props.item.signInStatus === 'NORMAL' ? styles.passWrap : styles.goWrap}>
                 <div class={styles.attInfoDot}>
                   <div class={styles.attInfoDotTitle}>
-                    <span>签到时间</span>
+                    <span>签到状态</span>
                     <img
                       src={props.item.signInStatus === 'NORMAL' ? successIcon : errorIcon}
                       alt=""
                     />
                   </div>
+
                   <p class={styles.signTime}>
-                    {props.item.signInTime
-                      ? dayjs(props.item.signInTime).format('HH:mm:ss')
-                      : '未签到'}
+                    {props.item.signInStatus === 'NORMAL' ? (
+                      '正常'
+                    ) : (
+                      <span style={{ color: '#F44541' }}>异常</span>
+                    )}
                   </p>
                 </div>
               </div>
               <div class={props.item.signOutStatus === 'NORMAL' ? styles.passWrap : styles.goWrap}>
                 <div class={styles.attInfoDot}>
                   <div class={styles.attInfoDotTitle}>
-                    <span>签退时间</span>
+                    <span>签退状态</span>
                     <img
                       src={props.item.signOutStatus === 'NORMAL' ? successIcon : errorIcon}
                       alt=""
                     />
                   </div>
                   <p class={styles.signTime}>
-                    {props.item.signOutTime
-                      ? dayjs(props.item.signOutTime).format('HH:mm:ss')
-                      : '未签到'}
+                    {props.item.signOutStatus === 'NORMAL' ? (
+                      '正常'
+                    ) : (
+                      <span style={{ color: '#F44541' }}>异常</span>
+                    )}
                   </p>
                 </div>
               </div>