# 青禾饮品 · 经营周报 · 第 43 周

> 活页公开模板 `sample-weekly-deck` · 场景: 工作汇报 · 行业: 餐饮茶饮 / 零售门店
> 任何人、任何 Agent 都可以读、照着改，不需要账号。示例内容均为虚构。
> 真页面: https://space.24haowan.com/s/FtlaU80Evaeq · 详情: https://space.24haowan.com/examples/sample-weekly-deck

## 这是什么

经营周报演示稿 · 周会投屏讲，手机上看竖版

## 什么时候用

每周例会要投屏讲的经营周报：一页一件事，先一句话结论，再核心指标、渠道对比、区域完成率、问题和下周三件事，讲稿只给自己看；会后同一个链接发群里，手机上自动换成竖版。要一份细读的长页项目周报（里程碑时间线、待确认表单）选 sample-weekly-report；给投资人上台路演选 sample-pitch-deck。

## 用户对助手说的原话

把这周的经营数据做成一份周会上投屏讲的周报演示稿，发成一个网页链接：浅色清爽的 16:9 页面，一页只讲一件事，共 8 页 —— 封面（第几周和日期范围的胶囊标签、公司名 + 经营周报大字、报告人 / 报送 / 抄送一行）、一句话结论（关键词用荧光笔式底纹）、四个核心指标（数值和环比涨跌）、渠道对比（本周深色 / 上周浅色的分组柱状图，带刻度和数值，旁边一句看点）、区域完成率（按完成率分档上色的城市格子加色阶图例）、问题与原因（三行，左边红字问题、右边原因）、下周三件事（编号卡片，写负责人和截止日）、结尾一句下次例会见；每页配一段只给我看的讲稿，我用手机扫码看讲稿、电脑翻页；竖着的手机打开时同样的内容换成竖版排。每周一更新到同一个链接。

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

## 照着做一份

1. 读入口文件 https://space.24haowan.com/examples/sample-weekly-deck/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-weekly-deck ，返回预览链接、7 天分享与认领链接（登录后保留、链接不变）。

## 页面结构

- 封面
- 一句话结论
- 核心指标
- 渠道对比
- 区域完成率
- 问题与原因
- 下周三件事
- 结尾

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

- https://space.24haowan.com/examples/sample-weekly-deck/source/index.html（入口）
- https://space.24haowan.com/examples/sample-weekly-deck/source/cover.webp

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

- kind:"deck"：电脑 16:9 翻页，竖屏手机换成 1080×1920 的竖版正文（同一组 section 重排）
- notes[] 讲稿只给发布者，扫码到手机、电脑翻页同步
- 同一链接每周更新；阅读回执记到每一页

## 模板说明（README）

按 `core/space/examples/QUALITY.md` 整理成模板市场的样例包。公司「青禾饮品」、人名与数字均为虚构；示例内容均为虚构。

## 演示哪个特色

**`kind:"deck"`：电脑 16:9 翻页、竖屏手机换竖版 + 讲稿只给发布者 + 每周更新同一个链接。**

- 一页一个 `<section>`，都是 `<deck-stage>` 的直接子元素；翻页引擎由平台注入，**包里不自带**。页的 `id` 就是目录锚点与回执里的页名。
- **讲稿**：`manifest.notes[]` 每条 `{anchor, text}`，`anchor` = 页的 `id`。发布者打开时壳页多一个「讲稿」按钮，扫码到手机看讲稿、电脑翻页同步；读者拿到的字节里没有讲稿。
- 记忆点是第 1 页那句结论之后的「区域完成率」：十二个城市按完成率分档上色，缺货的华东三城一眼是浅红。

## ★ 两套正文（QUALITY §3.6），改一处要两处都看

这份没有单独的 `mobileMarkup`：两套正文是**同一组 `<section>` 的两种排法**。
末尾脚本在竖屏手机（短边 ≤ 820px）上给 `<html>` 加 `.pt`，并把 `<deck-stage>` 的设计尺寸从 1920×1080 换成 1080×1920；
所有 `html.pt …` 规则就是竖版那一套（KPI 改一列、柱状图换 912×540、城市格子改三列、三件事改横排卡片）。

| 页 `id` | 电脑（1920×1080） | 竖屏手机（`html.pt`，1080×1920） |
|---|---|---|
| `cover` | 左文右标志，页底报告要素一行 | 标志缩小到右上，报告要素折两行 |
| `verdict` | 128px 一句话 | 100px，折四行 |
| `kpi` | 2×2 | 一列四个 |
| `channel` | 柱状图 + 右侧图例 | 图在上、图例横排在下 |
| `region` | 6×2 格子 + 右侧色阶 | 3×4 格子 + 两列色阶 |
| `issues` | 左问题右原因 | 上下排 |
| `next` | 三列卡片 | 一列横排卡片 |
| `end` | 居中 + 页脚 | 同左，页脚折两行 |

改完两种都要看：`examples/verify-shots.mjs sample-weekly-deck`（1440 看台上，375 看竖版），每一页都翻一遍。

## 改哪里变成我的

| 位置 | 改什么 |
|---|---|
| `#cover` | 周次与日期、公司名、例会日期；`.foot` 报告人 / 报送 / 抄送；右上的禾苗标志换成你们的（内联 SVG，`.a` / `.b` 两片叶子有进场动画） |
| `#verdict` | 一句话结论，`<em>` 是荧光笔底纹 |
| `#kpi` | 四个数与环比，`.up` / `.down` 定颜色 |
| `#channel` | 柱高 = 万元 × 0.92、基线 y=560；数值标签与 `aria-label` 同步改；虚线刻度 200 / 400 在 y=376 / 192 |
| `#region` | 每格的底色按右侧色阶取值；`aria-label` 写全十二个数 |
| `#issues` / `#next` | 三行问题与原因、三件事（负责人 · 截止日） |
| `#end` 与页脚 | 页脚平台标志与名称与 `core/space/src/theme.ts` 的 `MARK_SVG` / `PUBLIC_NAME` 逐字一致（测试咬着），发自己的时候整段删掉 |
| `manifest.json` | `notes[]` 讲稿（`anchor` 写页的 `id`）；增删页时 `<section>` / `sections[]` / `notes[]` 三处同改 |

数字前后要对得上：渠道本周 470 + 408 + 265 + 143 = 1,286 万（上周 410 + 448 + 252 + 101 = 1,211，环比 +6.2%）；
外卖 408 ÷ 448 = −9%；客单价 1,286 万 ÷ 41.7 万单 ≈ ¥30.8；第 43 周是 10 月 19—25 日，10 月 26 日周一例会。

不要动的：不要自己挂 `deck-stage.js`（两份引擎、版本会漂）；`kind:"deck"` 不配 `render:"inline"`；别自己画页码条（壳页已有）。
样式别写成 `deck-stage section …`：引擎的缩略图轨拿到的是页的克隆，挂在 `deck-stage` 下的规则够不着它们。

## 怎么发出去

```bash
export SPACE_TOKEN=sk-space-…            # MCP create_cli_token
node core/space/cli/space-cli.mjs push core/space/examples/sample-weekly-deck \
  --proposal <proposal_id> --manifest core/space/examples/sample-weekly-deck/manifest.json --note "第 43 周" --hold
# 自己打开预览：壳页右下角「讲稿」→ 扫码，手机上看讲稿；电脑按 → 翻页，手机跟着变
node core/space/cli/space-cli.mjs publish --version <version_id>
```

**下周更新**：换掉数字，用同一个 `proposal_id` 再推一次 —— 链接不变，群里那条消息一直是最新的。

## 素材

- `cover.webp`：分享卡封面，从页面截出；品牌「青禾饮品」为虚构。
- `thumb.webp`：画廊缩略图，由 `examples/verify-shots.mjs --write-thumb` 从成品截出，不进发布包。