From 7229b23fcdbe4ddf304719102a820bc69487916a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A0=82=E7=B3=96?= <2178503051@qq.com>
Date: Tue, 21 Apr 2026 16:17:36 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E6=A0=87=E7=AD=BE=E6=B8=B2=E6=9F=93):=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E8=AE=A2=E8=B4=A7=E5=8D=95=E4=BD=8D=E5=8F=AF?=
 =?UTF-8?q?=E7=BC=96=E8=BE=91=E5=8A=9F=E8=83=BD=E5=B9=B6=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E6=A0=87=E7=AD=BE=E6=95=B0=E6=8D=AE=E5=8A=A0=E8=BD=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

为标签渲染组件中的订货单位字段添加contenteditable属性，允许用户直接编辑
重构标签数据加载逻辑，当传入coilId时自动查询并填充合同号和订货单位
添加加载状态指示器，提升用户体验
---
 .../wms/coil/panels/LabelRender/DuGeTag.vue   |  2 +-
 .../coil/panels/LabelRender/GalvanizedTag.vue |  2 +-
 .../panels/LabelRender/OuterTagPreview.vue    |  2 +-
 .../wms/coil/panels/LabelRender/index.vue     | 40 ++++++++++++++-----
 4 files changed, 32 insertions(+), 14 deletions(-)

diff --git a/klp-ui/src/views/wms/coil/panels/LabelRender/DuGeTag.vue b/klp-ui/src/views/wms/coil/panels/LabelRender/DuGeTag.vue
index 771c75a2..9bf96852 100644
--- a/klp-ui/src/views/wms/coil/panels/LabelRender/DuGeTag.vue
+++ b/klp-ui/src/views/wms/coil/panels/LabelRender/DuGeTag.vue
@@ -19,7 +19,7 @@
         <!-- 第一行：订货单位 + 合同号 -->
         <div class="info-grid-item label-cell">订货单位</div>
         <div class="info-grid-item value-cell">
-          <div class="nob">{{ content.orderUnit || '' }}</div>
+          <div class="nob" contenteditable>{{ content.orderUnit || '' }}</div>
           <!-- <input type="text"  :value="content.orderUnit || ''" /> -->
         </div>
         <div class="info-grid-item label-cell">合同号</div>
diff --git a/klp-ui/src/views/wms/coil/panels/LabelRender/GalvanizedTag.vue b/klp-ui/src/views/wms/coil/panels/LabelRender/GalvanizedTag.vue
index c2f00fc3..c9023b72 100644
--- a/klp-ui/src/views/wms/coil/panels/LabelRender/GalvanizedTag.vue
+++ b/klp-ui/src/views/wms/coil/panels/LabelRender/GalvanizedTag.vue
@@ -20,7 +20,7 @@
         <div class="info-grid-item label-cell">订货单位</div>
         <div class="info-grid-item value-cell">
           <!-- <input type="text" class="nob" :value="content.orderUnit || ''" /> -->
-          <div class="nob">{{ content.orderUnit || '' }}</div>
+          <div class="nob" contenteditable>{{ content.orderUnit || '' }}</div>
         </div>
         <div class="info-grid-item label-cell">合同号</div>
         <div class="info-grid-item value-cell">
diff --git a/klp-ui/src/views/wms/coil/panels/LabelRender/OuterTagPreview.vue b/klp-ui/src/views/wms/coil/panels/LabelRender/OuterTagPreview.vue
index ef8ef4de..844ddec9 100644
--- a/klp-ui/src/views/wms/coil/panels/LabelRender/OuterTagPreview.vue
+++ b/klp-ui/src/views/wms/coil/panels/LabelRender/OuterTagPreview.vue
@@ -19,7 +19,7 @@
         <!-- 第一行：订货单位 + 合同号 -->
         <div class="info-grid-item label-cell">订货单位</div>
         <div class="info-grid-item value-cell">
-          <div class="nob">{{ content.orderUnit || '' }}</div>
+          <div class="nob" contenteditable>{{ content.orderUnit || '' }}</div>
           <!-- <input type="text" class="nob" :value="content.orderUnit || ''" /> -->
         </div>
         <div class="info-grid-item label-cell">合同号</div>
diff --git a/klp-ui/src/views/wms/coil/panels/LabelRender/index.vue b/klp-ui/src/views/wms/coil/panels/LabelRender/index.vue
index ea78c48f..9fa79e5e 100644
--- a/klp-ui/src/views/wms/coil/panels/LabelRender/index.vue
+++ b/klp-ui/src/views/wms/coil/panels/LabelRender/index.vue
@@ -1,52 +1,52 @@
 <template>
-  <div class="label-render-container">
+  <div class="label-render-container" v-loading="loading">
     <!-- 标签预览容器 -->
     <div class="preview-container" :id="hideActions ? undefined : 'label-preview-container'" ref="labelRef">
       <MaterialTag
         v-if="tagType === '2'"
-        :content="content"
+        :content="innerContent"
         :paperWidthMm="100"
         :paperHeightMm="80"
       />
       <OuterTagPreview
         v-if="tagType === '3'"
-        :content="content"
+        :content="innerContent"
         :paperWidthMm="180"
         :paperHeightMm="100"
       />
       <GalvanizedTag
         v-if="tagType === '4'"
-        :content="content"
+        :content="innerContent"
         :paperWidthMm="180"
         :paperHeightMm="100"
       />
       <WhereTag
         v-if="tagType === 'where'"
-        :content="content"
+        :content="innerContent"
         :paperWidthMm="100"
         :paperHeightMm="80"
       />
       <ZincRawTag
         v-if="tagType === '5'"
-        :content="content"
+        :content="innerContent"
         :paperWidthMm="100"
         :paperHeightMm="80"
       />
       <DuGeTag
         v-if="tagType === 'ge'"
-        :content="content"
+        :content="innerContent"
         :paperWidthMm="180"
         :paperHeightMm="100"
       />
       <TuoZhiTag
         v-if="tagType === '6'"
-        :content="content"
+        :content="innerContent"
         :paperWidthMm="180"
         :paperHeightMm="100"
       />
       <SplitTag
         v-if="tagType === 'split'"
-        :content="content"
+        :content="innerContent"
         :paperWidthMm="100"
         :paperHeightMm="80"
       />
@@ -63,6 +63,7 @@ import domToImage from 'dom-to-image';
 import html2canvas from 'html2canvas'; // 高清渲染
 import { Message } from 'element-ui';
 import { PDFDocument } from 'pdf-lib';
+import { getMaterialCoil } from '@/api/wms/coil';
 
 import MaterialTag from './MaterialTag.vue';
 import OuterTagPreview from './OuterTagPreview.vue';
@@ -88,6 +89,7 @@ export default {
   data() {
     return {
       labelType: '2',
+      innerContent: {},
       tagSizeMap: {
         '2': {
           width: 100,
@@ -121,7 +123,8 @@ export default {
           width: 100,
           height: 80,
         },
-      }
+      },
+      loading: false,
     }
   },
   computed: {
@@ -149,7 +152,22 @@ export default {
   watch: {
     content: {
       handler(newVal) {
-        const { itemName, itemType, warehouseId } = newVal;
+        const { itemName, itemType, warehouseId, coilId } = newVal;
+        // 额外查询出合同号和订货单位
+        if (!coilId) {
+          return;
+        }
+        this.loading = true;
+        getMaterialCoil(coilId).then(res => {
+          this.loading = false;
+          this.innerContent = {
+            ...res.data,
+            // 保留前10个字符的订货单位
+            orderUnit: res.data.orderList?.[0]?.customer?.substring(0, 12) || '',
+            contractNumber: res.data.orderList?.[0]?.contractCode || '',
+          } || {};
+        })
+
         // 在镀锌原料库或者在镀锌分条原料库的卷使用镀锌原料标签
         if (itemType == 'raw_material' && (warehouseId == '1988150263284953089' || warehouseId == '1988150487185289217')) {
           this.labelType = '5';