From 7874e546c45a503095dbe9ddce5d1e0cea0973af Mon Sep 17 00:00:00 2001
From: Joshi <3040996759@qq.com>
Date: Wed, 28 Jan 2026 14:48:13 +0800
Subject: [PATCH 1/7] =?UTF-8?q?feat(WmsMaterialCoil):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E9=92=A2=E5=8D=B7=E5=88=97=E8=A1=A8=E6=8E=92=E5=BA=8F=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增 orderBy 字段用于接收前端排序参数
- 实现按实际库位绑定状态排序逻辑
- 支持已绑定库位的钢卷优先展示
- 保持原有创建时间倒序作为默认排序方式
- 添加实际库位ID升序排列支持
---
 .../java/com/klp/domain/bo/WmsMaterialCoilBo.java  |  4 ++++
 .../service/impl/WmsMaterialCoilServiceImpl.java   | 14 ++++++++++++--
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/klp-wms/src/main/java/com/klp/domain/bo/WmsMaterialCoilBo.java b/klp-wms/src/main/java/com/klp/domain/bo/WmsMaterialCoilBo.java
index a1e43560..496923a9 100644
--- a/klp-wms/src/main/java/com/klp/domain/bo/WmsMaterialCoilBo.java
+++ b/klp-wms/src/main/java/com/klp/domain/bo/WmsMaterialCoilBo.java
@@ -237,5 +237,9 @@ public class WmsMaterialCoilBo extends BaseEntity {
      * 独占状态（0=未独占，1=特殊分卷中）
      */
     private Integer exclusiveStatus;
+
+    // 接收前端传来是否排序的字段 OrderBy
+    @TableField(exist = false)
+    private String orderBy;
 }
 
diff --git a/klp-wms/src/main/java/com/klp/service/impl/WmsMaterialCoilServiceImpl.java b/klp-wms/src/main/java/com/klp/service/impl/WmsMaterialCoilServiceImpl.java
index 96725f70..b0ce3187 100644
--- a/klp-wms/src/main/java/com/klp/service/impl/WmsMaterialCoilServiceImpl.java
+++ b/klp-wms/src/main/java/com/klp/service/impl/WmsMaterialCoilServiceImpl.java
@@ -611,8 +611,18 @@ public class WmsMaterialCoilServiceImpl implements IWmsMaterialCoilService {
         if (bo.getMinAbnormalCount() != null) {
             qw.apply("COALESCE(ca.abnormal_count, 0) >= {0}", bo.getMinAbnormalCount());
         }
-        //根据创建时间倒叙
-        qw.orderByDesc("mc.create_time");
+        // 排序：
+        // - 当前端需要绑定信息（includeBindInfo=true）时：优先展示“已绑定实际库位”的钢卷（actual_warehouse_id 非空在前）
+        //   再按实际库位ID升序（库位ID为自增，升序即可满足“先生成的库位在前”）
+        // - 否则：保持原有创建时间倒序
+        if (Boolean.TRUE.equals(bo.getOrderBy())) {
+            // MySQL: false(0) < true(1)，因此 "IS NULL" 升序可实现非空在前、空值在后
+            qw.orderByAsc("mc.actual_warehouse_id IS NULL");
+            qw.orderByAsc("mc.actual_warehouse_id");
+        } else {
+            //根据创建时间倒叙
+            qw.orderByDesc("mc.create_time");
+        }
         return qw;
     }
 

From 747fde261659eb0d91ecdb6ca0d4ad04c3f9cf1c Mon Sep 17 00:00:00 2001
From: Joshi <3040996759@qq.com>
Date: Wed, 28 Jan 2026 14:48:49 +0800
Subject: [PATCH 2/7] =?UTF-8?q?fix(domain):=20=E4=BF=AE=E6=AD=A3WmsMateria?=
 =?UTF-8?q?lCoilBo=E4=B8=ADorderBy=E5=AD=97=E6=AE=B5=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E7=B1=BB=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将orderBy字段从String类型修改为Boolean类型
- 保持TableField注解配置不变
---
 klp-wms/src/main/java/com/klp/domain/bo/WmsMaterialCoilBo.java | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/klp-wms/src/main/java/com/klp/domain/bo/WmsMaterialCoilBo.java b/klp-wms/src/main/java/com/klp/domain/bo/WmsMaterialCoilBo.java
index 496923a9..ef26f94a 100644
--- a/klp-wms/src/main/java/com/klp/domain/bo/WmsMaterialCoilBo.java
+++ b/klp-wms/src/main/java/com/klp/domain/bo/WmsMaterialCoilBo.java
@@ -240,6 +240,6 @@ public class WmsMaterialCoilBo extends BaseEntity {
 
     // 接收前端传来是否排序的字段 OrderBy
     @TableField(exist = false)
-    private String orderBy;
+    private Boolean orderBy;
 }
 

From 1614358bbe0615b6bcd972369e9faf81f29b3c83 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A0=82=E7=B3=96?= <qq2178503051@163.com>
Date: Wed, 28 Jan 2026 15:16:37 +0800
Subject: [PATCH 3/7] =?UTF-8?q?feat(=E9=92=A2=E5=8D=B7=E9=80=89=E6=8B=A9?=
 =?UTF-8?q?=E5=99=A8):=20=E5=A2=9E=E5=8A=A0=E6=8C=89=E5=AE=9E=E9=99=85?=
 =?UTF-8?q?=E5=BA=93=E5=8C=BA=E7=AD=9B=E9=80=89=E9=92=A2=E5=8D=B7=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

在钢卷选择器中添加实际库区筛选功能，并调整对话框宽度以适应新增控件。修改了detailTable.vue中的调用参数以启用该功能。
---
 klp-ui/src/components/CoilSelector/index.vue      | 15 +++++++++++++--
 .../views/wms/delivery/components/detailTable.vue |  4 +++-
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/klp-ui/src/components/CoilSelector/index.vue b/klp-ui/src/components/CoilSelector/index.vue
index 5acd7105..34fb5399 100644
--- a/klp-ui/src/components/CoilSelector/index.vue
+++ b/klp-ui/src/components/CoilSelector/index.vue
@@ -39,6 +39,9 @@
           <muti-select v-model="queryParams.itemManufacturer" :options="dict.type.coil_manufacturer" placeholder="请选择厂家"
             clearable />
         </el-form-item>
+        <el-form-item label="实际库区" v-if="orderBy">
+          <actual-warehouse-select v-model="queryParams.actualWarehouseId" placeholder="请选择实际库区" canSelectLevel2 canSelectDisabled />
+        </el-form-item>
 
         <el-form-item>
           <el-button type="primary" icon="el-icon-search" size="small" @click="handleQuery">搜索</el-button>
@@ -86,12 +89,14 @@ import { listMaterialCoil } from '@/api/wms/coil';
 import MemoInput from '@/components/MemoInput/index.vue';
 import MutiSelect from '@/components/MutiSelect/index.vue';
 import { defaultColumns } from './data';
+import ActualWarehouseSelect from '@/components/KLPService/ActualWarehouseSelect/index.vue';
 
 export default {
   name: 'CoilSelector',
   components: {
     MemoInput,
-    MutiSelect
+    MutiSelect,
+    ActualWarehouseSelect
   },
   dicts: ['coil_itemname', 'coil_material', 'coil_manufacturer'],
   props: {
@@ -102,7 +107,7 @@ export default {
     },
     dialogWidth: {
       type: String,
-      default: '900px'
+      default: '1000px'
     },
     // 过滤条件（可以预设一些查询条件）
     filters: {
@@ -146,6 +151,11 @@ export default {
       type: Boolean,
       default: false
     },
+    // 是否根据实际库区查询钢卷
+    orderBy: {
+      type: Boolean,
+      default: false
+    },
   },
   data() {
     return {
@@ -161,6 +171,7 @@ export default {
         pageSize: 10,
         currentCoilNo: null,
         grade: null,
+        actualWarehouseId: null,
         selectType: 'product',
         status: 0, // 不包含已发货的钢卷
         dataType: 1 // 只查询当前数据，不查询历史数据
diff --git a/klp-ui/src/views/wms/delivery/components/detailTable.vue b/klp-ui/src/views/wms/delivery/components/detailTable.vue
index ae0bd304..14ba0d00 100644
--- a/klp-ui/src/views/wms/delivery/components/detailTable.vue
+++ b/klp-ui/src/views/wms/delivery/components/detailTable.vue
@@ -48,7 +48,9 @@
       <el-form ref="form" :model="form" label-width="80px">
         <el-form-item label="发货钢卷" prop="coilId">
           <div style="display: flex; gap: 10px;">
-            <coil-selector v-model="form.coilId" :use-trigger="true" :filters="{ selectType: 'product', status: 0, excludeBound: true }" @select="handleSelect" />
+            <coil-selector v-model="form.coilId" :use-trigger="true" 
+              :filters="{ selectType: 'product', status: 0, excludeBound: true, orderBy: true }" 
+              @select="handleSelect" :orderBy="true" />
             <el-checkbox v-model="autoFillForm" label="自动填写表单信息" />
           </div>
         </el-form-item>

From d15a629300fd9b32796c4863d5f82eb421d2284c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A0=82=E7=B3=96?= <qq2178503051@163.com>
Date: Wed, 28 Jan 2026 15:26:50 +0800
Subject: [PATCH 4/7] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8DMemoInput=E7=A9=BA?=
 =?UTF-8?q?=E5=80=BC=E5=A4=84=E7=90=86=E5=92=8CCoilSelector=E6=9F=A5?=
 =?UTF-8?q?=E8=AF=A2=E5=8F=82=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

修复MemoInput组件在空值情况下未触发input事件的问题，并更新CoilSelector组件的查询参数命名以保持一致性
---
 klp-ui/src/components/CoilSelector/index.vue | 11 ++++++++++-
 klp-ui/src/components/MemoInput/index.vue    |  2 ++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/klp-ui/src/components/CoilSelector/index.vue b/klp-ui/src/components/CoilSelector/index.vue
index 34fb5399..915dfd27 100644
--- a/klp-ui/src/components/CoilSelector/index.vue
+++ b/klp-ui/src/components/CoilSelector/index.vue
@@ -19,6 +19,12 @@
       @close="handleClose" append-to-body>
       <!-- 搜索区域 -->
       <el-form v-if="!rangeMode" :inline="true" :model="queryParams" class="search-form">
+        <!-- <el-form-item label="类型">
+          <el-select v-model="queryParams.selectType" placeholder="请选择类型" size="small">
+            <el-option label="成品" value="product" />
+            <el-option label="原料" value="raw_material" />
+          </el-select>
+        </el-form-item> -->
         <el-form-item label="卷号">
           <el-input v-model="queryParams.currentCoilNo" placeholder="请输入卷号" clearable size="small"
             @keyup.enter.native="handleQuery" />
@@ -28,7 +34,7 @@
             clearable />
         </el-form-item>
         <el-form-item label="规格">
-          <memo-input storageKey="coilSpec" v-model="queryParams.specification" placeholder="请输入规格" clearable
+          <memo-input storageKey="coilSpec" v-model="queryParams.itemSpecification" placeholder="请输入规格" clearable
             size="small" @keyup.enter.native="handleQuery" />
         </el-form-item>
         <el-form-item label="材质">
@@ -171,6 +177,9 @@ export default {
         pageSize: 10,
         currentCoilNo: null,
         grade: null,
+        itemSpecification: null,
+        itemMaterial: null,
+        itemManufacturer: null,
         actualWarehouseId: null,
         selectType: 'product',
         status: 0, // 不包含已发货的钢卷
diff --git a/klp-ui/src/components/MemoInput/index.vue b/klp-ui/src/components/MemoInput/index.vue
index f78bf183..7cd958b1 100644
--- a/klp-ui/src/components/MemoInput/index.vue
+++ b/klp-ui/src/components/MemoInput/index.vue
@@ -136,6 +136,8 @@ export default {
         this.cacheInputValue(value.trim());
         // 触发自定义事件，通知父组件输入结果
         this.$emit('input', value.trim());
+      } else {
+        this.$emit('input', '');
       }
     },
 

From c87b43ae954d917be5e3f984935ec9f3fac2392c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A0=82=E7=B3=96?= <qq2178503051@163.com>
Date: Wed, 28 Jan 2026 17:22:32 +0800
Subject: [PATCH 5/7] =?UTF-8?q?feat(wms):=20=E6=9B=B4=E6=96=B0=E9=92=A2?=
 =?UTF-8?q?=E5=8D=B7=E8=BF=BD=E6=BA=AF=E5=8A=9F=E8=83=BD=E5=B9=B6=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E5=8F=91=E8=B4=A7=E5=8D=95=E7=8A=B6=E6=80=81=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在detailTable.vue中将edgeType字段从edgeRequirement改为trimmingRequirement
- 在waybill/index.vue和bills/index.vue中注释掉导出按钮
- 在base.vue中为钢卷追溯添加加载状态
- 在bills/index.vue中启用发货状态选择器并添加状态更新逻辑
- 重构CoilTraceResult.vue，优化钢卷追溯信息展示和交互体验
---
 .../views/wms/coil/panels/CoilTraceResult.vue | 784 +++++++++++-------
 klp-ui/src/views/wms/coil/panels/base.vue     |   7 +-
 klp-ui/src/views/wms/delivery/bills/index.vue |  23 +-
 .../wms/delivery/components/detailTable.vue   |   2 +-
 .../src/views/wms/delivery/waybill/index.vue  |   2 +-
 5 files changed, 517 insertions(+), 301 deletions(-)

diff --git a/klp-ui/src/views/wms/coil/panels/CoilTraceResult.vue b/klp-ui/src/views/wms/coil/panels/CoilTraceResult.vue
index 863c6cfd..ee45f910 100644
--- a/klp-ui/src/views/wms/coil/panels/CoilTraceResult.vue
+++ b/klp-ui/src/views/wms/coil/panels/CoilTraceResult.vue
@@ -1,175 +1,179 @@
 <template>
   <div class="trace-result-container">
-    <!-- 二维码信息 -->
-    <!-- <el-card shadow="hover" class="mb20" v-if="traceResult && traceResult.qrcode">
+    <!-- 操作步骤（基于标准化step渲染） -->
+    <el-card shadow="hover" class="mb20" v-if="standardSteps && standardSteps.length > 0">
       <div slot="header" class="card-header">
         <span class="title-dot"></span>
-        <span class="title-text">二维码信息</span>
+        <span class="title-text">钢卷追溯操作步骤</span>
       </div>
-      <div class="qrcode-info">
-        <el-row class="info-row" :gutter="10">
-          <el-col :span="6" class="info-label">主序列号：</el-col>
-          <el-col :span="18" class="info-value">{{ traceResult.qrcode.serialNumber || '-' }}</el-col>
-        </el-row>
-        <el-row class="info-row" :gutter="10">
-          <el-col :span="6" class="info-label">创建时间：</el-col>
-          <el-col :span="18" class="info-value">{{ traceResult.qrcode.createTime || '-' }}</el-col>
-        </el-row>
-        <el-row class="info-row" :gutter="10" v-if="traceResult.all_qrcodes && traceResult.all_qrcodes.length > 1">
-          <el-col :span="6" class="info-label">相关二维码：</el-col>
-          <el-col :span="18" class="info-value">{{ traceResult.all_qrcodes.length }} 个</el-col>
-        </el-row>
-      </div>
-    </el-card> -->
-
-    <!-- 操作步骤 -->
-    <el-card shadow="hover" class="mb20" v-if="traceResult && traceResult.steps && traceResult.steps.length > 0">
-      <div slot="header" class="card-header">
-        <span class="title-dot"></span>
-        <span class="title-text">操作步骤</span>
-      </div>
-      <el-timeline>
-        <el-timeline-item 
-          v-for="(step, index) in traceResult.steps" 
-          :key="index"
-          :timestamp="step.display_step || step.step"
-          placement="top"
-        >
+      <el-timeline v-loading="loadingCoilDetails">
+        <el-timeline-item v-for="(step, index) in standardSteps" :key="index"
+          :timestamp="`步骤 ${step.original.display_step || step.original.step}`" placement="top">
           <el-card shadow="hover">
             <div class="step-header">
               <span class="step-action">{{ step.action }}</span>
-              <el-tag size="mini" type="primary" v-if="step.operation">{{ step.operation }}</el-tag>
+              <el-tag size="mini" :type="getStepTagType(step.action)">{{ step.original.operation || step.action
+                }}</el-tag>
+              <el-tag size="mini" type="info" v-if="step.operation">
+                操作人：{{ step.operation }}
+              </el-tag>
             </div>
+
+            <!-- 标准化步骤详情 - 核心展示旧钢卷/新钢卷关键信息 -->
             <div class="step-details">
-              <el-row class="detail-row" v-if="step.current_coil_no">
-                <el-col :span="8" class="detail-label">当前钢卷号：</el-col>
-                <el-col :span="16" class="detail-value">{{ step.current_coil_no }}</el-col>
+              <!-- 核心操作信息 -->
+              <el-row class="detail-row" v-if="step.time">
+                <el-col :span="8" class="detail-label">操作时间：</el-col>
+                <el-col :span="16" class="detail-value">{{ step.time }}</el-col>
               </el-row>
-              <el-row class="detail-row" v-if="step.old_current_coil_no">
-                <el-col :span="8" class="detail-label">原钢卷号：</el-col>
-                <el-col :span="16" class="detail-value">{{ step.old_current_coil_no }}</el-col>
-              </el-row>
-              <el-row class="detail-row" v-if="step.new_current_coil_no">
-                <el-col :span="8" class="detail-label">新钢卷号：</el-col>
-                <el-col :span="16" class="detail-value">{{ step.new_current_coil_no }}</el-col>
-              </el-row>
-              <el-row class="detail-row" v-if="step.new_current_coil_nos">
-                <el-col :span="8" class="detail-label">分卷列表：</el-col>
+
+              <!-- 旧钢卷关键信息（操作前）- 新增优化：展示核心字段，hover弹窗更多信息 -->
+              <el-row class="detail-row" v-if="step.oldCoilInfoList && step.oldCoilInfoList.length">
+                <el-col :span="8" class="detail-label">操作前钢卷：</el-col>
                 <el-col :span="16" class="detail-value">
-                  <el-tag 
-                    v-for="coilNo in step.new_current_coil_nos.split(',')" 
-                    :key="coilNo"
-                    type="warning" 
-                    size="mini"
-                    class="mr8"
-                  >
-                    {{ coilNo.trim() }}
-                  </el-tag>
+                  <div class="coil-info-item" v-for="(coil, idx) in step.oldCoilInfoList" :key="idx">
+                    <el-popover placement="right" trigger="hover" width="400" v-if="coil.currentCoilNo != '-'"
+                      :loading="loadingCoilDetails">
+                      <div class="coil-detail-item">
+                        <p><b>入场卷号：</b>{{ coil.enterCoilNo || '-' }}</p>
+                        <p><b>当前卷号：</b>{{ coil.currentCoilNo || '-' }}</p>
+                        <p><b>物料类型：</b>{{ coil.materialType || '-' }}</p>
+                        <p><b>物料名称：</b>{{ coil.itemName || '-' }}</p>
+                        <p><b>规格：</b>{{ coil.specification || '-' }}</p>
+                        <p><b>材质：</b>{{ coil.material || '-' }}</p>
+                        <p><b>生产厂家：</b>{{ coil.manufacturer || '-' }}</p>
+                        <p><b>净重：</b>{{ coil.netWeight }} kg</p>
+                        <p><b>逻辑库区：</b>{{ coil.warehouseName || '-' }}</p>
+                        <p><b>实际库存：</b>{{ coil.actualWarehouseName || '-' }}</p>
+                        <p><b>镀层质量：</b>{{ coil.zincLayer || '-' }}</p>
+                        <p><b>质量状态：</b>{{ coil.qualityStatus || '-' }}</p>
+                        <p><b>创建时间：</b>{{ coil.createTime || '-' }}</p>
+                      </div>
+                      <div slot="reference" class="coil-info-summary">
+                        {{ coil.currentCoilNo || '-' }} {{ coil.itemName }}（{{ coil.specification }}）- {{
+                        coil.materialType }} - {{ coil.netWeight }}kg
+                      </div>
+                    </el-popover>
+
+                    <div class="coil-info-summary coil-info-deleted" v-else>该钢卷已被回滚操作删除，无法查询到信息</div>
+                  </div>
                 </el-col>
               </el-row>
-              <el-row class="detail-row" v-if="step.parent_coil_nos">
-                <el-col :span="8" class="detail-label">合卷来源：</el-col>
+
+              <!-- 新钢卷关键信息（操作后）- 新增优化：展示核心字段，hover弹窗更多信息 -->
+              <el-row class="detail-row" v-if="step.newCoilInfoList && step.newCoilInfoList.length">
+                <el-col :span="8" class="detail-label">操作后钢卷：</el-col>
                 <el-col :span="16" class="detail-value">
-                  <el-tag 
-                    v-for="coilNo in step.parent_coil_nos.split(',')" 
-                    :key="coilNo"
-                    type="success" 
-                    size="mini"
-                    class="mr8"
-                  >
-                    {{ coilNo.trim() }}
-                  </el-tag>
+                  <div class="coil-info-item" v-for="(coil, idx) in step.newCoilInfoList" :key="idx">
+                    <el-popover placement="right" trigger="hover" width="400" v-if="coil.currentCoilNo != '-'"
+                      :loading="loadingCoilDetails">
+                      <div class="coil-detail-item">
+                        <p><b>入场卷号：</b>{{ coil.enterCoilNo || '-' }}</p>
+                        <p><b>当前卷号：</b>{{ coil.currentCoilNo || '-' }}</p>
+                        <p><b>物料类型：</b>{{ coil.materialType || '-' }}</p>
+                        <p><b>物料名称：</b>{{ coil.itemName || '-' }}</p>
+                        <p><b>规格：</b>{{ coil.specification || '-' }}</p>
+                        <p><b>材质：</b>{{ coil.material || '-' }}</p>
+                        <p><b>生产厂家：</b>{{ coil.manufacturer || '-' }}</p>
+                        <p><b>净重：</b>{{ coil.netWeight }} kg</p>
+                        <p><b>逻辑库区：</b>{{ coil.warehouseName || '-' }}</p>
+                        <p><b>实际库存：</b>{{ coil.actualWarehouseName || '-' }}</p>
+                        <p><b>镀层质量：</b>{{ coil.zincLayer || '-' }}</p>
+                        <p><b>质量状态：</b>{{ coil.qualityStatus || '-' }}</p>
+                        <p><b>创建时间：</b>{{ coil.createTime || '-' }}</p>
+                      </div>
+                      <div slot="reference" class="coil-info-summary">
+                        {{ coil.currentCoilNo || '-' }} {{ coil.itemName }}（{{ coil.specification }}）- {{
+                        coil.materialType }} - {{ coil.netWeight }}kg
+                      </div>
+                    </el-popover>
+
+                    <div class="coil-info-summary coil-info-deleted" v-else>该钢卷已被回滚操作删除，无法查询到信息</div>
+                  </div>
                 </el-col>
               </el-row>
-              <el-row class="detail-row" v-if="step.child_coils && step.child_coils.length > 0">
-                <el-col :span="8" class="detail-label">子钢卷：</el-col>
+
+              <!-- 更新专属：修改内容（保留原有逻辑，适配上下文） -->
+              <el-row class="detail-row" v-if="step.changedFields">
+                <el-col :span="8" class="detail-label">修改内容：</el-col>
                 <el-col :span="16" class="detail-value">
-                  <el-tag 
-                    v-for="coilNo in step.child_coils" 
-                    :key="coilNo"
-                    type="info" 
-                    size="mini"
-                    class="mr8"
-                  >
-                    {{ coilNo }}
-                  </el-tag>
+                  <div class="changed-field-item" v-for="(item, idx) in parseChangedFields(step.changedFields)"
+                    :key="idx">
+                    {{ item.field }}：<span class="old-value">{{ item.oldVal }}</span> → <span class="new-value">{{
+                      item.newVal }}</span>
+                  </div>
                 </el-col>
               </el-row>
-              <!-- <el-row class="detail-row" v-if="step.qrcode_serial">
-                <el-col :span="8" class="detail-label">二维码序列：</el-col>
-                <el-col :span="16" class="detail-value">{{ step.qrcode_serial }}</el-col>
+
+              <!-- 回滚专属：删除/恢复钢卷信息（优化为关键信息展示） -->
+              <!-- <el-row class="detail-row" v-if="step.action === '回滚'">
+                <el-col :span="8" class="detail-label">删除钢卷：</el-col>
+                <el-col :span="16" class="detail-value">
+                  <div class="coil-info-item" v-if="step.deletedCoilInfo">
+                    <el-popover
+                      placement="right"
+                      trigger="hover"
+                      width="400"
+                      :loading="loadingCoilDetails"
+                    >
+                      <div class="coil-detail-item">
+                        <p><b>物料类型：</b>{{ step.deletedCoilInfo.materialType || '-' }}</p>
+                        <p><b>物料名称：</b>{{ step.deletedCoilInfo.itemName || '-' }}</p>
+                        <p><b>规格：</b>{{ step.deletedCoilInfo.specification || '-' }}</p>
+                        <p><b>材质：</b>{{ step.deletedCoilInfo.material || '-' }}</p>
+                        <p><b>净重：</b>{{ step.deletedCoilInfo.netWeight }} kg</p>
+                        <p><b>创建时间：</b>{{ step.deletedCoilInfo.createTime || '-' }}</p>
+                      </div>
+                      <div slot="reference" class="coil-info-summary">
+                        {{ step.deletedCoilInfo.currentCoilNo || '-' }} {{ step.deletedCoilInfo.itemName }}（{{ step.deletedCoilInfo.specification }}）- {{ step.deletedCoilInfo.materialType }}
+                      </div>
+                    </el-popover>
+                  </div>
+                  <span v-else>无</span>
+                </el-col>
+              </el-row>
+              <el-row class="detail-row" v-if="step.action === '回滚'">
+                <el-col :span="8" class="detail-label">恢复钢卷：</el-col>
+                <el-col :span="16" class="detail-value">
+                  <div class="coil-info-item" v-if="step.restoredCoilInfo">
+                    <el-popover
+                      placement="right"
+                      trigger="hover"
+                      width="400"
+                      :loading="loadingCoilDetails"
+                    >
+                      <div class="coil-detail-item">
+                        <p><b>物料类型：</b>{{ step.restoredCoilInfo.materialType || '-' }}</p>
+                        <p><b>物料名称：</b>{{ step.restoredCoilInfo.itemName || '-' }}</p>
+                        <p><b>规格：</b>{{ step.restoredCoilInfo.specification || '-' }}</p>
+                        <p><b>材质：</b>{{ step.restoredCoilInfo.material || '-' }}</p>
+                        <p><b>净重：</b>{{ step.restoredCoilInfo.netWeight }} kg</p>
+                        <p><b>创建时间：</b>{{ step.restoredCoilInfo.createTime || '-' }}</p>
+                      </div>
+                      <div slot="reference" class="coil-info-summary">
+                        {{ step.restoredCoilInfo.currentCoilNo || '-' }} {{ step.restoredCoilInfo.itemName }}（{{ step.restoredCoilInfo.specification }}）- {{ step.restoredCoilInfo.materialType }}
+                      </div>
+                    </el-popover>
+                  </div>
+                  <span v-else>无</span>
+                </el-col>
               </el-row> -->
-              <el-row class="detail-row" v-if="step.operator">
-                <el-col :span="8" class="detail-label">操作者：</el-col>
-                <el-col :span="16" class="detail-value">{{ step.operator }}</el-col>
-              </el-row>
             </div>
           </el-card>
         </el-timeline-item>
       </el-timeline>
     </el-card>
 
-    <!-- 钢卷分支图 -->
-    <!-- <el-card shadow="hover" class="mb20" v-if="traceResult && traceResult.records && traceResult.records.length > 0">
-      <div slot="header" class="card-header">
-        <span class="title-dot"></span>
-        <span class="title-text">钢卷分支图</span>
-      </div>
-      <div class="branch-container">
-        <div 
-          class="branch-group" 
-          v-for="(group, index) in groupedRecords" 
-          :key="index"
-        >
-          <div class="branch-group-header">
-            <el-tag :type="getGroupTypeTag(group.groupColor)" size="medium">{{ group.title }}</el-tag>
-            <span class="branch-count">{{ group.coils.length }} 个钢卷</span>
-          </div>
-          <el-row :gutter="20" class="branch-coils">
-            <el-col 
-              :span="8" 
-              v-for="coil in group.coils" 
-              :key="coil.coilId"
-            >
-              <el-card shadow="hover" class="coil-card">
-                <div class="coil-header">
-                  <span class="coil-no">{{ coil.currentCoilNo }}</span>
-                  <el-tag :type="coil.dataType === 1 ? 'success' : 'danger'" size="mini">
-                    {{ coil.dataType === 1 ? '当前' : '历史' }}
-                  </el-tag>
-                </div>
-                <div class="coil-info">
-                  <p class="coil-detail">入场号：{{ coil.enterCoilNo }}</p>
-                  <p class="coil-detail" v-if="coil.team">班组：{{ coil.team }}</p>
-                  <p class="coil-detail" v-if="coil.warehouse && coil.warehouse.warehouseName">
-                    库区：{{ coil.warehouse.warehouseName }}
-                  </p>
-                  <p class="coil-detail" v-if="coil.parentCoilNos && coil.hasMergeSplit === 1">
-                    <el-tag type="warning" size="mini">来自母卷：{{ coil.parentCoilNos }}</el-tag>
-                  </p>
-                  <p class="coil-detail" v-if="coil.parentCoilNos && coil.hasMergeSplit === 0 && coil.dataType === 0">
-                    <el-tag type="info" size="mini">分为子卷：{{ coil.parentCoilNos }}</el-tag>
-                  </p>
-                  <p class="coil-detail" v-if="coil.parentCoilNos && coil.hasMergeSplit === 2">
-                    <el-tag type="success" size="mini">合并自：{{ coil.parentCoilNos }}</el-tag>
-                  </p>
-                  <p class="coil-detail">{{ coil.createTime }}</p>
-                </div>
-              </el-card>
-            </el-col>
-          </el-row>
-        </div>
-      </div>
-    </el-card> -->
-
     <!-- 无记录提示 -->
-    <div class="empty-tip" v-if="!traceResult || (traceResult && !traceResult.records && !traceResult.steps)">
+    <div class="empty-tip" v-if="!standardSteps || standardSteps.length === 0">
       <el-empty description="未找到相关钢卷记录"></el-empty>
     </div>
   </div>
 </template>
 
 <script>
+import { listMaterialCoil } from '@/api/wms/coil';
+
 export default {
   name: 'CoilTraceResult',
   props: {
@@ -179,99 +183,309 @@ export default {
       default: null
     }
   },
+  data() {
+    return {
+      qrcodeDialogVisible: false,
+      currentQrcodeContent: '',
+      coilDetails: {}, // 钢卷详情缓存：{coilId: 详情对象, ...}（仅按coilId缓存，移除coilNo缓存）
+      loadingCoilDetails: false, // 钢卷详情加载状态
+    };
+  },
   computed: {
-    // 按时间线和分支关系分组钢卷记录
-    groupedRecords() {
-      if (!this.traceResult || !this.traceResult.records) {
+    // 生成标准化步骤列表（核心：基于原始steps转换，新增旧/新钢卷信息列表）
+    standardSteps() {
+      if (!this.traceResult || !this.traceResult.steps || this.traceResult.steps.length === 0) {
         return [];
       }
-
-      const groups = [];
-      // 按创建时间排序所有记录
-      const sortedRecords = [...this.traceResult.records].sort((a, b) => 
-        new Date(a.createTime) - new Date(b.createTime)
-      );
-
-      // 按数据类型分组，但保持时间顺序
-      const currentCoils = sortedRecords.filter(record => record.dataType === 1);
-      const historyCoils = sortedRecords.filter(record => record.dataType === 0);
-
-      // 当前数据分组
-      if (currentCoils.length > 0) {
-        const currentByOperation = this.groupByOperation(currentCoils);
-        groups.push(...currentByOperation);
-      }
-
-      // 历史数据分组
-      if (historyCoils.length > 0) {
-        const historyByOperation = this.groupByOperation(historyCoils, true);
-        groups.push(...historyByOperation);
-      }
-
-      return groups;
+      // 遍历原始步骤，转换为标准化步骤（包含旧/新钢卷关键信息）
+      return this.traceResult.steps.map(step => this.formatStep(step));
+    }
+  },
+  watch: {
+    traceResult: {
+      handler(newVal) {
+        if (newVal) {
+          console.log('追溯结果更新，已生成标准化步骤：', this.standardSteps);
+          // 步骤更新后，防抖获取钢卷详情（避免频繁请求）
+          this.debounceFetchCoilDetails();
+        } else {
+          // 无追溯结果时，清空缓存
+          this.coilDetails = {};
+        }
+      },
+      deep: true
     }
   },
   methods: {
-    // 按操作类型分组
-    groupByOperation(records, isHistory = false) {
-      const operationGroups = {};
-
-      for (const record of records) {
-        let operationType = '原始数据';
-        let groupColor = 'default';
-
-        if (record.hasMergeSplit === 1) {
-          operationType = '分卷结果';
-          groupColor = 'split';
-        } else if (record.hasMergeSplit === 2) {
-          operationType = '合卷结果';
-          groupColor = 'merge';
-        }
-
-        const groupKey = operationType;
-        if (!operationGroups[groupKey]) {
-          operationGroups[groupKey] = {
-            operationType: operationType,
-            groupColor: groupColor,
-            coils: []
-          };
-        }
-        operationGroups[groupKey].coils.push(record);
-      }
-
-      // 转换为数组
-      const groups = [];
-      for (const key in operationGroups) {
-        const group = operationGroups[key];
-        groups.push({
-          type: isHistory ? 'history' : 'current',
-          operationType: group.operationType,
-          groupColor: group.groupColor,
-          title: `${group.operationType}${isHistory ? '（历史）' : '（当前）'}`,
-          coils: group.coils
-        });
-      }
-
-      return groups;
+    // 根据操作类型获取标签样式
+    getStepTagType(action) {
+      const typeMap = {
+        '创建': 'success',
+        '更新': 'primary',
+        '分卷': 'warning',
+        '合卷': 'info',
+        '回滚': 'danger'
+      };
+      return typeMap[action] || 'default';
     },
 
-    // formatTime(step) {
-    //   const timestamp = step.upda
-    // }
-    // 获取分组标签类型
-    getGroupTypeTag(color) {
-      switch(color) {
-        case 'split': return 'warning';
-        case 'merge': return 'success';
-        default: return 'primary';
+    // 格式化时间戳（毫秒）为YYYY-MM-DD HH:mm:ss
+    formatTime(timeStamp) {
+      if (!timeStamp) return '-';
+      const date = new Date(timeStamp);
+      const year = date.getFullYear();
+      const month = String(date.getMonth() + 1).padStart(2, '0');
+      const day = String(date.getDate()).padStart(2, '0');
+      const hour = String(date.getHours()).padStart(2, '0');
+      const minute = String(date.getMinutes()).padStart(2, '0');
+      const second = String(date.getSeconds()).padStart(2, '0');
+      return `${year}-${month}-${day} ${hour}:${minute}:${second}`;
+    },
+
+    // 解析修改字段字符串为结构化数据
+    parseChangedFields(changedFieldsStr) {
+      if (!changedFieldsStr) return [];
+      // 拆分每个修改项（分号分隔）
+      const items = changedFieldsStr.split(';').filter(item => item.trim());
+      return items.map(item => {
+        const [fieldPart, valuePart] = item.split(':').map(part => part.trim());
+        if (!valuePart) return { field: fieldPart, oldVal: '-', newVal: '-' };
+        // 拆分新旧值（→分隔）
+        const [oldVal, newVal] = valuePart.split('→').map(val => {
+          const trimmedVal = val.trim();
+          return trimmedVal === 'null' ? '-' : trimmedVal;
+        });
+        return {
+          field: fieldPart,
+          oldVal: oldVal || '-',
+          newVal: newVal || '-'
+        };
+      });
+    },
+
+    // 核心：补全formatStep，将原始step转换为标准化step（新增旧/新钢卷信息列表）
+    formatStep(originalStep) {
+      // 初始化标准化step结构（移除coilNo相关冗余字段，新增钢卷信息列表）
+      const standardStep = {
+        // 基础字段
+        action: '', // 创建/更新/分卷/合卷/回滚
+        time: '-', // 操作时间
+        operation: '-', // 操作人
+        oldCoilIds: [], // 操作前钢卷ID列表（替换原oldId，适配多钢卷场景）
+        newCoilIds: [], // 操作后钢卷ID列表（替换原newId，适配多钢卷场景）
+        changedFields: '', // 更新操作的修改字段
+        // 新增：钢卷关键信息列表（用于展示）
+        oldCoilInfoList: [], // 操作前钢卷关键信息列表
+        newCoilInfoList: [], // 操作后钢卷关键信息列表
+        deletedCoilInfo: null, // 回滚删除的钢卷关键信息
+        restoredCoilInfo: null, // 回滚恢复的钢卷关键信息
+        // 保留原始step，用于兼容原有逻辑
+        original: originalStep
+      };
+
+      // 1. 映射操作类型（核心：统一action命名）
+      if (originalStep.action === '新增') {
+        standardStep.action = '创建';
+      } else if (originalStep.action === '更新') {
+        if (originalStep.operation === '信息更新') {
+          standardStep.action = '更新';
+        } else if (originalStep.operation === '分卷') {
+          standardStep.action = '分卷';
+        } else if (originalStep.operation === '合卷') {
+          standardStep.action = '合卷';
+        } else {
+          standardStep.action = '更新'; // 兜底
+        }
+      } else if (originalStep.action === '回滚') {
+        standardStep.action = '回滚';
+      } else {
+        standardStep.action = originalStep.action || '-';
       }
-    }
+
+      // 2. 操作时间（优先取更新时间/回滚时间）
+      if (originalStep.update_time) {
+        standardStep.time = this.formatTime(originalStep.update_time);
+      } else if (originalStep.rollback_time) {
+        standardStep.time = this.formatTime(originalStep.rollback_time);
+      }
+
+      // 3. 操作人（优先昵称，其次账号）
+      standardStep.operation = originalStep.operator_nickname || originalStep.operator || '-';
+
+      // 4. 核心ID映射：oldCoilIds（操作前钢卷ID列表）
+      switch (standardStep.action) {
+        case '创建':
+          standardStep.oldCoilIds = []; // 创建无旧钢卷
+          break;
+        case '更新':
+          standardStep.oldCoilIds = originalStep.old_coil_id ? [originalStep.old_coil_id.trim()] : [];
+          break;
+        case '分卷':
+          standardStep.oldCoilIds = originalStep.old_coil_id ? [originalStep.old_coil_id.trim()] : [];
+          break;
+        case '合卷':
+          // 合卷操作前钢卷为多个来源ID
+          standardStep.oldCoilIds = originalStep.parent_coil_ids
+            ? originalStep.parent_coil_ids.split(',').map(id => id.trim()).filter(Boolean)
+            : [];
+          break;
+        case '回滚':
+          // 回滚操作前钢卷为删除的钢卷ID
+          standardStep.oldCoilIds = originalStep.deleted_coil_id ? [originalStep.deleted_coil_id.trim()] : [];
+          break;
+        default:
+          standardStep.oldCoilIds = [];
+      }
+
+      // 5. 核心ID映射：newCoilIds（操作后钢卷ID列表）
+      switch (standardStep.action) {
+        case '创建':
+          standardStep.newCoilIds = originalStep.current_coil_id ? [originalStep.current_coil_id.trim()] : [];
+          break;
+        case '更新':
+          console.log('更新操作后钢卷ID:', originalStep.new_coil_id, originalStep);
+          standardStep.newCoilIds = originalStep.new_coil_id ? [originalStep.new_coil_id.trim()] : [];
+          break;
+        case '分卷':
+          // 分卷后钢卷为多个子钢卷ID
+          standardStep.newCoilIds = originalStep.child_coil_ids
+            ? originalStep.child_coil_ids.split(',').map(id => id.trim()).filter(Boolean)
+            : [];
+          break;
+        case '合卷':
+          standardStep.newCoilIds = originalStep.new_coil_id ? [originalStep.new_coil_id.trim()] : [];
+          break;
+        case '回滚':
+          // 回滚后钢卷为恢复的钢卷ID
+          standardStep.newCoilIds = originalStep.restored_coil_id ? [originalStep.restored_coil_id.trim()] : [];
+          break;
+        default:
+          standardStep.newCoilIds = [];
+      }
+
+      // 6. 更新专属：changedFields（修改字段）
+      if (standardStep.action === '更新') {
+        standardStep.changedFields = originalStep.changed_fields || '';
+      }
+
+      // 7. 映射旧/新钢卷关键信息（基于缓存的钢卷详情）
+      standardStep.oldCoilInfoList = this.mapCoilInfoList(standardStep.oldCoilIds);
+      standardStep.newCoilInfoList = this.mapCoilInfoList(standardStep.newCoilIds);
+
+      // 8. 回滚专属：删除/恢复钢卷信息映射
+      if (standardStep.action === '回滚') {
+        standardStep.deletedCoilInfo = standardStep.oldCoilInfoList[0] || null;
+        standardStep.restoredCoilInfo = standardStep.newCoilInfoList[0] || null;
+      }
+
+      return standardStep;
+    },
+
+    // 映射钢卷ID列表为关键信息列表（适配接口返回结构）
+    mapCoilInfoList(coilIds) {
+      if (!coilIds || !coilIds.length) return [];
+      return coilIds.map(coilId => {
+        const coil = this.coilDetails[coilId] || {};
+        // 提取关键信息（对应list接口返回结构）
+        return {
+          enterCoilNo: coil.enterCoilNo || '-',
+          currentCoilNo: coil.currentCoilNo || '-',
+          materialType: coil.materialType || '-',
+          itemName: coil.itemName || '-',
+          specification: coil.specification || '-',
+          material: coil.material || '-',
+          netWeight: coil.netWeight || 0,
+          warehouseName: coil.warehouseName || '-',
+          actualWarehouseName: coil.actualWarehouseName || '-',
+          manufacturer: coil.manufacturer || '-',
+          zincLayer: coil.zincLayer || '-',
+          qualityStatus: coil.qualityStatus || '-',
+          createTime: coil.createTime || '-',
+        };
+      });
+    },
+
+    // 收集所有需要查询的coilIds（基于标准化step，仅保留coilId逻辑）
+    collectCoilIds() {
+      if (!this.standardSteps.length) return [];
+      const coilIds = new Set();
+      this.standardSteps.forEach(step => {
+        // 操作前钢卷ID
+        step.oldCoilIds.forEach(id => id && coilIds.add(id));
+        // 操作后钢卷ID
+        step.newCoilIds.forEach(id => id && coilIds.add(id));
+      });
+      return [...coilIds];
+    },
+
+    // 防抖函数：避免频繁调用接口
+    debounce(func, delay = 300) {
+      let timer = null;
+      return (...args) => {
+        if (timer) clearTimeout(timer);
+        timer = setTimeout(() => {
+          func.apply(this, args);
+        }, delay);
+      };
+    },
+
+    // 防抖版获取钢卷详情
+    debounceFetchCoilDetails: function () {
+      return this.debounce(this.fetchCoilDetails)();
+    },
+
+    // 核心：批量获取钢卷详情（仅按coilId查询，移除coilNo相关逻辑）
+    async fetchCoilDetails() {
+      // 1. 收集所有唯一的coilId
+      const coilIds = this.collectCoilIds().filter(id => id);
+      if (coilIds.length === 0) {
+        this.coilDetails = {};
+        return;
+      }
+      // 2. 避免重复请求（加载中则返回）
+      if (this.loadingCoilDetails) return;
+      this.loadingCoilDetails = true;
+      try {
+        // 3. 调用listMaterialCoil接口，传递coilIds参数（适配接口要求）
+        const res = await listMaterialCoil({ coilIds: coilIds.join(',') });
+        if (res && res.code === 200 && res.rows) {
+          const coilList = res.rows;
+          // 4. 构建缓存：仅按coilId缓存（移除coilNo缓存）
+          const coilIdMap = {};
+          coilList.forEach(coil => {
+            if (coil.coilId) coilIdMap[coil.coilId] = coil;
+          });
+          this.coilDetails = coilIdMap;
+          // 缓存更新后，重新映射标准化步骤的钢卷信息
+          this.standardSteps.forEach(step => {
+            step.oldCoilInfoList = this.mapCoilInfoList(step.oldCoilIds);
+            step.newCoilInfoList = this.mapCoilInfoList(step.newCoilIds);
+            if (step.action === '回滚') {
+              step.deletedCoilInfo = step.oldCoilInfoList[0] || null;
+              step.restoredCoilInfo = step.newCoilInfoList[0] || null;
+            }
+          });
+          console.log('更新后的标准化步骤：', this.standardSteps);
+        } else {
+          this.$message.warning('获取钢卷详情失败');
+        }
+      } catch (error) {
+        console.error('获取钢卷详情接口异常：', error);
+        this.$message.error('获取钢卷详情异常，请刷新重试');
+      } finally {
+        this.loadingCoilDetails = false;
+      }
+    },
+  },
+  // 组件销毁前清空缓存，避免内存泄漏
+  beforeDestroy() {
+    this.coilDetails = {};
   }
 };
 </script>
 
 <style scoped>
-/* 溯源结果样式 */
+/* 原有基础样式保留，优化新增样式适配关键信息展示 */
 .trace-result-container {
   padding: 10px 0;
 }
@@ -300,31 +514,13 @@ export default {
   margin-bottom: 20px;
 }
 
-/* 二维码信息样式 */
-.qrcode-info {
-  padding: 10px 0;
-}
-
-.info-row {
-  margin-bottom: 12px;
-  align-items: center;
-}
-
-.info-label {
-  color: #666;
-  font-weight: 500;
-}
-
-.info-value {
-  color: #333;
-  font-weight: 500;
-}
-
-/* 操作步骤样式 */
+/* 操作步骤样式增强 */
 .step-header {
   display: flex;
   align-items: center;
   margin-bottom: 12px;
+  flex-wrap: wrap;
+  gap: 8px;
 }
 
 .step-action {
@@ -339,13 +535,14 @@ export default {
 }
 
 .detail-row {
-  margin-bottom: 8px;
-  align-items: center;
+  margin-bottom: 12px;
+  align-items: flex-start;
 }
 
 .detail-label {
   color: #666;
   font-size: 14px;
+  padding-top: 4px;
 }
 
 .detail-value {
@@ -358,65 +555,68 @@ export default {
   margin-bottom: 8px;
 }
 
-/* 钢卷分支图样式 */
-.branch-container {
-  padding: 10px 0;
-}
-
-.branch-group {
-  margin-bottom: 20px;
-}
-
-.branch-group-header {
-  display: flex;
-  align-items: center;
-  margin-bottom: 12px;
-  justify-content: space-between;
-}
-
-.branch-count {
-  color: #666;
-  font-size: 14px;
-}
-
-.branch-coils {
-  margin-bottom: 10px;
-}
-
-.coil-card {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-
-.coil-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 10px;
-}
-
-.coil-no {
-  font-size: 15px;
-  font-weight: 600;
-  color: #333;
-}
-
-.coil-info {
-  flex: 1;
-}
-
-.coil-detail {
-  font-size: 13px;
-  color: #666;
+/* 修改字段样式 */
+.changed-field-item {
   margin-bottom: 4px;
-  margin: 0;
   line-height: 1.5;
 }
 
+.old-value {
+  color: #F56C6C;
+}
+
+.new-value {
+  color: #67C23A;
+}
+
 /* 空提示样式 */
 .empty-tip {
   text-align: center;
   padding: 40px 0;
 }
+
+/* 新增：钢卷详情弹窗样式（优化排版，展示更多信息） */
+.coil-detail-item {
+  font-size: 13px;
+  line-height: 1.8;
+  color: #333;
+}
+
+.coil-detail-item p {
+  margin: 0;
+  padding: 2px 0;
+  display: flex;
+  justify-content: space-between;
+}
+
+.coil-detail-item p b {
+  color: #666;
+  min-width: 80px;
+}
+
+/* 新增：钢卷关键信息摘要样式（hover触发弹窗） */
+.coil-info-item {
+  margin-bottom: 8px;
+  display: inline-block;
+  margin-right: 12px;
+}
+
+.coil-info-summary {
+  cursor: pointer;
+  color: #409EFF;
+  background: #f5faff;
+  padding: 4px 8px;
+  border-radius: 4px;
+  border: 1px solid #e6f7ff;
+  white-space: nowrap;
+}
+
+.coil-info-deleted {
+  color: #F56C6C;
+  background: #fff5f5;
+}
+
+.coil-info-summary.deleted:hover {
+  background: #e6f7ff;
+}
 </style>
\ No newline at end of file
diff --git a/klp-ui/src/views/wms/coil/panels/base.vue b/klp-ui/src/views/wms/coil/panels/base.vue
index 243be7ae..3a08d993 100644
--- a/klp-ui/src/views/wms/coil/panels/base.vue
+++ b/klp-ui/src/views/wms/coil/panels/base.vue
@@ -268,7 +268,7 @@
 
     <!-- 钢卷追溯对话框（使用封装的组件） -->
     <el-dialog title="钢卷追溯" :visible.sync="traceOpen" width="90%" append-to-body>
-      <coil-trace-result :trace-result="traceResult"></coil-trace-result>
+      <coil-trace-result v-loading="traceLoading" :trace-result="traceResult"></coil-trace-result>
     </el-dialog>
 
     <!-- 标签预览弹窗 -->
@@ -411,6 +411,8 @@ export default {
       buttonLoading: false,
       // 遮罩层
       loading: true,
+      // 追溯加载中
+      traceLoading: false,
       // 选中数组
       ids: [],
       // 非单个禁用
@@ -646,6 +648,7 @@ export default {
     /** 追溯按钮操作 */
     handleTrace(row) {
       this.traceOpen = true;
+      this.traceLoading = true;
       this.traceResult = null; // 清空历史数据
       getMaterialCoilTrace({
         enterCoilNo: row.enterCoilNo,
@@ -655,6 +658,8 @@ export default {
       }).catch(err => {
         console.error('溯源查询失败：', err);
         this.$message.error('溯源查询失败，请重试');
+      }).finally(() => {
+        this.traceLoading = false;
       });
     },
     handleGradeChange(row) {
diff --git a/klp-ui/src/views/wms/delivery/bills/index.vue b/klp-ui/src/views/wms/delivery/bills/index.vue
index 43b49b97..6cb36dde 100644
--- a/klp-ui/src/views/wms/delivery/bills/index.vue
+++ b/klp-ui/src/views/wms/delivery/bills/index.vue
@@ -15,7 +15,7 @@
         <!-- <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" :disabled="!selectedPlan"
           title="请先选择发货计划">新增</el-button> -->
         <el-button type="success" plain icon="el-icon-refresh" size="mini" @click="handleQuery">刷新</el-button>
-        <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport">导出</el-button>
+        <!-- <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport">导出</el-button> -->
       </el-form-item>
     </el-form>
 
@@ -33,12 +33,12 @@
       <el-table-column label="负责人电话" align="center" prop="principalPhone" width="100" />
       <el-table-column label="完成状态" align="center" prop="status" width="120">
         <template slot-scope="scope">
-          <el-tag size="mini" type="success" v-if="scope.row.status === 1">已发货</el-tag>
-          <el-tag size="mini" type="info" v-else>未发货</el-tag>
-          <!-- <el-select v-model="scope.row.status" placeholder="请选择完成状态" @change="handleStatusChange(scope.row)">
+          <!-- <el-tag size="mini" type="success" v-if="scope.row.status === 1">已发货</el-tag>
+          <el-tag size="mini" type="info" v-else>未发货</el-tag> -->
+          <el-select v-model="scope.row.status" placeholder="请选择完成状态" @change="handleStatusChange(scope.row)">
             <el-option label="已发货" :value="1" />
             <el-option label="未发货" :value="0" />
-          </el-select> -->
+          </el-select>
         </template>
       </el-table-column>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
@@ -62,7 +62,7 @@
 </template>
 
 <script>
-import { listDeliveryWaybill } from "@/api/wms/deliveryWaybill";
+import { listDeliveryWaybill, updateDeliveryWaybillStatus } from "@/api/wms/deliveryWaybill";
 import { listDeliveryWaybillDetail } from "@/api/wms/deliveryWaybillDetail";
 import { listCoilByIds } from "@/api/wms/coil";
 import WayBill from "../components/wayBill.vue";
@@ -92,6 +92,17 @@ export default {
     this.getList();
   },
   methods: {
+    /** 完成状态改变时的处理 */
+    handleStatusChange(row) {
+      // 确保在更新状态时包含waybillId
+      updateDeliveryWaybillStatus({
+        waybillId: row.waybillId,
+        status: row.status
+      }).then(() => {
+        this.$modal.msgSuccess("状态更新成功");
+        this.getList(); // 刷新列表
+      });
+    },
     /** 查询发货单列表 */
     getList() {
       this.loading = true;
diff --git a/klp-ui/src/views/wms/delivery/components/detailTable.vue b/klp-ui/src/views/wms/delivery/components/detailTable.vue
index 14ba0d00..f7bd8cf1 100644
--- a/klp-ui/src/views/wms/delivery/components/detailTable.vue
+++ b/klp-ui/src/views/wms/delivery/components/detailTable.vue
@@ -201,7 +201,7 @@ export default {
       this.form = {
         ...this.form,
         productName: coil.itemName,
-        edgeType: coil.edgeRequirement,
+        edgeType: coil.trimmingRequirement,
         packaging: coil.packagingRequirement,
         rawMaterialFactory: coil.manufacturer,
         coilNo: coil.currentCoilNo,
diff --git a/klp-ui/src/views/wms/delivery/waybill/index.vue b/klp-ui/src/views/wms/delivery/waybill/index.vue
index 393f1566..6ea152bf 100644
--- a/klp-ui/src/views/wms/delivery/waybill/index.vue
+++ b/klp-ui/src/views/wms/delivery/waybill/index.vue
@@ -23,7 +23,7 @@
               <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
                 :disabled="!selectedPlan" title="请先选择发货计划">新增</el-button>
               <el-button type="success" plain icon="el-icon-refresh" size="mini" @click="handleQuery">刷新</el-button>
-              <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport">导出</el-button>
+              <!-- <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport">导出</el-button> -->
             </el-form-item>
           </el-form>
 

From d41d9e2d469a5c8710bc64812de208d8b031d977 Mon Sep 17 00:00:00 2001
From: Joshi <3040996759@qq.com>
Date: Wed, 28 Jan 2026 17:31:15 +0800
Subject: [PATCH 6/7] =?UTF-8?q?feat(wms):=20=E6=B7=BB=E5=8A=A0=E5=8F=91?=
 =?UTF-8?q?=E8=B4=A7=E5=8D=95=E7=8A=B6=E6=80=81=E6=A0=A1=E9=AA=8C=E9=98=B2?=
 =?UTF-8?q?=E6=AD=A2=E5=B7=B2=E5=8F=91=E8=B4=A7=E5=8D=95=E6=8D=AE=E8=A2=AB?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=88=96=E5=88=A0=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在更新发货单明细前检查关联发货单状态，已发货则拒绝修改
- 在删除发货单明细前验证关联发货单是否已发货，已发货则阻止删除
- 在删除发货单主表前增加状态校验，防止已发货单据被误删
- 使用exists方法优化数据库查询性能，避免全量数据加载
- 添加详细的业务逻辑验证确保数据完整性与一致性
---
 .../WmsDeliveryWaybillDetailServiceImpl.java  | 41 ++++++++++++++++++-
 .../impl/WmsDeliveryWaybillServiceImpl.java   |  9 ++++
 2 files changed, 49 insertions(+), 1 deletion(-)

diff --git a/klp-wms/src/main/java/com/klp/service/impl/WmsDeliveryWaybillDetailServiceImpl.java b/klp-wms/src/main/java/com/klp/service/impl/WmsDeliveryWaybillDetailServiceImpl.java
index 3b370e1f..1a0ec354 100644
--- a/klp-wms/src/main/java/com/klp/service/impl/WmsDeliveryWaybillDetailServiceImpl.java
+++ b/klp-wms/src/main/java/com/klp/service/impl/WmsDeliveryWaybillDetailServiceImpl.java
@@ -8,6 +8,8 @@ import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
 import com.baomidou.mybatisplus.core.toolkit.Wrappers;
 import com.klp.common.utils.StringUtils;
 import com.klp.common.exception.ServiceException;
+import com.klp.domain.WmsDeliveryWaybill;
+import com.klp.mapper.WmsDeliveryWaybillMapper;
 import lombok.RequiredArgsConstructor;
 import org.springframework.stereotype.Service;
 import com.klp.domain.bo.WmsDeliveryWaybillDetailBo;
@@ -20,6 +22,7 @@ import com.klp.service.IWmsDeliveryWaybillDetailService;
 import java.util.List;
 import java.util.Map;
 import java.util.Collection;
+import java.util.stream.Collectors;
 
 /**
  * 发货单明细Service业务层处理
@@ -33,6 +36,8 @@ public class WmsDeliveryWaybillDetailServiceImpl implements IWmsDeliveryWaybillD
 
     private final WmsDeliveryWaybillDetailMapper baseMapper;
 
+    private final WmsDeliveryWaybillMapper wmsDeliveryWaybillMapper;
+
     /**
      * 查询发货单明细
      */
@@ -98,6 +103,20 @@ public class WmsDeliveryWaybillDetailServiceImpl implements IWmsDeliveryWaybillD
      */
     @Override
     public Boolean updateByBo(WmsDeliveryWaybillDetailBo bo) {
+        // 检查关联的发货单主表状态，如果已发货则不允许修改
+        if (bo.getDetailId() != null) {
+            WmsDeliveryWaybillDetail existingDetail = baseMapper.selectById(bo.getDetailId());
+            if (existingDetail != null) {
+                // 查询关联的发货单状态
+                LambdaQueryWrapper<WmsDeliveryWaybill> waybillQueryWrapper = new LambdaQueryWrapper<>();
+                waybillQueryWrapper.eq(WmsDeliveryWaybill::getWaybillId, existingDetail.getWaybillId())
+                    .eq(WmsDeliveryWaybill::getStatus, 1); // 已发货状态
+
+                if (wmsDeliveryWaybillMapper.exists(waybillQueryWrapper)) {
+                    throw new RuntimeException("明细所属的发货单已发货，无法修改明细记录");
+                }
+            }
+        }
         WmsDeliveryWaybillDetail update = BeanUtil.toBean(bo, WmsDeliveryWaybillDetail.class);
         validEntityBeforeSave(update);
         return baseMapper.updateById(update) > 0;
@@ -141,7 +160,27 @@ public class WmsDeliveryWaybillDetailServiceImpl implements IWmsDeliveryWaybillD
     @Override
     public Boolean deleteWithValidByIds(Collection<Long> ids, Boolean isValid) {
         if(isValid){
-            //TODO 做一些业务上的校验,判断是否需要校验
+            // 检查明细是否关联到已发货的运单
+            if (ids != null && !ids.isEmpty()) {
+                // 获取明细记录，以检查它们关联的运单ID
+                List<WmsDeliveryWaybillDetail> details = baseMapper.selectBatchIds(ids);
+                if (details != null && !details.isEmpty()) {
+                    // 提取关联的运单ID
+                    List<Long> waybillIds = details.stream()
+                        .map(WmsDeliveryWaybillDetail::getWaybillId)
+                        .distinct()
+                        .collect(Collectors.toList());
+
+                    // 检查这些运单是否已发货
+                    LambdaQueryWrapper<WmsDeliveryWaybill> waybillQueryWrapper = new LambdaQueryWrapper<>();
+                    waybillQueryWrapper.in(WmsDeliveryWaybill::getWaybillId, waybillIds)
+                        .eq(WmsDeliveryWaybill::getStatus, 1);
+
+                    if (wmsDeliveryWaybillMapper.exists(waybillQueryWrapper)) {
+                        throw new RuntimeException("明细所属的发货单已发货，无法删除明细记录");
+                    }
+                }
+            }
         }
         return baseMapper.deleteBatchIds(ids) > 0;
     }
diff --git a/klp-wms/src/main/java/com/klp/service/impl/WmsDeliveryWaybillServiceImpl.java b/klp-wms/src/main/java/com/klp/service/impl/WmsDeliveryWaybillServiceImpl.java
index 23ab68a8..f133c884 100644
--- a/klp-wms/src/main/java/com/klp/service/impl/WmsDeliveryWaybillServiceImpl.java
+++ b/klp-wms/src/main/java/com/klp/service/impl/WmsDeliveryWaybillServiceImpl.java
@@ -136,6 +136,15 @@ public class WmsDeliveryWaybillServiceImpl implements IWmsDeliveryWaybillService
 
         // 级联删除发货单明细
         if (ids != null && !ids.isEmpty()) {
+            // 检查是否存在已发货的运单（状态为1），如果存在则抛出异常
+            LambdaQueryWrapper<WmsDeliveryWaybill> queryWrapper = new LambdaQueryWrapper<>();
+            queryWrapper.in(WmsDeliveryWaybill::getWaybillId, ids)
+                .eq(WmsDeliveryWaybill::getStatus, 1);
+
+            // 使用 exists 方法替代 selectList，提高性能
+            if (baseMapper.exists(queryWrapper)) {
+                throw new RuntimeException("已发货的发货单不能删除");
+            }
             // 构建查询条件，查找关联的明细记录
             LambdaQueryWrapper<WmsDeliveryWaybillDetail> detailWrapper =
                 Wrappers.<WmsDeliveryWaybillDetail>lambdaQuery()

From b739a1cde9958f6ee7616990ebd5b28fe195977b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A0=82=E7=B3=96?= <qq2178503051@163.com>
Date: Wed, 28 Jan 2026 17:43:49 +0800
Subject: [PATCH 7/7] =?UTF-8?q?refactor(wms/coil):=20=E7=AE=80=E5=8C=96?=
 =?UTF-8?q?=E9=92=A2=E5=8D=B7=E6=9B=B4=E6=96=B0=E9=80=BB=E8=BE=91=E5=B9=B6?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4=E8=A1=A8=E5=8D=95=E9=AA=8C=E8=AF=81=E8=A7=84?=
 =?UTF-8?q?=E5=88=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 使用updateMaterialCoilSimple替换updateMaterialCoil以简化更新逻辑
- 移除部分非必要的表单验证规则
- 为钢卷选择器添加状态筛选条件
---
 klp-ui/src/views/wms/coil/do/packing.vue | 43 ++++++++++++------------
 1 file changed, 22 insertions(+), 21 deletions(-)

diff --git a/klp-ui/src/views/wms/coil/do/packing.vue b/klp-ui/src/views/wms/coil/do/packing.vue
index 880d27db..0249a442 100644
--- a/klp-ui/src/views/wms/coil/do/packing.vue
+++ b/klp-ui/src/views/wms/coil/do/packing.vue
@@ -244,7 +244,7 @@
 </template>
 
 <script>
-import { updateMaterialCoil, getMaterialCoil } from '@/api/wms/coil'
+import { updateMaterialCoilSimple, getMaterialCoil } from '@/api/wms/coil'
 import { listPendingAction, addPendingAction } from '@/api/wms/pendingAction'
 import MaterialSelect from "@/components/KLPService/MaterialSelect";
 import ActualWarehouseSelect from "@/components/KLPService/ActualWarehouseSelect";
@@ -275,6 +275,7 @@ export default {
       // 钢卷选择器筛选参数
       coilFilters: {
         dataType: 1,
+        status: 0,
       },
       coilSelectorVisible: false,
       loading: false,
@@ -291,25 +292,25 @@ export default {
       formLoading: false,
       // 表单校验
       rules: {
-        enterCoilNo: [
-          { required: true, message: "入场钢卷号不能为空", trigger: "blur" }
-        ],
-        currentCoilNo: [
-          { required: true, message: "当前钢卷号不能为空", trigger: "blur" }
-        ],
-        itemId: [
-          { required: true, message: "物品ID不能为空", trigger: "blur" }
-        ],
-        itemType: [
-          { required: true, message: "物品类型不能为空", trigger: "change" }
-        ],
-        // 净重和毛重
-        netWeight: [
-          { required: true, message: "净重不能为空", trigger: "blur" }
-        ],
-        grossWeight: [
-          { required: true, message: "毛重不能为空", trigger: "blur" }
-        ],
+        // enterCoilNo: [
+        //   { required: true, message: "入场钢卷号不能为空", trigger: "blur" }
+        // ],
+        // currentCoilNo: [
+        //   { required: true, message: "当前钢卷号不能为空", trigger: "blur" }
+        // ],
+        // itemId: [
+        //   { required: true, message: "物品ID不能为空", trigger: "blur" }
+        // ],
+        // itemType: [
+        //   { required: true, message: "物品类型不能为空", trigger: "change" }
+        // ],
+        // // 净重和毛重
+        // netWeight: [
+        //   { required: true, message: "净重不能为空", trigger: "blur" }
+        // ],
+        // grossWeight: [
+        //   { required: true, message: "毛重不能为空", trigger: "blur" }
+        // ],
       },
     }
   },
@@ -366,7 +367,7 @@ export default {
       this.$refs["form"].validate(valid => {
         if (valid) {
           this.buttonLoading = true;
-          updateMaterialCoil(this.form).then(_ => {
+          updateMaterialCoilSimple(this.form).then(_ => {
             addPendingAction({
               actionType: 405,
               currentCoilNo: this.form.currentCoilNo,