From 12ea9b0b83bc3497ec67a367254302e66c091b46 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A0=82=E7=B3=96?= <2178503051@qq.com>
Date: Sat, 13 Jun 2026 11:14:25 +0800
Subject: [PATCH] =?UTF-8?q?refactor(wms/coil/label):=20=E4=B8=BA=E7=83=AD?=
 =?UTF-8?q?=E5=8D=B7=E5=8F=B7=E6=B7=BB=E5=8A=A0=E5=8A=A8=E6=80=81=E5=AD=97?=
 =?UTF-8?q?=E4=BD=93=E5=A4=A7=E5=B0=8F=E9=80=82=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

移除了硬编码的字体样式，根据热卷号长度动态调整字号，避免长文本溢出标签
---
 .../wms/coil/panels/LabelRender/MaterialTag.vue | 17 ++++++++++++++---
 .../wms/coil/panels/LabelRender/SplitTag.vue    | 14 ++++++++++++--
 .../wms/coil/panels/LabelRender/TuoZhiTag.vue   | 14 ++++++++++++--
 .../wms/coil/panels/LabelRender/ZincRawTag.vue  | 14 ++++++++++++--
 4 files changed, 50 insertions(+), 9 deletions(-)

diff --git a/klp-ui/src/views/wms/coil/panels/LabelRender/MaterialTag.vue b/klp-ui/src/views/wms/coil/panels/LabelRender/MaterialTag.vue
index aa97f416..49795379 100644
--- a/klp-ui/src/views/wms/coil/panels/LabelRender/MaterialTag.vue
+++ b/klp-ui/src/views/wms/coil/panels/LabelRender/MaterialTag.vue
@@ -20,9 +20,10 @@
                 料卷号
               </div>
               <div
-                style="flex: 1; height: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid #333; font-size: 1em !important; box-sizing: border-box; padding: 3px; word-break: break-all; overflow-wrap: break-word;"
-                class="value-cell enter-coil-no">
-                {{ content.enterCoilNo || '' }}
+                 style="flex: 1; height: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid #333; box-sizing: border-box; padding: 3px; word-break: break-all; overflow-wrap: break-word;"
+                 :style="enterCoilNoStyle"
+                 class="value-cell enter-coil-no">
+                 {{ content.enterCoilNo || '' }}
               </div>
             </div>
             <div style="display: flex; flex: 1; align-items: center;">
@@ -181,6 +182,16 @@ export default {
       printScale: 1,
     }
   },
+  computed: {
+    enterCoilNoStyle() {
+      const len = (this.content.enterCoilNo || '').length;
+      if (len > 25) return { fontSize: '0.55em' };
+      if (len > 20) return { fontSize: '0.65em' };
+      if (len > 15) return { fontSize: '0.75em' };
+      if (len > 10) return { fontSize: '0.9em' };
+      return {};
+    }
+  },
   mounted() {
     // 使用 matchMedia 监听打印状态（更可靠）
     this.printMediaQuery = window.matchMedia('print');
diff --git a/klp-ui/src/views/wms/coil/panels/LabelRender/SplitTag.vue b/klp-ui/src/views/wms/coil/panels/LabelRender/SplitTag.vue
index 6841e4ce..28bb13d0 100644
--- a/klp-ui/src/views/wms/coil/panels/LabelRender/SplitTag.vue
+++ b/klp-ui/src/views/wms/coil/panels/LabelRender/SplitTag.vue
@@ -11,7 +11,7 @@
       </div>
       <div class="grid-cell label-cell">原料号</div>
       <div class="grid-cell value-cell enter-coil-no">
-        <div class="nob">{{ content.enterCoilNo || '' }}</div>
+        <div class="nob" :style="enterCoilNoStyle">{{ content.enterCoilNo || '' }}</div>
       </div>
      
 
@@ -91,6 +91,16 @@ export default {
       printMediaQuery: null
     }
   },
+  computed: {
+    enterCoilNoStyle() {
+      const len = (this.content.enterCoilNo || '').length;
+      if (len > 25) return { fontSize: '0.55em' };
+      if (len > 20) return { fontSize: '0.65em' };
+      if (len > 15) return { fontSize: '0.75em' };
+      if (len > 10) return { fontSize: '0.9em' };
+      return {};
+    }
+  },
   mounted() {
     this.printMediaQuery = window.matchMedia('print');
     this.printMediaQuery.addListener(this.handlePrintMediaChange);
@@ -241,7 +251,7 @@ export default {
 }
 
 .current-coil-no, .enter-coil-no {
-  font-size: 1em !important;
+  font-size: 1em;
 }
 
 .qrcode-container {
diff --git a/klp-ui/src/views/wms/coil/panels/LabelRender/TuoZhiTag.vue b/klp-ui/src/views/wms/coil/panels/LabelRender/TuoZhiTag.vue
index 3dee72a6..a5b0a121 100644
--- a/klp-ui/src/views/wms/coil/panels/LabelRender/TuoZhiTag.vue
+++ b/klp-ui/src/views/wms/coil/panels/LabelRender/TuoZhiTag.vue
@@ -11,7 +11,7 @@
       </div>
       <div class="grid-cell label-cell">热卷号</div>
       <div class="grid-cell value-cell">
-        <div class="nob enter-coil-no">{{ content.enterCoilNo || '' }}</div>
+        <div class="nob enter-coil-no" :style="enterCoilNoStyle">{{ content.enterCoilNo || '' }}</div>
       </div>
       
       <!-- 第二行：规格、钢种 -->
@@ -104,6 +104,16 @@ export default {
       printMediaQuery: null
     }
   },
+  computed: {
+    enterCoilNoStyle() {
+      const len = (this.content.enterCoilNo || '').length;
+      if (len > 25) return { fontSize: '0.55em' };
+      if (len > 20) return { fontSize: '0.65em' };
+      if (len > 15) return { fontSize: '0.75em' };
+      if (len > 10) return { fontSize: '0.9em' };
+      return {};
+    }
+  },
   mounted() {
     this.printMediaQuery = window.matchMedia('print');
     this.printMediaQuery.addListener(this.handlePrintMediaChange);
@@ -262,7 +272,7 @@ export default {
 }
 
 .current-coil-no, .enter-coil-no {
-  font-size: 1em !important;
+  font-size: 1em;
 }
 
 
diff --git a/klp-ui/src/views/wms/coil/panels/LabelRender/ZincRawTag.vue b/klp-ui/src/views/wms/coil/panels/LabelRender/ZincRawTag.vue
index e209332b..620e6212 100644
--- a/klp-ui/src/views/wms/coil/panels/LabelRender/ZincRawTag.vue
+++ b/klp-ui/src/views/wms/coil/panels/LabelRender/ZincRawTag.vue
@@ -11,7 +11,7 @@
       </div>
       <div class="grid-cell label-cell">热卷号</div>
       <div class="grid-cell value-cell">
-        <div class="nob enter-coil-no">{{ content.enterCoilNo || '' }}</div>
+        <div class="nob enter-coil-no" :style="enterCoilNoStyle">{{ content.enterCoilNo || '' }}</div>
       </div>
       
       <!-- 第二行：规格、钢种 -->
@@ -104,6 +104,16 @@ export default {
       printMediaQuery: null
     }
   },
+  computed: {
+    enterCoilNoStyle() {
+      const len = (this.content.enterCoilNo || '').length;
+      if (len > 25) return { fontSize: '0.55em' };
+      if (len > 20) return { fontSize: '0.65em' };
+      if (len > 15) return { fontSize: '0.75em' };
+      if (len > 10) return { fontSize: '0.9em' };
+      return {};
+    }
+  },
   mounted() {
     this.printMediaQuery = window.matchMedia('print');
     this.printMediaQuery.addListener(this.handlePrintMediaChange);
@@ -262,7 +272,7 @@ export default {
 }
 
 .current-coil-no, .enter-coil-no {
-  font-size: 1em !important;
+  font-size: 1em;
 }