关联查询结果

src/views/ManualOperation/ScanBarcodes/index.vue

@@ -29,12 +29,9 @@
         </p>
         <p class="info-row">
           <span class="Titles">盒码值：</span>
-          <span class="Conts">{{ item.qrCode }}</span>
+          <span class="Conts">{{ formatQrCode(item.qrCode) }}</span>
         </p>
-<!--        <p class="info-row">-->
-<!--          <span class="Titles">件码值：</span>-->
-<!--          <span class="Conts">{{ item.parentCode }}</span>-->
-<!--        </p>-->
+
         <p class="info-row">
           <span class="Titles">机台号：</span>
           <span class="Conts">{{ item.boxBarProductLineDeviceCode }}</span>
@@ -104,6 +101,19 @@ export default {
   },
   computed: {},
   methods: {
+    // 新增方法：格式化盒码值
+    formatQrCode(qrCode) {
+      // 先判断是否为有效字符串
+      if (!qrCode || typeof qrCode !== 'string') {
+        return qrCode || '';
+      }
+      // 如果长度超过35位，截取最后10位并拼接...
+      if (qrCode.length > 35) {
+        return '...' + qrCode.slice(-25);
+      }
+      // 否则返回原字符串
+      return qrCode;
+    },
     queryQrCode(qrCode) {
       let query = {
         qrCode: qrCode
@@ -164,12 +174,12 @@ export default {
   color: #ffffff;
 }
 #centerDiv {
-  height: 94%;
+  height: 93%;
 }
 :deep(.erricon) {
   font-size: 0.35rem;
   background: #f3f4f6;
-  margin-left: 55%;
+  margin-left: 75%;
   box-sizing: border-box;
   width: 0.65rem;
   height: 0.65rem;