更新

src/views/student-leave-record/index.module.less

@@ -40,13 +40,21 @@
     }
 
     .class {
+      display: flex;
+      align-items: center;
       font-size: 13px;
       color: var(--k-gray-3);
       line-height: 22px;
-      max-width: 90px;
-      overflow: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
+
+
+      .userName {
+        max-width: 90px;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        padding-right: 10px;
+        display: inline-block;
+      }
     }
   }
 

src/views/student-leave-record/index.tsx

@@ -195,19 +195,7 @@ export default defineComponent({
                 {forms.listState.dataShow ? (
                   forms.list.map((item: any) => (
                     <CellGroup class={styles.cellGroupIn}>
-                      <Cell
-                        center
-                        clickable={false}
-                        class={styles.cell}
-                        onClick={() => {
-                          router.push({
-                            path: '/teacher-attendance-detail',
-                            query: {
-                              teacherId: item.teacherId,
-                              classGroupId: item.classGroupId
-                            }
-                          });
-                        }}>
+                      <Cell center clickable={false} class={styles.cell}>
                         {{
                           icon: () => (
                             <Image
@@ -224,8 +212,10 @@ export default defineComponent({
                                 {item.classGroupName}
                               </p>
                               <p class={styles.class}>
-                                {item.username}
-                                {item.phone && <>({item.phone})</>}
+                                <span class={styles.userName}>
+                                  {item.username}
+                                </span>
+                                {item.phone && <span>{item.phone}</span>}
                               </p>
                             </div>
                           )