hookehuyr

feat(plan): 添加计划书卡片状态标记

- 在卡片右上角显示计划书状态(生成中/已完成)
- 生成中状态:黄色背景 + 橙色文字
- 已完成状态:绿色背景 + 深绿色文字
- 使用圆角徽章样式,与整体设计一致

影响文件: src/pages/plan/index.vue

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
......@@ -74,8 +74,16 @@
</view>
</view>
</view>
<!-- 状态标记 -->
<view class="ml-[24rpx]">
<!-- Status Badge or Icon could go here -->
<view
:class="[
'status-badge',
item.status === 'processing' ? 'status-processing' : 'status-generated'
]"
>
{{ item.status === 'processing' ? '生成中' : '已完成' }}
</view>
</view>
</view>
......@@ -567,4 +575,23 @@ const onDelete = (item) => {
:deep(.nut-tabs__content) {
display: none;
}
// 状态标记样式
.status-badge {
padding: 8rpx 16rpx;
border-radius: 9999rpx;
font-size: 22rpx;
font-weight: 500;
white-space: nowrap;
}
.status-processing {
background-color: #FEF3C7;
color: #D97706;
}
.status-generated {
background-color: #D1FAE5;
color: #059669;
}
</style>
......