新增 AutoRDO 需求清洗工作台与消息中枢,迭代 OneOS V2 设计规范及租赁合同/工作台/车辆等原型,同步云效技能与导航注册;并归档一批 legacy 原型快照。

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
王冕
2026-07-28 15:50:35 +08:00
parent b14425da5a
commit 5d51a6bf7a
1393 changed files with 488042 additions and 10046 deletions

View File

@@ -0,0 +1,103 @@
# 车辆采购合同 + 验车入库 Linear UI Implementation Plan
> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
**Goal:** 按规格将采购合同、验车入库、外勤三端对齐 Linear 产品浅色(`--ln-*` / `#32a06e`)与 vm-page 壳层,一波交付,不改业务规则。
**Architecture:** PC 两原型继续引用 `vehicle-management/style.css`;列表改为筛选卡 + KPI + `OperationActions` + `TablePagination`;表单/详情用顶栏返回 + 分区卡片;外勤三端共享一份 `field-theme.css``--ln-*` 子集)并改各 `index.html` 内联色。业务仍走 `src/common/vehicle-purchase/*`
**Tech Stack:** React + Ant Design + Lucidevm-/ln- CSS静态 HTML/JS 外勤页。
**Spec:** `docs/superpowers/specs/2026-07-22-vehicle-purchase-inspection-linear-ui-design.md`
---
## File map
| 文件 | 职责 |
|------|------|
| `vehicle-purchase-contract/VehiclePurchaseContractApp.tsx` | 列表壳、KPI、表单分区、主题色 |
| `vehicle-purchase-contract/styles/index.css` | vpc 收敛到 vm/ln |
| `vehicle-purchase-contract/DESIGN.md` | 声明设计基底 |
| `vehicle-inspection/VehicleInspectionApp.tsx` | 同上(验车) |
| `vehicle-inspection/styles/index.css` | vi 收敛 |
| `vehicle-inspection/DESIGN.md` | 声明设计基底 |
| `vehicle-inspection-*/field-theme.css`(新建,三端各一份或同源复制) | 外勤 Linear 浅色 token |
| `vehicle-inspection-*/index.html` | 引用 theme、触控与对比度 |
---
### Task 1: 采购合同列表壳 + 主题色
**Files:**
- Modify: `src/prototypes/vehicle-purchase-contract/VehiclePurchaseContractApp.tsx`
- Modify: `src/prototypes/vehicle-purchase-contract/styles/index.css`
- Create: `src/prototypes/vehicle-purchase-contract/DESIGN.md`
- [ ] **Step 1:** `vmTheme.token.colorPrimary` 改为 `#32a06e``colorLink` 同步。
- [ ] **Step 2:** 列表去掉 `vpc-header` h1/副标题;结构改为:
- `vm-page vpc-page`
- 筛选:`vm-filter-card` / 或 Card `title="筛选条件"` + 关键词/状态/审批 + 查询重置
- KPI 四卡(草稿、审批中合集、已通过、已生成验车),可点驱动 filter
- `vm-table-section`:右对齐「新建合同」;表格;`OperationActions` 替换散落链接(若尚未用)
- `vm-table-footer` + `TablePagination`
- [ ] **Step 3:** CSS 用 `var(--ln-*)` / `var(--vm-*)` 替换 `#10b981``#f8fafc` 等硬编码;保留审批 banner、表单 grid 类名但换 token。
- [ ] **Step 4:** 写入 `DESIGN.md`:基底 = linear 产品浅色 + vm-shared。
- [ ] **Step 5:** 浏览器打开 `/prototypes/vehicle-purchase-contract/` 目视:无大标题、主色绿、分页在底。
### Task 2: 采购合同创建/编辑/查看分区
**Files:**
- Modify: `VehiclePurchaseContractApp.tsx`create/edit/view 分支)
- Modify: `styles/index.css`
- [ ] **Step 1:** 顶栏:返回 + 标题 + 主操作(保存/提交/关闭)。
- [ ] **Step 2:** 表单/详情字段按规格五分区包进 `vpc-section` 卡片(主体 / 车型价格 / 分期 / 交付 / 附件质保)。
- [ ] **Step 3:** 审批提示条用 `--ln-primary-soft` 背景;总价 `tabular-nums`
- [ ] **Step 4:** 目视创建页分区与返回可用。
### Task 3: 验车入库列表 + 详情
**Files:**
- Modify: `src/prototypes/vehicle-inspection/VehicleInspectionApp.tsx`
- Modify: `src/prototypes/vehicle-inspection/styles/index.css`
- Create: `src/prototypes/vehicle-inspection/DESIGN.md`
- [ ] **Step 1:** 同 Task1主题色、去大标题、筛选卡、KPI待验/验车中/已完成)、表格+分页、`OperationActions`
- [ ] **Step 2:** 详情:返回顶栏;摘要;外勤按钮(绑定 + open车辆表主操作右对齐。
- [ ] **Step 3:** CSS 换 `--ln-*``DESIGN.md` 声明基底。
- [ ] **Step 4:** 目视列表与详情;点小程序 URL 200。
### Task 4: 外勤三端 Linear 浅色
**Files:**
- Create: `field-theme.css` 于 web内容含 `:root` `--ln-primary` 等),复制到 miniprogram、app
- Modify: 各 `index.html` link stylesheet调整内联 style 引用 var
- Modify: 如有冲突的 `app.js` 内联色则改为 class
- [ ] **Step 1:** 定义 `--ln-primary: #32a06e`、canvas、ink、muted、hairline、radius、error。
- [ ] **Step 2:** 卡片/按钮/底栏用 token触控按钮 min-height 44pxbody ≥16px。
- [ ] **Step 3:** 三端同步curl 三个 index.html 为 200目视一页。
### Task 5: 文档与验收
- [ ] **Step 1:** 若仅样式PRD 可跳过全量;若分区标题有语义变化,轻量更新 `.spec/requirements-prd.md` 一句「UI 对齐 Linear 产品浅色」。
- [ ] **Step 2:** 对照规格 §7 验收清单自检。
- [ ] **Step 3:** 不自动 commit除非用户要求
---
## Spec coverage
| 规格节 | Task |
|--------|------|
| §2 Linear 浅色 | 14 |
| §3.1 合同 | 12 |
| §3.2 验车 | 3 |
| §3.3 外勤 | 4 |
| §5 业务冻结 | 全程不改 common |
| §7 验收 | 5 |
## Placeholder scan
无 TBD提交步骤尊重用户「未要求不 commit」。