feat(cleaner-history): display retry information in order history UI

- Add 'Retry' column to order history table
- Show retry count badge with refresh icon
- Display retry success/failure status with visual indicators
- Purple badge for retry count, green/red for success/failure
This commit is contained in:
Misaka_Company
2026-04-13 16:09:39 +08:00
parent 151485caed
commit 6aa1fc29e5

View File

@@ -630,6 +630,9 @@ export const CleanerOperationHistoryModal: React.FC<CleanerOperationHistoryModal
<th className="px-4 py-2 text-left font-medium text-gray-600">
</th>
<th className="px-4 py-2 text-left font-medium text-gray-600">
</th>
<th className="px-4 py-2 text-left font-medium text-gray-600">
</th>
@@ -686,6 +689,30 @@ export const CleanerOperationHistoryModal: React.FC<CleanerOperationHistoryModal
{statusLabels[order.status] || order.status}
</span>
</td>
<td className="px-4 py-2">
{order.retryCount > 0 ? (
<div className="flex flex-col gap-1">
<span className="inline-flex items-center gap-1 px-2 py-0.5 rounded text-xs font-medium bg-purple-100 text-purple-700">
<RefreshCw size={10} />
{order.retryCount}
</span>
{order.retrySuccess && (
<span className="inline-flex items-center gap-1 px-2 py-0.5 rounded text-xs font-medium bg-green-100 text-green-700">
<CheckCircle size={10} />
</span>
)}
{!order.retrySuccess && (
<span className="inline-flex items-center gap-1 px-2 py-0.5 rounded text-xs font-medium bg-red-100 text-red-700">
<XCircle size={10} />
</span>
)}
</div>
) : (
<span className="text-gray-400 text-xs">-</span>
)}
</td>
<td className="px-4 py-2 text-green-600">
{order.materialsDeleted}
</td>