Skip to content

移动端 H5 概览

Forge Admin 提供移动端 H5 支持,用户可通过手机浏览器或企业微信访问审批处理、消息查看等功能,实现移动办公场景覆盖。

功能入口

移动端 H5 通过后端 forge-app-server 服务提供接口支撑,前端 H5 页面集成在系统内。管理员可在后台配置 H5 页面的相关参数。

后台管理入口:登录管理后台后,点击左侧菜单 移动端 > H5 管理

H5 页面能力

Forge Admin 移动端支持以下场景的 H5 适配:

能力说明使用场景
自适应布局H5 页面自适应手机屏幕所有移动端页面
手势操作支持滑动、点击等移动端交互列表滑动、表单提交
消息推送站内消息推送到移动端审批通知、系统公告
离线缓存关键数据本地缓存弱网环境访问

移动端审批

移动端审批是流程中心在手机上的延伸,支持在手机上处理流程待办:

查看待办

  1. 用户通过手机浏览器打开系统 H5 页面
  2. 登录后进入待办列表页面
  3. 待办列表展示流程标题、发起人、到达时间
  4. 点击待办进入审批详情页

处理审批

  1. 审批详情页展示申请信息和流程流转记录
  2. 查看申请人提交的表单内容和附件
  3. 在底部操作区选择审批动作:
    • 同意:点击同意,输入审批意见
    • 驳回:点击驳回,填写驳回原因
    • 转办:将待办转给其他处理人
    • 加签:邀请其他人参与审批
  4. 提交后自动返回待办列表

审批记录

  • 审批详情页可查看完整的流转历史
  • 每个节点的处理人、处理时间和处理意见
  • 流程图为响应式设计,手机端自动缩放适配

移动端消息

移动端消息中心提供以下功能:

  1. 点击右上角消息图标进入消息列表
  2. 消息列表展示:消息标题、发送时间、已读状态
  3. 点击消息查看详情,自动标记已读
  4. 未读消息红点提示

与企业微信集成

当配置了企业协同连接后,移动端体验进一步提升:

  • 企业微信工作台直接显示待办数量
  • 点击待办卡片直接进入 H5 审批页面
  • 审批结果实时同步到企业微信通知
  • 无需重复登录,SSO 单点认证

相关文档

Forge Admin — 基于 Vue3 + Spring Boot 的企业级后台管理框架