gp12触摸屏优化

src/views/qualityManagement/gp12/touchScreen/workorder/components/DefectCard.vue

@@ -186,6 +186,8 @@ export default {
 
 <style scoped>
 .box-card {
+  margin: 0;
+  padding: 0;
   width: 100%;
   background-color: #032169;
   /* 深墨绿色背景 */
@@ -200,6 +202,8 @@ export default {
 }
 
 .card-header {
+  margin: 0;
+  padding: 0;
   color: #ecf0f1;
   display: flex;
   align-items: center;

src/views/qualityManagement/gp12/touchScreen/workorder/components/WorkOrderCard.vue

@@ -41,6 +41,10 @@
           <td>描述</td>
           <td>{{ formData.description }}</td>
         </tr>
+        <tr>
+          <td>批次号</td>
+          <td :colspan="3">{{ getLabelPatchCode(formData.label) }}</td>
+        </tr>
         <tr>
           <td>规格</td>
           <td>{{ formData.specification }}</td>
@@ -151,6 +155,23 @@ export default {
       }
       return true
     },
+    getLabelPatchCode(label) {
+      try {
+        const parts = label.split('^')
+        let codeValue = ''
+
+        for (let i = 0; i < parts.length; i++) {
+          const subParts = parts[i].split('=')
+          if (subParts[0] === 'Code') {
+            codeValue = subParts[1]
+            break
+          }
+        }
+        return codeValue
+      } catch (e) {
+        return ''
+      }
+    },
     showErrorMessage(code, message) {
       this.$emit('showWarningMessage', code, message)
     },
@@ -354,4 +375,10 @@ export default {
   font-size: 16px;
   font-weight: 600;
 }
+.workorder-label {
+  font-size: 12px;
+  word-wrap: break-word; /* 允许长单词或 URL 地址换行到下一行 */
+  word-break: break-all; /* 允许在单词内换行 */
+  padding: 0;
+}
 </style>