Browse Source

2025-10-28

生产退仓pda优化
master
fengyuan_yang 3 months ago
parent
commit
89bed5efc3
  1. 93
      src/views/modules/production/productionQualifiedReturn.vue
  2. 105
      src/views/modules/production/productionReturnStorage.vue

93
src/views/modules/production/productionQualifiedReturn.vue

@ -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;
}
/* 空状态 */

105
src/views/modules/production/productionReturnStorage.vue

@ -35,22 +35,29 @@
<!-- 物料信息卡片 -->
<div class="material-info-card" v-if="materialInfo.inboundNo">
<div class="card-details">
<div class="detail-item">
<div class="detail-label">生产订单</div>
<div class="detail-value">
<span>{{materialInfo.inboundNo}}</span>
</div>
<div class="card-title">
<span class="title-label">生产订单</span>
<span class="title-value">{{ materialInfo.inboundNo }}</span>
</div>
<div class="card-info-row">
<div class="info-item">
<span class="info-label">物料编码</span>
<span class="info-value">{{ materialInfo.partNo }}</span>
</div>
<div class="detail-item">
<div class="detail-label">物料编码</div>
<div class="detail-value">
<span>{{materialInfo.partNo}}</span>
</div>
</div>
<div class="card-info-row">
<div class="info-item full-width">
<span class="info-label">物料名称</span>
<span class="info-value">{{ materialInfo.partDesc }}</span>
</div>
<div class="detail-item">
<div class="detail-label">物料名称</div>
<div class="detail-value">{{materialInfo.partDesc}}</div>
</div>
<div class="card-info-row">
<div class="info-item">
<span class="info-label">订单数量</span>
<span class="info-value highlight">{{ materialInfo.lotSize }}</span>
</div>
</div>
</div>
@ -622,69 +629,67 @@ export default {
/* 卡片标题 */
.card-title {
margin-bottom: 16px;
margin-bottom: 12px;
padding-bottom: 8px;
border-bottom: 1px solid #f0f0f0;
}
.title-label {
font-size: 11px;
color: #999;
font-size: 12px;
color: #666;
display: block;
margin-bottom: 6px;
font-weight: normal;
margin-bottom: 4px;
}
.title-value {
font-size: 18px;
font-size: 16px;
font-weight: bold;
color: #333;
line-height: 1.2;
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: #999;
margin-bottom: 6px;
font-weight: normal;
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: black;
font-weight: 500;
line-height: 1.2;
.info-item.full-width {
flex: 1 1 100%;
}
.detail-value .qualified {
color: #17B3A3;
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;
}
/* 区域标题 */

Loading…
Cancel
Save