feat(worker-platform): 优化打手我的寄卖卡片资料展示,前置展示打手自身上架账号资料

1. 后端 consignment-worker-service 在我的寄卖列表中解析并返回打手上架时填写的 sellerInfo(角色名、数字ID、区服系统、微信号/QQ、寄卖留言等);
2. 前端新增 ConsignmentSellerInfoBlock 卖家资料区块,提供角色名/ID高亮与一键复制功能;
3. 寄卖卡片布局升级为前置展示【我的寄卖账号资料】、后置展示【买家加好友资料】,多号上架时号主与买家清晰对应,彻底杜绝登错号加错人。
This commit is contained in:
yml2213
2026-09-19 14:19:35 +08:00
parent 0b4ee964ed
commit d40b5a4c1c
5 changed files with 277 additions and 11 deletions
+75 -5
View File
@@ -4467,13 +4467,81 @@ body {
}
}
.worker-consignment-info-deck {
display: flex;
flex-direction: column;
gap: 8px;
margin-top: 6px;
margin-bottom: 6px;
}
@media (min-width: 992px) {
.worker-consignment-info-deck.is-dual {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
align-items: stretch;
}
}
.worker-consignment-seller-box {
padding: 10px 12px;
border-radius: 8px;
background: #fffbeb;
border: 1px solid #fde68a;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.worker-consignment-seller-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 8px;
}
.worker-consignment-seller-grid {
display: flex;
flex-wrap: wrap;
gap: 12px 20px;
margin-bottom: 6px;
}
.seller-field-cell {
display: flex;
flex-direction: column;
gap: 2px;
}
.seller-field-label {
font-size: 11px;
color: #92400e;
font-weight: 500;
}
.seller-field-highlight {
font-size: 14px;
color: #78350f;
font-weight: 600;
}
.worker-consignment-seller-note-wrap {
margin-top: 6px;
padding-top: 6px;
border-top: 1px dashed #fcd34d;
font-size: 12px;
color: #92400e;
}
.worker-consignment-buyer-box {
margin-top: 4px;
margin-bottom: 4px;
padding: 10px 12px;
border-radius: 8px;
background: #eff6ff;
border: 1px solid #bfdbfe;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.worker-consignment-buyer-header {
@@ -4498,16 +4566,18 @@ body {
.buyer-field-label {
font-size: 11px;
color: #64748b;
color: #1e40af;
font-weight: 500;
}
.buyer-field-highlight {
font-size: 14px;
color: #1e293b;
color: #1e3a8a;
font-weight: 600;
}
.worker-consignment-buyer-shots-wrap {
margin-top: 6px;
padding-top: 6px;
border-top: 1px dashed #cbd5e1;
border-top: 1px dashed #bfdbfe;
}