2026-01-05

pda优化

src/views/modules/other-inout/otherInboundDetail.vue

@@ -14,15 +14,21 @@
     <!-- 入库单信息卡片 -->
     <div class="material-info-card" v-if="inboundInfo.inboundNo">
       <div class="card-title">
-        <span class="title-label">入库单号</span>
-        <span class="title-value">{{ inboundInfo.inboundNo }}</span>
+        <div class="title-item">
+          <span class="title-label">入库单号</span>
+          <span class="title-value">{{ inboundInfo.inboundNo }}</span>
+        </div>
+        <div class="title-item">
+          <span class="title-label">关联单号</span>
+          <span class="title-value">{{ inboundInfo.relatedOrderNo || '-' }}</span>
+        </div>
+        <div class="title-item">
+          <span class="title-label">行号</span>
+          <span class="title-value">{{ inboundInfo.relatedOrderLineNo || '-' }}</span>
+        </div>
       </div>
 
       <div class="card-details">
-        <div class="detail-item">
-          <div class="detail-label">关联单号</div>
-          <div class="detail-value">{{ inboundInfo.relatedNo || '-' }}</div>
-        </div>
         <div class="detail-item">
           <div class="detail-label">标签张数</div>
           <div class="detail-value">
@@ -978,25 +984,39 @@ export default {
 }
 
 .card-title {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
   margin-bottom: 16px;
+  gap: 8px;
+}
+
+.title-item {
   display: flex;
-  align-items: center;
-  gap: 12px;
+  flex-direction: column;
+  flex: 1;
+}
+
+.title-item:first-child {
+  flex: 1.5;
 }
 
 .title-label {
-  font-size: 14px;
-  color: #666;
-  font-weight: 500;
-  flex-shrink: 0;
+  font-size: 11px;
+  color: #999;
+  margin-bottom: 4px;
+  white-space: nowrap;
 }
 
 .title-value {
-  font-size: 16px;
+  font-size: 13px;
   font-weight: bold;
   color: #333;
-  line-height: 1.2;
-  flex: 1;
+  word-break: break-all;
+}
+
+.title-item:first-child .title-value {
+  font-size: 15px;
 }
 
 .card-details {

src/views/modules/other-inout/otherInboundList.vue

@@ -31,8 +31,18 @@
         @click="goToInboundPage(item)"
       >
         <div class="card-title">
-          <span class="title-label">入库单号</span>
-          <span class="title-value">{{ item.inboundNo }}</span>
+          <div class="title-item">
+            <span class="title-label">入库单号</span>
+            <span class="title-value">{{ item.inboundNo }}</span>
+          </div>
+          <div class="title-item">
+            <span class="title-label">关联单号</span>
+            <span class="title-value">{{ item.relatedOrderNo || '-' }}</span>
+          </div>
+          <div class="title-item">
+            <span class="title-label">行号</span>
+            <span class="title-value">{{ item.relatedOrderLineNo || '-' }}</span>
+          </div>
         </div>
 
         <div class="card-details">
@@ -260,21 +270,39 @@ export default {
 
 /* 卡片标题 */
 .card-title {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
   margin-bottom: 12px;
+  gap: 8px;
+}
+
+.title-item {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+}
+
+.title-item:first-child {
+  flex: 1.5;
 }
 
 .title-label {
-  font-size: 12px;
-  color: #666;
-  display: block;
+  font-size: 11px;
+  color: #999;
   margin-bottom: 4px;
+  white-space: nowrap;
 }
 
 .title-value {
-  font-size: 16px;
+  font-size: 13px;
   font-weight: bold;
   color: #333;
-  margin-left: 20px;
+  word-break: break-all;
+}
+
+.title-item:first-child .title-value {
+  font-size: 15px;
 }
 
 /* 卡片详情 */

src/views/modules/other-inout/otherOutboundDetail.vue

@@ -36,8 +36,18 @@
     <!-- 出库单信息卡片 -->
     <div class="material-info-card" v-if="outboundInfo.outboundNo">
       <div class="card-title">
-        <span class="title-label">出库单号</span>
-        <span class="title-value">{{ outboundInfo.outboundNo }}</span>
+        <div class="title-item">
+          <span class="title-label">出库单号</span>
+          <span class="title-value">{{ outboundInfo.outboundNo }}</span>
+        </div>
+        <div class="title-item">
+          <span class="title-label">关联单号</span>
+          <span class="title-value">{{ outboundInfo.relatedNo || '-' }}</span>
+        </div>
+        <div class="title-item">
+          <span class="title-label">行号</span>
+          <span class="title-value">{{ outboundInfo.relatedLineNo || '-' }}</span>
+        </div>
       </div>
 
       <div class="card-details">
@@ -670,23 +680,39 @@ export default {
 }
 
 .card-title {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
   margin-bottom: 16px;
+  gap: 8px;
+}
+
+.title-item {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+}
+
+.title-item:first-child {
+  flex: 1.5;
 }
 
 .title-label {
   font-size: 11px;
   color: #999;
-  display: block;
-  margin-bottom: 6px;
-  font-weight: normal;
+  margin-bottom: 4px;
+  white-space: nowrap;
 }
 
 .title-value {
-  font-size: 18px;
+  font-size: 13px;
   font-weight: bold;
   color: #333;
-  line-height: 1.2;
-  margin-left: 20px;
+  word-break: break-all;
+}
+
+.title-item:first-child .title-value {
+  font-size: 15px;
 }
 
 .card-details {

src/views/modules/other-inout/otherOutboundList.vue

@@ -31,8 +31,18 @@
         @click="goToOutboundPage(item)"
       >
         <div class="card-title">
-          <span class="title-label">出库单号</span>
-          <span class="title-value">{{ item.outboundNo }}</span>
+          <div class="title-item">
+            <span class="title-label">出库单号</span>
+            <span class="title-value">{{ item.outboundNo }}</span>
+          </div>
+          <div class="title-item">
+            <span class="title-label">关联单号</span>
+            <span class="title-value">{{ item.relatedNo || '-' }}</span>
+          </div>
+          <div class="title-item">
+            <span class="title-label">行号</span>
+            <span class="title-value">{{ item.relatedLineNo || '-' }}</span>
+          </div>
         </div>
 
         <div class="card-details">
@@ -257,21 +267,39 @@ export default {
 
 /* 卡片标题 */
 .card-title {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
   margin-bottom: 12px;
+  gap: 8px;
+}
+
+.title-item {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+}
+
+.title-item:first-child {
+  flex: 1.5;
 }
 
 .title-label {
-  font-size: 12px;
-  color: #666;
-  display: block;
+  font-size: 11px;
+  color: #999;
   margin-bottom: 4px;
+  white-space: nowrap;
 }
 
 .title-value {
-  font-size: 16px;
+  font-size: 13px;
   font-weight: bold;
   color: #333;
-  margin-left: 20px;
+  word-break: break-all;
+}
+
+.title-item:first-child .title-value {
+  font-size: 15px;
 }
 
 /* 卡片详情 */

src/views/modules/sales-return/salesReturnList.vue

@@ -31,8 +31,18 @@
         @click="goToReturnDetail(item)"
       >
         <div class="card-title">
-          <span class="title-label">退货单号</span>
-          <span class="title-value">{{ item.inboundNo }}</span>
+          <div class="title-item">
+            <span class="title-label">退货单号</span>
+            <span class="title-value">{{ item.inboundNo }}</span>
+          </div>
+          <div class="title-item">
+            <span class="title-label">关联单号</span>
+            <span class="title-value">{{ item.relatedOrderNo || '-' }}</span>
+          </div>
+          <div class="title-item">
+            <span class="title-label">行号</span>
+            <span class="title-value">{{ item.relatedOrderLineNo || '-' }}</span>
+          </div>
         </div>
 
         <div class="card-details">
@@ -293,21 +303,39 @@ export default {
 
 /* 卡片标题 */
 .card-title {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
   margin-bottom: 12px;
+  gap: 8px;
+}
+
+.title-item {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+}
+
+.title-item:first-child {
+  flex: 1.5;
 }
 
 .title-label {
-  font-size: 12px;
-  color: #666;
-  display: block;
+  font-size: 11px;
+  color: #999;
   margin-bottom: 4px;
+  white-space: nowrap;
 }
 
 .title-value {
-  font-size: 16px;
+  font-size: 13px;
   font-weight: bold;
   color: #333;
-  margin-left: 20px;
+  word-break: break-all;
+}
+
+.title-item:first-child .title-value {
+  font-size: 15px;
 }
 
 /* 卡片详情 */

src/views/modules/sales-return/salesReturnStorage.vue

@@ -35,8 +35,18 @@
     <!-- 物料信息卡片 -->
     <div class="material-info-card" v-if="materialInfo.inboundNo">
       <div class="card-title">
-        <span class="title-label">退货单号</span>
-        <span class="title-value">{{ materialInfo.inboundNo }}</span>
+        <div class="title-item">
+          <span class="title-label">退货单号</span>
+          <span class="title-value">{{ materialInfo.inboundNo }}</span>
+        </div>
+        <div class="title-item">
+          <span class="title-label">关联单号</span>
+          <span class="title-value">{{ materialInfo.relatedOrderNo || '-' }}</span>
+        </div>
+        <div class="title-item">
+          <span class="title-label">行号</span>
+          <span class="title-value">{{ materialInfo.relatedOrderLineNo || '-' }}</span>
+        </div>
       </div>
 
       <div class="card-details">
@@ -776,23 +786,39 @@ export default {
 
 /* 卡片标题 */
 .card-title {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
   margin-bottom: 16px;
+  gap: 8px;
+}
+
+.title-item {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+}
+
+.title-item:first-child {
+  flex: 1.5;
 }
 
 .title-label {
   font-size: 11px;
   color: #999;
-  display: block;
-  margin-bottom: 6px;
-  font-weight: normal;
+  margin-bottom: 4px;
+  white-space: nowrap;
 }
 
 .title-value {
-  font-size: 18px;
+  font-size: 13px;
   font-weight: bold;
   color: #333;
-  line-height: 1.2;
-  margin-left: 20px;
+  word-break: break-all;
+}
+
+.title-item:first-child .title-value {
+  font-size: 15px;
 }
 
 /* 卡片详情 */