事件发生记录加入id

src/assets/scss/common.scss

@@ -80,6 +80,16 @@ body {
 }
 .scroll-event{
     height: calc( 100% - 48px );
+    // .header-item:last-child{
+    //     display: none;
+    // }
+    .row-item{
+        .ceil:last-of-type{
+            display: none;
+            flex: none;;
+        }
+        
+    }
 }
 .left-wrap {
     position: absolute;
@@ -108,6 +118,16 @@ body {
     //     width: 30vw;
     // }
 }
+.dv-scroll-board{
+    .row-item{
+        &:hover{
+            transform: scale(1.1);
+            // transform：scaleZ(5);
+            box-shadow: 0 0 5px 3px rgba(1, 68, 73, 0.5);
+        }
+    }
+
+}
 .right-wrap {
     pointer-events: none;
     & > * {
@@ -149,13 +169,7 @@ body {
             .header{
                 color: #fff;
             }
-            .row-item{
-                &:hover{
-                    transform: scale(1.1);
-                    // transform：scaleZ(5);
-                    box-shadow: 0 0 5px 3px rgba(1, 68, 73, 0.5);
-                }
-            }
+            
         }
         .scroll-board-tool{
             height: 40px;

src/dataSchema/scrollEventSchema.js

@@ -16,7 +16,8 @@ let scrollEventSchema = {
     oddRowBGC: 'transparent',//奇数行背景色
     evenRowBGC: 'rgba(0,175,169,.15)',//偶数行背景色	
     align: ['center', 'center', 'center', 'center', 'center'],//列对齐方式
-    columnWidth: [95, 150],
-    rowNum: 5,//表行数	
+    columnWidth: [95, 150, 'auto', 'auto', 0],
+    rowNum: 5,//表行数
+    // waitTime: 99999
 }
 export default scrollEventSchema

src/views/index.vue

@@ -2,8 +2,8 @@
  * @Description: 
  * @Author: wangcc
  * @Date: 2022-07-06 15:56:45
- * @LastEditors: wangcc
- * @LastEditTime: 2022-07-06 16:49:54
+ * @LastEditors: gcz
+ * @LastEditTime: 2022-07-06 17:25:06
  * @FilePath: \castgroup_bigscreen\src\views\index.vue
  * @Copyright: Copyright (c) 2016~2022 by wangcc, All Rights Reserved. 
 -->
@@ -118,6 +118,7 @@
             class="scroll-event"
             :config="scrollEventConfig"
             ref="scrollBoard"
+            @click="scrollEventClick"
           />
 
         </div>
@@ -575,6 +576,7 @@ export default {
               this.eventTypeFilter(element.eventType),
               // element.createBy,
               this.eventStateFilter(element.state),
+              element.id
             ]);
           });
           this.scrollBoardKey = Date.now();
@@ -1052,6 +1054,9 @@ export default {
       console.log('scrollBaseListClick',e);
       
     },
+    scrollEventClick(e,){
+      console.log('scrollEventClick',e);
+    },
     toggleShowScrollBoard() {
       this.showScrollBoard = !this.showScrollBoard;
     }