===B0===
⚡ 📸 FULL MODE | Version: 1d22a058...
📊 Total 2/2 pages

============================================================
🤖 STAGE 2 分析模式：【开发视角】
📋 提取所有细节、字段规则、完整流程
============================================================
📸 理解原则：视觉输出为主，文本为辅，样式数据为准
  • 视觉输出包含完整UI、流程图、交互细节
  • 文本提供关键信息提取但可能不完整
  • 建议：先看图理解整体，再用文本快速定位关键点
  • 每页附带 [设计样式参考]，包含精确的颜色值、字体规格、图片资源
  • 生成代码时必须使用 [设计样式参考] 中的精确值，禁止凭空编造颜色/字号
  • 页面图片资源已标注本地路径，生成代码时直接引用本地文件

============================================================
🐕 二狗工作指引（开发视角）
============================================================
分析完本组页面后，必须按以下格式输出：

🧠 元认知验证（开发视角）

**🔍 变更类型识别**：
- 类型：🆕新增 / 🔄修改 / ❓未明确
- 判断依据：
  • [引用文档原文关键句，如"全新功能"/"在现有XX基础上"/"优化"]
  • [描述文档结构特征：是从0介绍还是对比新旧]
- 结论：[一句话说明]

**📋 本组核心N点**（按实际情况，不固定数量）：
1. [核心功能点1]：具体描述业务逻辑和规则
2. [核心功能点2]：...
...

**📊 功能清单表**：
| 功能点 | 描述 | 输入 | 输出 | 业务规则 | 异常处理 |
|--------|------|------|------|----------|----------|

**📋 字段规则表**（如果页面有表单/字段）：
| 字段名 | 必填 | 类型 | 长度/格式 | 校验规则 | 错误提示 |
|--------|------|------|-----------|----------|----------|

**🔗 与全局关联**（按需输出，有则写）：
• 数据依赖：依赖「XX模块」的XX数据/状态
• 数据输出：数据流向「XX模块」用于XX
• 交互跳转：完成后跳转/触发「XX模块」
• 状态同步：与「XX模块」的XX状态保持一致

**⚠️ 遗漏/矛盾检查**（按需输出）：
• ⚠️ [不清晰的地方]：具体描述
• ⚠️ [潜在矛盾]：描述发现的逻辑矛盾
• 🎨 [UI与文字冲突]：对比UI和文字说明的不一致
• ✅ [已确认清晰]：关键逻辑已明确

**🤖 AI理解与建议**（对不清晰的地方，按需输出）：
💡 [对XX的理解]：
   • 需求原文：[引用]
   • AI理解：[推测]
   • 推理依据：[说明]
   • 建议：[给产品/开发的建议]

============================================================

📝 提醒：STAGE 4 交付物格式（完成所有分组后使用）：

【STAGE 4 输出要求 - 开发视角】

输出结构：
1. # 需求文档总结
2. ## 📊 文档概览（页面数、模块数、变更类型统计、待确认项数）
3. ## 🎯 需求性质分析（新增/修改统计表 + 判断依据）
4. ## 🌍 全局业务流程图（⚡核心交付物）
   - 包含所有模块的完整细节
   - 所有判断条件、分支、异常处理
   - 所有字段校验规则和数据流转
   - 模块间的联系和数据传递
   - 用文字流程图（Vertical Flow Diagram）
5. ## 模块X：XXX模块
   ### 功能清单（表格）
   ### 字段规则（表格）
   ### 模块总结（列举式，不画单独流程图）
6. ## ⚠️ 待确认事项（所有疑问汇总）

质量标准：开发看完能写代码，测试看完能写用例，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、详细说明

【页面组成】

1. 商机详情公共头部

展示商机名称、负责人、商机状态、当前节点、操作按钮及推进指引等信息。

备注：该区域与商机详情概览页保持一致。

　

2. 页签导航区

展示概览、客户信息、方案卡、现场勘察、相关附件、跟进记录、工作计划、团队成员、操作日志等页签。

备注：当前高亮“相关附件”。

　

3. 附件列表区

以表格形式展示当前商机关联的附件资料。

每条附件记录需展示资料类型、附件内容、操作人、操作时间、说明及操作入口。

　

4. 附件分类信息

资料类型用于区分附件所属业务场景，例如现场资料、设计清单 / 图纸、客户需求资料、招投标相关资料、其它等。

　

5. 附件操作区

支持对附件进行新增、查看、下载、删除等操作。

备注：具体操作入口需根据用户权限动态展示。

商机管理-销售机会

需求

需求说明

变更记录

3、字段说明




【字段说明】

1. 资料类型

展示附件所属业务类型。

例如：现场资料、设计清单 / 图纸、客户需求资料、招投标相关资料、其它等。

　

2. 附件内容

展示附件名称或文件内容摘要。

附件名称支持点击查看或下载。

　

3. 操作人

展示上传或维护该附件的人员。

用于追溯附件来源。

　

4. 操作时间

展示附件上传或最近一次维护的时间。

　

5. 说明

展示该附件的补充说明。

用于说明附件用途、资料背景或关联业务场景。

　

6. 操作

展示当前用户可执行的操作入口。

例如：新增、查看、下载、删除等。

操作入口需根据用户权限动态展示。

商机管理-销售机会

需求

需求说明

变更记录

4、交互说明

1. 页签切换

点击“相关附件”页签后，展示当前商机关联的附件列表。

　

2. 新增附件

点击“新增”后，打开附件上传页面或弹窗。

用户选择资料类型、上传附件并填写说明后，保存生成附件记录。

　

3. 查看附件

点击“查看”后，可预览对应附件内容。

如附件格式不支持在线预览，可提示用户下载查看。

　

4. 下载附件

点击“下载”后，下载对应附件文件。

　

5. 删除附件

点击“删除”后，需进行二次确认。

确认后删除该附件记录；取消后不执行删除。

　

6. 附件名称点击

点击附件名称时，可优先按预览方式打开；不支持预览时执行下载。

商机管理-销售机会

需求

需求说明

变更记录

5、业务规则&功能逻辑

1. 一个商机可以关联多条附件记录。

　

2. 附件需归属于当前商机，不允许出现无商机归属的附件。

　

3. 附件需支持按资料类型分类，便于用户快速识别附件用途。

　

4. 附件上传后需记录上传人、上传时间及附件说明。

　

5. 删除附件需受权限控制，普通用户不可删除无权限维护的附件。

　

6. 已被后续业务引用的重要附件，是否允许删除需根据业务规则控制。

　

7. 附件资料可作为方案卡、现场勘察、投标、项目转化等后续业务的参考依据。

商机管理-销售机会

需求

需求说明

变更记录

6、原型体验及

验收标准

1. 进入商机详情页后，点击“相关附件”页签，可以正常展示附件列表。

　

2. 当前页签需正确高亮“相关附件”。

　

3. 页面需展示资料类型、附件内容、操作人、操作时间、说明、操作等信息。

　

4. 点击“新增”后，可以正常上传附件并生成附件记录。

　

5. 附件上传成功后，附件列表需同步刷新。

　

6. 点击“查看”后，可以正常预览附件或给出下载提示。

　

7. 点击“下载”后，可以正常下载附件。

　

8. 点击“删除”时，需进行二次确认。

　

9. 当前用户无权限操作时，相关按钮不展示或置灰并给出提示。

　

10. 暂无附件时，页面需展示空状态或引导用户新增附件。

商机管理-销售机会

注意：这里的资料类型要做字典，该模块固定写入所有‘商机资料类型’




用户选择对应资料类型对应行进行附件新增和上传

[设计样式参考 - 用于生成代码时匹配原型视觉效果]
  文字颜色 (按使用频率):
    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、详细说明

【页面组成】

1. 商机详情公共头部

展示商机名称、负责人、商机状态、当前节点、操作按钮及推进指引等信息。

备注：该区域与商机详情概览页保持一致。

　

2. 页签导航区

展示概览、客户信息、方案卡、现场勘察、相关附件、跟进记录、工作计划、团队成员、操作日志等页签。

备注：当前高亮“工作计划”。

　

3. 工作计划列表区

以卡片或列表形式展示当前商机下的工作计划。

每条计划需展示计划内容、截止时间、剩余时间、创建人、执行状态及操作入口。

　

4. 新增工作计划入口

用于新增当前商机的工作计划。

　

5. 操作区

支持编辑、删除、标记完成等操作。

备注：操作入口需根据用户权限及计划状态动态展示。

商机管理-销售机会

需求

需求说明

变更记录

3、字段说明




【字段说明】

1. 计划内容

展示当前商机后续需要完成的工作事项。

例如：客户拜访、资料补充、方案确认、内部协调、投标准备等。

　

2. 截止时间

展示该工作计划要求完成的时间。

用于判断计划是否临近到期或逾期。

　

3. 剩余时间

展示距离截止时间的剩余时长。

若已超过截止时间，则展示逾期提示。

　

4. 创建人

展示创建该工作计划的人员。

　

5. 执行状态

展示工作计划当前状态。

例如：未完成、已完成、已逾期等。

　

6. 操作

展示当前用户可执行的操作入口。

例如：编辑、删除、标记完成等。

操作入口需根据用户权限及计划状态动态展示。

商机管理-销售机会

需求

需求说明

变更记录

4、交互说明

1. 页签切换

点击“工作计划”页签后，展示当前商机下的工作计划列表。

　

2. 新增工作计划

点击“新增工作计划”后，打开新增工作计划页面或弹窗。

用户填写计划内容、截止时间等信息并保存后，系统新增一条工作计划。

　

3. 编辑工作计划

点击“编辑”后，可修改工作计划内容、截止时间等信息。

保存后列表内容同步更新。

　

4. 删除工作计划

点击“删除”后，需进行二次确认。

确认后删除该工作计划；取消后不执行删除。

　

5. 标记完成

点击“标记完成”后，该工作计划状态更新为已完成。

已完成计划需与未完成计划有明显状态区分。

　

6. 逾期提示

当工作计划超过截止时间仍未完成时，需展示逾期提示。

商机管理-销售机会

需求

需求说明

变更记录

5、业务规则&功能逻辑

1. 一个商机可以存在多条工作计划。

　

2. 工作计划需归属于当前商机。

　

3. 工作计划需记录计划内容、截止时间、创建人、创建时间、完成状态等信息。

　

4. 未完成且超过截止时间的计划，应标记为逾期。

　

5. 已完成的工作计划不建议直接删除，是否允许删除需根据业务规则控制。

　

6. 工作计划可由写跟进、下次跟进时间或用户手动新增产生，具体来源需根据系统规则确定。

　

7. 当前用户只能新增、编辑或删除其权限范围内的工作计划。

　

8. 工作计划状态变化后，需同步更新列表展示。

商机管理-销售机会

需求

需求说明

变更记录

6、原型体验及

验收标准

1. 进入商机详情页后，点击“工作计划”页签，可以正常展示工作计划列表。

　

2. 当前页签需正确高亮“工作计划”。

　

3. 页面需展示计划内容、截止时间、剩余时间、创建人、执行状态及操作入口。

　

4. 点击“新增工作计划”后，可以正常新增工作计划。

　

5. 新增工作计划保存成功后，列表需同步刷新。

　

6. 点击“编辑”后，可以正常修改工作计划。

　

7. 点击“删除”时，需进行二次确认。

　

8. 点击“标记完成”后，计划状态需更新为已完成。

　

9. 逾期未完成的工作计划需有明显提示。

　

10. 暂无工作计划时，页面需展示空状态或引导用户新增工作计划。

商机管理-销售机会

面访客户，最好能组上饭局。

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)