# 宁州第 12 家门店选址对比分析

> 活页公开模板 `sample-analysis-report` · 场景: 分析报告 · 行业: 零售门店 / 房产家居
> 任何人、任何 Agent 都可以读、照着改，不需要账号。示例内容均为虚构。
> 真页面: https://space.24haowan.com/s/oRPqbwyKNUde · 详情: https://space.24haowan.com/examples/sample-analysis-report

## 这是什么

对比分析报告 · 几个方案摆在一起比

## 什么时候用

要在几个选项里给出建议的东西：选址、供应商比价、方案评估、竞品调研。结论写在最前面，宽表格在手机上自动变成小卡片。只是同步进度选 sample-weekly-report；要一步步教人怎么做选 sample-handbook。

## 用户对助手说的原话

把这几个选项的调研做成一份对比分析报告，发成一个网页链接：页头是公司抬头和报告要素（候选项、报告人、报送、日期）；第一节直接写结论，一句大字建议加三个关键数字，末尾一句需要谁在哪天前确认；然后是一张对比表（每行一个选项，标出每一列最好的那个，建议的那行用一条色线标出），手机上每一行改成竖排的小卡片；再用一张按月的累计折线图讲清楚为什么选它（标出转正的点和关键的时间线）；最后是风险（分轻重）、带日期的下一步和数据口径。少用底色块，用细线分隔；图在手机上单独画一套。数据有变化时更新到同一个链接。

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

## 照着做一份

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

## 页面结构

- 结论
- 三处对比
- 回本测算
- 风险
- 建议与时间
- 数据口径

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

- https://space.24haowan.com/examples/sample-analysis-report/source/index.html（入口）
- https://space.24haowan.com/examples/sample-analysis-report/source/data/%E9%80%89%E5%9D%80%E5%AF%B9%E6%AF%94%E6%95%B0%E6%8D%AE.csv

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

- 结论先行，手机上不用横着拖表格
- 阅读回执（看到哪一节、在哪一节停得久）
- 数据复测后更新同一条链接
- 正文里自己画的「订阅」「下载」按钮（data-space）

## 模板说明（README）

EPIC #9032 C8 新增的画廊样例（总览见 `core/space/examples/README.md`，品质标准见 `core/space/examples/QUALITY.md`）。示例数据均为虚构。

## 演示哪个特色

**长文在手机上好读 + 阅读回执 + 链接不变。**

- **结论先行**：页头之后第一节就是建议、三个关键数字和「需要谁在哪天前确认」，读者不用翻到最后。
- **宽表在手机上变小卡**：对比表在电脑上是 8 列的表格；手机上（≤ 600px）每一行变成一张竖排小卡，列名来自每格的 `data-label`，不用横着拖（发布回执里 `compat_table_overflow` 为 0）。
- **记忆点**是回本曲线：三条累计现金流折线，标出各自转正的月份、商场合同到期那条虚线，以及「第 41 个月 A 才追上 B」。内联 SVG，手机 / 电脑各一套坐标；末尾一小段脚本只做第一次进入视野时画线（不跑时图照常完整）。
- **正文里自己画的按钮**：「数据口径」末尾两枚按钮样式全是本页的，只各标一个属性 —— `data-space="subscribe"`（订阅后续复盘 ⇒ 弹平台的关注浮窗）、`data-space="download:data/选址对比数据.csv"`（下载完整数据 ⇒ 直接下载，路径必须在 `manifest.downloads` 里）。平台不另画按钮、不改它们的样子。
- 发出去之后：发布者能看到谁打开过、看到哪一节、在哪一节停得久（MCP `list_sessions` / `get_session_timeline` / `get_engagement_summary`，锚点是每节的 `data-track-section`）；10 月复测后同一个页面再发一个版本，链接不变。

## 改哪里变成我的

| 位置 | 改什么 |
|---|---|
| 页头 `.org` / `h1` / `.facts` | 公司抬头（内联 SVG 标志）、文档编号、标题、候选项 / 报告人 / 报送 / 日期 |
| 「结论」`#verdict` | `.verdict` 一句大字建议；`.why` 三个关键数字；`.decide` 谁在哪天前确认 |
| 「三处对比」`table` | 每行一个选项，`<td data-label="…">` 必须和表头同名（手机小卡靠它显示列名）；最好的一格加 `class="best"`，建议的那行 `tr.pick` |
| 「回本测算」`svg.curve` | 两段内联 SVG（`.curve.wide` 电脑 728 宽 / `.curve.narrow` 手机 343 宽）。坐标 = 横轴按月（0–42）、纵轴 -80 到 160 万线性映射；每条线只有三个拐点（开业、第 3 个月、第 42 个月），改数字时两段都重算，`aria-label` 同步 |
| 「风险」「建议与时间」 | `.risks` 每条一个 `<li>`，轻重写在 `.lvl`（要盯的加 `hi`）；`.steps` 是有先后的下一步，带日期 |
| 「数据口径」 | 数字从哪来、怎么算；写一句下次什么时候更新。`.act` 两枚按钮：不要下载就删那一枚并去掉 `manifest.downloads`；换文件时 `data-space="download:…"` 与 `downloads.attachments[].path` 同改 |
| 页脚 | 平台标志与名称（与 `core/space/src/theme.ts` 的 `MARK_SVG` / `PUBLIC_NAME` 逐字一致，测试咬着）+ 一句适用场景；发自己的报告时整段删掉 |
| `manifest.json` | `title` / `share.title` / `share.desc`（微信卡片上的字，desc 写结论）；节增减时 `sections` 与页里的 `id` / `data-track-section` 三处同改 |

数字是自洽的，改的时候也请自己算一遍：月净现金流 = 日均成交 × 客单价 × 30 天 − 原料 38% − 租金（A 另扣 6% 流水）− 人工 − 水电包装佣金；前三个月按七成；回本月 = 累计现金流转正的那个月。

## 怎么发出去

两个文本文件（页面 + 要下载的 CSV），最省事的是 MCP `publish_file` 的 `files`：

```
publish_file
  files: [{ path: "index.html", content: <index.html 全文> }, { path: "data/选址对比数据.csv", content: <csv 全文> }]
  title: "宁州第 12 家门店选址对比分析"
  manifest: <manifest.json 的内容，去掉 entry>
  hold: true            # 先看预览，确认后 publish_version
```

复测后更新：同一份内容换掉，再调一次 `publish_file`，这次传 `proposal_id` 而不是 `title` —— 链接不变。
有终端时也可以 `node core/space/cli/space-cli.mjs push core/space/examples/sample-analysis-report --proposal <id> --hold`。

给谁看：默认仅自己可见；报给领导用 `set_visibility`（`passcode` 口令可看）。

## 素材

- 没有位图，标志与图表都是内联 SVG；公司「禾麦烘焙」、城市「宁州」与人名均为虚构。
- `thumb.webp`：画廊缩略图，由 `examples/verify-shots.mjs --write-thumb` 从成品截出，不进发布包。