修改

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;