29 KiB
===B0=== ⚡ 📸 FULL MODE | Version: 1d22a058... 📊 Total 2/2 pages
============================================================ 🤖 STAGE 2 分析模式:【开发视角】 📋 提取所有细节、字段规则、完整流程
📸 理解原则:视觉输出为主,文本为辅,样式数据为准 • 视觉输出包含完整UI、流程图、交互细节 • 文本提供关键信息提取但可能不完整 • 建议:先看图理解整体,再用文本快速定位关键点 • 每页附带 [设计样式参考],包含精确的颜色值、字体规格、图片资源 • 生成代码时必须使用 [设计样式参考] 中的精确值,禁止凭空编造颜色/字号 • 页面图片资源已标注本地路径,生成代码时直接引用本地文件
============================================================ 🐕 二狗工作指引(开发视角)
分析完本组页面后,必须按以下格式输出:
🧠 元认知验证(开发视角)
🔍 变更类型识别:
- 类型:🆕新增 / 🔄修改 / ❓未明确
- 判断依据: • [引用文档原文关键句,如"全新功能"/"在现有XX基础上"/"优化"] • [描述文档结构特征:是从0介绍还是对比新旧]
- 结论:[一句话说明]
📋 本组核心N点(按实际情况,不固定数量):
- [核心功能点1]:具体描述业务逻辑和规则
- [核心功能点2]:... ...
📊 功能清单表:
| 功能点 | 描述 | 输入 | 输出 | 业务规则 | 异常处理 |
|---|
📋 字段规则表(如果页面有表单/字段):
| 字段名 | 必填 | 类型 | 长度/格式 | 校验规则 | 错误提示 |
|---|
🔗 与全局关联(按需输出,有则写): • 数据依赖:依赖「XX模块」的XX数据/状态 • 数据输出:数据流向「XX模块」用于XX • 交互跳转:完成后跳转/触发「XX模块」 • 状态同步:与「XX模块」的XX状态保持一致
⚠️ 遗漏/矛盾检查(按需输出): • ⚠️ [不清晰的地方]:具体描述 • ⚠️ [潜在矛盾]:描述发现的逻辑矛盾 • 🎨 [UI与文字冲突]:对比UI和文字说明的不一致 • ✅ [已确认清晰]:关键逻辑已明确
🤖 AI理解与建议(对不清晰的地方,按需输出): 💡 [对XX的理解]: • 需求原文:[引用] • AI理解:[推测] • 推理依据:[说明] • 建议:[给产品/开发的建议]
============================================================
📝 提醒:STAGE 4 交付物格式(完成所有分组后使用):
【STAGE 4 输出要求 - 开发视角】
输出结构:
-
需求文档总结
-
📊 文档概览(页面数、模块数、变更类型统计、待确认项数)
-
🎯 需求性质分析(新增/修改统计表 + 判断依据)
-
🌍 全局业务流程图(⚡核心交付物)
- 包含所有模块的完整细节
- 所有判断条件、分支、异常处理
- 所有字段校验规则和数据流转
- 模块间的联系和数据传递
- 用文字流程图(Vertical Flow Diagram)
-
模块X:XXX模块
功能清单(表格)
字段规则(表格)
模块总结(列举式,不画单独流程图)
-
⚠️ 待确认事项(所有疑问汇总)
质量标准:开发看完能写代码,测试看完能写用例,0遗漏
============================================================
📋 Return Format (due to MCP limitations): 1️⃣ [ABOVE] All visual outputs displayed in page order (top to bottom) 2️⃣ [BELOW] Corresponding document text content (top to bottom)
📌 Image-Text Mapping: • Image 1 ↔ Page 1 text: A3-1-1-1-5(个人)商机详情_相关附件 • Image 2 ↔ Page 2 text: A3-1-1-1-7(个人)商机详情_工作计划
💡 Please match visual outputs above with text below to understand each page's requirements
===B3===
============================================================ 📝 Document Text Content (Supplementary, visual outputs above are primary)
⚠️ Important: Text may be incomplete, for complex flowcharts/tables refer to visual outputs 💡 Text Purpose: Quick keyword search, find specific info, understand text descriptions
===B4===
──────────────────────────────────────────────────────────── 📄 Page 1: A3-1-1-1-5(个人)商机详情_相关附件 ──────────────────────────────────────────────────────────── [Flowchart/Component Text] itc业务中台 | Panyu10109 | 16 | AI助手 | 系统设置 | 商机管理 | 数据看板 | 销售机会 | 线索管理 | 客户管理 | 项目管理 | 首页 | 商机设置 | 商机公海 | 进入后台 | 线索管理设置 | 线索公海 | 我的关注 | 我的线索 | 工作台
[Full Page Text] itc业务中台
Panyu10109
16
AI助手
系统设置
商机管理
数据看板
销售机会
线索管理
客户管理
项目管理
首页
商机设置
商机管理
商机公海
进入后台
金山谷智慧园区项目
招标形式:
ZC(政采标)
责任人:
张三
所属团队:
特战团队
所属部门:
粤疆战队-广东15部
返回
园区
项目阶段:
标前设计
商机状态:
推进中
方案预算:
418.90 万元
写跟进
编辑
主要意向客户:
广州亚东智能科技有限公司
新增方案卡
客户圈定
√
关系摸排
√
资料采集
√
方案卡
√
已转项目
√
概览
客户信息
现场勘察
相关附件
工作计划
团队成员
操作日志
方案卡
商机 > 销售机会 > 金山谷智慧园区项目
商机推进指引 按照公司标准打法,对商机定义当前进度及明确节点工作
添加关联客户
推送方案
暂缓商机
抛公海
添加团队成员
关闭商机
跟进记录
相关附件
资料类型
附件内容
操作人
操作时间
说明
操作
现场资料
金山谷现场勘察资料.rar
王工
2026-07-08 10:30
现场照片、点位资料、现场勘察说明。
设计清单 / 图纸
--
--
--
可上传平面图、点位图、设备清单。
客户需求资料
参观保伦展厅.doc
张三
2026-07-07 10:30
客户特殊要求、预算口径、品牌倾向。
招投标相关资料
--
--
--
投标/抢标阶段补充招标公告、招标文件、招标编号等。
其它
客户内部沟通会议纪要.pdf
张三
2026-07-02 10:30
其它商机需求相关的附件均可上传
查看
下载
删除
新增
查看
下载
删除
新增
查看
下载
删除
新增
查看
下载
删除
新增
查看
下载
删除
新增
销售机会
需求
需求说明
变更记录
1、开发说明
【页面名称】
个人商机详情页 - 相关附件
【进入路径】
CRM系统 > 商机管理 > 销售机会 > 我负责的销售机会 / 最近访问 > 点击商机名称 / 详情 > 相关附件
【页面定位】
本页面用于集中展示当前商机关联的各类附件资料,方便销售、方案、工程等相关人员查看、上传、下载和维护商机推进过程中产生的文件。
【核心说明】
本页属于商机详情页下的“相关附件”页签,复用商机详情页公共头部、商机推进指引、操作按钮区及页签结构。
附件资料用于沉淀商机推进过程现场资料、设计清单、客户需求资料、招投标相关资料及其他辅助文件,便于后续方案设计、投标、项目转化和过程追溯。
2、详细说明
【页面组成】
- 商机详情公共头部
展示商机名称、负责人、商机状态、当前节点、操作按钮及推进指引等信息。
备注:该区域与商机详情概览页保持一致。
- 页签导航区
展示概览、客户信息、方案卡、现场勘察、相关附件、跟进记录、工作计划、团队成员、操作日志等页签。
备注:当前高亮“相关附件”。
- 附件列表区
以表格形式展示当前商机关联的附件资料。
每条附件记录需展示资料类型、附件内容、操作人、操作时间、说明及操作入口。
- 附件分类信息
资料类型用于区分附件所属业务场景,例如现场资料、设计清单 / 图纸、客户需求资料、招投标相关资料、其它等。
- 附件操作区
支持对附件进行新增、查看、下载、删除等操作。
备注:具体操作入口需根据用户权限动态展示。
商机管理-销售机会
需求
需求说明
变更记录
3、字段说明
【字段说明】
- 资料类型
展示附件所属业务类型。
例如:现场资料、设计清单 / 图纸、客户需求资料、招投标相关资料、其它等。
- 附件内容
展示附件名称或文件内容摘要。
附件名称支持点击查看或下载。
- 操作人
展示上传或维护该附件的人员。
用于追溯附件来源。
- 操作时间
展示附件上传或最近一次维护的时间。
- 说明
展示该附件的补充说明。
用于说明附件用途、资料背景或关联业务场景。
- 操作
展示当前用户可执行的操作入口。
例如:新增、查看、下载、删除等。
操作入口需根据用户权限动态展示。
商机管理-销售机会
需求
需求说明
变更记录
4、交互说明
- 页签切换
点击“相关附件”页签后,展示当前商机关联的附件列表。
- 新增附件
点击“新增”后,打开附件上传页面或弹窗。
用户选择资料类型、上传附件并填写说明后,保存生成附件记录。
- 查看附件
点击“查看”后,可预览对应附件内容。
如附件格式不支持在线预览,可提示用户下载查看。
- 下载附件
点击“下载”后,下载对应附件文件。
- 删除附件
点击“删除”后,需进行二次确认。
确认后删除该附件记录;取消后不执行删除。
- 附件名称点击
点击附件名称时,可优先按预览方式打开;不支持预览时执行下载。
商机管理-销售机会
需求
需求说明
变更记录
5、业务规则&功能逻辑
- 一个商机可以关联多条附件记录。
- 附件需归属于当前商机,不允许出现无商机归属的附件。
- 附件需支持按资料类型分类,便于用户快速识别附件用途。
- 附件上传后需记录上传人、上传时间及附件说明。
- 删除附件需受权限控制,普通用户不可删除无权限维护的附件。
- 已被后续业务引用的重要附件,是否允许删除需根据业务规则控制。
- 附件资料可作为方案卡、现场勘察、投标、项目转化等后续业务的参考依据。
商机管理-销售机会
需求
需求说明
变更记录
6、原型体验及
验收标准
- 进入商机详情页后,点击“相关附件”页签,可以正常展示附件列表。
- 当前页签需正确高亮“相关附件”。
- 页面需展示资料类型、附件内容、操作人、操作时间、说明、操作等信息。
- 点击“新增”后,可以正常上传附件并生成附件记录。
- 附件上传成功后,附件列表需同步刷新。
- 点击“查看”后,可以正常预览附件或给出下载提示。
- 点击“下载”后,可以正常下载附件。
- 点击“删除”时,需进行二次确认。
- 当前用户无权限操作时,相关按钮不展示或置灰并给出提示。
- 暂无附件时,页面需展示空状态或引导用户新增附件。
商机管理-销售机会
注意:这里的资料类型要做字典,该模块固定写入所有‘商机资料类型’
用户选择对应资料类型对应行进行附件新增和上传
[设计样式参考 - 用于生成代码时匹配原型视觉效果] 文字颜色 (按使用频率): rgb(51, 51, 51) (x127) rgb(255, 255, 255) (x29) rgb(46, 121, 246) (x16) rgb(127, 127, 127) (x14) rgb(85, 85, 85) (x8) rgb(0, 0, 0) (x6) rgba(0, 0, 0, 0.996) (x6) rgb(21, 32, 78) (x5) rgb(217, 0, 27) (x5) rgba(0, 0, 0, 0.647) (x1) rgb(21, 56, 95) (x1) rgb(0, 160, 232) (x1) rgb(1, 84, 120) (x1) rgb(0, 0, 255) (x1) rgb(112, 182, 3) (x1) 背景颜色: rgba(255, 255, 255, 0) (x56) rgb(255, 255, 255) (x15) rgba(215, 215, 215, 0.996) (x5) rgb(215, 215, 215) (x1) rgb(240, 242, 245) (x1) rgb(217, 0, 27) (x1) rgb(2, 125, 180) (x1) rgb(253, 251, 255) (x1) rgba(2, 167, 240, 0.996) (x1) rgb(255, 223, 37) (x1) 字体规格 (字号/字重/颜色): 23px / 400 / rgb(51, 51, 51) (x75) 13px / 400 / rgb(51, 51, 51) (x26) 14px / 400 / rgb(51, 51, 51) (x17) 13px / 400 / rgb(46, 121, 246) (x16) 20px / 400 / rgb(255, 255, 255) (x15) 14px / 400 / rgb(127, 127, 127) (x8) 23px / 700 / rgb(51, 51, 51) (x7) 14px / 400 / rgba(0, 0, 0, 0.996) (x6) 14px / 400 / rgb(255, 255, 255) (x6) 13px / 400 / rgb(85, 85, 85) (x6) 13px / 400 / rgb(127, 127, 127) (x6) 14px / 400 / rgb(0, 0, 0) (x5) 13px / 400 / rgb(21, 32, 78) (x5) 13px / 400 / rgb(217, 0, 27) (x5) 28px / 700 / rgb(255, 255, 255) (x5) 页面图片资源 (切图): [图片] images/a3-1-1-1-5%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E7%9B%B8%E5%85%B3%E9%99%84%E4%BB%B6/u3.svg (256x65) [图片] images/a3-1-1-1-5%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E7%9B%B8%E5%85%B3%E9%99%84%E4%BB%B6/u6.svg (35x37) [图片] images/a3-1-1-1-5%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E7%9B%B8%E5%85%B3%E9%99%84%E4%BB%B6/u7.svg (256x890) [图片] images/a3-1-1-1-5%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E7%9B%B8%E5%85%B3%E9%99%84%E4%BB%B6/u9.jpg (2618x2618) [图片] images/a3-1-1-1-5%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E7%9B%B8%E5%85%B3%E9%99%84%E4%BB%B6/u13.png (32x42) [图片] images/a3-1-1-1-5%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E7%9B%B8%E5%85%B3%E9%99%84%E4%BB%B6/u16.svg (110x34) [图片] images/a3-1-1-1-5%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E7%9B%B8%E5%85%B3%E9%99%84%E4%BB%B6/u17.svg (30x30) [图片] images/a3-1-1-1-5%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E7%9B%B8%E5%85%B3%E9%99%84%E4%BB%B6/u23.svg (15x15) [图片] images/a3-1-1-1-5%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E7%9B%B8%E5%85%B3%E9%99%84%E4%BB%B6/u24.svg (15x15) [图片] images/a3-1-1-1-5%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E7%9B%B8%E5%85%B3%E9%99%84%E4%BB%B6/u25.svg (15x15) [图片] images/a3-1-1-1-5%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E7%9B%B8%E5%85%B3%E9%99%84%E4%BB%B6/u26.svg (15x8) [图片] images/a3-1-1-1-5%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E7%9B%B8%E5%85%B3%E9%99%84%E4%BB%B6/u31.svg (15x15) [图片] images/a3-1-1-1-5%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E7%9B%B8%E5%85%B3%E9%99%84%E4%BB%B6/u34.svg (15x15) [图片] images/a3-1-1-1-5%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E7%9B%B8%E5%85%B3%E9%99%84%E4%BB%B6/u35.svg (15x15) [图片] images/a3-1-1-1-5%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E7%9B%B8%E5%85%B3%E9%99%84%E4%BB%B6/u39.svg (15x15) [图片] images/a3-1-1-1-5%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E7%9B%B8%E5%85%B3%E9%99%84%E4%BB%B6/u42.svg (15x15) [图片] images/a3-1-1-1-5%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E7%9B%B8%E5%85%B3%E9%99%84%E4%BB%B6/u45.svg (15x15) [图片] images/a3-1-1-1-5%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E7%9B%B8%E5%85%B3%E9%99%84%E4%BB%B6/u49.svg (15x15) [图片] images/a3-1-1-1-5%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E7%9B%B8%E5%85%B3%E9%99%84%E4%BB%B6/u52.svg (15x15) [图片] images/a3-1-1-1-5%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E7%9B%B8%E5%85%B3%E9%99%84%E4%BB%B6/u54.svg (256x890) [图片] images/a3-1-1-1-5%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E7%9B%B8%E5%85%B3%E9%99%84%E4%BB%B6/u58.svg (15x15)
===B5===
──────────────────────────────────────────────────────────── 📄 Page 2: A3-1-1-1-7(个人)商机详情_工作计划 ──────────────────────────────────────────────────────────── [Flowchart/Component Text] itc业务中台 | Panyu10109 | 16 | AI助手 | 系统设置 | 商机管理 | 数据看板 | 销售机会 | 线索管理 | 客户管理 | 项目管理 | 首页 | 商机设置 | 商机公海 | 进入后台 | 线索管理设置 | 线索公海 | 我的关注 | 我的线索 | 工作台
[Full Page Text] itc业务中台
Panyu10109
16
AI助手
系统设置
商机管理
数据看板
销售机会
线索管理
客户管理
项目管理
首页
商机设置
商机管理
商机公海
进入后台
金山谷智慧园区项目
招标形式:
ZC(政采标)
责任人:
张三
所属团队:
特战团队
所属部门:
粤疆战队-广东15部
返回
园区
项目阶段:
标前设计
商机状态:
推进中
方案预算:
418.90 万元
写跟进
编辑
主要意向客户:
广州亚东智能科技有限公司
新增方案卡
客户圈定
√
关系摸排
√
资料采集
√
方案卡
√
已转项目
√
概览
客户信息
现场勘察
相关附件
工作计划
团队成员
操作日志
方案卡
商机 > 销售机会 > 金山谷智慧园区项目
商机推进指引 按照公司标准打法,对商机定义当前进度及明确节点工作
添加关联客户
推送方案
暂缓商机
抛公海
添加团队成员
关闭商机
跟进记录
工作计划
+ 新增工作计划
面访客户,最好能组上饭局。
2026-07-01 10:30 距离开始还有3天2小时7分
用户1
编辑
删除
标记完成
至少电话沟通一次,以添加微信,约拜访时间为前期接洽目标。
2026-06-01 16:30 超时未完成14天13小时14分
用户1
编辑
删除
标记完成
销售机会
需求
需求说明
变更记录
1、开发说明
【页面名称】
个人商机详情页 - 工作计划
【进入路径】
CRM系统 > 商机管理 > 销售机会 > 我负责的销售机会 / 最近访问 > 点击商机名称 / 详情 > 工作计划
【页面定位】
本页面用于展示和管理当前商机相关的待办事项及工作计划,帮助销售人员明确后续动作、完成时间和执行状态。
【核心说明】
本页属于商机详情页下的“工作计划”页签,复用商机详情页公共头部、商机推进指引、操作按钮区及页签结构。
工作计划用于承接商机推进过程中的后续动作,例如客户拜访、资料补充、方案确认、内部协调、投标准备等,帮助用户持续推进商机。
2、详细说明
【页面组成】
- 商机详情公共头部
展示商机名称、负责人、商机状态、当前节点、操作按钮及推进指引等信息。
备注:该区域与商机详情概览页保持一致。
- 页签导航区
展示概览、客户信息、方案卡、现场勘察、相关附件、跟进记录、工作计划、团队成员、操作日志等页签。
备注:当前高亮“工作计划”。
- 工作计划列表区
以卡片或列表形式展示当前商机下的工作计划。
每条计划需展示计划内容、截止时间、剩余时间、创建人、执行状态及操作入口。
- 新增工作计划入口
用于新增当前商机的工作计划。
- 操作区
支持编辑、删除、标记完成等操作。
备注:操作入口需根据用户权限及计划状态动态展示。
商机管理-销售机会
需求
需求说明
变更记录
3、字段说明
【字段说明】
- 计划内容
展示当前商机后续需要完成的工作事项。
例如:客户拜访、资料补充、方案确认、内部协调、投标准备等。
- 截止时间
展示该工作计划要求完成的时间。
用于判断计划是否临近到期或逾期。
- 剩余时间
展示距离截止时间的剩余时长。
若已超过截止时间,则展示逾期提示。
- 创建人
展示创建该工作计划的人员。
- 执行状态
展示工作计划当前状态。
例如:未完成、已完成、已逾期等。
- 操作
展示当前用户可执行的操作入口。
例如:编辑、删除、标记完成等。
操作入口需根据用户权限及计划状态动态展示。
商机管理-销售机会
需求
需求说明
变更记录
4、交互说明
- 页签切换
点击“工作计划”页签后,展示当前商机下的工作计划列表。
- 新增工作计划
点击“新增工作计划”后,打开新增工作计划页面或弹窗。
用户填写计划内容、截止时间等信息并保存后,系统新增一条工作计划。
- 编辑工作计划
点击“编辑”后,可修改工作计划内容、截止时间等信息。
保存后列表内容同步更新。
- 删除工作计划
点击“删除”后,需进行二次确认。
确认后删除该工作计划;取消后不执行删除。
- 标记完成
点击“标记完成”后,该工作计划状态更新为已完成。
已完成计划需与未完成计划有明显状态区分。
- 逾期提示
当工作计划超过截止时间仍未完成时,需展示逾期提示。
商机管理-销售机会
需求
需求说明
变更记录
5、业务规则&功能逻辑
- 一个商机可以存在多条工作计划。
- 工作计划需归属于当前商机。
- 工作计划需记录计划内容、截止时间、创建人、创建时间、完成状态等信息。
- 未完成且超过截止时间的计划,应标记为逾期。
- 已完成的工作计划不建议直接删除,是否允许删除需根据业务规则控制。
- 工作计划可由写跟进、下次跟进时间或用户手动新增产生,具体来源需根据系统规则确定。
- 当前用户只能新增、编辑或删除其权限范围内的工作计划。
- 工作计划状态变化后,需同步更新列表展示。
商机管理-销售机会
需求
需求说明
变更记录
6、原型体验及
验收标准
- 进入商机详情页后,点击“工作计划”页签,可以正常展示工作计划列表。
- 当前页签需正确高亮“工作计划”。
- 页面需展示计划内容、截止时间、剩余时间、创建人、执行状态及操作入口。
- 点击“新增工作计划”后,可以正常新增工作计划。
- 新增工作计划保存成功后,列表需同步刷新。
- 点击“编辑”后,可以正常修改工作计划。
- 点击“删除”时,需进行二次确认。
- 点击“标记完成”后,计划状态需更新为已完成。
- 逾期未完成的工作计划需有明显提示。
- 暂无工作计划时,页面需展示空状态或引导用户新增工作计划。
商机管理-销售机会
面访客户,最好能组上饭局。
2026-07-01 10:30 距离开始还有3天2小时7分
用户1
取消
保存
选中工作计划已进入编辑模式
选中工作计划已退出编辑模式
删除工作计划
取消
确定
确定删除已选中的工作计划?
工作计划标记完成
取消
确定
确定标记完成选中的工作计划?
新建工作计划
确认
取消
*计划事项
*计划完成时间
提醒时间
提前3天 提前2天 提前1天 提前12小时
计划说明
[设计样式参考 - 用于生成代码时匹配原型视觉效果] 文字颜色 (按使用频率): rgb(51, 51, 51) (x122) rgb(255, 255, 255) (x39) rgb(127, 127, 127) (x8) rgb(85, 85, 85) (x8) rgb(0, 0, 0) (x7) rgba(0, 0, 0, 0.996) (x6) rgb(21, 32, 78) (x5) rgb(217, 0, 27) (x5) rgb(163, 0, 20) (x3) rgb(2, 125, 180) (x2) rgba(0, 0, 0, 0.647) (x1) rgb(46, 121, 246) (x1) rgb(21, 56, 95) (x1) rgb(0, 160, 232) (x1) rgb(1, 84, 120) (x1) 背景颜色: rgba(255, 255, 255, 0) (x54) rgb(255, 255, 255) (x32) rgba(215, 215, 215, 0.996) (x5) rgb(2, 125, 180) (x3) rgba(204, 204, 204, 0) (x3) rgb(22, 155, 213) (x2) rgb(215, 215, 215) (x1) rgb(240, 242, 245) (x1) rgb(217, 0, 27) (x1) rgb(253, 251, 255) (x1) 字体规格 (字号/字重/颜色): 23px / 400 / rgb(51, 51, 51) (x77) 14px / 400 / rgb(51, 51, 51) (x26) 20px / 400 / rgb(255, 255, 255) (x15) 12px / 400 / rgb(51, 51, 51) (x9) 14px / 400 / rgb(127, 127, 127) (x8) 14px / 400 / rgb(255, 255, 255) (x8) 13px / 400 / rgb(255, 255, 255) (x8) 23px / 700 / rgb(51, 51, 51) (x7) 14px / 400 / rgba(0, 0, 0, 0.996) (x6) 13px / 400 / rgb(85, 85, 85) (x6) 14px / 400 / rgb(0, 0, 0) (x5) 13px / 400 / rgb(21, 32, 78) (x5) 28px / 700 / rgb(255, 255, 255) (x5) 13px / 400 / rgb(163, 0, 20) (x3) 12px / 400 / rgb(217, 0, 27) (x3) 页面图片资源 (切图): [图片] images/a3-1-1-1-7%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E5%B7%A5%E4%BD%9C%E8%AE%A1%E5%88%92/u3.svg (256x65) [图片] images/a3-1-1-1-7%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E5%B7%A5%E4%BD%9C%E8%AE%A1%E5%88%92/u6.svg (35x37) [图片] images/a3-1-1-1-7%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E5%B7%A5%E4%BD%9C%E8%AE%A1%E5%88%92/u7.svg (256x890) [图片] images/a3-1-1-1-7%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E5%B7%A5%E4%BD%9C%E8%AE%A1%E5%88%92/u9.jpg (2618x2618) [图片] images/a3-1-1-1-7%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E5%B7%A5%E4%BD%9C%E8%AE%A1%E5%88%92/u13.png (32x42) [图片] images/a3-1-1-1-7%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E5%B7%A5%E4%BD%9C%E8%AE%A1%E5%88%92/u16.svg (110x34) [图片] images/a3-1-1-1-7%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E5%B7%A5%E4%BD%9C%E8%AE%A1%E5%88%92/u17.svg (30x30) [图片] images/a3-1-1-1-7%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E5%B7%A5%E4%BD%9C%E8%AE%A1%E5%88%92/u23.svg (15x15) [图片] images/a3-1-1-1-7%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E5%B7%A5%E4%BD%9C%E8%AE%A1%E5%88%92/u24.svg (15x15) [图片] images/a3-1-1-1-7%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E5%B7%A5%E4%BD%9C%E8%AE%A1%E5%88%92/u25.svg (15x15) [图片] images/a3-1-1-1-7%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E5%B7%A5%E4%BD%9C%E8%AE%A1%E5%88%92/u26.svg (15x8) [图片] images/a3-1-1-1-7%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E5%B7%A5%E4%BD%9C%E8%AE%A1%E5%88%92/u31.svg (15x15) [图片] images/a3-1-1-1-7%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E5%B7%A5%E4%BD%9C%E8%AE%A1%E5%88%92/u34.svg (15x15) [图片] images/a3-1-1-1-7%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E5%B7%A5%E4%BD%9C%E8%AE%A1%E5%88%92/u35.svg (15x15) [图片] images/a3-1-1-1-7%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E5%B7%A5%E4%BD%9C%E8%AE%A1%E5%88%92/u39.svg (15x15) [图片] images/a3-1-1-1-7%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E5%B7%A5%E4%BD%9C%E8%AE%A1%E5%88%92/u42.svg (15x15) [图片] images/a3-1-1-1-7%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E5%B7%A5%E4%BD%9C%E8%AE%A1%E5%88%92/u45.svg (15x15) [图片] images/a3-1-1-1-7%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E5%B7%A5%E4%BD%9C%E8%AE%A1%E5%88%92/u49.svg (15x15) [图片] images/a3-1-1-1-7%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E5%B7%A5%E4%BD%9C%E8%AE%A1%E5%88%92/u52.svg (15x15) [图片] images/a3-1-1-1-7%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E5%B7%A5%E4%BD%9C%E8%AE%A1%E5%88%92/u54.svg (256x890) [图片] images/a3-1-1-1-7%EF%BC%88%E4%B8%AA%E4%BA%BA%EF%BC%89%E5%95%86%E6%9C%BA%E8%AF%A6%E6%83%85_%E5%B7%A5%E4%BD%9C%E8%AE%A1%E5%88%92/u58.svg (15x15)