# 从 CMF 到 DFM：结构组新人线路图

> 活页公开模板 `sample-dfm-flow` · 场景: 手册 · 指南 · 行业: 制造供应链 / 教育培训
> 任何人、任何 Agent 都可以读、照着改，不需要账号。示例内容均为虚构。
> 真页面: https://getlivepage.com/s/Q9ReNzmBcVhu · 详情: https://getlivepage.com/examples/sample-dfm-flow

## 这是什么

团队新人手册 · 用一张流程地铁图讲清从 CMF 转到 DFM 要走的每一站

## 什么时候用

给新同事或转岗同事讲一套多阶段、有关口的工作流程（产品开发、DFM、认证、交付）：要一张能点的流程总图、每一站的进站 / 出站条件，外加一个「我现在在哪一站」的自测，并收集读者的问题出下一版。要做某一次开模前的 DFM 评审页（逐项检查、开模结论）选 sample-dfm-review；个人转行 / 职业成长路线选 sample-career-route；只是项目进度汇报选 sample-weekly-report。

## 用户对助手说的原话

帮我做一份团队新人手册网页，主题是从 CMF 转到 DFM：页头是虚构公司与部门、文档编号与版本、一句导语、写给谁 / 整理人 / 适用范围 / 本版日期；第一块是记忆点：把产品开发流程画成一张会动的地铁线路图——蓝色主线九站（概念/ID、结构设计、DFM 评审、开模、T0/T1 试模、EVT、DVT、PVT、量产 MP），品红 CMF 线两站（CMF 定义、色板与样板）斜着并入 DFM 评审这个换乘站，并行到 T0/T1 外观签样；线路进场时描线、站点依次出现，DFM 和开模之间标「开模签核」闸机；点任一站，右侧站牌面板显示这一站做什么、谁参与、输入→输出、进站条件、出站闸机、常见坑，DFM 站最详细：查哪八项（壁厚、拔模、圆角、筋柱、卡扣倒扣、公差与留钢料、浇口熔接线、CMF 可实现性，每项带经验数值）、报告谁出、一般几轮、会怎么开；第二块「CMF → DFM 换乘指南」左右两栏写带得走的和要补上的，下面一张交接清单表（交什么、举例、在 DFM 里影响什么，比如纹深对应拔模角）；第三块自测「我进入 DFM 了吗？」八个是 / 还没开关，旁边一张结果卡说你在哪一站、下一道闸、这周可以做什么，并在线路图上标「你在这里」，只在本机记住；最后一张表单让读者留问题（哪一站、岗位、问题）存到数据表，过审的读回到「大家在问」。电脑上线路图横排、站牌停靠在右侧，手机上线路图改竖排、站牌在图下。

如果你还没有活页连接器（MCP），先读 https://getlivepage.com/for-agents.md ，照里面的说明接入，或不登录直接发布。

## 照着做一份

1. 读入口文件 https://getlivepage.com/examples/sample-dfm-flow/source/index.html（它引用的其他文件见下方列表）。
2. 保留结构、版式和交互，把内容**全部**换成用户自己的；模板里的公司、人名、数字都是虚构的，一样都别留。
3. 交付一个自包含的单文件 HTML：样式写在页面里，不引外部字体 / 脚本 / CDN；手机 375 宽和电脑 1440 宽都要好看，模板有暗色就保留暗色。
4. 要发成微信里能打开、改了链接不变的网页：接入活页（https://getlivepage.com/for-agents.md）后发布；没有账号也可以让用户在 https://getlivepage.com/quick 上传这个文件。
5. 没有活页工具、但能发 HTTPS 请求：把做好的 HTML 以 Content-Type: text/html POST 到 https://getlivepage.com/api/quick?client=template-sample-dfm-flow ，返回预览链接、7 天分享与认领链接（登录后保留、链接不变）。

## 页面结构

- 线路图
- CMF → DFM 换乘指南
- 我进入 DFM 了吗？
- 留个问题给下一版

## 文件（公开，纯文本）

- https://getlivepage.com/examples/sample-dfm-flow/source/index.html（入口）

## 发成活页之后还能做的

- 动画地铁线路图（内联 SVG，电脑横排 / 手机竖排各一套坐标），点站切换站牌，脚本不跑时全部站牌顺序列出
- 自测八个信号 → 结果卡 + 线路图上「你在这里」，勾选只存本机（键带页面 id）
- 读者提问写回数据表（原生表单 POST ./_data/questions），过审后读回到「大家在问」
- 每月出新版，同一链接更新

## 发之前要备好

- 数据表 questions（列 station / role / question，append_open=true）：读者留给下一版的问题写进这里，页面读回过审的行列在「大家在问」；出新版时把答过的问题写进对应站牌

## 模板说明（README）

资深结构工程师写给新同事（尤其是从 CMF / ID 转过来的）的一页手册：一张产品开发线路图讲清每一站，再用自测告诉读者项目现在在哪一站。
品质标准见 `core/space/examples/QUALITY.md`。示例内容均为虚构（砚北电器、罗明川、色板与纹板编号都是编的；工程经验数值为行业常见量级，以你们的材料与模厂为准）。

## 演示哪个特色

**一张会动、能点的流程地铁图 + 自测结果卡 + 页内写回的提问表，同一个链接每月出新版。**

- 记忆点是内联 SVG 线路图（电脑横排 760 宽、手机竖排 343 宽，两套坐标）：蓝色主线九站，品红 CMF 线在 DFM 评审换乘站并入、并行到 T0/T1 外观签样。
  进场时两条线描出来、站点依次出现（`prefers-reduced-motion` 时直接终态）。点任一站（键盘 Enter 也行），站牌面板切换：电脑停靠在右侧，手机在图下并自动滚过去。
  脚本不跑时九加二块站牌顺序列出，内容完整。
- 「我进入 DFM 了吗？」八个信号开关 → 结果卡（站名、状态、下一道闸、这周可以做什么、九站进度条），同时在线路图上标出呼吸的「你在这里」。
  勾选只存在本机 `localStorage`，键是 `dfm-flow-check:` + `space.page.id`（同一工作区复制出的多份手册互不串）。不写回。
- 文末是原生表单 `<form action="./_data/questions" method="post">`：不跑脚本也能提交；脚本在时 `fetch` POST 一行 JSON，就地显示「收到了」，
  再 `fetch('./_data/questions.json')` 把过审的行读回到「大家在问」。
- 发布者读回：MCP `list_data_rows table=questions`。

## 改哪里变成我的

| 位置 | 改什么 |
|---|---|
| 页头 `.org` / `h1` / `.lede` / `.facts` | 公司与部门、文档编号与版本、标题、写给谁 / 整理人 / 适用范围 / 本版日期 |
| 线路图 `svg.metro.wide` / `.narrow` | 两条 `path.ln`（主线 / 支线）与每个 `g.stn`（`data-s` = 站点 id，坐标、站名、副标题）；站数变了两套坐标都要重排 |
| 站牌 `#panel` 的 `article.st` | `id="st-<站点 id>"`，每块一个站：做什么、谁参与、输入 → 输出、进站条件、出站闸机（`dd.gate`）、常见坑（`dd.pit`） |
| 脚本 `POS` / `NAME` / `judge()` | 「你在这里」两套坐标；自测信号到站点的判定规则与结果卡文案 |
| `#transfer` | 带得走 / 要补上的两栏，交接清单表 |
| 自测 `.sigs` | 八条信号；增减时同步 `judge()` 里的下标 |
| 表单 `#ask` | 站点下拉跟着线路图改；多收一列就给 `questions` 加一列、表单加一个同名输入框；「大家在问」里的旧问答每版手动更新 |
| 页脚 | 平台标志与名称（与 `core/space/src/theme.ts` 的 `MARK_SVG` / `PUBLIC_NAME` 逐字一致）+ 一句适用场景；发自己的手册时整段删掉 |
| `manifest.json` | `title` / `share.*`；节增减时 `sections` 与页里的 `id` / `data-track-section` 三处同改 |

纪律：`questions` 开了写回，过审的行任何能看这页的人都读得到 —— 只收问题本身，不收姓名手机号；别把客户项目代号、图纸细节写进示例问答。
本地 `space-cli serve` 会把提交写进包里的 `_data/questions.json`，试完改回 `[]`。

## 怎么发出去

```bash
# 1. 建页面（MCP create_proposal）→ proposal_id
# 2. 建表：set_data proposal_id=<id> table="questions" revision=0 rows=[] columns=["station","role","question"] append_open=true
# 3. 推整个目录（带 _data/ 回落）：
node core/space/cli/space-cli.mjs push <本目录> --proposal <proposal_id> --manifest <本目录>/manifest.json --hold
# 4. 预览：点 DFM 站看站牌，拨两个自测信号看结果卡；5. publish_version；6. 发给新同事（set_visibility 口令可看或指定成员）
# 7. 每月 list_data_rows table=questions 读问题，答进对应站牌，同一链接再发一版
```

验收截图：`node --import tsx examples/verify-shots.mjs sample-dfm-flow --write-thumb --write-phone`（QUALITY.md §7）。