From e1f086015c890a5937af6cad2a11d1259dcbd1d5 Mon Sep 17 00:00:00 2001
From: haoliang <821644@qq.com>
Date: Sat, 9 May 2026 17:47:57 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=91=8A=E8=AD=A6=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E5=BC=B9=E7=AA=97=E6=A0=B7=E5=BC=8F=EF=BC=9A=E5=8A=A0?=
 =?UTF-8?q?=E5=AE=BD=E8=87=B3720px=E3=80=81=E8=AF=A6=E6=83=85=E5=8C=BA?=
 =?UTF-8?q?=E5=9F=9F=E5=8F=AF=E6=BB=9A=E5=8A=A8max-height=20200px=E3=80=81?=
 =?UTF-8?q?pre-wrap=E6=8D=A2=E8=A1=8C=E3=80=81=E7=BC=A9=E5=B0=8F=E6=A0=87?=
 =?UTF-8?q?=E7=AD=BE=E5=AE=BD=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/alert/AlertPage.vue | 36 +++++++++++++++++++-------
 1 file changed, 27 insertions(+), 9 deletions(-)

diff --git a/frontend/src/views/alert/AlertPage.vue b/frontend/src/views/alert/AlertPage.vue
index b5b7ff0..0604a17 100644
--- a/frontend/src/views/alert/AlertPage.vue
+++ b/frontend/src/views/alert/AlertPage.vue
@@ -88,19 +88,21 @@
     />
 
     <!-- 告警详情弹窗 -->
-    <el-dialog v-model="detailVisible" title="告警详情" width="600px" destroy-on-close>
-      <el-descriptions :column="1" border size="small">
-        <el-descriptions-item label="告警时间">{{ detailRow.createdAt }}</el-descriptions-item>
-        <el-descriptions-item label="告警类型">
+    <el-dialog v-model="detailVisible" title="告警详情" width="720px" destroy-on-close top="5vh">
+      <el-descriptions :column="1" border size="small" class="alert-detail-desc">
+        <el-descriptions-item label="告警时间" min-width="80">{{ detailRow.createdAt }}</el-descriptions-item>
+        <el-descriptions-item label="告警类型" min-width="80">
           <el-tag :type="alertTypeTag(detailRow.alertType)" size="small">{{ alertTypeLabel(detailRow.alertType) }}</el-tag>
         </el-descriptions-item>
-        <el-descriptions-item label="标题">{{ detailRow.title }}</el-descriptions-item>
-        <el-descriptions-item label="机床">{{ detailRow.machineName || '-' }}</el-descriptions-item>
-        <el-descriptions-item label="详情">{{ detailRow.detail }}</el-descriptions-item>
-        <el-descriptions-item label="处理状态">
+        <el-descriptions-item label="标题" min-width="80">{{ detailRow.title }}</el-descriptions-item>
+        <el-descriptions-item label="机床" min-width="80">{{ detailRow.machineName || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="详情" min-width="80">
+          <div class="alert-detail-text">{{ detailRow.detail }}</div>
+        </el-descriptions-item>
+        <el-descriptions-item label="处理状态" min-width="80">
           <el-tag :type="detailRow.isResolved ? 'success' : 'danger'" size="small">{{ detailRow.isResolved ? '已处理' : '未处理' }}</el-tag>
         </el-descriptions-item>
-        <el-descriptions-item label="处理时间">{{ detailRow.resolvedAt || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="处理时间" min-width="80">{{ detailRow.resolvedAt || '-' }}</el-descriptions-item>
       </el-descriptions>
       <template #footer><el-button @click="detailVisible = false">关闭</el-button></template>
     </el-dialog>
@@ -222,3 +224,19 @@ onMounted(() => {
   loadDrops()
 })
 </script>
+
+<style scoped>
+.alert-detail-text {
+  max-height: 200px;
+  overflow-y: auto;
+  white-space: pre-wrap;
+  word-break: break-all;
+  font-size: 13px;
+  line-height: 1.6;
+  color: #303133;
+  padding: 4px 0;
+}
+.alert-detail-desc :deep(.el-descriptions__label) {
+  width: 80px;
+}
+</style>