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">
@@ -18,6 +19,10 @@
                                <div class="column">
                                    <span class="label">供应商编码</span>
                                    <span class="value full-width">{{ item.suplierCode }}</span>
                                </div>
                                <div class="column">
                                    <span class="label">数量/总数</span>
                                    <span class="value full-width">{{ item.quantity }}</span>
                                </div>
                            </div>

@@ -37,10 +42,7 @@
                                    <span class="label">规格</span>
                                    <span class="value full-width">{{ item.materialSpec }}</span>
                                </div>
                                <div class="column">
                                    <span class="label">数量/总数</span>
                                    <span class="value full-width">{{ item.quantity }}</span>
                                </div>
                                
                            </div>

                            <div class="row dual-column">
@@ -69,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">
@@ -88,6 +91,10 @@
                                    <div class="column-preview">
                                        <span class="label-preview">供应商编码</span>
                                        <span class="value-preview full-width">{{ item.suplierCode }}</span>
                                    </div>
                                    <div class="column-preview">
                                        <span class="label-preview">数量/总数</span>
                                        <span class="value-preview full-width">{{ item.quantity }}</span>
                                    </div>
                                </div>

@@ -107,10 +114,7 @@
                                        <span class="label-preview">规格</span>
                                        <span class="value-preview full-width">{{ item.materialSpec }}</span>
                                    </div>
                                    <div class="column-preview">
                                        <span class="label-preview">数量/总数</span>
                                        <span class="value-preview full-width">{{ item.quantityTotal }}</span>
                                    </div>
                                    
                                </div>

                                <div class="row-preview dual-column">
@@ -145,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>
@@ -166,6 +169,13 @@
        }
    },
    methods: {
        getHeaderTitle(factoryArea) {
            if (!factoryArea) return '物料标识卡(小包)'
            return factoryArea === '04' 
                ? '格雾物料标识卡(小包)' 
                : '卓力能物料标识卡(小包)'
        },
        
        generateQr(item) {
            return `${item.barcode}`
        },
@@ -191,7 +201,6 @@
                        this.$message.error('无法打开打印窗口，请检查浏览器弹窗设置')
                        return
                    }

  
                    printWindow.document.write(`
            <!DOCTYPE html>
@@ -299,14 +308,13 @@
                  }
                  
                  .content {
                    height: calc(100% - 10mm) !important;
                    position: relative !important;
                  }
                  
                  .row {
                    display: flex !important;
                    margin-bottom: 1.2mm !important;
                    min-height: 6.5mm !important;
                    min-height: 5.5mm !important;
                    align-items: stretch !important;
                  }
                  
@@ -319,15 +327,11 @@
                    flex: 1 !important;
                    display: flex !important;
                    align-items: center !important;
                    min-height: 5mm !important;
                    min-height: 4mm !important;
                  }
                  
                  .column:first-child {
                    margin-right: 2.5mm !important;
                  }
                  
                  .label {
                    flex: 0 0 8mm !important;
                    white-space: nowrap !important;
                    font-size: 2.5mm !important;
                    line-height: 1.3 !important;
@@ -542,4 +546,4 @@
    color: #409eff;
    font-weight: bold;
}
</style>
</style>