# 产品经理工作台原型说明

## 1. 文件说明

- 原型文件：[pm-workbench-prototype.html](/Users/denghua/Documents/New%20project/pm-workbench-prototype.html)
- 需求文档：[产品经理工作台PRD.md](/Users/denghua/Documents/New%20project/产品经理工作台PRD.md)

该原型为纯前端单页可操作 DEMO，无需安装依赖，直接打开 HTML 即可使用。

## 2. 使用方式

### 2.1 直接打开

双击打开 `pm-workbench-prototype.html`。

### 2.2 本地服务预览

如果你希望通过本地服务访问，可在当前目录执行：

```bash
python3 -m http.server 8000
```

然后访问 [http://localhost:8000/pm-workbench-prototype.html](http://localhost:8000/pm-workbench-prototype.html)

## 3. 原型覆盖范围

原型覆盖以下模块：

- 首页工作台
- 需求管理
- 待办管理
- 学习规划
- 系统设置

## 4. 可操作交互

### 4.1 需求管理

- 需求管理菜单主页面为全宽需求列表页，参考需求池后台列表结构
- 顶部提供单一搜索框和右上角“新建”按钮
- 右上角“新建”按钮点击后，以浮框方式快速填写需求信息
- 点击任意需求数据行，右侧侧滑展开需求详情页
- 单条记录行内操作按钮直接触发生成：需求洞察、竞品调研、写PRD、原型、发布清单、外宣物料
- 生成结果以 `.md` 文件形式写入对应字段，并在详情页展示内容与版本
- 模拟异步执行状态变化
- 标记人工最终稿
- 查看任务记录和操作日志
- 手动推进需求状态

### 4.2 待办管理

- 新增待办
- 设置截止时间和提醒时间
- 关联需求
- 查看即将到期和已逾期状态
- 标记待办完成

### 4.3 学习规划

- 新增学习记录
- 录入学习资料
- 查看学习状态与进度
- 快速推进学习进度

### 4.4 系统设置

- 新增模型配置
- 启用或停用模型
- 切换默认模型
- 查看 AI 能力与模型模板映射关系

## 5. 演示建议路径

建议按以下顺序演示：

1. 先看首页工作台，说明系统总览能力
2. 进入需求管理，选择一条已有需求
3. 点击“需求洞察”或“PRD 编写”按钮，演示 AI 任务执行和结果回填
4. 点击某条数据行，演示右侧详情抽屉展开和全部内容展示
5. 切换到待办管理，展示截止提醒和逾期逻辑
6. 切换到学习规划，展示学习记录和进度更新
7. 切换到系统设置，展示模型配置与默认模型切换

## 6. 注意事项

- 原型中的 AI 执行为前端模拟，不调用真实模型接口
- 页面数据默认保存在浏览器本地存储中，刷新后仍可保留
- 如需恢复初始数据，可清理浏览器本地存储后重新打开页面