更新

src/pages/violationAlerts/index.vue

@@ -5,13 +5,7 @@
 
     <!-- 标签栏 -->
     <div class="tabs-bar">
-      <button
+      <button @click="activeTab = tab.id" v-for="tab in tabs" :key="tab.id" class="tab-item" :class="{ active: activeTab === tab.id }">
-        v-for="tab in tabs"
-        :key="tab.id"
-        class="tab-item"
-        :class="{ active: activeTab === tab.id }"
-        @click="activeTab = tab.id"
-      >
         {{ tab.label }}
       </button>
     </div>
@@ -33,11 +27,7 @@
 
         <!-- 图片 -->
         <div class="card-image">
-          <van-image
+          <van-image :src="alert.imgUrl" fit="cover" class="alert-img"/>
-            :src="alert.imgUrl"
-            fit="cover"
-            class="alert-img"
-          />
         </div>
 
         <!-- 等级和标题 -->
@@ -65,24 +55,14 @@
         <!-- 操作按钮 -->
         <div class="card-actions">
           <!-- 未执行/已完成/执行中 - 显示查看详情 -->
-          <van-button
+          <van-button @click="handleDetail(alert)" block round type="primary" class="action-btn">
-            block
-            round
-            type="primary"
-            class="action-btn"
-            @click="handleDetail(alert)"
-          >
             查看详情
           </van-button>
         </div>
       </div>
 
       <!-- 空状态 -->
-      <van-empty
+      <van-empty v-if="filteredAlerts.length === 0" description="暂无数据" class="empty-state"/>
-        v-if="filteredAlerts.length === 0"
-        description="暂无数据"
-        class="empty-state"
-      />
     </div>
 
     <!-- 车牌匹配弹框 -->
@@ -91,12 +71,10 @@
         <h2 class="popup-title">车牌匹配结果</h2>
         <div class="popup-buttons">
           <van-button block round class="match-btn success" @click="handleMatch(true)">
-            <van-icon name="checked" class="btn-icon" />
+            <van-icon name="checked" class="btn-icon" /> 车牌匹配
-            车牌匹配
           </van-button>
           <van-button block round class="match-btn error" @click="handleMatch(false)">
-            <van-icon name="cross" class="btn-icon" />
+            <van-icon name="cross" class="btn-icon" /> 车牌不匹配
-            车牌不匹配
           </van-button>
         </div>
       </div>