更新页面

src/pages/violationAlerts/index.vue

@@ -22,27 +22,21 @@
 
     <!-- 违章列表 -->
     <div class="alerts-list">
-      <div
-        v-for="alert in filteredAlerts"
-        :key="alert.id"
-        class="alert-card"
-      >
+      <div v-for="alert in filteredAlerts" :key="alert.id" class="alert-card">
         <!-- 车牌信息 -->
         <div class="card-header">
           <div class="vehicle-info">
-            <van-icon name="cart" class="vehicle-icon" />
+            <van-icon name="logistics" class="vehicle-icon" />
             <span class="plate-number">{{ alert.plateNo }}</span>
             <span class="plate-color">{{ alert.plateColor }}</span>
             <span class="separator">|</span>
             <span class="vehicle-type">{{ alert.vehicleType }}</span>
           </div>
-          <span class="status-tag" :class="getStatusClass(alert.taskStatus)">
-            {{ statusMap[alert.taskStatus] }}
-          </span>
+          <span class="status-tag" :class="getStatusClass(alert.taskStatus)"> {{ statusMap[alert.taskStatus] }} </span>
         </div>
 
         <!-- 图片 -->
-        <div class="card-image" v-if="alert.image">
+        <div class="card-image">
           <van-image
             :src="alert.imgUrl"
             fit="cover"
@@ -61,12 +55,12 @@
         <!-- 详细信息 -->
         <div class="card-details">
           <div class="detail-item">
-            <van-icon name="location" class="detail-icon" />
+            <van-icon name="location-o" style="margin-right: 5px;" />
             <span class="label">检测点位：</span>
             <span class="value">{{ alert.siteName }}</span>
           </div>
           <div class="detail-item">
-            <van-icon name="clock" class="detail-icon" />
+            <van-icon name="clock-o" style="margin-right: 5px;" />
             <span class="label">检测时间：</span>
             <span class="value">{{ alert.eventTime }}</span>
           </div>
@@ -392,7 +386,8 @@ onMounted(() => {
 
   .plate-color {
     font-size: 14px;
-    color: #64748b;
+    color: #c5cad2;
+    margin-left: 4px;
   }
 
   .separator {
@@ -402,7 +397,7 @@ onMounted(() => {
 
   .vehicle-type {
     font-size: 14px;
-    color: #64748b;
+    color: #c5cad2;
   }
 }