修改

src/components/course/record-form.vue

@@ -39,12 +39,10 @@
   }
 
   .recordForm .TeacherContent {
-    height: 40px;
-    line-height: 40px;
     margin-top: 10px;
     border-radius: 2px;
     font-size: 12px;
-    padding-left: 20px;
+    padding: 8px;
     background-color: #F0F5FB;
   }
 
@@ -85,7 +83,13 @@
     text-decoration: underline;
     cursor: pointer;
   }
-
+  .TeacherNewClass{
+    display: flex;
+    margin-bottom:3px;
+  }
+  .TeacherNewClass:last-child{
+    margin-bottom:0;
+  }
 </style>
 <template>
   <div class="page-body">
@@ -179,7 +183,11 @@
                   </li>
                 </div>
                 <div class="TeacherContent">
-                  签到数{{item.CheckNum}}，缺勤数{{item.NoCheckNum}}
+                  <div v-for="(subItem,subIndex) in item.TimeList" class="TeacherNewClass">
+                    <div>{{subIndex+1}}节课 {{subItem.StartTime}}-{{subItem.EndTime}}</div>
+                    <div style="color:green;margin:0 20px;" title="签到数">{{subItem.CheckNum}}</div>
+                    <div style="color:red;" title="缺勤数">{{subItem.NoCheckNum}}</div>
+                  </div> 
                 </div>
               </div>
             </div>