配置面板
管理路径: /config
配置面板是管理 CPA 网关基础配置的主入口,提供可视化表单编辑和 YAML 源码编辑双模式,支持变更预览和确认保存。
核心功能与服务
双模式编辑:
- 可视化编辑(Visual):表单字段分组展示,字段验证和类型检查。
- 源码编辑(Source):直接编辑 YAML 配置文件,内置 CodeMirror 编辑器(懒加载)。
配置搜索:
- 在配置中搜索关键字,高亮匹配项。
- 显示当前匹配位置和总数,支持上下导航。
变更对比(Diff):
- 保存前自动对比本地修改与服务器当前配置。
- 并排 YAML 对比视图,清晰展示新增/修改/删除的字段。
保存与确认:
- 未保存变更提醒(dirty state)。
- 导航离开时确认弹窗,防止误丢失。
- 支持取消修改回滚到服务器状态。
商业模式识别:
- 自动检测 YAML 根节点是否为商业模式,影响部分配置项展示。
界面交互与 UI 元素
- Tab 切换器:Visual / Source 两个标签页。
- 搜索栏:输入框 + 当前/总数显示 + 上一个/下一个导航箭头。
- VisualConfigEditor:分组折叠的表单区块,每个字段带描述和校验提示。
- DiffModal:并排对比弹窗,高亮 diff。
- 操作栏:保存 / 取消按钮 + dirty 状态指示器。