+
+ 物料编码:
+ {{ item.partNo }}
-
-
物料编码
-
- {{ item.partNo }}
-
+
+
+
+
+ 物料名称:
+ {{ item.partDesc }}
-
-
物料名称
-
- {{ item.partDesc }}
-
+
+
+
+
+ 订单数量:
+ {{ item.lotSize }}
@@ -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;
}
/* 空状态 */
diff --git a/src/views/modules/production/productionReturnStorage.vue b/src/views/modules/production/productionReturnStorage.vue
index e8d4b48..e3a0c88 100644
--- a/src/views/modules/production/productionReturnStorage.vue
+++ b/src/views/modules/production/productionReturnStorage.vue
@@ -35,22 +35,29 @@
-
-
-
生产订单
-
- {{materialInfo.inboundNo}}
-
+
+ 生产订单
+ {{ materialInfo.inboundNo }}
+
+
+
+
+ 物料编码:
+ {{ materialInfo.partNo }}
-
-
物料编码
-
- {{materialInfo.partNo}}
-
+
+
+
+
+ 物料名称:
+ {{ materialInfo.partDesc }}
-
-
物料名称
-
{{materialInfo.partDesc}}
+
+
+
+
+ 订单数量:
+ {{ materialInfo.lotSize }}
@@ -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;
}
/* 区域标题 */