新增指引模块 - 流程图组件、步骤导航、材料提示

[georgelichen]

Task: 新增指引模块 - 流程图组件、步骤导航、材料提示

Description

开发分销商新增指引模块，通过可视化流程图展示新增流程，提供分步骤导航和所需材料提示。帮助用户了解完整的分销商新增流程，包括准备阶段、申请阶段、审核阶段和激活阶段的详细步骤和要求。

Acceptance Criteria

• 创建新增指引页面和导航入口
• 实现流程图组件，可视化展示新增流程
• 添加步骤导航组件，支持步骤间跳转
• 实现材料清单提示，列出每步骤所需文件
• 支持流程步骤的详细说明和注意事项
• 添加进度跟踪功能，显示当前步骤状态
• 实现流程图的响应式展示和交互

Technical Details

• 创建AddGuide页面和相关组件
• 实现FlowChart、StepNavigator、MaterialTip组件
• 设计流程数据结构和步骤状态管理
• 使用SVG或Canvas实现流程图绘制
• 添加步骤间的交互和状态切换
• 集成材料清单数据和展示逻辑
• 实现流程图的缩放和适配功能
• 添加流程完成状态的持久化存储

Dependencies

• 布局框架完成（6）
• 数据层和权限逻辑完成（11）
• 基础UI组件和主题配置完成（10）

Effort Estimate

• Size: L
• Hours: 18-22 hours
• Parallel: true (可以与其他功能模块并行开发)

Definition of Done

• 新增指引页面完整实现
• 流程图组件正确展示新增流程
• 步骤导航功能正常，支持步骤间切换
• 材料提示准确显示每步骤所需文件
• 进度跟踪功能正常工作
• 流程图响应式设计适配不同屏幕
• 组件测试覆盖主要功能
• 用户交互流畅，符合用户体验标准