From f8e99b7c779c7b7ce6511e21c5f2314c587b49ce Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=BB=99=E6=88=91?= <2731628804@qq.com>
Date: Fri, 10 Apr 2026 17:38:40 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/trafficAlerts/index.vue | 26 ++++++++++++--------------
 1 file changed, 12 insertions(+), 14 deletions(-)

diff --git a/src/pages/trafficAlerts/index.vue b/src/pages/trafficAlerts/index.vue
index 1dc2093..dd6f73a 100644
--- a/src/pages/trafficAlerts/index.vue
+++ b/src/pages/trafficAlerts/index.vue
@@ -27,8 +27,17 @@
         :key="alert.id"
         class="alert-card"
       >
-        <!-- 状态标签 -->
+        <!-- 等级、标题和状态标签 -->
         <div class="card-header">
+          <div class="card-title-row">
+            <span
+              class="level-tag"
+              :class="alert.levelClass"
+            >
+              {{ alert.level }}
+            </span>
+            <span class="alert-title">{{ alert.title }}</span>
+          </div>
           <span
             class="status-tag"
             :class="alert.statusTagClass"
@@ -46,17 +55,6 @@
           />
         </div>
 
-        <!-- 等级和标题 -->
-        <div class="card-title-row">
-          <span
-            class="level-tag"
-            :class="alert.levelClass"
-          >
-            {{ alert.level }}
-          </span>
-          <span class="alert-title">{{ alert.title }}</span>
-        </div>
-
         <!-- 详细信息 -->
         <div class="card-details">
           <div class="detail-item">
@@ -310,7 +308,8 @@ function handleCheckIn(alert) {
 
 .card-header {
   display: flex;
-  justify-content: flex-end;
+  justify-content: space-between;
+  align-items: flex-start;
   padding: 12px 16px 0;
 }
 
@@ -359,7 +358,6 @@ function handleCheckIn(alert) {
   display: flex;
   align-items: center;
   gap: 8px;
-  padding: 0 16px 12px;
 
   .level-tag {
     padding: 4px 8px;