zy-asrs-admin/src/components/print/orderPrint/template/template1.vue
@@ -1,13 +1,13 @@
<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: []
@@ -17,45 +17,59 @@
        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&param=' + 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&param=' + 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>