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;
}