Simon
cec5607c45
feat(admin): Flowcharts.vue JSON 在线编辑 + 9 套排查模板种子数据
为管理后台'排查流程图'模块加 JSON 在线编辑能力 + 提供 9 套
办公 IT 常见故障排查模板种子数据(账号/系统/企微/VPN/邮箱/网络/
打印机/软件/硬件),管理员可基于此学习、筛选、修改、新增。
## 选型(按'优选开源'原则)
- @codemirror/lang-json / state / theme-one-dark / view
- codemirror(核心)
- vue-codemirror(Vue 3 集成)
- vue-json-pretty(JSON 树形预览)
全部为社区成熟开源组件,非自行开发
## 改动
- frontend-admin/package.json: 加 6 个 npm 依赖
- frontend-admin/src/api/troubleshooting.ts(新): TS 类型 +
5 个 API client(listTemplates / getTemplate / createTemplate /
updateTemplate / deleteTemplate) + formatJson/validateJson/
countNodes/countDecisions 工具函数
- frontend-admin/src/components/flowchart/FlowchartEditorDialog.vue(新):
双面板编辑器(左 CodeMirror + 右 vue-json-pretty),
实时 JSON 校验 + 节点/决策统计 + 格式/复制/导出按钮
- frontend-admin/src/views/Flowcharts.vue(改): 列表 + 导入/导出/
新建按钮 + EditorDialog 集成 + 文件上传 + 删除确认
## 9 套种子数据
- 01-account-password.json 账号密码
- 02-pc-system.json 电脑系统
- 03-wecom.json 企微问题
- 04-vpn.json VPN 接入
- 05-email.json 邮箱
- 06-network.json 网络
- 07-printer.json 打印机
- 08-software.json 软件
- 09-hardware.json 硬件
每套 ~150-200 行,结构:name / category / description /
estimated_time / difficulty / tags / root_node(决策树)
## 工具脚本
- data/seed-templates/build_all.py: 合并 9 个 JSON 成 00-all.json