1.系统构成
人力资本管理平台 前身为组织与员工在线自 2021.09 起为 HR 定制开发的 绩效目标,目的在于替换原有的 SAP 绩效系统。后续随着需求变更在 2022.08 迭代中整合为面向 HR 的全功能平台。因此早期前端架构并非针对此平台进行设计,项目中存在部分冗余的代码。
本系统从业务上划分为 B 端 和 C 端,从项目上拆分为 performance-admin-vue、performance-mobile-vue,其结构如下图所示:

- B 端:指管理端,面向特定的角色开放。人力资本管理平台的理念是一切皆流程,因此 B 端的唯一目的就是配置流程,其他功能都是围绕这个目的展开的。
- C 端:指 PC 端和移动端,面向所有用户开放。C 端的本质就是一个表单渲染器,根据 B 端配置的流程数据渲染各类表单供用户填写审批。PC 端和移动端只是前端层面的表现形式,存在仅支持某端展示的特殊表单。
由于历史原因,移动端相对独立,管理端和 PC 端耦合在了一起,这也是后续优化的方向之一。
2.管理端说明
2.1 管理端与 PC 端、移动端的差异
管理端最初由张昕瑀设计开发,与 PC 端、移动端不同之处在于以下几点:
采用 vue2.7,以 Mixins(旧结构) 和 Composition API(新结构) 抽离公共逻辑并进行排列组合。
存在 setup 语法(新结构) 编写的组件,使用 Layout 模块完成基础页面布局。
基于 RABC 设计的三级权限:页面权限、DOM 权限、数据权限。
2.2 核心业务结构
管理端的核心业务结构由 考核关系、周期、流程模版、考核模版 四部分构成,理解人力资本管理平台任何一条流程,都应该从这四者入手:
- 考核关系:一级配置项,定义 审批角色-审批人 的映射关系,用来决定流程上各个节点的审批人是谁。
- 周期:一级配置项,定义某个业务需求的抽象。可以设置周期的状态、有效期等。例如绩效每半年评审一次,那么 每次评审可以抽象为一个周期,有效期为半年。
- 流程模版:二级配置项,从属于周期,定义流程节点数量、节点审批角色、节点回退控制等。
- 考核模版:二级配置项,从属于周期,基于流程模版定义流程每个节点的表单模块、审批权限等。

为了更好的帮助你理解业务结构,我举一个例子说明:
例:360 员工晋升测评是一个问卷调查需求,要求 HR 可以建立一次问卷调查,并设定题目,然后分发给指定用户填写,最终收集用户的反馈结果
- 1.每次问卷调查可以抽象为一个周期,因此周期列表中一条周期数据代表一次问卷调查。HR 可以设置该问卷调查有效时间,并控制此次问卷调查是否开始、结束。
- 2.问卷调查由 HR 设置并发起,评价人填写,这个模型本质上可以抽象为只有一个节点的流程,且评价人只能是填写者本人,因此可以新建一个单节点的流程模版,设置审批角色为本人、操作为填写。
- 3.问卷调查是相对独立的评分页面,现有的 C 端表单页并不支持,因此需要在考核模版中新增 360 员工晋升测评模块,新建一个关联步骤 2 流程模版的考核模版,设置一个 360 员工晋升测评模块即可。
- 4.最终通过步骤 3 创建的考核模版发起流程,流程会发送给考核关系中所有符合此流程审批角色的人,即完成了一次流程的配置与启动。
3.PC 端说明
待夏宁忠补充
4.移动端说明
待夏宁忠补充