fix:优化再拼一次bug,优化打手端移动端拼单列表显示

This commit is contained in:
2026-10-26 16:36:26 +08:00
parent 2b967ddd4c
commit 7743d2019c
12 changed files with 465 additions and 66 deletions
+150 -3
View File
@@ -4894,8 +4894,155 @@ body {
.worker-order-mobile-shares {
display: flex;
flex-direction: column;
gap: 8px;
margin: 8px 0 4px;
}
/* 拼单明细默认折叠:整行可点,右侧显示「展开/收起」与箭头 */
.worker-order-mobile-shares-toggle {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 8px 0 0;
background: transparent;
border: 0;
border-top: 1px dashed #f0f0f0;
color: #0f172a;
font-size: 12px;
font-weight: 600;
line-height: 1.4;
text-align: left;
cursor: pointer;
}
.worker-order-mobile-shares-toggle:active {
opacity: 0.7;
}
.worker-order-mobile-shares-hint {
display: inline-flex;
align-items: center;
gap: 4px;
flex-shrink: 0;
color: #94a3b8;
font-size: 12px;
font-weight: 400;
}
.worker-order-mobile-shares-body {
display: flex;
flex-direction: column;
gap: 6px;
}
/* 移动端拼单明细:窄屏改用卡片,避免多列表格被压成竖排文字 */
.worker-order-share-cards {
display: flex;
flex-direction: column;
gap: 8px;
}
.worker-order-share-card {
display: flex;
flex-direction: column;
gap: 8px;
padding: 10px;
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 10px;
}
.worker-order-share-card-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
.worker-order-share-card-title {
font-size: 13px;
color: #0f172a;
}
.worker-order-share-card-meta {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 6px;
}
.worker-order-share-card-meta-item {
display: flex;
flex-direction: column;
gap: 2px;
padding: 5px 8px;
background: #f8fafc;
border-radius: 8px;
min-width: 0;
}
.worker-order-share-card-meta-label {
font-size: 11px;
color: #94a3b8;
line-height: 1.2;
}
.worker-order-share-card-meta-value {
font-size: 13px;
font-weight: 700;
color: #0f172a;
line-height: 1.3;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.worker-order-share-card-line {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 6px;
margin: 8px 12px 4px;
padding-top: 8px;
border-top: 1px dashed #f0f0f0;
font-size: 12px;
color: #475569;
}
.worker-order-share-card-line-label {
color: #94a3b8;
font-size: 11px;
flex-shrink: 0;
}
.worker-order-share-card-line-value {
color: #334155;
}
.worker-order-share-card-problem {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 4px;
padding: 6px 8px;
background: #fef2f2;
border: 1px solid #fecaca;
border-radius: 8px;
color: #b91c1c;
font-size: 12px;
line-height: 1.4;
}
.worker-order-share-card-acceptance {
display: flex;
flex-direction: column;
gap: 4px;
font-size: 12px;
color: #475569;
}
.worker-order-share-card-actions {
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
gap: 6px;
padding-top: 6px;
border-top: 1px dashed #eef2f7;
}