fix():指标预警不滚动

src/views/dataCenter/map/model/indicatorWarning/index.vue

@@ -14,7 +14,42 @@
         </div>
       </div>
       <div class="contentBox">
-        <vue3-seamless-scroll
+        <div class="table-list">
+          <el-row
+            class="table_cell"
+            v-for="(item, index) in tableData"
+            :key="index"
+            :dataIndex="index"
+          >
+            <el-col :span="6">
+              <div class="num">
+                <div>{{ item.num }}</div>
+              </div>
+            </el-col>
+            <el-col :span="6">
+              <div class="grade-box">
+                <img
+                  v-if="item.grade == 1"
+                  src="../../../../../assets/img/grade1.png"
+                  class="grade-icon"
+                />
+                <img
+                  v-else
+                  src="../../../../../assets/img/grade2.png"
+                  class="grade-icon"
+                />
+                <div
+                  class="name"
+                  :style="{ color: gradeType[item.grade].color }"
+                >
+                  {{ gradeType[item.grade].name }}
+                </div>
+              </div>
+            </el-col>
+            <el-col :span="12">{{ item.event }}</el-col>
+          </el-row>
+        </div>
+        <!-- <vue3-seamless-scroll
           class="table-list"
           :list="tableData"
           :step="0.3"
@@ -53,7 +88,7 @@
             </el-col>
             <el-col :span="12">{{ item.event }}</el-col>
           </el-row>
-        </vue3-seamless-scroll>
+        </vue3-seamless-scroll> -->
       </div>
     </div>
   </div>
@@ -144,7 +179,7 @@ export default {
 .contentBox {
   color: #fff;
   font-size: 16px;
-  height: 200px;
+  //   height: 200px;
 
   .table-list {
     width: 100%;
@@ -152,18 +187,18 @@ export default {
     overflow: hidden;
     .el-row {
       padding: 0 20px;
-      border-bottom: 1px dashed #10529a;
+      //   border-bottom: 1px dashed #10529a;
       display: flex;
       align-items: center;
     }
-    // .el-row:nth-child(even) {
-    //   background-color: #3395ff30;
-    // }
+    .el-row:nth-child(even) {
+      background-color: #3395ff30;
+    }
     .el-col {
       color: #d4f7ff;
       font-size: 12px;
       padding: 8px 0;
-      line-height: 23px;
+      line-height: 18px;
     }
     .num {
       font-family: "YouSheBiaoTiHei";