LLM 与 Agent 智能办公实践
AgentFlow-OA企业协同办公系统
这是一个围绕办公审批场景展开的智能办公系统实践。项目以员工、主管和管理员三类角色组织工作空间，将自然语言对话与请假申请、审批确认、状态查询和业务记录串联起来。
项目定位
基于 LLM 与 Agent 的智能办公系统，以请假与审批流程作为核心展示场景。
角色范围
员工处理个人申请，主管处理待审批事项，管理员查看组织与全局流程。
实践重点
自然语言需求补全、结构化申请、操作前人工确认、多角色工作台与审批记录追踪。
展示内容
七张原始截图，覆盖登录、员工看板、Agent 对话、主管审批、请假详情和管理员概览。
当前状态
开发测试中；截图中标注部分页面使用 Mock 数据，功能仍在持续开发。
项目概览
从办公场景、角色分工和交互流程出发，介绍 AgentFlow-OA企业协同办公系统 当前展示的内容。
把员工、主管和管理员的工作入口按角色组织，使个人申请、审批处理和全局概览各有明确位置。
使用自然语言描述请假需求，由 Agent 追问缺失信息，形成可核对的申请清单。
在申请提交和审批处理前保留人工确认步骤，让用户明确当前动作及其执行状态。
通过申请列表、状态反馈和审批时间线连接对话操作与业务记录，方便持续追踪处理结果。
角色工作台与核心页面
按照登录、员工申请、主管处理和管理员查看的顺序展示七张截图，结合每个页面说明其在办公流程中的作用。
统一登录入口
登录页介绍基于 LLM 与 Agent 的智能办公系统，提供 admin、manager 和 employee 三类测试账号入口，并标注 JWT Authentication。它是员工、主管与管理员进入各自工作空间的起点。
员工工作台
员工工作台集中展示待办、个人申请、审批中与已完成的记录，同时提供最近申请、近期动态和发起请假的入口。用户可以先了解当前状态，再进入具体业务流程。
Agent 工作台：自然语言需求与信息补全
员工以自然语言提出请假需求，Agent 继续追问请假类型、开始时间、结束时间和原因。对话展示了从简短意图到结构化申请信息的补全过程，页面顶部用流程图说明提出需求、Agent 追问、生成清单与确认提交四个阶段。
Agent 工作台：申请清单与提交反馈
补齐信息后，Agent 列出请假类型、起止时间、时长和原因，并提示用户核对确认后再提交。对话中的提交反馈继续展示当前申请状态，让用户知道流程是否已经进入审批阶段。
主管端：待审批查询与审批意图确认
主管通过对话查询待审批请假，Agent 以表格列出申请人、类型、时间、原因与状态。主管给出审批决定和意见后，页面生成待确认动作，明确提示审批尚未执行，需要再次确认后才会生效。
请假详情与审批记录
请假管理通过侧边详情面板展示申请编号、当前审批人、起止时间、时长、提交时间与申请内容。审批时间线记录提交申请和审批通过的时间、处理人及意见，连接对话操作与可追踪的业务记录。
管理员端：系统概览
管理员概览汇总员工数、部门数、今日请假与待审批数量，并展示请假趋势、类型分布和最近审批动态。侧栏按全局流程、组织、智能能力与系统管理组织入口；截图中的统计属于开发测试数据。
核心业务流程
以截图中的请假示例为主线，整理从提出需求到查看审批记录的交互过程。
提出需求与补齐信息
员工在 Agent 工作台描述请假意图，Agent 继续确认类型、时间和原因，将对话逐步整理成明确的申请内容。
核对内容与确认提交
Agent 展示申请清单，用户先检查信息，再执行确认提交。提交反馈用于说明申请已进入审批流程。
主管查询与审批确认
主管查询待审批记录，以自然语言给出通过或驳回的意图和处理意见，Agent 整理待确认动作后再进入审批处理。
查询状态与追踪记录
员工通过工作台或请假管理查看申请状态，并在详情面板中查看提交与审批时间线；管理员从系统概览查看全局统计与动态。
技术实践
围绕当前界面和交互示例，整理项目中的智能交互与业务组织方式。
Next.js 页面组织
以工作台、Agent 对话和业务管理页面组织办公界面，将登录入口与不同角色的日常操作连接起来。
LLM 对话理解
从简短的自然语言表达中识别请假意图，对类型、时间与原因等缺失信息继续追问，降低填写结构化申请的门槛。
Agent 流程协作
将提出需求、补全信息、生成清单、用户确认和状态反馈组织成连续流程，使对话与具体业务动作保持关联。
结构化结果展示
用申请清单、待审批表格和状态标签呈现对话结果，让用户在继续操作前核对关键字段与当前状态。
身份与角色入口
登录页标注 JWT Authentication，并提供员工、主管和管理员测试入口；不同身份的侧栏和看板对应各自的业务职责。
审批过程可追踪
请假详情集中呈现申请信息和审批时间线，记录处理时间、人员与意见，为对话中的操作提供可查看的结果。
设计思路
围绕对话式办公的可理解性、操作确认和角色分工，组织当前版本的产品体验。
对话与传统工作台互补
Agent 工作台负责自然语言交互，列表、表格和详情面板负责状态查看与记录追踪，让不同操作可以选择适合的入口。
写操作先确认，再执行
申请和审批都涉及业务状态变化。页面明确区分信息准备、待确认动作和执行反馈，帮助用户判断当前流程是否已经生效。
按角色组织信息
员工关注自己的申请，主管关注待处理事项，管理员关注组织与全局状态。对应工作台使用不同看板与侧栏入口表达这些职责。
记录当前开发阶段
当前截图来自开发测试环境，部分统计和页面展示使用 Mock 数据。作品页保留这一状态说明，后续可以继续补充接口、数据与部署实践。