项目日程
TVP 项目日程甘特视图的筛选、查看与排期核对操作说明
项目日程是一个甘特图风格的排期视图，按时间轴展示项目的开始、结束和持续周期。适合排查项目是否集中、负责人工作量是否重叠，以及快速核对近期项目计划。
正在加载图片...
页面结构
页面由上至下分为三个区域：
| 区域 | 说明 |
|---|---|
| 搜索筛选栏 | 按关键字、项目类型、负责人等条件筛选，右侧显示当前筛选结果的项目总数 |
| 时间轴表头 | 固定在顶部，按天显示日期（日期 + 月/日），周末和今日有差异化背景 |
| 项目行区 | 左侧固定列显示项目类型，右侧时间轴展示开始卡片、结束卡片和持续条 |
搜索筛选
| 筛选项 | 说明 |
|---|---|
| 项目名称 / 项目编码 | 输入关键字搜索，支持按回车触发 |
| 项目类型 | 多选下拉，从已有项目数据中自动提取类型选项 |
| 总负责人 | 下拉选择负责人 |
| 方案负责人 | 下拉选择方案负责人 |
| 报名负责人 | 下拉选择报名负责人 |
| 执行负责人 | 下拉选择执行负责人 |
| 日期范围 | 选择时间区间，默认从本月起至未来两个月末。修改后自动重新加载该时段内的项目数据 |
| 重置 | 清空所有筛选条件 |
甘特视图详解
左侧固定列
左侧列固定在视口左侧，不随横向滚动移动。按项目类型分组展示：
- 有类型的项目：每个项目显示其所属的项目类型名称（最多显示 2 个，鼠标悬停查看完整列表）
- 未分类项目：没有项目类型的项目会合并显示为一组，标注「未分类」及项目数量
时间轴区域
时间轴按天绘制，每天占 50px 宽度，支持横向滚动。页面加载后自动定位到今日位置。
日期表头
- 顶部固定行，显示每日的日期和月/日（如
15和3/15） - 周末列有浅灰背景
- 今日列有浅蓝高亮
项目持续条
每个项目在时间轴上显示一条蓝色渐变横条，从项目开始日期延伸到结束日期，直观展示项目持续时长。
开始卡片
- 绿色左边框，位于项目行上半部分
- 显示内容：开始日期标签、项目名称、总负责人、方案负责人、销售对接人员、报名负责人、执行负责人
- 点击弹出详情气泡
结束卡片
- 红色左边框，位于项目行下半部分
- 显示内容与开始卡片相同，标签为「结束」
- 点击弹出详情气泡
卡片详情气泡
鼠标点击「开始」或「结束」卡片后，弹出详情气泡，展示完整的项目信息：
正在加载图片...
| 字段 | 说明 |
|---|---|
| 开始 / 结束 | 卡片对应的日期，绿色标签为开始，红色标签为结束 |
| 项目编码 | 项目的唯一编码 |
| 项目名称 | 项目的显示名称 |
| 商机编码 | 关联的商机编码，无则显示 - |
| 总负责人 | 项目的主要负责人 |
| 方案负责人 | 负责项目方案的人员 |
| 销售对接人员 | 销售对接的负责人员 |
| 报名负责人 | 负责项目报名的人员 |
| 执行负责人 | 负责项目执行的人员 |
操作流程
查看排期概览
- 进入「项目日程」页面，系统默认加载本月到未来两个月的项目数据
- 页面自动滚动到今日位置
- 横向滚动可查看更早或更晚的项目
- 左侧类型列帮助按类别定位项目
按条件筛选
- 在顶部搜索栏中选择或输入筛选条件
- 所有筛选条件实时生效（除关键字需按回车）
- 右侧统计数字实时更新
- 点击「重置」清空所有条件
查看项目详情
- 在时间轴中找到目标项目
- 点击绿色边框的「开始」卡片或红色边框的「结束」卡片
- 弹出气泡中查看项目完整信息
调整时间范围
- 点击日期范围选择器
- 选择新的起止日期
- 系统自动重新加载该时间段内的项目数据
使用建议
- 排期数据来源于项目的开始时间和结束时间，若项目缺少日期，只能显示已有一端的卡片
- 今日列以浅蓝高亮标记，周末列有浅灰背景，便于判断项目是否跨周末
- 日期范围过大时页面会加载大量项目并产生较长横向滚动，日常排期建议按月或季度查看
- 鼠标悬停在卡片上时卡片会浮起，点击可查看详情气泡
- 左侧类型列支持鼠标悬停查看完整类型名称