移动端 FMS
友情提示
本文讲解 yudao 移动端(uni-app 版)的 FMS 系统,重点说清楚两件事:FMS 已经提供手机端、当前支持的主要功能。
- 仓库:https://github.com/yudaocode/yudao-ui-admin-uniapp (opens new window),基于
uni-app+Vue3+wot-ui实现,支持 H5、微信小程序等多端。 - 后端:复用 PC 端同一套
yudao-module-fms模块与/fms/**接口,移动端只是换了一层 UI。
# 1. 移动端功能
- 工作台:FMS 财务首页、账套切换和常用功能入口。
- 凭证管理:录凭证、查凭证、凭证详情、凭证汇总表,支持移动凭证和整理凭证。
- 账簿管理:明细账、总账、科目余额表、多栏账、核算项目账、数量金额账。
- 报表管理:资产负债表、利润表、现金流量表。
- 结账管理:结账概况、结账方案、结账模板和期间结账。
- 设置管理:账套管理、财务参数、财务指标、币别、科目设置、辅助核算、财务初始余额、凭证字、常用摘要、凭证模板。

进入工作台后,点击「FMS 财务管理」即可看到移动端 FMS 的功能分组;页面路由为 /pages/index/index,FMS 菜单由 src/pages/index/menu.json 配置。

财务首页位于 src/pages-statistics/fms/home/index.vue,由 home-shortcuts.vue、metric-cards.vue 和 metric-charts.vue 组成,调用 src/api/fms/home/index.ts 获取当前账套指标、快捷入口和趋势数据。

录凭证页面位于 src/pages-fms/voucher/create/index.vue,分录使用 voucher-entry-form.vue,摘要库和科目选择分别调用 src/api/fms/config/digest、src/api/fms/config/subject,保存时调用 src/api/fms/voucher。
移动端页面统一使用 src/pages-fms 下的页面组件,并通过 src/api/fms 调用后端接口;账套切换由 src/pages-fms/store/fms.ts 维护,未选择账套时由 components/account-set/guide.vue 引导进入账套管理。
# 2. 启动与发布
- 启动:参考 《快速启动【前端】》 文档的「1.4 Vue3 + uni-app 版本」小节,在
yudao-ui-admin-uniapp-next-v4仓库执行pnpm dev:h5,即可启动 H5 调试页面。 - 发布:参考 《运行发布》 文档;根据 uni-app 的目标平台执行 H5、微信小程序或 App 构建。
启动完成后,在工作台选择「FMS 财务管理」即可进入移动端 FMS;页面路由使用 /pages-fms/**,例如结账页为 /pages-fms/closing/index,录凭证页为 /pages-fms/voucher/create/index。
# 3. 代码位置
- 页面:
src/pages-statistics/fms/(财务首页)、src/pages-fms/(凭证、账簿、报表、结账和设置) - 接口:
src/api/fms/ - 状态:
src/pages-fms/store/fms.ts - 公共组件:
src/pages-fms/components/、src/pages-fms/utils/