From f2c7e20eb6e481630a40e1d85eeb8a22db9217a3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A0=82=E7=B3=96?= <qq2178503051@163.com>
Date: Mon, 16 Mar 2026 09:05:12 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E6=A0=87=E7=AD=BE=E6=89=93=E5=8D=B0):=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E9=92=A2=E5=8D=B7=E6=A0=87=E7=AD=BE=E6=89=93?=
 =?UTF-8?q?=E5=8D=B0=E5=8A=9F=E8=83=BD=E5=B9=B6=E8=B0=83=E6=95=B4=E6=A0=87?=
 =?UTF-8?q?=E7=AD=BE=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在入库页面添加打印按钮及处理逻辑
- 修改标签样式，使用黑体并设置黑色字体
- 添加隐藏的label-render组件用于打印
---
 klp-ui/src/views/wms/coil/do/warehousing.vue  | 29 ++++++++++++++++++-
 .../coil/panels/LabelRender/MaterialTag.vue   |  3 +-
 2 files changed, 30 insertions(+), 2 deletions(-)

diff --git a/klp-ui/src/views/wms/coil/do/warehousing.vue b/klp-ui/src/views/wms/coil/do/warehousing.vue
index a83590b4..0926a7a4 100644
--- a/klp-ui/src/views/wms/coil/do/warehousing.vue
+++ b/klp-ui/src/views/wms/coil/do/warehousing.vue
@@ -198,6 +198,9 @@
             <el-table-column label="操作">
               <template slot-scope="scope">
                 <el-button size="mini" type="text" icon="el-icon-view" @click="handlePreviewLabel(scope.row)">
+                  预览
+                </el-button>
+                <el-button size="mini" type="text" icon="el-icon-printer" @click="handlePrintLabel(scope.row)">
                   打印
                 </el-button>
                 <el-button v-if="scope.row.actionStatus == 0 || scope.row.actionStatus == 1" size="mini" type="text"
@@ -249,6 +252,8 @@
       <label-render :content="labelRender.data" :labelType="labelRender.type" v-loading="labelRender.loading" />
     </el-dialog>
 
+    <label-render ref="labelRender" v-show="false" :content="labelRender.data" :labelType="labelRender.type" v-loading="labelRender.loading" />
+
     <el-dialog v-loading="editCoil.loading" title="入库钢卷信息编辑" :visible.sync="editCoil.dialogVisible" width="30%">
       <el-form ref="form" :model="editCoil.form" :rules="rules" label-width="100px">
         <el-form-item label="入场钢卷号" prop="enterCoilNo">
@@ -730,7 +735,29 @@ export default {
           updateTime: row.updateTime?.split(' ')[0] || '',
         };
       })
-
+    },
+    handlePrintLabel({ coilId, currentCoilNo, enterCoilNo, itemType }) {
+      listMaterialCoil({ coilId, currentCoilNo, enterCoilNo, itemType }).then(res => {
+        if (res.rows.length === 0) {
+          this.$modal.msgError("钢卷不存在");
+          this.labelRender.visible = false;
+          return
+        }
+        const row = res.rows[0]
+        // this.labelRender.loading = false;
+        const item = row.itemType === 'product' ? row.product : row.rawMaterial;
+        const itemName = row.itemType === 'product' ? item?.productName || '' : item?.rawMaterialName || '';
+        this.labelRender.type = row.itemType === 'product' ? '3' : '2'
+        this.labelRender.data = {
+          ...row,
+          itemName: itemName,
+          updateTime: row.updateTime?.split(' ')[0] || '',
+        };
+        this.$nextTick(() => {
+          this.$refs.labelRender.printLabel()
+        })
+        // this.$message.success("打印成功");
+      })
     },
     handleDelete(row) {
       console.log(row.coilId)
diff --git a/klp-ui/src/views/wms/coil/panels/LabelRender/MaterialTag.vue b/klp-ui/src/views/wms/coil/panels/LabelRender/MaterialTag.vue
index 4e63e648..cbc2afd9 100644
--- a/klp-ui/src/views/wms/coil/panels/LabelRender/MaterialTag.vue
+++ b/klp-ui/src/views/wms/coil/panels/LabelRender/MaterialTag.vue
@@ -321,7 +321,8 @@ export default {
 .value-cell {
   text-align: center;
   font-weight: bold;
-  /* font-family: 'Courier New', Courier, monospace; */
+  color: #000;
+  font-family: '黑体', serif;
 }
 
 .nob {