UI · 成品 销售漏斗
规格

销售漏斗

第四季度 · 目标 ¥3,600 万

管道金额¥5,280万↑ 12%比上季度末
本月成交¥680万6 单
赢单率34%↓ 2 个点近 90 天
平均成交周期38天↓ 4 天
季度目标¥2,140 万 / ¥3,600 万 · 还剩 51 天
59%
线索3
Demo Customer F · 工装面料
销售智能体AI¥60 万
ACME · 户外系列
李强¥120 万
Demo Customer A · 家纺补单
陈静¥35 万
报价2
Demo Customer B · 年度框架
陈静今天跟进
Demo Customer D · 功能面料
李强¥210 万
谈判2
Demo Customer E · 秋冬订单
陈静¥460 万
Demo Customer C · 定制
销售智能体AI价格卡住
成交2
Demo Customer E · 年度订单
陈静已签
Demo Customer A · 10 月订单
李强已签

下一步跟进

按到期时间排

  • 给 Demo Customer B 回第二版报价对方要求账期 60 天今天
  • 约 Demo Customer C 采购总监价格差 4%,需要你出面明天
  • 寄 ACME 样品3 个色号10-14

提示词

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

用 AIDC UI 做一个「销售漏斗」页面。给谁用:销售、销售主管。这一页只回答一个问题:哪些商机需要推进?

1. 拿规格:运行 `aidc ui template sales-pipeline --json > sales-pipeline.ui.json`。页面从上到下照规格排:页头(新建商机) → 4 个数字 → 季度目标进度 → 阶段看板 → 下一步跟进。
2. 起应用:运行 `aidc app init sales-pipeline --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 处理(例如 deal.create)。改数据只走 Action(`aidc semantic apply`);要人批的事,先用 Proposal 节点给人看,人点确认后再执行。
5. 守 AIDC UI 的规矩:只用规格节点和 aidc- 开头的类(`aidc ui components`),不自己写颜色、边框、阴影;一页一个主按钮;先结论、后细节;线只留给数据;智能体和人一样显示,智能体标 AI。
6. 检查后发布:`aidc ui validate sales-pipeline.ui.json`,`aidc app dev` 在本机看效果,`aidc app check` 通过后 `aidc app deploy`。

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