| | |
|---|
| | | <script setup> |
|---|
| | | import { ref } from 'vue'; |
|---|
| | | import { formatMessage } from '@/utils/localeUtils'; |
|---|
| | | import Template1 from './template/template1.vue'; |
|---|
| | | import Template2 from './template/template2.vue'; |
|---|
| | | import Template3 from './template/template3.vue'; |
|---|
| | | |
|---|
| | | const template = { |
|---|
| | | Template1, |
|---|
| | | Template2, |
|---|
| | | Template3, |
|---|
| | | } |
|---|
| | | const selectTemplate = ref('Template1'); |
|---|
| | | const printChild = ref(null); |
|---|
| | | |
|---|
| | | let open = ref(false); |
|---|
| | | let printData = ref([]); |
|---|
| | | let repeatNum = ref(1); |
|---|
| | | |
|---|
| | | const handleOk = () => { |
|---|
| | | |
|---|
| | | } |
|---|
| | | |
|---|
| | | const printObj = ref({ |
|---|
| | | id: "printMe", |
|---|
| | | beforeOpenCallback(vue) { |
|---|
| | | console.log('打开之前') |
|---|
| | | }, |
|---|
| | | openCallback(vue) { |
|---|
| | | console.log('执行了打印') |
|---|
| | | }, |
|---|
| | | closeCallback(vue) { |
|---|
| | | console.log('关闭了打印工具') |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | |
|---|
| | | defineExpose({ |
|---|
| | | open, |
|---|
| | | printData, |
|---|
| | | }) |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <template> |
|---|
| | | <a-modal v-model:open="open" :title="formatMessage('db.man_zpallet_barcode.batchPrint', '批量打印')" @ok="handleOk"> |
|---|
| | | <div style="height: 500px;overflow-x: hidden;overflow-y: scroll;"> |
|---|
| | | <div style="display: flex;justify-content: center;"> |
|---|
| | | <a-radio-group v-model:value="selectTemplate" button-style="solid"> |
|---|
| | | <a-radio-button value="Template1"> |
|---|
| | | {{ formatMessage('common.template', '模板') }} 1 |
|---|
| | | </a-radio-button> |
|---|
| | | <a-radio-button value="Template2"> |
|---|
| | | {{ formatMessage('common.template', '模板') }} 2 |
|---|
| | | </a-radio-button> |
|---|
| | | <a-radio-button value="Template3"> |
|---|
| | | {{ formatMessage('common.template', '模板') }} 3 |
|---|
| | | </a-radio-button> |
|---|
| | | </a-radio-group> |
|---|
| | | </div> |
|---|
| | | <div style="display: flex;justify-content: center;margin-top: 20px;"> |
|---|
| | | <div style="width: 140px;text-align: center;"> |
|---|
| | | {{ formatMessage('common.repeatNum', '重复数量') }}<a-input-number :min="1" v-model:value="repeatNum" :placeholder="formatMessage('common.repeatNum', '重复数量')" /> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div style="margin-top: 20px;"> |
|---|
| | | <component :is="template[selectTemplate]" ref="printChild" :list="printData" :repeatNum="repeatNum" /> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <template #footer> |
|---|
| | | <a-button key="submit" type="primary" v-print="printObj" @click="handleOk"> |
|---|
| | | {{ formatMessage('common.print', '打印') }} |
|---|
| | | </a-button> |
|---|
| | | </template> |
|---|
| | | </a-modal> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script setup>
|
|---|
| | | import { ref } from 'vue';
|
|---|
| | | import { formatMessage } from '@/utils/localeUtils';
|
|---|
| | | import Template1 from './template/template1.vue';
|
|---|
| | | import Template2 from './template/template2.vue';
|
|---|
| | | import Template3 from './template/template3.vue';
|
|---|
| | |
|
|---|
| | | const template = {
|
|---|
| | | Template1,
|
|---|
| | | Template2,
|
|---|
| | | Template3,
|
|---|
| | | }
|
|---|
| | | const selectTemplate = ref('Template1');
|
|---|
| | | const printChild = ref(null);
|
|---|
| | |
|
|---|
| | | let open = ref(false);
|
|---|
| | | let printData = ref([]);
|
|---|
| | | let repeatNum = ref(1);
|
|---|
| | |
|
|---|
| | | const handleOk = () => {
|
|---|
| | |
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | const printObj = ref({
|
|---|
| | | id: "printMe",
|
|---|
| | | beforeOpenCallback(vue) {
|
|---|
| | | console.log('打开之前')
|
|---|
| | | },
|
|---|
| | | openCallback(vue) {
|
|---|
| | | console.log('执行了打印')
|
|---|
| | | },
|
|---|
| | | closeCallback(vue) {
|
|---|
| | | console.log('关闭了打印工具')
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | defineExpose({
|
|---|
| | | open,
|
|---|
| | | printData,
|
|---|
| | | })
|
|---|
| | | </script>
|
|---|
| | |
|
|---|
| | | <template>
|
|---|
| | | <a-modal v-model:open="open" :title="formatMessage('db.man_zpallet_barcode.batchPrint', '批量打印')" @ok="handleOk">
|
|---|
| | | <div style="height: 500px;overflow-x: hidden;overflow-y: scroll;">
|
|---|
| | | <div style="display: flex;justify-content: center;">
|
|---|
| | | <a-radio-group v-model:value="selectTemplate" button-style="solid">
|
|---|
| | | <a-radio-button value="Template1">
|
|---|
| | | {{ formatMessage('common.template', '模板') }} 1
|
|---|
| | | </a-radio-button>
|
|---|
| | | <a-radio-button value="Template2">
|
|---|
| | | {{ formatMessage('common.template', '模板') }} 2
|
|---|
| | | </a-radio-button>
|
|---|
| | | <a-radio-button value="Template3">
|
|---|
| | | {{ formatMessage('common.template', '模板') }} 3
|
|---|
| | | </a-radio-button>
|
|---|
| | | </a-radio-group>
|
|---|
| | | </div>
|
|---|
| | | <div style="display: flex;justify-content: center;margin-top: 20px;">
|
|---|
| | | <div style="width: 140px;text-align: center;">
|
|---|
| | | {{ formatMessage('common.repeatNum', '重复数量') }}<a-input-number :min="1" v-model:value="repeatNum" :placeholder="formatMessage('common.repeatNum', '重复数量')" />
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div style="margin-top: 20px;">
|
|---|
| | | <component :is="template[selectTemplate]" ref="printChild" :list="printData" :repeatNum="repeatNum" />
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <template #footer>
|
|---|
| | | <a-button key="submit" type="primary" v-print="printObj" @click="handleOk">
|
|---|
| | | {{ formatMessage('common.print', '打印') }}
|
|---|
| | | </a-button>
|
|---|
| | | </template>
|
|---|
| | | </a-modal>
|
|---|
| | | </template>
|
|---|
| | |
|
|---|
| | | <style></style> |
|---|
