hookehuyr

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

添加审核状态相关的样式和显示逻辑,包括审核状态标签样式、审核原因展示区域
只有当审核状态为3时才显示上架/下架按钮
......@@ -83,6 +83,10 @@
&.offline {
background: linear-gradient(135deg, #ef4444, #dc2626);
}
&.review {
background: linear-gradient(135deg, #f59e0b, #d97706);
}
}
.status-icon {
......@@ -130,11 +134,28 @@
border-radius: 16rpx;
}
.car-description {
font-size: 28rpx;
color: #666;
line-height: 1.5;
/* 审核原因样式 */
.review-reason {
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 {
......
......@@ -46,15 +46,21 @@
<view v-if="car.verification_status" class="status-badge verified">
<text>{{ verifyStatus[car.verification_status] }}</text>
</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>
</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 class="car-details">
<text class="detail-item">续航 {{ car.range_km }}km | 最高时速 {{ car.max_speed_kmh }}km/h</text>
</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 class="price-section">
<view v-if="car.price" class="current-price">¥{{ car.price }}</view>
......@@ -67,7 +73,9 @@
<!-- 操作按钮 -->
<view class="action-buttons mt-4">
<nut-button size="small" type="default" @click="editCar(car.id)">编辑</nut-button>
<!-- 只有审核状态为3时才显示上架/下架按钮 -->
<nut-button
v-if="car.review_status === 3"
size="small"
:type="car.status === 5 ? 'success' : 'warning'"
@click="toggleOffline(car)"
......@@ -134,6 +142,13 @@ const carStatus = ref({
5: '已下架',
})
// 审核状态映射
const reviewStatus = ref({
1: '待审核',
3: '审核成功',
5: '审核失败'
})
/**
* 滚动样式 - 考虑header和TabBar的高度
*/
......