修改

src/components/course/record-form.vue

 <style>
   #timeleft div {
-    height: 65px;
+    height: 80px;
     color: #333333;
   }
 
@@ -55,6 +55,11 @@
     color:#F28C1D;
     background-color: #FCE8D2;
   }
+.timecenter_Line{
+  border-left:1px solid #366595; 
+  position:absolute;
+  left:130px;
+}  
 </style>
 <template>
   <div class="page-body">
@@ -74,7 +79,7 @@
             </div>
           </div>
           <div class="col-4" id="timecenter">
-            <div style="height:80px;  border-left:1px solid #366595; position:absolute;  left:130px;">
+            <div class="timecenter_Line" :style="{'height':getHeight(dataList.resultList)}">
               <ul>
                 <li class="cicle1" v-for="(item,index) in dataList.resultList" :class="{'reCordRed':item.ColorType==1,'reCordBlue':item.ColorType==2,
                 'reCordOrange':item.ColorType==3}" :style="{'top':getTop(index)}">
@@ -163,6 +168,9 @@
       },
       getTop(index) {
         return index * 77 + 'px';
+      },
+      getHeight(data){
+        return (data.length-1)*80+'px'
       }
     },
   }