响应布局调整，容器高度限定，滚轮查看设置

src/html/DataStatistics.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="alert-container">
     <el-row class="bottom-pan">
-      <el-col :span="24" class="panel-bottom">
+      <el-col class="panel-bottom">
         <Cameras/>
       </el-col>
     </el-row>
@@ -52,21 +52,26 @@ onMounted(async () => {
 
 <style scoped>
 .alert-container {
+  /* transform: scale(0.97); */
   padding: 0;
   margin: 0;
   background-color: #f5f7fa;
+  overflow: auto;
+  height: 100vh;
 }
 
 .top-pan {
   /* padding: 10px; */
   /* margin-bottom: 10px; */
-  display: flex;
-  gap: 5px;
+  /* display: flex; */
+  /* gap: 5px; */
   background-color: #fff;
-  overflow: hidden;
-  height: 55vh;
+  /* overflow: hidden; */
+  /* height: 55vh; */
+  /* max-height: 450px; */
   padding-left: 10px;
   padding-right:10px ;
+  overflow-y: auto;
 }
 .bottom-pan{
   margin: 0;