UI · 成品 审批收件箱
规格

审批

6 件等你决定。授权内的例行申请，Adis 今天已经按规则批了 14 件。

Adis 建议

这 3 件在你的授权内，可以一起批准

都是常用供应商的例行采购，每单低于 ¥5 万，和上月同类申请一致。

采购单
PO-3381、PO-3384、PO-3390
合计
¥72,400
依据
采购授权：部门经理每单 ≤ ¥5 万

待我审批

  • 采购：涤纶长丝 20 吨张伟 · 采购部 · 今天 09:12¥248,000超授权
  • 合同：Demo Customer B 年度框架协议法务智能体已审，改了 2 处¥1,200,000要你看
  • 差旅：上海客户拜访 2 天李强 · 销售部 · 昨天¥3,860
  • 付款：Demo Customer F 退货款赵丽 · 财务部 · 昨天¥12,600

选中：采购 涤纶长丝 20 吨

申请人
张伟 · 采购部
供应商
Demo 供应商甲
单价
¥12,400 / 吨
金额
¥248,000
要求到货
10-20
原因
安全库存只够 6 天

审批记录

  1. 09:12
    提交申请
    张伟
  2. 09:13
    比价 3 家，这家最低
    采购智能体 · AI
  3. 09:15
    超出部门经理授权（¥5 万），转给你
    Adis · AI

提示词

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

用 AIDC UI 做一个「审批收件箱」页面。给谁用：主管、财务、行政。这一页只回答一个问题：哪些申请正在等我决定？

1. 拿规格：运行 `aidc ui template approvals --json > approvals.ui.json`。页面从上到下照规格排：页头（批准所选） → 视图胶囊（带数量） → Adis 的批量建议（提案卡） → 待审列表（行内批准 / 拒绝） → 选中申请的详情 + 审批记录。
2. 起应用：运行 `aidc app init approvals --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 处理（例如 approval.batch）。改数据只走 Action（`aidc semantic apply`）；要人批的事，先用 Proposal 节点给人看，人点确认后再执行。
5. 守 AIDC UI 的规矩：只用规格节点和 aidc- 开头的类（`aidc ui components`），不自己写颜色、边框、阴影；一页一个主按钮；先结论、后细节；线只留给数据；智能体和人一样显示，智能体标 AI。
6. 检查后发布：`aidc ui validate approvals.ui.json`，`aidc app dev` 在本机看效果，`aidc app check` 通过后 `aidc app deploy`。

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