一号厂 · 白班 · 10-11
按今日计划
每小时 · %
| 良率 | |
|---|---|
| 08:00 | 97.8 |
| 09:00 | 98.1 |
| 10:00 | 98.6 |
| 11:00 | 98.2 |
| 12:00 | 98.5 |
| 13:00 | 98.3 |
| 14:00 | 98.4 |
复制给 Adis、Claude Code 或 Codex：它用 aidc 命令行做出同样的页面，再换成你们公司的真数据。页面上的数据都是虚构的 Demo Company。
用 AIDC UI 做一个「生产看板」页面。给谁用：车间主管、班组长。这一页只回答一个问题：哪个工单需要开工，哪里卡住了？
1. 拿规格：运行 `aidc ui template production --json > production.ui.json`。页面从上到下照规格排：页头（开始工单） → 停机提示 → 4 个数字 → 产线进度 + 今日良率 → 工单看板。
2. 起应用：运行 `aidc app init production --template semantic --title "生产看板"`。入口页引入 /developer/sdk/v1/ui.css；脚本里 `import { ui } from "/developer/sdk/v1/aidc.js"`，调 `ui.render(规格, "#app", { onAction })` 画页面。
3. 换成真数据：运行 `aidc semantic object-types` 找到工单、产线、质检记录、停机记录对应的对象，再用 `aidc semantic objects` 和 `aidc semantic aggregate` 取数，替换规格里的示例数。找不到的数不要编：那一块换成 Empty 节点，写清「还没有数据」和下一步。
4. 接动作：在 onAction 里按按钮的 name 处理（例如 wo.start）。改数据只走 Action（`aidc semantic apply`）；要人批的事，先用 Proposal 节点给人看，人点确认后再执行。
5. 守 AIDC UI 的规矩：只用规格节点和 aidc- 开头的类（`aidc ui components`），不自己写颜色、边框、阴影；一页一个主按钮；先结论、后细节；线只留给数据；智能体和人一样显示，智能体标 AI。
6. 检查后发布：`aidc ui validate production.ui.json`，`aidc app dev` 在本机看效果，`aidc app check` 通过后 `aidc app deploy`。
样子参考：https://www.ai-dc.ai/developer/ui/templates/production