移动端 PMS
友情提示
本文讲解 yudao 移动端(uni-app 版)的 PMS 系统,重点说清楚两件事:PMS 已经提供手机端、当前支持的主要功能。
- 仓库:https://github.com/yudaocode/yudao-ui-admin-uniapp (opens new window),基于
uni-app+Vue3+wot-ui实现,支持 H5、微信小程序等多端。 - 后端:复用 PC 端同一套
yudao-module-pms模块与/pms/**接口,移动端只是换了一层 UI。
# 1. 移动端功能
- 项目中心:工作台、我的项目、项目分组、归档项目、项目回收站、项目模板。
- 项目详情:项目概况、待规划、项目工时,以及项目设置中的基本信息、成员、公告和协作配置。
- 迭代:迭代列表、新建与编辑迭代、迭代详情。
- 工作项:工作项列表、新增与编辑、详情、评论、动态、子工作项、工时登记、状态设置和标签管理。
- 知识中心:知识库、文档搜索、文档标签、我的关注、最近使用、回收站、知识库模板。
- 知识库工作区:知识库主页、目录树、文件夹、富文本文档、文件上传、移动、成员管理、内容协作权限、文档评论和文档分享。

进入工作台后,点击「PMS 项目管理」即可看到移动端 PMS 的功能分组;页面路由为 /pages/index/index,PMS 菜单由 src/pages/index/menu.json 配置,菜单项同样按 pms:pm:*、pms:kb:* 按钮权限过滤。
移动端页面统一位于 src/pages-pms 下,并通过 src/api/pms 调用后端接口。项目、迭代、工作项相关页面在 pages-pms/pm,知识库和文档相关页面在 pages-pms/kb。
# 2. 启动与发布
- 启动:参考 《快速启动【前端】》 文档的「1.4 Vue3 + uni-app 版本」小节,在
yudao-ui-admin-uniapp-next-v4仓库执行pnpm dev:h5,即可启动 H5 调试页面。 - 发布:参考 《运行发布》 文档;根据 uni-app 的目标平台执行 H5、微信小程序或 App 构建。
启动完成后,在工作台选择「PMS 项目管理」即可进入移动端 PMS;页面路由使用 /pages-pms/**,例如工作台为 /pages-pms/pm/workbench/index,知识库列表为 /pages-pms/kb/library/index。
# 3. 代码位置
- 页面:
src/pages-pms/pm/(工作台、项目、迭代、工作项)、src/pages-pms/kb/(知识库、文档、标签、关注、最近使用、回收站) - 接口:
src/api/pms/ - 菜单配置:
src/pages/index/menu.json的pms分组