refactor(scheduling): rewrite terminology to match core business logic

Core story: 里程高的车换下来,里程少的车换上去。

- Summary cards: "里程高·需换下" / "里程低·需换走" / "替换建议"
- List tags: "换下" (amber) / "换走" (blue) with matching color bars
- Detail modal title: "里程高·换下此车" / "里程低·换走此车"
- Candidate section: explains WHY these vehicles are recommended
  - 换下: "以下车辆里程缺口大,换到该高里程客户处可加速达标"
  - 换走: "以下车辆里程已充足,可调给当前客户,将此车换走给高里程客户冲刺"
- Reason text: states current situation + clear action recommendation
  with specific numbers (已跑, 缺口, 日均, 完成率)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
kkfluous
2026-04-16 21:23:35 +08:00
parent 1a5a1c1514
commit 48fa3bc73f
4 changed files with 33 additions and 16 deletions

View File

@@ -183,12 +183,12 @@ export default function SchedulingModule() {
: 'bg-amber-50 border border-amber-100'
}`}
>
<div className="text-[10px] font-bold text-amber-700 mb-1"></div>
<div className="text-[10px] font-bold text-amber-700 mb-1">·</div>
<div className="text-2xl font-black text-amber-800">
{loading && !data ? '-' : summary?.qualifiedCount ?? 0}
<span className="text-xs font-normal text-amber-600 ml-1"></span>
</div>
<div className="text-[9px] text-amber-600 mt-1"> 120%</div>
<div className="text-[9px] text-amber-600 mt-1"></div>
</button>
<button
@@ -199,12 +199,12 @@ export default function SchedulingModule() {
: 'bg-blue-50 border border-blue-100'
}`}
>
<div className="text-[10px] font-bold text-blue-700 mb-1"></div>
<div className="text-[10px] font-bold text-blue-700 mb-1">·</div>
<div className="text-2xl font-black text-blue-800">
{loading && !data ? '-' : summary?.hopelessCount ?? 0}
<span className="text-xs font-normal text-blue-600 ml-1"></span>
</div>
<div className="text-[9px] text-blue-600 mt-1"> &lt; 60%</div>
<div className="text-[9px] text-blue-600 mt-1"></div>
</button>
<button
@@ -215,13 +215,13 @@ export default function SchedulingModule() {
: 'bg-emerald-50 border border-emerald-100'
}`}
>
<div className="text-[10px] font-bold text-emerald-700 mb-1"></div>
<div className="text-[10px] font-bold text-emerald-700 mb-1"></div>
<div className="text-2xl font-black text-emerald-800">
{loading && !data ? '-' : summary?.suggestionCount ?? 0}
<span className="text-xs font-normal text-emerald-600 ml-1"></span>
</div>
<div className="text-[9px] text-emerald-600 mt-1">
+{summary?.estimatedGain ?? 0}
+{summary?.estimatedGain ?? 0}
</div>
</button>
</div>

View File

@@ -63,11 +63,11 @@ export default function SuggestionDetail({ suggestion: s, onClose, onNotifySucce
<div className="bg-slate-800 px-4 py-3 flex items-center justify-between flex-shrink-0">
<div className="flex items-center gap-2">
{isRescue
? <ArrowDown size={14} className="text-rose-400" />
: <ArrowUp size={14} className="text-emerald-400" />
? <ArrowDown size={14} className="text-blue-300" />
: <ArrowUp size={14} className="text-amber-300" />
}
<span className="text-white font-bold text-sm">
{isRescue ? '抢救低里程' : '释放已达标'}
{isRescue ? '里程低·换走此车' : '里程高·换下此车'}
</span>
</div>
<button onClick={onClose} className="text-slate-400 hover:text-white transition-colors p-1 cursor-pointer">
@@ -113,10 +113,18 @@ export default function SuggestionDetail({ suggestion: s, onClose, onNotifySucce
{/* Candidates */}
<div className="px-4 py-3">
<div className="flex items-center justify-between mb-2.5">
<span className="text-xs font-bold text-slate-700"></span>
<div className="flex items-center justify-between mb-1">
<span className="text-xs font-bold text-slate-700">
{isRescue ? '从库存调入替换' : '换上以下里程少的车'}
</span>
<span className="text-[10px] text-slate-400">{s.candidates.length} </span>
</div>
<div className="text-[10px] text-slate-400 mb-2.5">
{isRescue
? '以下车辆里程已充足,可调给当前客户,将此车换走给高里程客户冲刺'
: '以下车辆里程缺口大,换到该高里程客户处可加速达标'
}
</div>
<div className="space-y-2">
{s.candidates.map(c => {

View File

@@ -38,7 +38,7 @@ export default function SuggestionList({ suggestions, onSelect }: Props) {
onClick={() => onSelect(s)}
>
{/* Color bar */}
<div className={`w-1 h-10 rounded-full flex-shrink-0 ${isRescue ? 'bg-rose-400' : 'bg-emerald-400'}`} />
<div className={`w-1 h-10 rounded-full flex-shrink-0 ${isRescue ? 'bg-blue-400' : 'bg-amber-400'}`} />
{/* Info */}
<div className="flex-1 min-w-0">
@@ -47,9 +47,9 @@ export default function SuggestionList({ suggestions, onSelect }: Props) {
<Blur>{v.plateNumber}</Blur>
</span>
<span className={`text-[9px] px-1.5 py-px rounded font-bold ${
isRescue ? 'bg-rose-50 text-rose-500' : 'bg-emerald-50 text-emerald-500'
isRescue ? 'bg-blue-50 text-blue-600' : 'bg-amber-50 text-amber-600'
}`}>
{isRescue ? '无望' : '达标'}
{isRescue ? '里程低·换走' : '里程高·换下'}
</span>
<span className="text-[9px] text-slate-400">{v.vehicleType}</span>
<span className="text-[9px] text-slate-300">·</span>