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 @@ 料卷号
- {{ 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 || '' }}
@@ -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 @@
原料号
-
{{ content.enterCoilNo || '' }}
+
{{ content.enterCoilNo || '' }}
@@ -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 @@
热卷号
-
{{ content.enterCoilNo || '' }}
+
{{ content.enterCoilNo || '' }}
@@ -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 @@
热卷号
-
{{ content.enterCoilNo || '' }}
+
{{ content.enterCoilNo || '' }}
@@ -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; }