feat(wms/coil): 新增钢卷质量状态流转展示

1.  添加属性箭头样式类用于展示状态流转箭头
2.  新增初始质量状态props传递，在基础信息和生命周期追踪组件中展示质量状态变更
3.  在 futuristic 钢卷卡片中展示初始到当前的质量状态流转

klp-ui/src/views/wms/coil/info/components/BasicInfoSection.vue

@@ -5,7 +5,7 @@
       <span class="section-title">基本信息</span>
     </div>
     <div class="section-body">
-      <CoilInfoRender :coilInfo="coilInfo" :column="5" />
+      <CoilInfoRender :coilInfo="displayCoilInfo" :column="5" />
     </div>
   </div>
 </template>
@@ -14,7 +14,20 @@
 export default {
   name: 'BasicInfoSection',
   props: {
-    coilInfo: { type: Object, default: () => ({}) }
+    coilInfo: { type: Object, default: () => ({}) },
+    initialQualityStatus: { type: String, default: '' }
+  },
+  computed: {
+    displayCoilInfo() {
+      const currentStatus = this.coilInfo.qualityStatus || '-'
+      if (this.initialQualityStatus && this.initialQualityStatus !== currentStatus) {
+        return {
+          ...this.coilInfo,
+          qualityStatus: `${this.initialQualityStatus} → ${currentStatus}`
+        }
+      }
+      return this.coilInfo
+    }
   }
 }
 </script>

klp-ui/src/views/wms/coil/info/components/CoilCardFuturistic.vue

@@ -55,7 +55,11 @@
         <div class="attr-tag attr-left">
           <div class="attr-content">
             <span class="attr-label">{{ leftLabel }}</span>
-            <span class="attr-value" :class="statusClass(coil.qualityStatus)">{{ coil.qualityStatus || '-' }}</span>
+            <span class="attr-value" :class="statusClass(initialQualityStatus)">{{ initialQualityStatus || '-' }}</span>
+            <template v-if="hasQualityChanged">
+              <span class="attr-arrow">→</span>
+              <span class="attr-value" :class="statusClass(currentQualityStatus)">{{ currentQualityStatus || '-' }}</span>
+            </template>
           </div>
         </div>
         <div v-if="coil.enterCoilNo && coil.enterCoilNo !== '-'" class="attr-tag attr-top-left">
@@ -116,7 +120,8 @@ export default {
   name: 'CoilCardFuturistic',
   props: {
     coil: { type: Object, default: () => ({}) },
-    type: { type: String, default: 'inbound' }
+    type: { type: String, default: 'inbound' },
+    initialQualityStatus: { type: String, default: '' }
   },
   data() {
     uid++
@@ -142,6 +147,13 @@ export default {
     },
     leftLabel() {
       return this.type === 'inbound' ? '质量状态' : '状态'
+    },
+    currentQualityStatus() {
+      return this.coil.qualityStatus || '-'
+    },
+    hasQualityChanged() {
+      return this.initialQualityStatus && this.currentQualityStatus !== '-'
+        && this.initialQualityStatus !== this.currentQualityStatus
     }
   },
   methods: {

klp-ui/src/views/wms/coil/info/components/LifecycleTrace.vue

@@ -38,6 +38,7 @@
                     <span class="card-label">&#128230; 入库</span>
                   </div>
                   <CoilCardFuturistic v-for="(coil, idx) in getCreationCoils(step, allSteps)" :key="idx" :coil="coil" type="inbound"
+                    :initialQualityStatus="initialQualityStatus"
                     v-if="coil && coil.currentCoilNo !== '-'" />
                   <div v-if="isEmpty(getCreationCoils(step, allSteps))" class="empty-coil">
                     <span>无钢卷信息</span>
@@ -147,7 +148,8 @@ export default {
   components: { CoilTraceResult, CoilCardFuturistic, CoilCardCompact, ShipmentCard },
   props: {
     traceResult: { type: Object, default: null },
-    coilInfo: { type: Object, default: () => ({}) }
+    coilInfo: { type: Object, default: () => ({}) },
+    initialQualityStatus: { type: String, default: '' }
   },
   methods: {
     isEmpty(list) {