<script setup>
|
import { toRefs, ref, defineProps } from 'vue';
|
import { globalState } from '@/config.js'
|
import { formatMessage } from '@/utils/localeUtils';
|
|
const props = defineProps({
|
list: {
|
type: Array,
|
default: []
|
},
|
repeatNum: {
|
type: Number,
|
default: 1
|
}
|
});
|
const { list, repeatNum } = toRefs(props)
|
</script>
|
|
<template>
|
<div id="printMe" style="width: 700px;">
|
<div v-for="(item, index) in list" :key="index">
|
<div v-for="count in repeatNum" style="font-size: 16px;margin-top: 40px;height: 300px;">
|
<div style="text-align: center; ">
|
<img :src="globalState.url + '/api/code/auth?type=1¶m=' + item.barcode" style="width: 600px; height: 180px;" />
|
</div>
|
<div style="text-align: center; font-size: 55px; font-weight: 600;">
|
{{ item.barcode }}
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<style>
|
|
.ant-modal-content {
|
width: 700px;
|
}
|
|
@media print {
|
body {
|
margin: 0;
|
padding: 0;
|
}
|
|
.print-area {
|
margin: 0;
|
padding: 0;
|
height: auto;
|
}
|
}
|
</style>
|
