feat(worker-consignment): 寄卖卡片同时展示提报商品截图与已提交赠送截图

1. 寄卖记录卡片同时保留提报商品截图展示区域与赠送凭证截图展示区域;
2. 提报商品截图与赠送凭证截图带清晰分类标题与张数统计,方便卖家完整核对。
This commit is contained in:
yml2213
2026-09-18 18:36:51 +08:00
parent c17b8a78d5
commit c38f6dfbfd
@@ -1103,6 +1103,27 @@ function ConsignmentRecordCard({
) : null}
</Space>
) : null}
{shots.length > 0 ? (
<div className="worker-consignment-record-shots" style={{ marginTop: 8 }}>
<Typography.Text type="secondary" style={{ fontSize: 12, display: 'flex', alignItems: 'center', gap: 4, marginBottom: 4 }}>
<PictureOutlined />
提报商品截图(共 {shots.length} 张):
</Typography.Text>
<Image.PreviewGroup>
<Space size={8} wrap>
{shots.map((src, i) => (
<Image
key={`submission-shot-${src}-${i}`}
src={src}
width={48}
height={48}
style={{ objectFit: 'cover', borderRadius: 6, border: '1px solid #e2e8f0' }}
/>
))}
</Space>
</Image.PreviewGroup>
</div>
) : null}
{giftShots.length > 0 ? (
<div className="worker-consignment-gift-shots-wrap" style={{ marginTop: 8, padding: '8px 12px', background: '#f0fdf4', borderRadius: 6, border: '1px solid #bbf7d0' }}>
<Typography.Text strong style={{ fontSize: 13, color: '#15803d', display: 'flex', alignItems: 'center', gap: 6 }}>
@@ -1131,23 +1152,6 @@ function ConsignmentRecordCard({
) : null}
</div>
) : null}
{shots.length > 0 && giftShots.length === 0 ? (
<div className="worker-consignment-record-shots">
<Image.PreviewGroup>
<Space size={8}>
{shots.map((src, i) => (
<Image
key={`${src}-${i}`}
src={src}
width={44}
height={44}
style={{ objectFit: 'cover', borderRadius: 6 }}
/>
))}
</Space>
</Image.PreviewGroup>
</div>
) : null}
{record.canConfirmFriend || record.canSubmitEvidence ? (
<div className="worker-consignment-record-actions">
{record.canConfirmFriend ? (