新建德森项目分支

skyouc

2024-12-21 c635d78b479510ebe2556a420948effcd30a0731

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<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"> 
        <div v-for="(item, index) in list" :key="index"> 
            <div v-for="count in repeatNum" style="font-size: 16px;margin-top: 20px;"> 
                <div> 
                    <table class="contain" width="300" 
                        style="overflow: hidden;font-size: xx-small;table-layout: fixed;"> 
                        <tr style="height: 74px"> 
                            <td colspan="3" align="center" scope="col">物料号</td> 
                            <td class="barcode" colspan="9" align="center" scope="col"> 
                                <img :src="globalState.url + '/api/code/auth?type=1&param=' + item.matnr" width="90%;" /> 
                                <div style="letter-spacing: 2px;margin-top: 1px; text-align: center;"> 
                                    <span>{{ item.matnr }}</span> 
                                </div> 
                            </td> 
                        </tr> 
                        <tr style="height: 74px"> 
                            <td align="center" colspan="3">商品</td> 
                            <td align="center" colspan="5">{{ item.maktx }}</td> 
                            <td align="center" colspan="2">规格</td> 
                            <td align="center" colspan="2">{{ item.specs }}</td> 
                        </tr> 
                    </table> 
                </div> 
            </div> 
        </div> 
    </div> 
</template> 
 
<style> 
@media print { 
    body { 
        margin: 0; 
        padding: 0; 
    } 
 
    .print-area { 
        margin: 0; 
        padding: 0; 
        height: auto; 
    } 
 
 
} 
 
.contain td { 
    border: 1px solid #000; 
} 
</style>