|
|
|
@ -30,24 +30,29 @@ |
|
|
|
class="inbound-card" |
|
|
|
@click="goToInboundPage(item)" |
|
|
|
> |
|
|
|
<div class="card-details"> |
|
|
|
<div class="detail-item"> |
|
|
|
<div class="detail-label">生产订单</div> |
|
|
|
<div class="detail-value"> |
|
|
|
<span class="qualified">{{ item.inboundNo }}</span> |
|
|
|
</div> |
|
|
|
<div class="card-title"> |
|
|
|
<span class="title-label">生产订单</span> |
|
|
|
<span class="title-value">{{ item.inboundNo }}</span> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="card-info-row"> |
|
|
|
<div class="info-item"> |
|
|
|
<span class="info-label">物料编码:</span> |
|
|
|
<span class="info-value">{{ item.partNo }}</span> |
|
|
|
</div> |
|
|
|
<div class="detail-item"> |
|
|
|
<div class="detail-label">物料编码</div> |
|
|
|
<div class="detail-value"> |
|
|
|
<span class="qualified">{{ item.partNo }}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="card-info-row"> |
|
|
|
<div class="info-item full-width"> |
|
|
|
<span class="info-label">物料名称:</span> |
|
|
|
<span class="info-value">{{ item.partDesc }}</span> |
|
|
|
</div> |
|
|
|
<div class="detail-item"> |
|
|
|
<div class="detail-label">物料名称</div> |
|
|
|
<div class="detail-value"> |
|
|
|
<span class="qualified">{{ item.partDesc }}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="card-info-row"> |
|
|
|
<div class="info-item"> |
|
|
|
<span class="info-label">订单数量:</span> |
|
|
|
<span class="info-value highlight">{{ item.lotSize }}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -286,6 +291,8 @@ export default { |
|
|
|
/* 卡片标题 */ |
|
|
|
.card-title { |
|
|
|
margin-bottom: 12px; |
|
|
|
padding-bottom: 8px; |
|
|
|
border-bottom: 1px solid #f0f0f0; |
|
|
|
} |
|
|
|
|
|
|
|
.title-label { |
|
|
|
@ -302,48 +309,48 @@ export default { |
|
|
|
margin-left: 20px; |
|
|
|
} |
|
|
|
|
|
|
|
/* 卡片详情 */ |
|
|
|
.card-details { |
|
|
|
/* 卡片信息行 */ |
|
|
|
.card-info-row { |
|
|
|
margin-bottom: 8px; |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
align-items: flex-start; |
|
|
|
gap: 4px; |
|
|
|
flex-wrap: wrap; |
|
|
|
gap: 8px; |
|
|
|
} |
|
|
|
|
|
|
|
.detail-item { |
|
|
|
flex: 1; |
|
|
|
text-align: center; |
|
|
|
min-width: 60px; |
|
|
|
max-width: 60px; |
|
|
|
.card-info-row:last-child { |
|
|
|
margin-bottom: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.detail-label { |
|
|
|
font-size: 13px; |
|
|
|
color: #666; |
|
|
|
margin-bottom: 4px; |
|
|
|
line-height: 1.2; |
|
|
|
margin-left: -12px; |
|
|
|
.info-item { |
|
|
|
display: flex; |
|
|
|
align-items: baseline; |
|
|
|
flex: 0 0 auto; |
|
|
|
max-width: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
.detail-value { |
|
|
|
font-size: 13px; |
|
|
|
color: #333; |
|
|
|
line-height: 1.2; |
|
|
|
.info-item.full-width { |
|
|
|
flex: 1 1 100%; |
|
|
|
} |
|
|
|
|
|
|
|
.detail-value .qualified { |
|
|
|
color: black; |
|
|
|
font-weight: 500; |
|
|
|
.info-label { |
|
|
|
font-size: 12px; |
|
|
|
color: #666; |
|
|
|
white-space: nowrap; |
|
|
|
margin-right: 4px; |
|
|
|
} |
|
|
|
|
|
|
|
.detail-value .total { |
|
|
|
.info-value { |
|
|
|
font-size: 13px; |
|
|
|
color: #333; |
|
|
|
font-weight: 500; |
|
|
|
word-break: break-all; |
|
|
|
line-height: 1.4; |
|
|
|
} |
|
|
|
|
|
|
|
.detail-value .total::before { |
|
|
|
content: '/'; |
|
|
|
color: #333; |
|
|
|
.info-value.highlight { |
|
|
|
color: #17B3A3; |
|
|
|
font-weight: bold; |
|
|
|
font-size: 14px; |
|
|
|
} |
|
|
|
|
|
|
|
/* 空状态 */ |
|
|
|
|