一、首页工作台

整体采用科技蓝+深灰+白色配色，传递B端项目协同工具的专业效率感。顶部全局导航栏：Logo+当前组织/团队切换器+全局搜索（支持搜项目/任务/成员/文档）+消息通知入口（待办更新/里程碑提醒/审批通知角标）。左侧或顶部快捷操作区：新建项目、新建任务、快速会议、上传文档，常用操作一键触达。

项目总览区以数据卡片横排展示核心指标：进行中项目数、本月完成项目数、团队总任务数、逾期任务数（红色高亮预警）。下方"我的项目"卡片列表展示星标项目和最近访问项目：项目名称、项目阶段（规划/执行/收尾/已交付）、进度百分比环形图、下次里程碑日期。点击进入项目详情。

我的待办区按优先级分组展示：紧急（红色左边框标识）、重要（橙色）、普通（灰色）。每条待办展示任务名称、所属项目、截止日期、优先级标签和完成勾选框。支持快速筛选"今日待办""本周待办""我创建的""指派给我的"。逾期任务以独立红色分区置顶提醒。

里程碑提醒区以时间线横向滚动展示：即将到来的里程碑节点按日期排序，每项标注项目名+里程碑名称+倒计时天数（如"产品V2.0发布 · 还剩3天"），支持一键设置日历提醒和添加子任务。底部展示团队动态流——最近的项目更新、任务状态变更、成员评论和文件上传记录。

二、项目列表页

顶部项目筛选栏：按状态筛选（全部/规划中/执行中/已暂停/已交付/已归档），按负责人筛选，按创建时间/截止日期排序，支持关键词搜索项目名称。右侧视图切换支持列表视图/卡片视图/甘特图视图三种模式。

列表视图——表格列：项目名称（左侧星标收藏）+项目编号、当前阶段标签（阶段科技蓝色块显示）、进度百分比进度条（蓝色填充+数字百分比）、负责人（头像+姓名）、团队人数、计划工期起止日期（如"2026.06.01-2026.08.15"）、剩余工期（正常绿色/紧张橙色/逾期红色倒计时）、状态标识。"逾期"项目整行浅红色底色高亮，卡片左侧红条提示。

卡片视图——以项目封面+信息卡片瀑布流展示：项目名+阶段+进度环形图居中醒目+负责人头像+团队人数+剩余工期标签。甘特图视图——横向时间轴展示所有项目的时间跨度条，颜色区分状态，支持拖拽调整时间范围，顶部以月/周为刻度单位，左侧项目名称列表锁定不随滚动。

项目操作入口：每个项目卡片/行末设"更多"菜单——查看详情、编辑项目、复制项目、归档、删除。底部项目统计栏展示各状态项目数量和占比饼图。

三、任务拆解页

进入单个项目后，顶部面包屑导航：项目列表 > 项目名称 > 任务拆解。项目信息条展示：项目名、进度百分比、负责人、工期、团队成员头像组。

左侧任务树形结构：一级任务（里程碑/需求模块/版本阶段）可展开/折叠，每项左侧展开箭头+任务类型图标（里程碑菱形/需求圆形/任务方形）。二级子任务缩进展示，每行包含：任务名称、执行人（头像+姓名）、优先级标签、截止日期、状态下拉（未开始/进行中/待审核/已完成）、预估工时和实际工时对比。支持行内快捷编辑任务名、拖拽调整父子关系和排序。筛选功能：按执行人筛选、按状态筛选、按优先级筛选。批量操作为勾选多项后统一修改状态/指派/调整日期。

中间区域为进度时间轴视图：纵向时间线展示任务从创建到完成的每个节点——任务创建→指派→开始执行→提交审核→审核通过→任务完成，每个节点标注日期+执行操作人+操作说明（如"张三提交代码，等待李四Code Review · 2026.07.28 14:30"）。时间轴支持筛选展示某成员的活动轨迹。

右侧团队协作面板：任务评论区支持文字/图片/文件/代码片段评论，成员间可@通知。关联文档区展示该任务关联的需求文档/设计稿/技术方案，支持在线预览。子任务快速创建入口在当前任务下方直接添加。"更新进度"按钮——点击后弹窗填写当前进度百分比+完成说明+实际工时+下一步计划+上传交付物，提交后自动通知项目负责人。

四、个人数据页

顶部个人身份卡片：头像、姓名、职位、所属团队、入职日期。今日工作状态条：在线/忙碌/离线，工作时长统计（今日已记录工时）。

数据概览四宫格：负责项目数（进行中/已完成）、任务完成率（本月完成/本月总任务+百分比进度条）、准时交付率（近3个月趋势小折线图）、工作饱和度（当前任务总工时/可用工时百分比，超80%橙色预警）。

工作量趋势区：以周/月为单位的柱状图展示完成任务数趋势，颜色区分项目来源。下方任务分布饼图展示各状态任务占比（未开始/进行中/已完成/逾期）。个人效率指标：平均任务完成周期、代码提交次数（接入Git）/设计稿交付数（接入Figma）等第三方集成数据。

周报导出模块：一键生成本周工作周报——自动汇总本周完成任务列表+进行中任务进度+下周计划+风险项+工时统计，支持预览后编辑补充（手动添加工作总结/思考/计划文字），导出格式支持PDF/Word/邮件发送。支持自定义周报模板和定时自动发送（每周五16:00自动发送给指定上级/团队群）。

权限设置区：查看我的角色权限（管理员/项目经理/开发者/观察者等），展示各模块操作权限清单。项目可见性设置。安全设置：密码修改、双因素认证、登录设备管理、操作日志查询。

底部功能入口：帮助中心、快捷键指南、意见反馈、关于平台（版本号+更新日志）。