|
@@ -15,49 +15,61 @@
|
|
|
<div class="leftItem">
|
|
|
<div>
|
|
|
<div class="lable">物料编码:</div>
|
|
|
- <div class="value">
|
|
|
- <div class="value">{{ item.materialCode }}</div>
|
|
|
- </div>
|
|
|
+ <template v-if="item.materialCode.length > 15">
|
|
|
+ <div class="value">
|
|
|
+ {{ item.materialCode.slice(0, 14) }}
|
|
|
+ </div>
|
|
|
+ <div class="value">
|
|
|
+ {{
|
|
|
+ item.materialCode.length > 30
|
|
|
+ ? item.materialCode.slice(15, 26) + "..."
|
|
|
+ : item.materialCode.slice(15)
|
|
|
+ }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="value">
|
|
|
+ {{ item.materialCode }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
</div>
|
|
|
<div>
|
|
|
<div class="lable">物料名称:</div>
|
|
|
-
|
|
|
<template v-if="item.materialName.length > 15">
|
|
|
<div class="value">
|
|
|
- {{ item.materialName.slice(0, 13) }}
|
|
|
+ {{ item.materialName.slice(0, 14) }}
|
|
|
</div>
|
|
|
<div class="value">
|
|
|
{{
|
|
|
item.materialName.length > 30
|
|
|
- ? item.materialName.slice(14, 24) + "..."
|
|
|
- : item.materialName.slice(14)
|
|
|
+ ? item.materialName.slice(15, 26) + "..."
|
|
|
+ : item.materialName.slice(15)
|
|
|
}}
|
|
|
</div>
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
<div class="value">
|
|
|
- <div class="value">{{ item.materialName }}</div>
|
|
|
+ {{ item.materialName }}
|
|
|
</div>
|
|
|
</template>
|
|
|
</div>
|
|
|
<div>
|
|
|
<div class="lable">物料批次:</div>
|
|
|
-
|
|
|
<template v-if="item.applyCode.length > 15">
|
|
|
<div class="value">
|
|
|
- {{ item.applyCode.slice(0, 13) }}
|
|
|
+ {{ item.applyCode.slice(0, 14) }}
|
|
|
</div>
|
|
|
<div class="value">
|
|
|
{{
|
|
|
item.applyCode.length > 30
|
|
|
- ? item.applyCode.slice(14, 24) + "..."
|
|
|
- : item.applyCode.slice(14)
|
|
|
+ ? item.applyCode.slice(15, 26) + "..."
|
|
|
+ : item.applyCode.slice(15)
|
|
|
}}
|
|
|
</div>
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
<div class="value">
|
|
|
- <div class="value">{{ item.applyCode }}</div>
|
|
|
+ {{ item.applyCode }}
|
|
|
</div>
|
|
|
</template>
|
|
|
</div>
|
|
@@ -90,27 +102,63 @@
|
|
|
<div class="leftItem">
|
|
|
<div>
|
|
|
<div class="lable">物料编码:</div>
|
|
|
-
|
|
|
<template v-if="item.materialCode.length > 15">
|
|
|
<div class="value">
|
|
|
- {{ item.materialCode.slice(0, 13) }}
|
|
|
+ {{ item.materialCode.slice(0, 14) }}
|
|
|
</div>
|
|
|
<div class="value">
|
|
|
{{
|
|
|
item.materialCode.length > 30
|
|
|
- ? item.materialCode.slice(14, 24) + "..."
|
|
|
- : item.materialCode.slice(14)
|
|
|
+ ? item.materialCode.slice(15, 26) + "..."
|
|
|
+ : item.materialCode.slice(15)
|
|
|
}}
|
|
|
</div>
|
|
|
</template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="value">
|
|
|
+ {{ item.materialCode }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
</div>
|
|
|
<div>
|
|
|
<div class="lable">物料名称:</div>
|
|
|
- <div class="value">{{ item.materialName }}</div>
|
|
|
+ <template v-if="item.materialName.length > 15">
|
|
|
+ <div class="value">
|
|
|
+ {{ item.materialName.slice(0, 14) }}
|
|
|
+ </div>
|
|
|
+ <div class="value">
|
|
|
+ {{
|
|
|
+ item.materialName.length > 30
|
|
|
+ ? item.materialName.slice(15, 26) + "..."
|
|
|
+ : item.materialName.slice(15)
|
|
|
+ }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="value">
|
|
|
+ {{ item.materialName }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
</div>
|
|
|
<div>
|
|
|
<div class="lable">物料批次:</div>
|
|
|
- <div class="value">{{ item.applyCode }}</div>
|
|
|
+ <template v-if="item.applyCode.length > 15">
|
|
|
+ <div class="value">
|
|
|
+ {{ item.applyCode.slice(0, 14) }}
|
|
|
+ </div>
|
|
|
+ <div class="value">
|
|
|
+ {{
|
|
|
+ item.applyCode.length > 30
|
|
|
+ ? item.applyCode.slice(15, 26) + "..."
|
|
|
+ : item.applyCode.slice(15)
|
|
|
+ }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="value">
|
|
|
+ {{ item.applyCode }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
</div>
|
|
|
<div>
|
|
|
<div class="lable">物料数量:</div>
|
|
@@ -173,8 +221,9 @@ const printPage = () => {
|
|
|
justify-content: space-between;
|
|
|
margin-bottom: 10px;
|
|
|
border-radius: 16px;
|
|
|
+ font-size: 3.5mm;
|
|
|
.leftItem {
|
|
|
- width: 30mm;
|
|
|
+ width: 31mm;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
justify-content: space-evenly;
|
|
@@ -215,8 +264,9 @@ const printPage = () => {
|
|
|
height: 60mm !important;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
+ font-size: 3.5mm;
|
|
|
.leftItem {
|
|
|
- width: 30mm;
|
|
|
+ width: 31mm;
|
|
|
height: 60mm !important;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|