一、首页工作台

整体采用雾霾蓝+深灰+白色配色，传递极简商务与企业办公系统的专业效率感。顶部全局导航栏：企业Logo+当前组织架构切换+全局搜索（支持搜联系人/流程/文档/公告）+消息通知入口（待办审批角标数量+系统通知+同事消息）。右侧快捷功能区：发起流程、新建文档、快速会议、日程创建，常用操作一键触达。

待办审批区为首页核心模块，以卡片列表展示待处理事项：按类型分组（待我审批/待我处理/抄送我的/我已处理），每项展示流程标题、申请人姓名+部门+头像、提交时间（如"2小时前"）、流程类型标签（请假蓝/报销橙/用章紫/采购绿，颜色区分类型）、紧急程度标识（普通/加急）、当前停留节点（"等待您审批"高亮）。支持快捷操作按钮——同意/驳回/转审/加签，无需进入详情页即可一步处理。数量角标醒目展示待办总数，超期事项红标置顶提醒。

考勤打卡区：今日打卡状态（已打卡打勾绿色/未打卡提醒橙色）+打卡时间记录（上班打卡/下班打卡各一次）+当前位置快速定位。支持外勤打卡（上传外勤照片+备注说明）和补卡申请（填写补卡原因+直属上级审批）。下方本周考勤概览以日历小视图展示每日打卡状态（正常绿点/迟到黄点/缺卡红点/请假蓝点）。

发起流程快捷入口以宫格排列：请假申请、报销申请、用章申请、采购申请、出差申请、加班申请、合同审批、物品领用，每项图标配雾霾蓝底色+文字标签，标注"常用"流程可自定义排列。

通讯录区：常用联系人横向滑动头像展示+职位，搜索框支持按姓名/部门/拼音首字母查找，组织架构树形展开入口（公司→部门→团队→成员）。最近联系人展示最近沟通的同事列表。

底部公告栏滚动展示企业最新通知和制度更新。日程模块展示今日会议安排和即将到来的日程提醒。

二、审批流程页

顶部流程类型Tab横向滑动：全部/请假/报销/用章/采购/出差/加班/合同/其他，选中雾霾蓝高亮底色。右侧筛选入口：按状态（审批中/已通过/已驳回/已撤回/已转审）+按时间范围+按申请人+按紧急程度组合筛选。

我发起的流程列表：每条流程卡片展示流程编号、流程类型标签（颜色区分）、流程标题（如"2026年7月差旅报销-深圳→上海"）、提交时间、当前审批进度（节点进度条：发起→部门经理审批✓→财务审核⏳→总经理审批○→归档○，已完成节点雾霾蓝打勾、当前节点橙色圆点闪烁、未开始节点灰色空心圆），当前审批人姓名+部门。卡片右侧状态标识（审批中/已通过/已驳回），已驳回项红色高亮标注驳回原因摘要。

我审批的流程列表：展示待我审批和已审批记录，每项标注申请人姓名+部门+金额/天数等关键信息，已处理项展示我的审批意见（同意/驳回）和处理时间。支持批量审批（勾选多项同类流程→统一同意/驳回）。

流程统计区：本月发起流程数、平均审批周期（如"平均2.3天"）、通过率、被驳回次数。以月度趋势小折线图展示审批效率变化。

底部+"新建流程"悬浮按钮，点击展开快捷流程入口菜单。

三、流程详情页

以报销流程为例。顶部流程概要卡片：流程编号、流程类型（"费用报销"橙色标签）、提交人（姓名+部门+头像）、提交时间、当前状态（审批中/已通过/已驳回）大标签醒目展示。

报销信息区：报销类型（差旅/招待/办公用品/其他）+报销金额（大字号展示）+报销事由（自由文本说明）。报销明细清单以表格展示：费用日期+费用类别（交通/住宿/餐饮/其他）+金额+发票张数（点击可预览发票图片）+备注。合计金额底行加粗汇总。支持附件区：上传的发票照片/电子发票PDF/相关证明材料，点击可在线预览和下载。

审批节点区以纵向时间轴展示完整审批链路：发起人提交→部门经理审批→财务审核→分管领导审批→总经理审批（如有超过限额）→归档。每个节点展示：节点名称、审批人姓名+头像+职位、审批状态（已完成打勾绿色/进行中橙色圆点/待处理灰色/驳回红色叉号）、操作时间、审批意见（如"同意报销，金额无误。——张经理 · 2026.07.28 10:15"）。驳回节点展示驳回原因详细说明和修改建议。加签/转审记录展示操作路径（"张经理转审至王总监 · 原因：金额超出权限"）。

底部操作区（当前审批节点为当前用户时展示）：同意按钮（雾霾蓝主色）+驳回按钮（红色边框）+转审按钮（选择转交人）+加签按钮（选择会签人）。同意时支持填写审批意见（选填），驳回时强制填写驳回原因（必填），转审/加签时弹出组织架构选择器。"抄送"可选通知相关人员。操作完成后自动推送通知至流程发起人和下一节点审批人。

四、个人中心页

顶部雾霾蓝渐变身份卡片：员工头像、姓名、工号、所属部门+岗位、入职日期、在职状态。快捷编辑个人信息入口（手机号/邮箱/紧急联系人等）。

功能入口六宫格：员工信息（查看和编辑个人档案：基本信息/学历/工作经历/资质证书/合同信息，支持上传证件照和更新资料）、考勤统计（月度出勤日历视图+出勤天数/迟到次数/加班时长/请假天数统计+年度考勤汇总趋势图，支持导出考勤报表）、我的申请（我发起的全部流程列表，按类型和状态筛选，查看审批进度和结果）、薪酬查询（月度工资条电子版：基本工资/绩效奖金/加班费/补贴/扣款项/实发金额明细，支持历史月份切换和密码验证查看，导出PDF工资单）、企业网盘（部门文档/共享资料/个人文件，支持文件夹管理/上传下载/在线预览/权限共享）、设置区（修改密码/绑定手机/多语言/指纹面容登录/隐私协议）。

签到足迹展示日历视图和月出勤率。加班调休余额展示剩余调休天数。年假余额展示总年假天数和已用/剩余天数进度条。

底部企业公告入口、帮助中心、关于企业OA（版本号/用户协议/隐私政策）、退出登录。