UI · 整页例子 上线进度与费用
规格

上线进度与费用

Demo Company 的智能体在哪运行、上线到哪一步、每月多少钱。数据截至 10 月 13 日。

已上线18/ 24 个6 个下周上线
没人用时0GB来消息才叫醒，用完就停
第一条回复多等3.2秒醒着的马上回
每月费用¥4,064↓ 42%比上线前

一条消息怎么走

橙色是员工发消息到智能体回复的路径；灰色是只在本机的部分

看连线
  • 企业 IM → 入口：长连接
  • 入口 → 平台：规范化
  • 平台 → 智能体：叫醒
  • 智能体 → 业务系统：只读查询
  • 业务系统 → 文件与脚本：导出

上线进度

销售与客服8 / 8
100%
生产与仓库7 / 10
70%
财务3 / 6 · 等数据权限
50%
  1. 10-08
    销售与客服全部上线
  2. 10-15
    生产与仓库剩下 3 个
    上线智能体 · AI
  3. 10-22
    财务开通数据权限后上线
    IT 负责人

每月费用估算

拖动滑杆看费用怎么变

¥4,064/ 月
运行（按智能体）¥2,160
自己的机器¥560
盘与备份¥144
入口与平台¥1,200

示例单价，换成你们合同里的数。

项放什么每月（元）
运行24 个智能体，来消息才叫醒2,160
自己的机器1 台 8 GB：要用本机文件的 6 个智能体560
盘与备份120 GB，每天快照144
入口与平台机器人连接、登记、调度1,200
合计—4,064
10 月每一项的账

提示词

复制给 Adis、Claude Code 或 Codex：它用 aidc 命令行做出同样的页面，再换成你们公司的真数据。页面上的数据都是虚构的 Demo Company。

用 AIDC UI 做一个「上线进度与费用」页面。给谁用：IT 负责人。这一页只回答一个问题：智能体上线到哪一步、每月要多少钱？

1. 拿规格：运行 `aidc ui template rollout-costs --json > rollout-costs.ui.json`。页面从上到下照规格排：页头 + 导出 → 四个数字 → 架构图（高亮一条路径） → 上线进度 + 每月费用估算 → 每一项的账。
2. 起应用：运行 `aidc app init rollout-costs --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 处理（例如 report.export）。改数据只走 Action（`aidc semantic apply`）；要人批的事，先用 Proposal 节点给人看，人点确认后再执行。
5. 守 AIDC UI 的规矩：只用规格节点和 aidc- 开头的类（`aidc ui components`），不自己写颜色、边框、阴影；一页一个主按钮；先结论、后细节；线只留给数据；智能体和人一样显示，智能体标 AI。
6. 检查后发布：`aidc ui validate rollout-costs.ui.json`，`aidc app dev` 在本机看效果，`aidc app check` 通过后 `aidc app deploy`。

样子参考：https://www.ai-dc.ai/developer/ui/templates/rollout-costs