更改项目行数,切换小班去掉选中效果

src/dataSchema/scrollPeojectSchema.js

@@ -2,9 +2,9 @@
  * @Description: 
  * @Author: wangcc
  * @Date: 2022-10-25 16:03:12
- * @LastEditors: wangcc
- * @LastEditTime: 2022-10-26 15:27:44
- * @FilePath: \castgroup_bigscreen\src\dataSchema\scrollPeojectSchema.js
+ * @LastEditors: gcz
+ * @LastEditTime: 2022-11-01 13:59:28
+ * @FilePath: \ntbigscreen\src\dataSchema\scrollPeojectSchema.js
  * @Copyright: Copyright (c) 2016~2022 by wangcc, All Rights Reserved. 
  */
  let scrollPeojectSchema = {
@@ -17,7 +17,7 @@
   evenRowBGC: 'rgba(0,175,169,.15)',//偶数行背景色	
   align: ['center', 'center', 'center', 'center'],//列对齐方式
   columnWidth: [120, 120, 120, 120, 0],
-  rowNum: 14,//表行数
+   rowNum: 7,//表行数
   // waitTime: 999999
 }
 export default scrollPeojectSchema

src/views/index.vue

@@ -3,7 +3,7 @@
  * @Author: wangcc
  * @Date: 2022-07-06 15:56:45
  * @LastEditors: gcz
- * @LastEditTime: 2022-11-01 10:14:41
+ * @LastEditTime: 2022-11-01 14:04:06
  * @FilePath: \ntbigscreen\src\views\index.vue
  * @Copyright: Copyright (c) 2016~2022 by wangcc, All Rights Reserved. 
 -->
@@ -1210,21 +1210,30 @@ export default {
         // }
       });
     },
+    removeAllClass(className){
+      //找到所有包含className的结点
+      let nodeList = document.querySelectorAll(`.dv-scroll-board .${className}`);
+      // let nodeList = document.getElementsByClassName('row-item');
+      //删除这些标签对应的class
+      Array.prototype.forEach.call(nodeList,(el)=>{
+          el.classList.remove(className)
+      })
+    },
     scrollProjectClick(e) {
       // 点击添加class
-      let removeAllClass = (className)=>{
-            //找到所有包含className的结点
-            let nodeList = document.querySelectorAll(`.dv-scroll-board .${className}`);
-            // let nodeList = document.getElementsByClassName('row-item');
-            //删除这些标签对应的class
-            Array.prototype.forEach.call(nodeList,(el)=>{
-                el.classList.remove(className)
-            })
-        }
+      // let removeAllClass = (className)=>{
+      //       //找到所有包含className的结点
+      //       let nodeList = document.querySelectorAll(`.dv-scroll-board .${className}`);
+      //       // let nodeList = document.getElementsByClassName('row-item');
+      //       //删除这些标签对应的class
+      //       Array.prototype.forEach.call(nodeList,(el)=>{
+      //           el.classList.remove(className)
+      //       })
+      //   }
       
       let proClass = document.getElementsByClassName('row-item');
       // proClass[e.rowIndex].style.background = 'rgb(4, 145, 110)';
-      removeAllClass("active");
+      this.removeAllClass("active");
       proClass[e.rowIndex].classList.add("active");
 
       let rowId = e.row[4];
@@ -1295,6 +1304,9 @@ export default {
     },
     tabLink(e) {
       this.cur = e;
+      if(this.cur=='1'){
+        this.removeAllClass("active");
+      }
     },
     classFunc(index) {
       if (this.cur == index) {