diff --git a/track-uniapp/src/pages/scan/components/FlowCard.vue b/track-uniapp/src/pages/scan/components/FlowCard.vue index 12f035e..9e44b9e 100644 --- a/track-uniapp/src/pages/scan/components/FlowCard.vue +++ b/track-uniapp/src/pages/scan/components/FlowCard.vue @@ -14,8 +14,10 @@ ⏰ {{ fmtDate(node.created_at) }}{{ node.completed_at ? '→' + fmtDate(node.completed_at) : '→至今' }} - - 📋{{ node.records.length }}条 › + + + 查看操作日志 ({{ node.records.length }}条) › + @@ -45,7 +47,7 @@ export default { return fmtUserName(userId); }, statusLabel(s) { - const map = { PENDING: "待接收", WIP: "进行中", COMPLETED: "已完成", REJECTED: "已驳回", ARCHIVED: "已入库", OUTBOUND: "已出库" }; + const map = { PENDING: "待接收", WIP: "进行中", COMPLETED: "已完成", REJECTED: "已驳回", ARCHIVED: "已入库", OUTBOUND: "已出库", IN_PROGRESS: "待收货" }; return map[s] || s; }, statusColorClass(s) { @@ -56,6 +58,7 @@ export default { case "REJECTED": return "s-red"; case "ARCHIVED": return "s-archived"; case "OUTBOUND": return "s-outbound"; + case "IN_PROGRESS": return "s-orange"; default: return "s-gray"; } }, @@ -86,6 +89,7 @@ export default { .fc-card.s-red { border-left-color: #ef4444; } .fc-card.s-archived { border-left-color: #8b5cf6; } .fc-card.s-outbound { border-left-color: #4f46e5; } +.fc-card.s-orange { border-left-color: #f97316; } .fc-card.s-gray { border-left-color: #9ca3af; } .fc-head { display: flex; align-items: center; gap: 4px; margin-bottom: 4px; flex-wrap: wrap; } @@ -99,6 +103,7 @@ export default { .s-red .fc-status { background: #fce4ec; color: #be123c; } .s-archived .fc-status { background: #ede9fe; color: #7c3aed; } .s-outbound .fc-status { background: #e0e7ff; color: #4338ca; } +.s-orange .fc-status { background: #ffedd5; color: #ea580c; } .s-gray .fc-status { background: #f3f4f6; color: #6b7280; } .fc-rework { font-size: 10px; background: #ef4444; color: #fff; padding: 1px 5px; border-radius: 4px; font-weight: 700; } @@ -108,6 +113,21 @@ export default { .fc-warehouse-in { color: #059669; font-weight: 700; } /* 时间独占一行 */ .fc-time { display: block; font-size: 10px; color: #9ca3af; margin-top: 6px; } -/* 操作日志:独立一行靠右对齐 */ -.fc-records { display: block; text-align: right; margin-top: 4px; font-size: 11px; color: #2563eb; font-weight: 600; } +/* 操作日志:底部全宽蓝色条块(对齐 Web 端) */ +.ft-log-bar { + width: calc(100% + 24px); + margin-left: -12px; + margin-right: -12px; + margin-bottom: -10px; + margin-top: 10px; + background-color: #eff6ff; + color: #2563eb; + text-align: center; + padding: 8px 0; + font-size: 13px; + border-top: 1px solid #dbeafe; + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; +} +.ft-log-bar:active { background-color: #dbeafe; } diff --git a/track-uniapp/src/pages/scan/components/TreeCanvas.vue b/track-uniapp/src/pages/scan/components/TreeCanvas.vue index a7e0244..e699356 100644 --- a/track-uniapp/src/pages/scan/components/TreeCanvas.vue +++ b/track-uniapp/src/pages/scan/components/TreeCanvas.vue @@ -14,8 +14,8 @@ 📋该产品暂无流转记录 - - + +