|
|
@@ -9,12 +9,12 @@
|
|
|
top="5vh"
|
|
|
@close="$emit('update:show', false)"
|
|
|
>
|
|
|
- <vue-easy-print tableShow ref="easyPrint" :onePageRow="3">
|
|
|
+ <vue-easy-print tableShow ref="easyPrint" :onePageRow="1">
|
|
|
<div class="content">
|
|
|
<div
|
|
|
v-for="(item, index) in list"
|
|
|
:key="index"
|
|
|
- :class="(index + 1) % 9 === 0 ? ['box', 'next-page'] : 'box'"
|
|
|
+ class="box"
|
|
|
>
|
|
|
<template v-for="(o, i) in modelList">
|
|
|
<div v-if="item[o.value]" class="item" :style="`width: ${o.width};`">
|
|
|
@@ -24,7 +24,7 @@
|
|
|
</template>
|
|
|
<vue-barcode
|
|
|
:value="item.bianHao"
|
|
|
- :width="2.5"
|
|
|
+ :width="3"
|
|
|
:height="40"
|
|
|
:fontSize="0"
|
|
|
:margin="0"
|
|
|
@@ -47,7 +47,7 @@
|
|
|
},
|
|
|
width: {
|
|
|
type: String,
|
|
|
- default: '1020px'
|
|
|
+ default: '500px'
|
|
|
},
|
|
|
title: {
|
|
|
type: String,
|
|
|
@@ -124,23 +124,24 @@
|
|
|
</script>
|
|
|
<style lang="scss">
|
|
|
.print-dialog {
|
|
|
- width: 1020px;
|
|
|
- min-width: 1020px;
|
|
|
- height: 528px;
|
|
|
+ width: 500px;
|
|
|
+ min-width: 500px;
|
|
|
+ height: 680px;
|
|
|
}
|
|
|
.content {
|
|
|
- display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
+ // display: flex;
|
|
|
+ // flex-wrap: wrap;
|
|
|
+ // justify-content: center;
|
|
|
padding: 10px;
|
|
|
min-height: 380px;
|
|
|
overflow: auto;
|
|
|
.box {
|
|
|
position: relative;
|
|
|
width: 300px;
|
|
|
- height: 180px;
|
|
|
- font-size: 12px;
|
|
|
- padding: 4px;
|
|
|
- margin: 0 10px 10px;
|
|
|
+ height: 240px;
|
|
|
+ font-size: 14px;
|
|
|
+ padding: 10px;
|
|
|
+ margin: 0 auto 20px;
|
|
|
border: 1px solid #000;
|
|
|
border-radius: 4px;
|
|
|
.item {
|
|
|
@@ -158,6 +159,9 @@
|
|
|
left: 0;
|
|
|
right: 0;
|
|
|
}
|
|
|
+ &:last-child {
|
|
|
+ margin-bottom: 0;
|
|
|
+ }
|
|
|
}
|
|
|
.next-page {
|
|
|
page-break-after: always;
|
cfort