Skip to content

移动审批轻页

移动审批轻页是面向手机浏览器的独立 SPA,覆盖「查看待办 → 审批 → 发起申请」的高频移动场景。它与管理后台共享登录态,无需重复登录。

入口

入口说明
/approval.html独立 SPA 入口(Vite 多入口构建,与后台 index.html 并存)
后台头像菜单 → 移动审批从管理后台快捷打开轻页
/approval.html#/login未登录时的登录页;登录态与后台共享

路由使用 HashRouter(多入口零 rewrite):

路由页面
#/任务列表(TabBar 主页)
#/detail/:instanceId#/detail/:instanceId/:taskId审批 / 实例详情
#/launch发起申请(流程选择)
#/launch/:definitionId发起表单填写
#/login登录

底部标签栏

主页采用主流 App 底部 TabBar(图标 + 文字 + 角标),中间为凸起「发起」按钮:

标签内容
待办待我处理的审批任务,显示待办数角标
已办我已处理的任务,卡片展示我的处理结果
我的申请我发起的实例
抄送我抄送任务,未读标记,支持一键全部已读

待办处理

能力说明
搜索按标题搜索列表
下拉刷新手势刷新列表
极速同意列表卡片直接同意,无需进入详情
批量同意勾选 / 全选多条待办批量通过;允许复用签名的任务可一次确认个人模板;要求本次手写、自选下一审批人、必填附件等任务自动置灰
连续审批详情提交后自动进入下一条待办,无需返回列表

审批详情

详情页包含发起人头像块、审批进度提示和底部操作抽屉:

能力说明
表单展示按当前节点字段权限过滤 hidden 字段;edit 字段可直接修改并随「同意」提交(仅表单库表单);自定义业务表单 / 业务系统主导流程以只读模式渲染业务查看组件
同意 / 驳回 / 转办底部操作抽屉承载动作、意见、下一节点审批人选择和转办接收人;同意按钮配置附件必填时提示到桌面端处理
手写签名与桌面端共用个人签名:允许复用时确认使用模板或重新手写,要求本次手写时只能重写
快捷短语快速填入常用审批意见
沟通评论查看和发送实例评论
发起人操作发起人可撤回运行中的申请、对待办催办

external 业务查看组件使用当前审批的 instanceId 读取业务资料,服务端校验实例与业务键关联及当前人的流程可见性;组件只显示业务内容,流程状态和审批进度由移动详情页统一承载,避免嵌套桌面抽屉。业务模块自己的预览与往次流程入口见业务接入规范

移动端与后台使用同一账号的签名模板和版本。打开同意操作时按当前任务的策略确认签名,不把上一条任务的签名选择自动用于下一条;个人模板变更或删除后,过期引用需要刷新重选。批量同意逐条显示成功/失败原因,部分失败不隐藏在成功提示中。模板管理与证据规则见我的签名,完整批量限制见审批操作

发起申请

  • 流程选择页支持搜索和「最近使用」快捷入口。
  • 表单填写复用与桌面端同源的表单渲染规则(显隐、条件必填)。
  • 发起时的「自选审批人」与审批中的「转办」均内置移动端人员选择器(搜索 + 头像多选底部抽屉)。
  • 只有表单来源为 designer 的流程支持移动端发起;custom / external 流程在移动端审批与详情可只读查看业务表单内容。

体验细节

  • 页面切换带过渡动画,移动优先样式。
  • 登录态与后台共享;token 失效时跳转 #/login
  • 桌面端完整能力(委派、加签、减签、退回、协办等)见审批、任务与协作

Built with VitePress for local documentation preview.