UI · 成品 经营总览
规格

经营总览

Demo Company · 2026 年 10 月 · 数据截至今天 08:00

收入¥1,286万↑ 8.2%比 9 月同期
毛利率23.4%↓ 1.6 个点原料涨价
回款¥942万↑ 3.1%回款率 73%
准时交付96.2%↑ 0.8 个点目标 95%

收入趋势

近 12 个月 · 万元

0
500
1,000
1,500
1,286万
看数据
收入
11月880
12月910
1月1,020
2月760
3月940
4月1,010
5月1,080
6月1,120
7月1,060
8月1,150
9月1,190
10月1,286

各产品线毛利率

本月 · 目标 25%

0
10
20
30
18.9%
看数据
毛利率
功能面料27.1
家纺24.5
工装21.8
辅料18.9
定制26.4

要处理的事

3 件

  • 辅料毛利率连续 2 个月低于 20%主要原因:涤纶长丝涨价 12%要你决定
  • Demo Customer C 逾期 ¥86 万超过账期 32 天逾期
  • 二号线产能利用率 71%比计划低 12 个点关注

最近的变化

  1. 今天 08:12
    9 月关账完成
    财务智能体 · AI
  2. 昨天 17:40
    Demo Customer E 签了年度订单 ¥320 万
    陈静
  3. 昨天 10:05
    涤纶长丝报价上调 12%
    采购智能体 · AI · 已比价 3 家
  4. 10-09
    二号线计划停机 6 小时(换型)

提示词

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

用 AIDC UI 做一个「经营总览」页面。给谁用:老板、总经理、部门负责人。这一页只回答一个问题:哪项经营指标需要我干预?

1. 拿规格:运行 `aidc ui template ops-overview --json > ops-overview.ui.json`。页面从上到下照规格排:页头(期间 + 查看异常) → 期间胶囊 → 4 个数字(带小趋势) → 收入趋势 + 产品线毛利 → 要处理的事 + 最近的变化。
2. 起应用:运行 `aidc app init ops-overview --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 处理(例如 anomalies.open)。改数据只走 Action(`aidc semantic apply`);要人批的事,先用 Proposal 节点给人看,人点确认后再执行。
5. 守 AIDC UI 的规矩:只用规格节点和 aidc- 开头的类(`aidc ui components`),不自己写颜色、边框、阴影;一页一个主按钮;先结论、后细节;线只留给数据;智能体和人一样显示,智能体标 AI。
6. 检查后发布:`aidc ui validate ops-overview.ui.json`,`aidc app dev` 在本机看效果,`aidc app check` 通过后 `aidc app deploy`。

样子参考:https://www.ai-dc.ai/developer/ui/templates/ops-overview