| | |
| | | repeatNum: { |
| | | type: Number, |
| | | default: 1 |
| | | }, |
| | | data: { |
| | | type: Object, |
| | | default: {} |
| | | } |
| | | }); |
| | | const { orderNo, list, repeatNum } = toRefs(props) |
| | | |
| | | const { orderNo, list, repeatNum, data } = toRefs(props) |
| | | </script> |
| | | |
| | | <template> |
| | | <div id="printOrder"> |
| | | <div> |
| | | <table class="contain" width="1200" style="overflow: hidden;font-size: xx-small;table-layout: fixed;"> |
| | | |
| | | <table class="contain" width="980" style="overflow: hidden;font-size: xx-small;table-layout: fixed;"> |
| | | <tr style="height: 40px"> |
| | | <td align="center" colspan="2">客户名称</td> |
| | | <td align="center" colspan="2">联系电话</td> |
| | |
| | | <td align="center" colspan="4">收货地址</td> |
| | | </tr> |
| | | <template v-for="(item, index) in list" :key="index"> |
| | | <tr style="height: 40px"> |
| | | <td align="center" colspan="2">{{ item.customer }}</td> |
| | | <td align="center" colspan="2">{{ item.phone }}</td> |
| | | <td align="center" colspan="3">{{ item.logistics }}</td> |
| | | <td align="center" colspan="4">{{ item.address }}</td> |
| | | <tr style="height: 40px" v-if="index == 0"> |
| | | <td align="center" colspan="2">{{ data.customer }}</td> |
| | | <td align="center" colspan="2">{{ data.phone }}</td> |
| | | <td align="center" colspan="3">{{ data.logistics }}</td> |
| | | <td align="center" colspan="4">{{ data.address }}</td> |
| | | </tr> |
| | | </template> |
| | | <tr style="height: 100px"> |
| | | <td colspan="1" align="center" scope="col">订单号</td> |
| | | <td colspan="2" align="center" scope="col">{{ orderNo }}</td> |
| | | <td class="barcode" colspan="8" align="center" scope="col" > |
| | | <td class="barcode" colspan="8" align="center" scope="col"> |
| | | <img :src="globalState.url + '/api/code/auth?type=1¶m=' + orderNo" width="70%;" /> |
| | | <div style="letter-spacing: 2px;margin-top: 1px; text-align: center;"> |
| | | <span>{{ orderNo }} </span> |