1
heshaofeng
2026-03-12 070b9f3ea747fc763f999e4cc6b86b202f48a237
ÏîÄ¿´úÂë/WIDESEA_WMSClient/src/extension/outbound/extend/printView.vue
@@ -6,7 +6,8 @@
                <div class="print-page" v-for="(item, index) in printData" :key="index">
                    <div class="material-card">
                        <div class="dual-column header-section">
                            <div class="header">卓力能物料标识卡(小包)</div>
                            <!-- åŠ¨æ€ç»‘å®šæ‰“å°åŒºåŸŸæ ‡é¢˜ -->
                            <div class="header">{{ getHeaderTitle(item.factoryArea) }}</div>
                            <VueQrcode :value="generateQr(item)" :size="60" class="qrcode" />
                        </div>
                        <div class="content">
@@ -70,13 +71,14 @@
                </div>
            </div>
            <!-- é¢„览区域保持不变 -->
            <div id="previewContent" class="preview-container">
                <div class="preview-header">卓力能物料标识卡(小包) - é¢„览 (共{{ printData.length }}个)</div>
                <!-- åŠ¨æ€ç»‘å®šé¢„è§ˆåŒºåŸŸæ€»æ ‡é¢˜ -->
                <div class="preview-header">{{ printData.length > 0 ? getHeaderTitle(printData[0].factoryArea) : '物料标识卡' }} - é¢„览 (共{{ printData.length }}个)</div>
                <div class="preview-scroll">
                    <div v-for="(item, idx) in printData" :key="idx" class="preview-card">
                        <div class="dual-column preview-card-header-qrcode">
                            <div class="preview-card-header">卓力能物料标识卡(小包)</div>
                            <!-- åŠ¨æ€ç»‘å®šé¢„è§ˆå¡ç‰‡æ ‡é¢˜ -->
                            <div class="preview-card-header">{{ getHeaderTitle(item.factoryArea) }}</div>
                            <VueQrcode :value="generateQr(item)" :size="40" class="qrcode-preview" />
                        </div>
                        <div class="preview-wrapper">
@@ -147,7 +149,6 @@
                    <span class="print-count">共 {{ printData.length }} ä¸ªç‰©æ–™å¡å¾…打印</span>
                    <div>
                        <el-button type="primary" size="small" @click="print">打印全部</el-button>
                        <el-button type="danger" size="small" @click="showDetialBox = false">关闭</el-button>
                    </div>
                </div>
            </template>
@@ -168,6 +169,13 @@
        }
    },
    methods: {
        getHeaderTitle(factoryArea) {
            if (!factoryArea) return '物料标识卡(小包)'
            return factoryArea === '04'
                ? '格雾物料标识卡(小包)'
                : '卓力能物料标识卡(小包)'
        },
        generateQr(item) {
            return `${item.barcode}`
        },
@@ -193,7 +201,6 @@
                        this.$message.error('无法打开打印窗口,请检查浏览器弹窗设置')
                        return
                    }
  
                    printWindow.document.write(`
            <!DOCTYPE html>
@@ -539,4 +546,4 @@
    color: #409eff;
    font-weight: bold;
}
</style>
</style>