跟进提及同事
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_f1b049da/dvbz2026272 到 AI 助手中。
技能介绍
解决本地跟进记录中的协作者指派痛点
在客户拜访或项目跟进的日常开发中,我们经常需要在内嵌的备注文本框里点名相关的同事(例如 @张三)来提醒协同。然而,原生的 input 或 textarea 并不具备自动补全和提及功能。直接引入重型的聊天组件不仅体积庞大,还会带来不必要的状态管理负担。本技能旨在用轻量级的方式,为现有的跟进备注框赋予本地同事名单的 @ 提及能力。
核心实现与关键步骤
该技能基于 tributejs 构建,核心思路是将本地同事名册作为 values 传入并挂载到目标文本框上。
- 数据准备:维护一份本地同事列表,确保每个候选项至少包含
key和value字段。 - 组件挂载:在跟进备注框初始化时调用
attach方法,传入同事列表。当用户输入触发符(默认为@)时,会自动唤出下拉菜单。 - 标记写入:选中目标后,文本框内会插入可读的标记(如
@姓名),同时业务层可以额外存储对应的userId以便后端处理。 - 生命周期管理:在组件卸载(如
onBeforeUnmount)时,必须调用destroy(或detach)方法。
适用边界与避坑指南
本技能专注于本地提及与 UI 交互,不包含也不应扩展至全站消息中心、消息推送或已读回执等重型业务逻辑。
- 防泄漏与内存清理:切勿在组件销毁时忘记调用
detach,否则会导致重复菜单和潜在的内存泄漏。 - 职责分离:不要将企业微信或整站聊天系统的推送逻辑塞进本 Skill,保持其轻量、纯粹的输入增强属性。
使用场景
- 在编写客户跟进笔记时,需要在文本框输入 @ 提醒相关同事协助推进任务。
- 录入线下拜访记录时,要在备注里点名具体的协作人以便后续对接。
- 在前端 Demo 中演示备注功能时,需要接入本地同事列表展示下拉选择效果。
适合人员
- 需要自研 CRM 或跟进系统的前端工程师,希望为文本框添加轻量级同事提及功能。
- 负责开发客户拜访记录模块的开发者,需要在备注中快速指派内部协作人员。
- 正在搭建内部工具 Demo 的全栈开发者,需要快速实现本地名单的 @ 联想效果。