1

src/pages/classroom/components/scenicSummary.vue

@@ -64,6 +64,14 @@
 .tbody::-webkit-scrollbar-thumb:hover{
   background: #333;
 }
+
+.mainSummary  th:first-child,
+  td:first-child {
+  position: sticky;
+  left: 0;
+  z-index: 1;
+}
+
 </style>
 <template>
             <div class="flexOne comSummary">
@@ -81,7 +89,7 @@
                       <colgroup>
                             <col width='105px'/>
                             <col width='10px'/>
-                           <col width='215px'/>
+                            <col width='215px'/>
                             <col width='215px'/>
                             <col width='215px'/>
                             <col width='215px'/>
@@ -129,7 +137,7 @@
                         </thead>
                         
                     </table>
-                    <div class="tbody " style="width:1680px" >
+                    <div class="tbody" style="width:1680px" >
                         <colgroup>
                             <col width='140px'/>
                             <col width='215px'/>
@@ -201,18 +209,9 @@ export default {
      handler(val){
         val.forEach(e=>{
           e.InfoList.forEach(_e=>{
-            if(_e){
-               this.activities.forEach((x,i)=>{
-                   if(x.timestamp==_e.StartTime) {
-                      let top= this.getOffSet(i)
-                      _e.offSetTop=top-190
-                   }
-                   
-                  // let res=this.timeDifference(_e.StartTime,_e.EndTime)
-                  _e.height=_e.IntervalNum*41+'px'
-               })  
-            }
-
+            _e.height=_e.IntervalNum*41+'px'
+           let gap=  this.getGap("09:30",_e.StartTime,15)
+           _e.offSetTop=gap*41
           })
       })
      },
@@ -446,11 +445,20 @@ export default {
     getDayInfo(Y, M, D) {
 
     },
-    getOffSet(index){
-        let el=document.getElementsByClassName('el-timeline-item')[index]
-        let top=el.getBoundingClientRect().top
-        return top
-    },
+/**
+ * //计算间隔多少个分钟
+ * @param s 开始时间
+ * e 结束时间
+ * gap 间隔分钟  
+ */
+    getGap(s,e,gap){
+      let stimeArr=s.split(':')
+      let stime=parseInt(stimeArr[0])*60+parseInt(stimeArr[1])
+      let etimeArr=e.split(":")
+      let etime=parseInt(etimeArr[0])*60+parseInt(etimeArr[1])
+      let res=(etime-stime)/gap
+      return res
+    }
   },
 
   mounted() {