禾蛙产品系统Vibe Coding

禾蛙平台是一个专注于连接企业与第三方猎头/招聘机构的招聘协同中台。其立项核心是为了解决企业在使用外部猎头服务时面临的三大核心问题：渠道管理混乱（与多家猎头对接流程不一）、过程不透明（无法实时跟踪猎头推进进度）以及结果难以量化（无法科学评估各猎头渠道的效能与投入产出比）。平台深耕人力资源服务领域，旨在通过标准化的线上协同流程，将企业离散的猎头采购与管理行为整合到一个统一的平台上，提升高端人才招聘的协同效率与管理能见度。

项目有哪些具体功能模块：

平台主要包含企业端后台与猎头端工作台两大主体。核心功能模块包括：企业侧的猎头渠道管理、职位发布与分发、候选人推荐流统一处理、面试与offer流程协同以及数据分析报表；猎头侧的职位承接与竞标、候选人简历上传与维护、招聘过程跟踪以及业绩与结算看板。此外，集成了贯穿全程的站内IM与通知系统，确保沟通留痕。

项目的主要功能描述：

企业HR可在平台统一发布招聘职位，并定向或公开邀请合作的猎头公司承接。猎头在各自工作台查看职位、提交候选人。所有推荐简历将汇聚至企业HR处的统一后台进行筛选、面试安排与反馈，流程状态实时同步给对应猎头。平台通过流程标准化、信息透明化和数据可视化，实现了企业方对多猎头渠道的高效统筹管理与过程激励，同时为猎头提供了公平竞争、专注寻访的线上化工具，最终提升高端岗位的招聘闭环效率与人才交付质量。

我负责哪些具体任务？
我主要负责企业端后台前端的模块开发。具体包括：“猎头渠道管理”模块（猎头公司信息维护、合约关联）、“职位管理”模块（发布、分发、状态看板）以及核心的“推荐流”模块（对所有猎头推荐的简历进行统一筛选、流程推进与面试安排）。同时，负责构建如流程状态跟踪组件、多角色权限控制等公共业务逻辑，并与后端协作完成全套业务接口的联调与数据渲染。

项目使用了哪些技术栈、架构，实现上亮点、难点：
采用 Vue.js 2.x​ 框架，使用 Vuex​ 进行复杂应用状态管理，UI层基于 Element UI​ 进行深度定制。通过 Vue Router​ 实现权限路由控制。

实现亮点：
实时协同体验：利用WebSocket实现关键状态（如简历状态变更、新消息、面试安排）的实时推送与全局状态同步，确保企业HR与多家猎头的信息同步零延迟。
高复杂度数据表格：在“推荐流”模块中，开发了支持多维度筛选、自定义列显示、批量操作（如批量安排面试）的高性能数据表格组件，以应对大量候选人数据的便捷管理。

难点与解决方案：
多角色、多租户数据隔离与视图控制：平台需同时服务企业HR（管理多家猎头）和猎头（只看自家数据）。通过前端路由守卫与组件级权限指令相结合，根据用户角色动态计算和过滤数据，实现清晰的数据边界与界面差异化展示。
长流程状态机维护：从“推荐”到“入职”的招聘流程节点多、状态复杂。设计并维护了一个清晰的前端状态机模型，统一管理状态流转规则与对应操作，保证了业务逻辑的一致性与可维护性。