UI · 成品 应收与回款
规格

应收与回款

截至 10-11 · 人民币

应收余额¥1,862万
本月回款¥942万↑ 3.1%
逾期¥214万↑ 38 万3 家客户
平均回款48天↓ 3 天

每月回款

万元

0
250
500
750
1,000
942万
看数据
回款
5月760
6月810
7月850
8月820
9月914
10月942

账龄

万元

1,862万
未到期 · 1,408万1–30 天 · 240万31–60 天 · 128万60 天以上 · 86万
看数据
应收
未到期1,408
1–30 天240
31–60 天128
60 天以上86

逾期客户

客户发票金额(元)到期日逾期负责人
Demo Customer CINV-20260812860,00008-3141 天陈静
Demo Customer DINV-20260903720,00009-1526 天李强
Demo Customer FINV-20260910560,00009-3011 天销售智能体AI
合计—2,140,000———
Adis 建议

给 3 家逾期客户发催收提醒

用上次的模板,按逾期天数分两档措辞。你点确认之前不会发出。

客户
Demo Customer C、D、F
合计
¥2,140,000
渠道
邮件 + 企业微信

提示词

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

用 AIDC UI 做一个「应收与回款」页面。给谁用:财务、老板。这一页只回答一个问题:哪些款项需要催收?

1. 拿规格:运行 `aidc ui template receivables --json > receivables.ui.json`。页面从上到下照规格排:页头(发催收提醒) → 4 个数字 → 回款趋势 + 账龄 → 逾期客户表 → Adis 的催收建议(提案卡)。
2. 起应用:运行 `aidc app init receivables --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 处理(例如 dunning.send)。改数据只走 Action(`aidc semantic apply`);要人批的事,先用 Proposal 节点给人看,人点确认后再执行。
5. 守 AIDC UI 的规矩:只用规格节点和 aidc- 开头的类(`aidc ui components`),不自己写颜色、边框、阴影;一页一个主按钮;先结论、后细节;线只留给数据;智能体和人一样显示,智能体标 AI。
6. 检查后发布:`aidc ui validate receivables.ui.json`,`aidc app dev` 在本机看效果,`aidc app check` 通过后 `aidc app deploy`。

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