From 9ab1442d109b89ed09f4903a952eab3e22830ea7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BE=9A=E7=9A=93?= <1736436516@qq.com>
Date: Fri, 18 Oct 2024 14:36:32 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E8=A1=A8=E6=A0=BC=E9=A6=96?=
 =?UTF-8?q?=E8=A1=8C=E5=9B=BA=E5=AE=9A=EF=BC=8C=E8=B0=83=E6=95=B4=E9=97=B4?=
 =?UTF-8?q?=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/html/AlertManagement.vue | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/html/AlertManagement.vue b/src/html/AlertManagement.vue
index de5839d..19084ea 100644
--- a/src/html/AlertManagement.vue
+++ b/src/html/AlertManagement.vue
@@ -14,9 +14,9 @@
       </span>
     </el-row>
     <el-row class="table-row">
-      <el-col :span="24">
+      <el-col :span="24" class="table-col">
         <div class="table-container">
-          <el-table :data="tableData" style="width:100%; height: 100%;" header-row-class-name="table-header" :fit="true">
+          <el-table :data="tableData"  header-row-class-name="table-header" :fit="true" height="580">
             <el-table-column prop="id" label="告警编号" min-width="100"></el-table-column>
             <el-table-column label="告警类型" min-width="150">
               <template v-slot="scope">
@@ -305,9 +305,9 @@ onMounted(async () => {
 }
 
 .table-container {
-  width: 100%;
-  height: 620px;
-  min-height: 60%;
+  max-width: 100%;
+  /* min-height: 50vh; */
+  /* max-height: 70vh; */
   overflow-x: auto;
 }
 
@@ -343,6 +343,10 @@ onMounted(async () => {
   padding: 10px;
 }
 
+.table-col{
+  max-height:100%;
+}
+
 .video-item video,
 .image-item img {
   width: 100%;
@@ -360,8 +364,9 @@ onMounted(async () => {
 
 .pagination-container {
   display: flex;
-  justify-content: flex-end;
+  justify-content: flex-start;
   background-color: #e8e9e4;
+  padding-left: 20px;
 }
 
 ::v-deep .pagination-container .el-pagination__total,