diff --git a/src/views/modules/production/productionQualifiedReturn.vue b/src/views/modules/production/productionQualifiedReturn.vue index 58de124..c6e8faf 100644 --- a/src/views/modules/production/productionQualifiedReturn.vue +++ b/src/views/modules/production/productionQualifiedReturn.vue @@ -30,24 +30,29 @@ class="inbound-card" @click="goToInboundPage(item)" > -
-
-
生产订单
-
- {{ item.inboundNo }} -
+
+ 生产订单 + {{ item.inboundNo }} +
+ +
+
+ 物料编码: + {{ 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; } /* 区域标题 */