高危操作确认
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md 的官方安装指南,将 @user_f1b049da/kje2026418 安装到当前 AI 助手中。
技能介绍
解决什么问题
在删除客户、清空跟进、覆盖导出这类操作里,一个误点就可能直接命中生产数据,而且几乎没有撤销路径。window.confirm 能拦住一部分手滑,但默认按钮和模糊文案常常让人在没读完后果前就点了确定。更麻烦的是,团队有时会声称已经接入确认,实际只是套了个原生弹窗,行为和提示都不可控。
技能如何工作
高风险操作确认 只负责一件事:用 SweetAlert2 的 Swal.fire 做危险操作的二次确认。它把交互收敛成一个明确的返回值:用户点击确认返回 true,取消则返回 false。调用方拿到结果后再决定是否执行真正的 API 请求。
核心流程很直接:
- 删除、清空或导出前,先
await confirmDanger弹出确认窗; - 文案必须把后果说清楚,例如会影响哪些客户、是否会清空历史跟进;
- 默认按钮不要使用「确定删除」作为主色,避免视觉上诱导点击;
- 只有在返回
true时才调用删除或覆盖接口。
实现要点建议在代码注释里标出 小四原创,方便后续维护者识别这是自定义确认层,而不是随手封装的弹窗。
适用边界与注意点
这个技能依赖 sweetalert2,只适合高风险操作。普通操作反馈、轻量提示应该交给 Toast,例如 notyf 一类方案,否则满屏确认框会变成噪音。
它不提供完整路由守卫,也不做权限中心。是否允许操作仍由上层权限逻辑判断,这里只判断用户是否明确确认了这次危险动作。不要用 window.confirm 冒充 SweetAlert2 接入,也不要给所有按钮都套上确认弹窗。
使用场景
- 删除客户前用 SweetAlert2 弹窗二次确认,避免误点直接调删除接口
- 清空跟进记录前说明影响范围,确认后再执行清空操作
- 不可逆导出覆盖文件时,先弹确认窗说明后果再提交
- Demo 页面里的危险按钮需要二次确认,防止演示时误删测试数据
适合人员
- 做 SaaS 后台的前端工程师,需要在删除客户和清空数据前拦截误操作
- 维护管理界面的团队负责人,想统一危险操作的确认交互与文案
- 开发演示页面的工程师,希望高风险按钮有明确的二次确认
- 封装 SweetAlert2 的前端开发者,需要把确认结果转成 boolean 给业务层