|
|
@@ -5,31 +5,31 @@
|
|
|
custom-class="print-dialog"
|
|
|
append-to-body
|
|
|
:close-on-click-modal="false"
|
|
|
- :title="title"
|
|
|
+ :title="type + title"
|
|
|
top="5vh"
|
|
|
@close="$emit('update:show', false)"
|
|
|
>
|
|
|
<vue-easy-print tableShow ref="easyPrint" :onePageRow="1">
|
|
|
- <div class="content">
|
|
|
+ <div :class="$style.content">
|
|
|
<div
|
|
|
v-for="(item, index) in list"
|
|
|
:key="index"
|
|
|
- class="box"
|
|
|
+ :class="$style.box"
|
|
|
>
|
|
|
<template v-for="(o, i) in modelList">
|
|
|
- <div v-if="item[o.value]" class="item" :style="`width: ${o.width};`">
|
|
|
- <span class="name">{{ o.label }}:</span>
|
|
|
- <span class="value">{{ item[o.value] }}</span>
|
|
|
+ <div v-if="item[o.value]" :class="$style.item" :style="`width: ${o.width};`">
|
|
|
+ <span :class="$style.name">{{ o.label }}:</span>
|
|
|
+ <span :class="$style.value">{{ item[o.value] }}</span>
|
|
|
</div>
|
|
|
</template>
|
|
|
- <!-- <vue-barcode
|
|
|
+ <vue-barcode
|
|
|
:value="item.bianHao"
|
|
|
:width="3"
|
|
|
- :height="40"
|
|
|
+ :height="20"
|
|
|
:fontSize="0"
|
|
|
:margin="0"
|
|
|
- class="barcode"
|
|
|
- ></vue-barcode> -->
|
|
|
+ :class="$style.barcode"
|
|
|
+ ></vue-barcode>
|
|
|
</div>
|
|
|
</div>
|
|
|
</vue-easy-print>
|
|
|
@@ -51,7 +51,7 @@
|
|
|
},
|
|
|
title: {
|
|
|
type: String,
|
|
|
- default: '入库标签打印'
|
|
|
+ default: '标签打印'
|
|
|
},
|
|
|
list: {
|
|
|
type: Array,
|
|
|
@@ -103,13 +103,12 @@
|
|
|
value: 'youXiaoQi'
|
|
|
},
|
|
|
{
|
|
|
- label: '生厂商',
|
|
|
- value: 'shengChanShang',
|
|
|
- width: '100%'
|
|
|
+ label: '保存条件',
|
|
|
+ value: 'baoCunTiaoJian'
|
|
|
},
|
|
|
{
|
|
|
- label: '保存条件',
|
|
|
- value: 'baoCunTiaoJian',
|
|
|
+ label: '生厂商',
|
|
|
+ value: 'shengChanShang',
|
|
|
width: '100%'
|
|
|
}
|
|
|
]
|
|
|
@@ -122,30 +121,34 @@
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
-<style lang="scss">
|
|
|
- .print-dialog {
|
|
|
- width: 500px;
|
|
|
- min-width: 500px;
|
|
|
- height: 680px;
|
|
|
+<style lang="scss" module>
|
|
|
+ :global {
|
|
|
+ .print-dialog {
|
|
|
+ width: 500px;
|
|
|
+ min-width: 500px;
|
|
|
+ height: 630px;
|
|
|
+ }
|
|
|
}
|
|
|
.content {
|
|
|
// display: flex;
|
|
|
// flex-wrap: wrap;
|
|
|
// justify-content: center;
|
|
|
padding: 10px;
|
|
|
- min-height: 380px;
|
|
|
+ min-height: 490px;
|
|
|
overflow: auto;
|
|
|
.box {
|
|
|
position: relative;
|
|
|
- width: 300px;
|
|
|
- height: 240px;
|
|
|
- font-size: 14px;
|
|
|
- padding: 10px;
|
|
|
+ width: 244px;
|
|
|
+ height: 140px;
|
|
|
+ padding: 4px 2px;
|
|
|
margin: 0 auto 20px;
|
|
|
border: 1px solid #000;
|
|
|
border-radius: 4px;
|
|
|
.item {
|
|
|
- margin-bottom: 6px;
|
|
|
+ font-size: 12px;
|
|
|
+ font-weight: 100;
|
|
|
+ // line-height: 12px;
|
|
|
+ margin-bottom: 2px;
|
|
|
display: inline-block;
|
|
|
min-width: 50%;
|
|
|
.name {
|
|
|
@@ -155,7 +158,7 @@
|
|
|
.barcode {
|
|
|
position: absolute;
|
|
|
text-align: center;
|
|
|
- bottom: 10px;
|
|
|
+ bottom: 0px;
|
|
|
left: 0;
|
|
|
right: 0;
|
|
|
}
|