feat(我的车辆): 添加车辆审核状态样式和显示逻辑

添加审核状态相关的样式和显示逻辑，包括审核状态标签样式、审核原因展示区域
只有当审核状态为3时才显示上架/下架按钮

@@ -83,6 +83,10 @@
   &.offline {
   &.offline {
     background: linear-gradient(135deg, #ef4444, #dc2626);
     background: linear-gradient(135deg, #ef4444, #dc2626);
   }
   }
+
+  &.review {
+    background: linear-gradient(135deg, #f59e0b, #d97706);
+  }
 }
 }
 
 
 .status-icon {
 .status-icon {
@@ -130,11 +134,28 @@
   border-radius: 16rpx;
   border-radius: 16rpx;
 }
 }
 
 
-.car-description {
-  font-size: 28rpx;
-  color: #666;
-  line-height: 1.5;
+/* 审核原因样式 */
+.review-reason {
   margin-bottom: 32rpx;
   margin-bottom: 32rpx;
+  padding: 24rpx;
+  background: #fef3c7;
+  border-radius: 16rpx;
+  border-left: 8rpx solid #f59e0b;
+}
+
+.review-reason-label {
+  font-size: 24rpx;
+  color: #92400e;
+  font-weight: 500;
+  margin-bottom: 12rpx;
+}
+
+.review-reason-content {
+  font-size: 28rpx;
+  color: #451a03;
+  line-height: 1.6;
+  word-wrap: break-word;
+  word-break: break-all;
 }
 }
 
 
 .price-section {
 .price-section {

@@ -46,15 +46,21 @@
                     <view v-if="car.verification_status" class="status-badge verified">
                     <view v-if="car.verification_status" class="status-badge verified">
                       <text>{{ verifyStatus[car.verification_status] }}</text>
                       <text>{{ verifyStatus[car.verification_status] }}</text>
                     </view>
                     </view>
-                    <view v-if="car.status === 5" class="status-badge offline">
+                    <!-- 审核状态为3时显示上架/下架状态，否则显示审核状态 -->
+                    <view v-if="car.review_status === 3 && car.status === 5" class="status-badge offline">
                       <text>{{ carStatus[car.status] }}</text>
                       <text>{{ carStatus[car.status] }}</text>
                     </view>
                     </view>
+                    <view v-else-if="car.review_status && car.review_status !== 3" class="status-badge review">
+                      <text>{{ reviewStatus[car.review_status] }}</text>
+                    </view>
                   </view>
                   </view>
                   <view class="car-details">
                   <view class="car-details">
                     <text class="detail-item">续航 {{ car.range_km }}km | 最高时速 {{ car.max_speed_kmh }}km/h</text>
                     <text class="detail-item">续航 {{ car.range_km }}km | 最高时速 {{ car.max_speed_kmh }}km/h</text>
                   </view>
                   </view>
-                  <view class="car-description">
-                    <nut-ellipsis direction="end" :content="car.note" :rows="2"></nut-ellipsis>
+                  <!-- 审核原因 -->
+                  <view v-if="car.review_reason" class="review-reason">
+                    <view class="review-reason-label">审核结果：</view>
+                    <view class="review-reason-content">{{ car.review_reason }}</view>
                   </view>
                   </view>
                   <view class="price-section">
                   <view class="price-section">
                     <view v-if="car.price" class="current-price">¥{{ car.price }}</view>
                     <view v-if="car.price" class="current-price">¥{{ car.price }}</view>
@@ -67,7 +73,9 @@
             <!-- 操作按钮 -->
             <!-- 操作按钮 -->
             <view class="action-buttons mt-4">
             <view class="action-buttons mt-4">
               <nut-button size="small" type="default" @click="editCar(car.id)">编辑</nut-button>
               <nut-button size="small" type="default" @click="editCar(car.id)">编辑</nut-button>
+              <!-- 只有审核状态为3时才显示上架/下架按钮 -->
               <nut-button
               <nut-button
+                v-if="car.review_status === 3"
                 size="small"
                 size="small"
                 :type="car.status === 5 ? 'success' : 'warning'"
                 :type="car.status === 5 ? 'success' : 'warning'"
                 @click="toggleOffline(car)"
                 @click="toggleOffline(car)"
@@ -134,6 +142,13 @@ const carStatus = ref({
   5: '已下架',
   5: '已下架',
 })
 })
 
 
+// 审核状态映射
+const reviewStatus = ref({
+  1: '待审核',
+  3: '审核成功',
+  5: '审核失败'
+})
+
 /**
 /**
  * 滚动样式 - 考虑header和TabBar的高度
  * 滚动样式 - 考虑header和TabBar的高度
  */
  */