移动端 OA
友情提示
本文讲解 yudao 移动端(uni-app 版)的 OA 系统,重点说清楚两件事:OA 已经提供手机端、当前支持的主要功能。
- 仓库:https://github.com/yudaocode/yudao-ui-admin-uniapp (opens new window),基于
uni-app+Vue3+wot-ui实现,支持 H5、微信小程序等多端。 - 后端:复用 PC 端同一套
yudao-module-oa模块与/oa/**接口,移动端只是换了一层 UI。
# 1. 移动端功能
工作台「OA 办公协同」的菜单与 PC 管理后台对齐,分组如下:
- 公告管理:我收到的、我发布的。
- 讨论区:讨论区。
- 企业云盘:企业云盘。
- 企业邮箱:企业邮箱。
- 通讯录:联系人。
- 笔记管理:笔记。
- 日程管理:日程。
- 工作计划:计划管理、计划报表。
- 任务管理:我的任务、我发布的。
- 工作汇报:我的汇报、汇报统计。
- 考勤管理:我的考勤、团队考勤、考勤报表。
- 流程管理:请假申请、加班申请、转正申请、离职申请、费用报销。
- 车辆管理:车辆信息、用车申请、还车申请。
- 会议室管理:会议室信息、会议室预定。
- 办公用品:用品管理、领用申请、领用发放。
- 印章管理:印章信息、用印申请。
- 出差管理:出差申请、差旅报销。
- 公文管理:套红模板、公文发文、公文收文。

进入工作台后,点击「OA 办公协同」即可看到功能分组;页面路由为 /pages/index/index,OA 菜单由 src/pages/index/menu.json 的 oa 分组配置,按当前账号的 oa:* 权限过滤。移动端页面统一位于 src/pages-oa,并通过 src/api/oa 调用后端。
# 2. 启动与发布
- 启动:参考 《快速启动【前端】》 文档的「1.4 Vue3 + uni-app 版本」小节。
- 发布:参考 《运行发布》 文档。
启动完成后,在工作台选择「OA 办公协同」即可进入。
别忘了先开启 OA 模块
移动端复用后端同一套接口,因此 《功能开启》 里的模块启用和 SQL 导入同样是前提。工作台按当前账号的菜单权限展示业务入口。
# 3. 代码位置
- 页面:
src/pages-oa/ - 接口:
src/api/oa/ - 菜单:
src/pages/index/menu.json的oa分组