From 511d5b7385583449ba9a848f540eaa0f5c8e44ee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A0=82=E7=B3=96?= <2178503051@qq.com>
Date: Sat, 25 Apr 2026 15:28:47 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E7=BB=9F=E4=B8=80=E9=92=A2=E5=8D=B7?=
 =?UTF-8?q?=E5=B0=BA=E5=AF=B8=E5=8D=95=E4=BD=8D=E6=98=BE=E7=A4=BA=E4=B8=BA?=
 =?UTF-8?q?=E6=AF=AB=E7=B1=B3(mm)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

修改多个组件中钢卷尺寸的单位显示，将"米(m)"统一改为"毫米(mm)"，包括实测长度、宽度和厚度的标签及数值显示。同时调整了酸轧工序的标签名称从"酸轧工序"改为"酸连轧工序"以保持一致性。

在表格、表单、描述组件等多个地方进行了单位统一修改，确保整个系统中钢卷尺寸单位显示一致。添加了钢卷状态的行样式显示功能，根据不同类型显示不同背景色。
---
 .../KLPService/Renderer/CoilCard.vue          |    6 +-
 .../components/KLPService/Renderer/CoilNo.vue |    6 +-
 klp-ui/src/views/crm/components/CoilTable.vue |    4 +-
 .../pages/acid/components/Processing.vue      |    2 +-
 .../wms/coil/components/ExceptionManager.vue  |    4 +-
 klp-ui/src/views/wms/coil/do/correct.vue      |   41 +-
 klp-ui/src/views/wms/coil/do/correntAll.vue   |   42 +-
 klp-ui/src/views/wms/coil/info.vue            | 1103 ++++++++++-------
 klp-ui/src/views/wms/coil/merge.vue           |   12 +-
 klp-ui/src/views/wms/coil/panels/abnormal.vue |   12 +-
 klp-ui/src/views/wms/coil/panels/base.vue     |   32 +-
 klp-ui/src/views/wms/coil/panels/do.vue       |    6 +-
 .../src/views/wms/coil/panels/stepSplit.vue   |   26 +-
 klp-ui/src/views/wms/coil/split.vue           |   12 +-
 klp-ui/src/views/wms/coil/typing.vue          |   12 +-
 klp-ui/src/views/wms/coil/views/typeError.vue |   12 +-
 16 files changed, 828 insertions(+), 504 deletions(-)

diff --git a/klp-ui/src/components/KLPService/Renderer/CoilCard.vue b/klp-ui/src/components/KLPService/Renderer/CoilCard.vue
index e14ad7ef..8ae54265 100644
--- a/klp-ui/src/components/KLPService/Renderer/CoilCard.vue
+++ b/klp-ui/src/components/KLPService/Renderer/CoilCard.vue
@@ -69,15 +69,15 @@
                 </div>
                 <div class="param-row" v-if="coil.actualLength">
                   <span class="param-label">实测长度：</span>
-                  <span class="param-value">{{ coil.actualLength }}米</span>
+                  <span class="param-value">{{ coil.actualLength }}mm</span>
                 </div>
                 <div class="param-row" v-if="coil.actualThickness">
                   <span class="param-label">实测厚度：</span>
-                  <span class="param-value">{{ coil.actualThickness }}米</span>
+                  <span class="param-value">{{ coil.actualThickness }}mm</span>
                 </div>
                 <div class="param-row" v-if="coil.actualWidth">
                   <span class="param-label">实测宽度：</span>
-                  <span class="param-value">{{ coil.actualWidth }}米</span>
+                  <span class="param-value">{{ coil.actualWidth }}mm</span>
                 </div>
                 <div class="param-row" v-if="coil.temperGrade">
                   <span class="param-label">调制度：</span>
diff --git a/klp-ui/src/components/KLPService/Renderer/CoilNo.vue b/klp-ui/src/components/KLPService/Renderer/CoilNo.vue
index 80546e7d..8d597111 100644
--- a/klp-ui/src/components/KLPService/Renderer/CoilNo.vue
+++ b/klp-ui/src/components/KLPService/Renderer/CoilNo.vue
@@ -36,15 +36,15 @@
         </div>
         <div class="info-item" v-if="actualLength">
           <span class="label">实测长度：</span>
-          <span class="value">{{ actualLength }}</span>
+          <span class="value">{{ actualLength }}mm</span>
         </div>
         <div class="info-item" v-if="actualLength">
           <span class="label">实测厚度：</span>
-          <span class="value">{{ actualThickness }}</span>
+          <span class="value">{{ actualThickness }}mm</span>
         </div>
         <div class="info-item" v-if="actualWidth">
           <span class="label">实测宽度：</span>
-          <span class="value">{{ actualWidth }}</span>
+          <span class="value">{{ actualWidth }}mm</span>
         </div>
         <div class="info-item">
           <span class="label">厂家卷号：</span>
diff --git a/klp-ui/src/views/crm/components/CoilTable.vue b/klp-ui/src/views/crm/components/CoilTable.vue
index f0dd3465..2b1b13c5 100644
--- a/klp-ui/src/views/crm/components/CoilTable.vue
+++ b/klp-ui/src/views/crm/components/CoilTable.vue
@@ -126,8 +126,8 @@ export default {
           { label: '厂家', prop: 'itemManufacturer' },
           { label: '调制度', prop: 'temperGrade' },
           { label: '镀层种类', prop: 'coatingType' },
-          { label: '实测长度(m)', prop: 'actualLength' },
-          { label: '实测宽度(m)', prop: 'actualWidth' },
+          { label: '实测长度(mm)', prop: 'actualLength' },
+          { label: '实测宽度(mm)', prop: 'actualWidth' },
         ],
         title: '详细信息'
       },
diff --git a/klp-ui/src/views/micro/pages/acid/components/Processing.vue b/klp-ui/src/views/micro/pages/acid/components/Processing.vue
index dc118f88..83b129f5 100644
--- a/klp-ui/src/views/micro/pages/acid/components/Processing.vue
+++ b/klp-ui/src/views/micro/pages/acid/components/Processing.vue
@@ -29,7 +29,7 @@ export default {
         { 
           title: '酸轧加工',
           name: 'typing',
-          label: '酸轧工序',
+          label: '酸连轧工序',
           tabs: [
             {value: '1988150044862377986', label: '酸连轧原料库'},
             {value: '1988150099140866050', label: '酸连轧成品库'}, 
diff --git a/klp-ui/src/views/wms/coil/components/ExceptionManager.vue b/klp-ui/src/views/wms/coil/components/ExceptionManager.vue
index a78a9f85..911f4d2c 100644
--- a/klp-ui/src/views/wms/coil/components/ExceptionManager.vue
+++ b/klp-ui/src/views/wms/coil/components/ExceptionManager.vue
@@ -32,9 +32,9 @@
         <el-descriptions-item label="原料材质">{{ coilInfo.packingStatus || '-' }}</el-descriptions-item>
         <el-descriptions-item label="包装要求">{{ coilInfo.packagingRequirement || '-'
         }}</el-descriptions-item>
-        <el-descriptions-item label="实测厚度(m)">{{ coilInfo.actualThickness || '-' }}
+        <el-descriptions-item label="实测厚度(mm)">{{ coilInfo.actualThickness || '-' }}
           m</el-descriptions-item>
-        <el-descriptions-item label="实测宽度(m)">{{ coilInfo.actualWidth || '-' }}
+        <el-descriptions-item label="实测宽度(mm)">{{ coilInfo.actualWidth || '-' }}
           m</el-descriptions-item>
         <el-descriptions-item label="长度">{{ coilInfo.length || '-' }}
           m</el-descriptions-item>
diff --git a/klp-ui/src/views/wms/coil/do/correct.vue b/klp-ui/src/views/wms/coil/do/correct.vue
index 36265464..80d18c1a 100644
--- a/klp-ui/src/views/wms/coil/do/correct.vue
+++ b/klp-ui/src/views/wms/coil/do/correct.vue
@@ -50,7 +50,12 @@
               <i class="el-icon-box"></i>
               <p>暂无待领物料</p>
             </div> -->
-            <KLPTable :data="materialCoilList" height="calc(100vh - 340px)" :floatLayer="true" :floatLayerConfig="floatLayerConfig">
+            <KLPTable :data="materialCoilList" height="calc(100vh - 340px)" :floatLayer="true" :floatLayerConfig="floatLayerConfig" :row-style="getRowStyle">
+              <el-table-column prop="status" label="钢卷状态" width="100" show-overflow-tooltip>
+                <template slot-scope="scope">
+                  <el-tag size="small" :style="getBorderStyle(scope.row)">{{ getTypeLabel(scope.row) }}</el-tag>
+                </template>
+              </el-table-column>
               <el-table-column prop="currentCoilNo" label="当前钢卷号">
                 <template slot-scope="scope">
                   <current-coil-no :current-coil-no="scope.row.currentCoilNo" />
@@ -256,15 +261,15 @@
         <el-form-item label="长度" prop="length">
           <el-input v-model="form.length" placeholder="请输入长度" />
         </el-form-item>
-        <el-form-item label="实测长度(m)" prop="actualLength">
+        <el-form-item label="实测长度(mm)" prop="actualLength">
           <el-input-number :controls="false" v-model="form.actualLength" placeholder="请输入实测长度" type="number"
             :step="0.01" />
         </el-form-item>
-        <el-form-item label="实测宽度(m)" prop="actualWidth">
+        <el-form-item label="实测宽度(mm)" prop="actualWidth">
           <el-input-number :controls="false" v-model="form.actualWidth" placeholder="请输入实测宽度" type="number"
             :step="0.01" />
         </el-form-item>
-        <el-form-item label="实测厚度(m)" prop="actualThickness">
+        <el-form-item label="实测厚度(mm)" prop="actualThickness">
           <el-input-number :controls="false" v-model="form.actualThickness" placeholder="请输入实测厚度" type="number"
             :step="0.01" />
         </el-form-item>
@@ -512,9 +517,9 @@ export default {
           { label: '厂家', prop: 'manufacturer' },
           { label: '调制度', prop: 'temperGrade' },
           { label: '镀层种类', prop: 'coatingType' },
-          { label: '实测长度(m)', prop: 'actualLength' },
-          { label: '实测宽度(m)', prop: 'actualWidth' },
-          { label: '实测厚度(m)', prop: 'actualThickness' },
+          { label: '实测长度(mm)', prop: 'actualLength' },
+          { label: '实测宽度(mm)', prop: 'actualWidth' },
+          { label: '实测厚度(mm)', prop: 'actualThickness' },
           { label: '钢卷表面处理', prop: 'coilSurfaceTreatment' },
         ],
         title: '详细信息'
@@ -688,6 +693,28 @@ export default {
       }
       return '未知'
     },
+    getRowStyle(row) {
+      console.log('getRowStyle called with row:', row);
+      // 先尝试给所有行设置一个简单的背景色测试是否生效
+      if (row.status == 1) {
+        console.log('returning blue');
+        return { backgroundColor: '#e6f7ff' }
+      }
+      if (row.dataType == 0 || row.dataType == 2) {
+        console.log('returning gray');
+        return { backgroundColor: '#f4f4f5' }
+      }
+      if (row.dataType == 1) {
+        console.log('returning green');
+        return { backgroundColor: '#f0fdf4' }
+      }
+      if (row.dataType == 10) {
+        console.log('returning yellow');
+        return { backgroundColor: '#fffbe6' }
+      }
+      console.log('returning default');
+      return {}
+    },
     /** 查询用户列表 */
     getUsers() {
       listUser({ pageNum: 1, pageSize: 1000 }).then(response => {
diff --git a/klp-ui/src/views/wms/coil/do/correntAll.vue b/klp-ui/src/views/wms/coil/do/correntAll.vue
index ec4e0ba6..22f743f5 100644
--- a/klp-ui/src/views/wms/coil/do/correntAll.vue
+++ b/klp-ui/src/views/wms/coil/do/correntAll.vue
@@ -38,7 +38,12 @@
         <!-- 钢卷信息卡片 -->
         <div v-loading="materialLoading">
           <KLPTable :data="materialCoilList" height="calc(100vh - 340px)" :floatLayer="true"
-            :floatLayerConfig="floatLayerConfig">
+            :floatLayerConfig="floatLayerConfig" :row-style="getRowStyle">
+            <el-table-column prop="status" label="钢卷状态" width="100" show-overflow-tooltip>
+              <template slot-scope="scope">
+                <el-tag size="small" :style="getBorderStyle(scope.row)">{{ getTypeLabel(scope.row) }}</el-tag>
+              </template>
+            </el-table-column>
             <el-table-column prop="currentCoilNo" label="当前钢卷号">
               <template slot-scope="scope">
                 <current-coil-no :current-coil-no="scope.row.currentCoilNo" />
@@ -49,6 +54,7 @@
             <el-table-column prop="warehouseName" label="逻辑库区" show-overflow-tooltip></el-table-column>
             <el-table-column prop="specification" label="规格" width="100" show-overflow-tooltip></el-table-column>
             <el-table-column prop="netWeight" label="净重" width="100" show-overflow-tooltip></el-table-column>
+            
             <el-table-column prop="action" label="操作" width="400">
               <template slot-scope="scope">
                 <el-button v-loading="buttonLoading" style="margin-left: 0px; padding: 4px !important;" type="default"
@@ -334,18 +340,18 @@
         <el-form-item label="净重" prop="netWeight">
           <el-input v-model="form.netWeight" placeholder="请输入净重" />
         </el-form-item>
-        <el-form-item label="长度" prop="length">
+        <el-form-item label="长度(mm)" prop="length">
           <el-input v-model="form.length" placeholder="请输入长度" />
         </el-form-item>
-        <el-form-item label="实测长度(m)" prop="actualLength">
+        <el-form-item label="实测长度(mm)" prop="actualLength">
           <el-input-number :controls="false" v-model="form.actualLength" placeholder="请输入实测长度" type="number"
             :step="0.01" />
         </el-form-item>
-        <el-form-item label="实测宽度(m)" prop="actualWidth">
+        <el-form-item label="实测宽度(mm)" prop="actualWidth">
           <el-input-number :controls="false" v-model="form.actualWidth" placeholder="请输入实测宽度" type="number"
             :step="0.01" />
         </el-form-item>
-        <el-form-item label="实测厚度(m)" prop="actualThickness">
+        <el-form-item label="实测厚度(mm)" prop="actualThickness">
           <el-input-number :controls="false" v-model="form.actualThickness" placeholder="请输入实测厚度" type="number"
             :step="0.01" />
         </el-form-item>
@@ -487,9 +493,9 @@ export default {
           { label: '厂家', prop: 'manufacturer' },
           { label: '调制度', prop: 'temperGrade' },
           { label: '镀层种类', prop: 'coatingType' },
-          { label: '实测长度(m)', prop: 'actualLength' },
-          { label: '实测宽度(m)', prop: 'actualWidth' },
-          { label: '实测厚度(m)', prop: 'actualThickness' },
+          { label: '实测长度(mm)', prop: 'actualLength' },
+          { label: '实测宽度(mm)', prop: 'actualWidth' },
+          { label: '实测厚度(mm)', prop: 'actualThickness' },
           { label: '钢卷表面处理', prop: 'coilSurfaceTreatment' },
         ],
         title: '详细信息'
@@ -1012,6 +1018,26 @@ export default {
       return '未知'
     },
 
+    getRowStyle(row) {
+      // 已发货
+      if (row.status == 1) {
+        return { backgroundColor: '#e6f7ff' }
+      }
+      // 历史钢卷
+      if (row.dataType == 0 || row.dataType == 2) {
+        return { backgroundColor: '#f4f4f5' }
+      }
+      // 当前钢卷
+      if (row.dataType == 1) {
+        return { backgroundColor: '#f0fdf4' }
+      }
+      // 还未入库的钢卷
+      if (row.dataType == 10) {
+        return { backgroundColor: '#fffbe6' }
+      }
+      return {}
+    },
+
     /** 根据操作类型获取图标 */
     getActionIcon(actionType) {
       const value = parseInt(actionType);
diff --git a/klp-ui/src/views/wms/coil/info.vue b/klp-ui/src/views/wms/coil/info.vue
index 84f976e7..f9b52a9b 100644
--- a/klp-ui/src/views/wms/coil/info.vue
+++ b/klp-ui/src/views/wms/coil/info.vue
@@ -26,12 +26,13 @@
                   <div class="coil-card-header inbound-header">
                     <span class="card-label">📦 入库</span>
                   </div>
-                  <div v-for="(coil, idx) in getInboundCoil(step, index)" :key="idx" class="coil-card-futuristic" v-if="coil.currentCoilNo !== '-'">
+                  <div v-for="(coil, idx) in getInboundCoil(step, index)" :key="idx" class="coil-card-futuristic"
+                    v-if="coil.currentCoilNo !== '-'">
                     <div class="coil-futuristic-header">
                       <span class="coil-futuristic-no">{{ coil.currentCoilNo }}</span>
                       <span class="coil-futuristic-weight">{{ coil.netWeight ? coil.netWeight + ' t' : '-' }}</span>
                     </div>
-                    
+
                     <div class="coil-futuristic-body">
                       <!-- 钢卷图标 -->
                       <div class="coil-icon-container">
@@ -47,15 +48,18 @@
                               <stop offset="100%" style="stop-color:#bfdbfe;stop-opacity:0.3" />
                             </linearGradient>
                           </defs>
-                          
+
                           <!-- 外圈 -->
-                          <circle cx="100" cy="100" r="70" fill="none" stroke="url(#coilGradInbound1)" stroke-width="2.5">
+                          <circle cx="100" cy="100" r="70" fill="none" stroke="url(#coilGradInbound1)"
+                            stroke-width="2.5">
                             <animate attributeName="r" values="70;72;70" dur="2s" repeatCount="indefinite" />
                           </circle>
-                          <circle cx="100" cy="100" r="60" fill="none" stroke="url(#coilGradInbound2)" stroke-width="1.8" opacity="0.6">
-                            <animate attributeName="stroke-dashoffset" values="0;377" dur="4s" repeatCount="indefinite" />
+                          <circle cx="100" cy="100" r="60" fill="none" stroke="url(#coilGradInbound2)"
+                            stroke-width="1.8" opacity="0.6">
+                            <animate attributeName="stroke-dashoffset" values="0;377" dur="4s"
+                              repeatCount="indefinite" />
                           </circle>
-                          
+
                           <!-- 内层钢卷 -->
                           <circle cx="100" cy="100" r="45" fill="url(#coilGradInbound1)" opacity="0.15">
                             <animate attributeName="opacity" values="0.15;0.3;0.15" dur="3s" repeatCount="indefinite" />
@@ -63,20 +67,24 @@
                           <circle cx="100" cy="100" r="35" fill="url(#coilGradInbound2)" opacity="0.2" />
                           <circle cx="100" cy="100" r="25" fill="url(#coilGradInbound1)" opacity="0.25" />
                           <circle cx="100" cy="100" r="15" fill="white" opacity="0.4" />
-                          
+
                           <!-- 装饰线条 -->
-                          <line x1="100" y1="100" x2="100" y2="30" stroke="url(#coilGradInbound1)" stroke-width="1" opacity="0.4" />
-                          <line x1="100" y1="100" x2="170" y2="100" stroke="url(#coilGradInbound1)" stroke-width="1" opacity="0.4" />
-                          <line x1="100" y1="100" x2="100" y2="170" stroke="url(#coilGradInbound1)" stroke-width="1" opacity="0.4" />
-                          <line x1="100" y1="100" x2="30" y2="100" stroke="url(#coilGradInbound1)" stroke-width="1" opacity="0.4" />
-                          
+                          <line x1="100" y1="100" x2="100" y2="30" stroke="url(#coilGradInbound1)" stroke-width="1"
+                            opacity="0.4" />
+                          <line x1="100" y1="100" x2="170" y2="100" stroke="url(#coilGradInbound1)" stroke-width="1"
+                            opacity="0.4" />
+                          <line x1="100" y1="100" x2="100" y2="170" stroke="url(#coilGradInbound1)" stroke-width="1"
+                            opacity="0.4" />
+                          <line x1="100" y1="100" x2="30" y2="100" stroke="url(#coilGradInbound1)" stroke-width="1"
+                            opacity="0.4" />
+
                           <!-- 中心点 -->
                           <circle cx="100" cy="100" r="4" fill="#3b82f6">
                             <animate attributeName="r" values="4;6;4" dur="1.5s" repeatCount="indefinite" />
                           </circle>
                         </svg>
                       </div>
-                      
+
                       <!-- 属性标签 -->
                       <div class="coil-attr-tags">
                         <!-- 顶部 - 材质 -->
@@ -87,7 +95,7 @@
                             <span class="attr-value">{{ coil.material || '-' }}</span>
                           </div>
                         </div>
-                        
+
                         <!-- 右侧 - 规格 -->
                         <div class="attr-tag attr-right">
                           <div class="attr-line attr-line-right"></div>
@@ -96,13 +104,14 @@
                             <span class="attr-value">{{ coil.specification || '-' }}</span>
                           </div>
                         </div>
-                        
+
                         <!-- 左侧 - 质量状态 -->
                         <div class="attr-tag attr-left">
                           <div class="attr-line attr-line-left"></div>
                           <div class="attr-content">
                             <span class="attr-label">质量状态</span>
-                            <span class="attr-value" :class="getFuturisticStatusClass(coil.qualityStatus)">{{ coil.qualityStatus }}</span>
+                            <span class="attr-value" :class="getFuturisticStatusClass(coil.qualityStatus)">{{
+                              coil.qualityStatus }}</span>
                           </div>
                         </div>
 
@@ -147,7 +156,7 @@
                         </div>
                       </div>
                     </div>
-                    
+
                     <!-- 底部信息 -->
                     <div class="coil-futuristic-footer">
                       <div class="footer-item">
@@ -164,7 +173,9 @@
                       </div>
                     </div>
                   </div>
-                  <div v-if="getInboundCoil(step, index).length === 0 || getInboundCoil(step, index).every(c => c.currentCoilNo === '-')" class="empty-coil">
+                  <div
+                    v-if="getInboundCoil(step, index).length === 0 || getInboundCoil(step, index).every(c => c.currentCoilNo === '-')"
+                    class="empty-coil">
                     <span>无钢卷信息</span>
                   </div>
                 </div>
@@ -189,12 +200,13 @@
                   <div class="coil-card-header">
                     <span class="card-label">变更前</span>
                   </div>
-                  <div v-for="(coil, idx) in step.oldCoilInfoList" :key="idx" class="coil-card-futuristic" v-if="coil.currentCoilNo != '-'">
+                  <div v-for="(coil, idx) in step.oldCoilInfoList" :key="idx" class="coil-card-futuristic"
+                    v-if="coil.currentCoilNo != '-'">
                     <div class="coil-futuristic-header">
                       <span class="coil-futuristic-no">{{ coil.currentCoilNo }}</span>
                       <span class="coil-futuristic-weight">{{ coil.netWeight ? coil.netWeight + ' t' : '-' }}</span>
                     </div>
-                    
+
                     <div class="coil-futuristic-body">
                       <!-- 钢卷图标 -->
                       <div class="coil-icon-container">
@@ -210,15 +222,17 @@
                               <stop offset="100%" style="stop-color:#c084fc;stop-opacity:0.3" />
                             </linearGradient>
                           </defs>
-                          
+
                           <!-- 外圈 -->
                           <circle cx="100" cy="100" r="70" fill="none" stroke="url(#coilGrad1)" stroke-width="2.5">
                             <animate attributeName="r" values="70;72;70" dur="2s" repeatCount="indefinite" />
                           </circle>
-                          <circle cx="100" cy="100" r="60" fill="none" stroke="url(#coilGrad2)" stroke-width="1.8" opacity="0.6">
-                            <animate attributeName="stroke-dashoffset" values="0;377" dur="4s" repeatCount="indefinite" />
+                          <circle cx="100" cy="100" r="60" fill="none" stroke="url(#coilGrad2)" stroke-width="1.8"
+                            opacity="0.6">
+                            <animate attributeName="stroke-dashoffset" values="0;377" dur="4s"
+                              repeatCount="indefinite" />
                           </circle>
-                          
+
                           <!-- 内层钢卷 -->
                           <circle cx="100" cy="100" r="45" fill="url(#coilGrad1)" opacity="0.15">
                             <animate attributeName="opacity" values="0.15;0.3;0.15" dur="3s" repeatCount="indefinite" />
@@ -226,20 +240,24 @@
                           <circle cx="100" cy="100" r="35" fill="url(#coilGrad2)" opacity="0.2" />
                           <circle cx="100" cy="100" r="25" fill="url(#coilGrad1)" opacity="0.25" />
                           <circle cx="100" cy="100" r="15" fill="white" opacity="0.4" />
-                          
+
                           <!-- 装饰线条 -->
-                          <line x1="100" y1="100" x2="100" y2="30" stroke="url(#coilGrad1)" stroke-width="1" opacity="0.4" />
-                          <line x1="100" y1="100" x2="170" y2="100" stroke="url(#coilGrad1)" stroke-width="1" opacity="0.4" />
-                          <line x1="100" y1="100" x2="100" y2="170" stroke="url(#coilGrad1)" stroke-width="1" opacity="0.4" />
-                          <line x1="100" y1="100" x2="30" y2="100" stroke="url(#coilGrad1)" stroke-width="1" opacity="0.4" />
-                          
+                          <line x1="100" y1="100" x2="100" y2="30" stroke="url(#coilGrad1)" stroke-width="1"
+                            opacity="0.4" />
+                          <line x1="100" y1="100" x2="170" y2="100" stroke="url(#coilGrad1)" stroke-width="1"
+                            opacity="0.4" />
+                          <line x1="100" y1="100" x2="100" y2="170" stroke="url(#coilGrad1)" stroke-width="1"
+                            opacity="0.4" />
+                          <line x1="100" y1="100" x2="30" y2="100" stroke="url(#coilGrad1)" stroke-width="1"
+                            opacity="0.4" />
+
                           <!-- 中心点 -->
                           <circle cx="100" cy="100" r="4" fill="#6366f1">
                             <animate attributeName="r" values="4;6;4" dur="1.5s" repeatCount="indefinite" />
                           </circle>
                         </svg>
                       </div>
-                      
+
                       <!-- 属性标签 -->
                       <div class="coil-attr-tags">
                         <!-- 顶部 - 材质 -->
@@ -250,7 +268,7 @@
                             <span class="attr-value">{{ coil.material || '-' }}</span>
                           </div>
                         </div>
-                        
+
                         <!-- 右侧 - 规格 -->
                         <div class="attr-tag attr-right">
                           <div class="attr-line attr-line-right"></div>
@@ -259,173 +277,14 @@
                             <span class="attr-value">{{ coil.specification || '-' }}</span>
                           </div>
                         </div>
-                        
+
                         <!-- 左侧 - 质量状态 -->
                         <div class="attr-tag attr-left">
                           <div class="attr-line attr-line-left"></div>
                           <div class="attr-content">
                             <span class="attr-label">状态</span>
-                            <span class="attr-value" :class="getFuturisticStatusClass(coil.qualityStatus)">{{ coil.qualityStatus || '-' }}</span>
-                          </div>
-                        </div>
-
-                        <!-- 左上角 - 入场卷号 -->
-                        <div class="attr-tag attr-top-left">
-                          <div class="attr-content attr-content-small">
-                            <span class="attr-label">入场卷号</span>
-                            <span class="attr-value">{{ coil.enterCoilNo || '-' }}</span> 
-                          </div>
-                        </div>
-
-                        <!-- 右上角 - 厂家原料号 -->
-                        <div class="attr-tag attr-top-right">
-                          <div class="attr-content attr-content-small">
-                            <span class="attr-label">厂家原料号</span>
-                            <span class="attr-value">{{ coil.supplierCoilNo || '-' }}</span>
-                          </div>
-                        </div>
-
-                        <!-- 左下角 - 班组 -->
-                        <div class="attr-tag attr-bottom-left">
-                          <div class="attr-content attr-content-small">
-                            <span class="attr-label">班组</span>
-                            <span class="attr-value">{{ coil.team || '-' }}</span>
-                          </div>
-                        </div>
-
-                        <!-- 右下角 - 厂家 -->
-                        <div class="attr-tag attr-bottom-right">
-                          <div class="attr-content attr-content-small">
-                            <span class="attr-label">厂家</span>
-                            <span class="attr-value">{{ coil.manufacturer || '-' }}</span>
-                          </div>
-                        </div>
-
-                        <!-- 备注信息在底部 -->
-                        <div class="attr-tag attr-remark">
-                          <div class="attr-content attr-content-remark">
-                            <span class="attr-label">备注</span>
-                            <span class="attr-value">{{ coil.remark || '-' }}</span>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    
-                    <!-- 底部信息 -->
-                    <div class="coil-futuristic-footer">
-                      <div class="footer-item">
-                        <span class="footer-label">镀层</span>
-                        <span class="footer-value">{{ coil.zincLayer || '-' }}</span>
-                      </div>
-                      <div class="footer-item">
-                        <span class="footer-label">表面处理</span>
-                        <span class="footer-value">{{ coil.surfaceTreatmentDesc || '-' }}</span>
-                      </div>
-                      <div class="footer-item">
-                        <span class="footer-label">逻辑库位</span>
-                        <span class="footer-value">{{ coil.warehouseName || '-' }}</span>
-                      </div>
-                    </div>
-                  </div>
-                  <div v-if="step.oldCoilInfoList.length === 0 || step.oldCoilInfoList.every(c => c.currentCoilNo === '-')" class="empty-coil">
-                    <span>无钢卷信息</span>
-                  </div>
-                </div>
-
-                <!-- 中间操作信息 -->
-                <div class="action-center">
-                  <div class="action-arrow">
-                    <i class="el-icon-right"></i>
-                  </div>
-                  <div class="action-info">
-                    <el-tag size="mini" type="info" class="action-tag">{{ step.action }}</el-tag>
-                    <span class="action-operator">{{ step.operation }}</span>
-                    <span class="action-time">{{ step.time }}</span>
-                  </div>
-                </div>
-
-                <!-- 右侧新钢卷卡片 -->
-                <div class="coil-card-wrapper new-coil-wrapper">
-                  <div class="coil-card-header">
-                    <span class="card-label">变更后</span>
-                  </div>
-                  <div v-for="(coil, idx) in step.newCoilInfoList" :key="idx" class="coil-card-futuristic" v-if="coil.currentCoilNo != '-'">
-                    <div class="coil-futuristic-header">
-                      <span class="coil-futuristic-no">{{ coil.currentCoilNo }}</span>
-                      <span class="coil-futuristic-weight">{{ coil.netWeight ? coil.netWeight + ' t' : '-' }}</span>
-                    </div>
-                    
-                    <div class="coil-futuristic-body">
-                      <!-- 钢卷图标 -->
-                      <div class="coil-icon-container">
-                        <svg class="coil-svg" viewBox="0 0 200 200">
-                          <defs>
-                            <linearGradient id="coilGrad3" x1="0%" y1="0%" x2="100%" y2="100%">
-                              <stop offset="0%" style="stop-color:#10b981;stop-opacity:0.5" />
-                              <stop offset="50%" style="stop-color:#34d399;stop-opacity:0.4" />
-                              <stop offset="100%" style="stop-color:#10b981;stop-opacity:0.5" />
-                            </linearGradient>
-                            <linearGradient id="coilGrad4" x1="0%" y1="0%" x2="100%" y2="0%">
-                              <stop offset="0%" style="stop-color:#a7f3d0;stop-opacity:0.4" />
-                              <stop offset="100%" style="stop-color:#fbcfe8;stop-opacity:0.3" />
-                            </linearGradient>
-                          </defs>
-                          
-                          <!-- 外圈 -->
-                          <circle cx="100" cy="100" r="70" fill="none" stroke="url(#coilGrad3)" stroke-width="2.5">
-                            <animate attributeName="r" values="70;72;70" dur="2s" repeatCount="indefinite" />
-                          </circle>
-                          <circle cx="100" cy="100" r="60" fill="none" stroke="url(#coilGrad4)" stroke-width="1.8" opacity="0.6" stroke-dasharray="50 50">
-                            <animate attributeName="stroke-dashoffset" values="0;100" dur="3s" repeatCount="indefinite" />
-                          </circle>
-                          
-                          <!-- 内层钢卷 -->
-                          <circle cx="100" cy="100" r="45" fill="url(#coilGrad3)" opacity="0.15">
-                            <animate attributeName="opacity" values="0.15;0.3;0.15" dur="3s" repeatCount="indefinite" />
-                          </circle>
-                          <circle cx="100" cy="100" r="35" fill="url(#coilGrad4)" opacity="0.2" />
-                          <circle cx="100" cy="100" r="25" fill="url(#coilGrad3)" opacity="0.25" />
-                          <circle cx="100" cy="100" r="15" fill="white" opacity="0.4" />
-                          
-                          <!-- 装饰线条 -->
-                          <line x1="100" y1="100" x2="100" y2="30" stroke="url(#coilGrad3)" stroke-width="1" opacity="0.4" />
-                          <line x1="100" y1="100" x2="170" y2="100" stroke="url(#coilGrad3)" stroke-width="1" opacity="0.4" />
-                          <line x1="100" y1="100" x2="100" y2="170" stroke="url(#coilGrad3)" stroke-width="1" opacity="0.4" />
-                          <line x1="100" y1="100" x2="30" y2="100" stroke="url(#coilGrad3)" stroke-width="1" opacity="0.4" />
-                          
-                          <!-- 中心点 -->
-                          <circle cx="100" cy="100" r="4" fill="#10b981">
-                            <animate attributeName="r" values="4;6;4" dur="1.5s" repeatCount="indefinite" />
-                          </circle>
-                        </svg>
-                      </div>
-                      
-                      <!-- 属性标签 -->
-                      <div class="coil-attr-tags">
-                        <!-- 顶部 - 材质 -->
-                        <div class="attr-tag attr-top">
-                          <div class="attr-line attr-line-top"></div>
-                          <div class="attr-content">
-                            <span class="attr-label">材质</span>
-                            <span class="attr-value">{{ coil.material || '-' }}</span>
-                          </div>
-                        </div>
-                        
-                        <!-- 右侧 - 规格 -->
-                        <div class="attr-tag attr-right">
-                          <div class="attr-line attr-line-right"></div>
-                          <div class="attr-content">
-                            <span class="attr-label">规格</span>
-                            <span class="attr-value">{{ coil.specification || '-' }}</span>
-                          </div>
-                        </div>
-                        
-                        <!-- 左侧 - 质量状态 -->
-                        <div class="attr-tag attr-left">
-                          <div class="attr-line attr-line-left"></div>
-                          <div class="attr-content">
-                            <span class="attr-label">状态</span>
-                            <span class="attr-value" :class="getFuturisticStatusClass(coil.qualityStatus || '-')">{{ coil.qualityStatus || '-' }}</span>
+                            <span class="attr-value" :class="getFuturisticStatusClass(coil.qualityStatus)">{{
+                              coil.qualityStatus || '-' }}</span>
                           </div>
                         </div>
 
@@ -470,7 +329,7 @@
                         </div>
                       </div>
                     </div>
-                    
+
                     <!-- 底部信息 -->
                     <div class="coil-futuristic-footer">
                       <div class="footer-item">
@@ -487,10 +346,279 @@
                       </div>
                     </div>
                   </div>
-                  <div v-if="step.newCoilInfoList.length === 0 || step.newCoilInfoList.every(c => c.currentCoilNo === '-')" class="empty-coil">
+                  <div
+                    v-if="step.oldCoilInfoList.length === 0 || step.oldCoilInfoList.every(c => c.currentCoilNo === '-')"
+                    class="empty-coil">
                     <span>无钢卷信息</span>
                   </div>
                 </div>
+
+                <!-- 中间操作信息 -->
+                <div class="action-center">
+                  <div class="action-arrow">
+                    <i class="el-icon-right"></i>
+                  </div>
+                  <div class="action-info">
+                    <el-tag size="mini" type="info" class="action-tag">{{ step.action }}</el-tag>
+                    <span class="action-operator">{{ step.operation }}</span>
+                    <span class="action-time">{{ step.time }}</span>
+                  </div>
+                </div>
+
+                <!-- 右侧新钢卷卡片 -->
+                <div class="coil-card-wrapper new-coil-wrapper">
+                  <div class="coil-card-header">
+                    <span class="card-label">变更后</span>
+                  </div>
+                  <div v-for="(coil, idx) in step.newCoilInfoList" :key="idx" class="coil-card-futuristic"
+                    v-if="coil.currentCoilNo != '-'">
+                    <div class="coil-futuristic-header">
+                      <span class="coil-futuristic-no">{{ coil.currentCoilNo }}</span>
+                      <span class="coil-futuristic-weight">{{ coil.netWeight ? coil.netWeight + ' t' : '-' }}</span>
+                    </div>
+
+                    <div class="coil-futuristic-body">
+                      <!-- 钢卷图标 -->
+                      <div class="coil-icon-container">
+                        <svg class="coil-svg" viewBox="0 0 200 200">
+                          <defs>
+                            <linearGradient id="coilGrad3" x1="0%" y1="0%" x2="100%" y2="100%">
+                              <stop offset="0%" style="stop-color:#10b981;stop-opacity:0.5" />
+                              <stop offset="50%" style="stop-color:#34d399;stop-opacity:0.4" />
+                              <stop offset="100%" style="stop-color:#10b981;stop-opacity:0.5" />
+                            </linearGradient>
+                            <linearGradient id="coilGrad4" x1="0%" y1="0%" x2="100%" y2="0%">
+                              <stop offset="0%" style="stop-color:#a7f3d0;stop-opacity:0.4" />
+                              <stop offset="100%" style="stop-color:#fbcfe8;stop-opacity:0.3" />
+                            </linearGradient>
+                          </defs>
+
+                          <!-- 外圈 -->
+                          <circle cx="100" cy="100" r="70" fill="none" stroke="url(#coilGrad3)" stroke-width="2.5">
+                            <animate attributeName="r" values="70;72;70" dur="2s" repeatCount="indefinite" />
+                          </circle>
+                          <circle cx="100" cy="100" r="60" fill="none" stroke="url(#coilGrad4)" stroke-width="1.8"
+                            opacity="0.6" stroke-dasharray="50 50">
+                            <animate attributeName="stroke-dashoffset" values="0;100" dur="3s"
+                              repeatCount="indefinite" />
+                          </circle>
+
+                          <!-- 内层钢卷 -->
+                          <circle cx="100" cy="100" r="45" fill="url(#coilGrad3)" opacity="0.15">
+                            <animate attributeName="opacity" values="0.15;0.3;0.15" dur="3s" repeatCount="indefinite" />
+                          </circle>
+                          <circle cx="100" cy="100" r="35" fill="url(#coilGrad4)" opacity="0.2" />
+                          <circle cx="100" cy="100" r="25" fill="url(#coilGrad3)" opacity="0.25" />
+                          <circle cx="100" cy="100" r="15" fill="white" opacity="0.4" />
+
+                          <!-- 装饰线条 -->
+                          <line x1="100" y1="100" x2="100" y2="30" stroke="url(#coilGrad3)" stroke-width="1"
+                            opacity="0.4" />
+                          <line x1="100" y1="100" x2="170" y2="100" stroke="url(#coilGrad3)" stroke-width="1"
+                            opacity="0.4" />
+                          <line x1="100" y1="100" x2="100" y2="170" stroke="url(#coilGrad3)" stroke-width="1"
+                            opacity="0.4" />
+                          <line x1="100" y1="100" x2="30" y2="100" stroke="url(#coilGrad3)" stroke-width="1"
+                            opacity="0.4" />
+
+                          <!-- 中心点 -->
+                          <circle cx="100" cy="100" r="4" fill="#10b981">
+                            <animate attributeName="r" values="4;6;4" dur="1.5s" repeatCount="indefinite" />
+                          </circle>
+                        </svg>
+                      </div>
+
+                      <!-- 属性标签 -->
+                      <div class="coil-attr-tags">
+                        <!-- 顶部 - 材质 -->
+                        <div class="attr-tag attr-top">
+                          <div class="attr-line attr-line-top"></div>
+                          <div class="attr-content">
+                            <span class="attr-label">材质</span>
+                            <span class="attr-value">{{ coil.material || '-' }}</span>
+                          </div>
+                        </div>
+
+                        <!-- 右侧 - 规格 -->
+                        <div class="attr-tag attr-right">
+                          <div class="attr-line attr-line-right"></div>
+                          <div class="attr-content">
+                            <span class="attr-label">规格</span>
+                            <span class="attr-value">{{ coil.specification || '-' }}</span>
+                          </div>
+                        </div>
+
+                        <!-- 左侧 - 质量状态 -->
+                        <div class="attr-tag attr-left">
+                          <div class="attr-line attr-line-left"></div>
+                          <div class="attr-content">
+                            <span class="attr-label">状态</span>
+                            <span class="attr-value" :class="getFuturisticStatusClass(coil.qualityStatus || '-')">{{
+                              coil.qualityStatus || '-' }}</span>
+                          </div>
+                        </div>
+
+                        <!-- 左上角 - 入场卷号 -->
+                        <div class="attr-tag attr-top-left">
+                          <div class="attr-content attr-content-small">
+                            <span class="attr-label">入场卷号</span>
+                            <span class="attr-value">{{ coil.enterCoilNo || '-' }}</span>
+                          </div>
+                        </div>
+
+                        <!-- 右上角 - 厂家原料号 -->
+                        <div class="attr-tag attr-top-right">
+                          <div class="attr-content attr-content-small">
+                            <span class="attr-label">厂家原料号</span>
+                            <span class="attr-value">{{ coil.supplierCoilNo || '-' }}</span>
+                          </div>
+                        </div>
+
+                        <!-- 左下角 - 班组 -->
+                        <div class="attr-tag attr-bottom-left">
+                          <div class="attr-content attr-content-small">
+                            <span class="attr-label">班组</span>
+                            <span class="attr-value">{{ coil.team || '-' }}</span>
+                          </div>
+                        </div>
+
+                        <!-- 右下角 - 厂家 -->
+                        <div class="attr-tag attr-bottom-right">
+                          <div class="attr-content attr-content-small">
+                            <span class="attr-label">厂家</span>
+                            <span class="attr-value">{{ coil.manufacturer || '-' }}</span>
+                          </div>
+                        </div>
+
+                        <!-- 备注信息在底部 -->
+                        <div class="attr-tag attr-remark">
+                          <div class="attr-content attr-content-remark">
+                            <span class="attr-label">备注</span>
+                            <span class="attr-value">{{ coil.remark || '-' }}</span>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- 底部信息 -->
+                    <div class="coil-futuristic-footer">
+                      <div class="footer-item">
+                        <span class="footer-label">镀层</span>
+                        <span class="footer-value">{{ coil.zincLayer || '-' }}</span>
+                      </div>
+                      <div class="footer-item">
+                        <span class="footer-label">表面处理</span>
+                        <span class="footer-value">{{ coil.surfaceTreatmentDesc || '-' }}</span>
+                      </div>
+                      <div class="footer-item">
+                        <span class="footer-label">逻辑库位</span>
+                        <span class="footer-value">{{ coil.warehouseName || '-' }}</span>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="step.newCoilInfoList.length === 0 || step.newCoilInfoList.every(c => c.currentCoilNo === '-')"
+                    class="empty-coil">
+                    <span>无钢卷信息</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <!-- 发货记录 -->
+            <div class="step-item">
+              <div class="step-content">
+                <div class="coil-card-wrapper inbound-coil-wrapper">
+                  <div class="coil-card-header inbound-header">
+                    <span class="card-label">🚚 发货</span>
+                  </div>
+                  <div class="coil-card-futuristic">
+                    <div class="coil-futuristic-body">
+                      <!-- 钢卷图标 -->
+                      <div class="coil-icon-container">
+                        <svg class="coil-svg" viewBox="0 0 200 200">
+                          <defs>
+                            <linearGradient id="coilGradShip1" x1="0%" y1="0%" x2="100%" y2="100%">
+                              <stop offset="0%" style="stop-color:#f59e0b;stop-opacity:0.5" />
+                              <stop offset="50%" style="stop-color:#ef4444;stop-opacity:0.4" />
+                              <stop offset="100%" style="stop-color:#f59e0b;stop-opacity:0.5" />
+                            </linearGradient>
+                            <linearGradient id="coilGradShip2" x1="0%" y1="0%" x2="100%" y2="0%">
+                              <stop offset="0%" style="stop-color:#fcd34d;stop-opacity:0.4" />
+                              <stop offset="100%" style="stop-color:#fca5a5;stop-opacity:0.3" />
+                            </linearGradient>
+                          </defs>
+
+                          <!-- 外圈 -->
+                          <circle cx="100" cy="100" r="70" fill="none" stroke="url(#coilGradShip1)" stroke-width="2.5">
+                            <animate attributeName="r" values="70;72;70" dur="2s" repeatCount="indefinite" />
+                          </circle>
+                          <circle cx="100" cy="100" r="60" fill="none" stroke="url(#coilGradShip2)" stroke-width="1.8"
+                            opacity="0.6">
+                            <animate attributeName="stroke-dashoffset" values="0;377" dur="4s"
+                              repeatCount="indefinite" />
+                          </circle>
+
+                          <!-- 内层钢卷 -->
+                          <circle cx="100" cy="100" r="45" fill="url(#coilGradShip1)" opacity="0.15">
+                            <animate attributeName="opacity" values="0.15;0.3;0.15" dur="3s" repeatCount="indefinite" />
+                          </circle>
+                          <circle cx="100" cy="100" r="35" fill="url(#coilGradShip2)" opacity="0.2" />
+                          <circle cx="100" cy="100" r="25" fill="url(#coilGradShip1)" opacity="0.25" />
+                          <circle cx="100" cy="100" r="15" fill="white" opacity="0.4" />
+
+                          <!-- 装饰线条 -->
+                          <line x1="100" y1="100" x2="100" y2="30" stroke="url(#coilGradShip1)" stroke-width="1"
+                            opacity="0.4" />
+                          <line x1="100" y1="100" x2="170" y2="100" stroke="url(#coilGradShip1)" stroke-width="1"
+                            opacity="0.4" />
+                          <line x1="100" y1="100" x2="100" y2="170" stroke="url(#coilGradShip1)" stroke-width="1"
+                            opacity="0.4" />
+                          <line x1="100" y1="100" x2="30" y2="100" stroke="url(#coilGradShip1)" stroke-width="1"
+                            opacity="0.4" />
+
+                          <!-- 中心点 -->
+                          <circle cx="100" cy="100" r="4" fill="#f59e0b">
+                            <animate attributeName="r" values="4;6;4" dur="1.5s" repeatCount="indefinite" />
+                          </circle>
+                        </svg>
+                      </div>
+
+                      <!-- 属性标签 - 显示发货状态 -->
+                      <div class="coil-attr-tags">
+                        <!-- 顶部 - 发货状态 -->
+                        <div class="attr-tag attr-top">
+                          <div class="attr-line attr-line-top"></div>
+                          <div class="attr-content">
+                            <span class="attr-label">发货状态</span>
+                            <span class="attr-value"
+                              :class="coilInfo.status === 1 ? 'futuristic-status-success' : 'futuristic-status-warning'">
+                              {{ coilInfo.status === 1 ? '已发货' : '未发货' }}
+                            </span>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- 底部信息 -->
+                    <div class="coil-futuristic-footer" v-if="coilInfo.status === 1">
+                      <div class="footer-item">
+                        <span class="footer-label">发货人</span>
+                        <span class="footer-value">{{ coilInfo.exportByName || '-' }}</span>
+                      </div>
+                      <div class="footer-item">
+                        <span class="footer-label">发货时间</span>
+                        <span class="footer-value">{{ formatTime(coilInfo.exportTime) }}</span>
+                      </div>
+                    </div>
+                    <div class="coil-futuristic-footer" v-else>
+                      <div class="footer-item" style="flex: 1;">
+                        <span class="footer-label">状态</span>
+                        <span class="footer-value">等待发货</span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
               </div>
             </div>
           </div>
@@ -507,7 +635,7 @@
           <span class="section-icon">💰</span>
           <span class="section-title">销售信息</span>
         </div>
-        <div class="section-body">
+        <div class="section-body" v-if="salesInfo.orderId">
           <el-descriptions :column="3" border size="small">
             <el-descriptions-item label="合同号">{{ salesInfo.contractCode || '-' }}</el-descriptions-item>
             <el-descriptions-item label="客户名称">{{ salesInfo.customer || '-' }}</el-descriptions-item>
@@ -516,6 +644,19 @@
             <el-descriptions-item label="交货时间">{{ salesInfo.deliveryTime || '-' }}</el-descriptions-item>
             <el-descriptions-item label="订单总额">{{ salesInfo.orderAmount || '-' }}</el-descriptions-item>
           </el-descriptions>
+
+          <!-- 技术附件 -->
+          <h4>技术附件</h4>
+          <FileList :oss-ids="salesInfo.techAnnex" />
+
+          <!-- 排产函附件 -->
+          <h4>排产函</h4>
+          <FileList :oss-ids="salesInfo.productionSchedule" />
+        </div>
+
+        <div v-else class="empty-state">
+          <i class="el-icon-document"></i>
+          <span>未找到相关销售记录</span>
         </div>
       </div>
 
@@ -559,16 +700,18 @@
             <div class="table-title">调拨记录</div>
             <div class="table-container">
               <el-table :data="tranferList" size="small" border stripe style="width: 100%">
-                <el-table-column label="调拨前">
+                <el-table-column prop="type" label="类型" min-width="100"></el-table-column>
+                <el-table-column label="变更前" min-width="150">
                   <template slot-scope="scope">
-                    {{ scope.row.createTime }}
+                    {{ scope.row.before }}
                   </template>
                 </el-table-column>
-                <el-table-column label="调拨后">
+                <el-table-column label="变更后" min-width="150">
                   <template slot-scope="scope">
-                    {{ scope.row.createTime }}
+                    {{ scope.row.after }}
                   </template>
                 </el-table-column>
+                <el-table-column prop="createTime" label="时间" min-width="160"></el-table-column>
               </el-table>
             </div>
           </div>
@@ -592,16 +735,22 @@
 import { getMaterialCoil, listMaterialCoil, getMaterialCoilTrace } from '@/api/wms/coil';
 import { getCoilWarehouseOperationLogByCoilId } from '@/api/wms/coilWarehouseOperationLog';
 import { listCoilAbnormal } from '@/api/wms/coilAbnormal'
+// 查询批量调拨的记录
+import { listTransferOrderItem } from '@/api/wms/transferOrderItem'
+// 查询技术部改判调拨的记录
+import { listCoilQualityRejudge } from '@/api/wms/coilQualityRejudge'
 
 import CoilInfoRender from '@/views/wms/coil/components/CoilInfo.vue';
 import AbnormalTable from '@/views/wms/coil/components/AbnormalTable.vue';
+import FileList from "@/components/FileList";
 
 
 export default {
   name: 'CoilInfo',
   components: {
     CoilInfoRender,
-    AbnormalTable
+    AbnormalTable,
+    FileList
   },
   data() {
     return {
@@ -618,7 +767,10 @@ export default {
       standardSteps: [],
       coilId: '',
       warehouseTranferList: [],
-      abmornalList: []
+      abmornalList: [],
+      transferOrderItemList: [], // 批量调拨记录
+      coilQualityRejudgeList: [], // 技术部改判记录
+      tranferList: [] // 合并后的调拨记录
     }
   },
   computed: {
@@ -633,6 +785,9 @@ export default {
     await this.getTraceInfo();
     await this.getAbnormalList();
     await this.getWarehouseTransferList();
+    await this.getTransferOrderItemList();
+    await this.getCoilQualityRejudgeList();
+    this.mergeTransferList();
     this.loading = false;
   },
   methods: {
@@ -665,6 +820,55 @@ export default {
       });
       this.warehouseTranferList = res.data || [];
     },
+    // 获取批量调拨记录
+    async getTransferOrderItemList() {
+      const res = await listTransferOrderItem({
+        coilId: this.coilId,
+        pageNum: 1,
+        pageSize: 100
+      });
+      this.transferOrderItemList = res.rows || [];
+    },
+    // 获取技术部改判记录
+    async getCoilQualityRejudgeList() {
+      const res = await listCoilQualityRejudge({
+        coilId: this.coilId,
+        pageNum: 1,
+        pageSize: 100
+      });
+      this.coilQualityRejudgeList = res.rows || [];
+    },
+    // 合并调拨记录
+    mergeTransferList() {
+      const list = [];
+      // 添加批量调拨记录
+      this.transferOrderItemList.forEach(item => {
+        list.push({
+          type: '批量调拨',
+          before: item.warehouseNameBefore || '-',
+          after: item.warehouseNameAfter || '-',
+          createTime: item.createTime || '-',
+          ...item
+        });
+      });
+      // 添加技术部改判记录
+      this.coilQualityRejudgeList.forEach(item => {
+        list.push({
+          type: '技术部改判',
+          before: item.qualityBefore || '-',
+          after: item.qualityAfter || '-',
+          createTime: item.createTime || '-',
+          ...item
+        });
+      });
+      // 按时间排序
+      list.sort((a, b) => {
+        const timeA = new Date(a.createTime || 0).getTime();
+        const timeB = new Date(b.createTime || 0).getTime();
+        return timeB - timeA;
+      });
+      this.tranferList = list;
+    },
     formatTime(timeStamp) {
       if (!timeStamp) return '-';
       const date = new Date(timeStamp);
@@ -822,6 +1026,9 @@ export default {
           zincLayer: coil.zincLayer || '-',
           qualityStatus: coil.qualityStatus || '-',
           createTime: coil.createTime || '-',
+          status: coil.status || 0,
+          exportByName: coil.exportByName || '-',
+          exportTime: coil.exportTime || '-',
         };
       });
     },
@@ -902,157 +1109,172 @@ export default {
 
 <style scoped>
 .coil-info-page {
-  background: linear-gradient(135deg, #e8eef5 0%, #f5f7fa 50%, #ffffff 100%);
+  background: linear-gradient(180deg, #f0f4f8 0%, #e2e8f0 50%, #f7fafc 100%);
   min-height: 100vh;
-  padding: 20px 28px;
+  padding: 8px 12px;
 }
 
 .page-header {
-  margin-bottom: 24px;
+  margin-bottom: 16px;
 }
 
 .header-title {
-  font-size: 22px;
+  font-size: 20px;
   font-weight: 700;
-  color: #2c3e50;
-  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+  color: #1e293b;
+  text-shadow: 0 0 10px rgba(59, 130, 246, 0.1);
 }
 
 .header-divider {
-  height: 4px;
-  width: 56px;
-  background: linear-gradient(90deg, #cd7f32 0%, #ffd700 50%, #cd7f32 100%);
-  border-radius: 2px;
-  margin-top: 10px;
-  box-shadow: 0 0 12px rgba(205, 127, 50, 0.4);
+  height: 2px;
+  width: 60px;
+  background: linear-gradient(90deg, #3b82f6 0%, #60a5fa 50%, #3b82f6 100%);
+  margin-top: 8px;
+  box-shadow: 0 0 8px rgba(59, 130, 246, 0.3);
 }
 
 .content-container {
   display: flex;
   flex-direction: column;
-  gap: 20px;
+  gap: 12px;
 }
 
 .section {
-  border: 1px solid rgba(200, 200, 200, 0.4);
+  border: 1px solid rgba(59, 130, 246, 0.2);
+  background: rgba(255, 255, 255, 0.9);
   overflow: hidden;
   position: relative;
+  box-shadow:
+    0 0 0 1px rgba(59, 130, 246, 0.1) inset,
+    0 4px 16px rgba(59, 130, 246, 0.08);
 }
 
 .section-header {
   display: flex;
   align-items: center;
-  padding: 16px 24px;
-  border-bottom: 1px solid rgba(200, 200, 200, 0.5);
+  padding: 10px 16px;
+  border-bottom: 1px solid rgba(59, 130, 246, 0.15);
+  background: linear-gradient(90deg, rgba(59, 130, 246, 0.05) 0%, rgba(59, 130, 246, 0.02) 100%);
 }
 
 .section-icon {
-  font-size: 18px;
-  margin-right: 10px;
-  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.15));
+  font-size: 16px;
+  margin-right: 8px;
+  filter: drop-shadow(0 0 6px rgba(59, 130, 246, 0.3));
 }
 
 .section-title {
-  font-size: 16px;
+  font-size: 15px;
   font-weight: 700;
-  color: #334155;
-  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
-  letter-spacing: 0.5px;
+  color: #1e293b;
+  letter-spacing: 1px;
+  background: linear-gradient(90deg, #3b82f6, #60a5fa);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
 }
 
 .section-body {
-  padding: 20px 24px;
-  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(248, 250, 252, 0.8) 100%);
+  padding: 12px 16px;
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(248, 250, 252, 0.6) 100%);
 }
 
 .trace-content {
   display: flex;
   flex-direction: column;
-  gap: 16px;
+  gap: 10px;
 }
 
 .step-item {
   background: linear-gradient(145deg, #ffffff 0%, #f8fafc 50%, #f1f5f9 100%);
-  border-radius: 10px;
-  padding: 18px 22px;
-  border: 1px solid rgba(180, 180, 180, 0.4);
-  box-shadow: 
-    0 4px 12px rgba(0, 0, 0, 0.06),
-    inset 0 1px 0 rgba(255, 255, 255, 0.9),
-    inset 0 -1px 0 rgba(0, 0, 0, 0.03);
+  padding: 12px 14px;
+  border: 1px solid rgba(59, 130, 246, 0.2);
+  box-shadow:
+    0 2px 8px rgba(59, 130, 246, 0.08),
+    inset 0 1px 0 rgba(255, 255, 255, 0.9);
+  position: relative;
+  overflow: hidden;
+}
+
+.step-item::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.4), transparent);
 }
 
 .step-content {
   display: flex;
   align-items: stretch;
-  gap: 16px;
+  gap: 10px;
 }
 
 .coil-card-wrapper {
   flex: 1;
   display: flex;
   flex-direction: column;
-  gap: 12px;
+  gap: 8px;
 }
 
 .coil-card-header {
-  padding: 8px 16px;
-  background: linear-gradient(145deg, rgba(241, 245, 249, 0.9) 0%, rgba(226, 232, 240, 1) 100%);
-  border-radius: 8px 8px 0 0;
-  border: 1px solid rgba(180, 180, 180, 0.4);
+  padding: 6px 12px;
+  background: linear-gradient(145deg, rgba(59, 130, 246, 0.08) 0%, rgba(59, 130, 246, 0.04) 100%);
+  border: 1px solid rgba(59, 130, 246, 0.2);
   border-bottom: none;
 }
 
 .card-label {
-  font-size: 14px;
+  font-size: 13px;
   font-weight: 700;
-  color: #334155;
-  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
+  color: #1e293b;
+  letter-spacing: 0.5px;
 }
 
 .coil-card {
-  padding: 12px;
+  padding: 10px;
   background: linear-gradient(145deg, #ffffff 0%, #f8fafc 50%, #f1f5f9 100%);
-  border: 1px solid rgba(180, 180, 180, 0.4);
-  border-radius: 0 0 8px 8px;
-  box-shadow: 
-    0 2px 8px rgba(0, 0, 0, 0.05),
+  border: 1px solid rgba(59, 130, 246, 0.15);
+  box-shadow:
+    0 2px 6px rgba(59, 130, 246, 0.06),
     inset 0 1px 0 rgba(255, 255, 255, 0.9);
 }
 
 .old-coil-wrapper .coil-card-header {
-  background: linear-gradient(145deg, #fef3c7 0%, #fde68a 100%);
-  border-color: rgba(217, 119, 6, 0.4);
+  background: linear-gradient(145deg, rgba(245, 158, 11, 0.08) 0%, rgba(245, 158, 11, 0.04) 100%);
+  border-color: rgba(245, 158, 11, 0.25);
 }
 
 .new-coil-wrapper .coil-card-header {
-  background: linear-gradient(145deg, #dcfce7 0%, #bbf7d0 100%);
-  border-color: rgba(22, 163, 74, 0.4);
+  background: linear-gradient(145deg, rgba(16, 185, 129, 0.08) 0%, rgba(16, 185, 129, 0.04) 100%);
+  border-color: rgba(16, 185, 129, 0.25);
 }
 
 .inbound-header {
-  background: linear-gradient(145deg, #dbeafe 0%, #bfdbfe 100%) !important;
-  border-color: rgba(59, 130, 246, 0.4) !important;
+  background: linear-gradient(145deg, rgba(59, 130, 246, 0.1) 0%, rgba(59, 130, 246, 0.05) 100%) !important;
+  border-color: rgba(59, 130, 246, 0.3) !important;
 }
 
 .step-content-inbound {
   display: flex;
   align-items: stretch;
-  gap: 16px;
+  gap: 10px;
 }
 
 .inbound-coil-wrapper {
   flex: 1;
   display: flex;
   flex-direction: column;
-  gap: 12px;
+  gap: 8px;
 }
 
 .action-arrow-inbound {
   color: #3b82f6 !important;
-  font-size: 32px;
-  margin-bottom: 12px;
-  text-shadow: 0 0 10px rgba(59, 130, 246, 0.5);
+  font-size: 28px;
+  margin-bottom: 10px;
+  text-shadow: 0 0 12px rgba(59, 130, 246, 0.6);
   animation: bounce-in 2s ease-in-out infinite !important;
 }
 
@@ -1061,7 +1283,7 @@ export default {
     transform: translateY(0);
   }
   50% {
-    transform: translateY(-5px);
+    transform: translateY(-4px);
   }
 }
 
@@ -1069,12 +1291,11 @@ export default {
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 40px 20px;
+  padding: 24px 16px;
   background: linear-gradient(145deg, #ffffff 0%, #f8fafc 50%, #f1f5f9 100%);
-  border: 1px solid rgba(180, 180, 180, 0.4);
-  border-radius: 0 0 8px 8px;
-  color: #94a3b8;
-  font-size: 14px;
+  border: 1px solid rgba(59, 130, 246, 0.15);
+  color: #64748b;
+  font-size: 13px;
 }
 
 .action-center {
@@ -1082,21 +1303,20 @@ export default {
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  min-width: 120px;
-  padding: 16px 12px;
-  background: linear-gradient(145deg, rgba(241, 245, 249, 0.9) 0%, rgba(226, 232, 240, 1) 100%);
-  border-radius: 10px;
-  border: 1px solid rgba(180, 180, 180, 0.4);
-  box-shadow: 
-    0 2px 8px rgba(0, 0, 0, 0.05),
+  min-width: 100px;
+  padding: 12px 8px;
+  background: linear-gradient(145deg, rgba(59, 130, 246, 0.06) 0%, rgba(59, 130, 246, 0.03) 100%);
+  border: 1px solid rgba(59, 130, 246, 0.2);
+  box-shadow:
+    0 2px 6px rgba(59, 130, 246, 0.06),
     inset 0 1px 0 rgba(255, 255, 255, 0.9);
 }
 
 .action-arrow {
-  color: #f59e0b;
-  font-size: 32px;
-  margin-bottom: 12px;
-  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  color: #3b82f6;
+  font-size: 28px;
+  margin-bottom: 10px;
+  text-shadow: 0 0 12px rgba(59, 130, 246, 0.6);
   animation: pulse 2s ease-in-out infinite;
 }
 
@@ -1113,22 +1333,22 @@ export default {
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: 8px;
+  gap: 6px;
 }
 
 .action-tag {
-  font-size: 13px;
-  font-weight: 600;
+  font-size: 12px;
+  font-weight: 700;
 }
 
 .action-operator {
-  font-size: 13px;
+  font-size: 12px;
   font-weight: 600;
-  color: #334155;
+  color: #1e293b;
 }
 
 .action-time {
-  font-size: 12px;
+  font-size: 11px;
   color: #64748b;
 }
 
@@ -1137,29 +1357,29 @@ export default {
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  padding: 48px 0;
+  padding: 32px 0;
   color: #64748b;
-  font-size: 15px;
+  font-size: 14px;
 }
 
 .empty-state i {
-  font-size: 56px;
-  margin-bottom: 16px;
+  font-size: 48px;
+  margin-bottom: 12px;
   color: #94a3b8;
-  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  text-shadow: 0 0 8px rgba(59, 130, 246, 0.3);
 }
 
 ::v-deep .el-descriptions--small .el-descriptions__cell {
-  padding: 12px 18px;
-  background: linear-gradient(145deg, rgba(255, 255, 255, 0.6) 0%, rgba(248, 250, 252, 0.9) 100%);
-  border-color: rgba(180, 180, 180, 0.4) !important;
+  padding: 8px 12px;
+  background: linear-gradient(145deg, rgba(255, 255, 255, 0.7) 0%, rgba(248, 250, 252, 0.85) 100%);
+  border-color: rgba(59, 130, 246, 0.2) !important;
 }
 
 ::v-deep .el-descriptions__label {
-  background: linear-gradient(145deg, rgba(241, 245, 249, 0.9) 0%, rgba(226, 232, 240, 1) 100%) !important;
-  color: #334155 !important;
-  font-weight: 600;
-  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
+  background: linear-gradient(145deg, rgba(59, 130, 246, 0.08) 0%, rgba(59, 130, 246, 0.04) 100%) !important;
+  color: #1e293b !important;
+  font-weight: 700;
+  letter-spacing: 0.5px;
 }
 
 ::v-deep .el-descriptions__content {
@@ -1172,33 +1392,34 @@ export default {
 
 ::v-deep .el-table th,
 ::v-deep .el-table td {
-  padding: 12px 0;
+  padding: 8px 0;
   background: transparent !important;
-  border-color: rgba(180, 180, 180, 0.4) !important;
+  border-color: rgba(59, 130, 246, 0.2) !important;
   color: #1e293b !important;
 }
 
 ::v-deep .el-table th {
-  background: linear-gradient(180deg, rgba(241, 245, 249, 0.95) 0%, rgba(226, 232, 240, 1) 100%) !important;
-  color: #0f172a !important;
+  background: linear-gradient(180deg, rgba(59, 130, 246, 0.08) 0%, rgba(59, 130, 246, 0.04) 100%) !important;
+  color: #1e293b !important;
   font-weight: 700;
-  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
+  letter-spacing: 0.5px;
 }
 
 ::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td {
-  background: rgba(248, 250, 252, 0.6) !important;
+  background: rgba(59, 130, 246, 0.03) !important;
 }
 
 ::v-deep .el-table--border,
 ::v-deep .el-table--group {
-  border-color: rgba(180, 180, 180, 0.5) !important;
+  border-color: rgba(59, 130, 246, 0.25) !important;
 }
 
 ::v-deep .el-tag {
-  background: linear-gradient(145deg, #f1f5f9 0%, #e2e8f0 100%) !important;
-  border: 1px solid #cbd5e1 !important;
-  color: #334155 !important;
-  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+  background: linear-gradient(145deg, rgba(59, 130, 246, 0.1) 0%, rgba(59, 130, 246, 0.05) 100%) !important;
+  border: 1px solid rgba(59, 130, 246, 0.3) !important;
+  color: #1e293b !important;
+  box-shadow: 0 0 8px rgba(59, 130, 246, 0.2);
+  font-weight: 600;
 }
 
 /* CoilInfo组件样式优化 */
@@ -1219,16 +1440,15 @@ export default {
   font-size: 12px;
 }
 
-/* 炫酷版钢卷卡片样式 */
+/* 科技感钢卷卡片样式 */
 .coil-card-futuristic {
-  padding: 10px;
-  background: linear-gradient(145deg, #ffffff 0%, #f8f9ff 50%, #f0f4ff 100%);
-  border: 1px solid rgba(100, 100, 255, 0.2);
-  border-radius: 0 0 10px 10px;
-  box-shadow: 
-    0 4px 16px rgba(0, 0, 0, 0.1),
-    0 0 30px rgba(100, 100, 255, 0.08),
-    inset 0 1px 0 rgba(255, 255, 255, 0.8);
+  padding: 8px;
+  background: linear-gradient(145deg, #ffffff 0%, #f8fafc 50%, #f0f4ff 100%);
+  border: 1px solid rgba(59, 130, 246, 0.25);
+  box-shadow:
+    0 2px 12px rgba(59, 130, 246, 0.1),
+    0 0 20px rgba(59, 130, 246, 0.05),
+    inset 0 1px 0 rgba(255, 255, 255, 0.9);
   position: relative;
   overflow: hidden;
 }
@@ -1241,50 +1461,53 @@ export default {
   left: -50%;
   width: 200%;
   height: 200%;
-  background: radial-gradient(circle, rgba(100, 100, 255, 0.05) 0%, transparent 70%);
-  animation: rotateGlow 8s linear infinite;
+  background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, transparent 70%);
+  animation: rotateGlow 10s linear infinite;
   pointer-events: none;
 }
 
 @keyframes rotateGlow {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
 }
 
 .coil-futuristic-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  margin-bottom: 12px;
+  margin-bottom: 8px;
   position: relative;
   z-index: 1;
 }
 
 .coil-futuristic-no {
-  font-size: 18px;
+  font-size: 16px;
   font-weight: 700;
   color: #1e293b;
-  text-shadow: 0 0 10px rgba(100, 100, 255, 0.3);
-  letter-spacing: 0.5px;
+  text-shadow: 0 0 8px rgba(59, 130, 246, 0.3);
+  letter-spacing: 1px;
   font-family: 'Courier New', monospace;
 }
 
 .coil-futuristic-weight {
-  font-size: 16px;
-  font-weight: 600;
+  font-size: 14px;
+  font-weight: 700;
   color: #d97706;
-  padding: 5px 14px;
-  background: linear-gradient(145deg, rgba(255, 215, 0, 0.15) 0%, rgba(255, 165, 0, 0.2) 100%);
-  border-radius: 6px;
-  border: 1px solid rgba(217, 119, 6, 0.3);
-  text-shadow: 0 0 6px rgba(255, 215, 0, 0.4);
-  box-shadow: 0 0 12px rgba(255, 215, 0, 0.15);
+  padding: 4px 10px;
+  background: linear-gradient(145deg, rgba(245, 158, 11, 0.12) 0%, rgba(245, 158, 11, 0.06) 100%);
+  border: 1px solid rgba(245, 158, 11, 0.3);
+  text-shadow: 0 0 4px rgba(245, 158, 11, 0.3);
+  box-shadow: 0 0 8px rgba(245, 158, 11, 0.15);
 }
 
 .coil-futuristic-body {
   position: relative;
-  height: 220px;
-  margin-bottom: 10px;
+  height: 180px;
+  margin-bottom: 8px;
   z-index: 1;
 }
 
@@ -1294,14 +1517,14 @@ export default {
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-  width: 100px;
-  height: 100px;
+  width: 80px;
+  height: 80px;
 }
 
 .coil-svg {
   width: 100%;
   height: 100%;
-  filter: drop-shadow(0 0 10px rgba(99, 102, 241, 0.25));
+  filter: drop-shadow(0 0 8px rgba(59, 130, 246, 0.3));
 }
 
 /* 属性标签容器 */
@@ -1323,28 +1546,27 @@ export default {
 }
 
 .attr-content {
-  background: linear-gradient(145deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 249, 255, 0.98) 100%);
-  border: 1px solid rgba(100, 100, 255, 0.25);
-  border-radius: 6px;
-  padding: 6px 10px;
-  backdrop-filter: blur(6px);
-  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
-  min-width: 80px;
+  background: linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 249, 255, 0.95) 100%);
+  border: 1px solid rgba(59, 130, 246, 0.3);
+  padding: 5px 8px;
+  backdrop-filter: blur(4px);
+  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.12);
+  min-width: 70px;
 }
 
 .attr-label {
   display: block;
-  font-size: 11px;
-  color: #6366f1;
+  font-size: 10px;
+  color: #3b82f6;
   text-transform: uppercase;
-  letter-spacing: 0.6px;
+  letter-spacing: 0.8px;
   margin-bottom: 2px;
-  font-weight: 600;
+  font-weight: 700;
 }
 
 .attr-value {
   display: block;
-  font-size: 13px;
+  font-size: 12px;
   color: #1e293b;
   font-weight: 600;
   word-break: break-all;
@@ -1353,13 +1575,17 @@ export default {
 /* 属性连接线 */
 .attr-line {
   position: absolute;
-  background: linear-gradient(90deg, transparent, rgba(100, 100, 255, 0.8));
+  background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.9));
   animation: linePulse 2s ease-in-out infinite;
 }
 
 @keyframes linePulse {
-  0%, 100% { opacity: 0.5; }
-  50% { opacity: 1; }
+  0%, 100% {
+    opacity: 0.4;
+  }
+  50% {
+    opacity: 0.8;
+  }
 }
 
 /* 顶部属性标签 */
@@ -1372,9 +1598,9 @@ export default {
 
 .attr-top .attr-line-top {
   width: 2px;
-  height: 20px;
-  background: linear-gradient(180deg, transparent, rgba(100, 100, 255, 0.7));
-  margin-bottom: 6px;
+  height: 16px;
+  background: linear-gradient(180deg, transparent, rgba(59, 130, 246, 0.8));
+  margin-bottom: 5px;
 }
 
 .attr-top .attr-content {
@@ -1390,10 +1616,10 @@ export default {
 }
 
 .attr-right .attr-line-right {
-  width: 20px;
+  width: 16px;
   height: 2px;
-  background: linear-gradient(90deg, rgba(100, 100, 255, 0.7), transparent);
-  margin-left: 6px;
+  background: linear-gradient(90deg, rgba(59, 130, 246, 0.8), transparent);
+  margin-left: 5px;
 }
 
 /* 底部属性标签 */
@@ -1406,9 +1632,9 @@ export default {
 
 .attr-bottom .attr-line-bottom {
   width: 2px;
-  height: 20px;
-  background: linear-gradient(0deg, transparent, rgba(100, 100, 255, 0.7));
-  margin-top: 6px;
+  height: 16px;
+  background: linear-gradient(0deg, transparent, rgba(59, 130, 246, 0.8));
+  margin-top: 5px;
 }
 
 .attr-bottom .attr-content {
@@ -1424,112 +1650,110 @@ export default {
 }
 
 .attr-left .attr-line-left {
-  width: 20px;
+  width: 16px;
   height: 2px;
-  background: linear-gradient(270deg, rgba(100, 100, 255, 0.7), transparent);
-  margin-right: 6px;
+  background: linear-gradient(270deg, rgba(59, 130, 246, 0.8), transparent);
+  margin-right: 5px;
 }
 
 /* 左上角标签 */
 .attr-top-left {
   position: absolute;
-  top: 8px;
-  left: 8px;
+  top: 6px;
+  left: 6px;
 }
 
 /* 右上角标签 */
 .attr-top-right {
   position: absolute;
-  top: 8px;
-  right: 8px;
+  top: 6px;
+  right: 6px;
 }
 
 /* 左下角标签 */
 .attr-bottom-left {
   position: absolute;
-  bottom: 8px;
-  left: 8px;
+  bottom: 6px;
+  left: 6px;
 }
 
 /* 右下角标签 */
 .attr-bottom-right {
   position: absolute;
-  bottom: 8px;
-  right: 8px;
+  bottom: 6px;
+  right: 6px;
 }
 
 /* 小尺寸标签样式 */
 .attr-content-small {
-  background: linear-gradient(145deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 249, 255, 0.98) 100%);
-  border: 1px solid rgba(100, 100, 255, 0.25);
-  border-radius: 6px;
-  padding: 5px 8px;
-  backdrop-filter: blur(6px);
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
-  min-width: 70px;
+  background: linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 249, 255, 0.95) 100%);
+  border: 1px solid rgba(59, 130, 246, 0.3);
+  padding: 4px 6px;
+  backdrop-filter: blur(4px);
+  box-shadow: 0 2px 6px rgba(59, 130, 246, 0.1);
+  min-width: 60px;
 }
 
 .attr-content-small .attr-label {
-  font-size: 10px;
-  letter-spacing: 0.5px;
+  font-size: 9px;
+  letter-spacing: 0.6px;
 }
 
 .attr-content-small .attr-value {
-  font-size: 12px;
+  font-size: 11px;
 }
 
 /* 备注标签 */
 .attr-remark {
   position: absolute;
-  bottom: -5px;
+  bottom: -4px;
   left: 50%;
   transform: translateX(-50%);
 }
 
 .attr-content-remark {
   background: linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 249, 255, 1) 100%);
-  border: 1px solid rgba(100, 100, 255, 0.3);
-  border-radius: 6px;
-  padding: 6px 10px;
-  backdrop-filter: blur(6px);
-  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
-  max-width: 180px;
+  border: 1px solid rgba(59, 130, 246, 0.35);
+  padding: 5px 8px;
+  backdrop-filter: blur(4px);
+  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.12);
+  max-width: 160px;
   text-align: center;
 }
 
 .attr-content-remark .attr-value {
   word-break: break-word;
-  font-size: 12px;
-  line-height: 1.4;
+  font-size: 11px;
+  line-height: 1.3;
 }
 
 /* 状态标签颜色 */
 .futuristic-status-success {
   color: #22c55e !important;
-  text-shadow: 0 0 8px rgba(34, 197, 94, 0.4) !important;
+  text-shadow: 0 0 6px rgba(34, 197, 94, 0.5) !important;
 }
 
 .futuristic-status-danger {
   color: #ef4444 !important;
-  text-shadow: 0 0 8px rgba(239, 68, 68, 0.4) !important;
+  text-shadow: 0 0 6px rgba(239, 68, 68, 0.5) !important;
 }
 
 .futuristic-status-warning {
   color: #f59e0b !important;
-  text-shadow: 0 0 8px rgba(245, 158, 11, 0.4) !important;
+  text-shadow: 0 0 6px rgba(245, 158, 11, 0.5) !important;
 }
 
 .futuristic-status-default {
   color: #64748b !important;
-  text-shadow: 0 0 8px rgba(100, 116, 139, 0.3) !important;
+  text-shadow: 0 0 6px rgba(100, 116, 139, 0.4) !important;
 }
 
 /* 底部信息 */
 .coil-futuristic-footer {
   display: flex;
   justify-content: space-around;
-  padding-top: 10px;
-  border-top: 1px solid rgba(100, 100, 255, 0.15);
+  padding-top: 8px;
+  border-top: 1px solid rgba(59, 130, 246, 0.2);
   position: relative;
   z-index: 1;
 }
@@ -1540,19 +1764,19 @@ export default {
 
 .footer-label {
   display: block;
-  font-size: 11px;
+  font-size: 10px;
   color: #64748b;
   text-transform: uppercase;
   letter-spacing: 0.6px;
-  margin-bottom: 3px;
-  font-weight: 600;
+  margin-bottom: 2px;
+  font-weight: 700;
 }
 
 .footer-value {
   display: block;
-  font-size: 13px;
+  font-size: 12px;
   color: #475569;
-  font-weight: 500;
+  font-weight: 600;
 }
 
 /* 简化版钢卷卡片样式（保留用于其他地方使用）
@@ -1650,8 +1874,8 @@ export default {
 /* 表格行布局 */
 .tables-row {
   display: flex;
-  gap: 20px;
-  min-height: 400px;
+  gap: 12px;
+  min-height: 320px;
 }
 
 .table-wrapper {
@@ -1668,25 +1892,23 @@ export default {
 }
 
 .table-title {
-  padding: 8px 16px;
-  margin-bottom: 12px;
-  background: linear-gradient(145deg, rgba(241, 245, 249, 0.9) 0%, rgba(226, 232, 240, 1) 100%);
-  border-radius: 8px;
-  border: 1px solid rgba(180, 180, 180, 0.4);
-  font-size: 14px;
+  padding: 6px 12px;
+  margin-bottom: 10px;
+  background: linear-gradient(145deg, rgba(59, 130, 246, 0.1) 0%, rgba(59, 130, 246, 0.05) 100%);
+  border: 1px solid rgba(59, 130, 246, 0.2);
+  font-size: 13px;
   font-weight: 700;
-  color: #334155;
-  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
+  color: #1e293b;
+  letter-spacing: 0.6px;
 }
 
 .table-container {
   flex: 1;
   overflow: hidden;
   background: linear-gradient(145deg, #ffffff 0%, #f8fafc 50%, #f1f5f9 100%);
-  border-radius: 8px;
-  border: 1px solid rgba(180, 180, 180, 0.4);
-  box-shadow: 
-    0 2px 8px rgba(0, 0, 0, 0.05),
+  border: 1px solid rgba(59, 130, 246, 0.2);
+  box-shadow:
+    0 2px 8px rgba(59, 130, 246, 0.08),
     inset 0 1px 0 rgba(255, 255, 255, 0.9);
 }
 
@@ -1699,4 +1921,51 @@ export default {
   flex: 1;
   overflow-y: auto;
 }
+
+/* 附件区域样式 */
+.annex-section {
+  margin-top: 12px;
+  background: linear-gradient(145deg, #ffffff 0%, #f8fafc 50%, #f1f5f9 100%);
+  border: 1px solid rgba(59, 130, 246, 0.2);
+  box-shadow:
+    0 2px 8px rgba(59, 130, 246, 0.08),
+    inset 0 1px 0 rgba(255, 255, 255, 0.9);
+}
+
+.annex-title {
+  display: flex;
+  align-items: center;
+  padding: 8px 14px;
+  background: linear-gradient(145deg, rgba(59, 130, 246, 0.1) 0%, rgba(59, 130, 246, 0.05) 100%);
+  border-bottom: 1px solid rgba(59, 130, 246, 0.2);
+}
+
+.annex-icon {
+  font-size: 14px;
+  margin-right: 8px;
+  filter: drop-shadow(0 0 6px rgba(59, 130, 246, 0.4));
+}
+
+.annex-title span:last-child {
+  font-size: 13px;
+  font-weight: 700;
+  color: #1e293b;
+  letter-spacing: 0.6px;
+}
+
+.annex-content {
+  padding: 12px 14px;
+}
+
+/* 附件区域的h4标题样式 */
+.sales-section h4 {
+  margin: 12px 0 8px 0;
+  padding: 6px 10px;
+  font-size: 13px;
+  font-weight: 700;
+  color: #1e293b;
+  background: linear-gradient(145deg, rgba(59, 130, 246, 0.1) 0%, rgba(59, 130, 246, 0.05) 100%);
+  border: 1px solid rgba(59, 130, 246, 0.2);
+  letter-spacing: 0.6px;
+}
 </style>
diff --git a/klp-ui/src/views/wms/coil/merge.vue b/klp-ui/src/views/wms/coil/merge.vue
index 1f6df764..9d6f8510 100644
--- a/klp-ui/src/views/wms/coil/merge.vue
+++ b/klp-ui/src/views/wms/coil/merge.vue
@@ -187,25 +187,25 @@
                     <template slot="append">米</template>
                   </el-input-number>
                 </el-form-item>
-                <el-form-item label="实测长度(m)" prop="actualLength" class="form-item-half">
+                <el-form-item label="实测长度(mm)" prop="actualLength" class="form-item-half">
                   <el-input-number :controls="false" v-model="targetCoil.actualLength" placeholder="请输入实测长度"
                     type="number" :step="0.01" :disabled="readonly">
-                    <template slot="append">米</template>
+                    <template slot="append">mm</template>
                   </el-input-number>
                 </el-form-item>
-                <el-form-item label="实测厚度(m)" prop="actualThickness" class="form-item-half">
+                <el-form-item label="实测厚度(mm)" prop="actualThickness" class="form-item-half">
                   <el-input-number :controls="false" v-model="targetCoil.actualThickness" placeholder="请输入实测厚度"
                     type="number" :step="0.01" :disabled="readonly">
-                    <template slot="append">米</template>
+                    <template slot="append">mm</template>
                   </el-input-number>
                 </el-form-item>
               </div>
 
               <div class="form-row">
-                <el-form-item label="实测宽度(m)" prop="actualWidth" class="form-item-half">
+                <el-form-item label="实测宽度(mm)" prop="actualWidth" class="form-item-half">
                   <el-input-number :controls="false" v-model="targetCoil.actualWidth" placeholder="请输入实测宽度"
                     type="number" :step="0.01" :disabled="readonly">
-                    <template slot="append">米</template>
+                    <template slot="append">mm</template>
                   </el-input-number>
                 </el-form-item>
                 <el-form-item label="调制度" prop="temperGrade" class="form-item-half">
diff --git a/klp-ui/src/views/wms/coil/panels/abnormal.vue b/klp-ui/src/views/wms/coil/panels/abnormal.vue
index bcae9fd4..8592dcee 100644
--- a/klp-ui/src/views/wms/coil/panels/abnormal.vue
+++ b/klp-ui/src/views/wms/coil/panels/abnormal.vue
@@ -62,12 +62,12 @@
             <el-descriptions-item label="原料材质">{{ coilInfo.packingStatus || '-' }}</el-descriptions-item>
             <el-descriptions-item label="包装要求">{{ coilInfo.packagingRequirement || '-'
             }}</el-descriptions-item>
-            <el-descriptions-item label="实测厚度(m)">{{ coilInfo.actualThickness || '-' }}
-              m</el-descriptions-item>
-            <el-descriptions-item label="实测宽度(m)">{{ coilInfo.actualWidth || '-' }}
-              m</el-descriptions-item>
-            <el-descriptions-item label="长度">{{ coilInfo.length || '-' }}
-              m</el-descriptions-item>
+            <el-descriptions-item label="实测厚度(mm)">{{ coilInfo.actualThickness || '-' }}
+              mm</el-descriptions-item>
+            <el-descriptions-item label="实测宽度(mm)">{{ coilInfo.actualWidth || '-' }}
+              mm</el-descriptions-item>
+            <el-descriptions-item label="长度(mm)">{{ coilInfo.length || '-' }}
+              mm</el-descriptions-item>
             <el-descriptions-item label="毛重">{{ coilInfo.grossWeight || '-' }} t</el-descriptions-item>
             <el-descriptions-item label="净重">{{ coilInfo.netWeight || '-' }} t</el-descriptions-item>
 
diff --git a/klp-ui/src/views/wms/coil/panels/base.vue b/klp-ui/src/views/wms/coil/panels/base.vue
index 070e44a1..bc2a382f 100644
--- a/klp-ui/src/views/wms/coil/panels/base.vue
+++ b/klp-ui/src/views/wms/coil/panels/base.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="60px">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="80px">
       <el-form-item label="入场卷号" prop="enterCoilNo">
         <el-input v-model="queryParams.enterCoilNo" placeholder="请输入入场钢卷号" clearable
           @keyup.enter.native="handleQuery" />
@@ -266,21 +266,21 @@
             </template>
           </el-table-column>
 
-          <el-table-column label="实测宽度" align="center" prop="width" v-if="showWidthEdit" width="150">
+          <el-table-column label="实测宽度(mm)" align="center" prop="width" v-if="showWidthEdit" width="150">
             <template slot-scope="scope">
               <el-input v-model="scope.row.actualWidth" placeholder="请输入实测宽度"
                 @change="handleRowChange(scope.row)"></el-input>
             </template>
           </el-table-column>
 
-          <el-table-column label="实测厚度(m)" align="center" prop="actualThickness" v-if="showWidthEdit" width="150">
+          <el-table-column label="实测厚度(mm)" align="center" prop="actualThickness" v-if="showWidthEdit" width="150">
             <template slot-scope="scope">
               <el-input v-model="scope.row.actualThickness" placeholder="请输入实测厚度"
                 @change="handleRowChange(scope.row)"></el-input>
             </template>
           </el-table-column>
 
-          <el-table-column label="预留宽度" align="center" prop="width" v-if="showWidthEdit" width="150">
+          <el-table-column label="预留宽度(mm)" align="center" prop="width" v-if="showWidthEdit" width="150">
             <template slot-scope="scope">
               <el-input v-model="scope.row.reservedWidth" placeholder="请输入预留宽度"
                 @change="handleRowChange(scope.row)"></el-input>
@@ -433,15 +433,15 @@
         <el-form-item label="长度" prop="length" v-if="showLength">
           <el-input v-model="form.length" placeholder="请输入长度" />
         </el-form-item>
-        <el-form-item label="实测长度(m)" prop="actualLength">
+        <el-form-item label="实测长度(mm)" prop="actualLength">
           <el-input-number :controls="false" v-model="form.actualLength" placeholder="请输入实测长度" type="number"
             :step="0.01" />
         </el-form-item>
-        <el-form-item label="实测厚度(m)" prop="actualThickness" class="form-item-half">
+        <el-form-item label="实测厚度(mm)" prop="actualThickness" class="form-item-half">
           <el-input-number :controls="false" v-model="form.actualThickness" placeholder="请输入实测厚度" type="number"
             :step="0.01" />
         </el-form-item>
-        <el-form-item label="实测宽度(m)" prop="actualWidth">
+        <el-form-item label="实测宽度(mm)" prop="actualWidth">
           <el-input-number :controls="false" v-model="form.actualWidth" placeholder="请输入实测宽度" type="number"
             :step="0.01" />
         </el-form-item>
@@ -561,12 +561,12 @@
         <el-descriptions-item label="原料材质">{{ judgeForm.packingStatus || '-' }}</el-descriptions-item>
         <el-descriptions-item label="包装要求">{{ judgeForm.packagingRequirement || '-'
         }}</el-descriptions-item>
-        <el-descriptions-item label="实测厚度(m)">{{ judgeForm.actualThickness || '-' }}
-          m</el-descriptions-item>
-        <el-descriptions-item label="实测宽度(m)">{{ judgeForm.actualWidth || '-' }}
-          m</el-descriptions-item>
-        <el-descriptions-item label="长度">{{ judgeForm.length || '-' }}
-          m</el-descriptions-item>
+        <el-descriptions-item label="实测厚度(mm)">{{ judgeForm.actualThickness || '-' }}
+          mm</el-descriptions-item>
+        <el-descriptions-item label="实测宽度(mm)">{{ judgeForm.actualWidth || '-' }}
+          mm</el-descriptions-item>
+        <el-descriptions-item label="长度(mm)">{{ judgeForm.length || '-' }}
+          mm</el-descriptions-item>
         <el-descriptions-item label="毛重">{{ judgeForm.grossWeight || '-' }} t</el-descriptions-item>
         <el-descriptions-item label="净重">{{ judgeForm.netWeight || '-' }} t</el-descriptions-item>
 
@@ -935,9 +935,9 @@ export default {
           { label: '厂家', prop: 'manufacturer' },
           { label: '调制度', prop: 'temperGrade' },
           { label: '镀层种类', prop: 'coatingType' },
-          { label: '实测长度(m)', prop: 'actualLength' },
-          { label: '实测宽度(m)', prop: 'actualWidth' },
-          { label: '实测厚度(m)', prop: 'actualThickness' },
+          { label: '实测长度(mm)', prop: 'actualLength' },
+          { label: '实测宽度(mm)', prop: 'actualWidth' },
+          { label: '实测厚度(mm)', prop: 'actualThickness' },
           { label: '钢卷表面处理', prop: 'coilSurfaceTreatment' },
         ],
         title: '详细信息'
diff --git a/klp-ui/src/views/wms/coil/panels/do.vue b/klp-ui/src/views/wms/coil/panels/do.vue
index 7a51d7d4..e79801a6 100644
--- a/klp-ui/src/views/wms/coil/panels/do.vue
+++ b/klp-ui/src/views/wms/coil/panels/do.vue
@@ -411,9 +411,9 @@ export default {
           { label: '厂家', prop: 'manufacturer' },
           { label: '调制度', prop: 'temperGrade' },
           { label: '镀层种类', prop: 'coatingType' },
-          { label: '实测长度(m)', prop: 'actualLength' },
-          { label: '实测宽度(m)', prop: 'actualWidth' },
-          { label: '实测厚度(m)', prop: 'actualThickness' },
+          { label: '实测长度(mm)', prop: 'actualLength' },
+          { label: '实测宽度(mm)', prop: 'actualWidth' },
+          { label: '实测厚度(mm)', prop: 'actualThickness' },
           { label: '钢卷表面处理', prop: 'coilSurfaceTreatment' },
         ],
         title: '详细信息'
diff --git a/klp-ui/src/views/wms/coil/panels/stepSplit.vue b/klp-ui/src/views/wms/coil/panels/stepSplit.vue
index 7ae2a48d..ebb187ae 100644
--- a/klp-ui/src/views/wms/coil/panels/stepSplit.vue
+++ b/klp-ui/src/views/wms/coil/panels/stepSplit.vue
@@ -38,9 +38,9 @@
             <el-descriptions-item label="材质">{{ coilInfo.material || '-' }}</el-descriptions-item>
             <el-descriptions-item label="厂家">{{ coilInfo.manufacturer || '-' }}</el-descriptions-item>
             <el-descriptions-item label="原料材质">{{ coilInfo.packingStatus || '-' }}</el-descriptions-item>
-            <el-descriptions-item label="实测长度(m)">{{ coilInfo.actualLength || '-' }}</el-descriptions-item>
-            <el-descriptions-item label="实测宽度(m)">{{ coilInfo.actualWidth || '-' }}</el-descriptions-item>
-            <el-descriptions-item label="实测厚度(m)">{{ coilInfo.actualThickness || '-' }}</el-descriptions-item>
+            <el-descriptions-item label="实测长度(mm)">{{ coilInfo.actualLength || '-' }}</el-descriptions-item>
+            <el-descriptions-item label="实测宽度(mm)">{{ coilInfo.actualWidth || '-' }}</el-descriptions-item>
+            <el-descriptions-item label="实测厚度(mm)">{{ coilInfo.actualThickness || '-' }}</el-descriptions-item>
             <el-descriptions-item label="钢卷表面处理">{{ coilInfo.coilSurfaceTreatment || '-' }}</el-descriptions-item>
             <el-descriptions-item label="净重">{{ coilInfo.netWeight || '-' }} T</el-descriptions-item>
           </el-descriptions>
@@ -166,15 +166,15 @@
               <el-form-item label="长度" prop="length">
                 <el-input v-model="splitForm.length" placeholder="请输入长度" type="number" />
               </el-form-item>
-              <el-form-item label="实测长度(m)" prop="actualLength">
+              <el-form-item label="实测长度(mm)" prop="actualLength">
                 <el-input-number :controls="false" v-model="splitForm.actualLength" placeholder="请输入实测长度" type="number"
                   :step="0.01" />
               </el-form-item>
-              <el-form-item label="实测厚度(m)" prop="actualThickness">
+              <el-form-item label="实测厚度(mm)" prop="actualThickness">
                 <el-input-number :controls="false" v-model="splitForm.actualThickness" placeholder="请输入实测厚度"
                   type="number" :step="0.01" />
               </el-form-item>
-              <el-form-item label="实测宽度(m)" prop="actualWidth">
+              <el-form-item label="实测宽度(mm)" prop="actualWidth">
                 <el-input-number :controls="false" v-model="splitForm.actualWidth" placeholder="请输入实测宽度" type="number"
                   :step="0.01" />
               </el-form-item>
@@ -269,12 +269,14 @@
               <el-descriptions-item label="原料材质">{{ selectedSplitItem.packingStatus || '-' }}</el-descriptions-item>
               <el-descriptions-item label="包装要求">{{ selectedSplitItem.packagingRequirement || '-'
               }}</el-descriptions-item>
-              <el-descriptions-item label="实测厚度(m)">{{ selectedSplitItem.actualThickness || '-' }}
-                m</el-descriptions-item>
-              <el-descriptions-item label="实测宽度(m)">{{ selectedSplitItem.actualWidth || '-' }}
-                m</el-descriptions-item>
-              <el-descriptions-item label="长度">{{ selectedSplitItem.length || '-' }}
-                m</el-descriptions-item>
+              <el-descriptions-item label="实测长度(mm)">{{ selectedSplitItem.actualLength || '-' }}
+                mm</el-descriptions-item>
+              <el-descriptions-item label="实测厚度(mm)">{{ selectedSplitItem.actualThickness || '-' }}
+                mm</el-descriptions-item>
+              <el-descriptions-item label="实测宽度(mm)">{{ selectedSplitItem.actualWidth || '-' }}
+                mm</el-descriptions-item>
+              <el-descriptions-item label="长度(mm)">{{ selectedSplitItem.length || '-' }}
+                mm</el-descriptions-item>
               <el-descriptions-item label="毛重">{{ selectedSplitItem.grossWeight || '-' }} t</el-descriptions-item>
               <el-descriptions-item label="净重">{{ selectedSplitItem.netWeight || '-' }} t</el-descriptions-item>
 
diff --git a/klp-ui/src/views/wms/coil/split.vue b/klp-ui/src/views/wms/coil/split.vue
index 17871357..d7f6c5bd 100644
--- a/klp-ui/src/views/wms/coil/split.vue
+++ b/klp-ui/src/views/wms/coil/split.vue
@@ -197,22 +197,22 @@
                     <template slot="append">米</template>
                   </el-input-number>
                 </el-form-item>
-                <el-form-item label="实测长度(m)" prop="actualLength">
+                <el-form-item label="实测长度(mm)" prop="actualLength">
                   <el-input-number :controls="false" v-model="item.actualLength" placeholder="请输入实测长度" type="number"
                     :step="0.01" :disabled="readonly">
-                    <template slot="append">米</template>
+                    <template slot="append">mm</template>
                   </el-input-number>
                 </el-form-item>
-                <el-form-item label="实测厚度(m)" prop="actualThickness" class="form-item-half">
+                <el-form-item label="实测厚度(mm)" prop="actualThickness" class="form-item-half">
                   <el-input-number :controls="false" v-model="item.actualThickness" placeholder="请输入实测厚度"
                     type="number" :step="0.01" :disabled="readonly">
-                    <template slot="append">米</template>
+                    <template slot="append">mm</template>
                   </el-input-number>
                 </el-form-item>
-                <el-form-item label="实测宽度(m)" prop="actualWidth">
+                <el-form-item label="实测宽度(mm)" prop="actualWidth">
                   <el-input-number :controls="false" v-model="item.actualWidth" placeholder="请输入实测宽度" type="number"
                     :step="0.01" :disabled="readonly">
-                    <template slot="append">米</template>
+                    <template slot="append">mm</template>
                   </el-input-number>
                 </el-form-item>
                 <el-form-item label="业务目的" prop="businessPurpose">
diff --git a/klp-ui/src/views/wms/coil/typing.vue b/klp-ui/src/views/wms/coil/typing.vue
index a0ecd24b..c3cd9276 100644
--- a/klp-ui/src/views/wms/coil/typing.vue
+++ b/klp-ui/src/views/wms/coil/typing.vue
@@ -194,24 +194,24 @@
               </el-input-number>
             </el-form-item>
 
-            <el-form-item label="实测长度(m)" prop="actualLength">
+            <el-form-item label="实测长度(mm)" prop="actualLength">
               <el-input-number :controls="false" v-model="updateForm.actualLength" placeholder="请输入实测长度" type="number"
                 :step="0.001">
-                <template slot="append">米</template>
+                <template slot="append">mm</template>
               </el-input-number>
             </el-form-item>
 
-             <el-form-item label="实测厚度(m)" prop="actualThickness" class="form-item-half">
+             <el-form-item label="实测厚度(mm)" prop="actualThickness" class="form-item-half">
               <el-input-number :controls="false" v-model="updateForm.actualThickness" placeholder="请输入实测厚度"
                 type="number" :step="0.01">
-                <template slot="append">米</template>
+                <template slot="append">mm</template>
               </el-input-number>
             </el-form-item>
 
-             <el-form-item label="实测宽度(m)" prop="actualWidth">
+             <el-form-item label="实测宽度(mm)" prop="actualWidth">
               <el-input-number :controls="false" v-model="updateForm.actualWidth" placeholder="请输入实测宽度" type="number"
                 :step="0.001">
-                <template slot="append">米</template>
+                <template slot="append">mm</template>
               </el-input-number>
             </el-form-item>
 
diff --git a/klp-ui/src/views/wms/coil/views/typeError.vue b/klp-ui/src/views/wms/coil/views/typeError.vue
index 4776f764..029e8224 100644
--- a/klp-ui/src/views/wms/coil/views/typeError.vue
+++ b/klp-ui/src/views/wms/coil/views/typeError.vue
@@ -130,15 +130,15 @@
         <el-form-item label="净重" prop="netWeight">
           <el-input v-model="form.netWeight" placeholder="请输入净重" />
         </el-form-item>
-        <el-form-item label="实测长度(m)" prop="actualLength">
+        <el-form-item label="实测长度(mm)" prop="actualLength">
           <el-input-number :controls="false" v-model="form.actualLength" placeholder="请输入实测长度" type="number"
             :step="0.01" />
         </el-form-item>
-        <el-form-item label="实测厚度(m)" prop="actualThickness" class="form-item-half">
+        <el-form-item label="实测厚度(mm)" prop="actualThickness" class="form-item-half">
           <el-input-number :controls="false" v-model="form.actualThickness" placeholder="请输入实测厚度" type="number"
             :step="0.01" />
         </el-form-item>
-        <el-form-item label="实测宽度(m)" prop="actualWidth">
+        <el-form-item label="实测宽度(mm)" prop="actualWidth">
           <el-input-number :controls="false" v-model="form.actualWidth" placeholder="请输入实测宽度" type="number"
             :step="0.01" />
         </el-form-item>
@@ -247,9 +247,9 @@ export default {
           { label: '厂家', prop: 'itemManufacturer' },
           { label: '调制度', prop: 'temperGrade' },
           { label: '镀层种类', prop: 'coatingType' },
-          { label: '实测长度(m)', prop: 'actualLength' },
-          { label: '实测宽度(m)', prop: 'actualWidth' },
-          { label: '实测厚度(m)', prop: 'actualThickness' },
+          { label: '实测长度(mm)', prop: 'actualLength' },
+          { label: '实测宽度(mm)', prop: 'actualWidth' },
+          { label: '实测厚度(mm)', prop: 'actualThickness' },
           { label: '钢卷表面处理', prop: 'coilSurfaceTreatment' },
         ],
         title: '详细信息'