DeXun/klp-oa
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 新增质保书模板功能，优化标签样式与钢卷信息展示

Browse Source
This commit is contained in:
砂糖
2026-06-02 13:22:58 +08:00
parent 4295a28f33
commit d6620e2449
23 changed files with 1851 additions and 389 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
klp-ui/src/views/wms/coil/panels/LabelRender/DuGeTag.vue
View File

@@ -295,6 +295,7 @@ export default {
</script>
<style scoped>
@import './label-common.css';
.label-container {
padding: 1em;
/* width: 680.315px; */
@@ -318,7 +319,7 @@ export default {
font-size: 12px;
border: 1px solid #000;
box-sizing: border-box;
font-family: 'Arial', sans-serif;
font-family: var(--label-font);
}
.company-header {
@@ -434,9 +435,9 @@ export default {
.nob {
width: 100%;
height: 100%;
font-weight: bold;
font-weight: 900;
color: #000;
font-family: '黑体', serif;
font-family: var(--label-font);
border: none;
outline: none;
background: transparent;

3
klp-ui/src/views/wms/coil/panels/LabelRender/ForgeTagPreview.vue
View File

@@ -58,13 +58,14 @@ export default {
</script>
<style scoped>
@import './label-common.css';
.label-container {
width: 50em; /* 容器宽度（可根据需求调整） */
min-height: 30em; /* 容器最小高度 */
border: 1px solid #000;
padding: 2px;
box-sizing: border-box;
font-family: "SimSun", serif;
font-family: var(--label-font);
font-size: 8px;
line-height: 1.2;
display: flex;

7
klp-ui/src/views/wms/coil/panels/LabelRender/GalvanizedTag.vue
View File

@@ -296,6 +296,7 @@ export default {
</script>
<style scoped>
@import './label-common.css';
.label-container {
padding: 1em;
/* width: 680.315px; */
@@ -319,7 +320,7 @@ export default {
font-size: 12px;
border: 1px solid #000;
box-sizing: border-box;
font-family: 'Arial', sans-serif;
font-family: var(--label-font);
}
.company-header {
@@ -437,9 +438,9 @@ export default {
height: 100%;
border: none;
outline: none;
font-weight: bold;
font-weight: 900;
color: #000;
font-family: '黑体', serif;
font-family: var(--label-font);
background: transparent;
text-align: center;
font-size: 1.2em;

18
klp-ui/src/views/wms/coil/panels/LabelRender/MaterialTag.vue
View File

@@ -21,7 +21,7 @@
</div>
<div
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;"
class="value-cell">
class="value-cell enter-coil-no">
{{ content.enterCoilNo || '' }}
</div>
</div>
@@ -279,6 +279,7 @@ export default {
</script>
<style scoped>
@import './label-common.css';
.label-container {
width: 25em;
height: 20em;
@@ -287,9 +288,8 @@ export default {
/* 启用Flex布局 */
flex-direction: column;
/* 子元素垂直排列 */
font-family: "SimSun", serif;
font-family: var(--label-font);
box-sizing: border-box;
/* 确保内边距/边框不影响总尺寸 */
}
.material-label-table {
@@ -327,15 +327,21 @@ export default {
text-align: center;
font-weight: bold;
color: #000;
font-family: '黑体', serif;
font-family: var(--label-font);
font-weight: 900;
}
.enter-coil-no {
font-size: 1.1em;
}
.nob {
width: 100%;
height: 100%;
font-weight: bold;
font-weight: 900;
color: #000;
font-family: '黑体', serif;
font-family: var(--label-font);
border: none;
outline: none;
background: transparent;

7
klp-ui/src/views/wms/coil/panels/LabelRender/OuterTagPreview.vue
View File

@@ -302,6 +302,7 @@ export default {
</script>
<style scoped>
@import './label-common.css';
.label-container {
padding: 1em;
/* width: 680.315px; */
@@ -325,7 +326,7 @@ export default {
font-size: 12px;
border: 1px solid #000;
box-sizing: border-box;
font-family: 'Arial', sans-serif;
font-family: var(--label-font);
}
.company-header {
@@ -443,9 +444,9 @@ export default {
height: 100%;
border: none;
outline: none;
font-weight: bold;
font-weight: 900;
color: #000;
font-family: '黑体', serif;
font-family: var(--label-font);
background: transparent;
text-align: center;
font-size: 1.2em;

3
klp-ui/src/views/wms/coil/panels/LabelRender/SaltSprayTagPreview.vue
View File

@@ -50,13 +50,14 @@ export default {
</script>
<style scoped>
@import './label-common.css';
.label-container {
width: 50em; /* 容器宽度（可根据需求调整） */
min-height: 30em; /* 容器最小高度 */
border: 1px solid #000;
padding: 2px;
box-sizing: border-box;
font-family: "SimSun", serif;
font-family: var(--label-font);
font-size: 8px;
line-height: 1.2;
display: flex;

3
klp-ui/src/views/wms/coil/panels/LabelRender/SampleTagPreview.vue
View File

@@ -60,13 +60,14 @@ export default {
</script>
<style scoped>
@import './label-common.css';
.sample-label-container {
width: 50em;
height: 40em;
border: 1px solid #000;
padding: 2px;
box-sizing: border-box;
font-family: "SimSun", serif;
font-family: var(--label-font);
font-size: 10px;
line-height: 1.5;
display: flex;

8
klp-ui/src/views/wms/coil/panels/LabelRender/SplitTag.vue
View File

@@ -166,11 +166,12 @@ export default {
</script>
<style scoped>
@import './label-common.css';
.label-container {
width: 25em;
height: 20em;
padding: 16px;
font-family: "SimSun", serif;
font-family: var(--label-font);
box-sizing: border-box;
}
@@ -199,7 +200,8 @@ export default {
align-items: center;
justify-content: center;
color: #000;
font-family: '黑体', serif;
font-family: var(--label-font);
font-weight: 900;
}
/* 公司名称单元格 */
@@ -260,7 +262,7 @@ export default {
justify-content: center;
font-weight: bold;
color: #000;
font-family: '黑体', serif;
font-family: var(--label-font);
font-size: 1em;
}

16
klp-ui/src/views/wms/coil/panels/LabelRender/TuoZhiTag.vue
View File

@@ -7,11 +7,11 @@
<!-- 第一行：冷卷号、热卷号 -->
<div class="grid-cell label-cell">冷卷号</div>
<div class="grid-cell value-cell">
<div class="nob">{{ content.currentCoilNo || '' }}</div>
<div class="nob current-coil-no">{{ content.currentCoilNo || '' }}</div>
</div>
<div class="grid-cell label-cell">热卷号</div>
<div class="grid-cell value-cell">
<div class="nob">{{ content.enterCoilNo || '' }}</div>
<div class="nob enter-coil-no">{{ content.enterCoilNo || '' }}</div>
</div>
<!-- 第二行：规格、钢种 -->
@@ -170,11 +170,12 @@ export default {
</script>
<style scoped>
@import './label-common.css';
.label-container {
width: 45em;
height: 25em;
padding: 16px;
font-family: "SimSun", serif;
font-family: var(--label-font);
box-sizing: border-box;
}
@@ -253,12 +254,17 @@ export default {
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
font-weight: 900;
color: #000;
font-family: '黑体', serif;
font-family: var(--label-font);
font-size: 1.2em;
}
.current-coil-no, .enter-coil-no {
font-size: 1.1em !important;
}
/* 打印样式 */
@media print {
@page {

5
klp-ui/src/views/wms/coil/panels/LabelRender/WhereTag.vue
View File

@@ -184,6 +184,7 @@ export default {
</script>
<style scoped>
@import './label-common.css';
.label-container {
width: 25em;
height: 20em;
@@ -192,7 +193,7 @@ export default {
/* 启用Flex布局 */
flex-direction: column;
/* 子元素垂直排列 */
font-family: "SimSun", serif;
font-family: var(--label-font);
box-sizing: border-box;
/* 确保内边距/边框不影响总尺寸 */
}
@@ -248,7 +249,7 @@ export default {
white-space: normal;
font-weight: bold;
color: #000;
font-family: '黑体', serif;
font-family: var(--label-font);
font-size: 1.2em;
}

16
klp-ui/src/views/wms/coil/panels/LabelRender/ZincRawTag.vue
View File

@@ -7,11 +7,11 @@
<!-- 第一行：冷卷号、热卷号 -->
<div class="grid-cell label-cell">冷卷号</div>
<div class="grid-cell value-cell">
<div class="nob">{{ content.currentCoilNo || '' }}</div>
<div class="nob current-coil-no">{{ content.currentCoilNo || '' }}</div>
</div>
<div class="grid-cell label-cell">热卷号</div>
<div class="grid-cell value-cell">
<div class="nob">{{ content.enterCoilNo || '' }}</div>
<div class="nob enter-coil-no">{{ content.enterCoilNo || '' }}</div>
</div>
<!-- 第二行：规格、钢种 -->
@@ -170,11 +170,12 @@ export default {
</script>
<style scoped>
@import './label-common.css';
.label-container {
width: 45em;
height: 25em;
padding: 16px;
font-family: "SimSun", serif;
font-family: var(--label-font);
box-sizing: border-box;
}
@@ -254,12 +255,17 @@ export default {
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
font-weight: 900;
color: #000;
font-family: '黑体', serif;
font-family: var(--label-font);
font-size: 1.2em;
}
.current-coil-no, .enter-coil-no {
font-size: 1.1em !important;
}
/* 打印样式 */
@media print {
@page {

3
klp-ui/src/views/wms/coil/panels/LabelRender/label-common.css Normal file
View File

@@ -0,0 +1,3 @@
:root {
--label-font: '黑体', 'Courier New', 'SimSun', serif;
}