| | |
| | | <script setup> |
| | | import {toRefs, ref, defineProps, watch} from 'vue'; |
| | | import { toRefs, ref, defineProps, watch } from 'vue'; |
| | | import { globalState } from '@/config.js' |
| | | import { formatMessage } from '@/utils/localeUtils'; |
| | | |
| | | const props = defineProps({ |
| | | orderNo: { |
| | | type: String, |
| | | default: '' |
| | | }, |
| | | orderNo: { |
| | | type: String, |
| | | default: '' |
| | | }, |
| | | list: { |
| | | type: Array, |
| | | default: [] |
| | |
| | | default: 1 |
| | | } |
| | | }); |
| | | const { orderNo,list, repeatNum } = toRefs(props) |
| | | const { orderNo, list, repeatNum } = toRefs(props) |
| | | |
| | | </script> |
| | | |
| | | <template> |
| | | <div id="printOrder"> |
| | | <div> |
| | | <table class="contain" width="1200" |
| | | style="overflow: hidden;font-size: xx-small;table-layout: fixed;"> |
| | | <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="9" 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> |
| | | </div> |
| | | </td> |
| | | </tr> |
| | | <tr style="height: 40px"> |
| | | <td align="center" colspan="1">序号</td> |
| | | <td align="center" colspan="2">商品编号</td> |
| | | <td align="center" colspan="3">商品名称</td> |
| | | <td align="center" colspan="2">批次</td> |
| | | <td align="center" colspan="2">规格</td> |
| | | <td align="center" colspan="1">数量 </td> |
| | | </tr> |
| | | <template v-for="(item, index) in list" :key="index"> |
| | | <tr style="height: 40px"> |
| | | <td align="center" colspan="1">{{index + 1}}</td> |
| | | <td align="center" colspan="2">{{ item.matnr }}</td> |
| | | <td align="center" colspan="3">{{ item.maktx }}</td> |
| | | <td align="center" colspan="2">{{ item.batch }}</td> |
| | | <td align="center" colspan="2">{{ item.specs }}</td> |
| | | <td align="center" colspan="1">{{ item.anfme }}</td> |
| | | </tr> |
| | | </template> |
| | | </table> |
| | | </div> |
| | | <div> |
| | | <table class="contain" width="1200" 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="3">快递单号</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> |
| | | </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" > |
| | | <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> |
| | | </div> |
| | | </td> |
| | | </tr> |
| | | <tr style="height: 40px"> |
| | | <td align="center" colspan="1">序号</td> |
| | | <td align="center" colspan="2">商品编号</td> |
| | | <td align="center" colspan="3">商品名称</td> |
| | | <td align="center" colspan="2">批次</td> |
| | | <td align="center" colspan="2">规格</td> |
| | | <td align="center" colspan="1">数量 </td> |
| | | </tr> |
| | | <template v-for="(item, index) in list" :key="index"> |
| | | <tr style="height: 40px"> |
| | | <td align="center" colspan="1">{{ index + 1 }}</td> |
| | | <td align="center" colspan="2">{{ item.matnr }}</td> |
| | | <td align="center" colspan="3">{{ item.maktx }}</td> |
| | | <td align="center" colspan="2">{{ item.batch }}</td> |
| | | <td align="center" colspan="2">{{ item.specs }}</td> |
| | | <td align="center" colspan="1">{{ item.anfme }}</td> |
| | | </tr> |
| | | </template> |
| | | </table> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |