现状痛点:所有策略代码堆成一列长表,每行 9 列信息(实例/参数/标的/收益/4 运行灯/操作),密密麻麻、没有层级——不知道自己在看"哪个策略"还是"哪个档案"。
左侧代码树,右侧选中代码的实例区。一眼一个策略,密度自动降下来;代码多时靠左栏导航,不滚动。层级 = 左(代码)选谁 → 右(档案)看谁。
顶部全局统计 + 类型筛选,下面每实例一张竖卡。层级靠筛选不靠导航;每个档案的收益是大数字、状态一目了然,适合"以实例为中心"巡检在跑的东西。
| 维度 | 方案 A · 主从工作台 | 方案 B · 档案卡墙 |
|---|---|---|
| 层级感 | ★ 强:左代码右档案,选中即聚焦 | 中:靠筛选 tab 分层 |
| 信息密度 | 中:一屏看一个策略的全部档案 | 低:一卡一档留白大,滚动更长 |
| 策略多时 | ★ 左栏天然导航 + 搜索 | 卡片墙越滚越长 |
| 巡检在跑 | 要逐个点开代码看 | ★ 顶部统计 +「在跑 4」一键过滤,全局巡检快 |
| 改造量 | 中(List.vue 重排 + 选中态) | 中(List.vue 重排 + 统计/筛选) |
| 适合的心智 | "我在调这个策略" | "我的档案们现在都怎么样" |
也可以 A 为主 + 顶部借 B 的统计条(全局数字 + 在跑过滤入口),两版优点合并。