diff --git a/klp-ui/src/views/wms/coil/info/coil-info.scss b/klp-ui/src/views/wms/coil/info/coil-info.scss index ad84da384..1f24d2092 100644 --- a/klp-ui/src/views/wms/coil/info/coil-info.scss +++ b/klp-ui/src/views/wms/coil/info/coil-info.scss @@ -598,6 +598,14 @@ text-shadow: 0 0 6px rgba(100, 116, 139, 0.4) !important; } +.attr-arrow { + display: inline-block; + margin: 0 4px; + color: #94a3b8; + font-size: 11px; + font-weight: 400; +} + .coil-futuristic-footer { display: flex; justify-content: space-around; diff --git a/klp-ui/src/views/wms/coil/info/components/BasicInfoSection.vue b/klp-ui/src/views/wms/coil/info/components/BasicInfoSection.vue index f90c0ad6a..d1d9bbaab 100644 --- a/klp-ui/src/views/wms/coil/info/components/BasicInfoSection.vue +++ b/klp-ui/src/views/wms/coil/info/components/BasicInfoSection.vue @@ -5,7 +5,7 @@ 基本信息
- +
@@ -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 + } } } diff --git a/klp-ui/src/views/wms/coil/info/components/CoilCardFuturistic.vue b/klp-ui/src/views/wms/coil/info/components/CoilCardFuturistic.vue index 5dbe514c8..5f0b00865 100644 --- a/klp-ui/src/views/wms/coil/info/components/CoilCardFuturistic.vue +++ b/klp-ui/src/views/wms/coil/info/components/CoilCardFuturistic.vue @@ -55,7 +55,11 @@
{{ leftLabel }} - {{ coil.qualityStatus || '-' }} + {{ initialQualityStatus || '-' }} +
@@ -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: { diff --git a/klp-ui/src/views/wms/coil/info/components/LifecycleTrace.vue b/klp-ui/src/views/wms/coil/info/components/LifecycleTrace.vue index c195d607f..ff74dfe18 100644 --- a/klp-ui/src/views/wms/coil/info/components/LifecycleTrace.vue +++ b/klp-ui/src/views/wms/coil/info/components/LifecycleTrace.vue @@ -38,6 +38,7 @@ 📦 入库
无钢卷信息 @@ -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) { diff --git a/klp-ui/src/views/wms/coil/info/index.vue b/klp-ui/src/views/wms/coil/info/index.vue index 212b65572..e56a40741 100644 --- a/klp-ui/src/views/wms/coil/info/index.vue +++ b/klp-ui/src/views/wms/coil/info/index.vue @@ -1,12 +1,12 @@