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

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

klp-ui/src/views/wms/coil/info/index.vue

@@ -1,12 +1,12 @@
 <template>
   <div class="coil-info-page" v-loading="loading">
     <div class="content-container">
-      <BasicInfoSection :coilInfo="coilInfo" />
+      <BasicInfoSection :coilInfo="coilInfo" :initialQualityStatus="initialQualityStatus" />
 
       <CostInfoSection :coilInfo="coilInfo" :traceResult="traceResult"
         :hoardingDays="hoardingDays" :hoardingCost="hoardingCost" />
 
-      <LifecycleTrace :traceResult="traceResult" :coilInfo="coilInfo" />
+      <LifecycleTrace :traceResult="traceResult" :coilInfo="coilInfo" :initialQualityStatus="initialQualityStatus" />
 
       <ContractInfo title="生产合同信息" :info="salesInfo" emptyText="未找到相关生产合同信息" />
 
@@ -135,6 +135,17 @@ export default {
     hoardingCost() {
       const netWeight = parseFloat(this.coilInfo.netWeight) || 0
       return (this.hoardingDays * netWeight).toFixed(2)
+    },
+    initialQualityStatus() {
+      if (!this.coilQualityRejudgeList || this.coilQualityRejudgeList.length === 0) {
+        return this.coilInfo.qualityStatus || '-'
+      }
+      const sorted = [...this.coilQualityRejudgeList].sort((a, b) => {
+        const timeA = new Date(a.createTime || 0).getTime()
+        const timeB = new Date(b.createTime || 0).getTime()
+        return timeA - timeB
+      })
+      return sorted[0].beforeQuality || this.coilInfo.qualityStatus || '-'
     }
   },
   async created() {