From 1daaf07605a8dd88bdcee750e97d93b1ba6f82a0 Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Sat, 17 Jan 2026 09:45:28 +0800
Subject: [PATCH] =?UTF-8?q?style=EF=BC=9A=E9=A6=96=E9=A1=B5=E8=AE=BE?=
 =?UTF-8?q?=E5=A4=87/=E5=91=8A=E8=AD=A6=E6=A8=A1=E5=9D=97=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Home/Index.vue | 32 +++++++++++++++++++++++++-------
 1 file changed, 25 insertions(+), 7 deletions(-)

diff --git a/src/views/Home/Index.vue b/src/views/Home/Index.vue
index b051e335..7a4c8250 100644
--- a/src/views/Home/Index.vue
+++ b/src/views/Home/Index.vue
@@ -105,14 +105,14 @@ v-model="productionOverviewRange" type="daterange" unlink-panels value-format="Y
 				</el-carousel-item>
 			</el-carousel>
 		</el-card>
-		<el-row :gutter="16" class="home-section">
-			<el-col :xl="12" :lg="12" :md="24" :sm="24" :xs="24">
-				<el-card shadow="never">
+		<el-row :gutter="16" class="home-section device-alarm-section">
+			<el-col :xl="12" :lg="12" :md="24" :sm="24" :xs="24" class="device-alarm-col">
+				<el-card shadow="never" class="device-alarm-card">
 					<div class="section-header">
 						<div class="section-title">设备</div>
 						<div class="section-actions">
-							<el-button type="default">查看文档</el-button>
-							<el-button type="primary">添加设备</el-button>
+							<el-button type="default" size="small">查看文档</el-button>
+							<el-button type="primary" size="small">添加设备</el-button>
 						</div>
 					</div>
 					<el-row :gutter="12" class="mt-16px">
@@ -125,8 +125,8 @@ v-model="productionOverviewRange" type="daterange" unlink-panels value-format="Y
 					</el-row>
 				</el-card>
 			</el-col>
-			<el-col :xl="12" :lg="12" :md="24" :sm="24" :xs="24" class="mt-16px xl:mt-0 lg:mt-0">
-				<el-card shadow="never">
+			<el-col :xl="12" :lg="12" :md="24" :sm="24" :xs="24" class="device-alarm-col mt-16px xl:mt-0 lg:mt-0">
+				<el-card shadow="never" class="device-alarm-card">
 					<div class="section-header">
 						<div class="section-title">告警</div>
 					</div>
@@ -835,6 +835,24 @@ getAllApi()
 	gap: 8px;
 }
 
+.device-alarm-section {
+	align-items: stretch;
+}
+
+.device-alarm-col {
+	display: flex;
+}
+
+.device-alarm-card {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+}
+
+.device-alarm-card .section-header {
+	min-height: 32px;
+}
+
 .home-welcome-right {
 	display: flex;
 	align-items: flex-end;